:root{--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--space-4xl:144px;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.2rem;--text-xl:1.44rem;--text-2xl:1.728rem;--text-3xl:2.074rem;--text-display-s:1.44rem;--text-display:1.728rem;--text-section:1.2rem;--text-title:1rem;--text-lead:1rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--color-paper:#14110e;--color-paper-2:#1d1713;--color-paper-3:#25211b;--color-ink:#f2eee6;--color-ink-2:#e1d6c2;--color-muted:#b4aa96;--color-rule:#f2eee629;--color-rule-strong:#f2eee64d;--color-accent:#f7ac4d;--color-accent-hover:#ffc478;--color-accent-ink:#1a120a;--color-accent-wash:#f7ac4d24;--color-focus:#fcd176;--color-error:#f59d87;--color-success:#a5d89a;--color-scrim:#110c09d1;--color-scrim-strong:#110c09eb;--color-shade:#05030299;--font-display:"Iowan Old Style", Palatino, "Palatino Linotype", Georgia, serif;--font-body:"Iowan Old Style", Palatino, "Palatino Linotype", Georgia, serif;--font-outlier:var(--font-body);--radius-card:4px;--radius-control:4px;--radius-pill:999px;--rule-hair:1px;--shadow-card:0 8px 24px #01000080;--tracking-display:0;--control:40px;--hit:44px;--sheet:26rem;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-sticky-nav:300;--z-modal:400;--z-toast:500;--z-tooltip:600}@supports (color:lab(0% 0 0)){:root{--color-paper:lab(5.2682% .761367 2.04813);--color-paper-2:lab(8.33118% 2.15461 3.80452);--color-paper-3:lab(12.9997% 1.50362 4.41874);--color-ink:lab(94.2476% .352293 4.58145);--color-ink-2:lab(86.1884% 1.06597 11.5901);--color-muted:lab(69.9453% 1.12078 11.6351);--color-rule:lab(94.2476% .352293 4.58145/.16);--color-rule-strong:lab(94.2476% .352293 4.58145/.3);--color-accent:lab(76.5561% 21.8102 58.7346);--color-accent-hover:lab(83.6575% 16.4791 48.4694);--color-accent-ink:lab(6.18183% 2.42477 5.25356);--color-accent-wash:lab(76.5561% 21.8102 58.7346/.14);--color-focus:lab(86.3231% 7.54684 50.6262);--color-error:lab(73.5996% 31.7235 25.9266);--color-success:lab(81.4989% -25.86 25.1815);--color-scrim:lab(3.68517% 1.10278 1.83178/.82);--color-scrim-strong:lab(3.68517% 1.10278 1.83178/.92);--color-shade:lab(.896511% .456087 .682038/.6);--shadow-card:0 8px 24px lab(.110571% .130355 .149465/.5)}}*,:before,:after{box-sizing:border-box}html,body{height:100%;overflow:clip}html{scrollbar-color:var(--color-muted) var(--color-paper);scroll-padding-top:var(--space-3xl)}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);-webkit-font-smoothing:antialiased;caret-color:var(--color-accent);margin:0;line-height:1.55}::selection{background:color-mix(in oklab, var(--color-accent) 22%, transparent);color:var(--color-ink)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}a{color:inherit;text-underline-offset:.16em;text-decoration-thickness:1px}h1,h2,h3{font-family:var(--font-display);font-weight:var(--display-weight,700);font-synthesis:none;letter-spacing:var(--tracking-display);overflow-wrap:break-word;text-wrap:balance;min-width:0;margin:0;line-height:1.05}h1{max-width:20ch;font-size:var(--text-display)}h2{max-width:30ch;font-size:var(--text-section)}h3{max-width:40ch;font-size:var(--text-title);line-height:1.2}.lead{font-size:var(--text-lead);max-width:52ch;line-height:1.45}p{text-wrap:pretty;margin:0}p:not([class]){max-width:65ch}img,video{max-width:100%;height:auto;display:block}svg{display:block}[hidden]{display:none!important}button,input,select,textarea{font:inherit}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);box-sizing:border-box;margin-inline:auto}.num,.figure,td.num{font-variant-numeric:tabular-nums}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-slot]{background:linear-gradient(160deg, var(--color-paper-2,var(--color-paper)), var(--color-paper-3,var(--color-paper)));position:relative;overflow:hidden}[data-slot]>img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}[data-slot]:has(>img)>:not(img):not([data-keep]){display:none!important}@media (max-width:60rem){:root{--gutter:24px;--section-gap-s:80px;--section-gap:96px;--section-gap-l:120px}}@media (max-width:40rem){:root{--gutter:16px;--section-gap-s:56px;--section-gap:72px;--section-gap-l:96px;--gap-columns:16px}}@media (prefers-reduced-motion:reduce){:not(.keep-motion),:not(.keep-motion):before,:not(.keep-motion):after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}canvas{display:block}#splash{z-index:var(--z-modal);background:var(--color-paper);color:var(--color-ink-2);place-items:center;display:grid;position:fixed;inset:0}#hud{z-index:var(--z-raised);top:var(--space-md);left:var(--space-md);gap:var(--space-xs);width:min(22rem, calc(100% - 2 * var(--space-md)));padding:var(--space-md);background:var(--color-scrim);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);font-size:var(--text-sm);display:grid;position:fixed}body:not(.debug) #hud{display:none}#hud h1{font-size:var(--text-lg)}#hud p{color:var(--color-ink-2)}#hud label{gap:var(--space-2xs);font-size:var(--text-sm);color:var(--color-muted);display:grid}#hud select{min-height:var(--control);padding:0 var(--space-xs);color:var(--color-ink);background:var(--color-paper-3);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-control)}#screens{z-index:var(--z-raised);pointer-events:none;position:fixed;inset:0}#screens>*{pointer-events:auto}.hidden{display:none!important}.screen{position:absolute;inset:0}.num{font-variant-numeric:tabular-nums}.meta{font-size:var(--text-sm);color:var(--color-muted)}.btn{justify-content:center;align-items:center;gap:var(--space-xs);min-height:var(--control);padding:0 var(--space-lg);color:var(--color-ink);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-control);font-size:var(--text-md);cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out), border-color var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);background:0 0;line-height:1;display:inline-flex}.btn:hover:not(:disabled){background:var(--color-accent-wash);border-color:var(--color-accent)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{color:var(--color-muted);background:var(--color-paper-3);border-color:var(--color-rule);cursor:not-allowed}.btn-primary{color:var(--color-accent-ink);background:var(--color-accent);border-color:var(--color-accent);font-weight:600}.btn-primary:hover:not(:disabled){color:var(--color-accent-ink);background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-primary:disabled{color:var(--color-muted);background:var(--color-paper-3);border-color:var(--color-rule)}.btn-quiet{padding:0 var(--space-sm);color:var(--color-ink-2);border-color:#0000}.btn-icon{width:var(--hit);height:var(--hit);flex:none;padding:0}.btn svg{fill:currentColor;width:1.25em;height:1.25em}@media (pointer:coarse){.btn{min-height:var(--hit)}}.sheet{width:min(var(--sheet), 100%);background:var(--color-scrim-strong);border-right:var(--rule-hair) solid var(--color-rule);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:absolute;inset:0 auto 0 0}.masthead{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);display:flex}.masthead img{object-fit:cover;border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-card);width:56px;height:56px;image-rendering:pixelated;flex:none}.masthead h1{font-size:var(--text-xl)}.tracks{padding:0 var(--space-md);overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;margin:0;list-style:none;overflow-y:auto}.tracks>li{border-top:var(--rule-hair) solid var(--color-rule)}.tracks>li:last-child{border-bottom:var(--rule-hair) solid var(--color-rule)}.track{align-items:center;gap:var(--space-sm);width:100%;min-height:52px;padding:var(--space-2xs) var(--space-sm);color:var(--color-ink);text-align:left;font-size:var(--text-lg);cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out), border-color var(--dur-micro) var(--ease-out);background:0 0;border:0;grid-template-columns:2rem 40px minmax(0,1fr);display:grid}.track:hover:not(:disabled){background:var(--color-accent-wash)}.track:active:not(:disabled){background:var(--color-paper-3)}.track:disabled{color:var(--color-muted);cursor:not-allowed}.track[aria-expanded=true]{background:var(--color-paper-3)}.track .n{font-size:var(--text-sm);color:var(--color-muted);font-variant-numeric:tabular-nums}.track[aria-expanded=true] .n{color:var(--color-accent)}.track img{width:40px;height:40px;image-rendering:pixelated;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card)}.track .t{overflow-wrap:break-word;min-width:0;line-height:1.2}.detail{gap:var(--space-sm) var(--space-md);padding:var(--space-sm) var(--space-md) var(--space-md);background:var(--color-paper-3);grid-template-columns:96px minmax(0,1fr);display:grid}.detail .cover{object-fit:cover;border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-card);background:var(--color-paper-2);width:96px;height:96px}.detail .act{align-content:space-between;gap:var(--space-sm);min-width:0;display:grid}.detail .intro{font-size:var(--text-sm);color:var(--color-ink-2);grid-column:1/-1;max-width:none;line-height:1.55}.load{background:var(--color-rule);border-radius:var(--radius-pill);height:4px;overflow:hidden}.load i{background:var(--color-accent);height:100%;transform:scaleX(var(--f,0));transform-origin:0;transition:transform var(--dur-short) var(--ease-out);display:block}.load.done i{background:var(--color-success)}.load.failed i{background:var(--color-error)}.state{min-height:1lh;font-size:var(--text-sm);color:var(--color-muted)}.state[data-failed]{color:var(--color-error)}.sheet-foot{padding:var(--space-md)}.sheet-foot .btn{width:100%}.card{place-content:center;justify-items:center;gap:var(--space-xs);text-align:center;pointer-events:none;display:grid}.card h2{font-size:var(--text-3xl);max-width:22ch}.card .meta{font-size:var(--text-md);color:var(--color-ink-2)}.count{color:var(--color-accent);font-variant-numeric:tabular-nums;pointer-events:none;place-items:center;font-size:min(34vh,34vw);font-weight:600;line-height:1;display:grid;position:absolute;inset:0}.count.beat{animation:beat var(--dur-long) var(--ease-out)}@keyframes beat{0%{opacity:.35;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.transport{left:50%;bottom:max(var(--space-md), env(safe-area-inset-bottom));gap:var(--space-2xs);width:min(52rem, calc(100% - 2 * var(--space-md)));padding:var(--space-xs) var(--space-md) var(--space-sm);background:var(--color-scrim-strong);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);transition:opacity var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out);display:grid;position:absolute;transform:translate(-50%)}.js .transport:not(.up){opacity:0;transform:translate(-50%, var(--space-md));pointer-events:none}.transport .row{align-items:center;gap:var(--space-sm);display:flex}.transport .now{flex:1;min-width:0;display:grid}.transport .now b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.transport .time{font-size:var(--text-sm);color:var(--color-muted);font-variant-numeric:tabular-nums}.scrub{--p:0%;width:100%;height:var(--space-lg);cursor:pointer;appearance:none;background:0 0;margin:0}.scrub::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:linear-gradient(to right, var(--color-accent) var(--p), var(--color-rule-strong) var(--p));height:4px}.scrub::-moz-range-track{border-radius:var(--radius-pill);background:var(--color-rule-strong);height:4px}.scrub::-moz-range-progress{border-radius:var(--radius-pill);background:var(--color-accent);height:4px}.scrub::-webkit-slider-thumb{-webkit-appearance:none;border-radius:var(--radius-pill);background:var(--color-ink);border:0;width:14px;height:14px;margin-top:-5px}.scrub::-moz-range-thumb{border-radius:var(--radius-pill);background:var(--color-ink);border:0;width:14px;height:14px}.scrub:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.thanks{inset:auto auto var(--space-lg) var(--space-lg);gap:var(--space-md);width:min(30rem, calc(100% - 2 * var(--space-lg)));padding:var(--space-md);background:var(--color-scrim-strong);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);grid-template-columns:88px minmax(0,1fr);align-items:center;display:grid}.thanks img{object-fit:cover;border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-card);width:88px;height:88px}.thanks .words{gap:var(--space-2xs);display:grid}.thanks h2{font-size:var(--text-xl)}.thanks .btn{grid-column:1/-1}.chat{width:min(var(--sheet), 100%);background:var(--color-scrim-strong);border-left:var(--rule-hair) solid var(--color-rule);grid-template-rows:auto minmax(0,1fr) auto auto;display:grid;position:absolute;inset:0 0 0 auto}.chat-head{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-lg) var(--space-md);display:flex}.chat-head h2{font-size:var(--text-xl)}.log{padding:0 var(--space-lg);align-content:start;gap:var(--space-md);overscroll-behavior:contain;min-height:0;margin:0;list-style:none;display:grid;overflow-y:auto}.log li{gap:var(--space-2xs);padding-left:var(--space-sm);border-left:2px solid var(--color-rule);display:grid}.log li.you{border-left-color:var(--color-accent)}.log .who{font-size:var(--text-sm);color:var(--color-muted)}.log li.you .who{color:var(--color-accent)}.log .say{overflow-wrap:break-word;line-height:1.5}.chat-note{min-height:1lh;padding:var(--space-xs) var(--space-lg) 0;font-size:var(--text-sm);color:var(--color-error);margin:0}.compose{gap:var(--space-xs);padding:var(--space-xs) var(--space-lg) var(--space-lg);grid-template-columns:minmax(0,1fr) auto;display:grid}.compose input{min-width:0;min-height:var(--hit);padding:0 var(--space-sm);color:var(--color-ink);background:var(--color-paper-2);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-control);font-size:var(--text-md)}.compose input::placeholder{color:var(--color-muted)}.compose input:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px;border-color:var(--color-focus)}.compose input:disabled{color:var(--color-muted);background:var(--color-paper-3);cursor:not-allowed}.compose .btn{min-height:var(--hit)}@media (max-width:60rem),(max-aspect-ratio:1){.sheet,.chat{border-left:0;border-right:0;border-top:var(--rule-hair) solid var(--color-rule);width:auto;max-height:70dvh;inset:auto 0 0}.sheet{grid-template-rows:auto minmax(0,1fr) auto}.masthead{padding:var(--space-md) var(--space-md) var(--space-sm)}.masthead img{width:44px;height:44px}.detail{grid-template-columns:80px minmax(0,1fr)}.detail .cover{width:80px;height:80px}.chat{height:62dvh}.chat-head,.log,.chat-note,.compose{padding-inline:var(--space-md)}.thanks{inset:auto var(--space-md) var(--space-md) var(--space-md);width:auto}.transport .time{display:none}.card h2{font-size:var(--text-2xl)}}