:root{--bg: #05070b;--panel: #0b1017;--line: #1e2835;--line-2: #2a3747;--text: #e8edf2;--text-2: #b3bdc8;--text-3: #74818f;--copper: #d49a3a;--signal: #56d6c8;--alert: #ff6b5e;--sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}body.live{overflow:hidden}#world{position:fixed;inset:0;width:100vw;height:100vh;display:block;touch-action:none;cursor:grab}#world:active{cursor:grabbing}#labels{position:fixed;inset:0;pointer-events:none;z-index:1}#scrim{position:fixed;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#05070beb,#05070bc7 30%,#05070b00 52%)}body:not(.live) #scrim{display:none}.tag{font:500 12px var(--mono);color:var(--text);background:#05070bc7;border:1px solid var(--line-2);padding:4px 8px;white-space:nowrap;transform:translateY(-14px)}.tag.left{transform:translate(50%,-14px)}.tag.alert{color:#fff;border-color:var(--alert);background:#50100ce0}.bar{position:fixed;z-index:6;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:22px clamp(18px,4vw,56px);pointer-events:none}.bar a{pointer-events:auto;color:var(--text);text-decoration:none}.mark{font:600 16px var(--sans);letter-spacing:.01em}.bar-links{display:flex;gap:28px;font:600 15.5px var(--sans)}.bar-links a{color:var(--text);border-bottom:1px solid rgba(212,154,58,.6);padding-bottom:2px}.bar-links a:hover{color:var(--copper)}#panels{position:fixed;z-index:4;left:clamp(18px,4vw,56px);top:50%;transform:translateY(-50%);width:min(560px,44vw);height:min(76vh,760px);pointer-events:none}.panel{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;max-height:100%;overflow:auto;opacity:0;visibility:hidden;padding-right:10px;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}.panel.live{opacity:1;visibility:visible;pointer-events:auto;overflow:hidden auto}.kicker{display:flex;align-items:baseline;gap:14px;margin:0 0 14px;font:500 13px var(--mono);color:var(--copper)}.kicker span{color:var(--text-3)}.panel h1,.panel h2,.panel h3{margin:0;color:var(--text);font-family:var(--sans)}.panel h1{font-size:clamp(46px,5.6vw,76px);font-weight:700;line-height:.98;letter-spacing:-.02em;margin-bottom:22px}.panel h2{font-size:clamp(36px,3.8vw,54px);font-weight:700;line-height:1.02;letter-spacing:-.015em;margin-bottom:18px}.panel h3{font-size:18px;font-weight:600}.panel h3.sub{font-size:22px;margin-bottom:10px}.panel p,.panel li,.panel dd{font-size:16.5px;line-height:1.6;color:var(--text-2)}.panel p{margin:0 0 12px}.panel .lede{font-size:19px;line-height:1.55;color:var(--text)}.panel a{color:var(--text);text-decoration-color:#d49a3aa6;text-underline-offset:4px}.panel a:hover{color:var(--copper)}.part+.part,.lede+.part{margin-top:22px}.part+.part{padding-top:18px;border-top:1px solid var(--line)}.note{color:var(--text-3)!important;font-style:italic}.meta,.tech{font:400 13.5px var(--mono)!important;color:var(--text-3)!important}.meta{margin:3px 0 8px!important}.entry+.entry{margin-top:16px;padding-top:14px;border-top:1px dashed var(--line-2)}.entry ul{margin:6px 0 8px;padding-left:18px}.entry li{margin-bottom:7px;font-size:15.5px}.groups{display:grid;grid-template-columns:max-content 1fr;gap:10px 20px;margin:0}.groups dt{font:500 13.5px var(--mono);color:var(--copper);padding-top:4px}.groups dd{margin:0;color:var(--text)}.list{list-style:none;padding:0;margin:0}.list li{padding:12px 0;border-top:1px dashed var(--line-2)}.list li:first-child{border-top:0;padding-top:0}.list a{font-size:19px;font-weight:600}.list span{display:block;font-size:15.5px;color:var(--text-2);margin-top:3px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px!important}.btn{display:inline-block;padding:11px 18px;background:var(--copper);color:#120c04!important;border:1px solid var(--copper);font:600 15px var(--sans);text-decoration:none;cursor:pointer}.btn:hover{background:#e8b25a}.btn.ghost{background:transparent;color:var(--text)!important;border-color:var(--line-2)}.btn.ghost:hover{border-color:var(--copper);color:var(--copper)!important}.btn:disabled{opacity:.6;cursor:wait}.peaks{display:grid;margin-top:8px}.peak{display:grid;grid-template-columns:110px 84px 1fr auto;align-items:baseline;gap:12px;padding:14px 0;border-top:1px dashed var(--line-2)}.peak .k{font:500 14px var(--mono);color:var(--copper)}.peak b{font:700 30px var(--sans);color:var(--text)}.peak span{font-size:14px;color:var(--text-2);line-height:1.4}.peak a{font-size:14px}.email a{font:500 20px var(--mono);word-break:break-all}.links{display:flex;gap:18px;flex-wrap:wrap}.note-form{display:grid;gap:10px;margin-top:16px}.note-form .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.note-form label{display:grid;gap:5px;font:500 12.5px var(--mono);color:var(--text-3)}.note-form input,.note-form textarea{font:15px var(--sans);color:var(--text);background:#101722e6;border:1px solid var(--line-2);padding:9px 11px;resize:vertical}.note-form input:focus,.note-form textarea:focus{outline:1px solid var(--copper);border-color:var(--copper)}.note-form .btn{justify-self:start}.form-status{margin:0!important;font-size:14px!important}#prompt{position:fixed;z-index:5;left:50%;bottom:8vh;transform:translate(-50%);display:flex;align-items:center;gap:20px;padding:18px 26px;background:#0b1017f0;border:1px solid var(--line-2);transition:opacity .5s,transform .5s,padding .4s}#prompt.gone{opacity:0;transform:translate(-50%,16px);pointer-events:none}#prompt p{margin:0;display:grid;gap:4px;font:400 14px var(--mono);color:var(--text-3)}#prompt b{font:600 26px var(--sans);color:var(--text)}#prompt .tip{display:none}#prompt.small{padding:10px 16px;bottom:22px}#prompt.small b,#prompt.small .full{display:none}#prompt.small .tip{display:block;color:var(--text-2)}#prompt.small .keys kbd{width:26px;height:26px;font-size:14px}.keys{display:grid;gap:5px}.keys kbd{display:grid;place-items:center;width:38px;height:38px;font:600 18px var(--mono);color:var(--text);background:#121a25;border:1px solid var(--line-2);border-bottom-width:3px}.keys .down{color:#120c04;background:var(--copper);border-color:#a8761f;animation:press 1.6s ease-in-out infinite}@keyframes press{0%,60%,to{transform:translateY(0);border-bottom-width:3px}70%{transform:translateY(2px);border-bottom-width:1px}}#edge{position:fixed;z-index:6;left:50%;bottom:9vh;transform:translate(-50%,12px);max-width:min(640px,90vw);margin:0;padding:16px 22px;background:var(--panel);border:1px solid var(--copper);font:500 17px var(--sans);color:var(--text);text-align:center;opacity:0;pointer-events:none;transition:opacity .4s,transform .4s}#edge.on{opacity:1;transform:translate(-50%)}#hud{position:fixed;z-index:5;left:clamp(18px,4vw,56px);bottom:24px;display:flex;gap:34px}#hud div{display:grid;gap:3px}#hud span{font:400 12px var(--mono);color:var(--text-3)}#hud b{font:600 20px var(--mono);color:var(--text);font-variant-numeric:tabular-nums}body.still #hud{display:none}.hero-links{margin-top:26px!important}.hero-links .btn{padding:12px 20px;font-size:16px}#controls{position:fixed;z-index:5;right:clamp(18px,4vw,56px);bottom:26px;display:flex;align-items:center;gap:10px}#count{font:500 13px var(--mono);color:var(--text-3);margin-right:6px}.ctl{all:unset;cursor:pointer;width:40px;height:40px;display:grid;place-items:center;font:500 16px var(--mono);color:var(--text);background:var(--panel);border:1px solid var(--line-2)}.ctl:hover{border-color:var(--copper);color:var(--copper)}body.still #panels{position:static;transform:none;width:min(680px,100%);height:auto;margin:100px auto 60px;padding:0 18px;pointer-events:auto}body.still .panel{position:relative;top:0;transform:none;opacity:1;visibility:visible;max-height:none;margin-bottom:64px}body.still #controls,body.still #prompt,body.still #world,#prompt .touch,body.touch #prompt .desk,body.touch #prompt .keys{display:none}body.touch #prompt .touch{display:grid}@media (max-width: 820px){#scrim{background:linear-gradient(0deg,#05070be6,#05070b99 40%,#05070b00 58%)}#labels{display:none}.bar{padding:14px 16px}.mark{font-size:15px}.bar-links{gap:14px;font-size:13.5px}#panels{inset:auto 10px 62px;transform:none;width:auto;height:auto;display:flex;align-items:flex-end}.panel,.panel.live{position:relative;top:auto;transform:none;width:100%;max-height:min(58vh,520px);padding:16px 16px 14px;background:#090d13f0;border:1px solid var(--line);border-top:2px solid var(--copper);overscroll-behavior:contain}.kicker{font-size:12px;margin-bottom:8px}.panel h1{font-size:clamp(30px,9vw,40px);margin-bottom:12px}.panel h2{font-size:clamp(26px,7.5vw,34px);margin-bottom:10px}.panel h3.sub{font-size:18px}.panel p,.panel li,.panel dd{font-size:15px;line-height:1.5}.panel .lede{font-size:16px}.hero-links{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;margin-top:16px!important}.hero-links .btn{text-align:center;padding:10px 12px;font-size:15px}.actions .btn{padding:9px 14px;font-size:14px}.groups{grid-template-columns:1fr;gap:2px}.groups dd{margin-bottom:8px}.peak{grid-template-columns:1fr auto;gap:4px 10px;padding:10px 0}.peak span{grid-column:1 / -1}.peak b{font-size:24px}.email a{font-size:16px}.note-form .row{grid-template-columns:1fr}#prompt,#prompt.small{top:62px;bottom:auto;padding:9px 14px;gap:10px;white-space:nowrap}#prompt b{font-size:16px}#prompt .full{display:none}#prompt .keys kbd{width:26px;height:26px;font-size:14px}.keys{grid-auto-flow:column}#edge{top:62px;bottom:auto;font-size:15px;padding:12px 16px}#controls{right:10px;bottom:12px;gap:8px}.ctl{width:40px;height:40px}#hud{display:none}}@media (max-height: 560px) and (max-width: 1200px){#hud,#labels{display:none}#prompt,#prompt.small{inset:auto 200px 12px auto;transform:none;padding:8px 12px}.keys{grid-auto-flow:column}.keys kbd{width:28px;height:28px;font-size:14px}#prompt b{font-size:15px}#prompt .full{display:none}.panel h1{font-size:30px}.panel h2{font-size:26px}.panel .lede,.panel p{font-size:14.5px}.panel,.panel.live{background:#090d13f0;padding:14px 16px;border:1px solid var(--line);border-top:2px solid var(--copper)}}@media (max-width: 820px) and (max-height: 560px),(max-height: 560px) and (max-width: 1200px){#panels{transform:none;height:auto;inset:56px auto 10px 10px;width:52vw;align-items:stretch}.panel,.panel.live{max-height:100%}#controls{bottom:10px}}
