:root{--color-bg:#fafaf7;--color-surface:#fff;--color-text:#1c1b1a;--color-muted:#6b6a66;--color-primary:#046a38;--color-primary-contrast:#fff;--color-accent:#da291c;--color-border:#e3e2de;--radius:8px;--space:1rem;--font:system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);margin:0}.auth-card{max-width:22rem;padding:calc(var(--space) * 1.5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin:10vh auto}.auth-card h1{color:var(--color-primary);margin:0 0 .25rem;font-size:1.1rem}.auth-card h2{margin:0 0 var(--space);font-size:1.4rem}.auth-card form{gap:var(--space);display:grid}.auth-card label{color:var(--color-muted);gap:.25rem;font-size:.9rem;display:grid}.auth-card input{border:1px solid var(--color-border);border-radius:var(--radius);font:inherit;padding:.5rem .6rem}.auth-card [role=alert]{color:var(--color-accent);margin:0}button{border-radius:var(--radius);background:var(--color-primary);color:var(--color-primary-contrast);font:inherit;cursor:pointer;border:none;padding:.5rem 1rem}button:disabled{opacity:.6;cursor:default}.area-header{align-items:center;gap:var(--space);padding:.6rem var(--space);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex}.area-header .brand{color:var(--color-primary);font-weight:600}.area-header nav{gap:.75rem;display:flex}.area-header a{color:var(--color-text);border-radius:var(--radius);padding:.25rem .5rem;text-decoration:none}.area-header a.active{background:var(--color-primary);color:var(--color-primary-contrast)}.area-header .spacer{flex:1}.area-header .who{color:var(--color-muted);font-size:.9rem}.area-body{padding:var(--space);max-width:60rem;margin:0 auto}.loading{text-align:center;color:var(--color-muted);margin-top:20vh}.error{color:var(--color-accent)}.muted{color:var(--color-muted)}.badge{text-align:center;border-radius:var(--radius);background:var(--color-bg);border:1px solid var(--color-border);min-width:2.5rem;padding:.1rem .4rem;font-size:.85rem;display:inline-block}.level-list details,.module-row{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);margin-bottom:.5rem}.level-list summary{cursor:pointer;align-items:center;gap:.75rem;padding:.6rem .8rem;display:flex}.level-code{color:var(--color-primary);font-weight:600}.level-title{flex:1}.module-list{margin:0;padding:.5rem;list-style:none}.module-toggle{width:100%;color:var(--color-text);background:0 0;justify-content:space-between;padding:.5rem;display:flex}.lesson-list{margin:0;padding:0 .5rem .5rem;list-style:none}.lesson-list a{color:var(--color-text);border-radius:var(--radius);align-items:center;gap:.5rem;padding:.4rem .5rem;text-decoration:none;display:flex}.lesson-list a:hover{background:var(--color-bg)}.kind{text-transform:uppercase;letter-spacing:.03em;color:var(--color-muted);min-width:3.5rem;font-size:.7rem}.kind-assessment{color:var(--color-accent)}.lesson-title{flex:1}.check{color:var(--color-primary);font-size:.85rem}.lesson-head h1{margin-bottom:.1rem}.translation{color:var(--color-muted);font-size:.9rem}.lesson-section{margin:1.5rem 0}.bilingual{flex-direction:column;display:inline-flex}.vocab{border-collapse:collapse;width:100%}.vocab th,.vocab td{text-align:left;border-bottom:1px solid var(--color-border);padding:.35rem .6rem}.word.in-corpus{background:color-mix(in srgb, var(--color-primary) 15%, transparent);border-radius:3px;padding:0 .15rem}.dialogue-line{margin:.4rem 0}.speaker{font-weight:600}.exercise{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);margin-bottom:.8rem;padding:.8rem}.prompt{margin-top:0;font-weight:500}.mcq-options{gap:.4rem;padding:0;list-style:none;display:grid}.mcq-options button{text-align:left;background:var(--color-bg);width:100%;color:var(--color-text);border:1px solid var(--color-border)}.mcq-options button:hover:not(:disabled){border-color:var(--color-primary)}.fill-in,.matching{flex-direction:column;gap:.5rem;display:flex}.fill-in{flex-direction:row}.fill-in input,.matching select{border:1px solid var(--color-border);border-radius:var(--radius);font:inherit;padding:.4rem}.matching ul{gap:.4rem;padding:0;list-style:none;display:grid}.matching li{align-items:center;gap:.5rem;display:flex}.match-left{min-width:8rem}.feedback{border-radius:var(--radius);margin-top:.5rem;padding:.5rem .7rem}.feedback.correct{background:color-mix(in srgb, var(--color-primary) 12%, transparent);color:var(--color-primary)}.feedback.wrong{background:color-mix(in srgb, var(--color-accent) 12%, transparent);color:var(--color-accent)}.corpus-added{margin:.3rem 0 0;font-size:.85rem}.lesson-foot{margin:1.5rem 0 3rem}.progress-level{margin-bottom:1.2rem}.progress-modules{gap:.3rem;padding:0;list-style:none;display:grid}.progress-modules li{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);align-items:center;gap:.5rem;padding:.4rem .6rem;display:flex}.progress-modules li span:first-child{flex:1}.review-ready{color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius);padding:0 .35rem;font-size:.75rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.word-pop{display:inline-block;position:relative}button.word.in-corpus{background:color-mix(in srgb, var(--color-primary) 15%, transparent);border:none;border-bottom:1px dotted var(--color-primary);font:inherit;cursor:pointer;color:inherit;border-radius:3px;padding:0 .15rem}.popover{z-index:10;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;gap:.4rem;min-width:12rem;padding:.6rem;display:flex;position:absolute;top:100%;left:0;box-shadow:0 4px 16px #0000001f}.pop-pt{font-weight:600}.pop-en{color:var(--color-muted);font-size:.9rem}.status-control{gap:.25rem;display:flex}.status-control button{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);flex:1;padding:.2rem .4rem;font-size:.8rem}.status-control button.active{background:var(--color-primary);color:var(--color-primary-contrast);border-color:var(--color-primary)}.corpus-filters{gap:1rem;margin-bottom:1rem;display:flex}.corpus-filters label{color:var(--color-muted);gap:.2rem;font-size:.85rem;display:grid}.corpus-filters input,.corpus-filters select{border:1px solid var(--color-border);border-radius:var(--radius);font:inherit;padding:.35rem}.corpus-counts{color:var(--color-muted);font-size:.9rem}.corpus-list{gap:.4rem;padding:0;list-style:none;display:grid}.corpus-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);grid-template-columns:1fr 1fr auto auto;align-items:center;gap:.75rem;padding:.5rem .7rem;display:grid}.corpus-pt{font-weight:600}.corpus-en{color:var(--color-muted)}.settings-levels{gap:.4rem;padding:0;list-style:none;display:grid}.settings-levels li{align-items:center;gap:.5rem;display:flex}.settings-levels label{align-items:center;gap:.4rem;display:flex}.wordle{text-align:center;max-width:22rem;margin:0 auto}.wordle-grid{justify-content:center;gap:.3rem;margin:1rem 0;display:grid}.wordle-row{justify-content:center;gap:.3rem;display:flex}.wordle-cell{text-transform:uppercase;border:2px solid var(--color-border);border-radius:4px;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.4rem;font-weight:700;display:flex}.wordle-cell[data-state=correct]{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.wordle-cell[data-state=present]{color:#fff;background:#c9a227;border-color:#c9a227}.wordle-cell[data-state=absent]{background:var(--color-muted);color:#fff;border-color:var(--color-muted)}.wordle-remaining{color:var(--color-muted)}.revealed{margin:.3rem 0 0}.wordle-keyboard{gap:.3rem;margin-top:1rem;display:grid}.kb-row{justify-content:center;gap:.25rem;display:flex}.kb-key{background:var(--color-bg);min-width:1.8rem;color:var(--color-text);border:1px solid var(--color-border);border-radius:4px;padding:.6rem .4rem;font-weight:600}.kb-key.kb-wide{min-width:3.2rem;font-size:.8rem}.kb-key[data-state=correct]{background:var(--color-primary);color:#fff}.kb-key[data-state=present]{color:#fff;background:#c9a227}.kb-key[data-state=absent]{background:var(--color-muted);color:#fff}.games-grid{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.75rem;padding:0;list-style:none;display:grid}.game-card{color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;gap:.3rem;padding:1rem;text-decoration:none;display:flex}.game-card:hover{border-color:var(--color-primary)}.game-title{color:var(--color-primary);font-weight:600}.game-blurb{color:var(--color-muted);font-size:.85rem}.game-start{flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}.game-empty{color:var(--color-accent)}.game-score{color:var(--color-muted)}.game-items{gap:.8rem;display:grid}.game-item{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);padding:.8rem}.game-item[data-answered]{opacity:.92}.image-options{grid-template-columns:repeat(2,1fr);gap:.5rem;padding:0;list-style:none;display:grid}.image-options button{border:2px solid var(--color-border);border-radius:var(--radius);cursor:pointer;background:0 0;padding:0;overflow:hidden}.image-options button:hover:not(:disabled){border-color:var(--color-primary)}.image-options img{object-fit:cover;width:100%;height:8rem;display:block}.game-summary{margin-top:1rem}.game-summary p{margin:.3rem 0 .6rem}.invite-form,.redeem-form{flex-wrap:wrap;align-items:flex-end;gap:1rem;margin:1rem 0;display:flex}.invite-form label,.redeem-form label{color:var(--color-muted);gap:.2rem;font-size:.85rem;display:grid}.invite-form input,.redeem-form input{border:1px solid var(--color-border);border-radius:var(--radius);font:inherit;width:8rem;padding:.4rem}.invite-list,.educator-list{gap:.4rem;padding:0;list-style:none;display:grid}.invite-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);align-items:center;gap:.75rem;padding:.5rem .7rem;display:flex}.invite-row[data-dead]{opacity:.55}.invite-code{letter-spacing:.05em;font-size:1.05rem;font-weight:600}.invite-uses{color:var(--color-muted);font-size:.9rem}.tag{text-transform:uppercase;border-radius:var(--radius);padding:.05rem .35rem;font-size:.7rem}.tag-dead{background:var(--color-accent);color:#fff}.link-button{color:var(--color-primary);cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.link-button.danger{color:var(--color-accent)}.roster{border-collapse:collapse;width:100%}.roster th,.roster td{text-align:left;border-bottom:1px solid var(--color-border);padding:.5rem .6rem}.roster th{color:var(--color-muted);font-size:.85rem;font-weight:600}.access-denied{color:var(--color-accent)}.corpus-list.readonly .corpus-row{grid-template-columns:1fr 1fr auto auto}.educator-list li{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:.4rem .6rem;display:flex}.my-educators{margin-top:2rem}.content-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.content-tabs a{color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);padding:.35rem .7rem;text-decoration:none}.content-tabs a.active{background:var(--color-primary);color:var(--color-primary-contrast);border-color:var(--color-primary)}.content-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem;display:flex}.filters{flex-wrap:wrap;gap:.75rem;display:flex}.filters label{color:var(--color-muted);gap:.2rem;font-size:.8rem;display:grid}.filters input{border:1px solid var(--color-border);border-radius:var(--radius);font:inherit;width:8rem;padding:.35rem}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--color-border);vertical-align:top;padding:.45rem .6rem}.admin-table th{color:var(--color-muted);font-size:.8rem}.row-actions{white-space:nowrap;gap:.6rem;display:flex}.content-form{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);gap:.7rem;max-width:40rem;margin:1rem 0;padding:1rem;display:grid}.content-form label,.spec-editor label,.json-field{gap:.2rem;font-size:.85rem;display:grid}.content-form input,.content-form select,.spec-editor input,.spec-editor textarea,.json-field textarea{border:1px solid var(--color-border);border-radius:var(--radius);font:inherit;padding:.4rem}.json-field textarea,.spec-editor textarea{font-family:ui-monospace,monospace}.field-error{color:var(--color-accent);font-size:.85rem}.field-label{color:var(--color-muted);font-size:.85rem}.mcq-fields{gap:.4rem;display:grid}.mcq-option-row{align-items:center;gap:.4rem;display:flex}.mcq-option-row input[type=text]{flex:1}.form-actions{align-items:center;gap:1rem;display:flex}.spec-editor{border:1px dashed var(--color-border);border-radius:var(--radius);gap:.6rem;padding:.6rem;display:grid}.wordle-columns{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;display:grid}.wordle-word-list{gap:.4rem;padding:0;list-style:none;display:grid}.wordle-word-list li{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.4rem .5rem;display:flex}.dw-folded{letter-spacing:.05em;font-weight:600}.dw-word{color:var(--color-muted)}.dw-actions{align-items:center;gap:.3rem;margin-left:auto;display:flex}.dw-actions input[type=date]{border:1px solid var(--color-border);border-radius:var(--radius);font:inherit;padding:.25rem}.attach-form{flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin:1rem 0;display:flex}.attach-form label{gap:.2rem;font-size:.85rem;display:grid}.attach-form input{border:1px solid var(--color-border);border-radius:var(--radius);font:inherit;padding:.4rem}.asset-thumb{object-fit:cover;border-radius:4px;width:3rem;height:3rem}