body{--accent:#f04452;--accent-dark:#c9283b;--wash:#fff0f1}body[data-appearance=dark]{color-scheme:dark;--bg:#111319;--paper:#1c2029;--ink:#f0f2f7;--muted:#a9b1c3;--line:#343a47;--accent:#ee4353;--accent-dark:#ff6876;--wash:#3b202a;--green:#74d5b6;--mint:#19392f;background:var(--bg);color:var(--ink)}
.topic-number{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--wash);color:var(--accent);font-weight:700}.vocabulary-list{padding:0 22px}.vocabulary-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(180px,2fr) auto;gap:22px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line)}.vocabulary-row:last-child{border:0}.vocabulary-word b{font-size:18px}.vocabulary-word small,.vocabulary-meaning small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.vocabulary-meaning{line-height:1.6;overflow-wrap:anywhere}.vocabulary-actions{display:flex;gap:8px}.word-topics .topic-card .actions{margin-top:auto}.word-topics .topic-card .button{margin-top:0}body[data-appearance=dark] .sidebar{background:#151820}body[data-appearance=dark] .nav:hover{background:#272b35}body[data-appearance=dark] .nav.active{background:var(--wash);color:#ff8a93}body[data-appearance=dark] .button,body[data-appearance=dark] input,body[data-appearance=dark] select,body[data-appearance=dark] textarea,body[data-appearance=dark] .choice,body[data-appearance=dark] .answer-card{background:var(--paper);border-color:var(--line);color:var(--ink)}body[data-appearance=dark] .button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}body[data-appearance=dark] .button:hover:not(:disabled){background:#303642}body[data-appearance=dark] .button.primary:hover:not(:disabled){background:#ca3042}body[data-appearance=dark] .level-tile{background:#222733;color:var(--ink)}body[data-appearance=dark] .level-tile.active{background:linear-gradient(135deg,#402430,#25232d)}body[data-appearance=dark] .pill,body[data-appearance=dark] .choice .letter,body[data-appearance=dark] .meter,body[data-appearance=dark] .day-column{background:#303643;color:var(--muted)}body[data-appearance=dark] .pill.mint{background:var(--mint);color:var(--green)}body[data-appearance=dark] .lesson-example{background:#2b2228}body[data-appearance=dark] .feedback{background:#1b352c;border-color:#356353;color:var(--ink)}body[data-appearance=dark] .feedback.error{background:#39252a;border-color:#76505a}body[data-appearance=dark] .choice.good{background:#1d3d32;color:#9ae3c8;border-color:#44826c}body[data-appearance=dark] .choice.bad{background:#422930;color:#ffabb7;border-color:#9c5e6e}body[data-appearance=dark] .choice.selected{background:#39262f;color:var(--ink);border-color:var(--accent)}body[data-appearance=dark] .choice:hover:not(:disabled){background:var(--wash)}body[data-appearance=dark] .score-ring>div{background:var(--paper)}body[data-appearance=dark] .score-ring{background:conic-gradient(var(--accent) calc(var(--percent)*1%),#343a47 0)}body[data-appearance=dark] .answer-pair>div{background:#292e39}body[data-appearance=dark] .answer-pair .right{background:var(--mint);color:var(--green)}body[data-appearance=dark] .status-icon.err{background:#492932;color:#ffa3b2}body[data-appearance=dark] .result-meta .err{color:#ffa3b2}body[data-appearance=dark] dialog{background:var(--paper);color:var(--ink)}body[data-appearance=dark] .hero-art,body[data-appearance=dark] .welcome-art{filter:brightness(.78);background:#eee3d5}body[data-appearance=dark] .mastery-box{background:#273346;color:#b8d4ff}body[data-appearance=dark] .mastery-box:nth-child(2){background:#3b3021;color:#eaca96}body[data-appearance=dark] .mastery-box:nth-child(3){background:var(--mint);color:var(--green)}body[data-appearance=dark] .study-room{filter:brightness(.8)}body[data-appearance=dark] a{color:#ff8995}.breadcrumb-label{margin-left:0!important}.word-topics h2{overflow-wrap:anywhere}
@media(max-width:850px){.vocabulary-row{grid-template-columns:1fr 1.4fr}.vocabulary-actions{grid-column:1/-1}.vocabulary-list{padding:0 16px}}@media(max-width:620px){.vocabulary-row{gap:12px;grid-template-columns:1fr}.vocabulary-actions{grid-column:auto}}