:root{color-scheme:light;--app-bg: #f5ecdc;--chrome: rgba(255, 248, 237, .88);--surface: #fff9ef;--surface-2: #f1dfc5;--reader-surface: #fffaf1;--text: #211914;--muted: #796a5a;--line: rgba(60, 40, 24, .14);--accent: #a65320;--accent-strong: #74320e;--danger: #a33428;--success: #2e7d43;--tab-bg: rgba(33, 25, 20, .08);--shadow: 0 22px 60px rgba(74, 42, 20, .2);--cupertino-pane-background: var(--surface);--cupertino-pane-color: var(--text);--cupertino-pane-border-radius: 28px;--cupertino-pane-move-background: var(--line);--cupertino-pane-shadow: 0 -18px 55px rgba(0, 0, 0, .26);--reader-font-size: 20px;--reader-line-height: 1.65;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body.theme-light{color-scheme:light;--app-bg: #f4f6fb;--chrome: rgba(255, 255, 255, .9);--surface: #ffffff;--surface-2: #e7ecf7;--reader-surface: #ffffff;--text: #151922;--muted: #657084;--line: rgba(31, 42, 68, .14);--accent: #315fcb;--accent-strong: #173d99;--success: #2b7a45;--tab-bg: rgba(21, 25, 34, .07);--shadow: 0 22px 60px rgba(30, 42, 70, .16)}body.theme-dark{color-scheme:dark;--app-bg: #11100f;--chrome: rgba(29, 26, 23, .9);--surface: #1d1a17;--surface-2: #30271d;--reader-surface: #171411;--text: #f3e8d8;--muted: #b9aa98;--line: rgba(255, 239, 214, .14);--accent: #f0a35c;--accent-strong: #ffd0a0;--danger: #ff8b7c;--success: #8fd9a4;--tab-bg: rgba(255, 239, 214, .08);--shadow: 0 22px 60px rgba(0, 0, 0, .42)}*{box-sizing:border-box}html,body{width:100%;min-height:100%}body{min-height:100svh;margin:0;display:grid;place-items:center;overflow:hidden;background:#15100d;color:var(--text);overscroll-behavior:none}button,input,select{font:inherit}button,label,input,select{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer}[hidden]{display:none!important}code{border-radius:.45rem;background:var(--tab-bg);padding:.08rem .3rem}.app-shell{position:relative;width:min(100vw,430px);height:min(100svh,920px);min-height:min(680px,100svh);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:34px;background:radial-gradient(circle at 20% -10%,rgba(255,203,139,.32),transparent 18rem),var(--app-bg);box-shadow:0 30px 90px #0000006b}.app-shell.auth-required{grid-template-rows:minmax(0,1fr)}.app-shell.booting .auth-screen,.app-shell.booting .top-bar,.app-shell.booting .main-panel,.app-shell.booting .bottom-nav,.app-shell.auth-required .top-bar,.app-shell.auth-required .main-panel,.app-shell.auth-required .bottom-nav{display:none}.app-shell:not(.auth-required) .auth-screen{display:none}.auth-screen{display:grid;align-items:center;min-height:0;overflow:auto;padding:1rem;-webkit-overflow-scrolling:touch}.auth-card{display:grid;gap:.9rem;border:1px solid var(--line);border-radius:30px;background:linear-gradient(160deg,var(--surface),var(--surface-2));box-shadow:var(--shadow);padding:1.25rem}.auth-card h1{margin:0;font-size:clamp(2rem,9vw,3.5rem);line-height:.95;letter-spacing:-.06em}.auth-card p:not(.eyebrow),.status-text{margin:0;color:var(--muted);line-height:1.45}.auth-form{display:grid;gap:.65rem}.auth-form label{display:grid;gap:.35rem;color:var(--muted);font-size:.86rem;font-weight:850}.register-panel{border-top:1px solid var(--line);padding-top:.5rem}.register-panel summary{cursor:pointer;color:var(--accent-strong);font-weight:900}.top-bar{position:relative;z-index:3;padding:calc(env(safe-area-inset-top) + .55rem) 1rem .55rem;border-bottom:1px solid var(--line);background:var(--chrome);backdrop-filter:blur(20px);transition:transform .22s ease,opacity .22s ease;will-change:transform}.top-bar-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:.55rem;min-height:56px}.top-title{min-width:0}.top-actions{display:flex;gap:.45rem}.chrome-button .icon{width:22px;height:22px;display:block}.tts-sub-bar{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--line);min-height:30px}.tts-chip{border-radius:999px;background:color-mix(in srgb,var(--accent) 13%,var(--tab-bg));color:var(--accent-strong);padding:.28rem .6rem;font-size:.74rem;font-weight:800;white-space:nowrap}.tts-chip.recording-chip{background:color-mix(in srgb,#e2543f 18%,var(--tab-bg));color:#c43a26;animation:recordingChipPulse 1.4s ease-in-out infinite}@keyframes recordingChipPulse{0%,to{opacity:1}50%{opacity:.55}}.tts-chip.result-chip{cursor:pointer;border:none;font:inherit;font-size:.74rem;font-weight:800}.tts-chip.result-chip[data-level=clean]{background:color-mix(in srgb,#43b96f 18%,var(--tab-bg));color:#1f7a45}.tts-chip.result-chip[data-level=minor]{background:color-mix(in srgb,#d9a13c 20%,var(--tab-bg));color:#8a6312}.tts-chip.result-chip[data-level=major]{background:color-mix(in srgb,#e2543f 18%,var(--tab-bg));color:#c43a26}.tts-sub-hint{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.78rem;font-weight:650}.top-bar h1,.panel-heading h2,.import-card h2,.sheet-card h2{margin:0;letter-spacing:-.035em}.top-bar h1{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.12rem;font-weight:850}.eyebrow{margin:0 0 .28rem;color:var(--accent);font-size:.7rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.reader-meta{display:flex;align-items:center;gap:.4rem;margin-top:.1rem;min-width:0;color:var(--muted);font-size:.78rem;font-weight:700}.progress-label,.chapter-label{white-space:nowrap}.chapter-label{overflow:hidden;min-width:0;max-width:min(100%,22rem);text-overflow:ellipsis}.chapter-label:not([hidden])+.progress-label:before{content:"·";margin-right:.4rem;opacity:.7}.chrome-button{width:46px;height:46px;display:grid;place-items:center;border-radius:999px;background:var(--tab-bg);color:var(--text);font-size:1.55rem;font-weight:900;line-height:1;touch-action:manipulation}.chrome-button[disabled]{opacity:.32}.chrome-button.active{background:var(--accent);color:#fff8ed}.main-panel{min-height:0;overflow:hidden}.screen{display:none;height:100%;overflow:hidden}.screen.active{display:block;animation:screenIn .26s cubic-bezier(.2,.7,.3,1)}@keyframes screenIn{0%{opacity:0;transform:translateY(14px) scale(.995)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.spinner{animation-duration:1.2s!important;animation-iteration-count:infinite!important}}.empty-reader,.reader-shell{width:100%;height:100%}.empty-reader{display:grid;align-items:stretch;padding:.85rem;overflow:auto;-webkit-overflow-scrolling:touch}.import-card{display:grid;align-content:start;gap:.9rem;min-height:100%;border:1px solid var(--line);border-radius:30px;background:linear-gradient(160deg,var(--surface),var(--surface-2));box-shadow:var(--shadow);padding:1.25rem}.import-card:before{content:"BL";display:grid;place-items:center;width:4.25rem;height:4.25rem;border-radius:1.45rem;background:var(--text);color:var(--surface);font-size:1.2rem;font-weight:950;letter-spacing:-.08em;box-shadow:0 16px 36px #0003}.import-card h2{max-width:16rem;font-size:1.85rem;line-height:.98}.import-card p:not(.eyebrow),.setup-note p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.45}.file-picker,.tool-button,.bottom-nav button,.icon-button{min-height:46px;border-radius:999px;touch-action:manipulation}.file-picker{display:flex;align-items:center;justify-content:center;margin-top:.25rem;background:var(--text);color:var(--surface);font-weight:900;padding:.9rem 1rem;box-shadow:0 12px 24px #0000002e}.file-picker input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.local-books{display:grid;gap:.65rem;margin-top:.4rem}.local-books .eyebrow{margin-top:.4rem}.local-books button{display:grid;grid-template-columns:2.4rem minmax(0,1fr);align-items:center;gap:.75rem;min-height:58px;border:1px solid var(--line);border-radius:20px;background:#ffffff61;color:var(--text);padding:.7rem;text-align:left}.local-books button:before{content:"FB2";display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:.85rem;background:var(--accent);color:#fff8ed;font-size:.68rem;font-weight:950}.reader-shell{display:grid;grid-template-rows:3px minmax(0,1fr) auto;background:var(--reader-surface)}.gutter-nav{display:none}.app-shell.reading-active{display:block;height:100dvh;min-height:100dvh}.app-shell.reading-active .main-panel,.app-shell.reading-active #readerScreen,.app-shell.reading-active .reader-shell,.app-shell.reading-active .reader-viewport{height:100dvh}.app-shell.reading-active .reader-shell{position:relative;display:block}.app-shell.reading-active .progress-track{position:absolute;top:0;left:0;right:0;z-index:2;height:3px}.app-shell.reading-active .bookmark-list{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 4.4rem);z-index:3}.app-shell.reading-active .top-bar,.app-shell.reading-active .bottom-nav{position:absolute;left:0;right:0}.app-shell.reading-active .top-bar{top:0}.app-shell.reading-active .bottom-nav{bottom:0}.app-shell.reading-active.chrome-hidden .top-bar{transform:translateY(-105%);opacity:0;pointer-events:none}.app-shell.reading-active.chrome-hidden .bottom-nav,.app-shell.reading-active.chrome-hidden .bookmark-list{transform:translateY(105%);opacity:0;pointer-events:none}.reader-tools,.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.reader-tools{padding:.55rem .7rem;border-bottom:1px solid var(--line);background:var(--chrome);backdrop-filter:blur(20px)}.tool-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;background:var(--tab-bg);color:var(--text);font-size:.84rem;font-weight:850;padding:.66rem .85rem}.icon-sm{width:18px;height:18px;flex:none}.file-picker{gap:.45rem}.tool-button.accent{background:var(--accent);color:#fff8ed}.tool-button.danger{color:var(--danger)}.tool-button:disabled{cursor:not-allowed;opacity:.38}.progress-track{overflow:hidden;background:var(--line)}#progressFill{width:0;height:100%;border-radius:999px;background:var(--accent);transition:width .18s ease}.reader-viewport{min-height:0;overflow:hidden;background:var(--reader-surface)}.foliate-reader{display:block;width:100%;height:100%;outline:none}.bookmark-list{display:flex;gap:.45rem;overflow-x:auto;padding:.55rem .7rem;border-top:1px solid var(--line);background:var(--chrome);-webkit-overflow-scrolling:touch;transition:transform .22s ease,opacity .22s ease}.bookmark-list:empty{display:none}.bookmark-list button{flex:0 0 auto;min-height:34px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);padding:.42rem .7rem;font-size:.78rem;font-weight:800}.chapter-panel{position:absolute;left:.75rem;right:.75rem;bottom:calc(env(safe-area-inset-bottom) + 5rem);z-index:5;display:grid;grid-template-rows:auto minmax(0,1fr);gap:.75rem;overflow:hidden;max-height:min(65dvh,520px);border:1px solid var(--line);border-radius:26px;background:var(--surface);box-shadow:var(--shadow);padding:.85rem}.chapter-panel-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.chapter-panel-header h2{margin:0;letter-spacing:-.035em}.chapter-list{display:grid;gap:.38rem;overflow:auto;padding-right:.15rem;-webkit-overflow-scrolling:touch}.chapter-item{min-height:44px;border:1px solid transparent;border-radius:16px;background:transparent;color:var(--text);padding:.7rem .75rem .7rem calc(.75rem + (var(--chapter-depth, 0) * 1.05rem));text-align:left;font-size:.92rem;font-weight:800;line-height:1.25}.chapter-item:hover:not(:disabled),.chapter-item.current{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent-strong)}.chapter-item:disabled{cursor:default;color:var(--muted);opacity:.72}#learnScreen,#trainScreen,#settingsScreen,#adminScreen{overflow-y:auto;overflow-x:hidden;padding:.85rem .85rem calc(env(safe-area-inset-bottom) + 1.5rem);-webkit-overflow-scrolling:touch}.library-panel{display:grid;gap:.9rem}.library-backdrop{position:fixed;inset:0;z-index:8;background:#0a08066b;backdrop-filter:blur(3px);opacity:0;transition:opacity .26s ease}.library-backdrop.open{opacity:1}.library-sidebar{position:fixed;top:0;bottom:0;left:0;z-index:9;width:min(26rem,88vw);display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:.8rem;padding:calc(env(safe-area-inset-top) + 1rem) 1rem calc(env(safe-area-inset-bottom) + 1rem);background:var(--surface);border-right:1px solid var(--line);box-shadow:var(--shadow);transform:translate(-105%);transition:transform .3s cubic-bezier(.2,.7,.3,1);will-change:transform}.library-sidebar.open{transform:none}.library-sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.library-sidebar-header h2{margin:0;letter-spacing:-.03em}.library-sidebar .book-library{grid-template-columns:1fr;overflow-y:auto;padding-bottom:.5rem}.chapter-panel:not([hidden]){animation:panelUp .24s cubic-bezier(.2,.7,.3,1)}@keyframes panelUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}.upload-button{position:relative;display:grid;place-items:center;white-space:nowrap}.upload-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.book-library{display:grid;gap:1rem}.book-group{display:grid;gap:.65rem}.book-group h3{margin:0;color:var(--accent);font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.book-card{display:grid;gap:.55rem;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--text);padding:.95rem;text-align:left;box-shadow:0 12px 32px #0000000f}.book-card.active{border-color:color-mix(in srgb,var(--accent) 62%,var(--line));box-shadow:0 14px 34px color-mix(in srgb,var(--accent) 16%,transparent)}.book-card h4{margin:0;font-size:1.08rem;line-height:1.18}.book-card .meta,.book-card .stats{color:var(--muted);font-size:.86rem;line-height:1.4}.book-progress{overflow:hidden;height:.45rem;border-radius:999px;background:var(--tab-bg)}.book-progress span{display:block;height:100%;border-radius:inherit;background:var(--accent)}.panel-heading{flex-wrap:wrap;padding:.25rem 0 .8rem}.panel-heading .status-text{color:var(--muted);font-size:.84rem}.word-actions{display:flex;gap:.45rem}.panel-heading h2{font-size:1.55rem}.text-input{width:100%;min-height:50px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text);padding:.82rem .95rem;outline:none}.text-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #a6532024}.word-list{display:grid;gap:.72rem;margin-top:.8rem}.word-card,.setup-note,.settings-form label{border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:0 12px 32px #0000000f}.word-card{padding:.95rem;overflow-wrap:break-word}.word-card h3{margin:0;padding-right:4.4rem;font-size:1.1rem;line-height:1.18}.word-card .translation{margin:.24rem 0 0;color:var(--accent-strong);font-weight:900}.word-card .meta,.word-card .context,.empty-state{color:var(--muted);line-height:1.45}.word-card .context{margin:.7rem 0 0;padding-left:.75rem;border-left:3px solid var(--line);font-size:.9rem}.delete-word{float:right;display:inline-grid;place-items:center;min-height:34px;min-width:34px;border-radius:999px;background:var(--tab-bg);color:var(--danger);padding:.35rem}.delete-word .icon-sm{width:16px;height:16px}.settings-form,.setup-note{display:grid;gap:.75rem}.settings-form label{display:grid;gap:.5rem;color:var(--muted);font-weight:850;padding:.85rem}.settings-form .checkbox-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.settings-form .checkbox-row input{width:1.35rem;height:1.35rem;accent-color:var(--accent)}.settings-form input[type=range]{width:100%;accent-color:var(--accent);touch-action:pan-y}.settings-form select{touch-action:pan-y}.setup-note{margin-top:.75rem;padding:.95rem}.account-actions{display:flex;flex-wrap:wrap;gap:.5rem}.install-card.installed .tool-button,.install-card .tool-button:disabled{opacity:.45}.install-help{margin-top:-.25rem;font-size:.88rem}.bottom-nav{position:relative;z-index:4;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.45rem;padding:.48rem .7rem calc(env(safe-area-inset-bottom) + .58rem);border-top:1px solid var(--line);background:var(--chrome);backdrop-filter:blur(22px);transition:transform .22s ease,opacity .22s ease;will-change:transform}.bottom-nav button[hidden]{display:none}.bottom-nav button{display:grid;place-items:center;gap:.14rem;min-height:52px;padding:.3rem 0;background:transparent;color:var(--muted);font-size:.68rem;font-weight:850}.bottom-nav button .icon{width:21px;height:21px}.bottom-nav button.active{background:var(--text);color:var(--surface);box-shadow:0 10px 24px #00000029}.lookup-sheet{width:100%;height:100%;background:var(--surface);color:var(--text);overflow:hidden}.lookup-pane-wrapper .pane{max-width:min(100vw,430px)!important;background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--line);border-bottom:0}.lookup-pane-wrapper .draggable{background:var(--surface);border-radius:var(--cupertino-pane-border-radius) var(--cupertino-pane-border-radius) 0 0}.lookup-pane-wrapper .move{background:color-mix(in srgb,var(--text) 22%,transparent)!important}.lookup-pane-wrapper .backdrop{backdrop-filter:blur(3px)}.sheet-card{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);gap:.75rem;padding:1.35rem 1rem calc(env(safe-area-inset-bottom) + 1rem)}.sheet-title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.sheet-title-row h2{font-size:1.4rem}.lookup-body{min-height:0;overflow-y:auto;color:var(--muted);line-height:1.48;-webkit-overflow-scrolling:touch;animation:lookup-body-enter .32s ease both}@keyframes lookup-body-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.lookup-hero,.lookup-section{border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--surface) 88%,var(--surface-2));padding:.95rem}.lookup-hero{margin-bottom:.75rem;background:radial-gradient(circle at 12% 0,color-mix(in srgb,var(--accent) 22%,transparent),transparent 9rem),var(--surface)}.lookup-kicker,.lookup-section-title{color:var(--accent);font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.lookup-hero h3{margin:.25rem 0 0;color:var(--text);font-size:clamp(1.45rem,8vw,2.15rem);line-height:.98;letter-spacing:-.055em}.lookup-body .primary-translation{margin:.45rem 0 0;color:var(--accent-strong);font-size:1.24rem;font-weight:950}.lookup-chips{display:flex;flex-wrap:wrap;gap:.42rem;margin-top:.8rem}.lookup-chips span{border-radius:999px;background:var(--tab-bg);color:var(--muted);padding:.34rem .55rem;font-size:.76rem;font-weight:850}.lookup-section{margin-top:.65rem}.speech-issue-list{display:grid;gap:.5rem;margin-top:.5rem}.speech-issue-row{display:grid;gap:.18rem;text-align:left;border-radius:14px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);padding:.65rem .75rem;font-size:.88rem}.speech-issue-row .speech-issue-meta{color:var(--accent-strong);font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.speech-heard{color:var(--muted)}.speech-issue-actions{display:grid;gap:.5rem}.speech-hear-it,.speech-hear-take{width:100%}.speech-take-list{display:grid;gap:.45rem;margin-top:.5rem}.speech-take-row{display:flex;align-items:center;gap:.6rem;text-align:left;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);padding:.55rem .7rem;font-size:.84rem;font-weight:650}.speech-take-row .take-play{display:grid;place-items:center;flex:none;width:1.9rem;height:1.9rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 16%,var(--tab-bg));color:var(--accent-strong)}.speech-take-row .take-play .icon-sm{width:13px;height:13px}.praise-section .praise-list{margin:.45rem 0 0;padding:0;list-style:none;display:grid;gap:.4rem}.praise-section .praise-list li{position:relative;padding:.5rem .65rem .5rem 2rem;border-radius:12px;background:color-mix(in srgb,#43b96f 10%,var(--surface-2));border:1px solid color-mix(in srgb,#43b96f 30%,var(--line));font-size:.86rem}.praise-section .praise-list li:before{content:"✓";position:absolute;left:.7rem;color:var(--success);font-weight:900}.progress-chip,.issue-chip,.due-chip{border-radius:999px;padding:.26rem .55rem;font-size:.72rem;font-weight:850;background:var(--tab-bg);color:var(--muted);white-space:nowrap}.progress-chip[data-level=clean]{background:color-mix(in srgb,#43b96f 18%,var(--tab-bg));color:#1f7a45}.progress-chip[data-level=major]{background:color-mix(in srgb,#e2543f 18%,var(--tab-bg));color:#c43a26}.issue-chip[data-level=moderate]{background:color-mix(in srgb,#d9a13c 20%,var(--tab-bg));color:#8a6312}.issue-chip[data-level=major]{background:color-mix(in srgb,#e2543f 18%,var(--tab-bg));color:#c43a26}.due-chip{margin-left:.45rem;background:color-mix(in srgb,var(--accent) 18%,var(--tab-bg));color:var(--accent-strong);text-transform:uppercase;letter-spacing:.06em;font-size:.62rem}.practice-list{display:grid;gap:.6rem}.practice-card{border:1px solid var(--line);border-left:4px solid var(--line);border-radius:16px;background:var(--surface);padding:.85rem .95rem;display:grid;gap:.55rem}.practice-card[data-level=major]{border-left-color:#e2543f}.practice-card[data-level=minor]{border-left-color:#d9a13c}.practice-card[data-level=clean]{border-left-color:#43b96f}.practice-meta{color:var(--muted);font-size:.76rem;font-weight:750}.practice-text{margin:0;font-size:.94rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.practice-chips{display:flex;flex-wrap:wrap;gap:.35rem}.practice-actions{display:flex;flex-wrap:wrap;gap:.5rem}.practice-actions .tool-button{flex:1 1 auto;min-width:7rem}.practice-record.recording{background:#c43a26;color:#fff6ef;animation:recordingChipPulse 1.4s ease-in-out infinite}.practice-result{border-top:1px dashed var(--line);padding-top:.6rem;display:grid;gap:.5rem}.practice-issues{display:grid;gap:.4rem}.practice-issue{border-radius:12px;padding:.5rem .65rem;font-size:.85rem;background:color-mix(in srgb,#d9a13c 10%,var(--surface-2));border:1px solid color-mix(in srgb,#d9a13c 30%,var(--line))}.practice-issue[data-level=major]{background:color-mix(in srgb,#e2543f 10%,var(--surface-2));border-color:color-mix(in srgb,#e2543f 32%,var(--line))}.practice-clean{margin:0;color:var(--success);font-weight:750}.lookup-section p{margin:.42rem 0 0}.context-block{color:var(--text);font-size:1rem;line-height:1.55}.context-block mark{border:1px solid color-mix(in srgb,var(--accent) 62%,transparent);border-radius:.42rem;background:color-mix(in srgb,var(--accent) 42%,var(--surface));color:var(--text);box-shadow:inset 0 -.16em color-mix(in srgb,var(--accent) 72%,transparent);padding:.03rem .18rem;font-weight:850}.alternatives-list{display:grid;gap:.5rem;margin-top:.55rem}.alternatives-list div{display:grid;gap:.12rem;border-radius:16px;background:var(--tab-bg);padding:.65rem}.alternatives-list strong{color:var(--text)}.alternatives-list span{color:var(--muted);font-size:.9rem}.lookup-body dl{display:grid;grid-template-columns:minmax(5.2rem,.34fr) 1fr;gap:.48rem .7rem}.lookup-body dt{color:var(--text);font-weight:900}.lookup-body dd{margin:0}.spinner{width:2rem;height:2rem;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.admin-users-heading{margin-top:1.2rem}.admin-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.stat-card{border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:.75rem .85rem;display:grid;gap:.2rem}.stat-card .eyebrow{margin:0;font-size:.62rem}.stat-card strong{font-size:1.25rem;line-height:1.15}.stat-card small{color:var(--muted);font-size:.72rem}.admin-section{margin-top:1rem;border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:.85rem}.admin-section>h3{margin:0 0 .6rem;font-size:.95rem}.admin-chart{display:flex;align-items:flex-end;gap:2px;height:92px;padding-top:.3rem}.admin-chart .bar{flex:1;min-width:2px;border-radius:3px 3px 0 0;background:var(--accent);opacity:.85}.admin-chart .bar.empty{background:var(--line)}.admin-chart-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.68rem;margin-top:.3rem}.admin-kind-row{display:grid;grid-template-columns:minmax(5.5rem,auto) 1fr auto;align-items:center;gap:.6rem;padding:.32rem 0;font-size:.82rem}.admin-kind-row .meter{height:8px;border-radius:999px;background:var(--line);overflow:hidden}.admin-kind-row .meter span{display:block;height:100%;border-radius:inherit;background:var(--accent)}.admin-kind-row strong{font-variant-numeric:tabular-nums}.admin-user-list{display:grid;gap:.6rem;margin-top:.8rem}.admin-user-row{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:.2rem .6rem;text-align:left;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text);padding:.75rem .9rem}.admin-user-row .admin-user-name{display:flex;align-items:center;gap:.45rem;font-weight:750}.admin-user-row .admin-user-meta{grid-column:1 / -1;color:var(--muted);font-size:.74rem}.admin-user-row .admin-user-cost{font-weight:750;font-variant-numeric:tabular-nums}.admin-badge{display:inline-block;border-radius:999px;background:var(--accent);color:#fff8ed;font-size:.6rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:.14rem .5rem}.admin-table{display:grid;gap:.3rem;font-size:.78rem}.admin-table .admin-table-row{display:grid;grid-template-columns:1fr auto;gap:.1rem .6rem;padding:.4rem 0;border-bottom:1px solid var(--line)}.admin-table .admin-table-row:last-child{border-bottom:none}.admin-table .admin-table-row small{grid-column:1 / -1;color:var(--muted);font-size:.7rem}.admin-table .admin-table-row .admin-progress{grid-column:1 / -1}.admin-detail-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin-bottom:.4rem}.admin-detail-header h2{margin:0;display:flex;align-items:center;gap:.5rem}.admin-progress{height:8px;border-radius:999px;background:var(--line);overflow:hidden;margin-top:.25rem}.admin-progress span{display:block;height:100%;border-radius:inherit;background:var(--accent)}.admin-chip-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.admin-chip{border:1px solid var(--line);border-radius:999px;padding:.2rem .6rem;font-size:.72rem;color:var(--muted)}@media(min-width:900px),(min-width:700px)and (min-height:980px){body{display:block;background:var(--app-bg)}.app-shell,.app-shell.reading-active{width:100vw;height:100dvh;min-height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:0;border-radius:0;box-shadow:none}.auth-screen{place-items:center}.auth-card{width:min(32rem,calc(100vw - 2rem))}.top-bar{grid-template-columns:60px minmax(0,1fr) auto;min-height:82px;padding:calc(env(safe-area-inset-top) + .9rem) clamp(1.4rem,3vw,2.5rem) .9rem}.top-bar h1{font-size:clamp(1.25rem,1.7vw,1.85rem)}.top-actions{gap:.65rem}.chrome-button{width:56px;height:56px;font-size:1.85rem}.progress-label,.chapter-label{font-size:.84rem}.app-shell.reading-active .main-panel{height:auto;min-height:0}.app-shell.reading-active #readerScreen,.app-shell.reading-active .reader-shell,.app-shell.reading-active .reader-viewport{height:100%}.app-shell.reading-active .reader-shell{display:grid;grid-template-rows:3px minmax(0,1fr) auto}.app-shell.reading-active .progress-track{position:relative;top:auto;left:auto;right:auto;height:3px}.app-shell.reading-active .top-bar,.app-shell.reading-active .bottom-nav{position:relative;transform:none!important;opacity:1!important;pointer-events:auto!important}.app-shell.reading-active .bookmark-list{position:relative;bottom:auto;transform:none!important;opacity:1!important;pointer-events:auto!important}.reader-shell{position:relative}.reader-viewport{width:100%}.chapter-panel{top:1rem;right:clamp(1rem,3vw,2.5rem);bottom:1rem;left:auto;width:min(25rem,calc(100vw - 2rem));max-height:none}.gutter-nav{position:absolute;top:3px;bottom:0;z-index:3;display:grid;place-items:center;width:max(92px,calc((100vw - 820px)/2));border-radius:0;background:transparent;color:color-mix(in srgb,var(--text) 38%,transparent);font-size:clamp(2.4rem,4vw,4.5rem);font-weight:300;transition:background .16s ease,color .16s ease}.gutter-nav:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent)}.gutter-nav:disabled{opacity:.18}.gutter-left{left:0}.gutter-right{right:0}.bottom-nav{width:min(42rem,calc(100vw - 2rem));margin:0 auto calc(env(safe-area-inset-bottom) + .7rem);border:1px solid var(--line);border-radius:999px;padding:.55rem}.bottom-nav button{min-height:52px;font-size:.88rem}.empty-reader,#learnScreen,#trainScreen,#settingsScreen,#adminScreen{max-width:1120px;margin:0 auto;padding:clamp(1.2rem,2vw,2rem)}.admin-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.import-card{min-height:auto;width:min(42rem,100%);justify-self:center;align-self:center;padding:clamp(1.8rem,3vw,3rem)}.import-card h2{max-width:24rem;font-size:clamp(2.2rem,4vw,3.8rem)}.settings-form,.word-list{grid-template-columns:repeat(2,minmax(0,1fr))}.book-library{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.book-group{align-content:start}.panel-heading h2{font-size:clamp(1.8rem,2.4vw,2.4rem)}}@media(max-width:520px){body{display:block;overflow:hidden;background:var(--app-bg)}.app-shell{width:100vw;height:100svh;min-height:0;border:0;border-radius:0;box-shadow:none}}@media(max-width:370px){.top-bar{padding-inline:.8rem}.reader-tools{gap:.35rem;padding-inline:.55rem}.tool-button{padding-inline:.62rem;font-size:.78rem}}.profile-switcher{display:flex;flex-wrap:wrap;gap:.4rem}.profile-chip{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;padding:.3rem .85rem;font-size:.85rem;font-weight:600;cursor:pointer}.profile-chip.active{background:var(--accent);border-color:var(--accent);color:var(--surface)}.profile-chip.add{font-weight:400;color:var(--muted)}.profile-dialog{border:none;border-radius:18px;background:var(--surface);color:var(--text);box-shadow:var(--shadow);padding:1.2rem 1.3rem;max-width:26rem;width:calc(100vw - 3rem)}.profile-dialog::backdrop{background:#00000073}.profile-dialog h3{margin:0 0 .4rem}.profile-settings-card .settings-form{margin-top:.4rem}.review-area{display:flex;flex-direction:column;gap:.9rem;max-width:42rem;margin-inline:auto;width:100%}.review-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.2rem 1.15rem;box-shadow:0 12px 32px #0000000f;overflow-wrap:break-word}.review-card .review-term{font-size:1.7rem;font-weight:700;margin:0 0 .5rem}.review-card .review-context{font-size:1.05rem;line-height:1.6;color:var(--text)}.review-card .review-context mark{background:color-mix(in srgb,var(--accent) 22%,transparent);color:inherit;border-radius:4px;padding:0 2px}.review-card .review-source{color:var(--muted);font-size:.8rem;margin-top:.5rem}.review-card .review-answer{border-top:1px solid var(--line);margin-top:.9rem;padding-top:.9rem}.review-card .review-translation{font-size:1.25rem;font-weight:700;margin:0 0 .35rem}.review-card .review-explanation{color:var(--muted);margin:0}.review-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.review-actions.single{grid-template-columns:1fr}.review-grade{border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);padding:.7rem .4rem;font-size:.9rem;font-weight:600;cursor:pointer}.review-grade[data-rating="1"]{color:var(--danger)}.review-grade[data-rating="4"]{color:var(--accent-strong)}.review-grade.reveal{background:var(--accent);border-color:var(--accent);color:var(--surface);font-size:1rem}.review-progress{color:var(--muted);font-size:.85rem;text-align:center}.review-empty{text-align:center;color:var(--muted);padding:2.5rem 1rem}.review-flip{perspective:1400px}.review-flip-inner{display:grid;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.4,0,.2,1)}.review-flip.revealed .review-flip-inner{transform:rotateY(180deg)}.review-face{grid-area:1 / 1;min-height:11rem;-webkit-backface-visibility:hidden;backface-visibility:hidden}.review-face-back{transform:rotateY(180deg)}.review-face-back .review-back-term{color:var(--muted);font-size:.95rem;font-weight:600;margin:0}.review-face-back .review-answer{margin-top:.55rem;padding-top:.75rem}.review-heading-tools{display:flex;align-items:center;gap:.6rem}.voiceover-toggle.muted{color:var(--muted);opacity:.55}.nav-badge{position:absolute;top:.3rem;right:50%;transform:translate(1.5rem);background:var(--danger);color:#fff;border-radius:999px;min-width:1.15rem;height:1.15rem;font-size:.68rem;font-weight:700;line-height:1.15rem;text-align:center;padding-inline:.25rem}.bottom-nav button{position:relative}.coach-shell{display:flex;flex-direction:column;height:100%;min-height:0}.coach-shell>:first-child{flex:1;min-height:0}.coach-profile-note{text-align:center;padding:.3rem 0}.coach-float{position:fixed;top:0;left:0;width:0;height:0;visibility:hidden;pointer-events:none;display:flex;flex-direction:column;overflow:hidden}.coach-float>*{flex:1;min-height:0}.coach-float.mode-tab{z-index:5}.coach-float.mode-popup{z-index:62}.coach-popup-backdrop{position:fixed;inset:0;background:#00000073;z-index:60;animation:backdropIn .2s ease}@keyframes backdropIn{0%{opacity:0}}.coach-popup{position:fixed;z-index:61;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);inset:auto 0 0;height:min(78svh,640px);border-radius:22px 22px 0 0;animation:coachPopupIn .26s cubic-bezier(.2,.7,.3,1)}@keyframes coachPopupIn{0%{opacity:0;transform:translateY(26px)}}@media(min-width:760px){.coach-popup{inset:auto 1.2rem 1.2rem auto;width:min(430px,calc(100vw - 2.4rem));height:min(70vh,620px);border-radius:22px}}.coach-popup-header{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem .4rem}.coach-popup-actions{display:flex;gap:.4rem}.coach-popup-body{flex:1;min-height:0;display:flex;flex-direction:column}.coach-popup-body>*{flex:1;min-height:0}.coach-ask-button{color:var(--accent-strong)}.review-answer .coach-ask-button{margin-top:.6rem}.segmented{display:flex;gap:.35rem;background:var(--surface-2);border-radius:999px;padding:.25rem;margin-bottom:1rem;width:fit-content;max-width:100%}.segmented button{position:relative;border:none;background:transparent;color:var(--muted);font:inherit;font-size:.9rem;font-weight:600;padding:.4rem .95rem;border-radius:999px;cursor:pointer}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0000001f}.segment-badge{display:inline-block;margin-left:.4rem;background:var(--danger);color:#fff;border-radius:999px;min-width:1.05rem;font-size:.66rem;font-weight:700;line-height:1.05rem;text-align:center;padding-inline:.22rem;vertical-align:.1rem}.status-text.error{color:var(--danger)}.lessons-panel{display:flex;flex-direction:column;gap:.75rem;max-width:42rem}.lessons-list{display:flex;flex-direction:column;gap:.5rem}.lesson-card{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:.75rem;padding:.7rem .9rem;font:inherit;cursor:pointer;overflow-wrap:anywhere}.lesson-card:hover{border-color:var(--accent)}.lesson-card:active{transform:scale(.99)}.lesson-title{font-weight:600}.lesson-meta{font-size:.8rem;color:var(--muted)}.cloze-area{display:flex;flex-direction:column;gap:1rem;max-width:42rem}.cloze-toolbar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.cloze-story{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.1rem 1.15rem;overflow-wrap:break-word}.cloze-story h3{margin:0 0 .6rem}.cloze-paragraph{line-height:2.1;margin:0 0 .8rem}.cloze-slot{display:inline-flex;align-items:baseline;gap:.2rem;max-width:100%;white-space:nowrap}.cloze-input{font:inherit;border:none;border-bottom:2px solid var(--accent);background:var(--surface-2);border-radius:.35rem .35rem 0 0;padding:.05rem .4rem;min-width:3.5rem;max-width:min(14rem,calc(100vw - 5.5rem));color:inherit;transition:border-color .16s ease,background-color .16s ease}.cloze-input:focus{outline:none;border-bottom-color:var(--accent-strong)}.cloze-hint-button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:50%;width:1.15rem;height:1.15rem;font-size:.7rem;line-height:1;cursor:pointer;align-self:center}.cloze-hint-button.on{background:var(--accent);border-color:var(--accent);color:#fff}.cloze-hint{font-size:.78rem;color:var(--muted);font-style:italic;white-space:normal}.cloze-slot.graded{font-weight:600;border-bottom:2px solid transparent;padding:.05rem .25rem;border-radius:.35rem;animation:slotGraded .7s ease-out}@keyframes slotGraded{0%{box-shadow:0 0 color-mix(in srgb,currentColor 45%,transparent)}to{box-shadow:0 0 0 7px transparent}}.cloze-slot.graded.correct{color:var(--success);background:color-mix(in srgb,var(--success) 14%,transparent)}.cloze-slot.graded.almost{color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 14%,transparent)}.cloze-slot.graded.wrong{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.cloze-slot.graded s{opacity:.6;margin-right:.25rem}.cloze-actions{margin-top:.4rem}.cloze-feedback{display:flex;flex-direction:column;gap:.6rem}.cloze-feedback h4,.cloze-history h4{margin:0}.cloze-feedback-item{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--muted);border-radius:.6rem;padding:.6rem .8rem;display:flex;flex-direction:column;gap:.3rem;overflow-wrap:break-word}.cloze-feedback-item.correct{border-left-color:var(--success)}.cloze-feedback-item.almost{border-left-color:var(--accent)}.cloze-feedback-item.wrong{border-left-color:var(--danger)}.cloze-feedback-head{margin:0;display:flex;align-items:center;gap:.6rem}.cloze-verdict{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.cloze-verdict.correct{color:var(--success)}.cloze-verdict.almost{color:var(--accent-strong)}.cloze-verdict.wrong{color:var(--danger)}.cloze-feedback-answer,.cloze-feedback-reason{margin:0;font-size:.88rem;color:var(--muted)}.cloze-feedback-item .coach-ask-button{align-self:flex-start}.cloze-history{display:flex;flex-direction:column;gap:.4rem}.cloze-history-item{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;background:transparent;border:1px solid var(--line);border-radius:.6rem;padding:.45rem .7rem;font:inherit;cursor:pointer;color:inherit;text-align:left}.cloze-history-item.active,.cloze-history-item:hover{border-color:var(--accent)}.cloze-history-title{flex:1 1 auto;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cloze-history-meta{font-size:.78rem;color:var(--muted);flex-shrink:0}.tool-button,.icon-button,.chrome-button,.file-picker,.bottom-nav button,.segmented button,.review-grade,.profile-chip,.lesson-card,.cloze-history-item,.cloze-hint-button,.book-card,.chapter-item,.bookmark-list button,.local-books button,.delete-word,.tts-chip.result-chip,.speech-issue-row,.speech-take-row,.admin-user-row{transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,opacity .16s ease,transform .16s ease}@media(hover:hover){.tool-button:hover:not(:disabled):not(.accent):not(.danger),.icon-button:hover:not(:disabled),.chrome-button:hover:not(:disabled):not(.active),.delete-word:hover{background:color-mix(in srgb,var(--text) 9%,var(--tab-bg))}.tool-button.accent:hover:not(:disabled){background:color-mix(in srgb,var(--accent-strong) 22%,var(--accent))}.tool-button.danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 12%,var(--tab-bg))}.bottom-nav button:hover:not(.active){color:var(--text);background:var(--tab-bg);border-radius:999px}.segmented button:hover:not(.active){color:var(--text)}.review-grade:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.review-grade.reveal:hover{background:color-mix(in srgb,var(--accent-strong) 22%,var(--accent));border-color:transparent}.file-picker:hover{box-shadow:0 14px 28px #0000003d}}.tool-button:active:not(:disabled),.icon-button:active:not(:disabled),.chrome-button:active:not(:disabled),.review-grade:active,.segmented button:active,.bottom-nav button:active,.profile-chip:active,.file-picker:active,.cloze-history-item:active{transform:scale(.97)}.cloze-area,.lessons-panel,.review-area,.word-list,.library-panel,.settings-form{animation:panelFade .22s ease}@keyframes panelFade{0%{opacity:0;transform:translateY(6px)}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cloze-input:focus-visible,.text-input:focus-visible{outline:none}