:root{--color-primary:#6c47ff;--color-primary-hover:#5b3ae6;--color-primary-soft:#ede9fe;--color-primary-border:#cbb9ff;--color-secondary:#3b82f6;--color-secondary-soft:#dbeafe;--gradient-brand:linear-gradient(135deg, #7c3aed, #3b82f6);--gradient-success:linear-gradient(135deg, #10b981, #059669);--gradient-error:linear-gradient(135deg, #ef4444, #be123c);--color-success:#10b981;--color-success-soft:#d1fae5;--color-error:#ef4444;--color-error-soft:#ffe4e6;--color-warning:#f59e0b;--color-warning-soft:#fef3c7;--color-ink:#0f172a;--color-ink-soft:#334155;--color-muted:#64748b;--color-border:#cbd5e1;--color-surface-alt:#f1f5f9;--color-surface-subtle:#f8fafc;--bg:#f5f3ff;--surface:#fff;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:999px;--color-morpheme-preverb-vivid:#f581b6;--color-morpheme-preverb-muted:#7b5b6a;--color-morpheme-preverb:var(--color-morpheme-preverb-vivid);--color-morpheme-root-vivid:#263238;--color-morpheme-root-muted:#000;--color-morpheme-root:var(--color-morpheme-root-vivid);--color-morpheme-thematic-vivid:#388e3c;--color-morpheme-thematic-muted:#5b7b5c;--color-morpheme-thematic:var(--color-morpheme-thematic-vivid);--color-morpheme-person-pref-vivid:#e65100;--color-morpheme-person-pref-muted:#7b665b;--color-morpheme-person-pref:var(--color-morpheme-person-pref-vivid);--color-morpheme-ending-vivid:#0277bd;--color-morpheme-ending-muted:#5b6f7b;--color-morpheme-ending:var(--color-morpheme-ending-vivid);--color-morpheme-version-vivid:#8e24aa;--color-morpheme-version-muted:#745b7b;--color-morpheme-version:var(--color-morpheme-version-vivid);--color-morpheme-preradical-vivid:#3949ab;--color-morpheme-preradical-muted:#5b5f7b;--color-morpheme-preradical:var(--color-morpheme-preradical-vivid);--color-morpheme-passive-vivid:#5c6bc0;--color-morpheme-passive-muted:#5b607b;--color-morpheme-passive:var(--color-morpheme-passive-vivid);--color-morpheme-causative-vivid:#00838f;--color-morpheme-causative-muted:#5b787b;--color-morpheme-causative:var(--color-morpheme-causative-vivid);--color-morpheme-screeve-vivid:#7b3c3c;--color-morpheme-screeve-muted:#7b5b5b;--color-morpheme-screeve:var(--color-morpheme-screeve-vivid);--color-morpheme-circumfix-vivid:var(--color-warning);--color-morpheme-circumfix-muted:#7b6f5b;--color-morpheme-circumfix:var(--color-morpheme-circumfix-vivid);--color-morpheme-postposition:var(--color-morpheme-preverb);--color-morpheme-case:var(--color-morpheme-ending);--color-morpheme-plural:var(--color-morpheme-ending);--color-morpheme-clitic:var(--color-muted);--font-sans:system-ui, "Segoe UI", Roboto, sans-serif;font:16px/1.5 var(--font-sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--color-ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}h1,h2{font-family:var(--font-sans);color:var(--color-ink);letter-spacing:-.02em;font-weight:700}p{margin:0}*{box-sizing:border-box}body{font-family:var(--font-sans);background:var(--bg);color:var(--color-ink);margin:0}.login-screen{flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100vh;display:flex;position:relative}.locale-switcher{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--surface);padding:.3rem .5rem}.login-screen .locale-switcher{position:absolute;top:1rem;right:1rem}.warning{color:var(--color-error)}.divider{color:var(--color-muted);font-size:.85rem}.email-password-form{flex-direction:column;gap:.5rem;width:260px;display:flex}.email-password-form input{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.5rem}.link-button{color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem}.deck-list{max-width:640px;margin:0 auto;padding:2rem 1rem}.deck-list header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin-bottom:1.5rem;display:flex}.user-info{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.new-deck-form{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.new-deck-form input{border:1px solid var(--color-border);border-radius:var(--radius-sm);flex:1;min-width:160px;padding:.5rem}.new-deck-form select{border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-left:.4rem;padding:.5rem}.new-deck-form label{color:var(--color-ink-soft);align-items:center;font-size:.85rem;display:flex}.lang-group{margin-bottom:1.5rem}.lang-group h2{color:var(--color-ink-soft);margin:0 0 .5rem;font-size:1rem}.deck-list ul{flex-direction:column;gap:.5rem;padding:0;list-style:none;display:flex}.deck-row{background:var(--surface);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex;box-shadow:0 1px 2px #00000014}.deck-counts{font-variant-numeric:tabular-nums;justify-content:flex-end;gap:.6rem;min-width:4.5rem;margin-left:.5rem;margin-right:auto;font-size:.9rem;display:flex}.deck-count-new{color:#1a73e8}.deck-count-learning{color:#d93025}.deck-count-due{color:#1e8e3e}.subgroup-form{gap:.5rem;margin:.5rem 0 0 1.5rem;display:flex}.subgroup-form input{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.4rem}.subgroup-list{border-left:2px solid var(--color-surface-alt);margin-top:.5rem;padding-left:1.5rem!important}button{cursor:pointer;border:1px solid var(--color-border);background:var(--surface);border-radius:var(--radius-sm);padding:.4rem .8rem;font-family:inherit}.study-session{outline:none;max-width:480px;margin:0 auto;padding:2rem 1rem}.study-session header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.study-progress{text-align:center;color:var(--color-muted);margin-bottom:.5rem}.study-card{background:var(--surface);border-radius:var(--radius-xl);text-align:center;min-height:160px;padding:2rem 1.5rem;box-shadow:0 1px 3px #0000001a}.study-front{font-size:1.6rem;font-weight:600}.study-back{margin-top:.75rem;font-size:1.3rem}.study-example{color:var(--color-muted);margin-top:.5rem;font-style:italic}.study-image{border-radius:var(--radius-md);max-width:100%;max-height:200px;margin-bottom:1rem}.study-audio{margin:.75rem auto 0;display:block}.study-card hr{border:none;border-top:1px solid var(--color-surface-alt);margin:1.25rem 0}.show-answer-btn{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);border:none;width:100%;margin-top:1rem;padding:.75rem;font-size:1rem;display:block}.rating-buttons{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:1rem;display:grid}.rating-buttons button{color:#fff;border:none;flex-direction:column;align-items:center;gap:.15rem;padding:.6rem .25rem;font-size:.9rem;display:flex}.rating-buttons button:disabled{opacity:.6;cursor:default}.rating-interval{opacity:.85;font-size:.75rem}.rating-again{background:var(--color-error)}.rating-hard{background:var(--color-warning)}.rating-good{background:var(--color-success)}.rating-easy{background:var(--color-primary)}.study-empty{text-align:center;margin-top:2rem}.deck-name-btn{color:var(--color-ink);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:1rem;font-weight:600}.deck-name-btn:hover{text-decoration:underline}.deck-detail,.stats-page{max-width:640px;margin:0 auto;padding:2rem 1rem}.deck-detail header,.stats-page header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.add-card-form{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.add-card-form input{border:1px solid var(--color-border);border-radius:var(--radius-sm);flex:1;min-width:140px;padding:.5rem}.card-list{flex-direction:column;gap:.5rem;padding:0;list-style:none;display:flex}.card-row{background:var(--surface);border-radius:var(--radius-lg);align-items:center;gap:1rem;padding:.75rem 1rem;display:flex;box-shadow:0 1px 2px #00000014}.card-row-main{flex-direction:column;flex:1;min-width:0;display:flex}.card-front{font-weight:600}.card-back{color:var(--color-ink-soft)}.card-example{color:var(--color-muted);font-size:.85rem;font-style:italic}.card-badge{border-radius:var(--radius-full);white-space:nowrap;padding:.2rem .5rem;font-size:.75rem}.card-badge-new{background:var(--color-error-soft);color:#b91c1c}.card-badge-learning{background:var(--color-warning-soft);color:#b45309}.card-badge-mature{background:var(--color-success-soft);color:#047857}.card-row-actions{gap:.4rem;display:flex}.edit-card-form{flex-wrap:wrap;align-items:center;gap:.5rem;width:100%;display:flex}.edit-card-form input{border:1px solid var(--color-border);border-radius:var(--radius-sm);flex:1;min-width:120px;padding:.4rem}.edit-card-actions{gap:.4rem;display:flex}.stats-summary{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}.stat-tile{background:var(--surface);border-radius:var(--radius-lg);text-align:center;padding:1rem;box-shadow:0 1px 2px #00000014}.stat-value{color:var(--color-primary);font-size:1.6rem;font-weight:700}.stat-label{color:var(--color-muted);margin-top:.25rem;font-size:.8rem}.heatmap-scroll{padding-bottom:.5rem;overflow-x:auto}.heatmap-grid{gap:3px;display:flex}.heatmap-week{flex-direction:column;gap:3px;display:flex}.heatmap-cell{border-radius:2px;width:11px;height:11px}.heatmap-cell.h-empty{background:0 0}.heatmap-cell.h0{background:#ebedf0}.heatmap-cell.h1{background:#c6e6c6}.heatmap-cell.h2{background:#7bc96f}.heatmap-cell.h3{background:#339a40}.heatmap-cell.h4{background:#196127}.admin-page{max-width:640px;margin:0 auto;padding:2rem 1rem}.admin-page header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.admin-user-list{flex-direction:column;gap:.5rem;padding:0;list-style:none;display:flex}.admin-user-row{background:var(--surface);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex;box-shadow:0 1px 2px #00000014}.admin-user-main{flex-direction:column;min-width:0;display:flex}.admin-user-name{font-weight:600}.admin-user-email{color:var(--color-muted);font-size:.85rem}.admin-user-flags{align-items:center;gap:.4rem;display:flex}.admin-flag{border-radius:var(--radius-full);white-space:nowrap;padding:.2rem .5rem;font-size:.75rem}.admin-flag-admin{background:var(--color-primary-soft);color:var(--color-primary)}.admin-flag-teacher{background:var(--color-secondary-soft);color:var(--color-secondary)}.admin-flag-approved{background:var(--color-success-soft);color:#047857}.settings-page{max-width:640px;margin:0 auto;padding:2rem 1rem}.settings-page header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.settings-section{background:var(--surface);border-radius:var(--radius-lg);margin-bottom:1rem;padding:1.25rem;box-shadow:0 1px 2px #00000014}.settings-section h2{margin:0 0 .75rem;font-size:1rem}.settings-form{flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}.settings-form label{color:var(--color-ink-soft);flex-direction:column;gap:.25rem;width:100%;font-size:.85rem;display:flex}.settings-form input{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.5rem}.settings-lang-fieldset{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;padding:.5rem .75rem}.settings-lang-fieldset legend{color:var(--color-muted);padding:0 .3rem;font-size:.8rem}.settings-lang-option{align-items:center;gap:.3rem;margin:.2rem .6rem .2rem 0;font-size:.9rem;display:inline-flex}.settings-saved{color:var(--color-success);font-size:.85rem}.settings-export-link{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-primary);padding:.4rem .8rem;text-decoration:none;display:inline-block}.settings-danger button{border-color:var(--color-error);color:var(--color-error)}.settings-teacher-toggle{align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.9rem;display:flex}.settings-mycode{color:var(--color-ink-soft);margin:0 0 .75rem;font-size:.9rem}.teacher-link-list{flex-direction:column;gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.teacher-link-row{background:var(--color-surface-alt);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .8rem;display:flex}.teacher-link-main{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.teacher-link-role{color:var(--color-muted);font-size:.75rem}.teacher-link-pending{color:var(--color-warning);font-size:.75rem}.teacher-link-perms{flex-wrap:wrap;gap:.6rem;font-size:.8rem;display:flex}.pending-links-banner{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.pending-link-row{background:var(--color-warning-soft);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .8rem;font-size:.9rem;display:flex}.pending-link-actions{gap:.4rem;display:flex}.card-details-toggle{align-self:flex-start}.card-details-fields{flex-direction:column;gap:.5rem;width:100%;display:flex}.card-details-fields textarea,.card-details-fields input{border:1px solid var(--color-border);border-radius:var(--radius-sm);resize:vertical;padding:.5rem;font-family:inherit}.card-tags,.study-tags{flex-wrap:wrap;gap:.3rem;margin-top:.3rem;display:flex}.card-tag,.study-tag{border-radius:var(--radius-full);background:var(--color-secondary-soft);color:var(--color-secondary);padding:.15rem .5rem;font-size:.7rem}.study-description,.study-etymology{color:var(--color-ink-soft);text-align:left;margin-top:.5rem;font-size:.9rem}.audio-recorder,.image-picker{flex-wrap:wrap;align-items:center;gap:.5rem;width:100%;font-size:.85rem;display:flex}.audio-recorder-label,.image-picker-label{color:var(--color-muted);min-width:3rem}.audio-recorder-preview{max-width:200px;height:32px}.audio-recorder-upload{cursor:pointer;align-items:center;gap:.4rem;display:flex}.audio-recorder-upload input[type=file]{max-width:180px}.image-picker-preview{border-radius:var(--radius-sm);max-height:60px}.smart-add-panel{flex-direction:column;gap:.5rem;width:100%;display:flex}.smart-add-results{background:var(--color-surface-alt);border-radius:var(--radius-md);flex-direction:column;gap:.5rem;padding:.6rem;display:flex}.smart-add-chips,.smart-add-row{flex-wrap:wrap;gap:.4rem;display:flex}.smart-add-chip{background:var(--color-primary-soft);color:var(--color-primary);border-radius:var(--radius-full);border:none;padding:.3rem .7rem;font-size:.85rem}.smart-add-images{flex-wrap:wrap;gap:.4rem;display:flex}.smart-add-image-option{object-fit:cover;border-radius:var(--radius-sm);cursor:pointer;border:2px solid #0000;width:64px;height:64px}.smart-add-image-option:hover{border-color:var(--color-primary)}.review-page{max-width:1100px;margin:0 auto;padding:2rem 1rem;font-family:Montserrat,sans-serif}.review-page header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.review-controls{border-bottom:1px solid #ddd;flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:10px;padding-bottom:20px;font-family:Orelega One,serif;font-size:18px;display:flex}.review-controls label{align-items:center;gap:6px;display:flex}.review-controls select{color:#333;background:#fff;border:2px solid #ff512f;border-radius:10px;padding:8px 14px;font-family:Montserrat,sans-serif;font-size:15px}.review-controls button{text-transform:uppercase;color:#fff;cursor:pointer;background-image:linear-gradient(45deg,#ff512f 0%,#f09819 51%,#ff512f 100%);background-size:200%;border:0;border-radius:10px;padding:10px 20px;font-weight:700;transition:all .5s;box-shadow:0 0 14px -7px #f09819}.review-controls button:hover{background-position:100%}.review-counter{font-family:Orelega One,serif;font-weight:700}.review-tag-filter-bar{background:#ffffffb3;border:1px solid #ddd;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 20px;padding:10px 12px;font-size:14px;display:flex}.review-tag-filter-tags{flex-wrap:wrap;gap:8px;display:flex}.review-tag-filter-item,.review-tag-filter-notags{background:#fff;border:1px solid #eee;border-radius:8px;align-items:center;gap:6px;padding:4px 8px;display:inline-flex}.review-grid{flex-wrap:wrap;gap:20px;padding:0;list-style:none;display:flex}.review-card{text-align:center;background:#fff;border-radius:15px;flex-direction:column;justify-content:flex-end;width:400px;height:400px;transition:box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 25px #00000026}.review-card:hover{box-shadow:0 0 25px #00000059}.review-card-no-image{box-shadow:0 0 25px #00000026,inset 0 0 550px #0000001f}.review-card-image{object-fit:cover;border-radius:15px;width:100%;height:100%;position:absolute;inset:0}.review-card-tags{z-index:4;flex-wrap:wrap;gap:4px;max-width:70%;display:flex;position:absolute;top:6px;left:6px}.review-card-tag{color:#1f1f1f;background:#ffe9a8;border-radius:6px;padding:2px 6px;font-size:12px;box-shadow:0 1px 3px #0000002e}.review-card-edit-btn{z-index:4;cursor:pointer;background:0 0;border:none;font-size:16px;position:absolute;top:5px;right:5px}.review-card-audio,.review-card-audio-back{z-index:4;width:167px;height:30px;position:absolute;top:32px;right:5px}.review-card-content{z-index:2;background:#ffffffd9;border-radius:0 0 15px 15px;padding:10px 14px 16px;position:relative}.review-card-content-back{background:#ffffffeb}.review-card-question{word-break:break-word;margin:10px 0;font-family:Orelega One,serif;font-size:34px}.review-card-content-back .review-card-question{color:#555;margin:0 0 4px;font-size:20px}.review-card-answer{word-break:break-word;margin:0 0 10px;font-family:Orelega One,serif;font-size:34px}.review-card-hint{letter-spacing:2px;color:#555;margin:0 0 8px;font-family:Orelega One,serif;font-size:28px}.review-card-example,.review-card-description,.review-card-etymology{color:#666;max-height:40px;margin-top:4px;font-size:13px;overflow-y:auto}.review-card-actions{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;display:flex}.review-btn{text-transform:uppercase;color:#fff;cursor:pointer;background-image:linear-gradient(45deg,#ff512f 0%,#f09819 51%,#ff512f 100%);background-size:200%;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:8px 14px;font-size:13px;font-weight:700;transition:all .5s;display:flex;box-shadow:0 0 14px -7px #f09819}.review-btn:hover{background-position:100%}.review-btn:active{transform:scale(.95)}.review-btn:disabled{opacity:.6;cursor:default}.review-btn-know{background-image:linear-gradient(45deg,#9ebd13 0%,#008552 100%)}.review-btn-wrong{background-image:linear-gradient(45deg,#833ab4 0%,#fd1d1d 51%,#fcb045 100%)}.review-btn-hint{background-image:linear-gradient(45deg,#efd5ff 0%,#515ada 100%)}.review-btn-interval{opacity:.85;text-transform:none;font-size:11px}.training-page{max-width:640px;margin:0 auto;padding:1.5rem 1rem 5rem}.training-page header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.training-ingame-header{margin-bottom:.75rem}.training-setup{flex-direction:column;gap:.9rem;display:flex}.training-setup-row{gap:.9rem;display:flex}.training-setup-row .training-setup-card{flex:1;min-width:0}.training-setup-card{background:var(--surface);border-radius:var(--radius-lg);padding:1rem;box-shadow:0 1px 3px #00000014}.training-setup-card h3{color:var(--color-ink-soft);margin:0 0 .6rem;font-size:.85rem;font-weight:600}.training-setup-card select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-subtle);width:100%;padding:.6rem}.training-pill-row{flex-wrap:wrap;gap:.4rem;display:flex}.training-pill{border-radius:var(--radius-full);border:1px solid var(--color-border);color:var(--color-ink-soft);background:0 0;padding:.4rem .9rem;font-size:.85rem}.training-pill-on{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.training-game-grid{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.training-game-card{border-radius:var(--radius-md);background:var(--color-surface-alt);text-align:left;border:none;flex-direction:column;align-items:flex-start;gap:.4rem;padding:.8rem;display:flex}.training-game-card-on{background:var(--color-primary);color:#fff}.training-game-icon{font-size:1.4rem}.training-game-title{font-size:.85rem;font-weight:600}.training-game-desc{opacity:.75;font-size:.75rem}.training-toggle-row{color:var(--color-ink-soft);justify-content:space-between;align-items:center;padding:.35rem 0;font-size:.85rem;display:flex}.training-start-btn{border-radius:var(--radius-lg);background:var(--gradient-brand);color:#fff;border:none;width:calc(100% - 2rem);max-width:608px;padding:.9rem;font-size:1rem;font-weight:700;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #6c47ff59}.training-start-btn:disabled{opacity:.5}.training-center{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;display:flex}.training-done-icon{border-radius:var(--radius-full);background:var(--gradient-brand);color:#fff;justify-content:center;align-items:center;width:80px;height:80px;font-size:2.2rem;display:flex}.training-done-icon-success{background:var(--gradient-success)}.training-primary-btn{border-radius:var(--radius-md);background:var(--gradient-brand);color:#fff;border:none;padding:.7rem 1.4rem;font-weight:700}.game-screen{flex-direction:column;align-items:center;gap:.9rem;display:flex}.game-progress{flex-direction:column;gap:.4rem;width:100%;display:flex}.game-progress-row{justify-content:space-between;align-items:center;display:flex}.game-progress-left,.game-progress-right{align-items:center;gap:.5rem;display:flex}.game-name-pill{background:var(--color-primary-soft);color:var(--color-primary);border-radius:var(--radius-full);padding:.15rem .5rem;font-size:.7rem;font-weight:700}.game-progress-label{color:var(--color-muted);font-size:.75rem}.game-timer-pill{border-radius:var(--radius-sm);padding:.1rem .5rem;font-size:.75rem;font-weight:600}.game-timer-ok{background:var(--color-success-soft);color:var(--color-success)}.game-timer-warn{background:var(--color-warning-soft);color:var(--color-warning)}.game-timer-danger{background:var(--color-error-soft);color:var(--color-error)}.game-progress-track{border-radius:var(--radius-full);background:var(--color-primary-soft);width:100%;height:6px;overflow:hidden}.game-progress-fill{background:var(--gradient-brand);height:100%;transition:width .3s}.game-image{object-fit:cover;border-radius:var(--radius-lg);width:100%;max-height:160px}.game-prompt{text-align:center;color:var(--color-ink);font-size:1.4rem;font-weight:700}.scramble-answer{border-radius:var(--radius-md);background:var(--bg);flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;width:100%;min-height:56px;padding:.5rem;display:flex}.scramble-answer span{border-bottom:3px solid var(--color-border);justify-content:center;align-items:center;min-width:34px;height:40px;font-size:1.4rem;font-weight:700;display:inline-flex}.scramble-answer-correct span{border-color:var(--color-success)}.scramble-answer-wrong span{border-color:var(--color-error)}.scramble-letter-empty{color:#0000}.scramble-letter-hint{color:var(--color-warning);border-color:var(--color-warning)!important}.scramble-letter-filled{color:var(--color-ink-soft);border-color:var(--color-primary)!important}.scramble-letter-correct{color:var(--color-success)}.scramble-letter-wrong{color:var(--color-error)}.scramble-controls{justify-content:space-between;width:100%;display:flex}.scramble-hint-btn,.scramble-backspace-btn{border-radius:var(--radius-sm);background:var(--color-warning-soft);color:var(--color-warning);border:none;padding:.5rem .8rem;font-size:.85rem;font-weight:600}.scramble-hint-btn:disabled,.scramble-backspace-btn:disabled{background:var(--color-surface-alt);color:var(--color-border)}.scramble-backspace-btn{background:var(--color-primary-soft);color:var(--color-primary)}.scramble-hint-count{opacity:.8;margin-left:.3rem}.scramble-tiles{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.scramble-tile,.scramble-tile-used,.scramble-tile-hinted{border-radius:var(--radius-md);border:none;width:48px;height:48px;font-size:1.1rem;font-weight:600}.scramble-tile{background:var(--color-primary-soft);color:var(--color-primary)}.scramble-tile-used{background:var(--color-surface-alt);color:var(--color-border)}.scramble-tile-hinted{background:var(--color-warning-soft);color:var(--color-warning)}.builder-pool{background:var(--color-surface-subtle);border-radius:var(--radius-lg);flex-wrap:wrap;gap:.4rem;width:100%;min-height:90px;max-height:160px;padding:.6rem;display:flex;overflow-y:auto}.builder-chunk{border-radius:var(--radius-sm);border:1px solid var(--color-primary-border);background:var(--color-primary-soft);color:var(--color-primary);padding:.5rem .8rem;font-weight:600}.builder-chunk-selected{border:2px solid var(--color-warning);background:var(--color-warning-soft);color:var(--color-warning)}.builder-toolbar{justify-content:space-between;align-items:center;width:100%;display:flex}.builder-toolbar-label{color:var(--color-muted);font-size:.75rem}.builder-hint-btn{border-radius:var(--radius-sm);background:var(--color-warning-soft);color:var(--color-warning);border:none;padding:.35rem .6rem;font-size:.75rem;font-weight:600}.builder-hint-btn:disabled{background:var(--color-surface-alt);color:var(--color-border)}.builder-words{flex-direction:column;gap:.5rem;width:100%;display:flex}.builder-word-row{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--surface);padding:.7rem .8rem}.builder-word-row-done{background:var(--color-success-soft);border-color:var(--color-success)}.builder-word-translation{color:var(--color-ink-soft);margin-bottom:.4rem;font-size:.85rem}.builder-word-slots{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.builder-slot-gap{width:.7rem}.builder-slot{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-alt);min-height:34px;color:var(--color-muted);padding:.25rem .4rem;font-weight:600}.builder-slot-filled{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.builder-slot-target{background:var(--bg);border-color:var(--color-primary-border)}.builder-slot-done{background:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success)}.match-headers{width:100%;color:var(--color-muted);justify-content:space-around;font-size:.75rem;display:flex}.match-grid{flex-direction:column;gap:.5rem;width:100%;display:flex}.match-row{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.match-tile{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--surface);min-height:52px;color:var(--color-ink);padding:.5rem;font-size:.9rem}.match-tile-selected.match-tile-word{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.match-tile-selected.match-tile-translation{border-color:var(--color-secondary);background:var(--color-secondary-soft);color:var(--color-secondary)}.match-tile-wrong{border-color:var(--color-error);background:var(--color-error-soft);color:var(--color-error)}.audio-play-btn{border-radius:var(--radius-full);background:var(--gradient-brand);color:#fff;border:none;width:88px;height:88px;font-size:1.8rem}.audio-play-btn-playing{animation:1s ease-in-out infinite audio-pulse}@keyframes audio-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.audio-play-hint{color:var(--color-muted);font-size:.8rem}.audio-question{text-align:center;border-radius:var(--radius-md);background:var(--bg);width:100%;color:var(--color-primary);padding:.6rem 1rem;font-weight:600}.audio-choices{grid-template-columns:1fr 1fr;gap:.6rem;width:100%;display:grid}.audio-choice{border-radius:var(--radius-md);background:var(--surface);border:none;min-height:64px;padding:.5rem;font-size:.9rem;box-shadow:0 1px 3px #0000001a}.audio-choice-correct{background:var(--color-success-soft);color:var(--color-success)}.audio-choice-wrong{background:var(--color-error-soft);color:var(--color-error)}.review-card-editing{background:#fff;border-radius:15px;align-items:center;width:400px;height:400px;padding:1rem;display:flex;box-shadow:0 0 25px #00000026}.deck-public-toggle{color:var(--color-muted);white-space:nowrap;align-items:center;gap:.3rem;font-size:.8rem;display:flex}.text-list{max-width:640px;margin:0 auto;padding:2rem 1rem}.text-list header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.new-text-form{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.new-text-form input,.new-text-form textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;padding:.5rem}.new-text-form textarea{resize:vertical;min-height:6rem}.text-list-items{flex-direction:column;gap:.5rem;padding:0;list-style:none;display:flex}.text-row{background:var(--surface);border-radius:var(--radius-lg);align-items:center;gap:1rem;padding:.75rem 1rem;display:flex;box-shadow:0 1px 2px #00000014}.text-title-btn{cursor:pointer;color:var(--color-primary);background:0 0;border:none;padding:0;font-weight:600}.text-snippet{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.85rem;overflow:hidden}.text-reader{max-width:760px;margin:0 auto;padding:2rem 1rem 6rem;position:relative}.text-reader header{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:var(--radius-lg);background:#ffffffb3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;margin-bottom:1.5rem;padding:.75rem 1.25rem;display:flex}.text-reader-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.text-audio-player{align-items:center;gap:.6rem;display:flex}.text-audio-player audio{width:340px;max-width:55vw;height:2.25rem}.playback-rate-control{align-items:center;gap:.35rem;display:flex}.playback-rate-control input[type=range]{width:110px}.playback-rate-value{color:var(--color-muted);font-variant-numeric:tabular-nums;min-width:3.2em;font-size:.8rem}.text-reader-content{background:var(--surface);color:#000;border-radius:var(--radius-lg);white-space:pre-wrap;padding:2rem 2.25rem;font-size:1.3rem;line-height:2.2;box-shadow:0 1px 2px #00000014}.text-reader-content p{text-indent:2em;margin:0 0 1.5em}.text-reader-content p:last-child{margin-bottom:0}.text-reader-bg-layer{background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.text-reader-has-bg .text-reader-content{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffd}.text-reader-title-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);flex:1;min-width:12rem;padding:.15em .3em;font-family:inherit;font-size:2em;font-weight:700;line-height:1.2}.text-editor{flex-direction:column;gap:.75rem;display:flex}.text-editor-textarea{box-sizing:border-box;background:var(--surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);resize:vertical;width:100%;min-height:50vh;padding:2rem 2.25rem;font-family:inherit;font-size:1.3rem;line-height:2.2;box-shadow:0 1px 2px #00000014}.text-editor-actions{align-items:center;gap:.75rem;display:flex}.text-owner-tools{border-radius:var(--radius-md);background:#ffffffb3;flex-wrap:wrap;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.text-share-student{align-items:center;gap:.5rem;display:flex}.word-token{cursor:pointer;border-radius:4px;display:inline;position:relative}.word-token:hover{background:var(--color-surface-alt)}.word-token-unresolved{color:var(--color-muted)}.word-token{--color-morpheme-preverb:var(--color-morpheme-preverb-muted);--color-morpheme-root:var(--color-morpheme-root-muted);--color-morpheme-thematic:var(--color-morpheme-thematic-muted);--color-morpheme-person-pref:var(--color-morpheme-person-pref-muted);--color-morpheme-ending:var(--color-morpheme-ending-muted);--color-morpheme-version:var(--color-morpheme-version-muted);--color-morpheme-preradical:var(--color-morpheme-preradical-muted);--color-morpheme-passive:var(--color-morpheme-passive-muted);--color-morpheme-causative:var(--color-morpheme-causative-muted);--color-morpheme-screeve:var(--color-morpheme-screeve-muted);--color-morpheme-circumfix:var(--color-morpheme-circumfix-muted)}.word-popover{--color-morpheme-preverb:var(--color-morpheme-preverb-vivid);--color-morpheme-root:var(--color-morpheme-root-vivid);--color-morpheme-thematic:var(--color-morpheme-thematic-vivid);--color-morpheme-person-pref:var(--color-morpheme-person-pref-vivid);--color-morpheme-ending:var(--color-morpheme-ending-vivid);--color-morpheme-version:var(--color-morpheme-version-vivid);--color-morpheme-preradical:var(--color-morpheme-preradical-vivid);--color-morpheme-passive:var(--color-morpheme-passive-vivid);--color-morpheme-causative:var(--color-morpheme-causative-vivid);--color-morpheme-screeve:var(--color-morpheme-screeve-vivid);--color-morpheme-circumfix:var(--color-morpheme-circumfix-vivid)}.morph-preverb,.morph-postposition{color:var(--color-morpheme-preverb);font-style:italic}.morph-person-pref{color:var(--color-morpheme-person-pref);font-weight:700}.morph-version{color:var(--color-morpheme-version)}.morph-preradical{color:var(--color-morpheme-preradical);font-style:italic}.morph-root{color:var(--color-morpheme-root)}.morph-passive{color:var(--color-morpheme-passive)}.morph-causative{color:var(--color-morpheme-causative)}.morph-thematic{color:var(--color-morpheme-thematic)}.morph-screeve{color:var(--color-morpheme-screeve);font-weight:700}.morph-ending,.morph-case,.morph-plural{color:var(--color-morpheme-ending);font-weight:700}.morph-clitic{color:var(--color-morpheme-clitic);font-style:italic}.morph-circumfix{color:var(--color-morpheme-circumfix);font-weight:700}.word-popover{z-index:20;background:var(--surface);border-radius:var(--radius-lg);white-space:normal;cursor:default;width:320px;max-width:min(320px,80vw);margin-top:.4rem;padding:1rem;font-size:.9rem;line-height:1.5;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #0000002e}.word-popover-lemma{color:var(--color-ink);font-size:1.1rem;font-weight:700}.word-popover-pos{text-transform:uppercase;letter-spacing:.03em;color:var(--color-muted);vertical-align:middle;margin-left:.5rem;font-size:.7rem;font-weight:600}.word-popover-translation{color:var(--color-ink-soft);margin-top:.15rem}.word-popover-grammar{color:var(--color-muted);margin-top:.5rem;font-size:.85rem}.word-popover-morphemes{flex-wrap:wrap;gap:.3rem;margin-top:.5rem;display:flex}.word-popover-morphemes .morph{background:var(--color-surface-alt);border-radius:var(--radius-sm);padding:.1rem .4rem;font-weight:700}.word-popover-close{cursor:pointer;color:var(--color-muted);background:0 0;border:none;font-size:1rem;line-height:1;position:absolute;top:.5rem;right:.5rem}.word-popover-play{cursor:pointer;background:0 0;border:none;padding:.2rem;font-size:1.1rem;line-height:1;position:absolute;top:.4rem;right:2.2rem}.word-popover-play:disabled{opacity:.5;cursor:default}.verb-group{border-top:1px solid var(--color-border);margin-top:.5rem;padding-top:.5rem}.verb-group:first-of-type{border-top:none;margin-top:0;padding-top:0}.verb-group-header{cursor:pointer;text-align:left;width:100%;font:inherit;background:0 0;border:none;justify-content:space-between;align-items:baseline;gap:.5rem;padding:0;display:flex}.verb-group-count{color:var(--color-muted);white-space:nowrap;font-size:.75rem}.verb-group-forms{flex-direction:column;gap:.4rem;margin-top:.4rem;display:flex}.verb-form-row{background:var(--color-surface-alt);border-radius:var(--radius-sm);padding:.4rem .5rem}.verb-form-tags{flex-wrap:wrap;gap:.25rem;margin-top:.25rem;display:flex}.verb-form-tag{background:var(--color-primary-soft);color:var(--color-primary);border-radius:var(--radius-full);padding:.05rem .5rem;font-size:.75rem}.word-popover-add{border-top:1px solid var(--color-border);margin-top:.75rem;padding-top:.6rem}.word-popover-add select{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;margin-bottom:.4rem;padding:.3rem}