:root{color-scheme:dark;--bg:#080d0c;--panel:#0e1512;--line:#26382e;--green:#adff4f;--muted:#90a398;--white:#edf5eb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font:15px 'Space Grotesk',sans-serif;min-height:100vh}body::after{content:'';position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0 3px,#00000012 4px);z-index:5}.grid{position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,#69a75b06 1px,transparent 1px),linear-gradient(#69a75b06 1px,transparent 1px);background-size:48px 48px}header{height:100px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:0 5vw}#brand{font:bold 36px monospace;text-decoration:none;color:var(--green)}#brand span{animation:blink 1.5s infinite}.wordmark{font-weight:700;letter-spacing:3px}.wordmark small{display:block;font:9px 'IBM Plex Mono',monospace;letter-spacing:1px;color:var(--muted);margin-top:7px}.connection{margin-left:auto;font:10px monospace;color:var(--muted);letter-spacing:1px}.connection i{display:inline-block;background:var(--green);height:6px;width:6px;border-radius:50%;margin-right:8px;box-shadow:0 0 12px var(--green)}main{max-width:1320px;margin:auto;padding:45px 5vw 60px}footer{max-width:1320px;margin:auto;padding:20px 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#6f8879;font:10px monospace;letter-spacing:1px}footer b{color:var(--green);padding:0 10px}.eyebrow{font:11px 'IBM Plex Mono',monospace;letter-spacing:2px;color:var(--green);margin:0 0 20px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;padding:12px 0 38px}h1{font-size:clamp(40px,5.6vw,74px);font-weight:500;letter-spacing:-4px;line-height:1.04;margin:0 0 22px}h1 em{font-style:normal;color:var(--green)}.lead{color:var(--muted);line-height:1.7;max-width:480px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}button,.button{font:500 12px 'IBM Plex Mono',monospace;color:var(--white);background:transparent;border:1px solid var(--line);padding:14px 18px;cursor:none;text-decoration:none}button.primary{background:var(--green);color:#0c1606;border-color:var(--green)}button:disabled{opacity:.4}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--green);outline-offset:5px;box-shadow:0 0 22px #adff4f25}kbd{font:11px monospace;display:inline-block;border:1px solid #52634e;border-bottom:3px solid #52634e;padding:3px 6px;margin-right:6px;background:#172017;color:#cde2c4}.terminal{border:1px solid var(--line);background:#0b120e;box-shadow:16px 16px 0 #adff4f04;transform:rotate(-1deg)}.terminalbar{padding:12px 18px;border-bottom:1px solid var(--line);font:10px monospace;letter-spacing:1px;color:var(--muted)}.terminalbody{padding:25px;font:12px/2 monospace;color:#82a38a}.terminalbody strong{color:var(--green)}.ascii{color:var(--green);font:clamp(8px,1vw,13px)/1.2 monospace;white-space:pre;margin:18px 0}.statusrow{display:flex;gap:20px;margin-top:24px;font:10px monospace;color:var(--muted)}.statusrow strong{font-size:23px;color:var(--white);display:block;margin-bottom:4px}.sectionhead{border-top:1px solid var(--line);padding:27px 0 20px;display:flex;justify-content:space-between;align-items:center}.sectionhead h2{font-size:20px;font-weight:500;margin:0}.tiny{font:11px monospace;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card{text-align:left;padding:20px;min-height:170px;background:linear-gradient(130deg,#142017,#0b100e);position:relative}.card .num{font:11px monospace;color:var(--green);display:block;margin-bottom:24px}.card h3{font:500 17px 'Space Grotesk',sans-serif;margin:0 0 8px}.card p{font:11px/1.6 monospace;color:var(--muted);margin:0}.card .tag{display:block;font:9px monospace;letter-spacing:1px;margin-top:20px;color:var(--green)}.card.locked{background:#0b100e;color:#829184}.lower{display:flex;justify-content:space-between;gap:20px;margin-top:24px;align-items:center}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.toolbar button{font-size:10px;padding:10px}.missiontop{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.timer{font:32px monospace;color:var(--green)}.timer.danger{color:#ffae79}.workspace{border:1px solid var(--line);background:var(--panel);padding:30px;min-height:320px}.workspace h2{font-size:30px;margin:0 0 12px}.workspace p{line-height:1.7;color:var(--muted)}.task{border-left:2px solid var(--green);padding:12px 18px;margin:22px 0;background:#adff4f07;font:14px/1.7 monospace}.workspace input,.workspace textarea,.workspace select,.settings input,.settings select{background:#080e0a;color:var(--white);font:16px/1.8 monospace;border:1px solid #456044;padding:12px;max-width:100%;display:block;margin:15px 0;width:100%}.workspace textarea{min-height:140px}.progress{height:3px;background:var(--line);margin:22px 0}.progress i{height:100%;display:block;background:var(--green)}.help{background:#152315;border:1px solid #416138;padding:16px;font:13px/1.8 monospace;margin-top:18px}.step{color:var(--green);font:12px monospace}.file{display:block;width:100%;text-align:left;margin:10px 0}.file.selected{border-color:var(--green);color:var(--green)}.result{max-width:750px;margin:30px auto;text-align:center}.result h1{font-size:55px;letter-spacing:-2px}.result .workspace{text-align:left}.bigtime{font:60px monospace;color:var(--green);margin:25px}table{width:100%;border-collapse:collapse;font:13px monospace}td,th{padding:15px 8px;border-bottom:1px solid var(--line);text-align:left}.settings{max-width:700px}.settings label{display:block;margin:25px 0}.settings input[type=checkbox]{width:auto;display:inline-block}.notice{padding:15px;border:1px solid var(--line);color:var(--muted);font:12px/1.7 monospace}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--green);color:#081005;padding:14px 22px;font:12px monospace;z-index:20;display:none}body{cursor:none}@keyframes blink{50%{opacity:.3}}@media(max-width:850px){.hero{grid-template-columns:1fr}.terminal{display:none}.cards{grid-template-columns:repeat(2,1fr)}.connection{display:none}h1{letter-spacing:-2px}.lower{align-items:flex-start;flex-direction:column}footer{font-size:8px;gap:15px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}body.sober::after{display:none}body.sober *{animation:none!important}

.onboarding{max-width:920px;margin:0 auto;text-align:center;padding:4px 0 20px}.onboarding h1{font-size:clamp(38px,5vw,66px);letter-spacing:-2px;margin:22px 0}.intro-dots{display:flex;justify-content:center;gap:10px;margin:20px 0}.intro-dots i{width:45px;height:4px;background:var(--line)}.intro-dots i.active{background:var(--green)}.key-hero{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:150px;height:115px;padding:12px 25px;border:2px solid var(--green);border-bottom:9px solid #557c2c;border-radius:12px;background:#172213;color:var(--green);font:500 38px monospace;box-shadow:0 0 50px #adff4f14;margin-top:12px}.key-hero span{font:12px monospace;margin-top:10px;letter-spacing:2px}.intro-instruction{font-size:clamp(22px,3vw,30px);line-height:1.45;margin:20px 0 12px}.intro-instruction strong{color:var(--green)}.intro-detail{font-size:18px;color:var(--muted);line-height:1.5}.intro-footnote{font:14px/1.7 monospace;color:var(--muted);max-width:650px;margin:30px auto 0}#intro-stage:focus{outline:none}#intro-practice{margin-top:30px}#training-action{font-size:17px;padding:20px 28px}#training-action:focus-visible{outline-width:5px;outline-offset:8px}.menu-key-guide{display:flex;gap:20px;flex-wrap:wrap;margin-top:26px;font-size:16px}.menu-key-guide span{display:flex;align-items:center;gap:5px}.menu-key-guide kbd{font-size:14px;padding:7px 10px}.onboarding [hidden]{display:none}

#correction-dialog{width:min(650px,calc(100% - 32px));max-height:90vh;overflow:auto;background:#101b13;color:var(--white);border:2px solid var(--green);padding:clamp(20px,4vw,38px);box-shadow:0 0 80px #adff4f20}#correction-dialog::backdrop{background:#020704de}#correction-dialog h2{font-size:clamp(25px,4vw,34px);margin:12px 0 22px}#correction-dialog p,#correction-dialog li{font-size:18px;line-height:1.65}#correction-dialog li{margin:12px 0}#correction-dialog strong{color:var(--green)}#correction-dialog .eyebrow{font-size:11px}.reset-preview{font-family:monospace;background:#080e0a;padding:16px}mark{background:var(--green);color:#081005;padding:3px}#correction-dialog button{margin-top:12px;font-size:15px}

#brief-dialog{width:min(590px,calc(100% - 32px));background:#101b13;color:var(--white);border:1px solid var(--green);padding:30px;max-height:90vh;overflow:auto}#brief-dialog::backdrop{background:#020704b8;backdrop-filter:blur(3px)}#brief-dialog h2{font-size:34px;margin:12px 0}#brief-dialog p{line-height:1.6}#brief-dialog .actions{margin-top:22px}.learning-badge{font:12px monospace;color:var(--green);border:1px solid var(--line);padding:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.form-grid label{display:block}.check-line{display:flex;align-items:center;gap:12px;line-height:1.6;padding:12px 5px}.workspace .check-line input{width:22px;height:22px;display:inline-block;flex-shrink:0;margin:0}.search-list{max-height:360px;overflow:auto;border:1px solid var(--line);padding:10px;margin:20px 0}.relay{font-family:monospace;border-bottom:1px solid var(--line);font-size:14px}.relay.found{background:#aaff4b25;color:var(--green);outline:1px solid var(--green)}.find-panel{padding:18px;background:#1b2c17;border:1px solid var(--green);margin-top:20px}.find-panel[hidden]{display:none}.find-panel span{font-size:13px}@media(max-width:650px){.form-grid{grid-template-columns:1fr}.missiontop{gap:15px;flex-wrap:wrap}}
