:root{--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans CJK SC", "Noto Sans KR", sans-serif;--color-canvas:#f7f4ee;--color-canvas-tint:#eef5f1;--color-surface:#fffefa;--color-surface-raised:#fffefaeb;--color-surface-soft:#f8fbf7;--color-control:#edf3ef;--color-primary:#245c52;--color-primary-strong:#12352f;--color-primary-soft:#dfeee8;--color-text:#1d2520;--color-text-muted:#52645e;--color-text-subtle:#63736d;--color-border:#245c5224;--color-border-strong:#245c523d;--color-danger:#a63d2d;--color-danger-strong:#84291f;--color-danger-soft:#fff1ed;--color-danger-tint:#ffe2da;--color-success:#14533e;--color-success-soft:#e7f6ea;--color-success-border:#a2d4ab;--color-warning:#8a5c1f;--color-warning-soft:#fff2de;--color-warning-border:#f0c57e;--color-heat:#e98861;--color-token-hidden:#d7d7d7;--color-progress-end:#b6c85d;--color-accent-soft:#5ab0a1;--color-input-strong:#82b9ad;--color-danger-border:#d46a55;--color-success-border-strong:#4f9f71;--color-on-primary:#fff;--color-focus:#28807147;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-pill:999px;--shadow-sm:0 10px 24px #245c521a;--shadow-md:0 20px 60px #245c5217;--shadow-lg:0 26px 70px #245c521f;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-page-title:clamp(1.75rem, 2vw, 2.25rem);--text-verse:clamp(1.35rem, 1.8vw, 1.875rem);--text-token:clamp(1.15rem, 1.55vw, 1.625rem);--line-body:1.55;--line-verse:1.75;--touch-target:2.75rem;--sidebar-width:19rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-sans);background:var(--color-canvas);color:var(--color-text);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0%, #2c746729, transparent 32rem), linear-gradient(135deg, var(--color-canvas) 0%, var(--color-canvas-tint) 48%, var(--color-surface) 100%);min-width:320px;min-height:100dvh;font-size:var(--text-md);line-height:var(--line-body);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);height:100dvh;display:grid;overflow:hidden}.sidebar{gap:var(--space-5);height:100dvh;padding:var(--space-5);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffbd;border-right:1px solid #1c332c1f;flex-direction:column;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:var(--space-3);display:flex}.brand-mark{border-radius:var(--radius-md);place-items:center;width:3rem;height:3rem;display:grid;overflow:hidden}.brand-mark img{width:100%;height:100%;display:block}.brand h1,.topbar h2,.practice-header h3{letter-spacing:0;margin:0}.brand h1{font-size:var(--text-xl);line-height:1.2}.brand p,.topbar p,.practice-header p,.mini-card p,.result-panel p{color:var(--color-text-subtle);margin:0}.stat-stack,.summary-strip{gap:var(--space-3);display:grid}.stat-card{align-items:center;gap:var(--space-3);min-height:3.5rem;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:auto 1fr auto;display:grid}.stat-card svg{color:var(--color-primary)}.stat-card span{color:var(--color-text-subtle);font-size:var(--text-sm)}.stat-card strong{font-size:var(--text-xl);line-height:1.2}.tabs{gap:var(--space-2);display:grid}.tab-button,.primary-button,.secondary-button,.ghost-button,.icon-button{border-radius:var(--radius-md);border:0;min-height:2.75rem;transition:transform .18s,background .18s,border-color .18s}.tab-button{align-items:center;gap:var(--space-3);width:100%;padding:0 var(--space-3);color:var(--color-text-muted);text-align:left;background:0 0;display:flex}.tab-button.active{color:var(--color-primary-strong);background:var(--color-primary-soft)}.primary-button,.secondary-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-target);padding:0 var(--space-4);font-weight:700;display:inline-flex}.primary-button{color:var(--color-on-primary);background:var(--color-primary)}.secondary-button{color:var(--color-primary);background:var(--color-primary-soft)}.ghost-button{padding:0 var(--space-4);color:var(--color-text-muted);background:0 0}.icon-button{width:var(--touch-target);height:var(--touch-target);color:var(--color-primary);background:var(--color-control);place-items:center;display:grid}.icon-button.danger{color:var(--color-danger);background:var(--color-danger-soft)}.tab-button:hover,.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.icon-button:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.55;transform:none!important}.settings-panel{gap:var(--space-2);margin-top:auto;display:grid}.auth-panel{gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid}.auth-panel-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.auth-panel-head span{font-size:var(--text-sm);font-weight:700}.auth-panel-head small,.auth-status,.auth-user small{color:var(--color-text-subtle);font-size:var(--text-xs)}.auth-user{gap:var(--space-1);display:grid}.auth-user strong{font-size:var(--text-md);line-height:1.2}.auth-button{width:100%}.auth-note,.auth-error{font-size:var(--text-xs);margin:0;line-height:1.35}.auth-note{color:var(--color-text-muted)}.auth-error{color:var(--color-danger)}.sync-overlay{z-index:20;padding:var(--space-4);background:#1d252066;place-items:center;display:grid;position:fixed;inset:0}.sync-dialog{gap:var(--space-4);width:min(42rem,100%);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);display:grid;box-shadow:0 24px 70px #1d252038}.sync-dialog h3,.sync-dialog p{margin:0}.sync-dialog h3{font-size:var(--text-lg)}.sync-dialog p{color:var(--color-text-muted);line-height:var(--line-body)}.auth-nudge-dialog{width:min(32rem,100%)}.auth-nudge-icon{width:3rem;height:3rem;color:var(--color-primary);background:var(--color-primary-soft);border-radius:var(--radius-md);place-items:center;display:grid}.sync-compare{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.sync-summary-card{gap:var(--space-1);min-height:6rem;padding:var(--space-3);background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid}.sync-summary-card span,.sync-summary-card small{color:var(--color-text-subtle)}.sync-actions{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.settings-panel label{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);display:flex}select,input,textarea{width:100%;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none}select,input{min-height:var(--touch-target);padding:0 var(--space-3)}textarea{min-height:8rem;padding:var(--space-3);resize:vertical;line-height:var(--line-body)}select:focus,input:focus,textarea:focus,button:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.workspace{gap:var(--space-4);min-width:0;height:100dvh;padding:var(--space-5);flex-direction:column;display:flex;overflow-y:auto}.topbar{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.topbar h2{margin-top:var(--space-1);font-size:var(--text-page-title);line-height:1.1}.mobile-brand,.topbar-account{display:none}.topbar-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.mobile-language-menu{display:none;position:relative}.mobile-language-menu summary{width:var(--touch-target);height:var(--touch-target);color:var(--color-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;place-items:center;list-style:none;display:grid}.mobile-language-menu summary::-webkit-details-marker{display:none}.mobile-language-list{z-index:12;gap:var(--space-1);min-width:9.5rem;margin-top:var(--space-2);padding:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid;position:absolute;right:0;box-shadow:0 18px 44px #1d252024}.mobile-language-list button{min-height:2.5rem;padding:0 var(--space-3);color:var(--color-text-muted);border-radius:var(--radius-sm);text-align:left;background:0 0;border:0}.mobile-language-list button.active{color:var(--color-on-primary);background:var(--color-primary)}.add-panel,.practice-card,.focus-panel .mini-card,.library-view,.progress-table,.stats-view .mini-card{border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:#fffefae6}.add-panel{padding:var(--space-4)}.form-grid{gap:var(--space-3);grid-template-columns:1fr 1fr 12rem;display:grid}.form-grid label,.textarea-label,.answer-box{gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);display:grid}.textarea-label{margin-top:var(--space-3)}.primary-textarea{margin-top:0}.primary-textarea textarea{min-height:10rem;font-size:var(--text-lg)}.form-section-title{margin:var(--space-4) 0 var(--space-2);color:var(--color-primary);font-size:var(--text-xs);text-transform:uppercase;font-weight:800}.form-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3);display:flex}.practice-grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr) 16rem;align-items:start;display:grid}.practice-card{gap:var(--space-4);padding:var(--space-5);border-color:var(--color-border-strong);box-shadow:var(--shadow-lg);display:grid}.practice-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.header-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.practice-header h3{margin-top:var(--space-2);font-size:var(--text-2xl);line-height:1.2}.pill,.review-date,.status-pill{min-height:1.8rem;padding:0 var(--space-3);color:var(--color-primary);background:var(--color-primary-soft);border-radius:var(--radius-pill);font-size:var(--text-xs);align-items:center;font-weight:700;display:inline-flex}.review-date{white-space:nowrap}.status-pill.complete{color:var(--color-success);background:var(--color-success-soft)}.mode-switch{gap:var(--space-1);padding:var(--space-1);background:var(--color-control);border-radius:var(--radius-md);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.mode-switch button{min-height:2.5rem;color:var(--color-text-muted);border-radius:var(--radius-sm);background:0 0;border:0;font-weight:700}.mode-switch button.active{color:var(--color-primary-strong);background:var(--color-surface);box-shadow:var(--shadow-sm)}.recall-controls{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.input-switch{gap:var(--space-1);padding:var(--space-1);background:var(--color-control);border:1px solid var(--color-border);border-radius:var(--radius-pill);display:inline-flex}.input-switch button{min-height:2.35rem;padding:0 var(--space-3);color:var(--color-text-muted);border-radius:var(--radius-pill);background:0 0;border:0;font-weight:700}.input-switch button.active{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.hint-toggle{align-items:center;gap:var(--space-2);min-height:2.35rem;padding:0 var(--space-3);color:var(--color-primary);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:0 0;font-weight:700;display:inline-flex}.hint-toggle.active{color:var(--color-primary-strong);background:var(--color-primary-soft);border-color:var(--color-border-strong)}.verse-display{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;min-height:14rem;padding:clamp(1rem,3vw,2rem);display:flex}.verse-display.mode-cloze{align-items:stretch}.verse-display p{width:100%;max-width:none;font-size:var(--text-verse);line-height:var(--line-verse);margin:0}.reference-end{margin-left:var(--space-2);padding:.15rem var(--space-2);color:var(--color-primary);background:var(--color-primary-soft);border-radius:var(--radius-pill);white-space:nowrap;align-items:center;font-size:.72em;font-weight:800;display:inline-flex}.verse-zh p,.verse-ko p,.verse-zh .token-wrap,.verse-ko .token-wrap,.verse-zh .cloze-wrap,.verse-ko .cloze-wrap{line-height:1.9}.token-wrap,.cloze-wrap{gap:var(--space-2);font-size:var(--text-token);line-height:var(--line-verse);flex-wrap:wrap;display:flex}.guided-hide{gap:var(--space-4);width:100%;display:grid}.hide-controls{gap:var(--space-2);flex-wrap:wrap;display:flex}.hide-controls button{min-height:2.25rem;padding:0 var(--space-3);color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:700}.hide-controls button.active{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus)}.reveal-wrap{padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.reveal-token{min-height:2.15rem;padding:0 var(--space-2);color:#0000;background:var(--color-token-hidden);border-radius:var(--radius-sm);border:0;box-shadow:inset 0 -1px #00000014}.reveal-token.revealed{color:var(--color-primary-strong);background:var(--color-primary-soft);font-weight:800}.cloze-wrap{align-content:flex-start;align-items:center;width:100%;max-width:none}.cloze-answer{gap:var(--space-1);vertical-align:top;justify-items:center;display:inline-grid}.cloze-wrap input{width:auto;min-width:4ch;min-height:2.65rem;padding:0 var(--space-2);color:var(--color-primary-strong);background:var(--color-surface);border:2px solid var(--color-input-strong);text-align:center;font-weight:800}.cloze-answer.correct input{color:var(--color-success);background:var(--color-success-soft);border-color:var(--color-success-border-strong);box-shadow:0 0 0 3px #4f9f7124}.cloze-answer.incorrect input{color:var(--color-danger-strong);background:var(--color-danger-soft);border-color:var(--color-danger-border);box-shadow:0 0 0 3px #d46a5529}.cloze-answer small{max-width:12ch;color:var(--color-danger-strong);background:var(--color-danger-tint);border-radius:var(--radius-sm);font-size:var(--text-xs);text-align:center;overflow-wrap:anywhere;padding:.08rem .35rem;font-weight:800;line-height:1.35}.blank-token,.letter-token{min-width:2.2rem;min-height:2.2rem;padding:0 var(--space-2);color:var(--color-primary);background:var(--color-primary-soft);border-radius:var(--radius-sm);justify-content:center;align-items:center;display:inline-flex}.blank-token{color:#0000;border-bottom:3px solid var(--color-primary)}.muted-script{color:var(--color-text-subtle)}.speech-panel{gap:var(--space-3);max-width:38rem;color:var(--color-primary);display:grid}.speech-panel p{color:var(--color-text-muted);font-size:var(--text-lg);line-height:var(--line-body)}.speech-cta{width:fit-content}.speech-panel .speech-cta span,.speech-panel .speech-cta svg{color:var(--color-on-primary)}.speech-panel span,.practice-hint{color:var(--color-warning)}.practice-hint{margin:calc(var(--space-1) * -1) 0 0;font-size:var(--text-sm)}.answer-box textarea{min-height:7.5rem}.result-panel{gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);display:grid}.result-panel strong{font-size:var(--text-2xl);line-height:1.2}.result-panel.good{background:var(--color-success-soft);border:1px solid var(--color-success-border)}.result-panel.needs-work{background:var(--color-warning-soft);border:1px solid var(--color-warning-border)}.practice-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.practice-more-menu{display:none;position:relative}.practice-more-menu summary{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-target);padding:0 var(--space-4);color:var(--color-primary);background:var(--color-control);border-radius:var(--radius-md);cursor:pointer;font-weight:700;list-style:none;display:inline-flex}.practice-more-menu summary::-webkit-details-marker{display:none}.practice-more-list{right:0;bottom:calc(100% + var(--space-2));z-index:8;gap:var(--space-1);min-width:13rem;padding:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid;position:absolute;box-shadow:0 18px 44px #1d252024}.practice-more-list button{align-items:center;gap:var(--space-2);min-height:2.75rem;padding:0 var(--space-3);color:var(--color-primary);border-radius:var(--radius-sm);text-align:left;background:0 0;border:0;display:flex}.practice-more-list button:hover{background:var(--color-control)}.focus-panel{gap:var(--space-4);opacity:.9;display:grid}.mini-card{gap:var(--space-3);padding:var(--space-4);display:grid}.mini-title{align-items:center;gap:var(--space-2);color:var(--color-primary);display:flex}.mini-title>div{align-items:center;gap:var(--space-2);display:flex}.mini-tool-button,.compact-button{min-height:2.25rem}.mini-tool-button{width:2.25rem;color:var(--color-primary);background:var(--color-control);border-radius:var(--radius-sm);border:0;place-items:center;display:grid}.compact-button{padding-inline:var(--space-3)}.mini-title .mini-tool-button,.mini-title .compact-button{margin-left:auto}.audio-bars{align-items:end;gap:var(--space-2);height:4.5rem;display:flex}.audio-bars span{background:linear-gradient(180deg, var(--color-accent-soft), var(--color-primary));border-radius:var(--radius-pill) var(--radius-pill) var(--radius-sm) var(--radius-sm);width:100%;min-height:1.2rem}.audio-bars span:nth-child(2){height:68%}.audio-bars span:nth-child(3){height:95%}.audio-bars span:nth-child(4){height:46%}.audio-bars span:nth-child(5){height:76%}.heat-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.heat-list span{padding:var(--space-2) var(--space-3);color:var(--color-text);background:color-mix(in srgb, var(--color-heat) calc(var(--heat) * 100%), var(--color-primary-soft));border-radius:var(--radius-sm);font-size:var(--text-sm)}.library-view{gap:var(--space-4);padding:var(--space-4);display:grid}.plan-panel{gap:var(--space-3);padding:var(--space-4);background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid}.plan-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.plan-eyebrow{margin-bottom:var(--space-1);color:var(--color-text-subtle);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:0;font-weight:800;display:inline-block}.plan-header h3{font-size:var(--text-lg);margin:0;line-height:1.25}.plan-weeks{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.plan-week{gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid}.plan-week-top{gap:var(--space-1);display:grid}.plan-week-top strong{color:var(--color-primary)}.plan-week-top span{color:var(--color-text-muted);font-size:var(--text-sm)}.plan-week-verses{gap:var(--space-2);flex-wrap:wrap;display:flex}.plan-week-verses span{padding:var(--space-1) var(--space-2);color:var(--color-primary);background:var(--color-primary-soft);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:700}.library-toolbar{gap:var(--space-3);grid-template-columns:minmax(0,1fr) 15rem;display:grid}.library-language{gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);display:grid}.search-field{align-items:center;gap:var(--space-2);padding:0 var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.search-field input{border:0;padding-inline:0}.verse-list,.progress-table,.trouble-table{gap:var(--space-3);display:grid}.verse-row{gap:var(--space-3);padding:var(--space-3);background:var(--color-surface-soft);border-radius:var(--radius-md);border:1px solid #0000;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;display:grid}.verse-row.selected{border-color:var(--color-border-strong)}.verse-row>button:first-child{gap:var(--space-1);text-align:left;background:0 0;border:0;min-width:0;padding:0;display:grid}.verse-row span,.progress-row strong{color:var(--color-primary);font-weight:800}.verse-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-menu{position:relative}.row-menu summary{width:2.75rem;height:2.75rem;color:var(--color-primary);background:var(--color-control);border-radius:var(--radius-md);cursor:pointer;place-items:center;list-style:none;display:grid}.row-menu summary::-webkit-details-marker{display:none}.row-menu-list{z-index:5;gap:var(--space-1);min-width:12rem;margin-top:var(--space-1);padding:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid;position:absolute;right:0;box-shadow:0 18px 44px #1d252024}.row-menu-list button{align-items:center;gap:var(--space-2);min-height:2.5rem;padding:0 var(--space-3);color:var(--color-primary);border-radius:var(--radius-sm);text-align:left;background:0 0;border:0;display:flex}.row-menu-list button:hover{background:var(--color-control)}.row-menu-list button.danger{color:var(--color-danger)}.verse-row small,.progress-row span,.trouble-table small{color:var(--color-text-subtle)}.stats-view{gap:var(--space-4);display:grid}.summary-strip{grid-template-columns:repeat(3,1fr)}.progress-table{padding:var(--space-4)}.progress-row{align-items:center;gap:var(--space-4);grid-template-columns:minmax(8rem,18rem) minmax(5rem,1fr) 3rem;display:grid}.progress-row>div:first-child{gap:var(--space-1);display:grid}.progress-track{background:var(--color-control);border-radius:var(--radius-pill);height:.7rem;overflow:hidden}.progress-track span{background:linear-gradient(90deg, var(--color-primary), var(--color-progress-end));height:100%;display:block}.wide{width:100%}.trouble-table>div{gap:var(--space-4);padding:var(--space-3);background:var(--color-surface-soft);border-radius:var(--radius-sm);grid-template-columns:1fr 10rem auto;align-items:center;display:grid}.empty-state{min-height:18rem;color:var(--color-text-subtle);background:var(--color-surface-raised);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);place-items:center;display:grid}.practice-empty{align-content:center;gap:var(--space-3);padding:var(--space-8) var(--space-5);text-align:center;grid-auto-flow:row}.practice-empty svg{color:var(--color-primary);opacity:.55}.practice-empty h3{font-size:var(--text-xl);color:var(--color-text);margin:0}.practice-empty p{max-width:28rem;line-height:var(--line-body);margin:0}.practice-empty-actions{justify-content:center;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=980px){.app-shell{grid-template-columns:1fr;height:auto;min-height:100dvh;overflow:visible}.sidebar{border-bottom:1px solid #1c332c1f;border-right:0;height:auto;position:static;overflow:visible}.workspace{height:auto;overflow:visible}.stat-stack,.tabs{grid-template-columns:repeat(3,1fr)}.settings-panel{grid-template-columns:auto 1fr auto 1fr;align-items:center}.practice-grid,.form-grid,.library-toolbar,.plan-weeks,.sync-compare{grid-template-columns:1fr}}@media (width<=640px){:root{--text-page-title:1.5rem;--text-verse:1.35rem;--text-token:1.25rem}body{background:var(--color-surface-soft)}.app-shell{display:block}.workspace,.sidebar{padding:var(--space-3)}.sidebar{z-index:10;gap:var(--space-3);height:auto;padding:.55rem calc(.65rem + env(safe-area-inset-right)) calc(.55rem + env(safe-area-inset-bottom)) calc(.65rem + env(safe-area-inset-left));background:#fffefaf5;border-top:1px solid #1c332c1f;border-bottom:0;position:fixed;inset:auto 0 0;overflow:visible;box-shadow:0 -18px 50px #1d25201f}.workspace{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom))}.brand,.stat-stack,.settings-panel,.auth-panel{display:none}.topbar,.practice-header{flex-direction:column;align-items:stretch}.topbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.mobile-language-menu{display:block}.topbar .primary-button{width:100%}.topbar-account{display:inline-flex}.workspace-practice .topbar-add,.workspace-stats .topbar-add,.topbar h2{display:none}.mobile-brand{align-items:center;gap:var(--space-2);min-width:0;display:flex}.mobile-brand img{border-radius:var(--radius-md);flex:none;width:2.25rem;height:2.25rem}.mobile-brand div{gap:0;min-width:0;display:grid}.mobile-brand strong,.mobile-brand span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-brand strong{color:var(--color-text);font-size:var(--text-md);line-height:1.2}.mobile-brand span{color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.3}.summary-strip{grid-template-columns:1fr}.tabs{gap:var(--space-1);grid-template-columns:repeat(3,1fr)}.tab-button{justify-content:center;gap:var(--space-1);min-height:3.7rem;padding-inline:var(--space-2);font-size:var(--text-xs);flex-direction:column}.mode-switch{grid-template-columns:repeat(4,1fr);overflow-x:auto}.practice-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:stretch;display:grid}.practice-actions .desktop-action{display:none}.practice-actions .secondary-button,.practice-actions .primary-button{padding-inline:var(--space-2)}.practice-actions .primary-button,.practice-actions .mobile-primary-action{width:100%}.practice-more-menu{display:block}.practice-more-menu summary{width:var(--touch-target);padding:0}.practice-more-menu summary span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.progress-row,.verse-row,.trouble-table>div{gap:var(--space-2);grid-template-columns:1fr}.verse-row .compact-button,.verse-row .icon-button,.row-menu summary{width:100%}.row-menu-list{margin-top:var(--space-2);box-shadow:none;position:static}.focus-panel .mini-card:first-child{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}