*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--gc-navy: #0C447C;--gc-navy-deep: #042C53;--gc-navy-mid: #185FA5;--gc-gold: #EF9F27;--gc-gold-light: #FAC775;--gc-gold-muted: #BA7517;--gc-dark-bg: #1A1208;--gc-dark-text: #E8D5B0}html.theme-brand{--bg: #0a0a0f;--card: #14110a;--accent: var(--gc-gold);--accent-dim: var(--gc-navy);--fg: var(--gc-dark-text);--muted: #7a6a50;--btn-fg: var(--gc-dark-bg);--glow: rgba(239,159,39,.18)}html.theme-brand.period-pm{--bg: var(--gc-navy-deep);--card: var(--gc-navy);--accent: var(--gc-gold-light);--accent-dim: var(--gc-navy-mid);--fg: var(--gc-dark-text);--muted: #8ab0d8;--btn-fg: var(--gc-navy-deep);--glow: rgba(250,199,117,.22)}html.theme-dark-gold{--bg: #0f0f1a;--card: #1a1a2e;--accent: #d4a853;--accent-dim: #7a5f2e;--fg: #e2e2ee;--muted: #5a5a7a;--btn-fg: #0f0f1a;--glow: rgba(212,168,83,.15)}html.theme-dark-gold.period-pm{--bg: #1a1200;--card: #2a1e00;--accent: #ffcc44;--accent-dim: #b08820;--fg: #fff8e7;--muted: #a0844a;--btn-fg: #1a1200;--glow: rgba(255,204,68,.2)}html.theme-minimal{--bg: #f0f0f0;--card: #ffffff;--accent: #222222;--accent-dim: #cccccc;--fg: #111111;--muted: #888888;--btn-fg: #ffffff;--glow: rgba(0,0,0,.06)}html.theme-minimal.period-pm{--bg: #e8f0ff;--card: #ffffff;--accent: #1a4fc4;--accent-dim: #92b4f0;--fg: #0d1b2a;--muted: #5a80bb;--btn-fg: #ffffff;--glow: rgba(26,79,196,.12)}html.theme-neon{--bg: #040410;--card: #090920;--accent: #00ff88;--accent-dim: #006633;--fg: #ccffee;--muted: #2a5540;--btn-fg: #000000;--glow: rgba(0,255,136,.2)}html.theme-neon.period-pm{--bg: #040010;--card: #0c0020;--accent: #ff00cc;--accent-dim: #660055;--fg: #ffccee;--muted: #552244;--btn-fg: #ffffff;--glow: rgba(255,0,204,.25)}html.theme-retro{--bg: #100500;--card: #1f0c00;--accent: #ff8c00;--accent-dim: #7a3c00;--fg: #ffd080;--muted: #6b4020;--btn-fg: #100500;--glow: rgba(255,140,0,.2)}html.theme-retro.period-pm{--bg: #1a0800;--card: #2e1200;--accent: #ffcc00;--accent-dim: #996600;--fg: #fff0a0;--muted: #886600;--btn-fg: #1a0800;--glow: rgba(255,204,0,.25)}html.theme-ocean{--bg: #0a1628;--card: #0f2040;--accent: #4fc3f7;--accent-dim: #1a5c7a;--fg: #cce8ff;--muted: #2a5070;--btn-fg: #0a1628;--glow: rgba(79,195,247,.15)}html.theme-ocean.period-pm{--bg: #060e24;--card: #0b1848;--accent: #00e5ff;--accent-dim: #005066;--fg: #e0f7ff;--muted: #2a7090;--btn-fg: #060e24;--glow: rgba(0,229,255,.2)}html.theme-rose{--bg: #1a0a14;--card: #2a1020;--accent: #f472b6;--accent-dim: #7a2050;--fg: #ffe0f0;--muted: #7a4060;--btn-fg: #1a0a14;--glow: rgba(244,114,182,.18)}html.theme-rose.period-pm{--bg: #200a18;--card: #381528;--accent: #ff80cc;--accent-dim: #cc3380;--fg: #fff0f8;--muted: #cc5588;--btn-fg: #200a18;--glow: rgba(255,128,204,.25)}html.theme-cloud{--bg: #f0f5ff;--card: #ffffff;--accent: #3b82f6;--accent-dim: #bfdbfe;--fg: #1e293b;--muted: #64748b;--btn-fg: #ffffff;--glow: rgba(59,130,246,.12)}html.theme-cloud.period-pm{--bg: #ede9fe;--card: #ffffff;--accent: #7c3aed;--accent-dim: #ddd6fe;--fg: #1e1b4b;--muted: #7c3aed;--btn-fg: #ffffff;--glow: rgba(124,58,237,.15)}html.theme-peach{--bg: #fff7ed;--card: #ffffff;--accent: #ea580c;--accent-dim: #fed7aa;--fg: #431407;--muted: #9a3412;--btn-fg: #ffffff;--glow: rgba(234,88,12,.12)}html.theme-peach.period-pm{--bg: #fef3c7;--card: #fffbeb;--accent: #d97706;--accent-dim: #fde68a;--fg: #451a03;--muted: #92400e;--btn-fg: #ffffff;--glow: rgba(217,119,6,.15)}html.theme-crimson{--bg: #0f0408;--card: #1e0810;--accent: #f43f5e;--accent-dim: #881337;--fg: #ffe4ec;--muted: #7a2040;--btn-fg: #0f0408;--glow: rgba(244,63,94,.2)}html.theme-crimson.period-pm{--bg: #1a0000;--card: #2e0808;--accent: #ff6b6b;--accent-dim: #991111;--fg: #fff0f0;--muted: #aa4444;--btn-fg: #1a0000;--glow: rgba(255,107,107,.25)}html.theme-forest{--bg: #040d06;--card: #0a1f0d;--accent: #22c55e;--accent-dim: #14532d;--fg: #bbf7d0;--muted: #2d6a40;--btn-fg: #040d06;--glow: rgba(34,197,94,.2)}html.theme-forest.period-pm{--bg: #030e07;--card: #071a0d;--accent: #16a34a;--accent-dim: #14532d;--fg: #bbf7d0;--muted: #166534;--btn-fg: #030e07;--glow: rgba(22,163,74,.22)}html.theme-lavender{--bg: #0e0b1a;--card: #1a1630;--accent: #a78bfa;--accent-dim: #4c1d95;--fg: #ede9fe;--muted: #5b4a80;--btn-fg: #0e0b1a;--glow: rgba(167,139,250,.2)}html.theme-lavender.period-pm{--bg: #130820;--card: #1e1038;--accent: #c4b5fd;--accent-dim: #6d28d9;--fg: #f5f0ff;--muted: #8b6fbf;--btn-fg: #130820;--glow: rgba(196,181,253,.25)}html,body{height:100%;background:var(--bg, #0a0a0f);transition:background .5s}body{font-family:system-ui,-apple-system,sans-serif;color:var(--fg, #E8D5B0)}.app-root{display:flex;flex-direction:column;min-height:100vh;background:var(--bg);transition:background .5s}.topbar{display:grid;grid-template-columns:1fr auto;align-items:center;padding:12px 24px;border-bottom:1px solid var(--accent-dim);background:var(--card);flex-shrink:0;transition:background .5s,border-color .5s}.topbar-end{display:flex;align-items:center;gap:.75rem;justify-self:end}.body{display:grid;grid-template-columns:200px 1fr 230px;flex:1;min-height:420px}.left-nav{border-right:1px solid var(--accent-dim);padding:16px 10px;display:flex;flex-direction:column;gap:4px;background:var(--card);transition:background .5s,border-color .5s}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-size:13px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s,color .2s}.nav-item:hover{color:var(--fg)}.nav-item-active{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)!important;font-weight:500}.center-col{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem 1.5rem;background:var(--bg);transition:background .5s}.settings-panel{border-left:1px solid var(--accent-dim);padding:18px 16px;display:flex;flex-direction:column;gap:18px;background:var(--card);overflow-y:auto;transition:background .5s,border-color .5s}.set-section{display:flex;flex-direction:column;gap:.45rem}.set-label{font-size:.68rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);opacity:.75;transition:color .5s}.is-fullscreen{height:100vh;overflow:hidden}.is-fullscreen .topbar,.is-fullscreen .left-nav,.is-fullscreen .settings-panel{display:none}.is-fullscreen .body{grid-template-columns:1fr;display:flex;flex:1;min-height:0;overflow:hidden}.is-fullscreen .center-col{flex:1;gap:2rem;padding:3rem 2rem;justify-content:center;min-height:0;overflow-y:auto}.ad-footer{display:flex;justify-content:center;align-items:center;padding:.4rem 1rem;gap:1rem;flex-shrink:0;border-top:1px solid var(--accent-dim);transition:border-color .5s}.share-bar{display:flex;flex-direction:column;align-items:center;gap:.7rem;padding:.9rem 1.5rem;border-top:1px solid var(--accent-dim);background:var(--card);transition:background .5s,border-color .5s}.is-fullscreen .share-bar{display:none}.share-bar-pulse{animation:share-bar-pulse 1.5s ease-out}@keyframes share-bar-pulse{0%{box-shadow:0 0 0 0 var(--accent);background:var(--accent-dim)}to{box-shadow:0 0 0 0 transparent;background:var(--card)}}.share-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}.share-btns{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:center}.share-btn{width:36px;height:36px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;border:none;cursor:pointer;flex-shrink:0;transition:opacity .15s,transform .15s}.share-btn:hover{opacity:.82;transform:scale(1.1)}.share-btn svg{width:18px;height:18px}.site-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;row-gap:.2rem;gap:.5rem;padding:.65rem 1rem;font-size:.72rem;color:var(--muted);border-top:1px solid var(--accent-dim);background:var(--card);flex-shrink:0}.is-fullscreen .site-footer{display:none}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:var(--accent)}.site-footer-sep{opacity:.4}.wordmark{display:flex;align-items:center;gap:.65rem}.wordmark-text{display:flex;flex-direction:column;gap:0}.wordmark-name{display:flex;align-items:center;gap:.3em;font-size:.78rem;font-weight:700;letter-spacing:.22em;line-height:1}.wm-gong{color:var(--fg);transition:color .5s}.wm-sep{color:var(--accent);font-size:.9em}.wm-clock{color:var(--fg);transition:color .5s}.wm-rule{height:1px;background:var(--accent);opacity:.55;margin:3px 0 2px;transition:background .5s}.wm-tagline{font-size:.48rem;letter-spacing:.35em;text-transform:uppercase;color:var(--muted);transition:color .5s}.icon-btn{background:none;border:1px solid var(--accent-dim);color:var(--fg);width:34px;height:34px;border-radius:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s,background .2s,color .2s}.icon-btn:hover{background:var(--card);border-color:var(--accent);color:var(--accent)}.icon-btn-muted{border-color:#ef4444!important;color:#ef4444!important}.icon-btn-muted:hover{background:#ef44441a!important}.bi-face,.bi-hands,.bi-wave{fill:none;transition:stroke .5s}.bi-face{stroke:var(--accent);stroke-width:3}.bi-hands{stroke:var(--fg);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.bi-wave{stroke:var(--accent);stroke-width:2.4;stroke-linecap:round;opacity:.55}.bottom-nav{display:none}@media(max-width:960px){.bottom-nav{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--card);border-top:1px solid var(--accent-dim);padding:.3rem .25rem calc(.3rem + env(safe-area-inset-bottom));transition:background .5s,border-color .5s}.app-root{padding-bottom:68px}}.bn-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:.45rem .2rem;background:none;border:none;border-radius:10px;color:var(--muted);cursor:pointer;font:inherit;font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;transition:color .2s,background .2s;min-height:48px}.bn-item:hover{color:var(--fg)}.bn-item-active{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);font-weight:600}.bn-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.bn-icon{position:relative;display:flex}.bn-badge{position:absolute;top:-5px;right:-8px;min-width:15px;padding:0 3px;border-radius:8px;background:var(--accent);color:var(--btn-fg);font-size:.58rem;font-weight:700;line-height:15px;text-align:center}.is-fullscreen .bottom-nav{display:none}.is-fullscreen.app-root{padding-bottom:0}.next-gong{font-size:.78rem;letter-spacing:.06em;color:var(--muted);transition:color .5s}.next-gong strong{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:600;transition:color .5s}.next-gong-link{background:none;border:none;padding:0;font:inherit;color:var(--accent);text-decoration:underline;cursor:pointer}.clock-wrap{display:flex;flex-direction:column;align-items:center}.clock-svg{filter:drop-shadow(0 4px 40px var(--glow));transition:filter .5s}.face-rim{fill:none;stroke:var(--accent-dim);stroke-width:2;transition:stroke .5s}.face-bg{fill:var(--card);transition:fill .5s}.tick-h{stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;transition:stroke .5s}.tick-m{stroke:var(--muted);stroke-width:1;stroke-linecap:round;opacity:.5;transition:stroke .5s}.hand{stroke-linecap:round}.hour-hand{stroke:var(--accent);stroke-width:6;transition:stroke .5s}.min-hand{stroke:var(--fg);stroke-width:3;transition:stroke .5s}.sec-hand{stroke:var(--accent);stroke-width:1.5;transition:stroke .5s}.center-cap{fill:var(--accent);transition:fill .5s}.ripple-dot-group{display:flex;flex-direction:column;align-items:center;gap:5px;margin-bottom:6px}.ripple-dot-group .ripple-dot{border-radius:50%;background:var(--accent);display:block;transition:background .5s}.ripple-dot-group .ripple-dot-1{width:7px;height:7px}.ripple-dot-group .ripple-dot-2{width:5px;height:5px}.ripple-dot-group .ripple-dot-3{width:3px;height:3px}@keyframes gc-ripple{0%,to{opacity:var(--rd-base, .9);transform:scale(1)}50%{opacity:.08;transform:scale(.55)}}@keyframes gc-gong-strike{0%{transform:scale(1)}25%{transform:scale(1.6)}60%{transform:scale(.85)}to{transform:scale(1)}}.ripple-dot{transform-box:fill-box;transform-origin:center;animation:gc-ripple 1.8s ease-in-out infinite}.ripple-dot-1{--rd-base: .9;animation-delay:0s}.ripple-dot-2{--rd-base: .6;animation-delay:.15s}.ripple-dot-3{--rd-base: .35;animation-delay:.3s}.gonging .ripple-dot-1{animation:gc-gong-strike .55s cubic-bezier(.22,.9,.36,1) 0s both}.gonging .ripple-dot-2{animation:gc-gong-strike .55s cubic-bezier(.22,.9,.36,1) .1s both}.gonging .ripple-dot-3{animation:gc-gong-strike .55s cubic-bezier(.22,.9,.36,1) .2s both}.digital{display:flex;align-items:flex-start;gap:.3rem}.digital-time{font-size:5.5rem;font-weight:700;letter-spacing:.05em;font-variant-numeric:tabular-nums;font-family:Courier New,ui-monospace,monospace;color:var(--accent);text-shadow:0 0 8px var(--glow),0 0 24px var(--glow),0 0 56px var(--glow);line-height:1;transition:color .5s,text-shadow .5s}.ampm{font-size:1rem;color:var(--muted);letter-spacing:.08em;font-weight:500;margin-top:.35rem;transition:color .5s}.date-display{font-size:.75rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);opacity:.65;transition:color .5s}.is-fullscreen .digital{gap:.4rem}.is-fullscreen .digital-time{font-size:clamp(5.5rem,13vw,11rem);font-weight:700;letter-spacing:.05em}.sw-display{font-size:4.2rem!important}.fs-time-wrap{display:flex;align-items:baseline;gap:.05em}.fs-time-main{font-size:clamp(5rem,16vw,13rem);font-weight:700;font-family:Courier New,ui-monospace,monospace;font-variant-numeric:tabular-nums;letter-spacing:.03em;line-height:1;color:var(--accent);text-shadow:0 0 10px var(--glow),0 0 30px var(--glow),0 0 70px var(--glow);transition:color .5s,text-shadow .5s}.fs-time-cs{font-size:clamp(2rem,6vw,5rem);font-weight:700;font-family:Courier New,ui-monospace,monospace;font-variant-numeric:tabular-nums;letter-spacing:.03em;line-height:1;color:var(--accent);opacity:.6;text-shadow:0 0 8px var(--glow),0 0 20px var(--glow);transition:color .5s}.btn-row-fs .btn{padding:.85rem 3rem;font-size:1rem;border-radius:999px}.timer-inputs-fs{gap:.3rem}.timer-inputs-fs input{width:72px;font-size:1.8rem;padding:.3rem .15rem}.timer-inputs-fs .timer-colon{font-size:1.8rem;margin-bottom:1.2rem}.timer-inputs-fs span{font-size:.55rem}.is-fullscreen .ampm{font-size:clamp(1rem,2vw,1.8rem);margin-top:clamp(.5rem,1.2vw,1rem)}.is-fullscreen .ripple-dot-group{display:none}.is-fullscreen .date-display{font-size:clamp(.85rem,1.4vw,1.1rem)}.ctrl-select{width:100%;min-width:0;background:var(--bg);color:var(--accent);border:.5px solid var(--accent-dim);border-radius:8px;padding:.42rem .7rem;font-size:.8rem;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .2s,background .5s,color .5s}.ctrl-select:focus{border-color:var(--accent)}.swatch-row{display:flex;gap:8px;flex-wrap:wrap}.swatch{width:26px;height:26px;border-radius:50%;cursor:pointer;border:2px solid transparent;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;position:relative;transition:border-color .2s,transform .15s}.swatch:hover{transform:scale(1.1)}.swatch-active{border-color:var(--fg)!important}.swatch:after{content:attr(data-label);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--card);color:var(--fg);border:1px solid var(--accent-dim);border-radius:4px;padding:2px 7px;font-size:.65rem;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:10}.swatch:hover:after{opacity:1}.fmt-group{display:grid;grid-template-columns:1fr 1fr;gap:6px}.fmt-btn{border:1px solid var(--accent-dim);border-radius:8px;background:var(--bg);color:var(--muted);font-size:.75rem;font-weight:500;padding:7px 0;cursor:pointer;text-align:center;letter-spacing:.05em;transition:background .2s,color .2s,border-color .2s}.fmt-btn:hover{color:var(--fg);border-color:var(--accent)}.fmt-btn-active{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--btn-fg)!important;font-weight:600}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-size:13px;color:var(--fg);transition:color .5s}.toggle{width:38px;height:22px;border-radius:12px;background:var(--accent-dim);position:relative;cursor:pointer;flex-shrink:0;transition:background .2s}.toggle-on{background:var(--accent)!important}.toggle-dot{width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:left .15s}.toggle-on .toggle-dot{left:18px}.alarm-btn{display:flex;align-items:center;gap:7px;background:var(--accent);border:none;border-radius:10px;color:var(--btn-fg);font-size:.8rem;font-weight:500;padding:9px 22px;cursor:pointer;letter-spacing:.03em;transition:opacity .2s}.alarm-btn:hover{opacity:.85}.alarm-badge-nav{margin-left:auto;background:var(--accent);color:var(--btn-fg);font-size:.65rem;font-weight:700;border-radius:999px;padding:1px 6px;min-width:18px;text-align:center}.alarm-panel{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:520px;padding:.5rem 0}.alarm-form{display:flex;flex-direction:column;gap:1rem;background:var(--card);border:1px solid var(--accent-dim);border-radius:14px;padding:1.25rem 1.25rem 1rem;transition:background .5s,border-color .5s}.alarm-form-fields{display:flex;gap:1rem;flex-wrap:wrap}.alarm-field{display:flex;flex-direction:column;gap:.4rem;flex:1;min-width:140px}.alarm-field-label{font-size:.68rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);opacity:.75}.alarm-input{background:var(--bg);color:var(--fg);border:1px solid var(--accent-dim);border-radius:8px;padding:.55rem .75rem;font-size:1rem;font-variant-numeric:tabular-nums;outline:none;width:100%;transition:border-color .2s,background .5s,color .5s}.alarm-input:focus{border-color:var(--accent)}.alarm-add-btn{align-self:flex-start;display:flex;align-items:center;gap:.4rem}.alarm-list{display:flex;flex-direction:column;gap:.5rem}.alarm-empty{font-size:.82rem;color:var(--muted);opacity:.6;text-align:center;padding:1.5rem 0;letter-spacing:.04em}.alarm-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--card);border:1px solid var(--accent-dim);border-radius:10px;transition:background .5s,border-color .5s}.alarm-row:hover{border-color:var(--accent)}.alarm-triggered{opacity:.55}.alarm-row-main{display:flex;flex-direction:column;gap:.2rem}.alarm-row-time{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums;font-family:Courier New,ui-monospace,monospace;color:var(--accent);text-shadow:0 0 12px var(--glow);letter-spacing:.04em;line-height:1;transition:color .5s}.alarm-row-date{font-size:.72rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.alarm-row-actions{display:flex;align-items:center;gap:.6rem}.alarm-badge{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);border-radius:999px;padding:.2rem .6rem}.alarm-del-btn{background:none;border:1px solid var(--accent-dim);color:var(--muted);border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,color .2s}.alarm-del-btn:hover{border-color:#ef4444;color:#ef4444}.holidays-panel{display:flex;flex-direction:column;gap:1.1rem;width:100%;max-width:520px;padding:.5rem 0}.holidays-header{text-align:center}.holidays-title{font-size:1.1rem;font-weight:700;letter-spacing:.04em;margin:0}.holidays-sub{font-size:.78rem;color:var(--muted);letter-spacing:.04em;margin:.2rem 0 0}.holiday-banner-today,.holiday-banner-next{text-align:center;font-size:.85rem;border-radius:10px;padding:.7rem 1rem;border:1px solid var(--accent-dim)}.holiday-banner-today{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:var(--accent);color:var(--accent);font-weight:600}.holiday-banner-next{background:var(--card);color:var(--fg)}.holidays-empty{font-size:.82rem;color:var(--muted);opacity:.6;text-align:center;padding:1.5rem 0;letter-spacing:.04em}.holiday-list{display:flex;flex-direction:column;gap:.4rem;max-height:420px;overflow-y:auto}.holiday-row{display:flex;align-items:center;gap:1rem;padding:.55rem 1rem;background:var(--card);border:1px solid var(--accent-dim);border-radius:8px;transition:background .5s,border-color .5s,opacity .2s}.holiday-row-date{font-size:.78rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent);min-width:64px}.holiday-row-name{font-size:.85rem;color:var(--fg)}.holiday-row-today{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--card))}.holiday-row-past{opacity:.45}.holiday-approx{color:var(--muted);font-weight:400}.sound-row{display:flex;width:100%}.sound-row .ctrl-select{width:100%}.sound-desc{font-size:.66rem;color:var(--muted);opacity:.65;line-height:1.4;transition:color .5s}.panel{display:flex;flex-direction:column;align-items:center;gap:1.4rem;width:100%;padding-top:.5rem}.mono-display{font-size:5rem;font-weight:100;letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--fg);transition:color .5s}.btn-row{display:flex;gap:1rem}.btn{padding:.65rem 2.2rem;border-radius:999px;border:none;font-size:.88rem;cursor:pointer;font-weight:500;letter-spacing:.04em;transition:opacity .15s,transform .1s}.btn:active{transform:scale(.95)}.btn:disabled{opacity:.3;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--btn-fg)}.btn-secondary{background:var(--card);color:var(--fg);border:1px solid var(--accent-dim)}.laps{width:100%;max-height:260px;overflow-y:auto;border:1px solid var(--accent-dim);border-radius:8px}.lap-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem .8rem;font-size:.82rem;font-variant-numeric:tabular-nums;background:var(--card);border-bottom:1px solid var(--accent-dim);transition:background .5s}.lap-row:last-child{border-bottom:none}.lap-row:hover{filter:brightness(1.12)}.lap-n{color:var(--muted);min-width:34px}.lap-split{color:var(--fg);font-weight:500}.lap-total{color:var(--muted)}.hourglass-wrap{display:flex;flex-direction:column;align-items:center;gap:.8rem;flex-shrink:0}.hourglass-svg{width:130px;height:auto;filter:drop-shadow(0 2px 20px var(--glow));transition:filter .5s}.hg-frame{fill:var(--accent);opacity:.9;transition:fill .5s}.hg-glass{fill:color-mix(in srgb,var(--accent) 10%,transparent);stroke:var(--accent);stroke-width:2;stroke-linejoin:round;opacity:.75;transition:fill .5s,stroke .5s}.hg-sand{fill:var(--accent);opacity:.85;transition:fill .5s}@keyframes hg-drip{0%{transform:translateY(0);opacity:1}70%{transform:translateY(10px);opacity:.6}to{transform:translateY(16px);opacity:0}}.hg-drip{fill:var(--accent);transform-box:fill-box;transform-origin:center top;animation:hg-drip .55s ease-in infinite;transition:fill .5s}.hg-time{font-size:2.8rem;font-weight:700;font-variant-numeric:tabular-nums;font-family:Courier New,ui-monospace,monospace;letter-spacing:.04em;color:var(--accent);text-shadow:0 0 8px var(--glow),0 0 24px var(--glow),0 0 56px var(--glow);line-height:1;transition:color .5s,text-shadow .5s}.timer-done{animation:blink .8s ease-in-out infinite alternate}.timer-inputs{display:flex;align-items:flex-end;gap:.4rem}.timer-inputs label{display:flex;flex-direction:column;align-items:center;gap:.35rem}.timer-inputs span{font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.timer-inputs input{width:96px;text-align:center;font-size:3rem;font-weight:200;background:var(--card);color:var(--fg);border:1px solid var(--accent-dim);border-radius:10px;padding:.5rem .25rem;outline:none;font-variant-numeric:tabular-nums;transition:border-color .2s,background .5s,color .5s}.timer-inputs input:focus{border-color:var(--accent)}.timer-inputs input::-webkit-inner-spin-button,.timer-inputs input::-webkit-outer-spin-button{display:none}.timer-inputs input[type=number]{-moz-appearance:textfield}.timer-colon{font-size:3rem;font-weight:100;color:var(--muted);align-self:center;margin-bottom:2.1rem}@keyframes blink{0%{opacity:1}to{opacity:.3}}.done-msg{font-size:.9rem;color:var(--accent);letter-spacing:.2em;text-transform:uppercase}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.swatch:focus-visible,.nav-item:focus-visible,.toggle:focus-visible,.btn:focus-visible,.fmt-btn:focus-visible,.icon-btn:focus-visible,.alarm-btn:focus-visible,.share-btn:focus-visible,.ctrl-select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.panel-host{display:contents}.panel-host[hidden]{display:none}.volume-row{display:flex;align-items:center;gap:.6rem}.volume-val{font-size:.7rem;color:var(--muted);font-variant-numeric:tabular-nums;min-width:2ch;text-align:right}.volume-range{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;background:var(--accent-dim);outline:none;cursor:pointer;transition:background .5s}.volume-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:none;transition:background .5s}.volume-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.volume-range:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ad-wrap{flex-shrink:0;overflow:hidden}.ad-wrap.ad-sidebar{width:160px;height:600px}.ad-wrap.ad-leaderboard{width:728px;height:90px}.ad-wrap.ad-mobile{width:320px;height:50px;display:none}.offline-pill{padding:.2rem .75rem;background:#2d1b1b;color:#f87171;border:1px solid #7f1d1d55;border-radius:999px;font-size:.75rem;letter-spacing:.1em}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hg-drip{animation:none!important}}@media(max-width:960px){.body{grid-template-columns:1fr 230px}.left-nav{display:none}}@media(max-width:640px){.body{grid-template-columns:1fr}.settings-panel{border-left:none;border-top:1px solid var(--accent-dim)}.topbar{padding:12px 16px}}@media(max-width:768px){.clock-svg{width:min(260px,62vw);height:auto}.ad-footer{padding:.35rem 1rem}.ad-wrap.ad-leaderboard{display:none}.ad-wrap.ad-mobile{display:flex}.mono-display{font-size:3.8rem}.digital-time{font-size:4.2rem}.ampm{font-size:1.2rem}.hourglass-svg{width:110px}.hg-time{font-size:2.4rem}.timer-inputs input{width:84px;font-size:2.6rem}.timer-colon{font-size:2.6rem;margin-bottom:1.85rem}}@media(max-width:420px){.digital-time{font-size:3.2rem}.ampm{font-size:1rem}.mono-display{font-size:3rem}.timer-inputs input{width:72px;font-size:2rem}.timer-colon{font-size:2rem;margin-bottom:1.4rem}.hourglass-svg{width:90px}.hg-time{font-size:1.9rem}}
