:root{--background: #FFFFFF;--surface: #F8FAFC;--text-primary: #0F172A;--text-secondary: #4B5563;--accent: #166534;--accent-2: #B45309;--accent-fill: #166534;--accent-on-fill: #FFFFFF;--border: #E2E8F0;--card-bg: rgba(255,255,255,.72);--shadow-card: 0 1px 2px rgba(15,23,42,.04);--shadow-hover: 0 12px 32px -8px rgba(22,163,74,.22);--glow: radial-gradient(circle, rgba(34,197,94,.14), transparent 70%);--bg-grad: #FFFFFF;--nav-h: 60px;--r: 24px;--font-display: "Sora", "Inter", system-ui, sans-serif;--brand-grad: linear-gradient(135deg, #14532d, #16a34a);--brand-glow: rgba(21,128,61,.38);--aurora-1: rgba(34,197,94,.2);--aurora-2: rgba(245,158,11,.16)}[data-theme=dark]{--background: #0B0F14;--surface: #111827;--text-primary: #FFFFFF;--text-secondary: #94A3B8;--accent: #4ade80;--accent-2: #FBBF24;--accent-fill: #4ade80;--accent-on-fill: #052e16;--border: #1E293B;--card-bg: rgba(17,24,39,.72);--shadow-card: 0 1px 2px rgba(0,0,0,.3);--shadow-hover: 0 16px 36px -10px rgba(74,222,128,.28);--glow: radial-gradient(circle, rgba(74,222,128,.22), transparent 70%);--bg-grad: #0B0F14;--brand-grad: linear-gradient(135deg, #4ade80, #22c55e);--brand-glow: rgba(74,222,128,.34);--aurora-1: rgba(74,222,128,.16);--aurora-2: rgba(251,191,36,.12)}:root[data-period=morning]{--bg-grad: linear-gradient(150deg,#fffaf0 0%,#fff1e6 100%);--glow: radial-gradient(circle, rgba(245,158,11,.16), transparent 70%)}:root[data-period=evening]{--bg-grad: linear-gradient(150deg,#f3f0ff 0%,#eef2ff 100%);--glow: radial-gradient(circle, rgba(245,158,11,.2), transparent 70%)}:root[data-period=night]{--bg-grad: linear-gradient(160deg,#FAF5EE 0%,#F6EFE4 100%);--glow: radial-gradient(circle, rgba(180,83,9,.1), transparent 70%);--aurora-1: rgba(180,83,9,.09);--aurora-2: rgba(120,113,108,.07)}[data-theme=dark][data-period=morning]{--bg-grad: linear-gradient(150deg,#0d1117 0%,#161313 100%);--glow: radial-gradient(circle, rgba(251,191,36,.16), transparent 70%)}[data-theme=dark][data-period=evening]{--bg-grad: linear-gradient(150deg,#0d1117 0%,#15131f 100%);--glow: radial-gradient(circle, rgba(251,191,36,.2), transparent 70%)}[data-theme=dark][data-period=day]{--bg-grad: linear-gradient(160deg,#0D131A 0%,#0B0F14 100%)}[data-theme=dark][data-period=night]{--bg-grad: linear-gradient(160deg,#060A11 0%,#0A0F17 55%,#070B12 100%);--glow: radial-gradient(circle, rgba(129,140,248,.13), transparent 70%);--aurora-1: rgba(74,222,128,.06);--aurora-2: rgba(129,140,248,.09)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:Inter,SF Pro Display,system-ui,sans-serif;background:var(--bg-grad);color:var(--text-primary);min-height:100dvh;transition:background 1.2s ease,color .3s ease;overflow-x:hidden}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}#app{display:flex;flex-direction:column;min-height:100dvh}#page{flex:1;max-width:1200px;margin:0 auto;width:100%;padding:24px 24px 48px}footer{border-top:1px solid var(--border)}.footer-inner{max-width:1200px;margin:0 auto;padding:20px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{font-size:.8rem;color:var(--text-secondary);text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--accent)}.footer-social{display:flex;gap:10px;border-radius:999px}.footer-social a{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:50%;color:var(--text-secondary);text-decoration:none;transition:color .15s,border-color .15s}.footer-social a svg{width:15px;height:15px}.footer-social a:hover{color:var(--accent);border-color:var(--accent)}.footer-social.pulse{animation:footer-social-pulse .9s ease-out}@keyframes footer-social-pulse{0%{box-shadow:0 0 0 0 var(--accent)}to{box-shadow:0 0 0 12px transparent}}.footer-copy{font-size:.8rem;color:var(--text-secondary)}.legal-page{max-width:640px;margin:0 auto;line-height:1.65}.legal-page .page-title{text-align:left;margin-bottom:4px}.legal-updated{color:var(--text-secondary);font-size:.85rem;margin-bottom:24px}.legal-page h2{font-size:1.05rem;font-weight:600;margin:28px 0 8px}.legal-page p{color:var(--text-secondary);margin-bottom:4px}.legal-page a{color:var(--accent);text-decoration:none}.legal-page a:hover{text-decoration:underline}.legal-page code{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:.85em}.contact-email{font-size:1.1rem;font-weight:500}nav{position:sticky;top:0;z-index:100;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:background .3s}[data-theme=dark] nav{background:#0b0f14d9}.nav-inner{max-width:1200px;margin:0 auto;height:var(--nav-h);padding:0 24px;display:flex;align-items:center;gap:8px}.nav-brand{font-size:1rem;font-weight:700;letter-spacing:-.02em;margin-right:24px;white-space:nowrap;flex-shrink:0;border:none;padding:0;cursor:pointer;font-family:inherit;background:none;color:var(--accent)}.nav-brand:hover{filter:brightness(1.15)}.nav-logo{display:inline-block;border-radius:6px;vertical-align:middle;margin-right:6px;margin-top:-2px}.nav-links{display:flex;align-items:center;gap:4px;flex:1;overflow-x:auto;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-btn{padding:.35rem .8rem;border:none;background:transparent;color:var(--text-secondary);font-size:.85rem;font-weight:500;border-radius:8px;transition:color .15s,background .15s;white-space:nowrap;-webkit-tap-highlight-color:transparent}.nav-btn:hover{background:var(--surface);color:var(--text-primary)}.nav-btn.active{background:var(--surface);color:var(--accent)}.nav-right{margin-left:auto;display:flex;align-items:center;gap:8px;flex-shrink:0}.icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(34,197,94,.3);border-radius:10px;background:transparent;color:var(--accent);transition:background .15s,color .15s,border-color .15s}.icon-btn:hover{background:#22c55e14;color:var(--accent);border-color:#4ade8080}.icon-btn svg{width:16px;height:16px;stroke-width:1.8}.card{background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--r);padding:24px;margin-bottom:16px;box-shadow:var(--shadow-card);transition:box-shadow .25s,transform .25s}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.label{font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.1rem;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);font-size:.85rem;font-weight:500;transition:background .15s,opacity .15s}.btn:hover{background:var(--border)}.btn.primary{background:var(--accent-fill);color:var(--accent-on-fill);border-color:transparent}.btn.primary:hover{opacity:.9}.btn.sm{padding:.35rem .75rem;font-size:.8rem;border-radius:8px}.tgl{display:inline-flex;border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:3px;gap:2px}.tgl button{padding:.32rem .7rem;border:none;border-radius:7px;background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:500;transition:background .15s,color .15s}.track{height:6px;background:var(--border);border-radius:999px;overflow:hidden}.fill{height:100%;border-radius:999px;background:var(--accent);transition:width .6s ease}.badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.7rem;font-weight:600}.badge-green{background:#dcfce7;color:#15803d}.badge-yellow{background:#fef9c3;color:#854d0e}.badge-red{background:#fee2e2;color:#b91c1c}.badge-blue{background:#eff6ff;color:#2563eb}.badge-gray{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border)}[data-theme=dark] .badge-green{background:#15803d33;color:var(--accent)}[data-theme=dark] .badge-yellow{background:#854d0e33;color:#fbbf24}[data-theme=dark] .badge-red{background:#b91c1c33;color:#f87171}[data-theme=dark] .badge-blue{background:#2563eb26;color:#60a5fa}.ad-slot{width:100%;min-height:80px;background:var(--surface);border:1px dashed var(--border);border-radius:var(--r);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.75rem;letter-spacing:.06em;margin-bottom:16px}.inp{width:100%;padding:.6rem .85rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-primary);font-size:.9rem;outline:none;transition:border-color .15s}.inp:focus{border-color:var(--accent)}select.inp{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.pg-clock{text-align:center}.clock-layout{display:flex;flex-direction:column;align-items:center;gap:8px}.clock-main{position:relative;width:100%}.clock-aside{width:100%}.clock-glow{position:absolute;top:-40px;left:50%;transform:translate(-50%);width:560px;height:560px;max-width:90vw;background:var(--glow);filter:blur(40px);z-index:-1;pointer-events:none}@media(min-width:880px){.clock-layout{flex-direction:row;align-items:flex-start;justify-content:center;gap:40px}.clock-main{flex:0 1 640px}.clock-aside{width:300px;flex-shrink:0;position:sticky;top:84px}.clock-aside .today-card{max-width:none;margin:0}}.clock-greeting{font-size:1.1rem;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.hero-time{font-size:clamp(5rem,12vw,10rem);font-weight:800;letter-spacing:-.05em;line-height:1;color:var(--text-primary);font-variant-numeric:tabular-nums;margin-bottom:14px}.hero-secs{color:var(--accent);font-weight:400}.hero-meta{font-size:.95rem;color:var(--text-secondary);margin-bottom:28px}.hero-meta b{color:var(--text-primary);font-weight:500}.clock-ctrls{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:28px}.analog-svg .face-bg{fill:var(--surface)}.analog-svg .face-rim{fill:none;stroke:var(--border);stroke-width:2}.analog-svg .tick-h{stroke:var(--text-primary);stroke-width:2.5;stroke-linecap:round}.analog-svg .tick-m{stroke:var(--text-secondary);stroke-width:1;stroke-linecap:round}.analog-svg .hand{stroke-linecap:round}.analog-svg .h-hour{stroke:var(--text-primary);stroke-width:6}.analog-svg .h-min{stroke:var(--text-primary);stroke-width:4}.analog-svg .h-sec{stroke:var(--accent-2);stroke-width:2}.analog-svg .center{fill:var(--accent-2)}.today-card{max-width:320px;margin:0 auto 16px;padding:20px;text-align:left}.today-main{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:14px}.today-side{display:flex;flex-direction:column;gap:12px;width:100%}.mini-row-top{display:flex;justify-content:space-between;font-size:.75rem;font-weight:500;color:var(--text-secondary);margin-bottom:5px}.mini-row-top span:last-child{color:var(--text-primary);font-weight:600}.day-ring-wrap{position:relative;width:96px;height:96px;flex-shrink:0}.day-ring-wrap svg{transform:rotate(-90deg)}.day-ring-bg{fill:none;stroke:var(--border);stroke-width:7}.day-ring-fill{fill:none;stroke:url(#ringGrad);stroke-width:7;stroke-linecap:round;transition:stroke-dashoffset .8s ease}.ring-center-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}.ring-pct{font-size:1.2rem;font-weight:800;color:var(--text-primary)}.ring-sub{font-size:.58rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.day-bar-card{border-top:1px solid var(--border);padding-top:14px}.day-bar-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary);margin-bottom:8px}.day-bar-track{position:relative;height:8px;background:var(--border);border-radius:999px;overflow:visible}.day-bar-fill{position:absolute;top:0;height:100%;border-radius:999px;background:linear-gradient(to right,var(--accent-2),#fde68a,var(--accent-2))}.day-bar-now{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:var(--text-primary);border:3px solid var(--background);border-radius:50%;transition:left .6s ease}.insight-line{font-size:.95rem;color:var(--text-secondary);margin:4px 0 20px;min-height:1.4em;transition:opacity .4s ease}.insight-line b{color:var(--accent);font-weight:500}.page-head{text-align:center;margin-bottom:6px}.page-title{font-size:clamp(1.25rem,3vw,1.6rem);font-weight:800;letter-spacing:-.02em;margin-bottom:2px}.page-sub{font-size:.78rem;color:var(--text-secondary);max-width:440px;margin:0 auto}.pom-hero{max-width:520px;margin:0 auto 10px;padding:22px 26px}.pom-hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.pom-hero-actions{display:flex;align-items:center;gap:8px}.pom-hero .timer-btns,.pom-hero .distraction-note,.pom-hero .pom-cycle-line{max-width:340px;margin-left:auto;margin-right:auto}.pom-hero .timer-btns{margin-top:6px}.pom-hero .btn.primary,.pom-hero .btn:not(.primary){padding:.7rem 2.2rem;font-size:1rem;font-weight:600}.distraction-note{font-size:.85rem;color:var(--text-secondary);margin-top:6px;min-height:1.3em;text-align:center}.sound-picker{margin-top:8px;padding-top:8px;border-top:1px solid var(--border);text-align:center}.sound-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.sound-card{display:flex;align-items:center;justify-content:flex-start;gap:6px;border:1px solid var(--border);background:var(--background);border-radius:9px;padding:7px 9px;font-size:.82rem;color:var(--text-secondary);transition:background .15s,color .15s,border-color .15s}.sound-card .ic{font-size:14px;line-height:1}.sound-card.on{background:var(--accent-fill);color:var(--accent-on-fill);border-color:transparent;font-weight:500}.research-note{display:flex;gap:6px;align-items:flex-start;text-align:left;background:var(--surface);border-radius:9px;padding:8px 10px;margin-top:6px;font-size:.72rem;color:var(--text-secondary);line-height:1.4}.research-note .ic{flex-shrink:0;margin-top:1px}.pom-cycle-line{font-size:.8rem;color:var(--text-secondary);margin-top:6px;text-align:center}.fs-card-btn{flex-shrink:0}.fs-ad{display:none}[data-fs-target]:fullscreen{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;max-width:none;background:var(--background);padding:32px;overflow:auto;box-sizing:border-box}[data-fs-target]:fullscreen .fs-ad{display:flex;align-items:center;justify-content:center;min-height:64px;width:min(560px,90vw);margin-top:24px;flex-shrink:0}.pom-hero:fullscreen .pom-ring-wrap{width:min(36vh,38vmin,300px);height:min(36vh,38vmin,300px)}.pom-hero:fullscreen .pom-time{font-size:clamp(2rem,8vmin,3.6rem)}.pom-hero:fullscreen .pom-mode{font-size:.85rem;margin-top:6px}.pom-hero:fullscreen .research-note{display:none}html:fullscreen nav,html:fullscreen footer,html:fullscreen .page-head{display:none}html:fullscreen #page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;box-sizing:border-box}html:fullscreen .pg-clock,html:fullscreen .clock-layout{width:100%}html:fullscreen .clock-layout{align-items:center}@media(min-width:880px){html:fullscreen .clock-aside{position:static}}[data-fs-target]:fullscreen .big-countdown{font-size:clamp(6rem,18vw,12rem)}[data-fs-target]:fullscreen .big-label{font-size:1.5rem}.more-timers{margin-top:4px}.more-timers-head{display:flex;flex-direction:column;align-items:center;padding:10px 0}.more-arrow{font-size:.9rem;color:var(--text-secondary);margin-top:2px;line-height:1}.more-timers .ad-slot{margin-top:8px}.secondary-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tool-card-head{display:flex;align-items:center;gap:8px;font-weight:600;font-size:1rem;margin-bottom:2px}.tool-card-sub{display:block;font-size:.8rem;font-weight:400;color:var(--text-secondary);margin-bottom:12px}.secondary-tools-grid.single-col{grid-template-columns:1fr}@media(min-width:860px){.secondary-tools-grid.three-col{grid-template-columns:1fr 1fr 1fr}}@media(max-width:560px){.secondary-tools-grid{grid-template-columns:1fr}}.big-countdown{font-size:clamp(4rem,10vw,7rem);font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--text-primary);font-variant-numeric:tabular-nums;margin:8px 0 4px}.big-label{font-size:1.25rem;font-weight:500;color:var(--text-secondary);margin-bottom:16px}.pom-ring-wrap{position:relative;width:190px;height:190px;margin:0 auto;transition:width .3s,height .3s}.pom-ring-wrap svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--border);stroke-width:9}.ring-fill{fill:none;stroke:url(#pomRingGrad);stroke-width:9;stroke-linecap:round;transition:stroke-dashoffset .9s linear}.pom-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.pom-time{font-size:2.1rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.01em}.pom-mode{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.14em;margin-top:4px}.timer-btns{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.cd-inputs{display:flex;gap:8px;align-items:center;margin-bottom:8px}.cd-inp{width:64px;padding:.5rem;text-align:center;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-primary);font-size:.95rem;outline:none}.cd-inp:focus{border-color:var(--accent)}.cd-sep{color:var(--text-secondary);font-size:1.2rem;font-weight:300}.urgency-green{background:#16a34a}.urgency-yellow{background:#ca8a04}.urgency-red{background:#dc2626}.city-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;margin-bottom:14px}.city-card{background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:18px;padding:14px 16px;position:relative;box-shadow:var(--shadow-card);transition:box-shadow .25s,transform .25s}.city-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.city-name-big{font-size:.82rem;font-weight:500;color:var(--text-secondary);margin-bottom:4px}.city-time-big{font-size:1.55rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1}.city-date-sm{font-size:.7rem;color:var(--text-secondary);margin-top:3px}.city-status-row{margin-top:7px}.city-del-btn{position:absolute;top:9px;right:9px;background:none;border:none;color:var(--text-secondary);font-size:.9rem;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:color .15s}.city-del-btn:hover{color:#dc2626}.add-bar{display:flex;gap:8px;margin-bottom:14px}.add-bar select{flex:1;min-width:160px;padding:.55rem .8rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-primary);font-size:.9rem;outline:none}.add-bar select:focus{border-color:var(--accent)}.overlap-hours{display:grid;grid-template-columns:repeat(24,1fr);height:10px;border-radius:5px;overflow:hidden}.oh-work{background:#16a34a2e}.oh-overlap{background:var(--accent)}.meeting-rows{display:flex;flex-direction:column;gap:8px;margin:12px 0}.meeting-row{display:flex;justify-content:space-between;align-items:center}.meeting-city{font-size:.9rem;color:var(--text-secondary)}.meeting-time{font-size:1rem;font-weight:500}.conv-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.conv-row input,.conv-row select{padding:.5rem .7rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-primary);font-size:.85rem;outline:none}.conv-row input{width:120px}.conv-row select{flex:1}.conv-row input:focus,.conv-row select:focus{border-color:var(--accent)}.conv-line{display:flex;justify-content:space-between;padding:.45rem 0;border-bottom:1px solid var(--border);font-size:.9rem}.conv-line:last-child{border-bottom:none}.wh-custom-fields{margin:14px 0;padding:14px;background:var(--surface);border-radius:12px}.wh-time-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.wh-time-row .inp{width:auto;flex:1}.wh-everyday{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary);cursor:pointer}.wh-everyday input{width:16px;height:16px;accent-color:var(--accent)}.tool-big{font-size:clamp(2rem,6vw,3rem);font-weight:300;font-variant-numeric:tabular-nums;color:var(--text-primary);margin:8px 0 4px;line-height:1.1}.tool-sub{font-size:.9rem;color:var(--text-secondary);margin-bottom:12px}.tz-when-row{display:flex;gap:8px;margin-bottom:14px}.tz-when-row .inp{flex:1}.tz-selects{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin-bottom:14px}.tz-selects select{min-width:0;padding:.55rem .7rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-primary);font-size:.85rem;outline:none;text-overflow:ellipsis}.tz-selects select:focus{border-color:var(--accent)}.tz-compare{display:flex;align-items:center;gap:10px;background:var(--surface);border-radius:14px;padding:14px 10px}.tz-compare-col{flex:1;min-width:0;text-align:center}.tz-compare-tz{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tz-compare-col.to .tz-compare-tz{color:var(--accent)}.tz-compare-time{font-size:1.05rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary)}.tz-compare-col.to .tz-compare-time{font-size:1.2rem}.tz-compare-arrow{color:var(--text-secondary);font-size:1rem;flex-shrink:0}@media(max-width:420px){.tz-compare-time{font-size:.9rem}.tz-compare-col.to .tz-compare-time{font-size:1rem}}.cd-add-row{text-align:center;margin-bottom:18px}.cd-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.cd-grid{grid-template-columns:1fr 1fr}}@media(min-width:980px){.cd-grid{grid-template-columns:1fr 1fr 1fr}}.cd-empty{text-align:center;color:var(--text-secondary);font-size:.9rem;padding:24px 0}.cd-card{position:relative;text-align:center}.cd-card-actions{position:absolute;top:14px;right:14px;display:flex;gap:4px}.cd-icon-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:none;color:var(--text-secondary);transition:background .15s,color .15s}.cd-icon-btn svg{width:14px;height:14px}.cd-icon-btn:hover{background:var(--surface);color:var(--text-primary)}.cd-del-btn:hover{color:#dc2626}.cd-number{font-size:clamp(2.8rem,7vw,4rem);font-weight:700;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;margin-top:8px}.cd-unit{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--text-secondary);margin-top:4px}.cd-caption{font-size:.95rem;color:var(--text-primary);margin-top:10px}.cd-confirm{font-size:.78rem;color:#dc2626;margin-top:10px}.cd-dialog{border:1px solid var(--border);border-radius:var(--r);background:var(--background);color:var(--text-primary);padding:24px;width:min(360px,90vw);box-shadow:var(--shadow-hover)}.cd-dialog::backdrop{background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cd-dialog-title{font-size:1.1rem;font-weight:700;margin-bottom:16px}.cd-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.cd-field .inp{width:100%}.cd-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.bg-palette-wrap{position:relative;display:flex}.bg-palette-menu{display:none;position:absolute;top:calc(100% + 10px);right:0;gap:8px;padding:10px;border-radius:14px;border:1px solid var(--border);background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-hover);z-index:200}.bg-palette-menu.open{display:flex}.bg-swatch{width:24px;height:24px;border-radius:50%;border:2px solid var(--border);cursor:pointer}.bg-swatch.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-2)}@media(max-width:600px){#page{padding:16px 16px 40px}.nav-inner{padding:0 16px}.nav-brand{margin-right:12px}.hero-time{font-size:clamp(4rem,18vw,6rem)}.city-grid{grid-template-columns:1fr 1fr}.pom-hero{padding:28px 20px}.pom-ring-wrap{width:min(64vw,260px);height:min(64vw,260px)}.pom-time{font-size:clamp(2.2rem,10vw,3.2rem)}}@media(max-width:400px){.city-grid{grid-template-columns:1fr}.sound-grid{grid-template-columns:1fr 1fr}}.task-cats{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.task-cat-btn{display:flex;align-items:center;gap:6px;padding:9px 20px;border-radius:99px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:.9rem;font-family:inherit;font-weight:500;cursor:pointer;transition:all .15s}.task-cat-btn:hover{border-color:var(--accent);color:var(--accent)}.task-cat-btn.active{background:var(--accent-fill);border-color:transparent;color:#fff;font-weight:600}.task-cat-emoji{font-size:1rem;line-height:1}.task-cat-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;font-size:.72rem;font-weight:700;background:#ffffff40;color:inherit;line-height:1}.task-cat-btn:not(.active) .task-cat-count{background:#22c55e26;color:#15803d}[data-theme=dark] .task-cat-btn:not(.active) .task-cat-count{background:#4ade8026;color:var(--accent)}.task-add-row{display:flex;gap:8px;margin-bottom:10px}.task-inp{flex:1;margin-bottom:0!important}.task-list-header{display:flex;justify-content:flex-end;min-height:32px;margin-bottom:6px}.task-clear-done{font-size:.8rem;color:var(--text-secondary);background:transparent;border:1px solid var(--border);border-radius:20px;padding:4px 12px;cursor:pointer;transition:all .15s}.task-clear-done:hover{border-color:#dc2626;color:#dc2626;background:#fee2e2}[data-theme=dark] .task-clear-done:hover{background:#dc26261f;color:#f87171;border-color:#dc262666}.task-list{display:flex;flex-direction:column;gap:8px}.task-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--card-bg);border-radius:14px;border:1px solid var(--border);transition:opacity .2s}.task-item.done{opacity:.5}.task-item.done .task-text{text-decoration:line-through;color:var(--text-secondary)}.task-check{width:24px;height:24px;flex-shrink:0;border-radius:7px;border:2px solid var(--border);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;color:#fff;padding:0}.task-check:hover{border-color:var(--accent)}.task-check svg{width:12px;height:12px}.task-item.done .task-check{background:var(--accent-fill);border-color:transparent}.task-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.task-item.has-timer{align-items:flex-start}.task-text{font-size:.95rem;line-height:1.45;word-break:break-word}.task-del{width:30px;height:30px;flex-shrink:0;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;padding:0;opacity:0;transition:opacity .15s,background .15s,color .15s}.task-del svg{width:15px;height:15px}.task-item:hover .task-del{opacity:1}.task-del:hover{background:#fee2e2;color:#dc2626}[data-theme=dark] .task-del:hover{background:#dc262626;color:#f87171}.task-empty{text-align:center;color:var(--text-secondary);padding:48px 0;font-size:.95rem}.task-timer-row{display:flex;align-items:center;gap:8px}.task-timer-btn{width:28px;height:28px;border-radius:50%;border:1.5px solid rgba(34,197,94,.35);background:transparent;color:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .15s;flex-shrink:0}.task-timer-btn svg{width:10px;height:10px}.task-timer-btn:hover{background:#22c55e1f;border-color:var(--accent);color:var(--accent)}.task-timer-btn.running{background:#22c55e26;border-color:var(--accent)}.task-timer-display{font-family:Courier New,monospace;font-size:.88rem;font-weight:600;color:var(--text-primary);letter-spacing:.03em;min-width:48px}.task-timer-reset{width:22px;height:22px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;border-radius:6px;opacity:0;transition:opacity .15s,color .15s,background .15s}.task-timer-reset svg{width:13px;height:13px}.task-timer-row:hover .task-timer-reset{opacity:1}.task-timer-reset:hover{background:var(--surface);color:var(--text-primary)}.task-timer-opt{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.task-timer-toggle{font-size:.82rem;color:var(--text-secondary);background:transparent;border:1px dashed var(--border);border-radius:20px;padding:5px 14px;cursor:pointer;transition:all .15s;white-space:nowrap}.task-timer-toggle:hover{border-color:var(--accent);color:var(--accent);border-style:solid}.task-timer-toggle.active{border-color:var(--accent);color:var(--accent);border-style:solid;background:#22c55e12}.task-timer-fields{display:none;align-items:center;gap:6px;flex-wrap:wrap}.task-timer-fields.open{display:flex}.task-timer-fields .inp{width:62px!important;text-align:center;margin-bottom:0!important;padding:7px 8px}.task-timer-fields .cd-sep{color:var(--text-secondary);font-weight:600;font-size:.95rem}@keyframes pgFadeIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}#page.page-anim{animation:pgFadeIn .15s ease both}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;background:#fffffff0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);padding:6px 4px env(safe-area-inset-bottom,8px);gap:2px}[data-theme=dark] .bottom-nav{background:#0b0f14f0}.bnav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 4px;border:none;background:transparent;color:var(--text-secondary);border-radius:10px;transition:color .15s,background .15s;min-width:0;-webkit-tap-highlight-color:transparent}.bnav-btn.active{color:var(--accent)}.bnav-btn:active{background:var(--surface)}.bnav-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center}.bnav-icon svg{width:22px;height:22px}.bnav-label{font-size:.64rem;font-weight:500;white-space:nowrap}#dash-extra{display:flex;flex-direction:column;gap:12px;margin-top:12px}.dash-widget{padding:16px}.dash-widget-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:0}.dash-widget-stat{font-size:.85rem;font-weight:600;color:var(--accent)}.dash-widget-time{font-size:.85rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.dash-widget-name{font-size:.85rem;color:var(--text-secondary);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-done-msg{font-size:.8rem;color:var(--accent);margin-top:6px;font-weight:500}.fill-complete{background:var(--accent-fill)!important}@media(max-width:640px){.bottom-nav{display:flex}.nav-links{display:none}.nav-inner{padding:0 12px}.nav-right{gap:4px}.icon-btn{width:34px;height:34px}#page{padding-bottom:80px}footer{padding-bottom:env(safe-area-inset-bottom,0);margin-bottom:56px}.clock-layout{flex-direction:column;gap:24px}.clock-aside{width:100%}.today-card{padding:16px}.today-main{flex-wrap:wrap;justify-content:center}.task-cats{gap:6px}.task-cat-btn{padding:7px 12px;font-size:.82rem}.cd-grid{grid-template-columns:1fr!important}}@media(max-width:400px){.bnav-label{display:none}.bnav-icon{width:26px;height:26px}.bnav-icon svg{width:26px;height:26px}}body:before,body:after{content:"";position:fixed;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(90px)}body:before{top:-18vh;left:-12vw;width:62vw;height:62vw;max-width:720px;max-height:720px;background:radial-gradient(circle at center,var(--aurora-1),transparent 68%)}body:after{bottom:-22vh;right:-14vw;width:58vw;height:58vw;max-width:680px;max-height:680px;background:radial-gradient(circle at center,var(--aurora-2),transparent 68%)}@media(prefers-reduced-motion:no-preference){body:before{animation:aurora-drift-a 24s ease-in-out infinite alternate}body:after{animation:aurora-drift-b 30s ease-in-out infinite alternate}:root[data-period=night] body:before{animation-duration:48s}:root[data-period=night] body:after{animation-duration:60s}}@keyframes aurora-drift-a{to{transform:translate3d(6vw,5vh,0) scale(1.12)}}@keyframes aurora-drift-b{to{transform:translate3d(-5vw,-4vh,0) scale(1.1)}}::selection{background:color-mix(in srgb,var(--accent) 30%,transparent)}.nav-brand{font-family:var(--font-display);font-weight:800;font-size:1.05rem}.page-title{font-family:var(--font-display);background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;width:fit-content}.page-head .page-title{margin-inline:auto}.ring-pct,.cd-number,.pom-time{background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.card,.city-card,.task-item{box-shadow:var(--shadow-card),inset 0 1px #ffffff59}[data-theme=dark] .card,[data-theme=dark] .city-card,[data-theme=dark] .task-item{box-shadow:var(--shadow-card),inset 0 1px #ffffff0d}.card:hover,.city-card:hover{transform:translateY(-3px)}.pom-hero,.today-card,.cd-card{position:relative;overflow:hidden}.pom-hero:before,.today-card:before,.cd-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--brand-grad);opacity:.9}.btn{transition:background .15s,box-shadow .2s,transform .12s,opacity .15s}.btn:active{transform:translateY(1px) scale(.985)}.btn.primary{background:var(--accent-fill);color:var(--accent-on-fill);border-color:transparent;box-shadow:0 4px 16px -6px var(--brand-glow)}.btn.primary:hover{opacity:1;filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 8px 22px -6px var(--brand-glow)}.btn.primary:active{transform:translateY(0) scale(.985)}.tgl button.on{background:var(--accent-fill);color:var(--accent-on-fill)}.icon-btn:active{transform:scale(.92)}.nav-btn{position:relative}.nav-btn.active:after{content:"";position:absolute;left:50%;bottom:-1px;transform:translate(-50%);width:60%;height:2px;border-radius:2px;background:var(--brand-grad)}.bnav-btn{position:relative}.bnav-btn.active:before{content:"";position:absolute;top:2px;left:50%;transform:translate(-50%);width:22px;height:3px;border-radius:3px;background:var(--brand-grad)}.ad-slot--placeholder{position:relative;min-height:90px;background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--border) 40%,transparent) 0 10px,transparent 10px 20px);border:1px solid var(--border)}.ad-slot--placeholder:after{content:"Advertisement";color:var(--text-secondary);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;opacity:.7}.ad-slot-tag{position:absolute;top:8px;left:10px;font-size:.6rem;font-weight:700;letter-spacing:.1em;padding:1px 7px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary)}.ad-slot--live{position:relative;min-height:90px;background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--border) 40%,transparent) 0 10px,transparent 10px 20px);border:1px solid var(--border)}.ad-slot--live:after{content:"Advertisement";position:absolute;color:var(--text-secondary);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;opacity:.7;pointer-events:none}.ad-slot--live ins{position:relative;z-index:1}.ad-slot--live:has(ins[data-ad-status=filled]){background:none;border:none;min-height:0}.ad-slot--live:has(ins[data-ad-status=filled]):after{content:none}.more-timers-head{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;padding:12px 0;border:none;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.more-timers-head .label{transition:color .15s}.more-timers-head:hover .label{color:var(--accent)}.more-arrow{font-size:.9rem;color:var(--text-secondary);line-height:1;transition:transform .25s ease}.more-timers.collapsed .more-arrow{transform:rotate(-90deg)}.more-timers-body{overflow:hidden;transition:opacity .2s ease}.more-timers.collapsed .more-timers-body{display:none}a.nav-btn,a.nav-brand{text-decoration:none}a.nav-btn,a.nav-brand{display:inline-flex;align-items:center}.icon-moon,.icon-sun{display:flex}:root[data-theme=dark] .icon-moon{display:none}:root:not([data-theme=dark]) .icon-sun{display:none}@media(max-width:640px){.static-shell .nav-links{display:flex}.static-shell #page{padding-bottom:40px}.static-shell footer{margin-bottom:0}}.prose{max-width:68ch;margin:0 auto;line-height:1.75;font-size:1.02rem;color:var(--text-primary)}.crumb{font-size:.8rem;color:var(--text-secondary);margin-bottom:18px;display:flex;gap:8px;align-items:center}.crumb a{color:var(--accent);text-decoration:none}.crumb a:hover{text-decoration:underline}.prose-title{font-family:var(--font-display);font-size:clamp(1.7rem,4.5vw,2.5rem);font-weight:800;line-height:1.15;letter-spacing:-.025em;text-wrap:balance;margin-bottom:10px;background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.prose-meta{font-size:.82rem;color:var(--text-secondary);margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--border)}.prose .lede{font-size:1.15rem;line-height:1.6;color:var(--text-primary);margin-bottom:28px}.prose h2{font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:-.015em;text-wrap:balance;margin:38px 0 12px}.prose p{margin-bottom:18px;color:var(--text-secondary)}.prose .lede{color:var(--text-primary)}.prose strong{color:var(--text-primary);font-weight:600}.prose em{font-style:italic}.prose ul{margin:0 0 20px;padding-left:22px}.prose li{margin-bottom:9px;color:var(--text-secondary)}.prose li::marker{color:var(--accent)}.prose a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent}.prose a:hover{border-bottom-color:var(--accent)}.prose code{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-size:.87em}.prose .ad-slot{margin:36px 0 24px}.prose-back{margin-top:32px;padding-top:20px;border-top:1px solid var(--border)}.prose-back a{color:var(--accent);text-decoration:none;font-size:.9rem}.prose-back a:hover{text-decoration:underline}.guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;max-width:900px;margin:24px auto 0}.guide-card{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:var(--r);border:1px solid var(--border);background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-card);text-decoration:none;transition:box-shadow .25s,transform .25s,border-color .2s}.guide-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:var(--accent)}.guide-card-title{font-family:var(--font-display);font-size:1.08rem;font-weight:700;line-height:1.3;text-wrap:balance;color:var(--text-primary)}.guide-card-desc{font-size:.88rem;line-height:1.55;color:var(--text-secondary)}.guide-card-meta{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-top:auto}.home-info{max-width:760px;margin:0 auto;padding:8px 24px 56px;line-height:1.7}.home-info[hidden]{display:none}.home-h1{font-family:var(--font-display);font-size:clamp(1.4rem,3.4vw,1.9rem);font-weight:800;letter-spacing:-.02em;text-wrap:balance;margin-bottom:12px;background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.home-lede{font-size:1.02rem;color:var(--text-secondary);margin-bottom:8px}.home-info h2{font-family:var(--font-display);font-size:1.15rem;font-weight:700;margin:34px 0 12px}.home-features{list-style:none;display:flex;flex-direction:column;gap:10px}.home-features li{color:var(--text-secondary);font-size:.95rem}.home-features a{color:var(--text-primary);text-decoration:none}.home-features a:hover strong{color:var(--accent)}.home-cities{list-style:none;display:flex;flex-wrap:wrap;gap:8px}.home-cities a{display:inline-block;padding:6px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:.85rem;text-decoration:none;transition:border-color .15s,color .15s}.home-cities a:hover{border-color:var(--accent);color:var(--accent)}.home-faq dt{font-weight:600;margin-top:16px;color:var(--text-primary);font-size:.95rem}.home-faq dd{color:var(--text-secondary);font-size:.93rem;margin-top:4px}.home-faq a,.home-more a{color:var(--accent);text-decoration:none}.home-faq a:hover,.home-more a:hover{text-decoration:underline}.home-faq code{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:.85em}.home-more{margin-top:30px;font-size:.93rem;color:var(--text-secondary)}.city-list{display:flex;flex-direction:column;gap:6px;max-width:760px;margin:22px auto 0}.city-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:13px 18px;border-radius:14px;border:1px solid var(--border);background:var(--card-bg);text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .2s}.city-row:hover{border-color:var(--accent);transform:translate(3px);box-shadow:var(--shadow-card)}.city-row-name{display:flex;flex-direction:column;font-weight:600;color:var(--text-primary);font-size:.96rem}.city-row-country{font-weight:400;font-size:.76rem;color:var(--text-secondary)}.city-row-time{font-variant-numeric:tabular-nums;font-weight:700;font-size:1.02rem;color:var(--text-primary)}.city-row-off{font-size:.72rem;color:var(--text-secondary);min-width:104px;text-align:right}.city-list-note{max-width:760px;margin:20px auto 0;font-size:.85rem;color:var(--text-secondary);line-height:1.6}.city-list-note a{color:var(--accent);text-decoration:none}.city-list-note a:hover{text-decoration:underline}.city-page{max-width:760px;margin:0 auto}.city-hero{text-align:center;padding:26px 20px 30px;border-radius:var(--r);border:1px solid var(--border);background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);margin-bottom:22px}.city-clock{font-size:clamp(2.8rem,10vw,4.6rem);font-weight:800;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.city-date{margin-top:10px;color:var(--text-secondary);font-size:.95rem}.city-delta{margin-top:12px;display:inline-block;padding:4px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:.82rem;font-weight:600;color:var(--accent)}.city-delta:empty{display:none}.city-facts{display:flex;flex-direction:column;gap:1px;border-radius:14px;overflow:hidden;border:1px solid var(--border)}.city-facts>div{display:grid;grid-template-columns:148px 1fr;gap:14px;padding:12px 18px;background:var(--card-bg);font-size:.9rem}.city-facts dt{color:var(--text-secondary);font-weight:500}.city-facts dd{color:var(--text-primary)}.city-facts code{font-size:.87em;background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:1px 6px}.city-prose{max-width:none;margin-top:8px}.city-more-head{font-family:var(--font-display);font-size:1.05rem;font-weight:700;margin:26px 0 12px}.city-more{display:flex;flex-wrap:wrap;gap:8px}.city-more a{display:inline-block;padding:6px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:.84rem;text-decoration:none;transition:border-color .15s,color .15s}.city-more a:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:560px){.city-facts>div{grid-template-columns:1fr;gap:2px}.city-row{grid-template-columns:1fr auto}.city-row-off{display:none}.home-info{padding-left:16px;padding-right:16px}}.skip-link{position:absolute;left:12px;top:-60px;z-index:300;padding:10px 18px;border-radius:0 0 10px 10px;background:var(--accent);color:#fff;font-size:.85rem;font-weight:600;text-decoration:none;transition:top .18s ease}.skip-link:focus{top:0}#page:focus{outline:none}.share-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);align-self:center;margin-right:2px}.footer-social{align-items:center}.share-copy{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--text-secondary);padding:0;transition:color .15s,border-color .15s,background .15s}.share-copy svg{width:15px;height:15px}.share-copy:hover{color:var(--accent);border-color:var(--accent)}.share-copy.copied{color:#fff;background:var(--accent);border-color:transparent}.notfound{max-width:560px;margin:8vh auto 0;text-align:center}.notfound-code{font-family:var(--font-display);font-size:clamp(4rem,16vw,7rem);font-weight:800;line-height:1;letter-spacing:-.04em;background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.notfound .prose-title{margin-top:8px}.notfound-text{color:var(--text-secondary);margin:12px 0 24px;line-height:1.7}.notfound .city-more{justify-content:center}.city-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px}.city-actions .btn:disabled{opacity:.7;cursor:default}.city-add-msg{font-size:.84rem;color:var(--accent);font-weight:500}.city-add-msg:empty{display:none}.city-search-wrap{max-width:760px;margin:20px auto 12px}.city-search{width:100%}.city-empty{max-width:760px;margin:18px auto;text-align:center;color:var(--text-secondary);font-size:.9rem}.city-row[hidden]{display:none}.chime-toggle{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;font-size:.82rem;color:var(--text-secondary);cursor:pointer}.chime-toggle input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.timer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;max-width:760px;margin:24px auto 0}.timer-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:22px 10px;border-radius:16px;border:1px solid var(--border);background:var(--card-bg);text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .2s}.timer-tile:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:var(--shadow-hover)}.timer-tile-num{font-family:var(--font-display);font-size:1.9rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;color:var(--text-primary)}.timer-tile-unit{font-size:.74rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.timer-page{max-width:760px;margin:0 auto}.timer-face{text-align:center;padding:34px 20px 28px;border-radius:var(--r);border:1px solid var(--border);background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);margin-bottom:22px;transition:border-color .3s}.timer-page.is-running .timer-face{border-color:var(--accent)}.timer-display{font-size:clamp(3.6rem,17vw,7rem);font-weight:800;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.timer-track{height:6px;border-radius:999px;background:var(--border);overflow:hidden;margin:22px auto 20px;max-width:420px}.timer-bar{height:100%;width:0;border-radius:999px;background:var(--accent-fill);transition:width .3s linear}.timer-page .timer-btns{display:flex;gap:10px;justify-content:center}.timer-page .btn{padding:.7rem 2rem;font-size:1rem;font-weight:600}.timer-note{margin-top:14px;font-size:.95rem;font-weight:600;color:var(--accent);min-height:1.2em}.timer-hint{margin-top:6px;font-size:.75rem;color:var(--text-secondary)}@media(prefers-reduced-motion:no-preference){.timer-page.is-done .timer-display{animation:timer-done 1s ease-in-out 3}}@keyframes timer-done{50%{opacity:.35}}@media(max-width:560px){.timer-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.timer-face{padding:26px 14px 22px}}