:root{--bg:#0b0b0d;--ink:#eae6dc;--ember:#ff4d00;--mono:"JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, Menlo, monospace;--serif:"Instrument Serif", "Instrument Serif Fallback", Georgia, serif;--lab-bg:var(--bg);--lab-ink:var(--ink);--lab-accent:var(--ember);--lab-font-ui:var(--mono);--lab-font-display:var(--serif)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);margin:0;overflow:hidden}#st-gl{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#st-gl:focus-visible{outline-offset:-3px}.lc[data-skin~=st] .lc-pill:hover,.lc[data-skin~=st] .lc-note[aria-expanded=true]{color:var(--ember)}.st-note-panel{top:calc(var(--lab-inset) + 92px);right:var(--lab-inset);z-index:calc(var(--lab-chrome-z) + 1);width:min(560px, calc(100vw - 2 * var(--lab-inset)));max-height:calc(100vh - 2 * var(--lab-inset) - 92px);background:#0b0b0df0;border:1px solid #ff4d0059;padding:20px 24px 18px;position:fixed;overflow-y:auto;box-shadow:0 0 40px #ff4d0014}.st-note-panel h2{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ember);margin:0 0 14px;font-size:11px;font-weight:500}.st-note-panel p{font-family:var(--mono);color:#eae6dcbd;margin:0;font-size:12px;line-height:1.75}.st-note-panel p+p{margin-top:12px}.st-note-panel pre{border-left:2px solid var(--ember);background:#ff4d000f;margin:16px 0;padding:13px 16px;overflow-x:auto}.st-note-panel code{font-family:var(--mono);color:#ebf0f6e0;font-size:11px;line-height:1.7}.headline{z-index:15;pointer-events:none;flex-direction:column;align-items:center;padding-top:14vh;display:flex;position:fixed;inset:0}.headline h1{font-family:var(--serif);letter-spacing:.005em;color:var(--ink);-webkit-font-smoothing:antialiased;text-shadow:0 0 24px #000000e6,0 0 60px #000c;margin:0;font-size:clamp(32px,4.6vw,54px);font-weight:400;line-height:1.05}.headline p{font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;color:#eae6dc8c;margin:14px 0 0;font-size:11px;font-weight:500}.headline .ember{color:var(--ember)}.sound-pill{bottom:calc(64px + env(safe-area-inset-bottom,0px));z-index:var(--lab-chrome-z);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--ember);border:1px solid var(--ember);white-space:nowrap;cursor:pointer;transition:background-color var(--lab-dur) var(--lab-ease), color var(--lab-dur) var(--lab-ease);background:#0b0b0dd9;border-radius:0;padding:10px 20px;font-size:11px;font-weight:500;line-height:1.2;position:fixed;left:50%;transform:translate(-50%)}.sound-pill[aria-pressed=true]{background:linear-gradient(#ff4d0024,#ff4d0024),#0b0b0de6}.sound-pill:hover{background:var(--ember);color:var(--bg)}.hint{bottom:calc(34px + env(safe-area-inset-bottom,0px));z-index:30;font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#eae6dca3;white-space:nowrap;pointer-events:none;margin:0;font-size:10px;font-weight:500;position:fixed;left:50%;transform:translate(-50%)}.hint-text{transition:opacity 1s;display:inline-block}.hint.gone .hint-text{opacity:0}.js:not(.lc-loading) #st-gl{animation:1.6s ease-out both st-fade}.js:not(.lc-loading) .headline{animation:st-rise 1.8s var(--lab-ease) .25s both}.js:not(.lc-loading) .sound-pill{animation:st-rise-centred 1.4s var(--lab-ease) .5s both}.js:not(.lc-loading) .hint{animation:st-rise-centred 1.4s var(--lab-ease) .7s both}@keyframes st-fade{0%{opacity:0}to{opacity:1}}@keyframes st-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes st-rise-centred{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (width<=640px){.headline{padding-top:16vh}.headline p{letter-spacing:.2em;font-size:10px}.sound-pill{bottom:calc(78px + env(safe-area-inset-bottom,0px));letter-spacing:.13em;padding:10px 14px}.hint{bottom:calc(44px + env(safe-area-inset-bottom,0px));letter-spacing:.14em}.st-note-panel{top:calc(var(--lab-inset) + 80px);max-height:calc(100vh - 2 * var(--lab-inset) - 80px);padding:18px 20px 16px}.st-note-panel pre{white-space:pre-wrap;overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){html.js #st-gl,html.js .headline,html.js .sound-pill,html.js .hint{opacity:1;animation:none}.hint-text{transition:none}}
