:root{--bg:#0b0b0d;--ink:#eae6dc;--ember:#ff4d00;--mono:"SF Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;margin:0;overflow:hidden}#eh-gl{width:100vw;height:100vh;animation:2s ease-out both eh-fade;display:block;position:fixed;inset:0}.grain{z-index:10;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:7s steps(8,end) infinite grain;position:fixed;inset:-100%}@keyframes grain{0%,to{transform:translate(0)}12.5%{transform:translate(-2%,3%)}25%{transform:translate(3%,-1%)}37.5%{transform:translate(-1%,-3%)}50%{transform:translate(2%,2%)}62.5%{transform:translate(-3%,1%)}75%{transform:translate(1%,3%)}87.5%{transform:translate(3%,-2%)}}.hud{z-index:20;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#eae6dc8c;-webkit-user-select:none;user-select:none;font-size:10px;animation:1.4s cubic-bezier(.22,1,.36,1) both eh-rise;position:fixed}.hud b{color:#eae6dce6;font-weight:500}.hud .ember,.headline .ember{color:var(--ember)}.hud-tl{top:28px;left:32px}.hud-tr{text-align:right;animation-delay:.1s;top:28px;right:32px}.hud-bl{animation-delay:.2s;bottom:28px;left:32px}.hud-br{text-align:right;animation-delay:.3s;bottom:28px;right:32px}a.hud{color:#eae6dc8c;text-decoration:none;transition:color .3s}a.hud:hover{color:var(--ember)}.eh-note-btn{z-index:20;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#eae6dc8c;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:0;font-size:10px;transition:color .3s;position:fixed;bottom:52px;left:32px}.eh-note-btn:hover,.eh-note-btn:focus-visible,.eh-note-btn[aria-expanded=true]{color:var(--ember)}.eh-note-panel{z-index:25;background:#0b0b0df0;border:1px solid #eae6dc38;width:min(560px,100vw - 64px);max-height:calc(100vh - 116px);padding:22px 26px 20px;position:fixed;bottom:84px;left:32px;overflow-y:auto}.eh-note-panel h2{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ember);margin:0 0 14px;font-size:10px;font-weight:400}.eh-note-panel p{font-family:var(--mono);color:#eae6dcb8;margin:0;font-size:11px;line-height:1.75}.eh-note-panel pre{border-left:2px solid var(--ember);background:#ff4d000f;margin:16px 0;padding:13px 16px;overflow-x:auto}.eh-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;justify-content:center;align-items:center;animation:1.8s cubic-bezier(.22,1,.36,1) .25s both eh-rise;display:flex;position:fixed;inset:0}.headline h1{letter-spacing:.01em;color:var(--ink);text-shadow:0 0 24px #000000e6,0 0 60px #000c;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(26px,4.2vw,46px);font-weight:400;transform:translateY(-.35em)}.headline p{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:#eae6dc80;margin:.4em 0 0;font-size:10px;transform:translateY(.9em)}@keyframes eh-fade{0%{opacity:0}to{opacity:1}}@keyframes eh-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.hud-bl,.hud-br{display:none}.hud-tl{top:20px;left:20px}.hud-tr{top:20px;right:20px}.headline p{letter-spacing:.22em;font-size:8px}.eh-note-btn{bottom:20px;left:20px}.eh-note-panel{width:calc(100vw - 32px);max-height:calc(100vh - 68px);padding:18px 20px 16px;bottom:48px;left:16px}}@media (prefers-reduced-motion:no-preference){.eh-note-btn{animation:1.4s cubic-bezier(.22,1,.36,1) .4s both eh-rise}.eh-note-panel{animation:.35s cubic-bezier(.22,1,.36,1) eh-rise}}@media (prefers-reduced-motion:reduce){.grain,#eh-gl,.hud,.headline{animation:none}}