:root{--ox-100:#d9ffe9;--ox-300:#7dffb8;--ox-500:#2bff7d;--ox-600:#17d963;--ox-700:#0e9c47;--ox-800:#086b30;--ox-900:#04331a;--amber:#ffb648;--red:#ff4d5e;--bg:#020403;--panel:#06180e8c;--line:#2bff7d2e;--line-soft:#2bff7d14;--mono:"Berkeley Mono", ui-monospace, SFMono-Regular, "JetBrains Mono", "Cascadia Mono", Menlo, Consolas, "Courier New", monospace;--glow:0 0 2px #2bff7dd9, 0 0 10px #2bff7d59}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ox-500);font-family:var(--mono);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:14px;line-height:1.55;overflow:hidden}::selection{background:var(--ox-500);color:#001a0a}.bg{z-index:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 0%, #0a3c208c 0%, transparent 60%), radial-gradient(90% 70% at 50% 110%, #06281680 0%, transparent 60%), var(--bg);position:fixed;inset:0}.bg:before{content:"";background-image:linear-gradient(var(--line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--line-soft) 1px, transparent 1px);opacity:.7;background-size:48px 48px;position:absolute;inset:-1px;-webkit-mask-image:radial-gradient(85% 75% at 50% 45%,#000 0%,#0000 100%);mask-image:radial-gradient(85% 75% at 50% 45%,#000 0%,#0000 100%)}.bg:after{content:"";opacity:.5;background:repeating-linear-gradient(#0000 0 2px,#00000059 3px,#0000 4px);position:absolute;inset:0}.shell{z-index:1;flex-direction:column;max-width:1360px;height:100dvh;margin:0 auto;padding:14px clamp(12px,2.5vw,34px) 16px;display:flex;position:relative;overflow:hidden}.hud{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:10px;display:flex}.hud-note{letter-spacing:.14em;text-transform:uppercase;max-width:40ch;color:var(--ox-700);margin:0;font-size:10px;line-height:1.7}.hud-right{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.brand{letter-spacing:.14em;color:var(--ox-300);text-shadow:var(--glow);white-space:nowrap;align-items:baseline;gap:4px;margin:0;font-size:clamp(20px,3.2vw,32px);font-weight:700;display:flex}.brand .mark{color:var(--ox-700)}.x-link{border:1px solid var(--line);color:var(--ox-700);letter-spacing:.16em;align-items:center;gap:7px;padding:3px 9px;font-size:10px;text-decoration:none;transition:color .12s,border-color .12s,background .12s;display:inline-flex}.x-link svg{flex:none;width:11px;height:11px}.x-link:hover{color:#001a0a;background:var(--ox-500);border-color:var(--ox-500)}.grid{flex:1;grid-template-columns:210px minmax(0,1fr);align-items:stretch;gap:clamp(10px,1.6vw,22px);min-height:0;padding-top:14px;display:grid}@media (max-width:1080px){.grid{grid-template-columns:minmax(0,1fr)}.rail{display:none}}.rail{scrollbar-width:none;flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex;overflow-y:auto}.rail::-webkit-scrollbar{display:none}.card{border:1px solid var(--line);background:var(--panel);flex:none;padding:10px 12px;position:relative}.card:before,.card:after{content:"";border:1px solid var(--ox-600);width:7px;height:7px;position:absolute}.card:before{border-bottom:0;border-right:0;top:-1px;left:-1px}.card:after{border-top:0;border-left:0;bottom:-1px;right:-1px}.card h3{letter-spacing:.22em;text-transform:uppercase;color:var(--ox-700);margin:0 0 8px;font-size:9px;font-weight:500}.stat{justify-content:space-between;gap:8px;padding:2px 0;font-size:11px;display:flex}.stat span{color:var(--ox-800)}.stat b{color:var(--ox-300);text-shadow:var(--glow);font-weight:500}.spark{align-items:flex-end;gap:2px;height:38px;margin-top:6px;display:flex}.spark i{background:linear-gradient(to top, var(--ox-800), var(--ox-500));flex:1;animation:2.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.monitor{background:linear-gradient(160deg,#10160f 0%,#070b07 45%,#0d120c 100%);border:1px solid #2bff7d24;border-radius:18px;flex-direction:column;min-width:0;min-height:0;padding:clamp(10px,1.4vw,18px);display:flex;position:relative;box-shadow:0 0 0 1px #000c,0 30px 80px #000000e6,0 0 60px #14783c1f}.screen{background:radial-gradient(115% 95% at 50% 40%,#0a2314 0%,#04120a 55%,#010603 100%);border-radius:12px;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 60px #000000f2,inset 0 0 140px #095a2d47}.screen:after{content:"";z-index:3;pointer-events:none;background:repeating-linear-gradient(#00000038 0 1px,#0000 1px 3px),radial-gradient(120% 110%,#0000 55%,#000000bf 100%);animation:4.5s steps(60,end) infinite flicker;position:absolute;inset:0}@keyframes flicker{0%,96%,to{opacity:1}97%{opacity:.86}98%{opacity:1}99%{opacity:.92}}.screen:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000,#2bff7d0d,#0000);height:26%;animation:7s linear infinite sweep;position:absolute;left:0;right:0}@keyframes sweep{0%{transform:translateY(-40%)}to{transform:translateY(420%)}}.screen-bar{z-index:4;letter-spacing:.2em;text-transform:uppercase;color:var(--ox-700);background:#020a0599;border-bottom:1px solid #2bff7d29;justify-content:space-between;align-items:center;gap:10px;padding:7px 12px;font-size:9px;display:flex;position:relative}.screen-bar .dots{gap:5px;display:flex}.screen-bar .dots i{background:var(--ox-900);border:1px solid var(--ox-700);border-radius:50%;width:6px;height:6px}.screen-bar .dots i.live{background:var(--ox-500);box-shadow:var(--glow)}.bar-right{align-items:center;gap:12px;display:flex}.snd{color:var(--ox-700);font:inherit;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #2bff7d47;padding:2px 7px;font-size:9px}.snd[aria-pressed=true]{color:var(--ox-300);border-color:var(--ox-600);text-shadow:var(--glow)}.snd:hover{background:#2bff7d1f}.stage{z-index:1;flex:1;align-items:stretch;min-height:0;display:flex;position:relative}.bull{border-left:1px solid #2bff7d1f;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:14px;width:clamp(250px,31%,360px);padding:14px 10px 12px;display:flex;overflow:hidden}.bull pre{white-space:pre;color:var(--ox-500);text-shadow:0 0 6px #2bff7d8c,0 0 20px #2bff7d40;margin:0;font-size:clamp(3.6px,.56vw,7.4px);line-height:1.02;animation:6s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:.72}50%{opacity:1}}.bull-cap{letter-spacing:.2em;text-transform:uppercase;color:var(--ox-800);flex-direction:column;align-items:center;gap:3px;font-size:9px;display:flex}.bull-inline{white-space:pre;color:var(--ox-500);text-shadow:0 0 8px #2bff7d73;margin:4px 0 12px;font-size:clamp(5px,1.9vw,9px);line-height:1.05;display:none}@media (max-width:900px){.bull{display:none}.bull-inline{display:block}}.term{z-index:1;scrollbar-width:thin;scrollbar-color:var(--ox-800) transparent;flex:1;min-width:0;padding:16px clamp(12px,2vw,26px) 20px;position:relative;overflow:hidden auto}.term::-webkit-scrollbar{width:8px}.term::-webkit-scrollbar-thumb{background:var(--ox-800)}.line{white-space:pre-wrap;overflow-wrap:anywhere;text-shadow:0 0 6px #2bff7d47;margin:0 0 2px;font-size:clamp(12px,1.05vw,14px);animation:.16s ease-out appear}@keyframes appear{0%{opacity:0}to{opacity:1}}.line.sys{color:var(--ox-700)}.line.ai{color:var(--ox-300)}.line.user{color:var(--ox-100)}.line.err{color:var(--red);text-shadow:0 0 8px #ff4d5e66}.line.ok{color:var(--ox-500)}.line.hint{color:var(--ox-800);font-size:11px}.line.gap{height:10px}.line .who{color:var(--ox-700)}.line.user .who{color:var(--ox-600)}.line a{color:var(--amber);text-underline-offset:3px;text-shadow:0 0 8px #ffb64866;text-decoration:underline}.line a:hover{background:var(--amber);color:#1a1000;text-shadow:none}.logo{white-space:pre;color:var(--ox-500);text-shadow:0 0 10px #2bff7d80,0 0 26px #2bff7d33;margin:4px 0 10px;font-size:clamp(4.4px,1.42vw,17px);line-height:1.02}.rule{border:0;border-top:1px dashed #2bff7d38;margin:12px 0}.receipt{border:1px solid var(--line);background:#041e0f73;margin:10px 0;padding:12px 14px;font-size:12px}.receipt .row{justify-content:space-between;gap:10px;padding:1px 0;display:flex}.receipt .row span{color:var(--ox-700)}.receipt .row b{color:var(--ox-100);overflow-wrap:anywhere;text-align:right;font-weight:500}.prompt{z-index:4;background:#020a058c;border-top:1px solid #2bff7d29;align-items:center;gap:8px;padding:11px clamp(12px,2vw,26px);display:flex;position:relative}.prompt .sigil{color:var(--ox-600);white-space:nowrap;text-shadow:var(--glow);font-size:13px}.entry{flex:1;align-items:center;min-width:0;height:20px;display:flex;position:relative;overflow:hidden}.echo{white-space:pre;color:var(--ox-100);text-shadow:0 0 8px #d9ffe959;font-size:clamp(12px,1.05vw,14px)}.ph{color:var(--ox-800);white-space:pre;pointer-events:none;margin-left:8px;font-size:clamp(12px,1.05vw,14px)}.entry input{width:100%;font:inherit;color:#0000;caret-color:#0000;background:0 0;border:0;outline:0;font-size:clamp(12px,1.05vw,14px);position:absolute;inset:0}.entry input::selection{background:#2bff7d59}.cursor{background:var(--ox-500);width:9px;height:16px;box-shadow:var(--glow);flex:none;animation:1.05s steps(2,start) infinite blink;display:inline-block}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.cursor.idle{opacity:.3;animation:none}.send{border:1px solid var(--ox-700);color:var(--ox-300);font:inherit;letter-spacing:.18em;cursor:pointer;background:0 0;flex:none;padding:5px 12px;font-size:10px}.send:hover:not(:disabled){background:var(--ox-500);color:#001a0a}.send:disabled{opacity:.3;cursor:not-allowed}.monitor-foot{letter-spacing:.18em;text-transform:uppercase;color:var(--ox-800);justify-content:space-between;align-items:center;gap:12px;padding-top:8px;font-size:9px;display:flex}.led{background:var(--ox-500);width:8px;height:8px;box-shadow:0 0 8px var(--ox-500);border-radius:50%;margin-right:7px;display:inline-block}@keyframes glitch-jit{0%{transform:translate(0)}20%{transform:translate(-3px,1px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-2px,-1px)}80%{transform:translate(2px,2px)}to{transform:translate(0)}}@keyframes glitch-slice{0%{clip-path:inset(0);transform:translate(0)}15%{clip-path:inset(14% 0 66%);transform:translate(-6px)}30%{clip-path:inset(46% 0 32%);transform:translate(5px)}45%{clip-path:inset(6% 0 84%);transform:translate(-4px)}60%{clip-path:inset(72% 0 10%);transform:translate(7px)}75%{clip-path:inset(28% 0 58%);transform:translate(-3px)}to{clip-path:inset(0);transform:translate(0)}}@keyframes glitch-tear{0%{opacity:0;height:0;top:18%}25%{opacity:1;height:16px;top:30%}55%{opacity:.9;height:7px;top:58%}80%{opacity:1;height:11px;top:74%}to{opacity:0;height:0;top:86%}}.glitch-on .monitor{animation:.22s steps(2,end) glitch-jit}.glitch-on .brand,.glitch-on .bull pre,.glitch-on .line,.glitch-on .logo{text-shadow:2px 0 #ff285abf,-2px 0 #00f5e1a6,0 0 8px #2bff7d66}.glitch-on .brand{animation:.18s steps(2,end) 2 glitch-jit}.glitch-on .logo,.glitch-on .bull pre{animation:.26s steps(3,end) glitch-slice}.stage:after{content:"";z-index:5;pointer-events:none;opacity:0;mix-blend-mode:screen;background:#2bff7d2e;height:0;position:absolute;top:30%;left:0;right:0}.glitch-on .stage:after{animation:.3s steps(4,end) glitch-tear}.glitch-hard .monitor{animation:.3s steps(2,end) 3 glitch-jit}.glitch-hard .line,.glitch-hard .bull pre{text-shadow:4px 0 #ff285ad9,-4px 0 #00f5e1bf}.glitch-hard .screen{filter:contrast(1.25)brightness(1.12)}@media (prefers-reduced-motion:reduce){.screen:before,.screen:after,.spark i,.cursor,.bull pre,.glitch-on .monitor,.glitch-on .brand,.glitch-on .logo,.glitch-on .bull pre,.glitch-on .stage:after,.glitch-hard .monitor{animation:none!important}}@media (max-width:640px){.hud-note{display:none}}
