:root{--bg:#f4f6fb;--surface:#fff;--surface-2:#eef1f8;--text:#161b26;--muted:#464e60;--border:#8a93a6;--primary:#1d4ed8;--primary-hover:#1e40af;--on-primary:#fff;--secondary-bg:#fff;--secondary-text:#1d3a8a;--focus:#b3400a;--safe-bg:#e8f6ee;--safe-border:#1d7a46;--retry-bg:#fff6e0;--retry-border:#8a5a00;--hint-bg:#eef3ff;--hint-border:#35b;--danger:#a3161c;--on-danger:#fff;--selected-bg:#e3ebff;--radius:.75rem;--gap:1rem;--line:1.6;--letter:normal;--word:normal;--para:.9em;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html.high-contrast{--bg:#000;--surface:#000;--surface-2:#111;--text:#fff;--muted:#f0f0f0;--border:#fff;--primary:#ffe14d;--primary-hover:#fff07a;--on-primary:#000;--secondary-bg:#000;--secondary-text:#ffe14d;--focus:#4de1ff;--safe-bg:#002b14;--safe-border:#6cf0a4;--retry-bg:#2b1d00;--retry-border:#ffc94d;--hint-bg:#001437;--hint-border:#9fc0ff;--danger:#ff9b9b;--on-danger:#000;--selected-bg:#2a2a00;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html.wide-spacing{--line:2;--letter:.12em;--word:.16em;--para:2em}*{box-sizing:border-box}html{background:var(--bg);scroll-padding-top:6rem}body{background:var(--bg);color:var(--text);font-family:Atkinson Hyperlegible,Verdana,Segoe UI,system-ui,-apple-system,sans-serif;font-size:1.125rem;line-height:var(--line);letter-spacing:var(--letter);word-spacing:var(--word);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin:0}fieldset,.choice,.option,.toggle,legend,h1,h2,h3{min-width:0}legend{overflow-wrap:anywhere;max-width:100%}.option,.choice,.toggle,.toggle-text,.phrase li{flex-wrap:wrap}.toggle-text,.choice>span{overflow-wrap:anywhere;flex:1 1 0;min-width:0}@media (width<=30rem){.brand{font-size:.9rem}}p{margin:0 0 var(--para)}h1,h2,h3{margin:1.2em 0 .5em;line-height:1.3}h1{margin-top:.4em;font-size:1.9rem}h2{font-size:1.45rem}h3{font-size:1.15rem}h1:focus,h2:focus{outline:none}h1:focus-visible,h2:focus-visible{outline:3px dashed var(--focus);outline-offset:4px}ul,ol{padding-left:1.5em}li{margin-bottom:.4em}.icon{text-align:center;min-width:1.3em;font-style:normal;display:inline-block}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}:focus-visible{outline:4px solid var(--focus);outline-offset:3px}.skip-link{z-index:10;background:var(--primary);color:var(--on-primary);border-radius:var(--radius);padding:.75rem 1rem;font-weight:700;position:absolute;top:-10rem;left:1rem}.skip-link:focus{top:1rem}.topbar{background:var(--surface);border-bottom:2px solid var(--border);z-index:5;position:sticky;top:0}.topbar-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;max-width:52rem;margin:0 auto;padding:.5rem 1rem;display:flex}.brand{margin:0;font-weight:700}.topnav{flex-wrap:wrap;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.topnav li{margin:0}@media (height<=40rem),(width<=30rem){.topbar{position:static}}html[style*="200%"] .topbar{position:static}main{max-width:52rem;margin:0 auto;padding:1rem 1rem 3rem}main:focus{outline:none}.footer{max-width:52rem;color:var(--muted);border-top:1px solid var(--border);margin:0 auto;padding:1rem;font-size:.95rem}.btn{vertical-align:middle;overflow-wrap:break-word;border-radius:var(--radius);border:2px solid var(--primary);min-width:3rem;max-width:100%;min-height:3rem;font:inherit;cursor:pointer;text-align:center;background:var(--secondary-bg);color:var(--secondary-text);padding:.65rem 1.2rem;font-weight:700;line-height:1.3;display:inline-block}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-secondary:hover,.btn-ghost:hover,.btn-nav:hover{background:var(--selected-bg)}.btn-ghost{text-underline-offset:.2em;border-color:#0000;text-decoration:underline}.btn-nav{min-height:2.75rem;padding:.45rem .9rem}.btn-small{min-height:2.75rem;padding:.4rem .9rem;font-size:.95rem}.btn-danger{background:var(--danger);border-color:var(--danger);color:var(--on-danger)}.btn[aria-disabled=true]{opacity:.6;cursor:not-allowed}.link-btn{font:inherit;color:var(--secondary-text);text-underline-offset:.2em;cursor:pointer;background:0 0;border:none;min-height:2rem;padding:.25rem .1rem;text-decoration:underline}.actions{gap:var(--gap);flex-wrap:wrap;margin:1.5rem 0 .5rem;display:flex}.actions-stack{flex-direction:column;align-items:stretch;max-width:28rem}.actions-secondary{border-top:1px solid var(--border);margin-top:2rem;padding-top:1rem}.lead{font-size:1.2rem}.muted{color:var(--muted)}.small{font-size:.9em}.eyebrow{color:var(--muted);margin:.5rem 0 .25rem;font-size:1.1rem;font-weight:700}.step-indicator,.practice-count{margin:.25rem 0;font-weight:700}.note{background:var(--surface-2);border-left:.35rem solid var(--border);border-radius:.4rem;padding:.6rem .9rem}.empty{color:var(--muted);font-style:italic}.privacy-note{color:var(--muted);margin-top:2rem}.feature-list{padding:0;list-style:none}.feature-list li{margin-bottom:.6rem}.level-badge{background:var(--surface-2);border-radius:var(--radius);padding:.5rem .8rem}.success-line{font-weight:700}.inline-error{border-left:.35rem solid var(--retry-border);padding-left:.6rem;font-weight:700}.listen{flex-wrap:wrap;gap:.75rem;margin:.75rem 0 1rem;display:flex}.scenario{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);margin:1rem 0;padding:1rem 1.2rem}.scenario-channel{color:var(--muted);margin-bottom:.5rem;font-weight:700}.scenario-meta{margin:0 0 .75rem}.scenario-meta div{flex-wrap:wrap;gap:.4em;display:flex}.scenario-meta dt{font-weight:700}.scenario-meta dd{overflow-wrap:anywhere;margin:0}.scenario-body{border-left:.3rem solid var(--border);padding-left:.9rem;font-size:1.15rem}.scenario-details{background:var(--surface-2);border-radius:.5rem;margin-top:.75rem;padding:.6rem .9rem}.scenario-details-title{margin-bottom:.3rem;font-weight:700}.scenario-details ul{margin:0;padding:0;list-style:none}.scenario-details li{overflow-wrap:anywhere}.options{gap:var(--gap);border:none;margin:1rem 0;padding:0;display:grid}.options legend{margin-bottom:.75rem;padding:0;font-size:1.2rem;font-weight:700}.option{border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;align-items:center;gap:.75rem;min-height:3.5rem;padding:.8rem 1rem;display:flex}.option input,.choice input,.toggle input{width:1.5rem;height:1.5rem;accent-color:var(--primary);flex:none;margin:0}.option.is-selected,.choice.is-selected{border-width:3px;border-color:var(--primary);background:var(--selected-bg)}.option:hover,.choice:hover{border-color:var(--primary)}.option:focus-within,.choice:focus-within,.toggle:focus-within{outline:4px solid var(--focus);outline-offset:3px}.option input:focus-visible,.choice input:focus-visible,.toggle input:focus-visible{outline:none}.option-text{flex:1}.tag{color:var(--muted);font-style:italic}.hint{background:var(--hint-bg);border:2px solid var(--hint-border);border-radius:var(--radius);margin:1rem 0;padding:.75rem 1rem}.hint p{margin:0}.hint-hidden-note{color:var(--muted);font-size:.95rem}.feedback{border:3px solid var(--border);border-radius:var(--radius);margin:1.25rem 0;padding:1rem 1.2rem;animation:.25s ease-out appear}.feedback:focus{outline:4px solid var(--focus);outline-offset:3px}.feedback-safe{background:var(--safe-bg);border-color:var(--safe-border)}.feedback-retry{background:var(--retry-bg);border-color:var(--retry-border);border-style:dashed}.feedback-neutral{background:var(--surface-2)}.feedback-title{font-size:1.25rem;font-weight:700}.clue{border-top:1px solid var(--border);padding-top:.6rem}@keyframes appear{0%{opacity:0;transform:translateY(.3rem)}to{opacity:1;transform:none}}.mission-header{margin-bottom:1rem}.stage-track{flex-wrap:wrap;gap:.5rem;margin:.5rem 0 .75rem;padding:0;list-style:none;display:flex}.stage-track li{border:2px solid var(--border);border-radius:999px;margin:0;padding:.2rem .8rem;font-size:.95rem}.stage-track li.is-current{border-color:var(--primary);border-width:3px;font-weight:700}.stage-track li.is-done{border-style:dashed}.mini-steps li,.reasoning li{margin-bottom:.5rem}.question{font-size:1.2rem;font-weight:700}.answer,.remember{background:var(--safe-bg);border:2px solid var(--safe-border);border-radius:var(--radius);padding:.75rem 1rem}.remember{font-size:1.3rem;font-weight:700}.pieces{flex-wrap:wrap;gap:.75rem;padding:0;list-style:none;display:flex}.pieces li{margin:0}.piece{border:2px solid var(--primary);border-radius:var(--radius);background:var(--surface);min-width:6rem;min-height:3rem;color:var(--text);font:inherit;cursor:pointer;padding:.5rem 1rem;font-weight:700}.piece.is-used{background:var(--surface-2);border-style:dashed}.piece[aria-disabled=true]{cursor:not-allowed;opacity:.65}.phrase{gap:.6rem;padding-left:1.8em;display:grid}.phrase li{flex-wrap:wrap;align-items:center;gap:.75rem;margin:0;display:flex}.phrase-word{font-size:1.2rem;font-weight:700}.meter-wrap{margin:1rem 0}.meter{border:2px solid var(--border);background:var(--surface-2);border-radius:999px;height:1rem;position:relative;overflow:hidden}.meter-fill{background:var(--primary);height:100%;transition:width .2s}.meter-goal{background:var(--text);width:3px;position:absolute;top:-2px;bottom:-2px}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:1.25rem;padding:0;list-style:none;display:grid}.card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);flex-direction:column;margin:0;padding:1rem 1.2rem 1.2rem;display:flex}.card h2{margin-top:.2em;font-size:1.25rem}.card-mission{border-width:3px}.card .btn{margin-top:auto}.card-actions{flex-wrap:wrap;gap:.75rem;margin-top:auto;display:flex}.card-actions .btn{margin-top:0}.status{font-weight:700}.settings-group-title{border-bottom:2px solid var(--border);padding-bottom:.25rem}.setting{border:none;margin:0 0 1.25rem;padding:0}.setting legend{margin-bottom:.5rem;padding:0;font-weight:700}.setting-help{color:var(--muted);margin:.4rem 0 .6rem;font-size:.98rem}.choice-row{flex-wrap:wrap;gap:.75rem;display:flex}.choice{border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;flex:10rem;align-items:center;gap:.6rem;min-height:3rem;padding:.6rem 1rem;display:flex}.choice-label{font-weight:700;display:block}.choice-desc{color:var(--muted);font-size:.95rem;display:block}.toggle{border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;align-items:center;gap:.75rem;min-height:3rem;padding:.6rem 1rem;font-weight:700;display:flex}.toggle.is-on{border-color:var(--primary);background:var(--selected-bg);border-width:3px}.toggle-text{flex-wrap:wrap;align-items:center;gap:.25rem .75rem;display:flex}.toggle-state{border:1px solid var(--border);border-radius:999px;padding:0 .6rem;font-size:.95rem;font-weight:400}.dialog{border:3px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(44rem,100vw - 2rem);max-height:calc(100vh - 2rem);color:var(--text);padding:0}.dialog::backdrop{background:#0000008c}.dialog-inner{padding:1rem 1.25rem 1.25rem}.dialog h2{margin-top:.2em}.instructions-box{background:var(--surface-2);border-radius:var(--radius);padding:.75rem 1rem}.instructions-box h3{margin-top:.2em}.table-wrap{border:2px solid var(--border);border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:32rem}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.6rem .75rem}thead th{background:var(--surface-2)}tbody th{font-weight:700}.review-list{padding:0;list-style:none}.review-list li{border:2px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.concept-list li{margin-bottom:.6rem}.guide-mission{border-top:2px solid var(--border);margin-top:1.5rem}details{border:2px solid var(--border);border-radius:var(--radius);margin:.75rem 0;padding:.5rem 1rem}summary{cursor:pointer;align-items:center;min-height:2.75rem;font-weight:700;display:flex}html.reduce-motion *,html.reduce-motion :before,html.reduce-motion :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (forced-colors:active){.btn,.option,.choice,.toggle,.piece{border:2px solid buttontext}.meter-fill{background:highlight}}@media print{.topbar,.footer,.actions,.skip-link{display:none}details{border:none}}
