:root{--paper: #f3eee1;--surface: #ffffff;--surface-2: #f8f4e9;--surface-3: #ede6d2;--ink: #0f1115;--ink-2: #3a3934;--mute: #7a766c;--border: #e3dcc6;--border-2: #d2c9ae;--pass: #1f7a47;--pass-bg: #d8efdf;--gap: #c8401e;--gap-bg: #fae0d6;--warn: #b5811d;--warn-bg: #fae9c8;--accent: #c8f031;--accent-soft: #c8f03133;--accent-ink: #0f1115}html.dark{--paper: #0e1014;--surface: #171a21;--surface-2: #1e222b;--surface-3: #262b36;--ink: #efe9d9;--ink-2: #c4beb0;--mute: #857f71;--border: #2a2e38;--border-2: #3a4050;--pass: #4fcd7e;--pass-bg: #163a26;--gap: #ff7b52;--gap-bg: #3a1b12;--warn: #e5b948;--warn-bg: #3a2e12;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{color:inherit;font:inherit}a{color:inherit;text-decoration:none}.page{min-height:100vh;background:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px),var(--paper);background-size:120px 120px}.topbar{display:flex;align-items:center;gap:16px;padding:14px 28px;border-bottom:2px solid var(--ink);background:var(--surface)}.brand{border:0;background:transparent;color:inherit;cursor:pointer;display:flex;align-items:center;gap:10px;font-weight:900}.brand-mark{display:block;width:46px;height:36px;overflow:hidden}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.brand-muted{color:var(--mute)}.nav{display:flex;flex-wrap:wrap;gap:6px}.spacer{flex:1}.container{width:min(1180px,calc(100vw - 32px));margin:0 auto;padding:28px 0 76px}.stack{display:grid;gap:24px}.grid-hero,.grid-two{display:grid;gap:22px}.grid-cards{display:grid;gap:14px}.card,.press-card{border:2px solid var(--ink);border-radius:8px;background:var(--surface);box-shadow:4px 4px 0 var(--ink)}.card{padding:24px}.press-card{display:block;padding:18px;transition:box-shadow .08s ease,transform .08s ease}.press-card:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.press-card:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}h1,h2,h3,h4,.display{margin:0;color:var(--ink);font-family:Arial Narrow,Impact,ui-sans-serif,system-ui,sans-serif;font-weight:900;letter-spacing:0}h1{font-size:2.75rem;line-height:.95}h2{font-size:2rem;line-height:1}h3{font-size:1.35rem;line-height:1.1}p{margin:0}.muted{color:var(--mute)}.body{color:var(--ink-2);font-size:.94rem;line-height:1.65}.label{color:var(--mute);font-size:.72rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-variant-numeric:tabular-nums}.row,.wrap-row{display:flex;align-items:center;gap:10px}.wrap-row{flex-wrap:wrap}.between{display:flex;align-items:center;justify-content:space-between;gap:14px}.chip,.mode-badge{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--ink);border-radius:999px;background:var(--surface);color:var(--ink);font-size:.72rem;font-weight:800;padding:4px 10px;text-transform:uppercase}button.chip{cursor:pointer}button.between{width:100%;border:0;background:transparent;color:inherit;cursor:pointer;padding:8px 0;text-align:left}.chip.active,.chip[data-active=true]{background:var(--ink);color:var(--paper)}.chip-accent,.btn-primary{background:var(--accent);color:var(--accent-ink)}.chip-pass{border-color:var(--pass);background:var(--pass-bg);color:var(--pass)}.chip-gap{border-color:var(--gap);background:var(--gap-bg);color:var(--gap)}.mode-badge{border-radius:4px;font-family:SFMono-Regular,Consolas,monospace}.mode-blank{background:var(--ink);color:var(--paper)}.mode-light{background:var(--accent-soft)}.mode-guided{background:var(--surface-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:2px solid var(--ink);border-radius:8px;background:var(--surface);box-shadow:0 4px 0 var(--ink);color:var(--ink);cursor:pointer;font-weight:900;padding:10px 16px;text-transform:uppercase;transition:box-shadow .06s ease,transform .06s ease,opacity .12s ease}.btn:hover{background:var(--surface-2)}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.btn:disabled{cursor:not-allowed;opacity:.45}.btn-small{min-height:34px;box-shadow:0 3px 0 var(--ink);font-size:.78rem;padding:7px 10px}.btn-ghost{border-color:var(--border-2);background:transparent;box-shadow:0 4px 0 var(--border-2)}.field{width:100%;border:1.5px solid var(--border-2);border-radius:8px;background:var(--surface);color:var(--ink);font-size:.92rem;line-height:1.55;padding:11px 12px}.field:focus{border-color:var(--ink);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.textarea{min-height:220px;resize:vertical}.bar{position:relative;height:12px;overflow:hidden;border:1.5px solid var(--ink);border-radius:999px;background:var(--surface-2)}.bar-fill{height:100%;border-right:1.5px solid var(--ink);background:var(--accent)}.metric{border-left:2px solid var(--ink);background:var(--surface-2);padding:14px}.metric-value{font-size:2rem;font-weight:900}.date-control{display:grid;gap:8px;min-width:190px}.plan-summary{align-self:start;position:sticky;top:22px}.study-list,.review-list{display:grid;margin-top:18px}.review-row{display:grid;gap:14px;align-items:center;border-top:1.5px solid var(--border);padding:16px 0}.review-row:first-child{border-top:0;padding-top:0}.study-task{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;align-items:flex-start;border-top:1.5px solid var(--border);cursor:pointer;padding:14px 0}.study-task:first-child{border-top:0}.study-task input{appearance:none;display:grid;width:24px;height:24px;place-items:center;border:2px solid var(--ink);border-radius:4px;background:var(--surface);cursor:pointer;margin:2px 0 0}.study-task input:checked{background:var(--accent)}.study-task input:checked:after{content:"";width:7px;height:13px;border:solid var(--ink);border-width:0 3px 3px 0;transform:rotate(45deg) translate(-1px,-1px)}.study-task input:disabled{cursor:wait;opacity:.7}.study-task[data-completed=true] .task-copy{color:var(--mute)}.task-copy{display:grid;gap:5px}.task-copy span{color:var(--ink-2);font-size:.92rem;line-height:1.5}.cheat-order{margin-top:20px}.cheat-order .chip:hover{background:var(--surface-2)}.cheat-grid{display:grid;gap:18px}.cheat-card{display:grid;gap:16px;min-width:0;scroll-margin-top:24px}.code-head{align-items:flex-start}.code-block{overflow-x:auto;border:1.5px solid var(--ink);border-radius:8px;background:var(--surface-2);color:var(--ink);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.84rem;line-height:1.55;margin:0;padding:16px;white-space:pre}.problem-row{display:grid;gap:14px;align-items:center}.section-box{display:flex;min-height:320px;flex-direction:column;border:2px solid var(--ink);background:var(--surface)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:2px solid var(--ink);background:var(--surface-2);padding:12px}.section-box textarea{flex:1;border:0;border-radius:0;background:transparent}.live-output{max-height:260px;overflow:auto;white-space:pre-wrap;font-size:.78rem;line-height:1.45}.score-ring{display:grid;width:112px;height:112px;place-items:center;border:8px solid var(--border);border-top-color:var(--accent);border-right-color:var(--accent);border-radius:999px;background:var(--surface)}.stamp{display:inline-flex;border:2px solid currentColor;border-radius:4px;color:var(--pass);font-weight:900;padding:4px 10px;text-transform:uppercase;transform:rotate(-3deg)}.stamp.fail{color:var(--gap)}.theme-toggle{position:fixed;right:18px;bottom:18px;z-index:20}.error{border:2px solid var(--gap);background:var(--gap-bg);color:var(--gap);padding:12px}@media(min-width:760px){h1{font-size:4.2rem}h2{font-size:2.7rem}.grid-hero{grid-template-columns:1.55fr .95fr}.grid-two{grid-template-columns:380px 1fr}.grid-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.review-row{grid-template-columns:minmax(0,1fr) auto}.cheat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.problem-row{grid-template-columns:40px 1fr 190px 90px 50px}.section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media(max-width:720px){.topbar{align-items:flex-start;flex-direction:column}.spacer,.xp-wide{display:none}.between{align-items:flex-start;flex-direction:column}.plan-summary{position:static}.study-task{grid-template-columns:28px minmax(0,1fr)}.study-task .chip{grid-column:2;width:fit-content}}