:root{--bg:#f6f5f1;--surface:#fff;--text:#1f2328;--muted:#667085;--border:#e3e1da;--accent:#2f6fde;--accent-text:#fff;--danger:#c0392b;--st-not_started-bg:#f0efeb;--st-not_started-fg:#555;--st-introduced-bg:#fff1c9;--st-introduced-fg:#7a5a00;--st-practicing-bg:#d9e8ff;--st-practicing-fg:#1d4a99;--st-mastered-bg:#d3f2dc;--st-mastered-fg:#1c6b36;--cat-phonogram:#2f6fde;--cat-syllable:#8e44ad;--cat-rule:#e67e22;--cat-red_word:#d63031;--cat-morphology:#16a085;--cat-skill:#7f8c8d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#16181c;--surface:#1f2228;--text:#e8e8e8;--muted:#9aa1ab;--border:#33373f;--accent:#5b8ff0;--st-not_started-bg:#2a2d33;--st-not_started-fg:#b4b8bf;--st-introduced-bg:#4a3d12;--st-introduced-fg:#ffd970;--st-practicing-bg:#1d3359;--st-practicing-fg:#a9c8ff;--st-mastered-bg:#173d24;--st-mastered-fg:#8be0a6}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{margin:.4rem 0 1rem;font-size:1.6rem}h2{margin:0 0 .6rem;font-size:1.05rem}h3{margin:0;font-size:1rem}p{margin:.4rem 0}.top{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.7rem 1.25rem;display:flex}.brand{color:var(--text);font-size:1.1rem;font-weight:700}.top nav{gap:.25rem;display:flex}.top nav a{color:var(--muted);border-radius:999px;padding:.35rem .75rem}.top nav a.active{background:var(--bg);color:var(--text);font-weight:600}main{max-width:1200px;margin:0 auto;padding:1.25rem}.row{align-items:center;gap:.5rem;display:flex}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.gap{gap:1rem;margin-bottom:1rem}.grow{flex:1}.nowrap{white-space:nowrap}.muted{color:var(--muted);font-weight:400}.small{font-size:.85rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:1rem;padding:1rem 1.1rem}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.student-card{color:var(--text);display:block}.student-card:hover{border-color:var(--accent);text-decoration:none}.student-card .bar{margin:.6rem 0}.empty{text-align:center;color:var(--muted);background:var(--surface);border:1px dashed var(--border);border-radius:12px;padding:3rem 1rem}.two-col{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:1rem;display:grid}@media (width<=860px){.two-col{grid-template-columns:1fr}}input,textarea,select,button,.button{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.4rem .6rem}textarea{resize:vertical;width:100%}label{color:var(--muted);margin:.5rem 0;font-size:.85rem;display:block}label input:not([type=checkbox]),label textarea{width:100%;color:var(--text);margin-top:.2rem;display:block}label.inline{align-items:center;gap:.5rem;margin:0;display:flex}label.inline input{width:auto;margin:0;display:inline-block}button,.button{cursor:pointer}button:hover,.button:hover{border-color:var(--accent)}button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:600}button.danger{color:var(--danger)}button.danger:hover{border-color:var(--danger)}.small-btn{padding:.25rem .55rem;font-size:.8rem}button.icon{padding:.15rem .45rem;font-size:.85rem}.narrow{width:5.5rem}.title-input{background:0 0;border-color:#0000;flex:1;min-width:0;padding-left:.2rem;font-size:1.5rem;font-weight:700}.title-input:hover,.title-input:focus{border-color:var(--border);background:var(--surface)}.bar{background:var(--st-not_started-bg);border-radius:999px;width:100%;max-width:220px;height:8px;display:flex;overflow:hidden}.student-card .bar{max-width:none}.bar span{height:100%;display:block}.bar .st-mastered{background:#3fb469}.bar .st-practicing{background:#4f8ef7}.bar .st-introduced{background:#f2c230}.badge{border-radius:999px;padding:.1rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.st-not_started{background:var(--st-not_started-bg);color:var(--st-not_started-fg)}.st-introduced{background:var(--st-introduced-bg);color:var(--st-introduced-fg)}.st-practicing{background:var(--st-practicing-bg);color:var(--st-practicing-fg)}.st-mastered{background:var(--st-mastered-bg);color:var(--st-mastered-fg)}.level{border-top:1px solid var(--border);padding:.75rem 0}.level h3{margin-bottom:.5rem}.chips{flex-wrap:wrap;gap:.4rem;display:flex}.chip{border:1px solid #0000;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .7rem;font-size:.85rem;display:inline-flex}.chip.st-mastered:after{content:"✓";font-weight:700}.cat{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.cat-phonogram{background:var(--cat-phonogram)}.cat-syllable{background:var(--cat-syllable)}.cat-rule{background:var(--cat-rule)}.cat-red_word{background:var(--cat-red_word)}.cat-morphology{background:var(--cat-morphology)}.cat-skill{background:var(--cat-skill)}.legend .badge{margin:0 .1rem}.list{margin:0 0 1rem;padding:0;list-style:none}.list li{border-bottom:1px solid var(--border);padding:.35rem 0;font-size:.9rem}.concept-row{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.mnemonic{color:var(--muted);margin-top:.15rem;font-style:italic}.notes{color:var(--muted);margin-top:.2rem}.notes summary{cursor:pointer;color:var(--accent)}tr.sub td{border-bottom:1px solid var(--border);padding-bottom:.6rem}tr.sub summary{cursor:pointer}tr.sub input,tr.sub textarea{width:100%;margin-top:.3rem}.concept-row .cat{margin-right:.35rem}.concepts+select{width:100%;margin-bottom:1rem}.st-select{border:none;padding:.2rem .3rem;font-size:.8rem;font-weight:600}.part{border-bottom:1px solid var(--border);padding:.5rem 0}.part .check{color:var(--text);margin:0 0 .3rem;font-size:.95rem}.part.done strong{color:var(--muted);text-decoration:line-through}.table-wrap{margin:.5rem 0;overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--muted);padding:.3rem;font-size:.75rem;font-weight:600}td{padding:.2rem .3rem}td input{width:100%;min-width:140px}@media print{.top,.no-print,button,select{display:none!important}body,.card{color:#000;background:#fff;border:none}.two-col{grid-template-columns:1fr}textarea{resize:none;border:none}}.fold{background:0 0;border-color:#0000;align-items:baseline;gap:.5rem;padding:.2rem .4rem;display:flex}.fold h2{margin:0}.fold .caret{color:var(--muted);transition:transform .15s;display:inline-block}.level-card.folded .caret{transform:rotate(-90deg)}.level-card.folded .row.gap{margin-bottom:0}.top-right{align-items:center;gap:.25rem;margin-left:auto;display:flex}.save-status{font-size:.8rem}.save-status a{color:var(--muted)}.status-error{color:var(--danger);border-color:var(--danger);padding:.2rem .6rem;font-size:.8rem}.banner{text-align:center;background:var(--st-introduced-bg);color:var(--st-introduced-fg);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;padding:.55rem 1.25rem;font-size:.9rem;display:flex}.startup{max-width:640px;padding-top:3rem}.startup .card{padding:1.5rem 1.75rem}.startup ul{padding-left:1.2rem}.startup li{margin:.3rem 0}.backups li{align-items:center;gap:.75rem}code{background:var(--bg);border-radius:4px;padding:.05rem .3rem;font-size:.85em}[hidden]{display:none!important}label.button{color:var(--text);font-size:inherit;margin:0;display:inline-block}.theme-toggle{background:0 0;border-color:#0000;padding:.2rem .45rem;font-size:1rem;line-height:1}