@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/eb-garamond-latin-400-normal-BCNrxLz_.woff2)format("woff2"),url(/assets/eb-garamond-latin-400-normal-maQnHeKB.woff)format("woff")}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/eb-garamond-latin-500-normal-DehAIUv0.woff2)format("woff2"),url(/assets/eb-garamond-latin-500-normal-DZU8xF9o.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff")}:root{--bg:#000;--ink:#f4eee2f0;--muted:#f4eee28f;--accent:#ffb454;--accent-rgb:255, 180, 84;--accent2-rgb:123, 92, 255;--pulse:0;--serif:"EB Garamond", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--sans:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--dial:min(66vw, 36dvh, 260px)}[data-theme=rainforest]{--accent:#35f0b0;--accent-rgb:53, 240, 176;--accent2-rgb:42, 212, 255}[data-theme=bush]{--accent:#f0a17e;--accent-rgb:240, 161, 126;--accent2-rgb:150, 120, 255}[data-theme=rain]{--accent:#8fd0c2;--accent-rgb:143, 208, 194;--accent2-rgb:120, 175, 160}[data-theme=night]{--accent:#a9c2ff;--accent-rgb:169, 194, 255;--accent2-rgb:232, 238, 255}[data-theme=pond]{--accent:#a8dcb4;--accent-rgb:168, 220, 180;--accent2-rgb:215, 235, 200}[data-theme=ferns]{--accent:#c9d9a8;--accent-rgb:201, 217, 168;--accent2-rgb:150, 185, 165}[data-theme=sunrise]{--accent:#ffb98a;--accent-rgb:255, 185, 138;--accent2-rgb:255, 150, 110}[data-theme=drizzle]{--accent:#b7c8dc;--accent-rgb:183, 200, 220;--accent2-rgb:150, 170, 195}[data-theme=creek]{--accent:#c3b4f0;--accent-rgb:195, 180, 240;--accent2-rgb:255, 200, 110}[data-theme=valley]{--accent:#f4a8b8;--accent-rgb:244, 168, 184;--accent2-rgb:255, 190, 140}[data-theme=marsh]{--accent:#d2e08c;--accent-rgb:210, 224, 140;--accent2-rgb:170, 210, 190}[data-theme=aegean]{--accent:#c4d2ff;--accent-rgb:196, 210, 255;--accent2-rgb:150, 180, 235}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--sans);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;touch-action:manipulation;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible,svg:focus-visible{outline:2px solid rgba(var(--accent-rgb), .8);outline-offset:4px;border-radius:12px}#scene{width:100%;height:100%;transition:opacity 3s;display:block;position:fixed;inset:0}#app{height:100dvh;padding:calc(var(--sat) + 22px) calc(var(--sar) + 20px) calc(var(--sab) + 18px) calc(var(--sal) + 20px);touch-action:none;grid-template-rows:1fr auto 1fr;display:grid;position:relative}.top{text-align:center;align-self:start}.titles{will-change:transform, opacity}h1{font-family:var(--serif);letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:clamp(34px,9.4vw,42px);font-weight:400;line-height:1.08}#subtitle{max-width:30ch;color:var(--muted);text-wrap:balance;margin:8px auto 0;font-size:13.5px;line-height:1.4}.dots{justify-content:center;gap:8px;margin-top:16px;display:flex}.dot{background:#ffffff40;border-radius:3px;width:6px;height:6px;padding:0;transition:width .35s,background .35s;position:relative}.dot:after{content:"";position:absolute;inset:-14px -6px}.dot[aria-selected=true]{background:var(--accent);width:22px}.center{flex-direction:column;align-items:center;gap:28px;display:flex}.orb-wrap{width:var(--dial);height:var(--dial);position:relative}.orb{text-align:center;background:radial-gradient(circle at 50% 28%, rgba(var(--accent-rgb), .26), rgba(var(--accent-rgb), .06) 55%, #0000008c 100%), #0000006b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 calc(24px + var(--pulse) * 70px) rgba(var(--accent-rgb), calc(.16 + var(--pulse) * .34)), inset 0 0 calc(18px + var(--pulse) * 26px) rgba(var(--accent-rgb), calc(.14 + var(--pulse) * .2)), inset 0 1px 0 #ffffff1f;transform:scale(calc(1 + var(--pulse) * .045));touch-action:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:box-shadow .18s linear;display:flex;position:absolute;inset:0}.orb:active{filter:brightness(1.15)}.glyph{width:26px;height:26px;fill:var(--ink);opacity:.9;margin-bottom:4px}.readout-main{font-family:var(--serif);letter-spacing:0;font-variant-numeric:lining-nums tabular-nums;font-size:clamp(40px,11vw,52px);font-weight:400;line-height:1}.readout-end{color:var(--muted);letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:12.5px}.presets{gap:10px;display:flex}.chip{min-width:64px;height:38px;color:var(--muted);background:#ffffff0f;border:1px solid #ffffff14;border-radius:19px;padding:0 18px;font-size:14px;font-weight:500;transition:background .25s,color .25s,border-color .25s}.chip[data-minutes="0"]{font-size:20px}.chip[aria-pressed=true]{color:#000;background:var(--accent);border-color:var(--accent)}.bottom{justify-content:space-between;align-self:end;align-items:center;min-height:44px;display:flex}.icon-btn{background:#ffffff0f;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.icon-btn svg{fill:none;width:22px;height:22px;stroke:var(--ink);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;opacity:.85}.icon-btn[hidden]{display:none}.bottom:has(#airplay[hidden]) .badge:not([hidden]){margin-right:44px}.badge{color:var(--accent);letter-spacing:.04em;background:rgba(var(--accent-rgb), .12);border-radius:14px;padding:6px 12px;font-size:12px}.top,.presets,.bottom,.glyph,.orb,.readout-main,.readout-end{transition:opacity 3s,background 3s,box-shadow 3s,border-color 3s}body.dim #scene{opacity:.82}body.dim .top,body.dim .presets,body.dim .bottom,body.dim .glyph{opacity:.8;pointer-events:none}body.dim .readout-main,body.dim .readout-end{opacity:.832}.sheet{z-index:10;touch-action:none;position:fixed;inset:0}.sheet[hidden]{display:none}.sheet-backdrop{opacity:0;background:#0009;transition:opacity .3s;position:absolute;inset:0}.sheet-panel{overscroll-behavior:contain;touch-action:pan-y;max-height:86dvh;padding:10px calc(var(--sar) + 22px) calc(var(--sab) + 26px) calc(var(--sal) + 22px);-webkit-user-select:text;user-select:text;background:linear-gradient(#14131a,#0b0b0f);border-top:1px solid #ffffff1a;border-radius:26px 26px 0 0;transition:transform .38s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.sheet.open .sheet-backdrop{opacity:1}.sheet.open .sheet-panel{transform:none}.sheet-grab{touch-action:none;background:#ffffff38;border-radius:3px;width:38px;height:5px;margin:0 auto 16px}.sheet h2{font-family:var(--serif);margin:0;font-size:28px;font-weight:400;line-height:1.15}.sheet .sci{color:var(--muted);margin:6px 0 14px;font-size:13.5px;line-height:1.45}.sheet .sono{object-fit:cover;background:#000;border:1px solid #ffffff14;border-radius:12px;width:100%;height:92px;margin-bottom:4px;display:block}.sheet .sono-cap{color:var(--muted);margin:0 0 14px;font-size:11px}.sheet dl{grid-template-columns:88px 1fr;gap:10px 12px;margin:0 0 16px;font-size:14px;line-height:1.4;display:grid}.sheet dt{color:var(--muted)}.sheet dd{margin:0}.sheet a{color:var(--accent);text-underline-offset:3px}.sheet .cta{text-align:center;background:rgba(var(--accent-rgb), .14);color:var(--accent);border-radius:14px;margin-bottom:14px;padding:13px 16px;font-weight:500;text-decoration:none;display:block}.sheet .fine{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.sheet .fine+.fine{margin-top:8px}@media (prefers-reduced-motion:reduce){*{transition-duration:10ms!important;animation-duration:10ms!important}.orb{transform:none}}