:root{--bg:#050807;--panel:#0A100D;--line:#1B2A25;--green:#79EFA2;--lightgreen:#A0FFC0;--dim:#82948A;--white:#E4EEE8;--amber:#E6C875}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;background:radial-gradient(ellipse at 50% 0%,#102018 0%,#070B08 48%,#030504 100%);color:var(--white);font:14px/1.55 "Cascadia Code","Consolas","Courier New",monospace;min-height:100vh;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.13;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(140,255,176,.06) 0 4px);z-index:10}
button{font:inherit;cursor:pointer}.shell{max-width:1180px;margin:auto;padding:22px 26px 50px}
.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:7px 0 15px;color:var(--dim);font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.brand{color:var(--green);letter-spacing:.22em}.status{display:flex;gap:9px;align-items:center}.dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}
main{min-height:calc(100vh - 125px);display:grid;place-items:center;padding:44px 0}
.terminal{width:min(920px,100%);border:1px solid #244332;background:rgba(3,8,5,.88);box-shadow:0 25px 90px #000a,0 0 35px #1a5a3320;position:relative}
.termhead{height:38px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:var(--dim);font-size:10px;letter-spacing:.13em}
.termhead .lights{display:flex;gap:6px}.lights i{width:7px;height:7px;border-radius:50%;background:#284A35}
.termbody{padding:clamp(20px,4vw,42px);min-height:490px;position:relative}
.eyebrow{color:var(--dim);font-size:11px;letter-spacing:.2em;margin-bottom:24px}
#matrix{height:78px;overflow:hidden;color:#386E4B;opacity:.7;white-space:pre;line-height:1.25;font-size:11px;letter-spacing:.12em;margin-bottom:25px}
h1{font-size:clamp(27px,5vw,48px);font-weight:400;letter-spacing:.13em;color:var(--green);margin:0 0 12px;text-shadow:0 0 18px #57FF9B24}
.subtitle{color:#819B89;margin:0 0 34px;font-size:12px;letter-spacing:.09em}
.rule{height:1px;background:linear-gradient(90deg,var(--line),transparent);margin:25px 0}
.prompt{color:var(--green);margin:15px 0 10px}.options{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.choice{border:1px solid #315C40;background:#09130D;color:var(--green);padding:11px 22px;letter-spacing:.13em;transition:.2s}
.choice:hover,.choice:focus{background:#102719;border-color:var(--green);box-shadow:0 0 20px #4DFF8C22;outline:none}
.choice.no{color:#8C9A90;border-color:#334039}
.small{font-size:11px;color:var(--dim)}.cursor{display:inline-block;width:8px;height:15px;background:var(--green);vertical-align:middle;animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.hidden{display:none!important}
.log{white-space:pre-wrap;color:#A6B9AA;font-size:12px;line-height:1.9;min-height:180px}
.log .ok{color:var(--green)}.log .warn{color:var(--amber)}.log .alert{color:var(--amber)}
.archive-title{color:var(--green);letter-spacing:.17em;font-size:17px;margin:22px 0 5px}
.file{width:100%;display:flex;justify-content:space-between;gap:12px;text-align:left;padding:14px 12px;background:#08110B;border:1px solid #1B3025;color:var(--white);margin:8px 0}
.file{display:flex;text-decoration:none}.file:hover{border-color:#5EAA78;background:#0B170F}.file:focus-visible{outline:1px solid var(--green);outline-offset:3px}.file[aria-disabled="true"]{cursor:default}.file[aria-disabled="true"]:hover{border-color:#1B3025;background:#08110B}.file small{display:block;color:var(--dim);margin-top:4px}.tag{font-size:10px;color:var(--amber);white-space:nowrap}
.filecontent{margin-top:18px;padding:17px;border:1px dashed #315C40;background:#060B08;color:#A7C3AE;white-space:pre-wrap;min-height:100px;font-size:12px}
.back{border:0;background:none;color:var(--dim);padding:10px 0;text-decoration:underline;text-underline-offset:4px}
.footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px;color:#4F6958;font-size:10px;letter-spacing:.12em}
.controls{display:flex;gap:15px;align-items:center}.toggle{background:none;border:0;color:var(--dim);font-size:10px;letter-spacing:.12em}.toggle:hover{color:var(--green)}
.scan{position:absolute;top:0;left:0;width:100%;height:1px;background:#74FF9B22;box-shadow:0 0 12px #74FF9B55;animation:scan 8s linear infinite;pointer-events:none}
@keyframes scan{from{transform:translateY(0)}to{transform:translateY(490px)}}
@media(max-width:600px){.shell{padding:13px}.termbody{padding:20px;min-height:520px}.topbar{font-size:9px}.subtitle{line-height:1.8}.file{font-size:11px}}