.timestamp-view[data-v-a157c92b]{flex-direction:column;gap:24px;display:flex}.status-bar[data-v-a157c92b]{background:var(--panel-bg);border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:12px;align-items:center;gap:10px;padding:12px 18px;font-size:14px;display:flex}.status-indicator[data-v-a157c92b]{background:var(--text-muted);border-radius:50%;width:8px;height:8px}.status-bar.success .status-indicator[data-v-a157c92b]{background:var(--success);box-shadow:0 0 10px var(--success)}.status-bar.error .status-indicator[data-v-a157c92b]{background:var(--danger);box-shadow:0 0 10px var(--danger)}.status-bar.ready .status-indicator[data-v-a157c92b]{background:var(--accent)}.clock-card[data-v-a157c92b]{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:20px;padding:24px 28px}.clock-header[data-v-a157c92b]{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.clock-title[data-v-a157c92b]{align-items:center;gap:12px;display:flex}.clock-title h2[data-v-a157c92b]{margin:0;font-size:20px;font-weight:700}.live-dot[data-v-a157c92b]{background:#10b981;border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite pulse-a157c92b;box-shadow:0 0 12px #10b981}.live-dot.paused[data-v-a157c92b]{background:#f59e0b;animation:none;box-shadow:0 0 8px #f59e0b}@keyframes pulse-a157c92b{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.tz-badge[data-v-a157c92b]{background:var(--subtle-bg);border:1px solid var(--border-soft);color:var(--text-muted);border-radius:999px;padding:3px 10px;font-size:12px}.clock-grid[data-v-a157c92b]{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.clock-item[data-v-a157c92b]{background:var(--code-bg);border:1px solid var(--border-soft);border-radius:12px;padding:14px 18px}.clock-item-label[data-v-a157c92b]{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.clock-item-value[data-v-a157c92b]{color:var(--text);word-break:break-all;font-size:17px;font-weight:600}.clock-item-value.highlight[data-v-a157c92b]{color:var(--accent)}.converters-grid[data-v-a157c92b]{grid-template-columns:1fr 1fr;gap:24px;display:grid}.panel-card[data-v-a157c92b]{background:var(--panel-bg);border:1px solid var(--border);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:20px;flex-direction:column;gap:18px;padding:24px 28px;display:flex}.panel-header[data-v-a157c92b]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.panel-header h3[data-v-a157c92b]{margin:0;font-size:18px;font-weight:700}.unit-selector[data-v-a157c92b]{color:var(--text-muted);align-items:center;gap:10px;font-size:13px;display:flex}.radio-label[data-v-a157c92b]{cursor:pointer;align-items:center;gap:4px;display:flex}.text-input[data-v-a157c92b]{background:var(--control-bg);border:1px solid var(--control-border);width:100%;color:var(--text);border-radius:10px;outline:none;padding:12px 16px;font-size:15px;transition:border-color .2s,box-shadow .2s}.text-input[data-v-a157c92b]:focus{border-color:var(--accent);box-shadow:0 0 0 2px #55a7ff33}.datetime-picker[data-v-a157c92b]{background:var(--control-bg);border:1px solid var(--control-border);color:var(--text);cursor:pointer;border-radius:8px;padding:6px 10px;font-size:13px}.action-row[data-v-a157c92b]{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.detected-badge[data-v-a157c92b],.error-badge[data-v-a157c92b]{border-radius:6px;margin-left:auto;padding:4px 10px;font-size:12px}.detected-badge[data-v-a157c92b]{color:var(--success);background:#10b98126;border:1px solid #10b9814d}.error-badge[data-v-a157c92b]{color:var(--danger);background:#ef444426;border:1px solid #ef44444d}.result-list[data-v-a157c92b]{background:var(--code-bg);border:1px solid var(--border-soft);border-radius:12px;flex-direction:column;gap:10px;padding:14px 18px;display:flex}.result-row[data-v-a157c92b]{justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.result-key[data-v-a157c92b]{color:var(--text-muted);flex:0 0 130px}.result-val[data-v-a157c92b]{color:var(--text);word-break:break-all;flex:1}.result-val.highlight[data-v-a157c92b]{color:var(--accent);font-weight:600}.tools-secondary-grid[data-v-a157c92b]{grid-template-columns:1.2fr 1fr;gap:24px;display:grid}.offset-controls[data-v-a157c92b]{flex-direction:column;gap:12px;display:flex}.offset-control-group[data-v-a157c92b]{flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;display:flex}.offset-label[data-v-a157c92b]{color:var(--text-muted);min-width:75px}.select-input[data-v-a157c92b]{background:var(--control-bg);border:1px solid var(--control-border);color:var(--text);cursor:pointer;border-radius:8px;outline:none;padding:8px 12px;font-size:14px}.num-input[data-v-a157c92b]{width:90px;padding:8px 12px}.small-input[data-v-a157c92b]{flex:1;padding:8px 12px}.offset-result-panel[data-v-a157c92b]{background:var(--code-bg);border:1px solid var(--border-soft);border-radius:12px;flex-direction:column;gap:10px;padding:14px 18px;display:flex}.offset-result-row[data-v-a157c92b]{justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.history-list[data-v-a157c92b]{flex-direction:column;gap:10px;max-height:220px;display:flex;overflow-y:auto}.history-item[data-v-a157c92b]{background:var(--code-bg);border:1px solid var(--border-soft);border-radius:10px;flex-direction:column;gap:6px;padding:10px 14px;font-size:13px;display:flex}.history-item-header[data-v-a157c92b]{justify-content:space-between;align-items:center;display:flex}.history-tag[data-v-a157c92b]{color:var(--accent);background:var(--button-bg);border-radius:4px;padding:1px 6px;font-size:12px}.history-time[data-v-a157c92b]{color:var(--text-subtle);font-size:12px}.history-content[data-v-a157c92b]{color:var(--text);word-break:break-all;align-items:center;gap:8px;display:flex}.history-arrow[data-v-a157c92b]{color:var(--text-muted)}.history-actions[data-v-a157c92b]{justify-content:flex-end;display:flex}.history-empty[data-v-a157c92b]{text-align:center;color:var(--text-subtle);padding:30px;font-size:14px}.btn[data-v-a157c92b]{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.btn-secondary[data-v-a157c92b]{background:var(--button-bg);color:var(--accent);border:1px solid #55a7ff66}.btn-secondary[data-v-a157c92b]:hover{background:var(--button-hover);border-color:var(--accent)}.btn-ghost[data-v-a157c92b]{color:var(--text-muted);border:1px solid var(--control-border);background:0 0}.btn-ghost[data-v-a157c92b]:hover{background:var(--subtle-bg);color:var(--text)}.btn[data-v-a157c92b]:active{transform:scale(.96)}.btn-copy-small[data-v-a157c92b]{color:var(--accent);background:var(--button-bg);border:1px solid var(--border-soft);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-copy-small[data-v-a157c92b]:hover{background:var(--button-hover);border-color:var(--accent);transform:translateY(-1px)}.btn-copy-small[data-v-a157c92b]:active{transition-duration:80ms;transform:scale(.92)}.btn-copy-small.copied[data-v-a157c92b]{color:var(--success);border-color:var(--success);background:#10b98129;background:color-mix(in srgb, var(--success) 18%, transparent);animation:.35s cubic-bezier(.175,.885,.32,1.275) copy-pop-a157c92b}.btn-copy-small .check-icon[data-v-a157c92b]{flex-shrink:0;animation:.22s ease-out check-appear-a157c92b}@keyframes copy-pop-a157c92b{0%{transform:scale(.92)}45%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes check-appear-a157c92b{0%{opacity:0;transform:scale(0)rotate(-45deg)}to{opacity:1;transform:scale(1)rotate(0)}}.mono[data-v-a157c92b]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}@media (max-width:1024px){.clock-grid[data-v-a157c92b]{grid-template-columns:repeat(2,1fr)}.converters-grid[data-v-a157c92b],.tools-secondary-grid[data-v-a157c92b]{grid-template-columns:1fr}}@media (max-width:640px){.clock-grid[data-v-a157c92b]{grid-template-columns:1fr}.clock-header[data-v-a157c92b]{flex-direction:column;align-items:flex-start;gap:12px}.result-row[data-v-a157c92b]{flex-direction:column;align-items:flex-start;gap:4px}}