:root{--ink:#e8eadf;--muted:#969b8c;--ground:#0b0d0c;--panel:#121512;--line:#30372d;--acid:#c7ff2f;--warn:#ffb347;--mono:"IBM Plex Mono","Courier New",monospace;--serif:"Iowan Old Style","Baskerville",Georgia,serif}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--mono);font-size:14px;background-image:linear-gradient(rgba(199,255,47,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(199,255,47,.025) 1px,transparent 1px);background-size:32px 32px}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:var(--acid);color:#000;padding:.7rem;z-index:3}header{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 2rem}.wordmark{display:flex;align-items:center;gap:.8rem;letter-spacing:.08em}.wordmark small{color:var(--muted);border-left:1px solid var(--line);padding-left:.8rem}.signal{width:10px;height:10px;background:var(--acid);box-shadow:0 0 18px var(--acid)}.connection{font-size:.72rem;color:var(--warn);border:1px solid currentColor;padding:.4rem .65rem}.shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 72px)}nav{border-right:1px solid var(--line);padding:2rem 1rem;display:flex;flex-direction:column;gap:.35rem}nav button{all:unset;cursor:pointer;padding:.8rem 1rem;color:var(--muted);border-left:2px solid transparent}nav button:hover,nav button:focus-visible,nav button.active{color:var(--ink);background:#171b16;border-left-color:var(--acid)}main{padding:clamp(2rem,5vw,6rem);max-width:1100px}.panel{border-top:1px solid var(--line);padding-top:2rem}.view{display:none}.view.active{display:block;animation:enter .25s ease-out}.auth{margin-bottom:3rem;border:1px solid var(--line);padding:2rem;background:var(--panel)}body.connected .auth{display:none}.eyebrow{color:var(--acid);letter-spacing:.15em;font-size:.72rem}h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.4rem,5vw,5rem);letter-spacing:-.045em;margin:.25rem 0 1.5rem;line-height:.95}label,legend{display:block;color:var(--muted);font-size:.78rem;margin-bottom:.5rem}.inline{display:flex;max-width:720px}.inline input{flex:1}.stack{display:grid;gap:.7rem;max-width:540px;margin-bottom:2rem}input,select,button{font:inherit}input,select{background:#090b09;border:1px solid var(--line);color:var(--ink);padding:.85rem 1rem;min-width:0}input:focus,select:focus{outline:2px solid var(--acid);outline-offset:2px}button{background:var(--acid);color:#0a0c09;border:0;padding:.85rem 1.2rem;font-weight:700;cursor:pointer}button:hover{filter:brightness(.86)}.load{background:transparent;color:var(--acid);border:1px solid var(--acid);margin:1rem 0}.result{margin-top:2rem;border:1px solid var(--line);background:rgba(9,11,9,.9);min-height:90px;padding:1.25rem;overflow:auto}.result pre{white-space:pre-wrap;margin:0;color:#bdc4b3}.empty{color:var(--muted)}.warning{color:var(--warn)}fieldset{border:1px solid var(--line);display:flex;gap:1rem}fieldset label{color:var(--ink)}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:760px){header{padding:0 1rem}.wordmark small{display:none}.shell{display:block}nav{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;overflow:auto;padding:.6rem}nav button{white-space:nowrap}main{padding:2rem 1rem}.inline{display:grid;gap:.6rem}h1{font-size:2.6rem}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}