.clock-wrapper[data-v-3f3536c2]{display:flex;flex:1;flex-direction:column;gap:20px;margin:0 auto;max-width:1200px;width:100%}.clock-header[data-v-3f3536c2]{flex-wrap:wrap;justify-content:space-between}.clock-header[data-v-3f3536c2],.header-left[data-v-3f3536c2]{align-items:center;display:flex;gap:12px}.header-title[data-v-3f3536c2]{font-size:20px;margin:0}.live-tag[data-v-3f3536c2]{--n-color:rgba(16,185,129,.12);--n-text-color:#10b981;font-variant-numeric:tabular-nums}.live-dot[data-v-3f3536c2]{animation:pulse-dot-3f3536c2 1.5s ease-in-out infinite;background:#10b981;border-radius:50%;display:inline-block;height:6px;width:6px}@keyframes pulse-dot-3f3536c2{0%,to{opacity:1}50%{opacity:.3}}.header-controls[data-v-3f3536c2]{align-items:center;display:flex;gap:10px}.clocks-grid[data-v-3f3536c2]{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.clock-card[data-v-3f3536c2]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid hsla(0,0%,100%,.06);border-radius:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.clock-card[data-v-3f3536c2]:hover{border-color:var(--card-accent);box-shadow:0 8px 32px #00000026,0 0 0 1px var(--card-accent) inset;transform:translateY(-2px)}.card-bg[data-v-3f3536c2]{top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.card-bg-shape[data-v-3f3536c2]{border-radius:50%;opacity:.06;position:absolute}.shape-1[data-v-3f3536c2]{height:200px;right:-60px;top:-80px;width:200px}.shape-1[data-v-3f3536c2],.shape-2[data-v-3f3536c2]{background:var(--card-accent)}.shape-2[data-v-3f3536c2]{bottom:-40px;height:140px;left:-40px;width:140px}.remove-btn[data-v-3f3536c2]{align-items:center;background:#0000004d;border:none;border-radius:50%;color:#fff6;cursor:pointer;display:flex;font-size:14px;height:26px;justify-content:center;opacity:0;padding:0;position:absolute;right:10px;top:10px;transition:all .2s ease;width:26px;z-index:2}.clock-card:hover .remove-btn[data-v-3f3536c2]{opacity:1}.remove-btn[data-v-3f3536c2]:hover{background:#ef44444d;color:#ef4444}.card-body[data-v-3f3536c2]{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}.city-info[data-v-3f3536c2]{align-items:center;display:flex;gap:10px}.city-flag[data-v-3f3536c2]{font-size:28px;line-height:1}.city-text[data-v-3f3536c2]{display:flex;flex-direction:column;gap:1px}.city-name[data-v-3f3536c2]{font-size:15px;font-weight:600;line-height:1.3}.city-tz[data-v-3f3536c2]{font-size:12px;line-height:1.2;opacity:.45}.city-time[data-v-3f3536c2]{align-items:baseline;display:flex;gap:6px}.time-digits[data-v-3f3536c2]{font-family:Inter,SF Mono,Fira Code,monospace;font-size:32px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:1px;line-height:1.1}.time-ampm[data-v-3f3536c2]{font-size:13px;font-weight:600;opacity:.5}.city-date[data-v-3f3536c2]{font-size:13px;line-height:1.2;opacity:.55}.city-day-status[data-v-3f3536c2]{align-items:center;display:flex;font-size:12px;gap:4px;margin-top:2px;opacity:.5}.offset-toggle[data-v-3f3536c2]{align-items:center;display:flex;gap:6px}.offset-label[data-v-3f3536c2]{font-size:13px;opacity:.6}.city-offset[data-v-3f3536c2]{font-size:13px;font-variant-numeric:tabular-nums;font-weight:600;margin-top:4px}.city-offset.ahead .offset-value[data-v-3f3536c2]{color:#f59e0b}.city-offset.behind .offset-value[data-v-3f3536c2]{color:#06b6d4}.city-offset.same .offset-value[data-v-3f3536c2]{color:#10b981}.empty-state[data-v-3f3536c2]{align-items:center;display:flex;flex-direction:column;gap:8px;padding:60px 20px}.empty-text[data-v-3f3536c2]{font-size:14px;margin:0;opacity:.4}.add-modal-body[data-v-3f3536c2]{gap:12px}.add-modal-body[data-v-3f3536c2],.city-list[data-v-3f3536c2]{display:flex;flex-direction:column}.city-list[data-v-3f3536c2]{gap:2px;max-height:400px;overflow-y:auto}.city-option[data-v-3f3536c2]{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:8px 10px;transition:background .15s}.city-option[data-v-3f3536c2]:hover:not(.disabled){background:#80808014}.city-option.disabled[data-v-3f3536c2]{cursor:default;opacity:.4}.city-option-flag[data-v-3f3536c2]{flex-shrink:0;font-size:22px;line-height:1}.city-option-info[data-v-3f3536c2]{display:flex;flex:1;flex-direction:column;gap:1px;min-width:0}.city-option-name[data-v-3f3536c2]{font-size:14px;font-weight:500}.city-option-tz[data-v-3f3536c2]{font-size:11px;opacity:.4}@media (max-width:640px){.clocks-grid[data-v-3f3536c2]{grid-template-columns:1fr}.clock-header[data-v-3f3536c2]{align-items:stretch;flex-direction:column}.header-controls[data-v-3f3536c2]{justify-content:space-between}.time-digits[data-v-3f3536c2]{font-size:28px}}body{padding:0!important}.clock-page[data-v-84c4ade0]{align-items:center;display:flex;flex-direction:column;min-height:100vh;opacity:0;transition:opacity .2s ease}.clock-page.ready[data-v-84c4ade0]{opacity:1}.page-card[data-v-84c4ade0]{display:flex;flex:1;flex-direction:column;width:100%}.page-card[data-v-84c4ade0] .n-card,.page-card[data-v-84c4ade0] .n-card__content{display:flex;flex:1;flex-direction:column}.page-card[data-v-84c4ade0] .n-card__action{margin-top:auto;padding:10px}.loading-placeholder[data-v-84c4ade0]{align-items:center;display:flex;height:400px;justify-content:center}.subtle-link[data-v-84c4ade0]{color:inherit!important;text-decoration:none}.subtle-link[data-v-84c4ade0]:hover{text-decoration:underline}.devtool-modal[data-v-84c4ade0]{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.devtool-modal-content[data-v-84c4ade0]{background:#fff;border-radius:10px;padding:30px 50px;text-align:center}.devtool-modal-content h3[data-v-84c4ade0]{color:#e53e3e;margin-top:0}.devtool-modal-content p[data-v-84c4ade0]{color:#333;font-size:16px}