:root{--ink:#f6f4ef;--ink-soft:#f6f4ef9e;--glass:#0e121857;--accent:#ffd257;--track:#ffffff3d;--spring:cubic-bezier(.34,1.56,.64,1);--out:cubic-bezier(.22,1,.36,1);--font:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",system-ui,sans-serif;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{overflow:hidden;color:var(--ink);font:400 13px/1.35 var(--font);-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1;background:#1b2230;height:100%;margin:0}button{font:inherit;color:inherit}.stage{position:fixed;inset:0}.stage canvas{display:block;touch-action:none;width:100%;height:100%}.pill{position:fixed;background:var(--glass);backdrop-filter:blur(12px)saturate(1.3);-webkit-backdrop-filter:blur(12px)saturate(1.3);border-radius:14px;padding:6px 12px;bottom:14px;left:14px}.pill-row{display:flex;align-items:baseline;gap:10px}.clock{display:flex;cursor:pointer;transition:transform .14s var(--spring);background:0 0;border:0;align-items:baseline;gap:6px;padding:0;font-weight:600}.clock:active{transform:scale(.94)}.offset{color:var(--accent);font-size:12px}.temp{color:var(--ink-soft);font-weight:500}.drawer{display:grid;grid-template-rows:0fr;grid-template-columns:0fr;opacity:0;transition:grid-template-rows .22s var(--out),grid-template-columns .22s var(--out),opacity .16s ease}.pill[data-open=true] .drawer{grid-template-rows:1fr;grid-template-columns:1fr;opacity:1}.drawer-inner{overflow:hidden;min-width:0;min-height:0}.scrub{appearance:none;-webkit-appearance:none;display:block;cursor:pointer;background:0 0;width:196px;height:20px;margin:6px 0 2px}.scrub::-webkit-slider-runnable-track{background:var(--track);border-radius:2px;height:2px}.scrub::-moz-range-track{background:var(--track);border-radius:2px;height:2px}.scrub::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);transition:transform .14s var(--spring);border-radius:50%;width:12px;height:12px;margin-top:-5px}.scrub::-moz-range-thumb{background:var(--ink);transition:transform .14s var(--spring);border:0;border-radius:50%;width:12px;height:12px}.scrub:active::-webkit-slider-thumb{transform:scale(1.4)}.scrub:active::-moz-range-thumb{transform:scale(1.4)}.conditions{display:flex;color:var(--ink-soft);gap:8px;padding-bottom:2px;font-size:12px}.conditions span:empty{display:none}.corner{position:fixed;display:flex;gap:6px;bottom:14px;right:14px}.round{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;opacity:.8;transition:transform .16s var(--spring),opacity .14s ease;border:0;border-radius:50%;width:30px;height:30px;padding:0}.round:hover,.round[aria-expanded=true]{opacity:1}.round:active{transform:scale(.9)}.round svg{display:block;width:100%;height:100%}.needle-n,.glyph{fill:var(--ink)}.needle-s{fill:#ffffff52}.credits{position:absolute;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--ink-soft);transform-origin:100% 100%;animation:pop .18s var(--spring);background:#0e12189e;border-radius:12px;width:max-content;max-width:calc(100vw - 28px);padding:9px 12px;font-size:11.5px;bottom:38px;right:0}.credits[hidden]{display:none}.credits p{margin:0}.credits p+p{margin-top:3px}.credit-lines{border-top:1px solid #ffffff1a;margin-top:8px;padding-top:8px}.credit-lines a{color:inherit;text-decoration:underline;text-decoration-color:#ffffff59;text-underline-offset:2px}.switch{display:flex;color:var(--ink);cursor:pointer;justify-content:space-between;align-items: center;gap:16px;padding:3px 0;font-size:12.5px}.switch input{position:absolute;opacity:0;pointer-events:none}.switch i{position:relative;background:#ffffff2e;border-radius:8px;flex:none;width:26px;height:15px;transition:background .16s}.switch i:after{content:"";position:absolute;background:var(--ink);transition:transform .2s var(--spring);border-radius:50%;width:11px;height:11px;top:2px;left:2px}.switch input:checked+i{background:#ffffff80}.switch input:checked+i:after{transform:translate(11px)}.switch:active i:after{width:13px}.switch input:focus-visible+i{outline:2px solid var(--ink);outline-offset:2px}@keyframes pop{0%{opacity:0;transform:scale(.92)translateY(4px)}}.tooltip{position:fixed;z-index:5;display:flex;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:none;color:var(--ink-soft);background:#0e12189e;border-radius:9px;flex-direction:column;gap:1px;max-width:260px;padding:6px 9px;font-size:11.5px;top:0;left:0}.tooltip span{white-space:pre-line}.tooltip strong{color:var(--ink);font-size:12.5px;font-weight:600}.tooltip[hidden]{display:none}.labels{position:fixed;pointer-events:none;overflow:hidden;inset:0}.label{position:absolute;white-space:nowrap;color:#ffffffd1;text-shadow:0 1px 5px #00000080;will-change:transform,opacity;font-size:11px;font-weight:600;top:0;left:0}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}body.embed>:not(#stage){display:none!important}
