.stage{isolation:isolate;text-align:center;grid-template-columns:minmax(0,1fr);grid-template-areas:"top""time""date""hijri""foot";justify-items:center;display:grid;position:relative;container-type:inline-size}body .hero.stage{box-shadow:none;background:0 0;border:0;border-radius:0;margin-top:0;padding:clamp(1.5rem,4cqw,2.75rem) 0 clamp(2rem,5cqw,3.5rem)}.stage:after{content:"";z-index:-2;background:var(--hero-bg);border-bottom:1px solid var(--color-line);position:absolute;inset-block:0;inset-inline:calc(50% - 50vw)}.stage>*,.stage-top>*{min-width:0;max-width:100%}.stage-waves{z-index:-1;inset-inline:calc(50% - 50vw);pointer-events:none;width:100vw;height:62%;position:absolute;bottom:0;max-width:none!important}.sw-a{fill:var(--wave-a)}.sw-b{fill:var(--wave-b)}.sw-l1,.sw-l2{fill:none;stroke:var(--wave-line);stroke-width:1.5px}.sw-l2{opacity:.6}:root{--wave-a:oklch(95% .03 60/.55);--wave-b:oklch(93% .04 55/.45);--wave-line:transparent}:root[data-theme=night]{--wave-a:oklch(30% .08 40/.35);--wave-b:oklch(24% .06 260/.5);--wave-line:oklch(70% .18 47/.35)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--wave-a:oklch(30% .08 40/.35);--wave-b:oklch(24% .06 260/.5);--wave-line:oklch(70% .18 47/.35)}}:root[data-theme=oled] .stage-waves,:root[data-theme=contrast] .stage-waves{display:none}@media (prefers-contrast:more){:root:not([data-theme]) .stage-waves{display:none}}.stage-top{grid-area:top;justify-items:center;gap:.9rem;padding-bottom:clamp(.75rem,2.5cqw,1.5rem);display:grid;position:relative}.stage-place{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1rem;margin:0;display:flex}.stage-city{color:var(--color-ink);border-radius:.75rem;align-items:center;gap:.45rem;padding:.3rem .55rem;text-decoration:none;display:inline-flex}.stage-city strong{letter-spacing:-.015em;font-size:1.375rem;font-weight:700}.stage-city:hover{background:var(--color-accent-soft)}.stage-city:focus-visible,.look-btn:focus-visible,.look-menu button:focus-visible,.stage-toggle:focus-visible,.seg-b:focus-visible,.fsw button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.stage-pin{width:1.4rem;height:1.4rem;color:var(--color-seconds);flex:none}.stage-chev{width:1.05rem;height:1.05rem;color:var(--color-ink-2);flex:none}.stage-zone{border:1px solid var(--color-line);background:var(--color-surface);min-width:7rem;min-height:1.9rem;color:var(--color-ink-2);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:.2rem .85rem;font-size:.875rem;display:inline-flex}.stage-tools{justify-content:center;align-items:center;gap:.5rem;min-width:0;max-width:100%;display:flex}.stage tz-clock{--w:4.05;display:contents}.stage .tzc-face,.stage .tzc-time{text-align:center;grid-area:time}.stage .tzc-time{font-size:min(10rem, calc(94cqw / var(--w,4.1)));letter-spacing:-.05em;font-weight:800;line-height:1}.stage .tzc-ss{color:var(--color-seconds);margin:0;font-size:1em}.stage .tzc-ap{color:var(--color-ink);letter-spacing:0;margin-inline-start:.28em;font-size:.27em;font-weight:700}.tzc-ms{font-family:var(--font-clock);color:var(--color-ink-muted);letter-spacing:.02em;margin-inline-start:.12em;font-size:.2em;font-weight:400}.tzc-ms[hidden]{display:none}.stage tz-clock[no-seconds]{--w:2.65}.stage tz-clock[ms]{--w:4.55}.stage tz-clock[ms][no-seconds]{--w:3.15}.stage tz-clock[hour12]{--w:4.55}.stage tz-clock[hour12][no-seconds]{--w:3.15}.stage tz-clock[hour12][ms]{--w:5.05}.stage tz-clock[hour12][ms][no-seconds]{--w:3.65}.stage tz-clock{--wf:5.4;--face-size:min(clamp(3rem, 17cqw, 15rem), calc(100cqw / var(--wf)))}.stage tz-clock[no-seconds]{--wf:3.6}.stage tz-clock[hour12]{--wf:5.9}.stage tz-clock[hour12][no-seconds]{--wf:4.1}.stage tz-clock[data-face=led]{--wf:4.7}.stage tz-clock[data-face=led][no-seconds]{--wf:3.1}.stage tz-clock[data-face=led][hour12]{--wf:5.2}.stage tz-clock[data-face=led][hour12][no-seconds]{--wf:3.6}.stage .tzc-face{font-size:var(--face-size)}html[data-face] .stage tz-clock:not([data-face]) .tzc-time{visibility:hidden;font-size:var(--face-size)}html[data-face=flip] .stage tz-clock:not([data-face]) .tzc-time{min-height:1.357em}html[data-face=led] .stage tz-clock:not([data-face]) .tzc-time{min-height:1em}html[data-face=matrix] .stage tz-clock:not([data-face]) .tzc-time{min-height:16.9772cqw;font-size:1rem}html[data-face="3d"] .stage tz-clock:not([data-face]) .tzc-time{min-height:29.4118cqw}html[data-face=analog] .stage tz-clock:not([data-face]) .tzc-time{min-height:min(50cqw,25rem);font-size:1rem}.stage .tzc-date{letter-spacing:-.01em;color:var(--color-ink);grid-area:date;margin:clamp(.5rem,1.6cqw,1rem) 0 0;font-size:clamp(1.125rem,2.2cqw,1.5rem);font-weight:650}.stage-hijri{color:var(--color-ink-2);grid-area:hijri;min-height:1.5em;margin:.2rem 0 0;font-size:clamp(.9375rem,1.5cqw,1.0625rem)}.stage{grid-template-columns:minmax(0,1fr) auto auto minmax(0,1fr);grid-template-areas:"top top top top""time time time time""date date date date""hijri hijri hijri hijri"".pill toggles.";gap:0 1.25rem}.stage-top,.stage .tzc-time,.stage .tzc-date,.stage-hijri{justify-self:center}.stage .tzc-face{justify-self:stretch;width:100%}.stage .tzc-pill{border:0;border-inline-end:1px solid var(--color-line);white-space:nowrap;border-radius:0;grid-area:pill;place-self:center end;margin:clamp(1.25rem,3cqw,2rem) 0 0;padding:.3rem 1.25rem .3rem 0;font-family:inherit;font-size:.875rem}.stage .tzc-pill [data-pill-text]{color:var(--color-ink-2)}.stage-toggles{flex-wrap:nowrap;grid-area:toggles;justify-self:start;align-items:center;gap:.6rem;margin-top:clamp(1.25rem,3cqw,2rem);display:flex}.seg{border:1px solid var(--color-line);background:var(--color-surface-subtle);border-radius:999px;gap:.1rem;padding:.2rem;display:inline-flex}.seg-b,.stage-toggle{cursor:pointer;font:inherit;min-height:2rem;color:var(--color-ink-2);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;padding:.3rem .95rem;font-size:.8125rem;transition:background-color .15s,border-color .15s,color .15s}.seg-b:hover,.stage-toggle:hover{color:var(--color-ink)}.seg-b[aria-pressed=true],.stage-toggle[aria-pressed=true]{color:var(--color-accent);border-color:var(--color-accent-line);background:var(--color-accent-soft);font-weight:600}.stage-toggle{border-color:var(--color-line);background:var(--color-surface);align-items:center;gap:.45rem;min-height:2.5rem;padding-inline:.9rem 1rem;display:inline-flex}.stage-toggle svg{flex:none;width:1.05rem;height:1.05rem}.stage-toggle[aria-pressed=false] .snd-on{opacity:.35}@media (prefers-reduced-motion:reduce){.seg-b,.stage-toggle{transition:none}}face-switch{scrollbar-width:none;max-width:100%;display:block;overflow-x:auto}face-switch::-webkit-scrollbar{display:none}.fsw{border:1px solid var(--color-line);background:var(--color-surface-subtle);border-radius:999px;gap:.15rem;padding:.25rem;display:inline-flex}.fsw button{font:inherit;color:var(--color-ink-2);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;padding:.4rem 1.1rem;font-size:.9375rem}.fsw button:hover{color:var(--color-ink)}.fsw button[aria-checked=true]{color:var(--color-accent);background:var(--color-accent-soft);border-color:var(--color-accent-line);font-weight:600}look-switch{display:block;position:relative}.look-btn{border:1px solid var(--color-line);background:var(--color-surface);cursor:pointer;border-radius:999px;place-items:center;width:2.5rem;height:2.5rem;padding:0;display:grid}.look-btn:hover{border-color:var(--color-line-strong)}.look-menu{z-index:6;inset-inline-end:0;border:1px solid var(--color-line);background:var(--color-surface-raised);min-width:12.5rem;color:var(--color-ink);box-shadow:var(--shadow-pop);text-align:start;border-radius:.9rem;gap:.1rem;padding:.4rem;display:grid;position:absolute;top:calc(100% + .5rem)}.look-menu button{font:inherit;text-align:start;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:.6rem;align-items:center;gap:.7rem;padding:.5rem .6rem;font-size:.9375rem;display:flex}.look-menu button:hover{background:var(--color-surface-hover)}.look-menu button[aria-checked=true]{background:var(--color-accent-soft);font-weight:650}@media (width<=68rem){.stage{grid-template-columns:minmax(0,1fr);grid-template-areas:"top""time""date""hijri""pill""toggles"}.stage .tzc-pill{border-inline-end:0;justify-self:center;margin-top:1rem;padding:0}.stage-toggles{justify-content:center;justify-self:center;gap:.5rem;margin-top:1rem}}@media (width<=34rem){.stage-city strong{font-size:1.25rem}.stage-top{gap:.75rem}look-switch{top:0;position:absolute;inset-inline-end:0}.stage-place{flex-wrap:nowrap;gap:.4rem;max-width:100%;padding-inline:2.6rem}.stage-city{min-width:0}.stage-city strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stage-zone{flex:none;min-width:0;padding-inline:.7rem;font-size:.8125rem}.fsw{gap:0;padding:.2rem}.fsw button{padding:.35rem .6rem;font-size:.8125rem}.stage-toggles{scrollbar-width:none;flex-wrap:nowrap;justify-content:safe center;justify-self:stretch;gap:.3rem;max-width:100%;padding:.1rem;overflow-x:auto}.stage-toggles::-webkit-scrollbar{display:none}.seg{display:contents}.seg-b,.stage-toggle{border-color:var(--color-line);background:var(--color-surface);min-height:2.25rem;padding:.25rem .55rem;font-size:.75rem}.stage-toggle{gap:.3rem;padding-inline:.55rem .65rem}.stage-toggle svg{width:.95rem;height:.95rem}}html[data-fs] .fs-hide{display:none!important}html[data-fs] .stage{display:block}html[data-fs] .stage:after,html[data-fs] .stage-waves,html[data-fs] .stage-hijri{display:none}html[data-fs] .stage tz-clock{display:block}html[data-fs] .stage .tzc-date{text-align:center;color:var(--color-ink-muted);font-size:1.125rem;font-weight:400}html[data-fs] .stage .tzc-pill{border:0;justify-self:center;margin-top:1rem;padding:0}.look-sw[data-look=peach],html[data-look=peach] .stage,html:not([data-look])[data-autolook=peach] .stage{--look-bg:oklch(96.5% .03 60);--look-bg2:oklch(93.5% .045 50);--look-ink:oklch(21% .02 50);--look-muted:oklch(40% .04 50);--look-accent:oklch(41% .15 48);--look-line:oklch(82% .045 55)}.look-sw[data-look=sky],html[data-look=sky] .stage,html:not([data-look])[data-autolook=sky] .stage{--look-bg:oklch(95.5% .03 255);--look-bg2:oklch(93% .05 295);--look-ink:oklch(20% .08 265);--look-muted:oklch(38% .06 265);--look-accent:oklch(42% .22 263);--look-line:oklch(82% .05 270)}.look-sw[data-look=meadow],html[data-look=meadow] .stage,html:not([data-look])[data-autolook=meadow] .stage{--look-bg:oklch(96% .04 140);--look-bg2:oklch(96.5% .035 85);--look-ink:oklch(22% .06 150);--look-muted:oklch(38% .06 150);--look-accent:oklch(40% .14 150);--look-line:oklch(83% .05 140)}.look-sw[data-look=sage],html[data-look=sage] .stage,html:not([data-look])[data-autolook=sage] .stage{--look-bg:oklch(94% .025 130);--look-bg2:oklch(92% .03 125);--look-ink:oklch(22% .02 140);--look-muted:oklch(38% .03 140);--look-accent:oklch(41% .15 45);--look-line:oklch(80% .03 130)}.look-sw[data-look=midnight],html[data-look=midnight] .stage,html:not([data-look])[data-autolook=midnight] .stage{--look-bg:oklch(20% .06 265);--look-bg2:oklch(15% .05 265);--look-ink:oklch(97% .01 250);--look-muted:oklch(82% .03 250);--look-accent:oklch(86% .13 200);--look-line:oklch(34% .06 265)}.look-sw[data-look=plum],html[data-look=plum] .stage,html:not([data-look])[data-autolook=plum] .stage{--look-bg:oklch(27% .06 340);--look-bg2:oklch(21% .05 335);--look-ink:oklch(97% .01 340);--look-muted:oklch(84% .03 340);--look-accent:oklch(82% .16 80);--look-line:oklch(38% .06 340)}@media (prefers-contrast:no-preference){html[data-look]:not([data-look=classic]):not([data-theme=oled],[data-theme=contrast]) .stage,html:not([data-look])[data-autolook]:not([data-theme=oled],[data-theme=contrast]) .stage{--color-bg:var(--look-bg);--color-ink:var(--look-ink);--color-ink-muted:var(--look-muted);--color-line:var(--look-line);--color-accent:var(--look-accent);--stage-bg:linear-gradient(160deg, var(--look-bg) 0%, var(--look-bg2) 100%);--hero-bg:linear-gradient(160deg, var(--look-bg) 0%, var(--look-bg2) 100%);--color-ink-2:var(--look-muted);--color-seconds:var(--look-accent);--color-surface:color-mix(in oklch, var(--look-ink) 4%, var(--look-bg));--color-surface-subtle:color-mix(in oklch, var(--look-ink) 7%, var(--look-bg));--color-surface-hover:color-mix(in oklch, var(--look-ink) 9%, var(--look-bg));--color-surface-raised:color-mix(in oklch, var(--look-ink) 6%, var(--look-bg));--shadow-pop:0 18px 44px -18px oklch(0% none none/.45);--color-line-strong:color-mix(in oklch, var(--look-ink) 30%, var(--look-bg));--color-accent-soft:color-mix(in oklch, var(--look-accent) 13%, var(--look-bg));--color-accent-line:color-mix(in oklch, var(--look-accent) 55%, var(--look-bg));--wave-a:transparent;--wave-b:transparent;--wave-line:transparent;--surface-1:color-mix(in oklch, var(--look-ink) 5%, var(--look-bg));--surface-2:color-mix(in oklch, var(--look-ink) 9%, var(--look-bg));--line-strong:color-mix(in oklch, var(--look-ink) 30%, var(--look-bg));--accent-soft:color-mix(in oklch, var(--look-accent) 13%, transparent);--accent-border:color-mix(in oklch, var(--look-accent) 55%, transparent);--shadow:0 1px 0 color-mix(in oklch, var(--look-ink) 5%, transparent), 0 34px 60px -38px color-mix(in oklch, var(--look-accent) 55%, transparent);color:var(--look-ink)}html:is([data-look=peach],[data-look=sky],[data-look=meadow],[data-look=sage],:not([data-look]):is([data-autolook=peach],[data-autolook=sage])):not([data-theme=oled],[data-theme=contrast]) .stage{color-scheme:light;--color-locked:oklch(45% .12 155);--color-drifting:oklch(50% .12 80);--color-offline:oklch(50% .17 27)}html:is([data-look=midnight],[data-look=plum],:not([data-look]):is([data-autolook=midnight],[data-autolook=plum])):not([data-theme=oled],[data-theme=contrast]) .stage{color-scheme:dark;--color-locked:oklch(78% .15 155);--color-drifting:oklch(82% .14 85);--color-offline:oklch(72% .17 27)}}.look-sw{border:1px solid var(--color-line);background:linear-gradient(135deg, var(--look-bg,var(--color-bg)) 50%, var(--look-accent,var(--color-accent)) 50%);border-radius:50%;width:1.25rem;height:1.25rem;display:inline-block}