.screen.svelte-gk7l9h{color:#fff;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);height:100svh;display:grid;position:relative;overflow-x:clip}.stage.svelte-gk7l9h{inset-inline:0;top:var(--box-top,120px);height:var(--box-h,50vh);font-size:var(--u,10px);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.stage.svelte-gk7l9h:not([data-fit]) .pieces:where(.svelte-gk7l9h){opacity:0}.pieces.svelte-gk7l9h{justify-content:center;align-items:flex-start;gap:var(--wgap,calc(var(--u) * 3));flex:none;inline-size:max-content;transition:opacity .3s;display:flex}.stage.svelte-gk7l9h[data-arr=grid] .pieces:where(.svelte-gk7l9h){grid-template-columns:repeat(var(--cols,2), auto);justify-items:center;row-gap:calc(var(--u) * 2.2);column-gap:calc(var(--u) * 2.4);display:grid}.stage[data-design=analog].svelte-gk7l9h{--clock-h:22}.stage[data-design=digital].svelte-gk7l9h{--clock-h:12}.stage[data-design=paper].svelte-gk7l9h{--clock-h:11}.stage[data-design=minimal].svelte-gk7l9h{--clock-h:9}.add-slot.svelte-gk7l9h{pointer-events:auto;margin-block-start:calc(var(--clock-h,22) * var(--u) / 2 - 20px)}.stage.svelte-gk7l9h[data-arr=grid] .add-slot:where(.svelte-gk7l9h){grid-column:1/-1;margin:0}.item.svelte-gk7l9h{pointer-events:auto;justify-items:center;inline-size:min-content;margin:0;display:grid;position:relative}figcaption.svelte-gk7l9h>:where(.svelte-gk7l9h){max-inline-size:100%}.clock.svelte-gk7l9h{color:inherit;font:inherit;cursor:pointer;border-radius:calc(var(--u) * 2);background:0 0;border:0;padding:0;transition:transform .25s;display:block}.item.svelte-gk7l9h:not([data-source]) .clock:where(.svelte-gk7l9h):hover{transform:translateY(calc(var(--u) * -.4))}.clock.svelte-gk7l9h:focus-visible{outline:3px solid var(--focus);outline-offset:6px}.clock.svelte-gk7l9h waqt-widget{font-size:var(--u);--waqt-u:var(--u);display:block}.stage[data-type].svelte-gk7l9h{--wgap:calc(var(--u) * 5.5);text-shadow:0 .1em 1.6em #000a2847}.stage[data-type].svelte-gk7l9h .clock:where(.svelte-gk7l9h) waqt-widget{color:#fff;--w-gold:var(--type-gold,#e9c77b);--w-soft:#ffffffb3;--w-ink:#fff}.stage[data-design=digital].svelte-gk7l9h .clock:where(.svelte-gk7l9h) waqt-widget{--waqt-u:calc(var(--u) * .82)}.stage[data-design=minimal].svelte-gk7l9h .clock:where(.svelte-gk7l9h) waqt-widget{--waqt-u:calc(var(--u) * .64)}.stage[data-type].svelte-gk7l9h[data-arr=row] .item:where(.svelte-gk7l9h)+.item:where(.svelte-gk7l9h):before{content:"";inset-inline-start:calc(var(--wgap) / -2);background:linear-gradient(#0000,#e9c77b59 20% 80%,#0000);width:1px;position:absolute;top:6%;bottom:6%}figcaption.svelte-gk7l9h{margin-top:calc(var(--u) * 1.2);justify-items:center;gap:calc(var(--u) * .2);text-align:center;text-shadow:0 1px 12px #00000080;line-height:1.35;display:grid}.stage[data-type].svelte-gk7l9h figcaption:where(.svelte-gk7l9h){margin-top:calc(var(--u) * .6)}.name.svelte-gk7l9h{font-size:max(15px, calc(var(--u) * 1.9));font-weight:700}.when.svelte-gk7l9h{font-size:max(12.5px, calc(var(--u) * 1.25));color:#ffffffc7}.when.svelte-gk7l9h b:where(.svelte-gk7l9h){color:#fff;font-weight:600}.diff.svelte-gk7l9h{font-size:max(12.5px, calc(var(--u) * 1.2));color:var(--type-gold,var(--gold-on-sky));font-weight:700}.diff.source.svelte-gk7l9h{color:#ffffffd9;align-items:center;gap:.4em;font-weight:600;display:inline-flex}.pin.svelte-gk7l9h{background:var(--gold-on-sky);block-size:.42em;inline-size:.42em;rotate:45deg}.rm.svelte-gk7l9h{margin-top:calc(var(--u) * .5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffffffd6;font:inherit;font-size:max(12px, calc(var(--u) * 1.05));text-shadow:none;cursor:pointer;background:#060c2447;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:4px;padding:3px 12px 3px 10px;display:inline-flex}.rm.svelte-gk7l9h svg:where(.svelte-gk7l9h){fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;block-size:1em;inline-size:1em}.rm.svelte-gk7l9h:hover,.rm.svelte-gk7l9h:focus-visible{color:#fff;background:#ffffff29;border-color:#ffffff73}.dock.svelte-gk7l9h{z-index:3;padding:0 var(--side) max(14px, env(safe-area-inset-bottom));text-shadow:0 1px 10px #00000080;grid-row:3;justify-items:center;gap:10px;display:grid;position:relative}.line.svelte-gk7l9h{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;font-size:15px;display:flex}.what.svelte-gk7l9h{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060c248c;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 8px;padding:5px 16px;display:inline-flex}.what.svelte-gk7l9h .city:where(.svelte-gk7l9h){color:#fffc}.what.svelte-gk7l9h b:where(.svelte-gk7l9h){font-weight:700}.what.svelte-gk7l9h .t:where(.svelte-gk7l9h){color:var(--gold-on-sky);font-weight:700}.step.svelte-gk7l9h{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;background:#060c244d;border:1px solid #fff3;border-radius:50%;place-items:center;block-size:34px;inline-size:34px;display:grid}.step.svelte-gk7l9h:hover{background:#ffffff26}.step.svelte-gk7l9h svg:where(.svelte-gk7l9h){fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;block-size:16px;inline-size:16px}[dir=rtl] .step.svelte-gk7l9h svg:where(.svelte-gk7l9h){transform:scaleX(-1)}.line.svelte-gk7l9h .btn.small{min-block-size:34px;padding:0 14px;font-size:14px}.ruler.svelte-gk7l9h{cursor:ew-resize;touch-action:none;direction:ltr;outline:none;block-size:46px;inline-size:min(900px,100%);position:relative}.band.svelte-gk7l9h{background:#ffffff40;border-radius:999px;block-size:12px;position:absolute;inset:14px 0 auto;box-shadow:inset 0 0 0 1px #ffffff1f,0 2px 10px #0000004d}.ticks.svelte-gk7l9h{color:#ffffffbf;font-size:12px;position:absolute;inset:30px 0 0}.ticks.svelte-gk7l9h span:where(.svelte-gk7l9h){white-space:nowrap;position:absolute;translate:-50%}[dir=rtl] .ticks.svelte-gk7l9h span:where(.svelte-gk7l9h),[dir=rtl] .tip.svelte-gk7l9h{direction:rtl}.ticks.svelte-gk7l9h span.edge-start:where(.svelte-gk7l9h){translate:0}.ticks.svelte-gk7l9h span.edge-end:where(.svelte-gk7l9h){translate:-100%}.ticks.svelte-gk7l9h i:where(.svelte-gk7l9h){background:#ffffff59;block-size:6px;inline-size:1px;position:absolute;top:-18px}.knob.svelte-gk7l9h{block-size:0;inline-size:0;position:absolute;top:20px}.knob.svelte-gk7l9h:before{content:"";background:#fff;border-radius:50%;block-size:22px;inline-size:22px;margin:-11px 0 0 -11px;position:absolute;box-shadow:0 0 0 5px #fff3,0 0 18px #fff0c8d9}.ruler.svelte-gk7l9h:focus-visible .knob:where(.svelte-gk7l9h):before{box-shadow:0 0 0 5px var(--focus), 0 0 18px #fff0c8d9}.tip.svelte-gk7l9h{color:var(--lapis-950);white-space:nowrap;text-shadow:none;opacity:0;background:#fff;border-radius:8px;padding:3px 9px;font-size:13px;font-weight:700;transition:opacity .2s;position:absolute;bottom:16px;translate:-50%}.ruler[data-drag].svelte-gk7l9h .tip:where(.svelte-gk7l9h),.ruler.svelte-gk7l9h:focus-visible .tip:where(.svelte-gk7l9h){opacity:1}.hint.svelte-gk7l9h{color:#ffffff9e;text-align:center;margin:0;font-size:12.5px}.hint.svelte-gk7l9h .sky:where(.svelte-gk7l9h){color:#ffffffdb;font-weight:600}.hint.svelte-gk7l9h .dia:where(.svelte-gk7l9h){vertical-align:.22em;background:var(--gold-on-sky);block-size:4px;inline-size:4px;margin-inline:8px;display:inline-block;rotate:45deg}@media (width<=760px){.dock.svelte-gk7l9h{gap:6px}.line.svelte-gk7l9h{font-size:14px}.ticks.svelte-gk7l9h span:where(.svelte-gk7l9h):not(.edge-start):not(.edge-end):nth-of-type(2n),.hint.svelte-gk7l9h .dia:where(.svelte-gk7l9h),.hint.svelte-gk7l9h .how:where(.svelte-gk7l9h){display:none}}.more.svelte-gk7l9h .cols:where(.svelte-gk7l9h){grid-template-columns:1fr 1fr;gap:0 56px;display:grid}.more.svelte-gk7l9h h2:where(.svelte-gk7l9h){margin:0 0 6px;font-size:1.25rem;font-weight:800}.more.svelte-gk7l9h p:where(.svelte-gk7l9h){color:var(--ink-soft);margin:0 0 14px;line-height:2}@media (width<=760px){.more.svelte-gk7l9h .cols:where(.svelte-gk7l9h){grid-template-columns:1fr}}