:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--bg-card:#f9f9fb;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--bg-card:#1e1f27;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.search-box{margin-bottom:1rem}.search-input{box-sizing:border-box;border:1.5px solid var(--border);background:var(--bg);width:100%;color:var(--text-h);font-size:.95rem;font-family:var(--sans);-webkit-appearance:none;border-radius:10px;outline:none;padding:.7rem 1rem;transition:border-color .15s}.search-input:focus{border-color:var(--accent)}.search-input::placeholder{color:var(--text);opacity:.65}.filter-empty{text-align:center;color:var(--text);padding:2.5rem 1rem;font-size:.95rem;font-style:italic}.filter-error{color:var(--text-h);background:#dc262612;border:1px solid #dc26264d;border-radius:8px;margin-bottom:1rem;padding:.7rem 1rem;font-size:.88rem}[data-theme=dark] .filter-error{background:#ef444417;border-color:#ef44444d}.mode-selector{width:100%;max-width:560px;margin-top:.25rem}.mode-selector-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text);text-align:center;margin:0 0 .75rem;font-size:.78rem;font-weight:600}.mode-grid{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.mode-card:last-child:nth-child(odd){grid-column:1/-1}.mode-card{border:1.5px solid var(--border);background:var(--bg);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.9rem 1.1rem;transition:border-color .15s,background .15s,transform .12s,box-shadow .15s;display:flex}.mode-card:hover{border-color:var(--accent);background:var(--accent-bg);transform:translateY(-1px);box-shadow:0 4px 12px #00000012}.mode-card:active{transform:scale(.98)}.mode-card-label{color:var(--text-h);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.95rem;font-weight:600;display:flex}.wrong-badge{color:#fff;background:#dc2626;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:.1rem .42rem;font-size:.68rem;font-weight:700;line-height:1.4;display:inline-flex}[data-theme=dark] .wrong-badge{background:#ef4444}.mode-card-desc{color:var(--text);font-size:.78rem;line-height:1.4}.filter-container{box-sizing:border-box;text-align:left;width:100%;max-width:700px;margin:0 auto;padding:1.5rem 1.5rem 3rem}@media (width<=600px){.filter-container{padding:1.25rem 1rem 2.5rem}}.filter-header{border-bottom:1px solid var(--border);align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.btn-back{border:1.5px solid var(--border);font-size:.88rem;font-family:var(--sans);color:var(--text-h);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;flex-shrink:0;padding:.45rem .875rem;transition:border-color .15s,color .15s}.btn-back:hover{border-color:var(--accent);color:var(--accent)}.filter-title{color:var(--text-h);margin:0;font-size:1.2rem;font-weight:500}.filter-grid{grid-template-columns:1fr 1fr;gap:.625rem;display:grid}.filter-grid-3{grid-template-columns:repeat(3,1fr)}@media (width<=500px){.filter-grid{grid-template-columns:1fr}.filter-grid-3{grid-template-columns:1fr 1fr}}.filter-card{border:1.5px solid var(--border);background:var(--bg);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.8rem .95rem;transition:border-color .15s,background .15s,transform .12s,box-shadow .15s;display:flex}.filter-card:hover{border-color:var(--accent);background:var(--accent-bg);transform:translateY(-1px);box-shadow:0 4px 12px #00000012}.filter-card-center{text-align:center;align-items:center}.filter-card-name{color:var(--text-h);font-size:.9rem;font-weight:500;line-height:1.35}.filter-card-sub{color:var(--text);font-size:.78rem}.filter-card-count{color:var(--accent);margin-top:.15rem;font-size:.73rem}.quiz-top-bar{justify-content:space-between;align-items:center;min-height:1.5rem;margin-bottom:.875rem;display:flex}.quiz-mode-label{color:var(--text);background:var(--accent-bg);border:1px solid var(--accent-border);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:calc(100% - 110px);padding:.2rem .7rem;font-size:.75rem;overflow:hidden}.btn-ghost{color:var(--text);font-size:.82rem;font-family:var(--sans);cursor:pointer;white-space:nowrap;background:0 0;border:none;margin-left:auto;padding:.25rem 0;transition:color .15s}.btn-ghost:hover{color:var(--accent)}.results-mode-label{color:var(--text);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:999px;margin:0 0 .75rem;padding:.25rem .875rem;font-size:.78rem}.btn-primary{background:var(--accent);color:#fff;font-size:1rem;font-family:var(--sans);cursor:pointer;border:none;border-radius:10px;padding:.8rem 1.75rem;font-weight:500;transition:opacity .15s,transform .1s}.btn-primary:hover{opacity:.88}.btn-primary:active{transform:scale(.97)}.btn-large{padding:1rem 2.5rem;font-size:1.05rem}.btn-secondary{color:var(--text-h);border:1.5px solid var(--border);font-size:1rem;font-family:var(--sans);cursor:pointer;background:0 0;border-radius:10px;padding:.8rem 1.75rem;transition:border-color .15s,color .15s}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.home-container{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;padding:0 1.5rem 3rem;display:flex}.home-header{max-width:560px;margin-bottom:.5rem}.home-subtitle{color:var(--text);margin:0;font-size:1.05rem;line-height:1.65}.stats-grid{grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;max-width:480px;margin:2rem 0 2.5rem;display:grid}@media (width<=400px){.stats-grid{gap:.5rem}}.stat-card{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:14px;flex-direction:column;align-items:center;gap:.3rem;min-width:0;padding:1.25rem .75rem;display:flex}@media (width<=400px){.stat-card{border-radius:10px;padding:1rem .5rem}}.stat-number{color:var(--accent);font-size:2rem;font-weight:700;line-height:1}@media (width<=400px){.stat-number{font-size:1.6rem}}.stat-label{color:var(--text);text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;line-height:1.3}@media (width<=480px){.stat-label{letter-spacing:.02em;overflow-wrap:break-word;word-break:break-word;font-size:.68rem}}@media (width<=400px){.stat-card{padding:.875rem .4rem}.stat-label{letter-spacing:0;font-size:.64rem}}.today-plan{width:100%;max-width:560px;margin-bottom:.5rem}.today-plan-header{margin-bottom:.75rem}.today-plan-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text);text-align:center;margin:0 0 .2rem;font-size:.78rem;font-weight:600}.today-plan-subtitle{color:var(--text);text-align:center;opacity:.85;margin:0;font-size:.78rem}.today-plan-cards{flex-direction:column;gap:.55rem;display:flex}.today-plan-card{border:1.5px solid var(--border);background:var(--bg);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1.1rem;transition:border-color .15s;display:flex}.today-plan-card:hover{border-color:var(--accent-border)}.tpc-body{text-align:left;flex:1;min-width:0}.tpc-badge{text-transform:uppercase;letter-spacing:.07em;color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:999px;margin-bottom:.3rem;padding:.1rem .5rem;font-size:.67rem;font-weight:600;display:inline-block}.tpc-title{color:var(--text-h);margin:0 0 .2rem;font-size:.88rem;font-weight:600;line-height:1.3}.tpc-desc{color:var(--text);margin:0;font-size:.78rem;line-height:1.4}.tpc-btn{background:var(--accent);color:#fff;font-size:.8rem;font-family:var(--sans);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;padding:.5rem .9rem;font-weight:500;transition:opacity .15s,transform .1s}.tpc-btn:hover{opacity:.88}.tpc-btn:active{transform:scale(.96)}@media (width<=440px){.today-plan-card{flex-direction:column;align-items:flex-start}.tpc-btn{text-align:center;width:100%;padding:.6rem .9rem}}.quiz-container{box-sizing:border-box;text-align:left;width:100%;max-width:700px;margin:0 auto;padding:1.75rem 1.5rem 2.5rem}@media (width<=600px){.quiz-container{padding:1.25rem 1rem 2rem}.quiz-progress-header{z-index:10;background:var(--bg);border-bottom:1px solid var(--border);margin:-1.25rem -1rem .75rem;padding:1.25rem 1rem .625rem;position:sticky;top:0}}.quiz-header{color:var(--text);justify-content:space-between;align-items:center;margin-bottom:.6rem;font-size:.88rem;display:flex}.quiz-score-label{color:var(--accent);font-weight:600}.progress-bar{background:var(--border);border-radius:999px;height:5px;margin-bottom:1.75rem;overflow:hidden}.progress-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .35s}.question-card{border:1px solid var(--border);background:var(--bg);border-radius:16px;padding:1.75rem}@media (width<=600px){.question-card{padding:1.25rem 1rem}}.question-text{color:var(--text-h);margin:0 0 1.5rem;font-size:1rem;font-weight:500;line-height:1.6}.options{flex-direction:column;gap:.6rem;margin-bottom:0;display:flex}@media (width<=600px){.options{gap:.75rem}}.answer-btn{text-align:left;border:1.5px solid var(--border);background:var(--bg);width:100%;color:var(--text-h);font-size:.92rem;font-family:var(--sans);cursor:pointer;border-radius:10px;padding:.8rem 1rem;line-height:1.45;transition:border-color .15s,background .15s}@media (width<=600px){.answer-btn{min-height:52px;padding:.9rem 1rem}}.answer-btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent-bg)}.answer-btn:disabled{cursor:default}.answer-btn.correct{color:var(--text-h);background:#16a34a17;border-color:#16a34a}.answer-btn.wrong{color:var(--text-h);background:#dc262617;border-color:#dc2626}.answer-btn.dimmed{opacity:.4}[data-theme=dark] .answer-btn.correct{background:#22c55e1a;border-color:#22c55e}[data-theme=dark] .answer-btn.wrong{background:#ef44441a;border-color:#ef4444}.feedback{border-radius:10px;margin-top:1.25rem;padding:1rem 1.125rem;font-size:.92rem;line-height:1.55}.feedback-correct{background:#16a34a14;border:1px solid #16a34a4d}.feedback-wrong{background:#dc262612;border:1px solid #dc262640}[data-theme=dark] .feedback-correct{background:#22c55e17;border-color:#22c55e40}[data-theme=dark] .feedback-wrong{background:#ef444417;border-color:#ef444440}.feedback-status{color:var(--text-h);margin:0 0 .4rem;font-weight:600}.feedback-explanation{color:var(--text);margin:0}.quiz-action{margin-top:1.25rem}@media (width<=600px){.quiz-action .btn-primary{text-align:center;width:100%}}.match-question{margin-top:.5rem}.match-pairs{flex-direction:column;gap:.75rem;margin-bottom:1.25rem;display:flex}.match-row{border:1.5px solid var(--border);background:var(--bg-card);border-radius:10px;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.6rem .75rem;display:flex}.match-row-correct{background:#16a34a17;border-color:#16a34a}.match-row-wrong{background:#dc262617;border-color:#dc2626}.match-author{color:var(--text-h);flex-shrink:0;min-width:7rem;font-weight:600}.match-arrow{color:var(--text);opacity:.55;flex-shrink:0}.match-select{border:1.5px solid var(--border);background:var(--bg);min-width:8rem;color:var(--text-h);font-size:.95rem;font-family:var(--sans);cursor:pointer;border-radius:8px;flex:1;padding:.45rem .65rem;transition:border-color .15s}.match-select:focus{border-color:var(--accent);outline:none}.match-select:disabled{opacity:.85;cursor:default}.match-correct-hint{color:#16a34a;flex-basis:100%;padding-left:.25rem;font-size:.83rem;font-weight:600}.match-actions{justify-content:center;margin-top:.5rem;display:flex}[data-theme=dark] .match-row-correct{background:#22c55e1a;border-color:#22c55e}[data-theme=dark] .match-row-wrong{background:#ef44441a;border-color:#ef4444}[data-theme=dark] .match-correct-hint{color:#22c55e}@media (width<=480px){.match-author{min-width:5.5rem}.match-select{min-width:6rem;min-height:44px;font-size:.88rem}}@media (width<=380px){.match-row{flex-direction:column;align-items:flex-start;gap:.4rem}.match-select{flex:none;width:100%}}.results-container{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:480px;margin:0 auto;padding:2.5rem 1.5rem 3rem;display:flex}.results-title{color:var(--text-h);margin:0 0 2rem;font-size:1.5rem;font-weight:500}.score-circle{border:5px solid var(--border);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;width:160px;height:160px;margin-bottom:1.5rem;display:flex}.score-circle.score-good{background:#16a34a12;border-color:#16a34a}.score-circle.score-ok{background:#ca8a0412;border-color:#ca8a04}.score-circle.score-low{background:#dc262612;border-color:#dc2626}[data-theme=dark] .score-circle.score-good{background:#22c55e17;border-color:#22c55e}[data-theme=dark] .score-circle.score-ok{background:#eab30817;border-color:#eab308}[data-theme=dark] .score-circle.score-low{background:#ef444417;border-color:#ef4444}.score-fraction{color:var(--text-h);font-size:2.25rem;font-weight:700;line-height:1}.score-total{color:var(--text);font-size:1.25rem;font-weight:400}.score-percent{color:var(--accent);font-size:1.1rem;font-weight:600}.score-message{color:var(--text);text-align:center;margin:0 0 2.5rem;font-size:1rem}.results-actions{flex-direction:column;gap:.75rem;width:100%;max-width:320px;display:flex}.results-actions .btn-primary,.results-actions .btn-secondary{text-align:center;width:100%}@media (width>=420px){.results-actions{flex-direction:row;justify-content:center}.results-actions .btn-primary,.results-actions .btn-secondary{width:auto}}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.mastered-msg{color:#15803d;background:#16a34a1f;border:1px solid #16a34a4d;border-radius:8px;margin:.75rem 0 0;padding:.5rem .75rem;font-size:.88rem;font-weight:600}[data-theme=dark] .mastered-msg{color:#4ade80;background:#22c55e1a;border-color:#22c55e4d}.mastered-progressing{color:#b45309;background:#b453091a;border-color:#b453094d}[data-theme=dark] .mastered-progressing{color:#fbbf24;background:#fbbf241a;border-color:#fbbf244d}.mastered-stayed{color:#dc2626;background:#dc262614;border-color:#dc262640}[data-theme=dark] .mastered-stayed{color:#f87171;background:#f8717114;border-color:#f8717140}.results-stats{text-align:center;margin-bottom:1.75rem}.results-stat-row{color:var(--text);margin:0;font-size:.9rem}.results-stat-row strong{color:var(--text-h)}.results-all-mastered{color:#15803d;font-weight:600}[data-theme=dark] .results-all-mastered{color:#4ade80}.quiz-length-picker{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;width:100%;max-width:560px;margin-bottom:1.5rem;display:flex}@media (width<=480px){.quiz-length-picker{flex-direction:column;gap:.5rem}}.qlp-label{color:var(--text);white-space:nowrap;text-align:center;font-size:.82rem;font-weight:500}.qlp-options{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.qlp-btn{background:var(--bg);border:1.5px solid var(--border);font-size:.88rem;font-family:var(--sans);color:var(--text-h);cursor:pointer;border-radius:8px;min-width:2.4rem;padding:.35rem .8rem;transition:border-color .15s,background .15s,color .15s}.qlp-btn:hover{border-color:var(--accent);color:var(--accent)}.qlp-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.mode-card-empty{opacity:.55}.mode-card-weakspots:hover{background:#d9770612;border-color:#d97706}[data-theme=dark] .mode-card-weakspots:hover{background:#fbbf2414;border-color:#fbbf24}.daily-streak-note{color:#059669;margin-top:.1rem;font-size:.72rem;font-weight:600}[data-theme=dark] .daily-streak-note{color:#34d399}.wrong-actions{justify-content:center;margin-top:.625rem;display:flex}.btn-clear-wrong{color:var(--text);font-size:.78rem;font-family:var(--sans);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:.25rem .5rem;text-decoration:underline;transition:color .15s}.btn-clear-wrong:hover{color:#dc2626}[data-theme=dark] .btn-clear-wrong:hover{color:#f87171}.wrong-empty-container{text-align:center;box-sizing:border-box;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:480px;margin:0 auto;padding:3rem 1.5rem;display:flex}.wrong-empty-title{color:var(--text-h);margin:0;font-size:1.4rem;font-weight:500}.wrong-empty-text{color:var(--text-h);margin:0;font-size:1rem}.wrong-empty-sub{color:var(--text);max-width:360px;margin:0 0 1rem;font-size:.9rem;line-height:1.55}.home-nav{width:100%;max-width:560px;margin-top:.25rem}.home-nav-heading{text-transform:uppercase;letter-spacing:.1em;color:var(--text);text-align:center;margin:0 0 .75rem;font-size:.78rem;font-weight:600}.home-nav-tabs-wrap{margin-bottom:1rem;position:relative}.home-nav-tabs{border:1.5px solid var(--border);scrollbar-width:none;-ms-overflow-style:none;border-radius:12px;display:flex;overflow:auto hidden}.home-nav-tabs::-webkit-scrollbar{display:none}.tab-fade{pointer-events:none;z-index:2;width:52px;position:absolute;top:0;bottom:0}.tab-fade-left{background:linear-gradient(to right, var(--bg) 20%, transparent 100%);border-radius:12px 0 0 12px;left:0}.tab-fade-right{background:linear-gradient(to left, var(--bg) 20%, transparent 100%);border-radius:0 12px 12px 0;right:0}.tab-scroll-btn{z-index:3;color:var(--accent);cursor:pointer;opacity:.85;background:0 0;border:none;padding:.25rem .35rem;font-size:1.25rem;line-height:1;transition:opacity .15s;position:absolute;top:50%;transform:translateY(-50%)}.tab-scroll-btn:hover{opacity:1}.tab-scroll-btn-left{left:1px}.tab-scroll-btn-right{right:1px}.home-nav-tab{background:var(--bg);color:var(--text-h);font-size:.8rem;font-family:var(--sans);cursor:pointer;white-space:nowrap;text-align:center;border:none;flex:1;padding:.6rem .4rem;font-weight:500;transition:background .15s,color .15s}.home-nav-tab+.home-nav-tab{border-left:1.5px solid var(--border)}.home-nav-tab:hover:not(.home-nav-tab-active){background:var(--accent-bg);color:var(--accent)}.home-nav-tab-active{background:var(--accent);color:#fff}.home-nav-panel{width:100%}.home-nav-stats-panel{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;padding:1.25rem .5rem;display:flex}.home-nav-stats-desc{color:var(--text);max-width:420px;margin:0;font-size:.88rem;line-height:1.6}.help-body-tab{border:1px solid var(--border);border-radius:10px;padding:1rem 1.125rem 1.375rem}.settings-panel{border:1px solid var(--border);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem 1.125rem;display:flex}.settings-section-title{color:var(--text-h);margin:0;font-size:.82rem;font-weight:700}.settings-section-desc{color:var(--text);margin:0;font-size:.875rem;line-height:1.5}.theme-options{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.theme-option-btn{border:1.5px solid var(--border);background:var(--bg);color:var(--text-h);font-size:.88rem;font-family:var(--sans);cursor:pointer;border-radius:8px;padding:.45rem 1rem;font-weight:500;transition:border-color .15s,background .15s,color .15s}.theme-option-btn:hover:not(.theme-option-active){border-color:var(--accent);color:var(--accent)}.theme-option-active{background:var(--accent);border-color:var(--accent);color:#fff}.settings-hint{color:var(--text);opacity:.8;margin:0;font-size:.78rem}.help-section{border:1px solid var(--border);border-radius:10px;width:100%;max-width:560px;margin-top:1.5rem;overflow:hidden}.help-summary{cursor:pointer;color:var(--text);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:.875rem 1.125rem;font-size:.88rem;font-weight:500;list-style:none;transition:color .15s;display:flex}.help-summary::-webkit-details-marker{display:none}.help-summary:after{content:"›";flex-shrink:0;font-size:1.2rem;line-height:1;transition:transform .2s}details[open] .help-summary{color:var(--text-h)}details[open] .help-summary:after{transform:rotate(90deg)}.help-summary:hover{color:var(--text-h)}.help-list{border-top:1px solid var(--border);flex-direction:column;gap:.5rem;margin:0;padding:0 1.125rem 1rem 2.25rem;display:flex}.help-list li{color:var(--text);padding-top:.5rem;font-size:.88rem;line-height:1.55}.help-list li:first-child{padding-top:.75rem}.mode-card-label,.mode-card-desc,.filter-card-name,.filter-card-sub,.fc-main-name,.fc-section-text,.question-text,.feedback-explanation{overflow-wrap:break-word;word-break:break-word}.fc-type-grid{grid-template-columns:repeat(3,1fr);gap:.875rem;display:grid}@media (width<=600px){.fc-type-grid{grid-template-columns:1fr}}.fc-type-card{border:1.5px solid var(--border);background:var(--bg);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;gap:.3rem;padding:1.25rem;transition:border-color .15s,background .15s,transform .12s,box-shadow .15s;display:flex}.fc-type-card:hover{border-color:var(--accent);background:var(--accent-bg);transform:translateY(-1px);box-shadow:0 4px 12px #00000012}.fc-type-card-label{color:var(--text-h);font-size:1rem;font-weight:600}.fc-type-card-count{color:var(--accent);font-size:.8rem;font-weight:500}.fc-type-card-desc{color:var(--text);font-size:.78rem;line-height:1.4}.flashcards-container{box-sizing:border-box;text-align:left;width:100%;max-width:680px;margin:0 auto;padding:1.5rem 1.5rem 2.5rem}@media (width<=600px){.flashcards-container{padding:1.25rem 1rem 2rem}}.fc-top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.fc-progress{color:var(--text);font-size:.85rem}.fc-top-actions{align-items:center;gap:.75rem;display:flex}.btn-toggle{border:1.5px solid var(--border);font-size:.78rem;font-family:var(--sans);color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;padding:.35rem .75rem;transition:border-color .15s,color .15s,background .15s}.btn-toggle:hover{border-color:var(--accent);color:var(--accent)}.btn-toggle.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.fc-card{border:1px solid var(--border);background:var(--bg);box-shadow:var(--shadow);border-radius:16px;min-height:220px;max-height:65vh;margin-bottom:1.25rem;padding:1.75rem;overflow-y:auto}@media (width<=600px){.fc-card{min-height:180px;max-height:55vh;padding:1.25rem 1rem}}.fc-type-badge{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;margin-bottom:1.1rem;padding:.2rem .65rem;font-size:.7rem;font-weight:700;display:inline-block}.badge-author{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border)}.badge-work{color:#059669;background:#10b9811a;border:1px solid #10b9814d}[data-theme=dark] .badge-work{color:#34d399;background:#34d3991a;border-color:#34d3994d}.fc-front{flex-direction:column;gap:.5rem;display:flex}.fc-main-name{color:var(--text-h);margin:0;font-size:1.5rem;font-weight:600;line-height:1.25}.fc-subtitle{color:var(--text);margin:0;font-size:1rem;font-style:italic}.fc-genre{color:var(--accent);margin:0;font-size:.88rem;font-weight:500}.fc-back{flex-direction:column;gap:1rem;display:flex}.fc-section{flex-direction:column;gap:.3rem;display:flex}.fc-section-label{text-transform:uppercase;letter-spacing:.07em;color:var(--accent);font-size:.72rem;font-weight:700}.fc-section-text{color:var(--text-h);margin:0;font-size:.9rem;line-height:1.5}.fc-list{flex-direction:column;gap:.2rem;margin:0;padding-left:1.1rem;display:flex}.fc-list li{color:var(--text-h);font-size:.88rem;line-height:1.45}.fc-flip-area{justify-content:center;margin-bottom:1rem;display:flex}@media (width<=600px){.fc-flip-area .btn-primary{text-align:center;width:100%}}.fc-nav{justify-content:center;gap:.625rem;display:flex}.fc-nav .btn-secondary{text-align:center;flex:1;max-width:160px;padding:.7rem .75rem;font-size:.88rem}@media (width<=600px){.fc-nav .btn-secondary{max-width:none;min-height:48px}}.fc-nav .btn-secondary:disabled{opacity:.3;cursor:default}@media (width<=400px){.fc-nav{flex-wrap:wrap}.fc-nav .btn-secondary{max-width:none}}.results-comparison{text-align:center;border-radius:8px;margin:-1rem 0 1.75rem;padding:.55rem 1rem;font-size:.88rem;font-weight:500}.comp-above{color:#15803d;background:#16a34a14;border:1px solid #16a34a4d}.comp-below{color:#b91c1c;background:#dc262612;border:1px solid #dc262640}[data-theme=dark] .comp-above{color:#4ade80;background:#22c55e17;border-color:#22c55e40}[data-theme=dark] .comp-below{color:#f87171;background:#ef444417;border-color:#ef444440}.stats-summary{border:1px solid var(--border);box-sizing:border-box;border-radius:12px;width:100%;max-width:560px;margin-bottom:1.25rem;padding:.875rem 1.125rem}.stats-summary-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.ss-heading{text-transform:uppercase;letter-spacing:.08em;color:var(--text);font-size:.78rem;font-weight:600}.btn-view-stats{color:var(--accent);font-size:.82rem;font-family:var(--sans);cursor:pointer;background:0 0;border:none;padding:0;font-weight:500;transition:opacity .15s}.btn-view-stats:hover{opacity:.75}.stats-summary-row{justify-content:space-around;gap:0;display:flex}.ss-item{flex-direction:column;flex:1;align-items:center;gap:.15rem;display:flex}.ss-item+.ss-item{border-left:1px solid var(--border)}.ss-value{color:var(--accent);font-size:1.35rem;font-weight:700;line-height:1}.ss-label{color:var(--text);text-align:center;font-size:.72rem}.stats-screen{box-sizing:border-box;text-align:left;width:100%;max-width:680px;margin:0 auto;padding:1.5rem 1.5rem 3rem}@media (width<=600px){.stats-screen{padding:1.25rem 1rem 2.5rem}}.stats-screen-header{border-bottom:1px solid var(--border);align-items:center;gap:1rem;margin-bottom:1.75rem;padding-bottom:1rem;display:flex}.stats-screen-title{color:var(--text-h);margin:0;font-size:1.2rem;font-weight:500}.stats-empty{text-align:center;color:var(--text);padding:2rem 0;font-size:.95rem;font-style:italic}.ss-overview-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:2rem;display:grid}.ss-ov-card{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:12px;flex-direction:column;align-items:center;gap:.25rem;padding:1rem .75rem;display:flex}.ss-ov-value{color:var(--accent);font-size:1.6rem;font-weight:700;line-height:1}.ss-ov-label{color:var(--text);text-align:center;text-transform:uppercase;letter-spacing:.05em;overflow-wrap:break-word;word-break:break-word;font-size:.72rem;line-height:1.3}@media (width<=500px){.ss-ov-label{letter-spacing:.02em;font-size:.65rem}}.ss-section{margin-bottom:1.75rem}.ss-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text);margin:0 0 .75rem;font-size:.78rem;font-weight:600}.ss-attempts{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:0;display:flex;overflow:hidden}.ss-attempt-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.ss-attempt-row:last-child{border-bottom:none}.ss-attempt-info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.ss-attempt-label{color:var(--text-h);overflow-wrap:break-word;word-break:break-word;font-size:.9rem;font-weight:500}.ss-attempt-date{color:var(--text);font-size:.75rem}.ss-attempt-score{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.1rem;margin-left:.75rem;display:flex}.ss-attempt-pct{font-size:1rem;font-weight:700}.ss-attempt-pct.pct-good{color:#16a34a}.ss-attempt-pct.pct-ok{color:#ca8a04}.ss-attempt-pct.pct-low{color:#dc2626}[data-theme=dark] .ss-attempt-pct.pct-good{color:#22c55e}[data-theme=dark] .ss-attempt-pct.pct-ok{color:#eab308}[data-theme=dark] .ss-attempt-pct.pct-low{color:#ef4444}.ss-attempt-frac{color:var(--text);font-size:.75rem}.ss-breakdown{flex-direction:column;gap:.6rem;display:flex}.ss-bar-row{grid-template-columns:minmax(90px,140px) 1fr 38px 52px;align-items:center;gap:.6rem;display:grid}@media (width<=500px){.ss-bar-row{grid-template-columns:minmax(70px,100px) 1fr 34px 44px;gap:.4rem}}.ss-bar-label{color:var(--text-h);overflow-wrap:break-word;word-break:break-word;font-size:.82rem;line-height:1.3}@media (width<=500px){.ss-bar-label{font-size:.75rem}}.ss-bar-track{background:var(--border);border-radius:999px;height:7px;overflow:hidden}.ss-bar-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .4s}.ss-bar-pct{color:var(--accent);text-align:right;font-size:.8rem;font-weight:600}.ss-bar-count{color:var(--text);text-align:right;font-size:.73rem}.ss-entity-empty{color:var(--text);margin:0;font-size:.82rem;font-style:italic}.ss-entity-list{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:0;display:flex;overflow:hidden}.ss-entity-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem 1rem;display:flex}.ss-entity-row:last-child{border-bottom:none}.ss-entity-info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.ss-entity-name{color:var(--text-h);font-size:.88rem;font-weight:500;line-height:1.3}.ss-entity-meta{color:var(--text);font-size:.75rem}.ss-entity-btn{border:1.5px solid var(--border);font-size:.75rem;font-family:var(--sans);color:var(--text-h);cursor:pointer;white-space:nowrap;background:0 0;border-radius:7px;flex-shrink:0;padding:.3rem .65rem;transition:border-color .15s,color .15s}.ss-entity-btn:hover{border-color:var(--accent);color:var(--accent)}.ss-clear-area{justify-content:center;margin-top:1.5rem;display:flex}.btn-clear-stats{color:var(--text);font-size:.82rem;font-family:var(--sans);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:.25rem .5rem;text-decoration:underline;transition:color .15s}.btn-clear-stats:hover{color:#dc2626}[data-theme=dark] .btn-clear-stats:hover{color:#f87171}.fillblank-question{width:100%}.fillblank-input-row{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.fillblank-input{border:2px solid var(--border,#d1d5db);font-size:1rem;font-family:var(--sans);background:var(--card-bg,#fff);color:var(--text);border-radius:.5rem;outline:none;flex:1;padding:.6rem .9rem;transition:border-color .15s}.fillblank-input:focus{border-color:#6366f1}.fillblank-input:disabled{opacity:.85;cursor:default}.fillblank-input-correct{background:#16a34a12;border-color:#16a34a}.fillblank-input-wrong{background:#dc262612;border-color:#dc2626}.fillblank-correct-reveal{margin:.25rem 0 .5rem;font-weight:600}[data-theme=dark] .fillblank-input{background:#1f2937;border-color:#4b5563}[data-theme=dark] .fillblank-input-correct{background:#22c55e1a;border-color:#22c55e}[data-theme=dark] .fillblank-input-wrong{background:#ef44441a;border-color:#ef4444}@media (width<=480px){.fillblank-input-row{flex-direction:column;align-items:stretch}.fillblank-input-row .btn-primary{text-align:center;width:100%}}.sg-tabs{border:1.5px solid var(--border);border-radius:10px;margin-bottom:1.25rem;display:flex;overflow:hidden}.sg-tab{background:var(--bg);color:var(--text-h);font-size:.92rem;font-family:var(--sans);cursor:pointer;border:none;flex:1;padding:.65rem 1rem;font-weight:500;transition:background .15s,color .15s}.sg-tab+.sg-tab{border-left:1.5px solid var(--border)}.sg-tab:hover:not(.sg-tab-active){background:var(--accent-bg);color:var(--accent)}.sg-tab-active{background:var(--accent);color:#fff}.sg-detail-title{overflow-wrap:break-word;word-break:break-word;flex:1;min-width:0}.sg-type-badge{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;margin-bottom:.5rem;padding:.2rem .65rem;font-size:.7rem;font-weight:700;display:inline-block}.sg-badge-author{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border)}.sg-badge-work{color:#059669;background:#10b9811a;border:1px solid #10b9814d}[data-theme=dark] .sg-badge-work{color:#34d399;background:#34d3991a;border-color:#34d3994d}.sg-subtitle{color:var(--text);margin:0 0 1.5rem;font-size:.95rem;font-style:italic}.sg-section{margin-bottom:1.375rem}.sg-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:.4rem;font-size:.7rem;font-weight:700}.sg-section-text{color:var(--text-h);overflow-wrap:break-word;word-break:break-word;margin:0;font-size:.92rem;line-height:1.65}.sg-list{flex-direction:column;gap:.25rem;margin:0;padding-left:1.2rem;display:flex}.sg-list li{color:var(--text-h);font-size:.92rem;line-height:1.5}.sg-works-list{flex-direction:column;gap:.4rem;display:flex}.sg-work-item{border:1.5px solid var(--border);background:var(--bg);cursor:pointer;text-align:left;box-sizing:border-box;border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.65rem .9rem;transition:border-color .15s,background .15s;display:flex}.sg-work-item:hover{border-color:var(--accent);background:var(--accent-bg)}.sg-work-title{color:var(--text-h);overflow-wrap:break-word;word-break:break-word;min-width:0;font-size:.92rem;font-weight:500}.sg-work-genre{color:var(--text);white-space:nowrap;flex-shrink:0;font-size:.78rem}.help-body{border-top:1px solid var(--border);text-align:left;flex-direction:column;align-items:stretch;gap:1rem;padding:1rem 1.125rem 1.375rem;display:flex}.help-group{flex-direction:column;align-items:stretch;gap:.3rem;display:flex}.help-group-title{color:var(--text-h);text-align:left;margin:0;font-size:.82rem;font-weight:700}.help-p{color:var(--text);text-align:left;margin:0;font-size:.875rem;line-height:1.6}.help-divider{background:var(--border);height:1px;margin:.125rem 0}.help-ul,.help-ol{text-align:left;flex-direction:column;align-items:stretch;gap:.25rem;margin:.15rem 0 0;padding-left:1.25rem;list-style-position:outside;display:flex}.help-ul li,.help-ol li{color:var(--text);text-align:left;font-size:.875rem;line-height:1.55}.help-ul li strong,.help-ol li strong{color:var(--text-h);font-weight:600}