:root{--paper: #f4f3ee;--paper-2: #fbfaf7;--paper-3: #eceae3;--ink: #16191f;--ink-2: #3d434d;--ink-3: #6d7480;--rule: #d3d0c7;--rule-2: #bfbcb2;--accent: #0e7c86;--accent-deep: #0a5a62;--accent-soft: #dff0f1;--amber: #c07011;--amber-soft: #f8ecd9;--magenta: #9c2f6b;--ok: #3f7526;--ok-soft: #e8f2df;--no: #a32a2a;--no-soft: #f8e6e4;--font: "Satoshi", ui-sans-serif, system-ui, "Segoe UI", Helvetica, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--sp-8: 4.5rem;--radius: 3px;--shadow: 0 1px 0 rgba(22, 25, 31, .06), 0 6px 18px -12px rgba(22, 25, 31, .35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);background-image:linear-gradient(to right,rgba(22,25,31,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(22,25,31,.035) 1px,transparent 1px);background-size:32px 32px;color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-weight:700;line-height:1.18;letter-spacing:-.015em;margin:0 0 var(--sp-3)}h1{font-size:clamp(1.6rem,1.2rem + 1.8vw,2.3rem)}h2{font-size:1.32rem}h3{font-size:1.05rem}h4{font-size:.95rem}p{margin:0 0 var(--sp-4)}a{color:var(--accent-deep)}code,kbd,.qid,.mono{font-family:var(--mono);font-size:.82em}code{background:var(--paper-3);border:1px solid var(--rule);border-radius:2px;padding:.05em .34em}kbd{background:var(--paper-2);border:1px solid var(--rule-2);border-bottom-width:2px;border-radius:3px;padding:.1em .4em;font-size:.78em}em{font-style:italic}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:2px}.skiplink{position:absolute;left:-9999px;top:0;z-index:100;background:var(--ink);color:var(--paper-2);padding:var(--sp-2) var(--sp-4)}.skiplink:focus{left:var(--sp-4);top:var(--sp-2)}.topbar{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--paper-2) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}.topbar__inner{max-width:1180px;margin:0 auto;padding:var(--sp-3) var(--sp-5);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5);flex-wrap:wrap}.brand{display:flex;align-items:center;gap:var(--sp-3)}.brand__name{margin:0;font-weight:900;letter-spacing:-.03em;font-size:1.16rem}.brand__sub{margin:0;font-size:.75rem;color:var(--ink-3);font-family:var(--mono)}.logo{width:46px;height:auto;color:var(--ink)}.logo-frame{fill:none;stroke:var(--ink);stroke-width:1.4}.logo-lines{stroke:var(--rule-2);stroke-width:.8;fill:none}.logo-path{fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linecap:square}.logo-dot{fill:var(--accent)}.logo-sq{fill:var(--amber)}.tabs{display:flex;gap:var(--sp-1);flex-wrap:wrap}.tab{font:inherit;font-size:.86rem;font-weight:500;background:none;border:1px solid transparent;color:var(--ink-2);padding:.42rem .8rem;border-radius:var(--radius);cursor:pointer}.tab:hover{background:var(--paper-3);color:var(--ink)}.tab.is-on{background:var(--ink);border-color:var(--ink);color:var(--paper-2)}.disclaimer{margin:0;padding:.4rem var(--sp-5);font-size:.74rem;text-align:center;background:var(--amber-soft);border-top:1px solid var(--rule);color:#5c3a10}.wrap{max-width:1180px;margin:0 auto;padding:var(--sp-6) var(--sp-5) var(--sp-8)}.foot{border-top:1px solid var(--rule);background:var(--paper-2);padding:var(--sp-6) var(--sp-5);font-size:.8rem;color:var(--ink-3)}.foot p{max-width:70ch;margin:0 auto var(--sp-2);text-align:center}.foot__meta{font-family:var(--mono);font-size:.72rem}.btn{font:inherit;font-size:.88rem;font-weight:500;background:var(--paper-2);color:var(--ink);border:1px solid var(--rule-2);border-radius:var(--radius);padding:.48rem .9rem;cursor:pointer;transition:background .12s ease,transform .12s ease,border-color .12s ease}.btn:hover:not(:disabled){background:var(--paper-3);border-color:var(--ink-3)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent-deep);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-deep)}.btn--ghost{background:transparent;border-color:var(--rule-2)}.btn--lg{padding:.68rem 1.3rem;font-size:.95rem}.matrix{margin:0;display:inline-flex;flex-direction:column;align-items:center;gap:4px}.matrix svg{display:block}.mx-bg{fill:var(--paper-2)}.mx-lines line{stroke:var(--rule);stroke-width:.8}.mx-frame{fill:none;stroke:var(--ink-2);stroke-width:1.4}.mx-question{font-family:var(--mono);font-size:22px;font-weight:700;fill:var(--ink-3)}.matrix figcaption{font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}.matrix--correct .mx-frame{stroke:var(--accent);stroke-width:2}.matrix--correct .mx-bg{fill:#f2fafa}.guide-hero{max-width:74ch;margin-bottom:var(--sp-7)}.eyebrow{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:var(--accent-deep);margin-bottom:var(--sp-2)}.guide-hero h1{font-size:clamp(1.8rem,1.2rem + 2.4vw,2.9rem)}.lede{font-size:1.06rem;color:var(--ink-2);max-width:68ch}.guide-section{border-top:1px solid var(--rule);padding:var(--sp-6) 0}.guide-section__head{display:flex;gap:var(--sp-4);align-items:baseline;margin-bottom:var(--sp-4)}.guide-num{font-family:var(--mono);font-size:.82rem;font-weight:700;color:var(--accent);border:1px solid var(--accent);border-radius:2px;padding:.1rem .36rem;flex:none}.guide-kicker{margin:0;color:var(--ink-3);font-size:.9rem}.guide-body{max-width:78ch}.guide-body>p{color:var(--ink-2)}.callout{border:1px solid var(--rule-2);border-left:3px solid var(--ink-3);background:var(--paper-2);padding:var(--sp-4) var(--sp-5);margin:var(--sp-5) 0;border-radius:0 var(--radius) var(--radius) 0}.callout h3{margin-bottom:var(--sp-2);font-size:.95rem}.callout ul,.callout ol{margin:0;padding-left:1.2rem;font-size:.92rem;color:var(--ink-2)}.callout li{margin-bottom:.2rem}.callout--fact{border-left-color:var(--accent);background:var(--accent-soft)}.callout--warn{border-left-color:var(--amber);background:var(--amber-soft)}.demo-strip{display:flex;align-items:flex-start;gap:var(--sp-3);flex-wrap:wrap;padding:var(--sp-4);background:var(--paper-2);border:1px solid var(--rule);border-radius:var(--radius);margin-bottom:var(--sp-4)}.demo-arrow{font-size:1.2rem;color:var(--ink-3);align-self:center}.rule-table{width:100%;border-collapse:collapse;font-size:.88rem;margin:var(--sp-4) 0}.rule-table th,.rule-table td{text-align:left;vertical-align:top;padding:.55rem .6rem;border-bottom:1px solid var(--rule)}.rule-table thead th{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-3)}.rule-table tbody th{width:22%;font-weight:700}.rule-table td:last-child{width:20%}.steps{list-style:none;counter-reset:step;padding:0;margin:0;display:grid;gap:var(--sp-4)}.steps>li{counter-increment:step;position:relative;padding-left:2.6rem}.steps>li:before{content:counter(step);position:absolute;left:0;top:.1rem;font-family:var(--mono);font-weight:700;font-size:.8rem;color:#fff;background:var(--ink);width:1.7rem;height:1.7rem;display:grid;place-items:center;border-radius:2px}.steps h3{margin-bottom:var(--sp-1)}.steps p{color:var(--ink-2);font-size:.94rem}.rich-list,.trap-list{padding-left:1.2rem;color:var(--ink-2);font-size:.94rem}.rich-list li,.trap-list li{margin-bottom:var(--sp-3)}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--sp-4)}.plan-card{border:1px solid var(--rule);background:var(--paper-2);padding:var(--sp-4);border-radius:var(--radius);border-top:3px solid var(--accent)}.plan-when{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);margin-bottom:var(--sp-1)}.plan-card h3{font-size:.98rem}.plan-card p{font-size:.88rem;color:var(--ink-2)}.controls{display:flex;gap:var(--sp-4);flex-wrap:wrap;align-items:flex-end;padding:var(--sp-4);background:var(--paper-2);border:1px solid var(--rule);border-radius:var(--radius);margin-bottom:var(--sp-4)}.control{display:flex;flex-direction:column;gap:var(--sp-2)}.control--grow{flex:1 1 220px}.control__label{font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3)}select,input[type=text]{font:inherit;font-size:.9rem;padding:.42rem .6rem;background:var(--paper);color:var(--ink);border:1px solid var(--rule-2);border-radius:var(--radius);width:100%}.seg{display:flex;border:1px solid var(--rule-2);border-radius:var(--radius);overflow:hidden}.seg__btn{font:inherit;font-size:.84rem;font-family:var(--mono);background:var(--paper);border:none;border-right:1px solid var(--rule);padding:.42rem .66rem;cursor:pointer;color:var(--ink-2)}.seg__btn:last-child{border-right:none}.seg__btn:hover{background:var(--paper-3)}.seg__btn.is-on{background:var(--ink);color:var(--paper-2)}.statbar{display:flex;gap:var(--sp-5);flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);border:1px solid var(--rule);background:var(--paper-2);border-radius:var(--radius);margin-bottom:var(--sp-5);font-size:.84rem}.statbar__nums{display:flex;gap:var(--sp-4);flex-wrap:wrap}.statbar__nums p{margin:0;color:var(--ink-3);font-family:var(--mono);font-size:.78rem}.statbar__nums strong{color:var(--ink);font-size:.95rem}.statbar__levels{list-style:none;display:flex;gap:var(--sp-3);margin:0;padding:0;flex-wrap:wrap}.statbar__levels li{display:flex;align-items:center;gap:.3rem;font-family:var(--mono);font-size:.7rem;color:var(--ink-3)}.bar{display:block;width:42px;height:6px;background:var(--paper-3);border:1px solid var(--rule)}.bar i{display:block;height:100%;background:var(--accent)}.keyhint{margin:0;font-size:.72rem;color:var(--ink-3)}.qcard{border:1px solid var(--rule-2);background:var(--paper-2);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.qcard__head{display:flex;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--rule);background:var(--paper)}.qcard__head h2{display:flex;align-items:center;gap:var(--sp-3);margin:0 0 var(--sp-2);font-size:1.05rem}.qid{font-weight:700;letter-spacing:.02em}.chip{font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;padding:.16rem .42rem;border-radius:2px;border:1px solid var(--rule-2);color:var(--ink-2);background:var(--paper-3);white-space:nowrap}.chip--solved{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-deep)}.chip--guided{background:#eef1e7;border-color:#9fae86;color:#47552f}.chip--checkpoint{background:var(--amber-soft);border-color:var(--amber);color:#6b3f0c}.chip--ok{background:var(--ok-soft);border-color:var(--ok);color:#2c5119}.chip--no{background:var(--no-soft);border-color:var(--no);color:#7d1f1f}.qcard__meta{margin:0;display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap;font-size:.78rem;color:var(--ink-3);font-family:var(--mono)}.lvl-dots{display:inline-flex;gap:2px}.lvl-dots i{width:7px;height:7px;border:1px solid var(--ink-3);border-radius:50%;display:block}.lvl-dots i.on{background:var(--accent);border-color:var(--accent-deep)}.tag-row{list-style:none;display:flex;gap:.3rem;flex-wrap:wrap;margin:0;padding:0;max-width:46ch}.tag-row code{font-size:.66rem;background:var(--paper-2)}.sequence{padding:var(--sp-5);border-bottom:1px solid var(--rule)}.sequence__frames{display:flex;gap:var(--sp-3);align-items:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--sp-2);scrollbar-width:thin}.sequence__frames>*{flex:none}.seq-sep{align-self:center;font-size:1.3rem;color:var(--ink-3)}.sequence__ask{margin:var(--sp-4) 0 0;font-weight:500}.scroll-hint{display:none;margin:var(--sp-2) 0 0;font-family:var(--mono);font-size:.68rem;color:var(--ink-3)}.hint-box{padding:0 var(--sp-5) var(--sp-4)}.hint{margin:var(--sp-3) 0 0;font-size:.9rem;color:var(--ink-2);border-left:3px solid var(--accent);padding-left:var(--sp-3)}.options{border:none;margin:0;padding:var(--sp-5);display:grid;gap:var(--sp-3)}.options legend{font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);padding:0 0 var(--sp-2)}.option{display:grid;grid-template-columns:auto auto 1fr;gap:var(--sp-4);align-items:center;border:1px solid var(--rule-2);border-radius:var(--radius);padding:var(--sp-3) var(--sp-4);background:var(--paper);cursor:pointer;transition:border-color .12s ease,background .12s ease}.option:hover{border-color:var(--ink-3);background:var(--paper-3)}.option input{position:absolute;opacity:0;width:1px;height:1px}.option:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}.option__letter{font-family:var(--mono);font-weight:700;font-size:.95rem;width:2rem;height:2rem;display:grid;place-items:center;border:1px solid var(--ink-3);border-radius:2px;background:var(--paper-2)}.option__frames{display:flex;gap:var(--sp-3);align-items:flex-start;flex-wrap:wrap}.option__verdict{font-size:.85rem;color:var(--ink-2);align-self:center}.option--chosen{border-color:var(--accent);background:var(--accent-soft)}.option--chosen .option__letter{background:var(--accent);color:#fff;border-color:var(--accent-deep)}.option--right{border-color:var(--ok);border-width:2px;background:var(--ok-soft)}.option--right .option__letter{background:var(--ok);color:#fff;border-color:var(--ok)}.option--wrong{border-color:var(--no);background:var(--no-soft)}.option--wrong .option__letter{background:var(--no);color:#fff;border-color:var(--no)}.option--muted{opacity:.72}.qcard__actions{display:flex;gap:var(--sp-4);align-items:center;flex-wrap:wrap;padding:0 var(--sp-5) var(--sp-5)}.verdict{margin:0;font-size:.9rem;font-weight:500}.verdict--ok{color:#2c5119}.verdict--no{color:#7d1f1f}.solution{padding:var(--sp-5);border-top:1px solid var(--rule);background:var(--paper)}.solution h3{font-size:.98rem}.sym-notes{padding-left:1.2rem;margin:0 0 var(--sp-4);font-size:.9rem;color:var(--ink-2)}.sym-notes li{margin-bottom:var(--sp-2)}.solution__label{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);margin-bottom:var(--sp-2)}.walkthrough ul{list-style:none;padding:0;margin:0;display:grid;gap:var(--sp-2)}.walkthrough code{display:block;background:var(--paper-3);font-size:.72rem;padding:.35rem .5rem;white-space:pre-wrap}.pager{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);margin-top:var(--sp-5);flex-wrap:wrap}.pager__pos{font-family:var(--mono);font-size:.76rem;color:var(--ink-3)}.empty{text-align:center;padding:var(--sp-8) var(--sp-4);border:1px dashed var(--rule-2);border-radius:var(--radius);background:var(--paper-2)}.page-head{max-width:70ch;margin-bottom:var(--sp-6)}.setup-grid{display:flex;gap:var(--sp-4);flex-wrap:wrap;align-items:flex-end;padding:var(--sp-5);background:var(--paper-2);border:1px solid var(--rule);border-radius:var(--radius)}.setup-grid .control{min-width:180px}.fineprint{font-size:.78rem;color:var(--ink-3);font-family:var(--mono);margin-top:var(--sp-3)}.timerbar{position:sticky;top:84px;z-index:20;display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap;padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-4);background:var(--ink);color:var(--paper-2);border-radius:var(--radius)}.timerbar__clock{font-family:var(--mono);font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}.timerbar__meta{font-family:var(--mono);font-size:.76rem;color:#b9bdc4}.timerbar__track{flex:1 1 120px;height:6px;background:#333941;display:block}.timerbar__track i{display:block;height:100%;background:var(--accent);transition:width 1s linear}.timerbar--low{background:#6d1b1b}.timerbar--low .timerbar__track i{background:#ffb4a8}.timerbar .btn--ghost{color:var(--paper-2);border-color:#565d66}.timerbar .btn--ghost:hover{background:#2b3138}.dotnav{list-style:none;display:flex;gap:4px;flex-wrap:wrap;margin:0;padding:0}.dot{font-family:var(--mono);font-size:.7rem;width:1.8rem;height:1.8rem;border:1px solid var(--rule-2);background:var(--paper-2);border-radius:2px;cursor:pointer}.dot.is-done{background:var(--accent-soft);border-color:var(--accent)}.dot.is-here{background:var(--ink);color:var(--paper-2);border-color:var(--ink)}.review{list-style:none;padding:0;margin:var(--sp-5) 0;display:grid;gap:var(--sp-4)}.review>li{border:1px solid var(--rule-2);border-left:4px solid var(--rule-2);background:var(--paper-2);padding:var(--sp-4);border-radius:var(--radius)}.review--ok{border-left-color:var(--ok)}.review--no{border-left-color:var(--no)}.review__head{display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap;margin-bottom:var(--sp-3)}.review__tags{font-family:var(--mono);font-size:.68rem;color:var(--ink-3)}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--sp-5)}.about-grid article{border:1px solid var(--rule);background:var(--paper-2);padding:var(--sp-5);border-radius:var(--radius)}.legend{list-style:none;padding:0;margin:0 0 var(--sp-4);font-size:.88rem;color:var(--ink-2);display:grid;gap:var(--sp-2)}.legend li{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap}.legend--plain li{display:list-item;margin-left:1.1rem}.legend--plain{list-style:disc}.swatch{width:18px;height:18px;border:1px solid var(--ink-2);flex:none}.swatch--ink{background:#1b1f27}.swatch--teal{background:repeating-linear-gradient(45deg,#0e7c86 0,#0e7c86 3px,#fff 3px,#fff 4px)}.swatch--amber{background:radial-gradient(#fff 1px,#c07011 1.5px);background-size:5px 5px}.swatch--magenta{background:repeating-linear-gradient(0deg,#9c2f6b 0,#9c2f6b 3px,#fff 3px,#fff 4px),repeating-linear-gradient(90deg,#9c2f6b 0,#9c2f6b 3px,#fff 3px,#fff 4px)}.swatch--clear{background:#fff}@media (max-width: 900px){.qcard__head{padding:var(--sp-4)}.sequence,.options,.solution,.qcard__actions{padding-left:var(--sp-4);padding-right:var(--sp-4)}.timerbar{top:0}}@media (max-width: 640px){body{font-size:15px;background-size:24px 24px}.topbar__inner{padding:var(--sp-3) var(--sp-4);gap:var(--sp-3)}.tabs{width:100%;overflow-x:auto}.tab{white-space:nowrap}.wrap{padding:var(--sp-5) var(--sp-4) var(--sp-7)}.sequence__frames{gap:var(--sp-2);justify-content:center}.seq-sep{display:none}.option{grid-template-columns:auto 1fr;gap:var(--sp-3);padding:var(--sp-3)}.option__verdict{grid-column:1 / -1}.option__frames{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.option__frames .matrix{width:100%}.option__frames .matrix svg{width:100%;height:auto}.scroll-hint{display:block}.option__frames{gap:var(--sp-2)}.statbar{gap:var(--sp-3)}.rule-table,.rule-table thead{display:block}.rule-table thead{display:none}.rule-table tbody,.rule-table tr,.rule-table th,.rule-table td{display:block;width:auto}.rule-table tr{border-bottom:1px solid var(--rule);padding:var(--sp-2) 0}.rule-table th,.rule-table td{border:none;padding:.1rem 0}.guide-section__head{gap:var(--sp-3)}}@media print{:root{--paper: #fff;--paper-2: #fff;--paper-3: #fff}body{background:#fff;font-size:11pt}.topbar__inner,.tabs,.controls,.statbar,.pager,.qcard__actions,.hint-box,.foot__meta,.timerbar,.dotnav,.skiplink,.btn{display:none!important}.topbar{position:static;border:none;background:none}.disclaimer{display:block;background:none;border:1px solid #000;margin-bottom:12pt}.option,.qcard__head,.callout,.demo-strip{background:#fff!important}.wrap{max-width:none;padding:0}.qcard,.callout,.demo-strip,.plan-card,.about-grid article,.review>li{box-shadow:none;break-inside:avoid;border-color:#999}.guide-section{break-inside:avoid}a{color:#000;text-decoration:underline}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}