:root{
 --bg:#030402;--bg2:#060805;--ink:#e3dfd2;--muted:#858a78;--acid:#d8ff3f;
 --line:rgba(216,255,63,.30);--line2:rgba(216,255,63,.13);--mono:"Cascadia Mono",Consolas,"Courier New",monospace;
}
*{box-sizing:border-box}
html{background:var(--bg);color-scheme:dark}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--mono);font-size:16px}
a{color:inherit}button,input,textarea,select{font:inherit}
button{cursor:pointer}
.hidden{display:none!important}
::selection{background:var(--acid);color:#030402}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:
linear-gradient(rgba(216,255,63,.04) 1px,transparent 1px),
linear-gradient(90deg,rgba(216,255,63,.04) 1px,transparent 1px);background-size:42px 42px}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.17) 50%);background-size:100% 4px}
.shell{min-height:100vh}
.topline{height:52px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 26px;border-bottom:1px dashed var(--line);background:rgba(3,4,2,.95);position:sticky;top:0;z-index:90;backdrop-filter:blur(8px);font-size:11px;letter-spacing:.11em;color:var(--muted)}
.topline b{color:var(--acid)}.topline .mid{text-align:center}.topline .right{text-align:right}
.nav{display:flex;justify-content:center;overflow:auto;border-bottom:1px dashed var(--line);background:rgba(6,8,5,.82)}
.nav a{padding:17px 28px;text-decoration:none;font-size:11px;letter-spacing:.11em;color:#9aa086;border-right:1px dashed var(--line2);white-space:nowrap}
.nav a:first-child{border-left:1px dashed var(--line2)}
.nav a:hover,.nav a.active{color:var(--acid);background:rgba(216,255,63,.04)}
.frame{position:relative;border:1px dashed var(--line);background:rgba(6,8,5,.43)}
.frame::before{content:"+";position:absolute;left:-6px;top:-9px;color:var(--acid);background:var(--bg);padding:0 1px}
.frame::after{content:"+";position:absolute;right:-6px;bottom:-9px;color:var(--acid);background:var(--bg);padding:0 1px}
.home{padding:26px;display:grid;gap:20px}
.hero{min-height:72vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:20px}
.hero-left{padding:clamp(34px,5vw,76px);display:flex;flex-direction:column;justify-content:center}
.kicker{color:var(--acid);font-size:12px;letter-spacing:.15em;margin-bottom:22px}
.kicker::after{content:"_";margin-left:6px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.brand{margin:0;font-size:clamp(68px,9vw,150px);line-height:.82;letter-spacing:-.07em}
.subbrand{margin:26px 0 0;color:var(--acid);font-size:clamp(17px,1.7vw,26px);letter-spacing:.18em}
.lede{max-width:760px;margin:30px 0 28px;color:#a2a795;font-size:14px;line-height:1.85}
.big-actions{display:flex;flex-wrap:wrap;gap:12px}
.bigbtn{border:1px dashed rgba(216,255,63,.48);background:transparent;color:var(--acid);padding:17px 22px;text-decoration:none;font-size:12px;letter-spacing:.1em}
.bigbtn:hover{background:var(--acid);color:#030402}
.hero-ascii{padding:26px;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}
.hero-ascii pre{margin:auto;max-width:100%;overflow:hidden;color:#d0d9ac;font-size:clamp(8px,.78vw,12px);line-height:1.22;white-space:pre;text-shadow:0 0 15px rgba(216,255,63,.17)}
.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px dashed var(--line);margin:22px -26px -26px}
.hero-stats div{padding:16px;border-right:1px dashed var(--line2);font-size:9px;color:var(--muted)}
.hero-stats div:last-child{border-right:0}
.hero-stats b{display:block;color:var(--acid);margin-top:8px;font-size:13px;font-weight:600}
.section-title{margin:6px 0 0;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.section-title h2{margin:0;font-size:18px;letter-spacing:.08em;color:var(--acid)}
.section-title span{font-size:10px;color:var(--muted)}
.modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.module{min-height:330px;padding:28px;display:flex;flex-direction:column}
.module .num{font-size:10px;color:var(--acid);letter-spacing:.14em}
.module h3{font-size:30px;margin:18px 0 12px;letter-spacing:-.03em}
.module p{font-size:13px;line-height:1.75;color:#9aa08e;max-width:620px}
.module pre{font-size:10px;line-height:1.2;color:#d3dba9;overflow:auto;max-height:170px}
.module .module-action{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap}
.smallbtn{border:1px dashed var(--line);background:transparent;color:var(--acid);padding:13px 16px;font-size:10px;letter-spacing:.09em}
.smallbtn:hover{border-color:var(--acid);background:rgba(216,255,63,.04)}
.live-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}
.terminal{display:grid;grid-template-rows:auto 1fr auto;min-height:500px}
.terminal-bar{padding:14px 16px;border-bottom:1px dashed var(--line);display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}
.terminal-log{padding:20px;overflow:auto;max-height:430px}
.msg{margin-bottom:18px}.msg .who{font-size:10px;letter-spacing:.1em;color:var(--acid);margin-bottom:6px}.msg p{margin:0;font-size:13px;line-height:1.7;color:#c0c5b2}.msg.user p{color:#969b88}
.terminal-input{display:grid;grid-template-columns:auto 1fr auto;border-top:1px dashed var(--line);align-items:center}
.terminal-input span{padding:0 14px;color:var(--acid);font-size:16px}.terminal-input input,.terminal-input textarea{min-width:0;border:0;background:transparent;color:var(--ink);outline:0;padding:15px 0;font-size:13px;resize:none}
.terminal-input button{height:100%;border:0;border-left:1px dashed var(--line);background:transparent;color:var(--acid);padding:0 18px;font-size:10px}
.feed{padding:18px;min-height:500px}
.feed h3{margin:0 0 18px;font-size:11px;color:var(--acid);letter-spacing:.1em}
.feed-lines{font-size:10px;line-height:1.85;color:#969c87}
.feed-lines b{color:var(--acid);font-weight:500}
.page{max-width:1360px;margin:auto;padding:72px 34px 110px}
.page-head{display:grid;grid-template-columns:1fr 360px;gap:36px;padding-bottom:38px;border-bottom:1px dashed var(--line)}
.page h1{font-size:clamp(46px,6vw,88px);line-height:.9;letter-spacing:-.05em;margin:14px 0}
.page p{font-size:13px;line-height:1.8;color:#9aa08e}
.telemetry{padding:20px;border:1px dashed var(--line)}
.telemetry div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px dashed var(--line2);font-size:10px}
.telemetry div:last-child{border-bottom:0}.telemetry span{color:var(--muted)}.telemetry b{color:var(--acid);font-weight:500}
.grid{display:grid;grid-template-columns:repeat(2,1fr);border-left:1px dashed var(--line);border-top:1px dashed var(--line);margin-top:34px}
.card{min-height:220px;padding:24px;text-decoration:none;border-right:1px dashed var(--line);border-bottom:1px dashed var(--line);background:rgba(6,8,5,.28)}
.card:hover{background:rgba(216,255,63,.035)}
.card small{color:var(--acid);font-size:10px}.card h2{font-size:24px;margin:24px 0}.meta{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.meta span{font-size:9px;color:var(--muted)}.meta b{display:block;margin-top:6px;color:#afb59f;font-weight:500}
.record{display:grid;grid-template-columns:repeat(2,1fr);border-left:1px dashed var(--line);border-top:1px dashed var(--line);margin-top:32px}
.record div{min-height:110px;padding:24px;border-right:1px dashed var(--line);border-bottom:1px dashed var(--line)}.record small{display:block;color:var(--muted);font-size:9px;margin-bottom:12px}.record b{color:var(--acid);font-size:14px}
.room-ascii{padding:26px;margin-top:32px;overflow:auto}.room-ascii pre{font-size:11px;line-height:1.25;color:#d8ff3f}
.fragment{padding:26px;margin-top:26px}.fragment blockquote{font-size:13px;line-height:1.8;color:#c8c4b8}
.modal{position:fixed;inset:0;z-index:220;display:grid;place-items:center;background:rgba(1,2,1,.95);padding:24px}
.modalbox{width:min(900px,100%);max-height:90vh;overflow:auto;padding:32px}
.modalbox h2{font-size:34px;margin:12px 0 20px}
.modalbox p{font-size:13px;line-height:1.8;color:#9ba18f}
.modalbox pre{font-size:11px;line-height:1.2;color:var(--acid);overflow:auto}
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.choice-grid button{border:1px dashed var(--line);background:transparent;color:#aeb49d;padding:16px;font-size:11px}
.choice-grid button:hover{border-color:var(--acid);color:var(--acid)}
.task-list{display:grid;gap:12px}.task{padding:16px;border:1px dashed var(--line);font-size:11px;color:#aab09a}.task b{display:block;color:var(--acid);margin-bottom:6px}
.footer{padding:24px 5vw;border-top:1px dashed var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:9px}
.toast{position:fixed;right:20px;bottom:20px;z-index:260;width:min(420px,calc(100vw - 40px));padding:18px;border:1px dashed var(--line);background:#060805;font-size:11px;line-height:1.7}.toast b{color:var(--acid)}
@media(max-width:980px){
.topline{grid-template-columns:1fr auto}.topline .mid{display:none}
.hero,.live-grid,.page-head{grid-template-columns:1fr}
.modules{grid-template-columns:1fr}
.hero-ascii{min-height:500px}
.grid,.record{grid-template-columns:1fr}
}
@media(max-width:640px){
.home{padding:12px}
.hero-left{padding:34px 22px}
.brand{font-size:clamp(64px,21vw,100px)}
.hero-ascii{padding:16px;min-height:420px}.hero-ascii pre{font-size:6.4px}
.hero-stats{grid-template-columns:1fr 1fr;margin:18px -16px -16px}
.module{min-height:300px;padding:22px}.module h3{font-size:25px}
.page{padding:48px 15px 80px}.page h1{font-size:46px}
.nav a{padding:14px 18px}
.footer{flex-direction:column}
}