*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}:root{color-scheme:light;--color-primary: #5a57e6;--color-primary-hover: #4744cf;--color-primary-soft: rgb(90 87 230 / 10%);--color-primary-contrast: #ffffff;--gradient-brand: linear-gradient(135deg, #6d6bf0 0%, #5a57e6 45%, #7c4ddf 100%);--color-background: #f5f6fb;--color-surface: #ffffff;--color-surface-2: #f0f1f8;--color-surface-hover: #f7f8fd;--color-text: #17171d;--color-text-secondary: #5f606c;--color-border: #e2e3ee;--color-border-strong: #cfd0e0;--color-danger: #d13b3b;--color-danger-soft: rgb(209 59 59 / 10%);--color-warning: #b86a12;--color-warning-soft: rgb(184 106 18 / 12%);--color-warning-surface: #fff8ec;--color-success: #1f9a54;--color-success-soft: rgb(31 154 84 / 10%);--color-success-surface: #ecfdf3;--radius-small: 10px;--radius-medium: 16px;--radius-large: 24px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgb(20 20 43 / 6%);--shadow-card: 0 2px 12px rgb(20 20 43 / 6%);--shadow-md: 0 8px 24px rgb(20 20 43 / 9%);--shadow-lg: 0 18px 48px rgb(20 20 43 / 14%);--shadow-focus: 0 0 0 3px var(--color-primary-soft);--ease-out: cubic-bezier(.22, 1, .36, 1);--duration-fast: .12s;--duration-base: .2s;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--box-padding: 20px;--box-padding-compact: 16px;--page-max-width: 720px;--color-scrim: rgb(20 20 43 / 42%);--color-nav-surface: rgb(255 255 255 / 82%);--color-onboarding-scrim: rgb(245 246 250 / 92%)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--color-primary: #8987ff;--color-primary-hover: #a3a1ff;--color-primary-soft: rgb(137 135 255 / 16%);--color-primary-contrast: #14141b;--gradient-brand: linear-gradient(135deg, #9694ff 0%, #7f7cf5 45%, #b18cff 100%);--color-background: #0e0e14;--color-surface: #191922;--color-surface-2: #21212c;--color-surface-hover: #23232f;--color-text: #ececf3;--color-text-secondary: #a0a1b2;--color-border: #2c2c39;--color-border-strong: #3b3b4c;--color-danger: #f0716f;--color-danger-soft: rgb(240 113 111 / 16%);--color-warning: #e0a04a;--color-warning-soft: rgb(224 160 74 / 16%);--color-warning-surface: #2a2114;--color-success: #4cc484;--color-success-soft: rgb(76 196 132 / 16%);--color-success-surface: #12241a;--shadow-xs: 0 1px 2px rgb(0 0 0 / 40%);--shadow-card: 0 2px 12px rgb(0 0 0 / 35%);--shadow-md: 0 8px 24px rgb(0 0 0 / 45%);--shadow-lg: 0 18px 48px rgb(0 0 0 / 55%);--color-scrim: rgb(0 0 0 / 60%);--color-nav-surface: rgb(18 18 24 / 82%);--color-onboarding-scrim: rgb(10 10 16 / 92%)}}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--color-primary: #8987ff;--color-primary-hover: #a3a1ff;--color-primary-soft: rgb(137 135 255 / 16%);--color-primary-contrast: #14141b;--gradient-brand: linear-gradient(135deg, #9694ff 0%, #7f7cf5 45%, #b18cff 100%);--color-background: #0e0e14;--color-surface: #191922;--color-surface-2: #21212c;--color-surface-hover: #23232f;--color-text: #ececf3;--color-text-secondary: #a0a1b2;--color-border: #2c2c39;--color-border-strong: #3b3b4c;--color-danger: #f0716f;--color-danger-soft: rgb(240 113 111 / 16%);--color-warning: #e0a04a;--color-warning-soft: rgb(224 160 74 / 16%);--color-warning-surface: #2a2114;--color-success: #4cc484;--color-success-soft: rgb(76 196 132 / 16%);--color-success-surface: #12241a;--shadow-xs: 0 1px 2px rgb(0 0 0 / 40%);--shadow-card: 0 2px 12px rgb(0 0 0 / 35%);--shadow-md: 0 8px 24px rgb(0 0 0 / 45%);--shadow-lg: 0 18px 48px rgb(0 0 0 / 55%);--color-scrim: rgb(0 0 0 / 60%);--color-nav-surface: rgb(18 18 24 / 82%);--color-onboarding-scrim: rgb(10 10 16 / 92%)}body{min-width:320px;min-height:100vh;background:var(--color-background);color:var(--color-text);font-family:var(--font-sans);font-size:1rem;line-height:1.5;letter-spacing:-.006em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.metric__value,.hero-panel__value,.settings-section dd,.status-pill,.weekly-bars__item,.session-progress{font-variant-numeric:tabular-nums}:where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-small)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.app-shell{min-height:100vh;padding-bottom:calc(86px + env(safe-area-inset-bottom))}.app-main{width:min(100%,var(--page-max-width));margin:0 auto;padding:24px 18px 32px}.page{display:grid;gap:22px}.page-header{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.page-header h1{margin:0;font-size:2rem;line-height:1.1;letter-spacing:0}.page-header p{max-width:34rem;margin:8px 0 0;color:var(--color-text-secondary);line-height:1.45}.page-header__action{flex:0 0 auto}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric,.empty-state,.study-card,.hero-panel,.settings-section,.warning-panel{border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);box-shadow:var(--shadow-card)}.pack-card,.list-item,.session-card,.starter-pack-banner,.breakdown-row{transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}a:hover>.pack-card,a:hover>.list-item,.pack-card:hover,.list-item:hover,.starter-pack-banner:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}a:active>.pack-card,a:active>.list-item{transform:translateY(0);box-shadow:var(--shadow-card)}.metric{display:grid;gap:4px;min-height:96px;padding:16px;align-content:center}.metric__value{font-size:1.8rem;font-weight:750}.metric__label{color:var(--color-text-secondary);font-size:.92rem}.action-stack{display:grid;gap:10px}.repair-action{display:grid;gap:8px;border:1px solid var(--color-border);border-radius:var(--radius-small);padding:12px}.repair-action p{margin:0;color:var(--color-text-secondary)}.conflict-preview{display:grid;gap:10px;margin-top:10px}.conflict-preview div{display:grid;gap:4px;border:1px solid var(--color-border);border-radius:var(--radius-small);padding:10px}.conflict-preview p{margin:0;color:var(--color-text-secondary)}.pack-grid{display:grid;gap:12px}.pack-card,.phrase-preview{display:grid;gap:10px;border:1px solid var(--color-border);border-radius:var(--radius-small);padding:14px;background:var(--color-surface)}.pack-card h2,.pack-card p,.phrase-preview p{margin:0}.pack-card__meta{color:var(--color-text-secondary);font-size:.92rem}.badge-row{display:flex;flex-wrap:wrap;gap:8px}.badge{display:inline-flex;min-height:36px;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-small);padding:6px 10px;color:var(--color-text-secondary);font-weight:800}.filter-row{display:grid;gap:12px}.starter-pack-banner{display:grid;gap:14px;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-small);padding:14px;background:var(--color-surface);box-shadow:var(--shadow-card)}.starter-pack-banner p{margin:4px 0 0;color:var(--color-text-secondary)}.onboarding-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;align-items:center;padding:18px;overflow-y:auto;background:var(--color-onboarding-scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.onboarding-panel{display:grid;width:min(100%,620px);gap:16px;margin:0 auto;border:1px solid var(--color-border);border-radius:var(--radius-small);padding:22px;background:var(--color-surface);box-shadow:var(--shadow-card)}.onboarding-panel h1{margin:0;font-size:2rem;line-height:1.1;letter-spacing:0}.onboarding-panel p{margin:0;color:var(--color-text-secondary);line-height:1.45}.goal-grid,.phrase-preview-list{display:grid;gap:10px}@media(min-width:720px){.conflict-preview,.pack-grid,.filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}.starter-pack-banner{grid-template-columns:minmax(0,1fr) auto}.goal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius-small);padding:10px 18px;font-weight:700;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.button:active{transform:translateY(1px) scale(.99)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button--primary{background:var(--color-primary);color:var(--color-primary-contrast);box-shadow:0 4px 14px var(--color-primary-soft)}.button--primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md)}.button--secondary{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.button--secondary:hover{border-color:var(--color-border-strong);background:var(--color-surface-hover)}.button--danger{background:var(--color-danger);color:#fff}.button--danger:hover{box-shadow:var(--shadow-md)}.icon-button{display:inline-grid;width:44px;height:44px;flex:0 0 44px;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-text);font-size:1rem;font-weight:800;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.icon-button:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-surface-hover)}.icon-button:active:not(:disabled){transform:scale(.94)}.icon-button[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.icon-button:disabled{opacity:.5}.form{display:grid;gap:16px}.field{display:grid;gap:8px;font-weight:700}.field-with-action,.voice-control,.answer-panel__row{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:10px;align-items:end}.answer-panel__row{align-items:center}.speech-button{align-self:end}.field input,.field textarea{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-small);padding:12px;background:var(--color-surface);color:var(--color-text);font-weight:500}.password-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.password-field__button{min-height:44px;white-space:nowrap}.form-note{margin:0;color:var(--color-text-secondary);line-height:1.45}.form-error{margin:0;color:var(--color-danger);font-weight:700}.notice{display:grid;gap:6px;border:1px solid var(--color-border);border-radius:var(--radius-small);padding:12px;overflow-wrap:anywhere}.notice--warning{border-color:var(--color-warning);background:var(--color-warning-surface)}.account-card,.session-list{display:grid;gap:12px}.account-card p,.session-card p{margin:4px 0 0;color:var(--color-text-secondary);line-height:1.4}.session-card{display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--color-border);border-radius:var(--radius-small);padding:14px}.status-pill{display:inline-flex;min-height:32px;align-items:center;border:1px solid var(--color-border);border-radius:999px;padding:4px 10px;color:var(--color-text-secondary);font-size:.88rem;font-weight:700}.danger-zone{border-color:color-mix(in srgb,var(--color-danger) 40%,var(--color-border))}.turnstile-field{min-height:68px}.empty-state{display:grid;gap:14px;padding:22px}.empty-state h2{margin:0;font-size:1.25rem;letter-spacing:0}.empty-state p{margin:8px 0 0;color:var(--color-text-secondary);line-height:1.45}.empty-state small{color:var(--color-text-secondary);line-height:1.4}.empty-state__action{margin-top:4px}.hero-panel{display:grid;gap:18px;padding:22px}.hero-panel p{margin:8px 0 0;color:var(--color-text-secondary);line-height:1.45}.hero-panel__value{display:block;margin-top:4px;font-size:2.25rem;line-height:1.1}.landing-page{gap:28px}.landing-hero{position:relative;display:grid;gap:18px;min-height:min(640px,calc(100dvh - 150px));align-content:center;padding:34px 0 18px}.landing-hero:before{content:"";position:absolute;inset:-20% -30% auto -30%;height:420px;z-index:-1;background:radial-gradient(60% 60% at 20% 20%,var(--color-primary-soft),transparent 70%),radial-gradient(50% 50% at 85% 15%,color-mix(in srgb,var(--color-primary) 12%,transparent),transparent 70%);filter:blur(8px);pointer-events:none}.landing-hero h1{max-width:820px;margin:0;font-size:clamp(2.35rem,8vw,5rem);line-height:.98;letter-spacing:-.02em;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-hero p{max-width:680px;margin:0;color:var(--color-text-secondary);font-size:1.08rem;line-height:1.5}.landing-list{display:grid;gap:10px;margin:0;padding-left:1.25rem;color:var(--color-text-secondary);line-height:1.45}.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(min-width:560px){.topic-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.topic-card{display:flex;align-items:center;gap:12px;min-height:76px;padding:14px;border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);box-shadow:var(--shadow-card);font-weight:700;transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.topic-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.topic-card__icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:var(--radius-small);background:var(--color-primary-soft);color:var(--color-primary)}.topic-card__icon svg{width:22px;height:22px}.topic-card__label{line-height:1.25}.section-title{margin:0 0 12px;font-size:1.1rem;letter-spacing:0}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-header .section-title{margin:0}.eyebrow{margin:0;color:var(--color-text-secondary);font-size:.82rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.list{display:grid;gap:10px}.list-item{display:flex;min-height:66px;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);padding:14px}.list-item__body{flex:1}.list-item span,.list-item__body span{display:grid;gap:4px}.list-item small,.list-item__meta{color:var(--color-text-secondary);font-size:.9rem}.study-card{display:grid;gap:18px;padding:24px}.study-card__prompt{margin:0;font-size:1.7rem;font-weight:750;line-height:1.2}.study-card__answer,.answer-panel p{margin:0;font-size:1.2rem;line-height:1.35}.answer-panel{display:grid;gap:6px;border-top:1px solid var(--color-border);padding-top:18px}.answer-panel small{color:var(--color-text-secondary);line-height:1.4}.listening-prompt{display:grid;gap:12px}.answer-check{display:grid;gap:10px;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);padding:14px}.answer-check strong{font-size:1.05rem}.answer-check p{margin:0;line-height:1.45}.answer-check--exact,.answer-check--accepted-alternative{border-color:color-mix(in srgb,var(--color-success) 45%,var(--color-border))}.answer-check--close{border-color:color-mix(in srgb,var(--color-warning) 55%,var(--color-border))}.answer-check--incorrect,.answer-check--skipped{border-color:color-mix(in srgb,var(--color-danger) 45%,var(--color-border))}.answer-diff{display:flex;flex-wrap:wrap;gap:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.95rem}.answer-diff del,.answer-diff ins{border-radius:4px;padding:1px 4px;text-decoration:none}.answer-diff del{background:var(--color-danger-soft)}.answer-diff ins{background:var(--color-success-soft)}.suggested-rating{font-weight:800}.accepted-answers{margin-top:4px}.bottom-nav{position:fixed;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-top:1px solid var(--color-border);background:var(--color-nav-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding-bottom:env(safe-area-inset-bottom);z-index:20}.bottom-nav__link{display:flex;flex-direction:column;min-height:60px;align-items:center;justify-content:center;gap:4px;padding:8px 2px;color:var(--color-text-secondary);font-size:.62rem;font-weight:700;transition:color var(--duration-fast) var(--ease-out)}.bottom-nav__icon{display:grid;place-items:center;width:34px;height:26px;border-radius:var(--radius-pill);transition:background var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.bottom-nav__icon svg{width:22px;height:22px}.bottom-nav__link:hover{color:var(--color-text)}.bottom-nav__link--active{color:var(--color-primary)}.bottom-nav__link--active .bottom-nav__icon{background:var(--color-primary-soft);transform:translateY(-1px)}.bottom-nav__link--secondary{display:none}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:var(--color-scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal__panel{width:min(100%,420px);border-radius:var(--radius-small);background:var(--color-surface);padding:20px}.modal__close{float:right}.offline-banner{display:grid;gap:4px;border-bottom:1px solid var(--color-border);background:var(--color-warning-surface);padding:10px 18px;color:var(--color-text);font-size:.9rem}.offline-banner--online{background:var(--color-success-surface)}.in-app-reminder,.status-line{display:grid;gap:10px;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);padding:14px}.in-app-reminder{margin-bottom:16px}.in-app-reminder p,.status-line span{margin:0;color:var(--color-text-secondary);line-height:1.45}.form-success{color:var(--color-success);font-weight:700}.offline-banner span{color:var(--color-text-secondary)}.fab{position:fixed;right:18px;bottom:calc(82px + env(safe-area-inset-bottom));z-index:30;display:grid;justify-items:end;gap:10px}.fab__button{width:56px;height:56px;border:0;border-radius:50%;background:var(--color-primary);color:#fff;box-shadow:var(--shadow-card);font-size:2rem;line-height:1}.fab__menu{display:grid;gap:8px;width:190px}.fab__menu-item{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);padding:12px 14px;box-shadow:var(--shadow-card);font-weight:700}.fab__menu-item--disabled{color:var(--color-text-secondary)}.search-input{display:grid;gap:8px;font-weight:700}.search-input input,.field input,.field textarea,.field select{min-height:44px;font-size:1rem}.field select,.search-input input{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-text);padding:12px}.button-row{display:flex;flex-wrap:wrap;gap:10px}.choice-group{display:grid;gap:10px;min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);padding:14px}.choice-group legend{padding:0 6px;font-weight:800}.segmented{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px}.segmented--wrap{grid-template-columns:repeat(auto-fit,minmax(74px,1fr))}.segmented__item{min-height:44px;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-text);font-weight:700;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.segmented__item:hover:not(.segmented__item--active){border-color:var(--color-border-strong);background:var(--color-surface-hover)}.segmented__item--active{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.check-row,.radio-row{display:flex;min-height:44px;align-items:center;gap:10px;font-weight:700}.check-row input,.radio-row input{width:20px;height:20px}.swatch-row{display:flex;flex-wrap:wrap;gap:10px}.swatch{width:38px;height:38px;border:2px solid var(--color-surface);border-radius:50%;box-shadow:0 0 0 1px var(--color-border)}.details-panel{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);padding:14px}.details-panel summary{cursor:pointer;font-weight:800}.details-panel__content{display:grid;gap:14px;padding-top:14px}.item-menu{position:relative;flex:0 0 auto}.item-menu summary{display:grid;width:44px;height:44px;place-items:center;border-radius:var(--radius-small);cursor:pointer;list-style:none}.item-menu summary::-webkit-details-marker{display:none}.item-menu__content{position:absolute;top:48px;right:0;z-index:30;display:grid;min-width:190px;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);box-shadow:var(--shadow-card);padding:8px}@media(max-width:899px){.item-menu__content{top:auto;bottom:48px;max-height:calc(100dvh - 112px - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}}.item-menu__content a,.item-menu__content button{border:0;border-radius:var(--radius-small);background:transparent;color:var(--color-text);padding:10px;text-align:left}.danger-text{color:var(--color-danger)!important}.warning-panel,.suggestion-panel{display:grid;gap:10px;padding:16px}.beta-banner{display:grid;gap:10px;border:1px solid color-mix(in srgb,var(--color-primary) 24%,transparent);border-radius:var(--radius-small);background:var(--color-primary-soft);padding:16px}.beta-banner p{margin:0;color:var(--color-text-secondary);line-height:1.45}.warning-panel p,.suggestion-panel p{margin:0;color:var(--color-text-secondary)}.suggestion-panel{border:1px solid color-mix(in srgb,var(--color-success) 40%,var(--color-border));border-radius:var(--radius-small);background:var(--color-success-soft)}.field-hint{margin:-6px 0 0;color:var(--color-warning);font-size:.92rem;line-height:1.4}.field-error{margin:-4px 0 0;color:var(--color-danger);font-size:.92rem;line-height:1.4}.pwa-prompt{position:fixed;right:18px;bottom:calc(150px + env(safe-area-inset-bottom));left:18px;z-index:50;display:grid;gap:10px;max-width:420px;margin-left:auto;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);box-shadow:var(--shadow-card);padding:14px}.pwa-prompt p{margin:0;color:var(--color-text-secondary);line-height:1.4}.progress-track{display:block;width:100%;height:10px;overflow:hidden;border-radius:999px;background:var(--color-border)}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--color-primary)}.weekly-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;align-items:end;min-height:112px;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);padding:14px}.weekly-bars__item{display:grid;gap:8px;justify-items:center;color:var(--color-text-secondary);font-size:.78rem}.weekly-bars__bar{width:100%;min-height:8px;border-radius:var(--radius-small) var(--radius-small) 2px 2px;background:var(--color-primary)}.breakdown-list{display:grid;gap:10px}.breakdown-row{display:grid;gap:8px;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);padding:12px}.breakdown-row>div:first-child{display:flex;justify-content:space-between;gap:12px}.breakdown-row span{color:var(--color-text-secondary)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.loading-state{display:grid;gap:10px;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);padding:22px;color:var(--color-text-secondary)}.loading-state__bar{width:70%;height:14px;border-radius:999px;background:var(--color-border)}.loading-state__bar--short{width:42%}.session-progress{display:grid;gap:8px;color:var(--color-text-secondary);font-weight:800}.session-progress progress{width:100%;height:8px;accent-color:var(--color-primary)}.review-buttons,.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.review-button--again{border-color:color-mix(in srgb,var(--color-danger) 40%,var(--color-border));background:var(--color-danger-soft);color:var(--color-danger)}.review-button--hard{border-color:color-mix(in srgb,var(--color-warning) 40%,var(--color-border));background:var(--color-warning-soft);color:var(--color-warning)}.review-button--good{background:var(--color-primary);color:#fff}.review-button--easy{border-color:color-mix(in srgb,var(--color-success) 40%,var(--color-border));background:var(--color-success-soft);color:var(--color-success)}.settings-list{display:grid;gap:14px}.settings-section{display:grid;gap:14px;padding:16px}.settings-section h2{margin:0;font-size:1.1rem;letter-spacing:0}.settings-controls{display:grid;gap:14px}.settings-note{margin:0;color:var(--color-text-secondary);line-height:1.45}.settings-section dl{display:grid;gap:10px;margin:0}.settings-section dl div{display:flex;justify-content:space-between;gap:16px}.settings-section dt{color:var(--color-text-secondary)}.settings-section dd{margin:0;font-weight:800;text-align:right}.toast{position:fixed;right:18px;bottom:calc(150px + env(safe-area-inset-bottom));z-index:40;border-radius:var(--radius-small);background:var(--color-text);color:#fff;padding:12px 14px;box-shadow:var(--shadow-card)}@media(max-width:560px){.page-header{display:grid}.summary-grid,.review-buttons,.result-grid{grid-template-columns:1fr}.page-header h1{font-size:1.7rem}}@media(min-width:900px){.app-shell{display:grid;grid-template-columns:220px minmax(0,1fr);padding-bottom:0}.app-main{grid-column:2;padding-top:38px}.bottom-nav{top:0;right:auto;bottom:0;width:220px;grid-template-columns:1fr;align-content:start;gap:4px;border-top:0;border-right:1px solid var(--color-border);padding:28px 12px}.bottom-nav__link{flex-direction:row;min-height:46px;justify-content:flex-start;gap:12px;border-radius:var(--radius-small);padding:0 12px;font-size:.95rem}.bottom-nav__link--secondary{display:flex}.bottom-nav__icon{width:26px;height:26px}.bottom-nav__link--active{background:var(--color-primary-soft)}.bottom-nav__link--active .bottom-nav__icon{background:transparent;transform:none}.fab{right:28px;bottom:28px}}.quick-add__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.quick-add__header h2{margin:0}.quick-add__row{display:grid;gap:10px}@media(min-width:560px){.quick-add__row{grid-template-columns:repeat(2,minmax(0,1fr))}}.settings-section,.empty-state,.hero-panel,.warning-panel,.suggestion-panel,.beta-banner{padding:var(--box-padding)}.pack-card,.phrase-preview,.list-item,.session-card,.choice-group,.starter-pack-banner,.in-app-reminder,.status-line,.repair-action,.details-panel,.notice,.breakdown-row{padding:var(--box-padding-compact)}.pack-card,.phrase-preview,.list-item,.session-card,.choice-group,.repair-action,.details-panel,.notice,.breakdown-row,.loading-state{border-radius:var(--radius-medium)}.page-header h1,.onboarding-panel h1,.landing-hero h1{letter-spacing:-.02em}.section-title,.empty-state h2,.settings-section h2,.pack-card h2{letter-spacing:-.01em;line-height:1.3}.settings-note,.form-note,.page-header p,.list-item small,.list-item__meta,.pack-card__meta{letter-spacing:0}