@font-face{font-family:Brutal Type;src:url(/fonts/BrutalType-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Brutal Type;src:url(/fonts/BrutalType-Black.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap}:root{--bg:#111111;--bg-soft:#1f1f1f;--surface:#202020;--wash:#252525;--panel:rgba(32,32,32,0.92);--border:#2e2e2e;--border-muted:#3a3a3a;--text:#f0ede8;--muted:#a0a0a0;--blue:#4b52c7;--orange:#fe7446;--orange-dark:#e5673f;--cyan:#14a6ef;--accent:var(--orange);--accent-2:var(--blue);--radius:8px;--radius-card:20px;--font-brutal:"Brutal Type","Space Grotesk",ui-sans-serif,system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--shadow-card:inset 0 1px 0 rgba(255,255,255,0.06),inset 0 0 0 1px rgba(255,255,255,0.07),0 4px 16px rgba(0,0,0,0.5);--shadow-btn:0 2px 4px rgba(0,0,0,0.5),inset 0 -2px 2px rgba(0,0,0,0.3),inset 0 2px 2px rgba(255,255,255,0.12)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg-soft)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-soft);border-radius:8px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent),var(--orange-dark));border-radius:8px;border:2px solid var(--bg-soft)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::-webkit-scrollbar-corner{background:var(--bg-soft)}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:15px;line-height:1.4;-webkit-font-smoothing:antialiased}body{background-image:radial-gradient(circle at 14% 10%,rgba(75,82,199,.16),transparent 42%),radial-gradient(circle at 88% 84%,rgba(254,116,70,.08),transparent 46%);min-height:100vh}a{color:var(--text);text-decoration:none;transition:color .12s ease}a:hover{color:var(--accent)}h1,h2,h3,h4{font-family:var(--font-brutal);font-weight:500;text-transform:uppercase;letter-spacing:-.01em;line-height:1.1;margin:0}.wrap{max-width:1320px;margin:0 auto;padding:24px 16px 64px}.site-header{gap:14px;flex-wrap:wrap}.logo,.site-header{display:flex;align-items:center}.logo{gap:10px}.logo-mark{width:34px;height:34px;flex-shrink:0}.brand{font-family:var(--font-mono);font-size:18px;font-weight:600;letter-spacing:-.01em}.brand .bracket{color:var(--accent)}.header-links{margin-left:auto;display:flex;gap:18px;font-size:13px}.header-links a{color:var(--muted)}.header-links a:hover{color:var(--text)}.hero{margin:30px 0 18px}.hero h1{font-size:clamp(30px,5vw,48px);line-height:1.05;margin:0 0 14px;max-width:820px}.hero h1 .grad{color:var(--accent)}.hero p{color:var(--muted);font-size:15px;max-width:700px;margin:0;line-height:1.5}.controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:22px 0 14px}.seg{display:inline-flex;background:var(--bg-soft);border:1px solid var(--border);border-radius:999px;padding:3px}.seg button{border:none;background:none;color:var(--muted);font-family:var(--font-mono);font-size:13px;font-weight:500;padding:7px 16px;border-radius:999px;cursor:pointer;transition:all .15s}.seg button.active{background:var(--accent);color:#111111;box-shadow:var(--shadow-btn)}.addr-form{display:flex;gap:8px;flex:1 1;min-width:240px}.addr-form input{flex:1 1;background:var(--bg-soft);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:9px 12px;font-size:13px;font-family:var(--font-mono);outline:none}.addr-form input:focus{border-color:var(--blue)}.btn{background:var(--bg-soft);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:9px 16px;font-family:var(--font-mono);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.btn:hover:not(:disabled){border-color:var(--blue)}.btn.primary{background:var(--accent);color:#111111;border-color:var(--accent);box-shadow:var(--shadow-btn)}.btn:disabled{opacity:.5;cursor:not-allowed}.graph-shell{position:relative;border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden;background:var(--bg);box-shadow:var(--shadow-card)}.statbar{display:flex;gap:22px;flex-wrap:wrap;margin:14px 2px 0;font-size:13px;color:var(--muted)}.statbar b{color:var(--text)}.compose{margin-top:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:18px;box-shadow:var(--shadow-card)}.compose h3{margin:0 0 4px;font-size:15px}.compose .sub{color:var(--muted);font-size:12.5px;margin:0 0 12px}.compose-row{display:flex;gap:8px;flex-wrap:wrap}.compose textarea{flex:1 1;min-width:260px;min-height:44px;background:var(--bg-soft);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:10px 12px;font-size:14px;font-family:var(--font-mono);resize:vertical;outline:none}.compose textarea:focus{border-color:var(--blue)}.compose select{background:var(--bg-soft);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:0 12px;font-size:13px;font-family:var(--font-mono);outline:none}.toast{margin-top:10px;font-size:13px}.toast.ok{color:#4ade80}.toast.err{color:#f87171}.legend-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:14px;gap:14px;margin-top:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:16px 18px;box-shadow:var(--shadow-card)}.card h4{margin:0 0 10px;font-size:13px;letter-spacing:.01em;color:var(--text)}.card li,.card p{color:var(--muted);font-size:12.5px;line-height:1.5}.card ul{margin:0;padding-left:16px}.foot{margin-top:44px;padding-top:18px;border-top:1px solid var(--border);color:var(--muted);font-size:12.5px;line-height:1.6}code.inline{background:var(--bg-soft);border:1px solid var(--border);border-radius:6px;padding:1px 6px;font-family:var(--font-mono);font-size:12px;color:var(--accent)}