:root{--bg-color:#0f172a;--bg-gradient:radial-gradient(circle at top right, #1e1b4b, #0f172a);--glass-bg:rgba(30, 41, 59, 0.7);--glass-border:rgba(255, 255, 255, 0.1);--glass-shadow:0 4px 30px rgba(0, 0, 0, 0.5);--glass-hover-bg:rgba(51, 65, 85, 0.8);--primary:#fbbf24;--primary-hover:#f59e0b;--secondary:#3b82f6;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--text-main:#f8fafc;--text-muted:#94a3b8;--text-highlight:#fef3c7;--primary-glow:rgba(251, 191, 36, 0.4);--primary-text:#0f172a;--font-family:'Outfit',sans-serif}body.light-mode{--bg-color:#f1f5f9;--bg-gradient:radial-gradient(circle at top right, #e2e8f0, #f1f5f9);--glass-bg:rgba(255, 255, 255, 0.7);--glass-border:rgba(0, 0, 0, 0.1);--glass-shadow:0 4px 30px rgba(0, 0, 0, 0.1);--glass-hover-bg:rgba(241, 245, 249, 0.8);--primary:#fbbf24;--primary-hover:#d97706;--text-main:#0f172a;--text-muted:#475569;--text-highlight:#d97706;--primary-glow:rgba(251, 191, 36, 0.4);--primary-text:#0f172a;--font-family:'Outfit',sans-serif;--border-radius:16px;--transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);--accent-pi:#6366f1;--accent-pii:#e49221;--accent-pps:#bb0c40;--accent-fi:#10b981;--accent-c:#f59e0b;--accent-pc:#8438c2}.tense-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle;flex-shrink:0}.tense-text-pi{color:var(--accent-pi)}.tense-option{font-family:var(--font-family);font-size:.95rem;line-height:1.4}.tense-verb-name{font-size:1.05rem;display:block;margin:.25rem 0}.tense-verb-label{font-weight:600;font-size:.85rem}.tense-text-pii{color:var(--accent-pii)}.tense-text-pps{color:var(--accent-pps)}.tense-text-fi{color:var(--accent-fi)}.tense-text-c{color:var(--accent-c)}.tense-text-pc{color:var(--accent-pc)}.tense-row{display:flex;align-items:center}.conju-options{margin-bottom:1rem;text-align:left}.conju-options-title{margin-bottom:.5rem}.conju-options-list{border:1px solid var(--glass-border);background:rgba(0,0,0,.1)}.conju-options-actions{margin-bottom:1rem}.audio-revision-settings{width:100%}.audio-options{margin-bottom:1.5rem;text-align:left}.audio-options-title{margin-bottom:.5rem;font-weight:600}.audio-options-list{border:1px solid var(--glass-border);background:rgba(0,0,0,.1)}.audio-options-actions{display:flex;flex-direction:column}.duration-select{padding:.75rem;border-radius:10px;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-main);font-family:var(--font-family);font-size:1rem;cursor:pointer}.duration-select:focus{outline:2px solid var(--primary);outline-offset:2px}.audio-revision-active{display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:700px;margin:0 auto;padding:2rem 1rem}.countdown-timer-large{font-size:4rem;font-weight:700;color:var(--primary);text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.1em}.verb-display-card{width:100%;padding:2rem;text-align:center}.verb-name-large{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-main)}.verb-translation{font-size:1.25rem;margin-bottom:1.5rem}.tense-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.1rem}.conjugation-list{list-style:none;padding:0;margin:0 auto;text-align:left;max-width:400px}.conjugation-list li{padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.05);font-size:1.1rem}.conjugation-list li:last-child{border-bottom:none}.conjugation-list strong{display:inline-block;min-width:120px;color:var(--text-muted)}.media-controls{display:flex;flex-direction:row;gap:1rem;justify-content:center;align-items:center}.btn.media-control{font-size:1.75rem;height:4rem;min-width:4rem;padding:0 1rem;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:var(--transition);box-shadow:0 4px 15px rgba(0,0,0,.2)}.btn.media-control .app-icon{font-size:1.6rem}.btn.media-control:hover{transform:translateY(-2px)}.btn.media-control:disabled{opacity:.45;cursor:not-allowed}.btn.media-control:disabled:hover{transform:none;box-shadow:none}.prompt-subtext{font-size:.9em}.tense-color-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.tense-color-row:last-child{border-bottom:none}.tense-color-row label{display:flex;align-items:center;gap:.5rem;flex:1}.tense-color-row input[type=color]{border:none;border-radius:6px;width:36px;height:28px;cursor:pointer;padding:0;background:0 0}*{margin:0;padding:0;box-sizing:border-box}h1,h2,h3,h4{font-family:var(--font-family);font-weight:600;letter-spacing:normal;margin-bottom:.8rem;line-height:1.4}.hidden,.is-hidden{display:none!important}.is-block{display:block!important}.is-disabled{opacity:.5;cursor:not-allowed}.full-width{width:100%}.text-left{text-align:left}.text-center{text-align:center}.status-success{color:var(--success)}.status-muted{color:var(--text-muted)}.toast-error{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:#f44336;color:#fff;padding:12px 24px;border-radius:4px;z-index:10000;box-shadow:0 2px 8px rgba(0,0,0,.3)}.toast-success{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:var(--success);color:#fff;padding:12px 24px;border-radius:4px;z-index:10000;box-shadow:0 2px 8px rgba(0,0,0,.3)}.item-picker-modal{padding:1.5rem!important}.item-card{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05);transition:background .15s}.item-card:hover{background:var(--glass-hover-bg)}.item-card.selected{background:rgba(99,102,241,.15);border-left:3px solid var(--primary)}.filter-btn.active{background:var(--primary)!important;color:var(--primary-text)!important;border-color:var(--primary)!important}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.card{border-radius:var(--border-radius)}.app-container{display:flex;flex-direction:column;width:100vw;height:100vh}.sidebar{width:100%;padding:.5rem 1rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;z-index:10;border-bottom:2px solid var(--primary);background:rgba(0,0,0,.3);min-height:48px}.logo{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.version-badge{display:inline-flex;align-items:center;justify-content:center;padding:.15rem .45rem;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass-hover-bg);color:var(--text-muted);font-size:.72rem;font-weight:600;letter-spacing:.02em}.version-badge-drawer{display:none;margin-top:.15rem;align-self:center}.logo-icon{width:1.5rem;height:1.5rem;object-fit:contain}.logo .app-title{font-family:var(--font-family);font-size:1rem;color:var(--text-main);margin-top:0;margin-bottom:0;font-weight:700;letter-spacing:.5px}.logo .highlight{color:var(--primary)}.nav-links{list-style:none;display:flex;flex-direction:row;justify-content:center;gap:.5rem;flex:1}.nav-btn{background:0 0;width:100%;text-align:center;padding:.75rem 1.25rem;color:var(--text-muted);font-family:var(--font-family);font-size:1rem;font-weight:500;line-height:1.5;border-radius:12px;cursor:pointer;transition:var(--transition)}.nav-btn:hover{background:var(--glass-hover-bg);color:var(--text-main);transform:translateY(-2px)}.nav-btn.active{background:var(--primary);color:var(--primary-text);box-shadow:0 4px 15px var(--primary-glow)}.sidebar-footer{flex-shrink:0}.sidebar-actions{display:flex;flex-direction:column;gap:.6rem}.icon-btn{background:0 0;border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;font-family:var(--font-family);font-size:1rem;display:inline-flex;align-items:center;gap:.4rem;transition:var(--transition)}.app-icon{display:inline-block;font-size:1.1em;line-height:1;vertical-align:middle}.icon-btn.icon-only{width:40px;height:40px;min-width:40px;min-height:40px;padding:0;border-radius:999px;justify-content:center;gap:0;font-size:1.1rem;line-height:1}.icon-btn.icon-only .app-icon{font-size:1.2rem}.app-bar-help-btn{margin-left:.5rem}.icon-btn:hover{background:var(--glass-hover-bg);color:var(--text-main)}#btn-settings,#drawer-btn-settings{justify-content:center;text-align:center}.main-content{flex:1;overflow-y:auto;scroll-behavior:smooth;position:relative}.app-view{display:none;animation:.4s forwards fadeIn}.app-view.active{display:flex;flex-direction:column;gap:2rem;height:100%;animation:.4s forwards fadeIn;gap:1rem}.view-header h2{font-family:var(--font-family);font-size:1.75rem;font-weight:700;line-height:1.4;margin-bottom:.5rem;color:var(--primary)}.view-header p{color:var(--text-muted);font-size:1.1rem}.app-mount{flex:1;display:flex;flex-direction:column}.btn{padding:.8rem 1.5rem;font-family:var(--font-family);font-size:1rem;line-height:1.5;cursor:pointer;border:none;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn.primary{background:var(--primary);color:var(--primary-text)}.btn.primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px rgba(99,102,241,.3)}.btn.secondary{background:var(--glass-hover-bg);color:var(--text-main);border:1px solid var(--glass-border)}.btn.secondary:hover{background:rgba(71,85,105,.8)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:.75rem;backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .3s}.modal-overlay:not(.hidden){opacity:1;pointer-events:auto}.modal{width:100%;max-width:500px;max-height:calc(100vh - 1.5rem);margin-top:.25rem;overflow:auto;border-radius:var(--border-radius);padding:1rem;transform:translateY(20px);transition:transform .3s cubic-bezier(.175, .885, .32, 1.275)}.modal-overlay:not(.hidden) .modal{transform:translateY(0)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h3{font-family:var(--font-family);font-size:1.3rem;font-weight:600}.close-btn{background:0 0;border:none;color:var(--text-muted);font-size:2rem;line-height:1;cursor:pointer;transition:color .2s}.close-btn:hover{color:var(--danger)}.master-toggle-btn{color:var(--text-muted);background:0 0;border:none;font-size:1.5rem;transition:var(--transition);margin-right:-.25rem;padding:.25rem}.master-toggle-btn:hover{color:var(--text-main)}.master-toggle-btn.active{color:var(--primary);background:var(--glass-hover-bg);border-radius:8px}.settings-group{margin-bottom:1.5rem}.settings-group h4{font-size:1.1rem;margin-bottom:.25rem}.settings-group p{color:var(--text-muted);font-size:.9rem;margin-bottom:1rem}.settings-tabs{display:flex;gap:.5rem;margin-bottom:1.25rem}.settings-tab{flex:1}.help-tab.active,.settings-tab.active{background:var(--primary);color:var(--primary-text)}.settings-tab-panel{display:none}.settings-tab-panel.active{display:block}.help-tab-panel{display:none}.help-tab-panel.active{display:block}.welcome-modal{max-width:620px}.welcome-modal-body p{color:var(--text-main);font-size:.98rem;line-height:1.6;margin-bottom:1rem}.welcome-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem}.welcome-tip-btn{background:var(--tip-jar-gold);color:var(--tip-jar-gold-text);border:1px solid var(--tip-jar-gold-border)}.welcome-tip-btn:hover{background:var(--tip-jar-gold-hover)}.welcome-go-btn{background:var(--success);color:var(--text-on-accent)}.welcome-go-btn:hover{filter:brightness(1.05)}.tip-jar-modal{max-width:560px}.tip-jar-modal-body{display:flex;flex-direction:column;gap:1rem;align-items:center}.tip-jar-image{width:100%;max-width:420px;border-radius:12px;border:1px solid var(--glass-border)}@media (max-width:600px){.welcome-actions{flex-direction:column}.welcome-actions .btn{width:100%}}.settings-reset-btn{font-size:.75rem;padding:.35rem .65rem;border-radius:8px}.muted{color:var(--text-muted);font-size:.85rem}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;font-family:var(--font-family);background:var(--glass-bg);color:var(--text-main);border:1px solid var(--glass-border);cursor:pointer;outline:0;transition:var(--transition)}select:hover{background:var(--glass-hover-bg)}select option{background:var(--bg-color);color:var(--text-main);font-family:var(--font-family);border-radius:6px;transition:var(--transition);margin-bottom:2px;font-size:1rem;padding:.75rem .9rem}select option:focus,select option:hover{background:var(--glass-hover-bg);color:var(--primary)}.sb-score,.sbd-label,.sbd-value,.score-display,.score-val{font-family:var(--font-family)}.settings-actions{display:flex;gap:1rem}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hamburger-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:0 0;border:1px solid var(--glass-border);border-radius:10px;cursor:pointer;padding:8px;margin-left:.5rem;transition:var(--transition)}.hamburger-btn:hover{background:var(--glass-hover-bg)}.hamburger-btn span{display:block;width:100%;height:2px;background:var(--text-main);border-radius:2px;transition:var(--transition)}.drawer-overlay{position:fixed;inset:0;z-index:50;opacity:0;pointer-events:none;transition:opacity .3s;backdrop-filter:blur(4px)}.drawer-overlay.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;width:280px;max-width:80vw;height:100vh;z-index:51;display:flex;flex-direction:column;padding:1.5rem;transform:translateX(100%);transition:transform .35s cubic-bezier(.25, .8, .25, 1)}.drawer-overlay.open .drawer{transform:translateX(0)}.drawer-header{display:flex;align-items:center;justify-content:flex-end;margin-bottom:2rem}.drawer-header h2{display:none}.drawer-nav{list-style:none;display:flex;flex-direction:column;gap:.5rem;flex:1}.drawer-nav-btn{background:0 0;width:100%;text-align:center;padding:.75rem 1.25rem;color:var(--text-muted);font-family:var(--font-family);font-size:1rem;font-weight:500;line-height:1.5;border-radius:12px;cursor:pointer;transition:var(--transition)}.drawer-nav-btn:hover{background:var(--glass-hover-bg);color:var(--text-main);transform:translateX(4px)}.drawer-nav-btn.active{background:var(--primary);color:var(--primary-text);box-shadow:0 4px 15px var(--primary-glow)}.drawer-footer{margin-top:auto}.view-header-row{display:flex;align-items:center;gap:1rem}.btn-scoreboard{width:40px;height:40px;min-width:40px;min-height:40px;padding:0;font-size:1.125rem;line-height:1;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-secondary);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.btn-scoreboard .app-icon{font-size:1.2rem}.btn.secondary.btn-scoreboard{border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-secondary)}.btn-scoreboard:hover,.btn.secondary.btn-scoreboard:hover{background:var(--bg-elevated);border-color:var(--accent-primary);color:var(--accent-primary)}.btn-scoreboard:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.sb-modal-overlay{z-index:200;background:rgba(15,23,42,.55)}.sb-modal{max-width:560px;padding:0!important;overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--bg-card);box-shadow:var(--glass-shadow)}.sb-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle);background:var(--bg-card)}.sb-title{font-family:var(--font-family);font-size:1rem;font-weight:600;color:var(--text-primary);letter-spacing:0;margin-bottom:0}.sb-detail-modal .close-btn,.sb-header .close-btn{width:40px;height:40px;font-size:1.5rem;color:var(--text-secondary);border-radius:var(--radius-pill)}.sb-detail-modal .close-btn:hover,.sb-header .close-btn:hover{background:rgba(220,38,38,.12);color:var(--action-danger)}.sb-scanline{display:none}.sb-tabs{display:flex;gap:.5rem;padding:.75rem 1rem;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle)}.sb-tab{flex:1;min-height:44px;padding:.55rem .5rem;font-family:var(--font-family);font-size:.875rem;font-weight:500;background:0 0;color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s;border-radius:var(--radius-pill);letter-spacing:0}.sb-tab:hover{background:rgba(37,99,235,.1);color:var(--text-primary)}.sb-tab.active{background:var(--accent-primary);color:var(--text-on-accent);border-color:var(--accent-primary)}.sb-table{padding:0;background:var(--bg-card)}.sb-table-header{display:grid;grid-template-columns:50px 1fr 90px 50px 85px;padding:.75rem 1rem;font-family:var(--font-family);font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated)}.sb-table-body{max-height:400px;overflow-y:auto}.sb-row{display:grid;grid-template-columns:50px 1fr 90px 50px 85px;min-height:44px;padding:.625rem 1rem;align-items:center;border-bottom:1px solid var(--border-subtle);font-family:var(--font-family);font-size:.875rem;color:var(--text-primary);transition:background-color .15s;cursor:pointer}.sb-row:nth-child(2n){background:var(--bg-elevated)}.sb-row:hover{background:rgba(37,99,235,.08)}.sb-rank{font-weight:600;color:var(--text-secondary)}.sb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-score{text-align:right;color:var(--text-secondary);font-size:.8125rem}.sb-pct{text-align:right;font-weight:600}.sb-date{text-align:right;color:var(--text-muted);font-size:.75rem}.sb-row.gold .sb-name,.sb-row.gold .sb-pct,.sb-row.gold .sb-rank{color:#b45309}.sb-row.silver .sb-name,.sb-row.silver .sb-pct,.sb-row.silver .sb-rank{color:#4b5563}.sb-row.bronze .sb-name,.sb-row.bronze .sb-pct,.sb-row.bronze .sb-rank{color:#92400e}.sb-detail-overlay{z-index:210}.sb-detail-modal{max-width:500px;padding:0!important;overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--bg-card);box-shadow:var(--glass-shadow)}.sbd-summary{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem;padding:1rem}.sbd-stat{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:8px;padding:.75rem}.sbd-label{display:block;font-family:var(--font-family);font-size:.75rem;font-weight:600;color:var(--text-secondary);letter-spacing:.04em;margin-bottom:.4rem}.sbd-value{display:block;font-family:var(--font-family);font-size:.875rem;color:var(--text-primary)}.sbd-section{margin-bottom:1rem;padding:0 1rem}.sbd-section-title{font-family:var(--font-family);font-size:.75rem;font-weight:600;color:var(--text-secondary);letter-spacing:.04em;margin-bottom:.6rem;padding-bottom:.4rem;border-bottom:1px solid var(--border-subtle)}.sbd-tags{display:flex;flex-wrap:wrap;gap:.4rem}.sbd-tag{background:rgba(37,99,235,.1);border:1px solid rgba(37,99,235,.28);color:var(--text-primary);padding:.35rem .6rem;border-radius:var(--radius-pill);font-family:var(--font-family);font-size:.75rem}.sbd-item-tag{font-size:.75rem;padding:.25rem .5rem;background:var(--bg-elevated);border-color:var(--border-subtle)}.sbd-items-wrap{max-height:150px;overflow-y:auto}.sb-empty{text-align:center;padding:2rem 1rem;font-family:var(--font-family);font-size:.875rem;color:var(--text-muted);letter-spacing:0}body[data-theme=dark] .sb-tab:hover{background:rgba(96,165,250,.2)}body[data-theme=dark] .sb-row:hover{background:rgba(96,165,250,.16)}body[data-theme=dark] .sb-row:nth-child(2n){background:#172131}body[data-theme=dark] .sb-row.gold .sb-name,body[data-theme=dark] .sb-row.gold .sb-pct,body[data-theme=dark] .sb-row.gold .sb-rank{color:#fbbf24}body[data-theme=dark] .sb-row.silver .sb-name,body[data-theme=dark] .sb-row.silver .sb-pct,body[data-theme=dark] .sb-row.silver .sb-rank{color:#d1d5db}body[data-theme=dark] .sb-row.bronze .sb-name,body[data-theme=dark] .sb-row.bronze .sb-pct,body[data-theme=dark] .sb-row.bronze .sb-rank{color:#f59e0b}@media (max-width:640px){.sb-row,.sb-table-header{grid-template-columns:42px 1fr 74px 52px}.sb-table-header{font-size:.6875rem}.sb-row{font-size:.8125rem}.sb-date{display:none}.sb-title{font-size:1rem}}.modal-header-row{display:flex;align-items:center;gap:.75rem}.settings-tip,.split-controls-spaced{margin-top:.75rem}.export-option-label{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:6px;cursor:pointer;transition:background .2s}.export-option-label:hover{background:rgba(255,255,255,.05)}.export-modal{max-width:450px}.export-modal-body{text-align:left}.export-modal-desc{margin-bottom:1rem;color:var(--text-muted);font-size:.9rem}.export-options{margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.export-select-all{margin-bottom:.5rem;border-bottom:2px solid var(--glass-border)}.export-download-btn{width:100%}.export-download-btn.is-disabled{opacity:.5;cursor:not-allowed}.flash-options{margin-bottom:1rem;text-align:left}.flash-options-title{margin-bottom:.5rem}.flash-options-actions{margin-bottom:1rem}.item-picker-modal{max-width:650px;max-height:85vh;display:flex;flex-direction:column}.picker-count{font-size:.8em;color:var(--text-muted)}.picker-controls{padding:0 0 .75rem;display:flex;flex-direction:column;gap:.75rem}.picker-search{width:100%;padding:.7rem 1rem;border-radius:10px;border:1px solid var(--glass-border);background:rgba(0,0,0,.2);color:var(--text-main);font-family:var(--font-family);font-size:.95rem}.picker-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.filter-btn{padding:.4rem .8rem;font-size:.85em;width:100%}.picker-actions{display:flex;gap:.5rem}.picker-action-btn{flex:1;padding:.4rem;font-size:.85em}.picker-list{flex:1;overflow-y:auto;border:1px solid var(--glass-border);border-radius:10px;min-height:200px;max-height:50vh}.picker-footer{padding-top:.75rem}.picker-done{width:100%}.item-card-title{font-weight:600}.item-card-subtitle{font-size:.85em}.sbd-body{padding:1.25rem}.setup-card{margin-bottom:2rem}.quiz-actions{display:flex;gap:1rem}.timer-mode{background:var(--glass-bg);color:var(--text-main);border:1px solid var(--glass-border)}.quiz-view{flex:1;display:flex;flex-direction:column}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.timer-display{font-weight:700;color:var(--primary)}.quiz-card{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.prompt-row{display:flex;align-items:center;gap:.75rem;justify-content:center;margin-bottom:1rem}.prompt-main{font-size:3rem;margin:0;line-height:1;font-family:var(--font-family)}.btn-speak-prompt{background:0 0;border:none;cursor:pointer;font-size:2.7rem;padding:0;line-height:1;align-self:center;vertical-align:middle}.btn-speak-prompt .app-icon{font-size:.95em}.prompt-sub{font-size:1.2rem;margin-bottom:2rem}.options-grid{display:grid;grid-template-columns:1fr;gap:1rem;width:100%;max-width:900px}.feedback-banner{margin-top:1rem;padding:1rem;border-radius:10px;text-align:center;font-weight:700}.feedback-banner.is-correct{background:rgba(16,185,129,.2);color:var(--success)}.feedback-banner.is-incorrect{background:rgba(239,68,68,.2);color:var(--danger)}.btn-next{position:fixed;right:1rem;bottom:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));margin-top:0;z-index:20;background:var(--accent-primary);border:1px solid var(--accent-primary);color:var(--text-on-accent)}.btn-next:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-next.is-after-incorrect,.btn-next.is-after-incorrect:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-on-accent)}.btn-next.is-after-incorrect:hover{background:#3b82f6;border-color:#3b82f6}body[data-theme=dark] .btn-next.is-after-incorrect:hover{background:#93c5fd;border-color:#93c5fd;color:#0b1220}.gameover-view{text-align:center}.final-score{font-size:4rem;margin:1rem 0;color:var(--primary)}.final-pct{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-muted)}.sb-name-entry{margin-bottom:1.5rem}.sb-name-prompt{font-weight:600;margin-bottom:.75rem}.sb-name-row{display:flex;gap:.75rem;justify-content:center;align-items:center}.sb-name-input{padding:.7rem 1rem;border-radius:10px;background:rgba(0,0,0,.3);color:var(--text-main);border:1px solid var(--glass-border);font-family:var(--font-family);font-size:1rem;text-transform:uppercase;width:180px;text-align:center}.sb-not-eligible{margin-bottom:1rem;font-size:.95rem}.gameover-actions{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:320px;margin:0 auto}.gameover-actions .btn{width:100%}.grouped-options{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:900px;text-align:center;align-items:center}.group-row{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.group-column{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.group-btn{padding:.6rem .9rem;font-size:1rem;font-family:var(--font-family);text-align:center;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.group-btn.is-selected{background:var(--primary);color:#fff}.option-btn-large{padding:1.5rem;font-size:1.2rem;font-family:var(--font-family);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.group-btn.is-correct,.option-btn.is-correct{background:var(--success);color:#fff}.group-btn.is-incorrect,.option-btn.is-incorrect{background:var(--danger);color:#fff}.group-btn:disabled,.option-btn:disabled{opacity:1;-webkit-text-fill-color:currentColor}.group-btn.is-correct:disabled,.option-btn.is-correct:disabled{background:var(--success);color:#fff}.group-btn.is-incorrect:disabled,.option-btn.is-incorrect:disabled{background:var(--danger);color:#fff}.tense-border-pi{border-left:4px solid var(--accent-pi)}.tense-border-pii{border-left:4px solid var(--accent-pii)}.tense-border-pps{border-left:4px solid var(--accent-pps)}.tense-border-fi{border-left:4px solid var(--accent-fi)}.tense-border-c{border-left:4px solid var(--accent-c)}.tense-border-pc{border-left:4px solid var(--accent-pc)}.tense-dot-pi{background:var(--accent-pi)}.tense-dot-pii{background:var(--accent-pii)}.tense-dot-pps{background:var(--accent-pps)}.tense-dot-fi{background:var(--accent-fi)}.tense-dot-c{background:var(--accent-c)}.tense-dot-pc{background:var(--accent-pc)}@media (max-width:768px){.app-container{flex-direction:column}.sidebar{width:100%;height:auto;padding:1rem;flex-direction:row;align-items:center;border-right:none;border-bottom:1px solid var(--glass-border)}.logo{margin-bottom:0}.logo .app-title{display:block;font-size:1rem;font-weight:700;color:var(--text-main);margin-left:.5rem}.logo .version-badge,.nav-links,.sidebar-footer{display:none}.hamburger-btn{display:flex!important;flex-direction:column;justify-content:center;align-items:center;width:2.6rem;height:2.6rem;padding:0;gap:.22rem;background:0 0;border:none;border-radius:0;box-shadow:none}.app-bar-help-btn{margin-left:auto}.hamburger-btn span{display:block;width:1.7rem;height:.2rem;margin:0;background:var(--text-main);border-radius:0}.main-content{padding:1.5rem}.version-badge-drawer{display:inline-flex}.quiz-card{padding:1.5rem .5rem!important}.card{padding:1.5rem!important}.btn-next{right:.75rem;bottom:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom));padding:.65rem 1rem;font-size:.95rem}}body{font-family:var(--font-family);background:var(--bg-gradient);background-attachment:fixed;color:var(--text-main);min-height:100vh;display:flex;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg-app);color:var(--text-primary);overflow:hidden}.app-container{min-height:100vh;background:var(--bg-app)}.top-app-bar{position:sticky;top:0;z-index:30;min-height:56px;padding:8px 16px;border-bottom:1px solid var(--border-subtle);background:color-mix(in srgb,var(--bg-app) 94%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.app-bar-brand{min-width:0}.app-bar-nav{gap:.25rem;overflow-x:auto;scrollbar-width:none}.app-bar-nav::-webkit-scrollbar{display:none}.drawer-nav-btn,.nav-btn{white-space:nowrap;border:1px solid transparent;color:var(--text-secondary)}.drawer-nav-btn:hover,.nav-btn:hover{transform:none;background:var(--bg-elevated);color:var(--text-primary)}.drawer-nav-btn.active,.nav-btn.active{background:color-mix(in srgb,var(--accent-primary) 14%,var(--bg-card));border-color:color-mix(in srgb,var(--accent-primary) 35%,var(--border-subtle));color:var(--accent-primary);box-shadow:none}.main-content{width:100%;max-width:480px;margin:0 auto;padding:16px}.screen-header{padding:4px 0 2px}.screen-header h2{font-size:1.5rem;line-height:1.25;color:var(--text-primary);margin-bottom:.35rem}.screen-header p{color:var(--text-secondary);font-size:.92rem}.card,.gameover-card,.glass,.quiz-card,.setup-card{width:100%;border-radius:12px;background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:0 8px 24px rgba(15,23,42,.08);backdrop-filter:none;-webkit-backdrop-filter:none}body[data-theme=dark] .card,body[data-theme=dark] .gameover-card,body[data-theme=dark] .glass,body[data-theme=dark] .quiz-card,body[data-theme=dark] .setup-card{box-shadow:0 12px 32px rgba(0,0,0,.45)}.gameover-card,.quiz-card,.setup-card{padding:16px}.setup-card{display:flex;flex-direction:column;min-height:360px}.setup-card>h3{margin-bottom:.9rem;color:var(--text-primary)}.quiz-section{margin-bottom:.9rem}.audio-options-actions,.conju-options-actions,.flash-options-actions,.quiz-actions,.quiz-actions-stack{margin-top:auto;display:flex;flex-direction:column;gap:.75rem}.btn{min-height:48px;border-radius:12px;font-weight:600}.btn-primary,.btn.primary{background:var(--action-primary);border:1px solid var(--action-primary);color:var(--text-on-accent)}.btn-primary:hover,.btn.primary:hover{background:var(--action-primary-pressed);border-color:var(--action-primary-pressed);transform:none;box-shadow:none}.btn-secondary,.btn.secondary{background:0 0;border:1px solid var(--border-subtle);color:var(--accent-primary)}.btn-secondary:hover,.btn.secondary:hover{background:var(--bg-elevated);transform:none}.btn-danger{background:0 0;border:1px solid var(--action-danger);color:var(--action-danger)}.icon-btn{min-height:40px;padding:.5rem .75rem;border-radius:10px;border:1px solid var(--border-subtle);color:var(--text-secondary)}.select,.timer-mode,select{min-height:60px;width:100%;border-radius:8px;border:1px solid var(--border-subtle);background-color:var(--bg-card);color:var(--text-primary);padding:0 52px 0 16px;font-size:1.05rem;line-height:1.3;background-image:linear-gradient(45deg,transparent 50%,var(--text-secondary) 50%),linear-gradient(135deg,var(--text-secondary) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 13px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.audio-options-list,.conju-options-list,.tense-list{max-height:clamp(96px,calc(100dvh - 26rem),1000px);overflow-y:auto;border:1px solid var(--border-subtle);border-radius:12px;background:var(--bg-elevated);padding:4px}.tense-row{display:flex;align-items:center;gap:.6rem;width:100%}.tense-sub{margin-left:auto;color:var(--text-muted);font-size:.8rem}.audio-options-list .item-card,.conju-options-list .item-card,.tense-list .item-card{border-radius:10px;background:0 0;border:1px solid transparent;margin-bottom:4px}.audio-options-list .item-card:last-child,.conju-options-list .item-card:last-child,.tense-list .item-card:last-child{margin-bottom:0}.audio-options-list .item-card.selected,.conju-options-list .item-card.selected,.tense-list .item-card.selected{border-left:4px solid var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 12%,var(--bg-card))}.theme-setting-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.theme-setting-copy h4{margin-bottom:.25rem}.switch{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;user-select:none}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch-track{width:44px;height:24px;border-radius:999px;background:var(--border-subtle);border:1px solid color-mix(in srgb,var(--border-subtle) 60%,var(--text-muted));position:relative;transition:background .2s}.switch-track::after{content:"";width:18px;height:18px;border-radius:999px;background:var(--bg-card);box-shadow:0 1px 3px rgba(0,0,0,.25);position:absolute;top:2px;left:2px;transition:transform .2s}.switch input:checked+.switch-track{background:var(--accent-primary);border-color:var(--accent-primary)}.switch input:checked+.switch-track::after{transform:translateX(20px)}.switch-label{min-width:2.75rem;font-weight:600;color:var(--text-secondary)}.drawer-overlay{background:rgba(15,23,42,.55)}.drawer{background:var(--bg-card);border-left:1px solid var(--border-subtle)}.app-view.quiz-mode-active .screen-header,.is-quiz-fullscreen .top-app-bar{display:none}.app-view.quiz-mode-active .app-mount{position:fixed;inset:0;z-index:80;max-width:none;padding:.75rem;background:var(--bg-app);overflow:hidden;overflow-x:hidden}.app-view.quiz-mode-active{overflow-x:hidden}.app-view.quiz-mode-active .gameover-view,.app-view.quiz-mode-active .quiz-view{display:flex;flex-direction:column;height:100%;min-height:0}.app-view.quiz-mode-active .gameover-card,.app-view.quiz-mode-active .quiz-card{height:100%;min-height:0;margin:0}.app-view.quiz-mode-active .quiz-card{justify-content:flex-start}.app-view.quiz-mode-active .options-grid{display:flex;flex-direction:column;gap:.75rem;flex:1;min-height:0}.app-view.quiz-mode-active .option-btn-large{flex:1;min-height:64px}.app-view.quiz-mode-active .btn-next{position:fixed;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:95}@media (max-width:768px){.top-app-bar{padding:8px 12px}.logo .app-title{font-size:1.05rem}.main-content{padding:12px}.screen-header h2{font-size:1.35rem}.select,.timer-mode,select{min-height:60px;padding:0 50px 0 14px;background-position:calc(100% - 21px) 50%,calc(100% - 13px) 50%}.app-view.quiz-mode-active .app-mount{padding:.5rem}.app-view.quiz-mode-active .btn-next{right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom))}}