:root{--bg:#0b0d0c;--p:#141816;--l:#232a26;--g:#c6ff3d;--t:#e8eee9;--m:#8a958e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--t);font:15px/1.5 ui-monospace,Menlo,monospace}
header{display:flex;align-items:center;gap:24px;padding:14px 28px;border-bottom:1px solid var(--l);position:sticky;top:0;background:#0b0d0cee}.logo{color:var(--g);font-weight:800;letter-spacing:2px}nav{display:flex;gap:18px;flex:1}nav a{cursor:pointer;color:var(--m)}nav a.on,nav a:hover{color:var(--t)}.hd{display:flex;gap:10px;align-items:center}
.pill{border:1px solid var(--l);padding:4px 10px;border-radius:99px;font-size:12px;color:var(--m)}button{background:var(--g);color:#000;border:0;padding:10px 18px;font:700 13px ui-monospace,monospace;cursor:pointer;border-radius:4px}button.ghost{background:none;color:var(--t);border:1px solid var(--l)}
main{max-width:1100px;margin:auto;padding:40px 28px}.page{display:none}.page.on{display:block}.tag{color:var(--g);font-size:12px;letter-spacing:2px}h1{font-size:52px;line-height:1.1;margin:10px 0}h1 span{color:var(--g)}.sub{color:var(--m);max-width:680px}.row{display:flex;gap:12px;margin:24px 0}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--l);margin:30px 0}.stats div{padding:18px;border-right:1px solid var(--l)}.stats b{font-size:22px;display:block}small{color:var(--m);font-size:11px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card,.panel{background:var(--p);border:1px solid var(--l);padding:20px;border-radius:6px}.card h3{color:var(--g);margin:0}
.grid2{display:grid;grid-template-columns:320px 1fr;gap:16px}label{display:block;margin-bottom:14px;color:var(--m);font-size:13px}input,select{width:100%;margin-top:6px;background:#0b0d0c;color:var(--t);border:1px solid var(--l);padding:8px}canvas{width:100%;height:auto}
.demo{font-size:11px;color:#000;background:#ffb13d;padding:2px 6px;font-style:normal;vertical-align:middle}table{width:100%;border-collapse:collapse}td,th{padding:10px;border-bottom:1px solid var(--l);text-align:left}th{color:var(--m);font-size:12px}a{color:var(--g)}
.sum{font-size:13px;margin:10px 0;color:var(--m)}.sum b{color:var(--t)}.legend{color:var(--m);font-size:12px}.pos{background:var(--p);border:1px solid var(--l);padding:14px;margin:10px 0}.steps li{margin:10px 0}
footer{color:var(--m);text-align:center;padding:30px;font-size:12px}#toast{position:fixed;bottom:20px;right:20px;background:var(--g);color:#000;padding:10px 16px;display:none;border-radius:4px}
@media(max-width:800px){.grid2,.cards,.stats{grid-template-columns:1fr}nav{display:none}h1{font-size:34px}}