:root{--bg:#0d0b1f;--bg2:#15112e;--panel:#1b1740;--panel2:#241e54;--ink:#eceaff;--dim:#8d86c4;--cyan:#3ce6e0;--magenta:#ff4d9d;--lime:#b8ff3c;--amber:#ffb84d;--line:#3a2f73;--shadow:#000}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);background-image:radial-gradient(circle at 20% -10%,rgba(255,77,157,.12),transparent 45%),radial-gradient(circle at 90% 0,rgba(60,230,224,.12),transparent 40%);color:var(--ink);font-family:VT323,monospace;font-size:20px;line-height:1.25;min-height:100vh;image-rendering:pixelated}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 2px,rgba(0,0,0,.18) 3px,rgba(0,0,0,0) 4px);mix-blend-mode:multiply}.wrap{max-width:960px;margin:0 auto;padding:18px 14px 60px}h1,h2,h3{font-family:Press Start\ 2P,monospace}header{border:3px solid var(--line);background:linear-gradient(180deg,var(--panel2),var(--panel));box-shadow:6px 6px 0 var(--shadow);padding:16px;margin-bottom:18px}.hrow{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}h1{line-height:1.5;margin:0 0 4px;color:var(--lime);text-shadow:2px 2px 0 var(--magenta);letter-spacing:1px}.sub,h1{font-size:18px}.sub{color:var(--cyan)}.who{font-size:15px;margin-top:6px}.logout,.who{color:var(--dim)}.logout{font-family:Press Start\ 2P;font-size:8px;background:var(--bg2);border:2px solid var(--line);padding:8px 9px;cursor:pointer}.barwrap{margin-top:14px}.barlabel{display:flex;justify-content:space-between;font-family:Press Start\ 2P;font-size:9px;color:var(--dim);margin-bottom:6px}.bar{height:18px;border:3px solid var(--line);background:#0a0820;padding:2px}.fill{height:100%;background:repeating-linear-gradient(90deg,var(--lime),var(--lime) 8px,var(--cyan) 8px,var(--cyan) 16px);transition:width .35s steps(12)}nav{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.tab{font-family:Press Start\ 2P;font-size:9px;background:var(--panel);color:var(--dim);border:3px solid var(--line);box-shadow:3px 3px 0 var(--shadow);padding:10px 12px;cursor:pointer;flex:1 1;min-width:90px;text-align:center}.tab:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--shadow)}.tab.on{background:var(--magenta);color:#1a0010;border-color:var(--lime)}.tier{border:3px solid var(--line);background:var(--panel);box-shadow:6px 6px 0 var(--shadow);margin-bottom:18px;padding:12px}.tier h2{font-size:11px;margin:0 0 4px}.tier .tag{font-size:16px;color:var(--dim);margin-bottom:10px;display:block}.t-p0 h2{color:var(--magenta)}.t-p1 h2{color:var(--amber)}.t-p2 h2{color:var(--cyan)}.task{display:flex;align-items:flex-start;gap:10px;padding:9px 8px;border:2px solid var(--line);background:var(--bg2);margin-bottom:8px;cursor:pointer}.task:hover{background:var(--panel2)}.box{width:22px;height:22px;flex:0 0 22px;margin-top:1px;border:3px solid var(--cyan);background:#0a0820;display:flex;align-items:center;justify-content:center;font-family:Press Start\ 2P;font-size:11px;color:var(--lime)}.task.done .box{background:var(--lime);color:#0a0820;border-color:var(--lime)}.task.done .label{color:var(--dim);text-decoration:line-through}.label{flex:1 1;font-size:19px}.meta{font-size:14px;color:var(--dim);display:block;margin-top:2px}.wk{font-family:Press Start\ 2P;font-size:8px;color:var(--amber);border:2px solid var(--line);padding:3px 5px;white-space:nowrap;margin-top:1px}.gate{border:3px solid var(--line);background:var(--panel);box-shadow:4px 4px 0 var(--shadow);padding:11px;margin-bottom:12px}.gate .lock{font-family:Press Start\ 2P;font-size:10px;color:var(--magenta)}.gate .arrow{color:var(--lime);font-size:22px}.gate .need{color:var(--cyan);font-size:18px}.gate .note{color:var(--dim);font-size:15px;display:block;margin-top:4px}.insight{border:3px dashed var(--lime);background:rgba(184,255,60,.06);padding:12px;margin-bottom:16px;color:var(--lime);font-size:18px}.week{border:3px solid var(--line);background:var(--panel);box-shadow:5px 5px 0 var(--shadow);padding:11px;margin-bottom:12px}.week h3{font-size:10px;margin:0 0 8px;color:var(--cyan)}.week .focus{font-family:Press Start\ 2P;font-size:8px;color:var(--amber);display:inline-block;border:2px solid var(--line);padding:3px 5px;margin-bottom:8px}.week ul{margin:6px 0 0;padding-left:20px}.week li{margin-bottom:4px;font-size:18px}.week li.is-done{color:var(--dim);text-decoration:line-through}.chunks{margin-top:18px;border:3px solid var(--line);background:var(--panel);padding:12px}.chunks summary{font-family:Press Start\ 2P;font-size:9px;color:var(--cyan);cursor:pointer}.chunk{font-size:17px;color:var(--ink);border-top:1px solid var(--line);padding-top:8px;margin-top:8px}.chunk .lbl{font-family:Press Start\ 2P;font-size:7px;color:var(--lime);border:2px solid var(--line);padding:2px 4px;margin-right:6px}footer{margin-top:24px;text-align:center;color:var(--dim);font-size:15px}.save-note{min-height:18px;color:var(--lime);font-family:Press Start\ 2P;font-size:8px}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{border:3px solid var(--line);background:linear-gradient(180deg,var(--panel2),var(--panel));box-shadow:6px 6px 0 var(--shadow);padding:28px;text-align:center;max-width:380px}.login-card h1{font-size:18px;color:var(--lime);text-shadow:2px 2px 0 var(--magenta)}.login-card .sub{color:var(--cyan)}.login-card .hint{color:var(--dim);font-size:16px;margin:14px 0}.gbtn{font-family:Press Start\ 2P;font-size:9px;background:var(--magenta);color:#1a0010;border:3px solid var(--lime);box-shadow:4px 4px 0 var(--shadow);padding:12px 14px;cursor:pointer}.gbtn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--shadow)}@media(max-width:560px){body{font-size:18px}h1{font-size:13px}.label{font-size:17px}.wrap{padding:12px 10px 50px}}