@charset "UTF-8";:root{color-scheme:light;--scrollbar-width: 6px;--scrollbar-thumb: rgba(144, 147, 153, .3);--scrollbar-thumb-hover: rgba(144, 147, 153, .5);--scrollbar-track: transparent;--bg-color: #FFFFFF;--bg-secondary: #F8F9FA;--bg-tertiary: #F1F3F5;--text-primary: #1F2937;--text-secondary: #6B7280;--text-tertiary: #9CA3AF;--accent: #FF7E36;--accent-hover: #E56F2A;--accent-dark: #E56F2A;--accent-secondary: #FF7E36;--accent-deep: #FF7E36;--accent-deep-hover: #E56F2A;--accent-light: #FFF4ED;--accent-subtle: #FFF8F3;--accent-rgb: 255, 126, 54;--success: #10B981;--success-strong: #10B981;--success-bg: #D1FAE5;--success-light: #ECFDF5;--success-rgb: 34, 197, 94;--error: #EF4444;--error-strong: #EF4444;--error-bg: #FEE2E2;--error-light: #FEF2F2;--error-rgb: 239, 68, 68;--warning: #F59E0B;--warning-bg: #FEF3C7;--info: #0EA5E9;--info-bg: #E0F2FE;--info-light: #F0F9FF;--info-rgb: 14, 165, 233;--tone-indigo: #6366F1;--tone-blue: #3B82F6;--border: #E5E7EB;--border-hover: #D1D5DB;--border-focus: #FF7E36;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--space-xs: 10px;--space-sm: 10px;--space-md: 10px;--space-lg: 10px;--space-xl: 10px;--space-2xl: 10px;--space-stack: 10px;--radius-sm: 10px;--radius-md: 10px;--radius-lg: 10px;--radius-xl: 10px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--overlay: rgba(0, 0, 0, .45);--overlay-medium: rgba(0, 0, 0, .12);--overlay-strong: rgba(0, 0, 0, .5);--white-overlay: rgba(255, 255, 255, .2);--white-overlay-text: rgba(255, 255, 255, .8);--mode-listening-bg: #EEF2FF;--mode-listening-color: #4F46E5;--mode-listening-border: #C7D2FE;--mode-meaning-bg: #F0FDF4;--mode-meaning-color: #16A34A;--mode-meaning-border: #BBF7D0;--mode-dictation-bg: #FFF7ED;--mode-dictation-color: #C2410C;--mode-dictation-border: #FED7AA;--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .08);--shadow-soft: 0 4px 12px rgba(15, 23, 42, .06);--shadow-panel: 0 6px 16px rgba(15, 23, 42, .08);--shadow-floating: 0 16px 38px rgba(15, 23, 42, .12);--shadow-overlay: 0 24px 80px rgba(15, 23, 42, .18);--surface-base: rgba(255, 255, 255, .94);--surface-elevated: rgba(255, 255, 255, .98);--surface-subtle: #FFFDFB;--surface-border-strong: rgba(226, 232, 240, .92);--surface-accent: #FFF4ED;--surface-overlay: rgba(255, 255, 255, .78);--surface-floating: rgba(255, 255, 255, .88);--surface-muted: #F7F7F8;--surface-code: #111827;--surface-hover: rgba(var(--accent-rgb), .08);--surface-active: rgba(var(--accent-rgb), .12);--surface-inset: rgba(15, 23, 42, .04);--border-subtle: rgba(226, 232, 240, .72);--border-strong: rgba(203, 213, 225, .96);--focus-ring: 0 0 0 3px rgba(var(--accent-rgb), .14);--focus-ring-strong: 0 0 0 4px rgba(var(--accent-rgb), .18);--surface-code-text: #E2E8F0;--text-inverse: #FFFFFF;--icon-muted: #94A3B8;--glow-accent: 0 10px 24px rgba(var(--accent-rgb), .18);--glow-accent-strong: 0 12px 28px rgba(var(--accent-rgb), .24);--chart-grid: rgba(15, 23, 42, .08);--chart-muted: rgba(15, 23, 42, .14);--chart-series-1: #F97316;--chart-series-2: #3B82F6;--chart-series-3: #10B981;--chart-series-4: #8B5CF6;--chart-series-5: #EC4899;--chart-series-6: #14B8A6;--chart-series-7: #EAB308;--chart-series-8: #64748B;--chart-wrong-1: #DC2626;--chart-wrong-2: #EA580C;--chart-wrong-3: #F59E0B;--chart-wrong-4: #EAB308;--chart-wrong-5: #84CC16;--chart-wrong-6: #22C55E;--chart-wrong-7: #14B8A6;--chart-wrong-8: #0EA5E9;--chart-wrong-9: #6366F1;--chart-wrong-10: #A855F7;--chart-ebb-target: var(--info);--chart-ebb-actual: #EA580C;--chart-accent-fill: rgba(var(--accent-rgb), .1);--font-sans: "Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Segoe UI", "Inter", "PingFang SC", "Noto Sans SC", sans-serif;--header-height: 52px;--sidebar-width: 280px;--page-max-width: 1280px;--page-gutter: 10px;--page-section-gap: 10px;--color-brand-primary: var(--accent);--color-brand-primary-hover: var(--accent-hover);--color-brand-primary-subtle: var(--accent-light);--color-surface-base: var(--surface-base);--color-surface-elevated: var(--surface-elevated);--color-surface-subtle: var(--surface-subtle);--color-surface-overlay: var(--surface-overlay);--color-surface-floating: var(--surface-floating);--color-surface-muted: var(--surface-muted);--color-border-default: var(--border);--color-border-strong: var(--border-strong);--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-tertiary: var(--text-tertiary);--space-0: 0px;--space-100: 10px;--space-200: 10px;--space-300: 10px;--space-400: 10px;--space-500: 10px;--space-600: 10px;--radius-100: 10px;--radius-200: 10px;--radius-300: 10px;--radius-pill: 9999px;--shadow-100: var(--shadow-sm);--shadow-200: var(--shadow-soft);--shadow-300: var(--shadow-panel);--layer-underlay: -1;--layer-base: 0;--layer-raised: 1;--layer-local-overlay: 10;--layer-sticky: 20;--layer-dropdown: 40;--layer-page-loading: 50;--layer-global-loading: 60;--layer-modal: 180;--layer-toast: 190;--layer-header: 120;--layer-global-search: 130;--layer-tooltip: 140;--layer-topmost: 160}[data-theme=dark]{color-scheme:dark;--scrollbar-thumb: rgba(200, 200, 200, .2);--scrollbar-thumb-hover: rgba(200, 200, 200, .4);--bg-color: #1A1A1A;--bg-secondary: #242424;--bg-tertiary: #2E2E2E;--text-primary: #F5F5F5;--text-secondary: #A3A3A3;--text-tertiary: #737373;--accent-light: #3D2A1A;--accent-subtle: #2D2015;--mode-listening-bg: rgba(79, 70, 229, .15);--mode-listening-color: #818CF8;--mode-listening-border: rgba(79, 70, 229, .3);--mode-meaning-bg: rgba(22, 163, 74, .15);--mode-meaning-color: #4ADE80;--mode-meaning-border: rgba(22, 163, 74, .3);--mode-dictation-bg: rgba(194, 65, 12, .15);--mode-dictation-color: #FB923C;--mode-dictation-border: rgba(194, 65, 12, .3);--border: #3A3A3A;--border-hover: #4A4A4A;--success-bg: #1A3D2E;--success-light: #0D261C;--error-bg: #3D1A1A;--error-light: #2D1515;--warning-bg: #3D2A1A;--success-strong: #4ADE80;--error-strong: #F87171;--info-bg: rgba(14, 165, 233, .18);--info-light: rgba(14, 165, 233, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6);--shadow-soft: 0 4px 12px rgba(0, 0, 0, .28);--shadow-panel: 0 6px 16px rgba(0, 0, 0, .34);--shadow-floating: 0 16px 38px rgba(0, 0, 0, .4);--shadow-overlay: 0 28px 88px rgba(0, 0, 0, .5);--surface-base: rgba(36, 36, 36, .94);--surface-elevated: rgba(42, 42, 42, .98);--surface-subtle: rgba(30, 30, 30, .92);--surface-border-strong: rgba(74, 74, 74, .92);--surface-overlay: rgba(28, 28, 28, .82);--surface-floating: rgba(34, 34, 34, .9);--surface-muted: #202225;--surface-code: #0F172A;--surface-hover: rgba(var(--accent-rgb), .16);--surface-active: rgba(var(--accent-rgb), .22);--surface-inset: rgba(255, 255, 255, .04);--border-subtle: rgba(82, 82, 82, .72);--border-strong: rgba(108, 108, 108, .94);--focus-ring: 0 0 0 3px rgba(var(--accent-rgb), .22);--focus-ring-strong: 0 0 0 4px rgba(var(--accent-rgb), .28);--surface-code-text: #E5E7EB;--text-inverse: #FFFFFF;--icon-muted: #A1A1AA;--glow-accent: 0 10px 26px rgba(var(--accent-rgb), .24);--glow-accent-strong: 0 12px 30px rgba(var(--accent-rgb), .3);--chart-grid: rgba(255, 255, 255, .08);--chart-muted: rgba(255, 255, 255, .16);--chart-accent-fill: rgba(var(--accent-rgb), .16)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--bg-color);color:var(--text-primary);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal)}#root{min-height:100vh}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.12}h1{font-size:30px}h2{font-size:20px}h3{font-size:16px}p{color:var(--text-secondary)}a{color:inherit}html,body,*{scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{width:0;height:0;display:none}.field-error{display:block;font-size:12px;line-height:1.4;color:var(--error);opacity:.85;margin-top:4px;min-height:17px}html,body,#root{height:100%}.app{display:flex;flex-direction:column;height:100vh;min-height:100vh;overflow:hidden}.app-body{display:flex;flex:1;min-height:0;box-sizing:border-box;padding-top:var(--header-height);background:transparent;overflow:hidden}.left-sidebar{width:160px;min-width:160px;background:var(--surface-overlay);border-right:1px solid var(--border-strong);box-shadow:inset -1px 0 0 var(--surface-inset);display:flex;flex-direction:column;position:sticky;top:var(--header-height);height:calc(100vh - var(--header-height));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.left-sidebar-nav{display:flex;flex-direction:column;gap:10px;padding:10px}.left-sidebar-item{display:block;padding:10px;background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);color:var(--text-tertiary);text-decoration:none;border-radius:10px;width:100%;box-sizing:border-box}.left-sidebar-item-inner{display:grid;grid-template-columns:20px auto;align-items:center;column-gap:4px;width:78px;margin-inline:auto;min-width:0}.left-sidebar-item:hover{color:var(--text-primary);background:var(--surface-hover);transform:translateY(-1px)}.left-sidebar-item.active{color:var(--accent);background:var(--accent-light);font-weight:600;box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.18)}.left-sidebar-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.left-sidebar-icon svg{width:18px;height:18px}.left-sidebar-label{font-size:14px;font-weight:500;line-height:1.2;white-space:nowrap;align-self:center;justify-self:start;width:fit-content}.main{flex:1;min-height:0;height:calc(100vh - var(--header-height));display:flex;flex-direction:column;overflow:hidden;background:transparent}.main>*{flex:1;min-height:0}.main-view{display:flex;flex:1;height:100%;min-height:0;overflow:hidden}.main-view>*{flex:1;min-height:0}.page-content{width:100%;padding:var(--page-gutter);height:100%;min-height:0;margin:0 auto;display:flex;flex-direction:column;overflow:auto}.practice-fullscreen{display:flex;flex-direction:column;height:100vh;min-height:100vh}.practice-fullscreen-main{flex:1;min-height:0;height:100%;overflow:hidden;display:flex;flex-direction:column}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px 10px;background:var(--surface-subtle)}.auth-layout__inner{width:min(100%,420px)}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--surface-overlay);border-top:1px solid var(--border-strong);z-index:var(--layer-sticky);box-shadow:var(--shadow-floating);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:transparent;border:none;cursor:pointer;color:var(--text-tertiary);transition:color var(--transition-fast);padding:10px 0}.bottom-nav-item:active{background:var(--surface-hover)}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center}.bottom-nav-icon svg{width:100%;height:100%}.bottom-nav-label{font-size:10px;font-weight:600}@media (max-width: 768px){.bottom-nav{display:flex}.app-body{padding-bottom:74px}.page-content{padding:10px 10px 74px}}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--surface-overlay);border-bottom:1px solid var(--border-strong);display:flex;align-items:center;z-index:var(--layer-header);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:visible}.header-logo-area{width:160px;min-width:160px;height:100%;display:flex;align-items:center;justify-content:center;padding:0 10px;gap:var(--space-sm);cursor:pointer;flex-shrink:0;border-right:1px solid var(--surface-border-strong)}.header-logo-area:hover{background:var(--surface-hover)}.header-logo-img{width:28px;height:28px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.header-logo-text{font-size:15px;font-weight:700;color:var(--accent);letter-spacing:-.5px;white-space:nowrap;text-shadow:none}.header-nav{display:flex;align-items:center;gap:var(--space-xs);margin-left:10px;margin-block:10px;padding:0;border-radius:999px;background:var(--surface-floating);border:1px solid var(--border-subtle);box-shadow:inset 0 1px 0 var(--surface-inset)}.header-nav-item{padding:10px;background:transparent;border:none;border-radius:999px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.header-nav-item:hover{color:var(--text-primary);background:var(--surface-hover)}.header-nav-item.active{color:var(--accent);font-weight:600;background:var(--accent-light);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.22)}.header-right{margin-left:auto;display:flex;align-items:center;gap:10px;padding-right:var(--page-gutter);flex-shrink:0}.header-toolbar{display:flex;align-items:center;gap:var(--space-xs)}.logo{display:flex;align-items:center;gap:var(--space-sm);font-size:20px;font-weight:700;color:var(--accent);cursor:pointer;transition:opacity var(--transition-fast)}.logo:hover{opacity:.85}.logo-img{width:36px;height:36px;border-radius:var(--radius-md);object-fit:cover}.logo-icon{width:36px;height:36px;background:var(--accent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-size:18px;box-shadow:var(--shadow-sm)}.logo-icon svg{width:20px;height:20px}.logo-text{letter-spacing:-.5px}.header-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface-floating);border:1px solid var(--border-subtle);border-radius:14px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.header-btn:hover{background:var(--surface-hover);color:var(--accent);transform:translateY(-1px)}.header-btn svg{width:20px;height:20px}.tool-buttons{display:flex;align-items:center;gap:var(--space-xs)}.tool-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.tool-btn:hover{background:var(--surface-hover);color:var(--accent)}.tool-btn svg{width:20px;height:20px}.header-search-shortcut{flex-shrink:0}.main-nav{display:flex;gap:var(--space-xs)}.main-nav-item{padding:10px;background:transparent;border:none;border-radius:var(--radius-sm);font-size:15px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);position:relative}.user-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface-floating);color:var(--text-inverse);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);overflow:hidden}.user-btn:hover{transform:translateY(-1px) scale(1.03);box-shadow:var(--shadow-md)}.user-avatar-img{width:100%;height:100%;object-fit:cover}.progress-indicator{font-size:14px;color:var(--text-secondary);font-weight:500}.header-hamburger{display:none}.header-mobile-menu{position:absolute;top:100%;left:0;right:0;background:var(--surface-overlay);border-bottom:1px solid var(--border-strong);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:var(--layer-sticky);animation:slideDown .15s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-items{display:flex;flex-direction:column;padding:var(--space-sm);gap:10px}.mobile-menu-item{display:block;width:100%;padding:10px;background:transparent;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:500;color:var(--text-secondary);cursor:pointer;text-align:left;transition:all var(--transition-fast)}.mobile-menu-item:hover{background:var(--surface-hover);color:var(--text-primary)}.mobile-menu-item.active{background:var(--accent-light);color:var(--accent);font-weight:600}@media (max-width: 768px){.header-hamburger{display:flex}.header-search-box,.header-nav{display:none}.header-right{padding-right:var(--space-md)}}.day-selector-wrapper--hidden{display:none}.day-selector-arrow{transition:transform .2s}.day-selector-arrow.is-open{transform:rotate(180deg)}.settings-modal--help{width:min(92vw,760px);max-width:760px;height:auto;max-height:min(88vh,920px)}.settings-content--help{display:flex;flex-direction:column;gap:24px;padding:24px;overflow:auto}.help-modal-section{display:flex;flex-direction:column;gap:12px}.help-modal-title{font-size:14px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.help-modal-search-block{display:flex;flex-direction:column;gap:10px}.help-modal-search-field{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 14px;border:1px solid var(--border-subtle);border-radius:14px;background:var(--surface-floating);box-shadow:inset 0 1px 0 var(--surface-inset);color:var(--text-tertiary)}.help-modal-search-field svg{width:18px;height:18px;flex-shrink:0}.help-modal-search-input{width:100%;border:none;background:transparent;color:var(--text-primary);font-size:14px;outline:none}.help-modal-search-input::placeholder{color:var(--text-tertiary)}.help-modal-search-summary{margin:0;font-size:12px;color:var(--text-tertiary)}.help-modal-list{display:flex;flex-direction:column;gap:10px}.help-modal-row{display:flex;align-items:center;gap:12px}.help-modal-kbd{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;padding:4px 10px;font-size:13px;font-weight:600;color:var(--text-primary);min-width:52px;text-align:center}.help-modal-text,.help-modal-mode{font-size:14px;color:var(--text-secondary)}.help-modal-mode-name{color:var(--text-primary)}.help-modal-faq-list{display:flex;flex-direction:column;gap:12px}.help-modal-faq-item{--help-faq-rgb: var(--accent-rgb);--help-faq-color: var(--accent);border:1px solid rgba(var(--help-faq-rgb),.14);border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-elevated) 96%,transparent),rgba(var(--help-faq-rgb),.05));box-shadow:var(--shadow-soft);overflow:hidden}.help-modal-faq-item--error{--help-faq-rgb: 239, 68, 68;--help-faq-color: var(--error)}.help-modal-faq-item--success{--help-faq-rgb: 34, 197, 94;--help-faq-color: var(--success)}.help-modal-faq-item--neutral{--help-faq-rgb: 15, 23, 42;--help-faq-color: var(--text-primary)}.help-modal-faq-trigger{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px;border:none;background:transparent;cursor:pointer;text-align:left}.help-modal-faq-trigger-main{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0}.help-modal-faq-eyebrow{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--help-faq-color)}.help-modal-faq-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.help-modal-faq-title{color:var(--text-primary);font-size:15px;line-height:1.4}.help-modal-faq-badge,.help-modal-faq-fact{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:rgba(var(--help-faq-rgb),.12);color:var(--help-faq-color);font-size:11px;font-weight:700}.help-modal-faq-summary,.help-modal-faq-toggle{font-size:13px;color:var(--text-secondary);line-height:1.6}.help-modal-faq-toggle{flex-shrink:0;font-weight:700;color:var(--text-tertiary)}.help-modal-faq-body{display:flex;flex-direction:column;gap:14px;padding:0 16px 16px;border-top:1px solid var(--border-subtle)}.help-modal-faq-facts{display:flex;flex-wrap:wrap;gap:8px;padding-top:14px}.help-modal-faq-sections{display:flex;flex-direction:column;gap:12px}.help-modal-faq-section{display:flex;flex-direction:column;gap:8px}.help-modal-faq-section-label{margin:0;font-size:12px;font-weight:800;letter-spacing:.04em;color:var(--text-primary)}.help-modal-faq-items{display:flex;flex-direction:column;gap:8px;margin:0;padding-left:18px;color:var(--text-secondary);font-size:13px;line-height:1.65}.help-modal-empty{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px dashed var(--border-subtle);border-radius:16px;background:var(--surface-muted);color:var(--text-secondary);font-size:13px;line-height:1.6}@media (max-width: 640px){.settings-modal--help{width:100%}.help-modal-faq-trigger{flex-direction:column}.help-modal-faq-toggle{align-self:flex-start}}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.day-selector-wrapper{position:relative;margin-right:var(--space-sm)}.day-selector{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--accent-light);border:1px solid var(--accent);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.day-selector:hover{background:var(--accent);color:var(--text-inverse)}.day-selector:hover .day-selector-current,.day-selector:hover .day-selector-arrow{color:var(--text-inverse)}.day-selector-current{font-size:14px;font-weight:600;color:var(--accent)}.day-selector-arrow{width:16px;height:16px;color:var(--accent);transition:transform var(--transition-fast)}.day-selector-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.day-selector-btn:hover{border-color:var(--accent);background:var(--accent-subtle)}.day-selector-btn svg{width:16px;height:16px;transition:transform var(--transition-fast)}.day-selector-btn.active svg,.day-selector-btn[aria-expanded=true] svg{transform:rotate(180deg)}.day-dropdown-header{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border);margin-bottom:var(--space-sm)}.day-dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:14px}.day-dropdown-item:hover{background:var(--bg-secondary)}.day-dropdown-item.active{background:var(--accent);color:var(--text-inverse)}.day-grid-dropdown{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-xs)}.day-item{padding:var(--space-sm);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.day-item:hover{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.day-item.selected{background:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.day-indicator{margin-top:var(--space-xs);font-size:12px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.5px}.mode-selector-wrapper{position:relative}.mode-section{position:relative;display:flex;align-items:center}.mode-selector-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.mode-selector-btn:hover{border-color:var(--accent);background:var(--accent-subtle)}.mode-selector-btn svg.dropdown-arrow{width:16px;height:16px;color:var(--text-secondary)}.mode-btn{display:flex;align-items:center;gap:4px;padding:0 var(--space-md);width:auto;white-space:nowrap;font-size:14px;font-weight:500}.current-mode{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary)}.current-mode .mode-icon{display:flex;align-items:center}.current-mode .mode-icon svg{width:14px;height:14px;color:var(--accent)}.current-mode .mode-text{font-weight:500}.settings-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.settings-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.el-scrollbar{overflow:hidden;position:relative;height:100%}.el-scrollbar__wrap{height:100%;overflow-y:scroll;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.el-scrollbar__wrap::-webkit-scrollbar{display:none}.el-scrollbar__bar{position:absolute;right:3px;top:2px;bottom:2px;width:6px;border-radius:9999px;background:transparent;cursor:default;z-index:var(--layer-local-overlay);-webkit-user-select:none;user-select:none;touch-action:none;opacity:0;transition:opacity 0ms}.el-scrollbar__bar:hover,.el-scrollbar__bar.is-show{opacity:1;transition:opacity .16s ease-out}.el-scrollbar__thumb{position:relative;display:block;width:100%;height:var(--scrollbar-thumb-height, 100%);transform:translateY(var(--scrollbar-thumb-offset, 0));cursor:pointer;border-radius:9999px;background-color:var(--scrollbar-thumb);transition:background-color .2s ease,width .2s ease}.el-scrollbar__bar:hover .el-scrollbar__thumb{background-color:var(--scrollbar-thumb-hover)}.el-scrollbar__bar:hover{width:8px;right:2px}.mode-selector{position:relative;display:inline-block}.mode-selector-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--surface-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.mode-selector-btn:hover{border-color:rgba(var(--accent-rgb),.42);box-shadow:var(--focus-ring)}.mode-selector-btn.active{border-color:rgba(var(--accent-rgb),.42);background:var(--surface-hover)}.mode-selector-btn svg{width:16px;height:16px;color:var(--text-secondary)}.mode-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:300px;background:var(--surface-floating);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-sm);display:none;animation:dropdownFadeIn .25s ease;z-index:var(--layer-dropdown)}.mode-dropdown.show{display:block}.mode-option{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.mode-option:hover{background:var(--surface-hover)}.mode-option.selected{background:var(--surface-active)}.mode-option-radio{width:18px;height:18px;border:2px solid var(--border-subtle);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.mode-option.selected .mode-option-radio{border-color:var(--accent);background:var(--accent)}.mode-option.selected .mode-option-radio:after{content:"";width:6px;height:6px;background:var(--text-inverse);border-radius:var(--radius-full)}.mode-option-icon{width:36px;height:36px;background:var(--surface-muted);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-fast)}.mode-option.selected .mode-option-icon{background:var(--accent);color:var(--text-inverse)}.mode-option-icon svg{width:18px;height:18px}.mode-option-content{flex:1}.mode-option-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.mode-option-desc{font-size:12px;color:var(--text-tertiary)}.user-menu{position:relative}.user-dropdown{position:absolute;top:calc(100% + 10px);right:0;margin-top:4px;background:var(--surface-floating);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-xs);min-width:200px;box-shadow:var(--shadow-floating);display:none;z-index:var(--layer-dropdown);animation:dropdownFadeIn .18s ease}.user-dropdown:before{content:"";position:absolute;top:-7px;right:14px;width:12px;height:12px;background:var(--surface-floating);border-top:1px solid var(--border-strong);border-left:1px solid var(--border-strong);transform:rotate(45deg);border-radius:2px;z-index:var(--layer-raised)}.user-dropdown.show{display:block}.dropdown-item{display:flex;align-items:center;gap:var(--space-sm);padding:9px var(--space-md);border-radius:var(--radius-md);font-size:13px;font-weight:500;color:var(--text-primary);background:none;border:none;cursor:pointer;width:100%;text-align:left;transition:background var(--transition-fast),color var(--transition-fast)}.dropdown-item:hover{background:var(--surface-hover);color:var(--accent)}.dropdown-item svg{flex-shrink:0}.dropdown-item.logout-item{color:var(--error)}.dropdown-item.logout-item:hover{background:var(--error-light)}.day-dropdown-header{font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-subtle)}.day-dropdown-item.active{background:var(--accent-light);color:var(--accent);font-weight:600}.mode-item-name{font-size:14px;font-weight:500;line-height:1.2}.mode-item-desc{font-size:12px;color:var(--text-tertiary);margin-top:2px}.mode-dropdown-item.active .mode-item-desc{color:var(--accent);opacity:.8}.user-dropdown-header{padding:var(--space-sm) var(--space-md)}.user-dropdown-name{font-size:13px;font-weight:600;color:var(--text-primary)}.user-dropdown-email{font-size:12px;color:var(--text-tertiary);margin-top:2px}.user-dropdown-divider{height:1px;background:var(--border-subtle);margin:var(--space-xs) 0}.day-dropdown{position:absolute!important;top:calc(100% + 8px)!important;right:0!important;left:auto!important;transform:none!important;min-width:220px;max-width:400px;background:var(--surface-floating);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:0;z-index:var(--layer-dropdown);overflow:hidden;max-height:none;animation:dropdownFadeIn .18s ease}.day-dropdown.show{display:block!important}.day-dropdown-scroll{max-height:300px;overflow-y:auto}.mode-dropdown{position:absolute!important;top:calc(100% + 8px)!important;right:0!important;left:auto!important;transform:none!important;width:240px;background:var(--surface-floating);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-xs);z-index:var(--layer-dropdown);animation:dropdownFadeIn .18s ease}.mode-dropdown.show{display:block!important}.toast{position:fixed;bottom:var(--space-xl);left:50%;transform:translate(-50%) translateY(100px);background:var(--surface-floating);color:var(--text-primary);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-size:14px;opacity:0;transition:all .3s ease;z-index:var(--layer-toast);box-shadow:var(--shadow-lg);border:1px solid var(--border-strong)}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.toast.success{background:var(--success-bg);color:var(--success);border-color:color-mix(in srgb,var(--success) 35%,var(--success-bg))}.toast.error{background:var(--error-bg);color:var(--error);border-color:color-mix(in srgb,var(--error) 35%,var(--error-bg))}.complete-screen{display:none;text-align:center;padding:var(--space-2xl) var(--space-lg)}.complete-screen.active{display:block}.complete-icon{width:80px;height:80px;background:var(--success-bg);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg);color:var(--success)}.complete-icon svg{width:40px;height:40px}.complete-title{font-size:28px;font-weight:700;margin-bottom:var(--space-sm)}.complete-subtitle{font-size:15px;color:var(--text-secondary);margin-bottom:var(--space-xl)}.complete-stats{display:flex;justify-content:center;gap:var(--space-2xl);margin-bottom:var(--space-xl)}.complete-stat{text-align:center}.complete-stat-value{font-size:36px;font-weight:700;color:var(--success)}.complete-stat-label{font-size:14px;color:var(--text-secondary)}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-strong);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:var(--layer-modal);opacity:0;visibility:hidden;transition:all .3s ease}.settings-overlay.show{opacity:1;visibility:visible;display:flex}.settings-modal{width:90%;max-width:640px;max-height:85vh;background:var(--surface-floating);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;transform:scale(.95) translateY(20px);transition:transform .3s ease;overflow:hidden}.settings-overlay.show .settings-modal{transform:scale(1) translateY(0)}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.settings-title{font-size:18px;font-weight:700;color:var(--text-primary)}.settings-close{width:36px;height:36px;border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-fast)}.settings-close:hover{background:var(--surface-hover);color:var(--text-primary)}.settings-close svg{width:20px;height:20px}.settings-body{display:flex;flex:1;overflow:hidden}.settings-sidebar{width:160px;background:var(--surface-muted);padding:var(--space-md);border-right:1px solid var(--border-subtle);flex-shrink:0}@media (max-width: 600px){.settings-sidebar{width:100%;display:flex;border-right:none;border-bottom:1px solid var(--border-subtle);padding:var(--space-sm);overflow-x:auto}.settings-body{flex-direction:column}}.settings-tab{width:100%;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;margin-bottom:var(--space-xs)}.settings-tab:hover{background:var(--surface-hover);color:var(--text-primary)}.settings-tab.active{background:var(--accent);color:var(--text-inverse)}.settings-tab svg{width:18px;height:18px;flex-shrink:0}.settings-content{flex:1}.settings-content .el-scrollbar__wrap{padding:var(--space-xl)}.settings-panel{display:none;opacity:0;transform:translateY(8px);transition:opacity .15s ease,transform .15s ease;will-change:opacity,transform}.settings-panel.active{display:block;opacity:1;transform:translateY(0);animation:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.settings-group{margin-bottom:var(--space-xl)}.settings-group-title{font-size:13px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle)}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;border-bottom:1px solid var(--border-subtle)}.settings-item:last-child{border-bottom:none}.settings-item-info{flex:1;margin-right:var(--space-md)}.settings-item-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.settings-item-desc{font-size:12px;color:var(--text-tertiary);line-height:1.4}.switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--surface-inset);border-radius:var(--radius-full);transition:all var(--transition-fast)}.switch-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background:var(--text-inverse);border-radius:var(--radius-full);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.switch input:checked+.switch-slider{background:var(--accent)}.switch input:checked+.switch-slider:before{transform:translate(22px)}.switch input:focus+.switch-slider{box-shadow:var(--focus-ring)}.settings-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-xl) var(--space-sm) var(--space-md);font-size:14px;color:var(--text-primary);cursor:pointer;min-width:120px;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:all var(--transition-fast)}.settings-select:hover{border-color:var(--accent)}.settings-select:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.settings-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:120px;height:6px;background:var(--surface-inset);border-radius:3px;outline:none;cursor:pointer}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:var(--accent);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.settings-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.settings-modal{width:90%;max-width:640px;height:520px;max-height:90vh;background:var(--surface-floating);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-strong);display:flex;flex-direction:column;overflow:hidden;transition:none!important}.settings-body{display:flex;flex:1;overflow:hidden;min-height:0}.settings-content{flex:1;position:relative;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}.settings-content--native{padding:var(--space-xl)}.settings-panel{display:none;opacity:1;transform:none;transition:none}.settings-panel.active{display:block}.avatar-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-strong);display:flex;align-items:center;justify-content:center;z-index:var(--layer-topmost);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:24px;overflow-y:auto}.avatar-modal{width:min(100%,420px);max-width:420px;max-height:calc(100vh - 48px);background:var(--surface-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-strong);display:flex;flex-direction:column;overflow:hidden;margin:auto}.avatar-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-subtle);background:var(--surface-subtle)}.avatar-modal-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.avatar-modal-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.avatar-modal-close:hover{background:var(--surface-hover);color:var(--text-primary)}.avatar-modal-close svg{width:18px;height:18px}.avatar-modal-body{padding:var(--space-xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);text-align:center}.avatar-preview-area{width:128px;height:128px;border-radius:var(--radius-full);overflow:hidden;border:3px solid var(--border-subtle);background:var(--surface-muted);box-shadow:var(--shadow-soft)}.avatar-preview-img{width:100%;height:100%;object-fit:cover}.avatar-preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;color:var(--text-tertiary);background:var(--surface-inset)}.avatar-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-sm)}.avatar-file-input{display:none}.avatar-upload-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.avatar-upload-btn:hover{background:var(--accent-hover)}.avatar-upload-btn svg{width:16px;height:16px}.avatar-remove-btn{padding:var(--space-sm) var(--space-lg);background:none;color:var(--error);border:1px solid var(--error);border-radius:var(--radius-md);font-size:14px;cursor:pointer;transition:background var(--transition-fast)}.avatar-remove-btn:hover{background:var(--error-light)}.avatar-hint{font-size:12px;color:var(--text-tertiary);margin:0}.avatar-error{font-size:13px;color:var(--error);background:var(--error-light);border:1px solid var(--error);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);width:100%;text-align:center}.avatar-modal-footer{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--border-subtle);justify-content:flex-end;background:var(--surface-subtle)}.avatar-cancel-btn{padding:var(--space-sm) var(--space-xl);background:none;color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:14px;cursor:pointer;transition:background var(--transition-fast)}.avatar-cancel-btn:hover{background:var(--surface-hover)}.avatar-save-btn{padding:var(--space-sm) var(--space-xl);background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.avatar-save-btn:hover:not(:disabled){background:var(--accent-hover)}.avatar-save-btn:disabled,.avatar-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.user-avatar-img{width:28px;height:28px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--accent)}.user-dropdown-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg)}.user-dropdown-avatar-btn{width:40px;height:40px;border-radius:var(--radius-full);background:var(--accent);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;flex-shrink:0;overflow:hidden;border:none;cursor:pointer;position:relative;transition:filter .15s ease}.user-dropdown-avatar-btn:hover{filter:brightness(.85)}.user-dropdown-avatar-btn .user-avatar-img{width:100%;height:100%;object-fit:cover}.avatar-edit-hint{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay);color:var(--text-inverse);font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease;border-radius:var(--radius-full)}.user-dropdown-avatar-btn:hover .avatar-edit-hint{opacity:1}.user-dropdown-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--accent);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;flex-shrink:0;overflow:hidden}.user-dropdown-name{font-size:14px;font-weight:600;color:var(--text-primary)}.user-dropdown-email{font-size:12px;color:var(--text-tertiary)}.user-dropdown-divider{height:1px;background:var(--border);margin:var(--space-xs) 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:10px;text-align:center;border:1px dashed var(--border-subtle);border-radius:10px;background:var(--surface-muted);color:var(--text-secondary)}.empty-state--page{flex:1;min-height:100%}.empty-state-icon{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.empty-state-icon svg{width:48px;height:48px}.empty-state-title{font-size:15px;font-weight:600;color:var(--text-primary)}.empty-state-description{font-size:13px;color:var(--text-secondary);max-width:560px}.empty-state-action{display:flex;align-items:center;justify-content:center}.popover-panel{position:fixed;left:var(--popover-left, 0);top:var(--popover-top, 0);min-width:var(--popover-min-width, auto);background:var(--surface-floating);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-floating);z-index:var(--layer-tooltip);animation:popoverFadeIn .18s ease forwards}.popover-trigger{display:inline-block;cursor:pointer}.popover-panel.popover-closing{animation:popoverFadeOut .15s ease forwards}.popover-panel[data-placement^=bottom]{animation-name:popoverSlideDown}.popover-panel[data-placement^=top]{animation-name:popoverSlideUp}.popover-panel[data-placement^=left],.popover-panel[data-placement^=right]{animation-name:popoverFadeIn}.popover-panel[data-placement^=bottom].popover-closing{animation-name:popoverSlideDownOut}.popover-panel[data-placement^=top].popover-closing{animation-name:popoverSlideUpOut}.popover-panel[data-placement^=left].popover-closing,.popover-panel[data-placement^=right].popover-closing{animation-name:popoverFadeOut}@keyframes popoverSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes popoverSlideDownOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@keyframes popoverSlideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes popoverSlideUpOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}@keyframes popoverFadeIn{0%{opacity:0}to{opacity:1}}@keyframes popoverFadeOut{0%{opacity:1}to{opacity:0}}.popover-content{position:relative;z-index:2;padding:var(--space-xs)}.popover-arrow{position:absolute;width:10px;height:10px;z-index:-1;pointer-events:none}.popover-arrow:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-floating);border:1px solid var(--border-strong);transform:rotate(45deg);box-sizing:border-box}.popover-panel[data-placement^=bottom] .popover-arrow{top:-6px}.popover-panel[data-placement^=bottom] .popover-arrow:before{border-right-color:transparent;border-bottom-color:transparent}.popover-panel[data-placement^=top] .popover-arrow{bottom:-6px}.popover-panel[data-placement^=top] .popover-arrow:before{border-top-color:transparent;border-left-color:transparent}.popover-panel[data-placement^=right] .popover-arrow{left:-6px}.popover-panel[data-placement^=right] .popover-arrow:before{border-top-color:transparent;border-right-color:transparent}.popover-panel[data-placement^=left] .popover-arrow{right:-6px}.popover-panel[data-placement^=left] .popover-arrow:before{border-left-color:transparent;border-bottom-color:transparent}.popover-option{display:flex;align-items:center;gap:10px;width:100%;padding:9px 14px;background:none;border:none;font-size:13px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);text-align:left;border-radius:var(--radius-md)}.popover-option.active{color:var(--accent);font-weight:600}.ctx-opt-count{font-size:11px;color:var(--text-tertiary);flex-shrink:0}.ctx-radio{width:14px;height:14px;border-radius:50%;border:2px solid var(--border-subtle);flex-shrink:0;transition:all var(--transition-fast)}.ctx-radio.checked{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 2.5px var(--surface-floating)}.popover-loading{padding:20px 14px;font-size:13px;color:var(--text-tertiary);text-align:center}.popover-user-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-md)}.popover-avatar-btn{width:40px;height:40px;border-radius:var(--radius-full);background:var(--accent);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;flex-shrink:0;overflow:hidden;border:none;cursor:pointer;position:relative;transition:filter .15s ease}.popover-avatar-btn:hover{filter:brightness(.85)}.popover-avatar-btn .user-avatar-img{width:100%;height:100%;object-fit:cover}.popover-user-name{font-size:14px;font-weight:600;color:var(--text-primary)}.popover-user-email{font-size:12px;color:var(--text-tertiary)}.popover-divider{height:1px;background:var(--border-subtle);margin:var(--space-xs) 0}.popover-item{display:flex;align-items:center;gap:var(--space-sm);padding:9px var(--space-md);border-radius:var(--radius-md);font-size:13px;font-weight:500;color:var(--text-primary);background:none;border:none;cursor:pointer;width:100%;text-align:left;transition:background var(--transition-fast),color var(--transition-fast)}.popover-item:hover{background:var(--surface-hover);color:var(--accent)}.popover-item-danger{color:var(--error)}.popover-item-danger:hover{background:var(--error-light);color:var(--error)}.segmented-control{display:inline-flex;align-items:center;gap:4px;padding:4px;background:color-mix(in srgb,var(--surface-base) 92%,var(--surface-muted));border:1px solid var(--border-subtle);border-radius:999px;box-shadow:none}.segmented-control--stretch{display:flex;width:100%}.segmented-control__item{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 12px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.segmented-control__item:focus-visible{outline:none;border-color:rgba(var(--accent-rgb),.42);box-shadow:var(--focus-ring)}.segmented-control__item:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.segmented-control__item{flex-shrink:0}.segmented-control__item--stretch{flex:1 1 0}.segmented-control__item:hover:not(:disabled):not(.is-active){background:var(--surface-hover);color:var(--text-primary);transform:none}.segmented-control__item.is-active{background:var(--accent);border-color:var(--accent);color:var(--text-inverse)}.segmented-control__label{line-height:1.2}.segmented-control__badge{display:inline-flex;align-items:center;justify-content:center;min-height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--text-primary) 8%,transparent);color:inherit;font-size:11px;font-weight:700;line-height:1}.segmented-control__item.is-active .segmented-control__badge{background:var(--white-overlay);color:inherit}.underline-tabs{display:inline-flex;align-items:center;gap:12px;padding:0 2px;border-bottom:1px solid var(--border);background:transparent}.underline-tabs--small{gap:10px}.underline-tabs--middle{gap:16px}.underline-tabs--large{gap:18px}.underline-tabs--stretch{display:flex;width:100%}.underline-tabs__item{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:0;padding:0;border:none;border-radius:0;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:700;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.underline-tabs__item:focus-visible{outline:none;border-color:rgba(var(--accent-rgb),.42);box-shadow:var(--focus-ring)}.underline-tabs__item:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.underline-tabs__item{min-height:auto;padding:0 0 10px;border-radius:0;flex-shrink:0}.underline-tabs__item--small{min-height:32px;padding-bottom:8px;font-size:13px;font-weight:600}.underline-tabs__item--middle{min-height:38px;padding-bottom:12px;font-size:15px;font-weight:700}.underline-tabs__item--large{min-height:42px;padding-bottom:14px;font-size:16px;font-weight:700}.underline-tabs__item--stretch{flex:1 1 0}.underline-tabs__item:hover:not(:disabled):not(.is-active){background:transparent;color:var(--text-primary);transform:none}.underline-tabs__item.is-active{background:transparent;color:var(--text-primary)}.underline-tabs__item:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:999px;background:var(--accent);opacity:0;transform:scaleX(0);transform-origin:center;transition:transform .22s ease,opacity .18s ease;will-change:transform}.underline-tabs__item.is-active:after{opacity:1;transform:scaleX(1)}.underline-tabs__badge{display:inline-flex;align-items:center;justify-content:center;min-height:18px;padding:0 6px;border-radius:999px;background:var(--surface-muted);color:var(--text-tertiary);font-size:10px;font-weight:700}.underline-tabs__item--middle .underline-tabs__badge{min-height:20px;font-size:11px}.underline-tabs__item--large .underline-tabs__badge{min-height:22px;font-size:12px}.underline-tabs__item.is-active .underline-tabs__badge{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.page{display:flex;flex:1;height:100%;min-height:0;flex-direction:column;overflow:hidden}.page__header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:0 0 auto;min-height:48px}.page__content{display:flex;flex:1;height:100%;min-height:0;overflow:hidden}.page__scroll{flex:1;min-height:0;overflow:hidden auto}.page-shell{display:flex;flex:1;height:100%;min-height:0;flex-direction:column;overflow:hidden}.page-shell-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:0 0 auto;min-height:48px}.page-shell-body{display:flex;flex:1;height:100%;min-height:0;overflow:hidden}.global-word-search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-global-search);display:flex;align-items:center;justify-content:center;padding:10px;background:var(--overlay-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.global-word-search-panel{width:min(680px,100vw - 20px);padding:10px;border-radius:14px;background:var(--surface-elevated);border:1px solid var(--border-strong);box-shadow:var(--shadow-overlay);transition:width var(--transition-fast),min-height var(--transition-fast)}.global-word-search-panel--with-result{width:min(1040px,100vw - 20px)}.global-word-search-bar{display:flex}.global-word-search-form{flex:1;display:flex;align-items:center;min-height:54px;gap:12px;padding:0 16px 0 18px;border:1px solid color-mix(in srgb,var(--accent) 72%,transparent);border-radius:10px;background:var(--surface-elevated);box-shadow:inset 0 1px color-mix(in srgb,var(--surface-elevated) 72%,var(--text-inverse))}.global-word-search-form:focus-within{box-shadow:var(--focus-ring-strong)}.global-word-search-input{flex:1;min-width:0;padding:14px 0;border:none;outline:none;background:transparent;color:var(--text-primary);font-size:16px;line-height:1.4}.global-word-search-input::placeholder{color:var(--text-tertiary)}.global-word-search-input::-webkit-search-cancel-button{display:none}.global-word-search-status{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-height:148px;text-align:center;color:var(--text-secondary)}.global-word-search-status{margin:0;font-size:14px}.global-word-search-status--error{color:var(--error)}.global-word-search-shortcut{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:5px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border-subtle) 70%,transparent);background:color-mix(in srgb,var(--surface-floating) 66%,transparent);color:color-mix(in srgb,var(--text-tertiary) 78%,transparent);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;opacity:.72}.global-word-search-result-area{display:flex;flex-direction:column}@media (max-width: 768px){.global-word-search-overlay{padding:10px}.global-word-search-panel,.global-word-search-panel--with-result{width:100%;min-height:auto;padding:10px}.global-word-search-bar{gap:8px}.global-word-search-form{min-height:48px;gap:10px;padding:0 12px 0 14px}.global-word-search-input{font-size:15px}.global-word-search-shortcut{padding:4px 8px;font-size:11px}}.global-word-search-detail-frame{display:flex;align-items:flex-start;gap:18px}.global-word-search-detail-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.global-word-search-action-rail{position:sticky;top:6px;display:flex;flex-direction:column;gap:12px;align-items:center;padding-top:4px}.global-word-search-action-btn,.global-word-search-action-rail .practice-favorite-btn{width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border-subtle));background:color-mix(in srgb,var(--surface-elevated) 92%,var(--surface-floating));color:color-mix(in srgb,var(--accent) 72%,var(--text-primary));box-shadow:0 14px 28px rgba(var(--accent-rgb),.1);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.global-word-search-action-btn{padding:0;cursor:pointer}.global-word-search-action-btn:hover,.global-word-search-action-rail .practice-favorite-btn:hover:not(:disabled){transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 34%,transparent);background:color-mix(in srgb,var(--accent) 8%,var(--surface-floating));box-shadow:0 18px 34px rgba(var(--accent-rgb),.16)}.global-word-search-action-btn:focus-visible,.global-word-search-action-rail .practice-favorite-btn:focus-visible{outline:none;box-shadow:var(--focus-ring-strong),0 18px 34px rgba(var(--accent-rgb),.16)}.global-word-search-action-btn svg,.global-word-search-action-rail .practice-favorite-btn svg{width:21px;height:21px}.global-word-search-action-rail .practice-favorite-btn{margin:0}.global-word-search-action-rail .practice-favorite-btn.is-active{background:color-mix(in srgb,var(--accent) 14%,var(--surface-floating));color:var(--accent)}.global-word-search-action-icon{width:22px;height:22px}@media (max-width: 768px){.global-word-search-detail-frame{flex-direction:column}.global-word-search-action-rail{position:static;width:100%;flex-direction:row;justify-content:flex-end}.word-feedback-modal__options{grid-template-columns:1fr}}.word-feedback-modal{display:flex;flex-direction:column;gap:16px}.word-feedback-modal__card{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:16px;background:color-mix(in srgb,var(--surface-muted) 92%,transparent);border:1px solid var(--border-subtle)}.word-feedback-modal__word{font-size:32px;font-weight:800;line-height:1;color:var(--accent)}.word-feedback-modal__meta,.word-feedback-modal__source{color:var(--text-secondary);font-size:14px}.word-feedback-modal__definition{color:var(--text-primary);line-height:1.7}.word-feedback-modal__example{display:flex;flex-direction:column;gap:4px;padding-top:8px;border-top:1px solid var(--border-subtle);color:var(--text-secondary);line-height:1.7}.word-feedback-modal__example strong{color:var(--text-primary);font-weight:600}.word-feedback-modal__section{display:flex;flex-direction:column;gap:10px}.word-feedback-modal__label{font-size:14px;font-weight:700;color:var(--text-primary)}.word-feedback-modal__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.word-feedback-modal__option{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);cursor:pointer}.word-feedback-modal__option input{margin:0}.word-feedback-modal__error{color:var(--error);font-size:13px}.word-feedback-modal__actions{display:flex;justify-content:flex-end;gap:10px}.word-feedback-modal__secondary,.word-feedback-modal__primary{min-width:92px;padding:10px 16px;border-radius:10px;font-weight:600;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.word-feedback-modal__secondary{border:1px solid var(--border-subtle);background:var(--surface-muted);color:var(--text-secondary)}.word-feedback-modal__primary{border:1px solid var(--accent);background:var(--accent);color:var(--text-inverse)}.word-feedback-modal__secondary:disabled,.word-feedback-modal__primary:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.word-feedback-modal__options{grid-template-columns:1fr}}.global-word-search-detail{display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:16px;background:var(--surface-elevated);border:1px solid var(--border-strong);overflow:auto;max-height:calc(100vh - 40px)}.global-word-search-detail-header{display:flex;align-items:flex-start;gap:10px}.global-word-search-detail-heading{display:flex;flex-direction:column;gap:8px}.global-word-search-heading-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.global-word-search-word{margin:0;font-size:clamp(32px,4vw,42px);line-height:1;color:var(--accent)}.global-word-search-word-button{padding:0;border:none;background:transparent;color:inherit;font:inherit;cursor:pointer}.global-word-search-phonetic{color:var(--text-tertiary);font-size:15px}.global-word-search-summary{margin:0;color:var(--text-secondary);font-size:15px;line-height:1.6}.global-word-search-audio{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);background:color-mix(in srgb,var(--accent) 8%,var(--surface-floating));color:color-mix(in srgb,var(--accent) 74%,var(--text-primary));box-shadow:0 10px 22px rgba(var(--accent-rgb),.12);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast);cursor:pointer}.global-word-search-audio:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 34%,transparent);background:color-mix(in srgb,var(--accent) 12%,var(--surface-floating));box-shadow:0 14px 28px rgba(var(--accent-rgb),.18)}.global-word-search-audio:focus-visible{outline:none;box-shadow:var(--focus-ring-strong),0 14px 28px rgba(var(--accent-rgb),.18)}.global-word-search-audio--icon{width:38px;height:38px;padding:0;justify-content:center}.global-word-search-audio--icon svg{width:21px;height:21px}.global-word-search-memory-card{display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:12px;background:var(--surface-muted)}.global-word-search-memory-badge{align-self:flex-start;padding:3px 8px;border-radius:8px;background:var(--accent);color:var(--text-inverse);font-size:13px;font-weight:700}.global-word-search-memory-list{display:grid;gap:6px}.global-word-search-memory-note{margin:0;color:var(--text-primary);line-height:1.7}.global-word-search-memory-related{display:flex;flex-direction:column;gap:8px;padding-top:6px;border-top:1px solid color-mix(in srgb,var(--border-subtle) 85%,transparent)}.global-word-search-memory-subtitle{color:var(--text-tertiary);font-size:12px;font-weight:600;letter-spacing:.04em}.global-word-search-memory-item{display:flex;align-items:baseline;gap:8px;padding:0;border:none;background:transparent;color:var(--text-secondary);text-align:left;cursor:pointer}.global-word-search-memory-item strong{color:var(--text-primary);font-weight:600}.global-word-search-tabs{display:flex;align-items:center;gap:24px;padding-bottom:10px;border-bottom:1px solid var(--border-subtle)}.global-word-search-tab{padding:0;border:none;background:transparent;color:var(--text-secondary);font-size:15px;cursor:pointer;transition:color var(--transition-fast)}.global-word-search-tab:hover,.global-word-search-tab.is-active{color:var(--accent)}.global-word-search-section{display:flex;flex-direction:column;gap:10px;min-height:0}.global-word-search-empty-panel{display:flex;align-items:center;justify-content:center;min-height:120px;border-radius:12px;background:color-mix(in srgb,var(--surface-muted) 84%,transparent);color:var(--text-secondary);text-align:center}.global-word-search-examples{display:flex;flex-direction:column;gap:18px}.global-word-search-example{padding-bottom:14px;border-bottom:1px solid var(--border-subtle)}.global-word-search-example-header{display:flex;align-items:flex-start;gap:12px}.global-word-search-example:last-child{padding-bottom:0;border-bottom:none}.global-word-search-example-en,.global-word-search-example-zh{margin:0;line-height:1.7}.global-word-search-example-en{flex:1;color:var(--text-primary)}.global-word-search-example-zh{margin-top:4px;color:var(--text-secondary);font-size:14px}.global-word-search-audio--example{width:34px;height:34px;margin-top:2px;box-shadow:none}.global-word-search-audio--example .example-audio-icon{width:18px;height:18px}.global-word-search-root-card{display:flex;flex-direction:column;gap:14px}.global-word-search-root-segments{display:flex;flex-wrap:wrap;gap:12px}.global-word-search-root-segment{min-width:110px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--surface-muted) 90%,transparent);color:var(--text-primary)}.global-word-search-root-kind{display:block;margin-bottom:6px;color:var(--text-tertiary);font-size:12px}.global-word-search-root-summary{margin:0;color:var(--text-primary);line-height:1.8}.global-word-search-root-explainer{display:flex;flex-direction:column;gap:8px;color:var(--text-secondary);line-height:1.7}.global-word-search-root-explainer p{margin:0}.global-word-search-derivatives{display:flex;flex-direction:column;gap:14px}.global-word-search-derivative{display:flex;flex-direction:column;gap:6px;padding:0;border:none;background:transparent;color:var(--text-primary);text-align:left;cursor:pointer}.global-word-search-derivative-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.global-word-search-derivative-heading strong{font-size:18px;font-weight:600}.global-word-search-derivative-heading span,.global-word-search-derivative-meta{color:var(--text-secondary)}.global-word-search-notes{display:flex;flex-direction:column;gap:8px}.global-word-search-notes-input{width:100%;min-height:200px;padding:14px;border:1px solid color-mix(in srgb,var(--accent) 72%,transparent);border-radius:8px;background:var(--surface-elevated);color:var(--text-primary);font:inherit;line-height:1.6;resize:vertical;outline:none}.global-word-search-notes-input:focus{box-shadow:var(--focus-ring-strong)}.global-word-search-notes-footer{display:flex;align-items:center;justify-content:space-between;color:var(--text-tertiary);font-size:12px}.global-word-search-highlight{padding:0;background:transparent;color:var(--accent);font-weight:700}@media (max-width: 768px){.global-word-search-detail{padding:10px;max-height:calc(100vh - 20px)}.global-word-search-detail-header{flex-direction:column}.global-word-search-word{font-size:28px}.global-word-search-tabs{gap:16px;overflow-x:auto}.global-word-search-section{min-height:0}}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;min-height:44px;padding:0 18px;border:1px solid transparent;border-radius:14px;background:var(--surface-elevated);color:var(--text-primary);font-size:14px;font-weight:700;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.ui-button:focus-visible{outline:none;border-color:rgba(var(--accent-rgb),.42);box-shadow:var(--focus-ring)}.ui-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.ui-button:hover:not(:disabled){transform:translateY(-1px)}.ui-button--sm{min-height:36px;padding:0 14px;border-radius:12px;font-size:13px}.ui-button--md{min-height:44px;padding:0 18px}.ui-button--lg{min-height:48px;padding:0 24px;font-size:15px}.ui-button--primary{background:var(--accent);color:var(--text-inverse);box-shadow:var(--glow-accent)}.ui-button--primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-floating)}.ui-button--secondary{border-color:var(--border-strong);background:var(--surface-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm)}.ui-button--secondary:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 26%,var(--border-strong));background:var(--surface-subtle)}.ui-button--ghost{background:transparent;border-color:transparent;color:var(--text-secondary);box-shadow:none}.ui-button--ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--accent)}.ui-button--danger{background:var(--error);color:var(--text-inverse);box-shadow:var(--shadow-soft)}.ui-button--danger:hover:not(:disabled){background:color-mix(in srgb,var(--error) 88%,var(--text-primary) 12%)}.ui-button--warning{border-color:color-mix(in srgb,var(--warning) 24%,transparent);background:color-mix(in srgb,var(--warning-bg) 70%,var(--surface-elevated));color:color-mix(in srgb,var(--warning) 74%,var(--text-primary));box-shadow:var(--shadow-sm)}.ui-button--warning:hover:not(:disabled){background:color-mix(in srgb,var(--warning-bg) 52%,var(--warning) 12%);border-color:color-mix(in srgb,var(--warning) 34%,transparent)}.ui-button__spinner,.ui-button__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ui-button__spinner{width:16px;height:16px}.ui-button__spinner circle{opacity:.22}.ui-button__spinner path{opacity:.92}.ui-button__icon>*{width:1em;height:1em}.ui-card{background:var(--surface-base);border:1px solid var(--border-strong);border-radius:14px;box-shadow:var(--shadow-soft)}.ui-card--pad-none{padding:0}.ui-card--pad-sm{padding:10px}.ui-card--pad-md{padding:14px}.ui-card--pad-lg{padding:20px}.ui-card--interactive{cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.ui-card--interactive:hover{border-color:color-mix(in srgb,var(--accent) 22%,var(--border-strong));box-shadow:var(--shadow-floating);transform:translateY(-1px)}.ui-card--interactive:focus-visible{outline:none;border-color:color-mix(in srgb,var(--accent) 26%,var(--border-strong));box-shadow:var(--focus-ring)}.ui-card__header{font-size:18px;font-weight:700;line-height:1.3;color:var(--text-primary)}.ui-card__content{min-width:0}.ui-card__footer{margin-top:14px;padding-top:14px;border-top:1px solid var(--border-subtle)}.ui-field{display:flex;flex-direction:column;gap:6px;width:100%}.ui-field__label{font-size:13px;font-weight:600;line-height:1.4;color:var(--text-primary)}.ui-input-shell{position:relative;display:flex;align-items:center}.ui-input,.ui-textarea{width:100%;font:inherit;color:var(--text-primary)}.ui-input{min-height:44px;padding:0 14px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface-elevated);color:var(--text-primary);font-size:14px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.ui-input:focus,.ui-input:focus-visible{border-color:rgba(var(--accent-rgb),.42);box-shadow:var(--focus-ring)}.ui-textarea{min-height:auto;padding:12px 14px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface-elevated);color:var(--text-primary);font-size:14px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.ui-textarea:focus,.ui-textarea:focus-visible{border-color:rgba(var(--accent-rgb),.42);box-shadow:var(--focus-ring)}.ui-textarea{min-height:112px;line-height:1.6;resize:vertical}.ui-input::placeholder,.ui-textarea::placeholder{color:color-mix(in srgb,var(--text-tertiary) 80%,transparent)}.ui-input--with-left-icon{padding-left:42px}.ui-input--with-right-icon{padding-right:42px}.ui-input--error,.ui-textarea--error{border-color:color-mix(in srgb,var(--error) 72%,var(--border-strong))}.ui-input-icon{position:absolute;top:50%;display:inline-flex;align-items:center;justify-content:center;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.ui-input-icon--left{left:14px}.ui-input-icon--right{right:14px}.ui-field__message{margin:0;font-size:12px;line-height:1.5}.ui-field__message--error{color:var(--error)}.ui-field__message--helper{color:var(--text-secondary)}.ui-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:10px;z-index:var(--layer-modal)}.ui-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:uiModalFadeIn .18s ease}.ui-modal__panel{position:relative;width:min(100%,520px);max-height:calc(100vh - 20px);display:flex;flex-direction:column;overflow:hidden;background:var(--surface-floating);border:1px solid var(--border-strong);border-radius:18px;box-shadow:var(--shadow-overlay);animation:uiModalScaleIn .18s ease}.ui-modal__panel--sm{width:min(100%,360px)}.ui-modal__panel--md{width:min(100%,520px)}.ui-modal__panel--lg{width:min(100%,640px)}.ui-modal__panel--xl{width:min(100%,820px)}.ui-modal__panel--full{width:min(100%,1080px)}.ui-modal__header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;border-bottom:1px solid var(--border-subtle)}.ui-modal__title{margin:0;font-size:18px;font-weight:700;line-height:1.3;color:var(--text-primary)}.ui-modal__close{flex-shrink:0;min-height:36px;padding:0;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:700;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.ui-modal__close:focus-visible{outline:none;border-color:rgba(var(--accent-rgb),.42);box-shadow:var(--focus-ring)}.ui-modal__close:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.ui-modal__close{width:36px}.ui-modal__close:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.ui-modal__close svg{width:18px;height:18px}.ui-modal__body{padding:14px;overflow:auto}.ui-modal__actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:20px}@keyframes uiModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes uiModalScaleIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 640px){.ui-modal{align-items:flex-end;padding:10px}.ui-modal__panel,.ui-modal__panel--sm,.ui-modal__panel--md,.ui-modal__panel--lg,.ui-modal__panel--xl,.ui-modal__panel--full{width:100%;max-height:calc(100vh - 10px);border-bottom-left-radius:0;border-bottom-right-radius:0}}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-lg);background:var(--surface-subtle);position:relative}.auth-card{width:100%;max-width:400px;background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-panel)}.auth-title{font-size:24px;font-weight:700;text-align:center;margin-bottom:var(--space-sm)}.auth-subtitle{font-size:14px;color:var(--text-secondary);text-align:center;margin-bottom:var(--space-xl)}.auth-input{width:100%;height:48px;padding:0 15px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:15px;color:var(--text-primary);background:var(--surface-muted);outline:none;margin-bottom:var(--space-md);transition:all var(--transition-fast);box-shadow:inset 0 1px 0 var(--surface-inset)}@media (max-width: 640px){.auth-page{padding:56px 10px 10px}}.auth-input::placeholder{color:var(--text-tertiary)}.auth-input:hover{border-color:var(--text-tertiary)}.auth-input:focus{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.auth-btn{width:100%;height:48px;background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.auth-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.auth-btn:active{transform:translateY(0)}.auth-btn.secondary{background:var(--surface-base);color:var(--text-primary);border:1px solid var(--border-subtle);margin-top:var(--space-sm)}.auth-btn.secondary:hover{background:var(--surface-hover);border-color:var(--text-secondary);transform:none;box-shadow:none}.agreement-label{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:var(--space-lg);font-size:14px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.agreement-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-grid;place-items:center;width:16px;height:16px;cursor:pointer;flex-shrink:0;border:1px solid var(--border-strong);border-radius:4px;background:var(--surface-base);transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.agreement-checkbox:after{content:"";width:8px;height:5px;border-left:2px solid var(--text-inverse);border-bottom:2px solid var(--text-inverse);transform:rotate(-45deg) scale(0);transform-origin:center;transition:transform var(--transition-fast)}.agreement-checkbox:hover{border-color:var(--accent);background:var(--surface-hover)}.agreement-checkbox:checked{background:var(--accent);border-color:var(--accent)}.agreement-checkbox:checked:after{transform:rotate(-45deg) scale(1)}.agreement-checkbox:focus-visible{outline:none;box-shadow:var(--focus-ring)}.agreement-text{line-height:1.4}.agreement-link{color:var(--accent);text-decoration:none;font-weight:500;white-space:nowrap}.agreement-link:hover{text-decoration:underline}.auth-switch{text-align:center;margin-top:var(--space-lg);font-size:14px;color:var(--text-secondary)}.auth-switch a{color:var(--accent);text-decoration:none;font-weight:500}.auth-switch a:hover{text-decoration:underline}.auth-tabs{margin-bottom:var(--space-xl)}.auth-form-field{margin-bottom:var(--space-md)}.auth-form-label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.auth-form-field .auth-input{margin-bottom:0}.required-mark{color:var(--error);margin-left:2px;font-size:12px}.auth-forgot-row{display:flex;justify-content:flex-end;margin-top:-8px;margin-bottom:var(--space-md)}.auth-forgot-link{background:none;border:none;padding:0;font-size:13px;color:var(--accent);cursor:pointer;text-decoration:none}.auth-forgot-link:hover{text-decoration:underline}.auth-back-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--border)}.auth-back-btn{background:none;border:none;padding:0;font-size:13px;color:var(--text-secondary);cursor:pointer}.auth-back-btn:hover{color:var(--text-primary)}.auth-forgot-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.auth-code-row{display:flex;gap:var(--space-sm);align-items:flex-start}.auth-code-row .auth-input{flex:1;min-width:0}.auth-send-code-btn{flex-shrink:0;height:48px;padding:0 14px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:13px;font-weight:500;color:var(--accent);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.auth-send-code-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent)}.auth-send-code-btn:disabled{opacity:.6;cursor:not-allowed}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-input-wrapper .auth-input{flex:1;padding-right:44px;margin-bottom:0}.auth-input-wrapper .auth-input.auth-input-error{margin-bottom:0}.auth-input-icon-btn{position:absolute;right:12px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:none;border:none;border-radius:50%;color:var(--text-tertiary);cursor:pointer;transition:color .15s,background .15s;z-index:1}.auth-input-icon-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.auth-input-icon-btn:active{transform:scale(.95)}.special-page{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:10px;background:var(--surface-subtle)}.special-page-brand{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:10px}.special-page-brand-logo{width:36px;height:36px;border-radius:var(--radius-md);object-fit:cover}.special-page-brand-text{display:flex;flex-direction:column;gap:2px}.special-page-brand-title{font-size:16px;font-weight:700;color:var(--accent);line-height:1.1}.special-page-brand-subtitle{font-size:12px;color:var(--text-secondary);line-height:1}.special-page-card{width:100%;max-width:420px;padding:20px;text-align:center;background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-panel)}.terms-page{align-items:stretch;justify-content:stretch;height:100vh;min-height:100vh;overflow:hidden;padding:10px}.terms-shell{width:100%;max-width:none;height:100%;background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-panel);overflow:hidden}.terms-header{display:flex;flex-direction:column;gap:10px;padding-bottom:20px;border-bottom:1px solid var(--border-subtle)}.terms-eyebrow{color:var(--accent);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.terms-updated{color:var(--text-secondary);font-size:13px}.terms-title{margin:0;font-size:30px;line-height:1.2;color:var(--text-primary)}.terms-summary{margin:0;max-width:720px;color:var(--text-secondary);line-height:1.7}.terms-layout{display:grid;grid-template-columns:260px minmax(0,1fr) 220px;height:100%;min-height:0}.terms-sidebar{display:flex;flex-direction:column;gap:16px;padding:20px;background:color-mix(in srgb,var(--surface-subtle) 92%,var(--surface-elevated));border-right:1px solid var(--border-subtle);overflow:auto}.terms-sidebar-group{display:flex;flex-direction:column;gap:8px;padding-bottom:16px;border-bottom:1px solid var(--border-subtle)}.terms-sidebar-group:last-child{padding-bottom:0;border-bottom:none}.terms-sidebar-title{margin:0;font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.4}.terms-sidebar-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px}.terms-sidebar-link{display:block;padding:4px 0;color:var(--text-secondary);text-decoration:none;font-size:12px;font-weight:400;line-height:1.5;transition:color var(--transition-fast)}.terms-sidebar-link:hover{color:var(--text-primary)}.terms-sidebar-link.is-active{color:var(--accent);font-weight:500}.terms-content-shell{min-width:0;min-height:0;overflow:auto;background:var(--surface-base)}.terms-content{max-width:860px;min-height:100%;margin:0 auto;padding:32px 40px 48px;display:flex;flex-direction:column;gap:24px}.terms-outline{display:flex;flex-direction:column;gap:12px;padding:32px 20px;border-left:1px solid var(--border-subtle);background:var(--surface-base);overflow:auto}.terms-outline-title{margin:0;font-size:14px;font-weight:700;color:var(--text-primary)}.terms-outline-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.terms-outline-link{color:var(--text-secondary);text-decoration:none;line-height:1.45;transition:color var(--transition-fast)}.terms-outline-link:hover{color:var(--accent)}.terms-outline-info{margin-top:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;padding-top:16px;padding-bottom:0;border-top:1px solid var(--border-subtle)}.terms-section{display:flex;flex-direction:column;gap:10px;padding-bottom:24px;border-bottom:1px solid var(--border-subtle)}.terms-section:last-child{border-bottom:none;padding-bottom:0}.markdown-body h2{margin:0;font-size:20px;line-height:1.35;color:var(--text-primary)}.markdown-body p,.markdown-body li,.markdown-body td,.markdown-body th,.markdown-body blockquote{line-height:1.8}.markdown-body p,.markdown-body ul,.markdown-body ol,.markdown-body table,.markdown-body blockquote{margin:0}.markdown-body ul,.markdown-body ol{padding-left:20px;display:flex;flex-direction:column;gap:8px;color:var(--text-secondary)}.markdown-body p,.markdown-body li{color:var(--text-secondary)}.markdown-body table{width:100%;border-collapse:collapse;overflow:hidden;border:1px solid var(--border-subtle);border-radius:10px;background:var(--surface-base)}.markdown-body th,.markdown-body td{padding:10px;text-align:left;border-bottom:1px solid var(--border-subtle)}.markdown-body th{font-size:13px;font-weight:700;color:var(--text-primary);background:var(--surface-hover)}.markdown-body td{color:var(--text-secondary)}.markdown-body tr:last-child td{border-bottom:none}.markdown-body blockquote{padding:10px 12px;border-left:3px solid var(--accent);border-radius:10px;background:var(--surface-hover);color:var(--text-primary)}.not-found-card{display:flex;flex-direction:column;gap:10px}.not-found-code{font-size:48px;font-weight:800;line-height:1;color:var(--accent)}.not-found-title{font-size:24px;font-weight:700;color:var(--text-primary)}.not-found-description{font-size:14px;color:var(--text-secondary)}.not-found-actions{display:flex;justify-content:center;gap:10px;margin-top:10px}.not-found-btn{min-height:40px;padding:0 14px;border-radius:10px;border:1px solid var(--border-subtle);background:var(--surface-muted);color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.not-found-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.not-found-btn--primary{background:var(--accent);border-color:var(--accent);color:var(--text-inverse)}.not-found-btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--text-inverse)}@media (max-width: 640px){.terms-page{padding:10px}.terms-shell{border-radius:10px}.terms-title{font-size:24px}.terms-content{padding:20px 16px 32px}}@media (max-width: 1100px){.terms-layout{grid-template-columns:240px minmax(0,1fr)}.terms-outline{display:none}}@media (max-width: 820px){.terms-layout{grid-template-columns:1fr}.terms-sidebar{display:none}}.page-title{font-size:28px;font-weight:700;margin-bottom:var(--space-sm)}.page-subtitle{font-size:15px;color:var(--text-secondary);margin-bottom:var(--space-xl)}.day-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-md)}.day-card{background:var(--bg-color);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:all var(--transition-normal)}.day-card:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle);transform:translateY(-2px)}.day-card.completed{background:var(--success-light);border-color:var(--success)}.day-card.locked{opacity:.5;cursor:not-allowed}.day-card.locked:hover{border-color:var(--border);box-shadow:none;transform:none}.day-number{font-size:14px;font-weight:700;color:var(--accent);margin-bottom:var(--space-xs)}.day-status{font-size:13px;color:var(--text-secondary)}.day-card.completed .day-status{color:var(--success)}.home-page{padding:var(--space-xl) var(--space-xl) var(--space-2xl);max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-md)}.home-banner{background:var(--surface-base);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:var(--radius-xl);padding:var(--space-xl) var(--space-2xl);display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl)}.home-banner-left{flex:1;min-width:0}.home-banner-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:var(--radius-full);padding:4px 12px 4px 8px;margin-bottom:var(--space-md)}.home-banner-badge svg{width:13px;height:13px;flex-shrink:0}.home-welcome{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs);line-height:1.2}.home-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:1.5}.home-stats-row{display:flex;align-items:center;gap:var(--space-lg)}.home-stat{display:flex;flex-direction:column;gap:1px}.home-stat-num{font-size:22px;font-weight:700;color:var(--accent);line-height:1}.home-stat-label{font-size:11px;color:var(--text-tertiary);letter-spacing:.02em}.home-stat-divider{width:1px;height:28px;background:color-mix(in srgb,var(--accent) 25%,transparent);flex-shrink:0}.home-banner-right{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.home-progress-ring{position:relative;width:96px;height:96px}.progress-ring-svg{width:96px;height:96px}.progress-ring-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.progress-ring-num{font-size:18px;font-weight:700;color:var(--accent);line-height:1}.progress-ring-label{font-size:10px;color:var(--text-tertiary)}.home-current-day{font-size:12px;font-weight:600;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:var(--radius-full);padding:3px 12px}.home-tabs{display:flex;gap:4px;background:var(--bg-secondary);border-radius:var(--radius-lg);padding:4px}.home-tab{flex:1;padding:var(--space-sm) var(--space-md);background:none;border:none;border-radius:calc(var(--radius-lg) - 2px);font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap}.home-tab:hover{color:var(--text-primary);background:color-mix(in srgb,var(--bg-color) 60%,transparent)}.home-tab.active{background:var(--bg-color);color:var(--text-primary);font-weight:600;box-shadow:var(--shadow-sm)}.home-section-header{display:flex;align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-lg)}.home-section-title{font-size:16px;font-weight:700;color:var(--text-primary)}.home-section-desc{font-size:13px;color:var(--text-tertiary)}.day-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xs)}.day-check{width:16px;height:16px;color:var(--success)}.day-badge{font-size:10px;font-weight:600;background:var(--accent);color:var(--text-inverse);padding:2px 6px;border-radius:var(--radius-full)}.day-words{font-size:11px;color:var(--text-tertiary);margin-bottom:4px}.day-progress-bar{height:3px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:4px}.day-progress-fill{height:100%;background:var(--accent);border-radius:var(--radius-full);transition:width .3s ease}.day-progress-text{font-size:11px;color:var(--text-tertiary)}.home-empty-state{display:flex;flex-direction:column;align-items:center;padding:var(--space-2xl) var(--space-xl);color:var(--text-tertiary);text-align:center;gap:var(--space-md)}.home-empty-icon{width:56px;height:56px;background:var(--bg-secondary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.home-empty-icon svg{width:24px;height:24px}.home-empty-text{font-size:14px;color:var(--text-secondary)}.home-empty-btn{padding:var(--space-sm) var(--space-xl);background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.home-empty-btn:hover{background:var(--accent-hover)}.wrong-words-list{display:flex;flex-direction:column;gap:1px;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-secondary)}.wrong-word-item{padding:var(--space-md) var(--space-lg);background:var(--bg-color);display:flex;flex-direction:column;gap:4px;border-bottom:1px solid var(--bg-secondary)}.wrong-word-item:last-child{border-bottom:none}.wrong-word-text{display:flex;align-items:center;gap:var(--space-sm)}.wrong-word-en{font-size:16px;font-weight:600;color:var(--text-primary)}.wrong-word-phonetic{font-size:13px;color:var(--text-tertiary)}.wrong-word-def{display:flex;align-items:center;gap:var(--space-sm);font-size:13px;color:var(--text-secondary)}.wrong-word-pos{font-size:11px;background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:1px 6px;color:var(--text-tertiary)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.stats-card{border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-secondary)}.stats-card-bar{display:flex;align-items:center;justify-content:center;padding:var(--space-lg) var(--space-md)}.stats-card-num{font-size:28px;font-weight:700;line-height:1}.stats-card-label{font-size:12px;color:var(--text-secondary);text-align:center;padding:var(--space-sm) var(--space-md)}.study-guidance-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:14px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--warning) 12%,transparent),transparent 28%),linear-gradient(180deg,color-mix(in srgb,var(--warning-bg) 32%,var(--surface-elevated)),color-mix(in srgb,var(--surface-muted) 94%,transparent))}.study-guidance-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(118deg,color-mix(in srgb,var(--surface-elevated) 64%,transparent),transparent 38%),radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--text-primary) 8%,transparent),transparent 24%);pointer-events:none}.study-guidance-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.study-guidance-card{--guidance-rgb: var(--accent-rgb);--guidance-color: var(--accent);display:flex;flex-direction:column;gap:12px;min-height:100%;padding:14px;border-radius:18px;border:1px solid rgba(var(--guidance-rgb),.16);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-elevated) 96%,transparent),rgba(var(--guidance-rgb),.05));box-shadow:var(--shadow-soft)}.study-guidance-card--error{--guidance-rgb: 239, 68, 68;--guidance-color: var(--error)}.study-guidance-card--success{--guidance-rgb: 34, 197, 94;--guidance-color: var(--success)}.study-guidance-card--neutral{--guidance-rgb: 15, 23, 42;--guidance-color: var(--text-primary)}.study-guidance-card__top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px}.study-guidance-card__heading{display:grid;gap:4px;min-width:0}.study-guidance-card__eyebrow{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--guidance-color)}.study-guidance-card h3{margin:0;font-size:16px;line-height:1.35}.study-guidance-card__badge{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:rgba(var(--guidance-rgb),.12);color:var(--guidance-color);font-size:11px;font-weight:700;white-space:nowrap;flex-shrink:0}.study-guidance-card__description{margin:0;font-size:13px;line-height:1.65;color:var(--text-secondary)}.study-guidance-card__facts{display:flex;flex-wrap:wrap;gap:8px}.study-guidance-card__fact{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:var(--surface-inset);color:var(--text-secondary);font-size:11px;font-weight:700}.study-guidance-sections{display:grid;gap:10px}.study-guidance-section{display:grid;gap:8px;padding-top:10px;border-top:1px solid var(--border-subtle)}.study-guidance-section__label{margin:0;font-size:12px;font-weight:800;letter-spacing:.04em;color:var(--text-primary)}.study-guidance-steps{counter-reset:guidance-step;display:grid;gap:8px;margin:0;padding:0;list-style:none}.study-guidance-steps li{position:relative;padding-left:28px;font-size:13px;line-height:1.65;color:var(--text-secondary)}.study-guidance-steps li:before{counter-increment:guidance-step;content:counter(guidance-step);position:absolute;top:0;left:0;width:20px;height:20px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:rgba(var(--guidance-rgb),.14);color:var(--guidance-color);font-size:11px;font-weight:800}@media (max-width: 760px){.study-guidance-grid{grid-template-columns:1fr}}@media (max-width: 640px){.study-guidance-card__top{grid-template-columns:1fr}}.day-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-sm)}@media (min-width: 640px){.day-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}}@media (min-width: 1024px){.day-grid{grid-template-columns:repeat(10,1fr)}}.day-card{background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-sm);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.day-card:hover{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle);transform:translateY(-1px);background:var(--bg-color)}.day-card.active{border-color:var(--accent);background:var(--accent-light);box-shadow:0 0 0 2px var(--accent-subtle)}.day-card.completed{border-color:var(--success);background:var(--success-light)}.day-number{font-size:13px;font-weight:700;color:var(--text-primary)}.day-card.active .day-number{color:var(--accent)}.day-card.completed .day-number{color:var(--success)}.day-card-top{display:none}.day-words{font-size:11px;color:var(--text-tertiary);margin:0}.day-progress-bar{width:100%;height:2px;background:var(--border);border-radius:var(--radius-full);overflow:hidden;margin:0}.day-progress-fill{height:100%;background:var(--accent)}.day-card.completed .day-progress-fill{background:var(--success)}.day-progress-text{font-size:10px;color:var(--text-tertiary)}.day-card.active .day-progress-text{color:var(--accent)}.day-card.completed .day-progress-text{color:var(--success)}.day-badge,.day-check{display:none}.study-center-page{--study-glass-base: color-mix(in srgb, var(--surface-elevated) 84%, transparent);--study-glass-soft: color-mix(in srgb, var(--surface-elevated) 88%, var(--surface-subtle));--study-glass-warm: color-mix(in srgb, var(--surface-elevated) 72%, var(--surface-accent));--study-glass-border: color-mix(in srgb, var(--surface-border-strong) 92%, transparent);--study-status-ready-bg: color-mix(in srgb, var(--warning) 14%, transparent);--study-status-ready-fg: color-mix(in srgb, var(--warning) 76%, var(--text-primary));--study-status-optional-bg: color-mix(in srgb, var(--info) 10%, var(--success) 8%);--study-status-optional-fg: color-mix(in srgb, var(--info) 62%, var(--success) 38%);background:transparent}.study-center-page>.page-content{flex:1;min-height:100%;display:flex;flex-direction:column;gap:var(--page-section-gap)}.study-center-shell{display:flex;flex-direction:column;gap:12px}.study-todo-panel,.study-guidance-panel,.study-quick-actions-panel,.study-guide-hero,.study-guide-panel,.study-guide-side-card,.study-book-card,.study-add-card{background:color-mix(in srgb,var(--surface-elevated) 97%,transparent);border:1px solid var(--surface-border-strong);border-radius:10px;box-shadow:var(--shadow-soft)}.study-todo-panel,.study-guidance-panel,.study-quick-actions-panel,.study-guide-panel,.study-guide-side-card{padding:10px}.study-todo-panel{display:flex;flex-direction:column;gap:12px}.study-todo-head{display:block}.study-todo-title{margin:0;font-size:clamp(18px,2.2vw,22px);line-height:1.2;letter-spacing:-.02em}.study-todo-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;align-items:stretch}.study-todo-item{display:flex;flex-direction:column;gap:12px;height:100%;padding:14px;border-radius:18px;border:1px solid color-mix(in srgb,var(--text-primary) 8%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-elevated) 96%,transparent),color-mix(in srgb,var(--surface-muted) 90%,transparent));box-shadow:var(--shadow-soft)}.study-todo-item.is-completed{border-color:color-mix(in srgb,var(--success) 16%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--success-light) 88%,var(--surface-elevated)),color-mix(in srgb,var(--surface-elevated) 92%,transparent))}.study-todo-card-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px 14px}.study-todo-heading{display:flex;align-items:flex-start;gap:12px;min-width:0;flex:1}.study-todo-main{min-width:0}.study-todo-head-side{display:grid;justify-items:end;align-content:start;gap:8px;min-width:0}.study-todo-check,.study-todo-step-check{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;margin:3px 0 0;border-radius:4px;border:1.5px solid var(--border-strong);background:color-mix(in srgb,var(--surface-elevated) 96%,transparent);position:relative;flex-shrink:0;pointer-events:none}.study-todo-check:after,.study-todo-step-check:after{content:"";position:absolute;top:1px;left:5px;width:5px;height:10px;border-right:2px solid var(--text-inverse);border-bottom:2px solid var(--text-inverse);transform:rotate(45deg) scale(0);transform-origin:center;transition:transform var(--transition-fast)}.study-todo-check:checked,.study-todo-step-check:checked{border-color:color-mix(in srgb,var(--success) 42%,transparent);background:var(--success)}.study-todo-check:checked:after,.study-todo-step-check:checked:after{transform:rotate(45deg) scale(1)}.study-todo-title-row{display:block;min-width:0}.study-todo-title-main{display:grid;gap:4px;min-width:0}.study-todo-title-row h3{margin:0;font-size:16px;line-height:1.35;white-space:normal}.study-todo-subtitle{min-width:0;font-size:13px;line-height:1.55;color:var(--text-secondary)}.study-todo-title-meta{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;flex-shrink:0}.study-todo-steps{display:grid;gap:10px;margin:0;padding:0;list-style:none}.study-todo-step{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--text-primary) 6%,transparent);background:color-mix(in srgb,var(--surface-muted) 82%,transparent)}.study-todo-item.is-completed .study-todo-step{background:color-mix(in srgb,var(--success-light) 56%,transparent)}.study-todo-step.is-current{border-color:rgba(var(--accent-rgb),.18);background:rgba(var(--accent-rgb),.05)}.study-todo-step-main{display:flex;align-items:flex-start;gap:10px;min-width:0;flex:1}.study-todo-step.is-current .study-todo-step-check{border-color:rgba(var(--accent-rgb),.36);background:rgba(var(--accent-rgb),.08)}.study-todo-step-label{min-width:0;font-size:13px;line-height:1.55;color:var(--text-secondary)}.study-todo-step-state{display:inline-flex;align-items:center;border-radius:999px;min-height:24px;padding:0 8px;font-size:11px;font-weight:700;white-space:nowrap}.study-todo-step-state.is-completed{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}.study-todo-step-state.is-current{background:rgba(var(--accent-rgb),.12);color:var(--accent)}.study-todo-step-state.is-pending{background:color-mix(in srgb,var(--text-tertiary) 14%,transparent);color:var(--text-tertiary)}.study-todo-state,.study-todo-progress{display:inline-flex;align-items:center;min-height:20px;padding:0 8px;border-radius:999px;font-size:10px;font-weight:700;white-space:nowrap}.study-todo-state{background:color-mix(in srgb,var(--text-tertiary) 14%,transparent);color:var(--text-tertiary)}.study-todo-state.is-completed{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}.study-todo-progress{border:1px solid rgba(var(--accent-rgb),.16);background:rgba(var(--accent-rgb),.1);color:var(--accent)}.study-todo-progress.is-completed{border-color:color-mix(in srgb,var(--success) 18%,transparent);background:color-mix(in srgb,var(--success) 10%,transparent);color:var(--success)}.study-todo-action{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--text-primary) 10%,transparent);background:color-mix(in srgb,var(--surface-muted) 88%,transparent);color:var(--text-primary);font-size:12px;font-weight:700;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.study-todo-action:hover{border-color:rgba(var(--accent-rgb),.2);background:rgba(var(--accent-rgb),.06)}@media (max-width: 960px){.study-todo-step{flex-direction:column;align-items:stretch}.study-todo-step-state{align-self:flex-start}}@media (max-width: 860px){.study-todo-list{grid-template-columns:1fr}}@media (max-width: 640px){.study-todo-card-head{grid-template-columns:1fr}.study-todo-head-side{justify-items:stretch}.study-todo-title-meta{justify-content:flex-start}.study-todo-action{width:100%}}.study-todo-empty{padding:16px;border-radius:16px;border:1px dashed var(--surface-border-strong);font-size:13px;color:var(--text-secondary);background:color-mix(in srgb,var(--surface-muted) 70%,transparent)}.study-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.study-quick-action{width:100%;padding:14px;border-radius:16px;border:1px solid var(--surface-border-strong);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-elevated) 92%,transparent),color-mix(in srgb,var(--surface-muted) 90%,transparent));display:flex;flex-direction:column;gap:8px;text-align:left;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.study-quick-action:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.22);box-shadow:var(--shadow-panel);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-accent) 68%,var(--surface-elevated)),color-mix(in srgb,var(--surface-elevated) 96%,transparent))}.study-quick-action__label{font-size:14px;font-weight:700;color:var(--text-primary)}.study-quick-action__value{font-size:12px;line-height:1.6;color:var(--text-secondary)}.study-guide-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(20px,3vw,30px);background:linear-gradient(142deg,color-mix(in srgb,var(--warning-bg) 32%,var(--surface-elevated)),color-mix(in srgb,var(--surface-accent) 72%,var(--surface-elevated)) 42%,color-mix(in srgb,var(--surface-muted) 95%,transparent))}.study-guide-hero:before{content:"";position:absolute;inset:-120px auto auto -110px;width:min(46vw,420px);height:min(46vw,420px);border-radius:42% 58% 56% 44%/40% 38% 62% 60%;background:radial-gradient(circle at 36% 38%,color-mix(in srgb,var(--warning) 34%,transparent),color-mix(in srgb,var(--accent) 16%,transparent) 38%,color-mix(in srgb,var(--accent) 4%,transparent) 62%,transparent 76%);filter:blur(6px);opacity:.92;pointer-events:none}.study-guide-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(118deg,color-mix(in srgb,var(--surface-elevated) 72%,transparent) 0%,color-mix(in srgb,var(--surface-elevated) 20%,transparent) 24%,transparent 52%),radial-gradient(circle at 88% 16%,color-mix(in srgb,var(--text-primary) 8%,transparent),transparent 24%),radial-gradient(circle at 78% 84%,color-mix(in srgb,var(--icon-muted) 12%,transparent),transparent 20%);opacity:.9;pointer-events:none}.study-guide-eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.study-guide-pill{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;margin-top:10px;border-radius:999px;font-size:12px;font-weight:700}.study-guide-pill--accent{background:rgba(var(--accent-rgb),.12);color:var(--accent)}.study-guide-pill--error{background:color-mix(in srgb,var(--error) 12%,transparent);color:var(--error)}.study-guide-pill--success{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}.study-guide-pill--neutral{background:var(--surface-inset);color:var(--text-secondary)}.study-guide-title{position:relative;z-index:1;max-width:820px;margin:12px 0 0;font-size:clamp(28px,4vw,40px);line-height:1.08;letter-spacing:-.03em}.study-guide-description{position:relative;z-index:1;max-width:760px;margin:12px 0 0;font-size:15px;line-height:1.7;color:var(--text-secondary)}.study-guide-caption{position:relative;z-index:1;max-width:700px;margin:10px 0 0;font-size:12px;line-height:1.6;color:var(--text-tertiary)}.study-guide-metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.study-guide-metric{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:14px;background:linear-gradient(180deg,var(--study-glass-base),var(--study-glass-warm));border:1px solid var(--study-glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px color-mix(in srgb,var(--surface-elevated) 74%,transparent)}.study-guide-metric span{font-size:12px;color:var(--text-tertiary)}.study-guide-metric strong{font-size:16px;line-height:1.2;color:var(--text-primary)}.study-guide-actions{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin-top:18px}.study-guide-primary-btn,.study-guide-secondary-btn,.study-section-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.study-guide-primary-btn{border:none;background:var(--accent);color:var(--text-inverse);box-shadow:0 10px 22px rgba(var(--accent-rgb),.24)}.study-guide-primary-btn:hover{transform:translateY(-1px)}.study-guide-secondary-btn,.study-section-link{border:1px solid var(--surface-border-strong);background:var(--study-glass-base);color:var(--text-primary)}.study-guide-secondary-btn:hover,.study-section-link:hover{border-color:rgba(var(--accent-rgb),.22);background:rgba(var(--accent-rgb),.05)}.study-guide-content{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.95fr);gap:10px}.study-guide-side{display:grid;gap:10px}.study-self-serve-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.study-choice-card{width:100%;padding:14px;border:1px solid var(--surface-border-strong);border-radius:16px;background:linear-gradient(180deg,var(--study-glass-base),var(--study-glass-soft));text-align:left;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.study-choice-card:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.22);box-shadow:var(--shadow-panel);background:linear-gradient(180deg,var(--study-glass-warm),var(--study-glass-base))}.study-choice-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.study-choice-card__title{margin:0;font-size:15px;line-height:1.3}.study-choice-card__badge{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:700;background:rgba(var(--accent-rgb),.08);color:var(--accent);white-space:nowrap}.study-choice-card__description{margin:8px 0 0;font-size:13px;line-height:1.65;color:var(--text-secondary)}.study-choice-card__cta{display:inline-flex;margin-top:10px;font-size:12px;font-weight:700;color:var(--accent)}.study-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.study-section-head--compact{margin-bottom:10px}.study-section-head h2{margin:0;font-size:18px;line-height:1.2}.study-section-head p{margin:6px 0 0;font-size:13px;line-height:1.6;color:var(--text-secondary)}.study-guide-steps{display:grid;gap:10px}.study-step-card{width:100%;padding:14px;border:1px solid var(--surface-border-strong);border-radius:16px;background:linear-gradient(180deg,var(--study-glass-base),var(--study-glass-soft));text-align:left;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.study-step-card:hover:not(.is-disabled){transform:translateY(-2px);box-shadow:var(--shadow-panel)}.study-step-card.is-current{border-color:rgba(var(--accent-rgb),.22);background:linear-gradient(180deg,var(--study-glass-warm),var(--study-glass-base))}.study-step-card.is-ready{border-color:color-mix(in srgb,var(--warning) 28%,transparent)}.study-step-card.is-optional{border-color:color-mix(in srgb,var(--info) 18%,var(--success) 8%)}.study-step-card.is-done{background:linear-gradient(180deg,color-mix(in srgb,var(--study-glass-soft) 92%,transparent),var(--study-glass-base))}.study-step-card.is-disabled{cursor:default}.study-step-order{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:15px;font-weight:800;background:var(--surface-inset);color:var(--text-primary)}.study-step-body{min-width:0}.study-step-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.study-step-title{margin:0;font-size:16px;line-height:1.3}.study-step-status{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.study-step-status--current{background:rgba(var(--accent-rgb),.12);color:var(--accent)}.study-step-status--ready{background:var(--study-status-ready-bg);color:var(--study-status-ready-fg)}.study-step-status--done{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success)}.study-step-status--optional{background:var(--study-status-optional-bg);color:var(--study-status-optional-fg)}.study-step-description{margin:8px 0 0;font-size:13px;line-height:1.65;color:var(--text-secondary)}.study-step-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.study-step-badge,.study-step-tag{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:700}.study-step-badge{background:var(--surface-inset);color:var(--text-secondary)}.study-step-tag{background:rgba(var(--accent-rgb),.08);color:var(--accent)}.study-step-cta{color:var(--accent);font-size:13px;font-weight:700;white-space:nowrap}.study-guide-notes{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.study-guide-notes li{position:relative;padding-left:18px;font-size:13px;line-height:1.7;color:var(--text-secondary)}.study-guide-notes li:before{content:"";position:absolute;top:9px;left:0;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.1)}.study-quick-links{display:grid;gap:8px}.study-quick-link{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--surface-border-strong);background:color-mix(in srgb,var(--surface-elevated) 78%,transparent);display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer;transition:border-color var(--transition-fast),transform var(--transition-fast),background var(--transition-fast)}.study-quick-link:hover{transform:translateY(-1px);border-color:rgba(var(--accent-rgb),.2);background:rgba(var(--accent-rgb),.04)}.study-quick-link__label{font-size:14px;font-weight:700;color:var(--text-primary)}.study-quick-link__value{font-size:12px;color:var(--text-secondary)}.study-center-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.study-book-card{position:relative;min-height:196px;padding:14px;display:grid;grid-template-rows:64px auto 8px auto;gap:10px;align-content:start;cursor:pointer;overflow:hidden;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.study-book-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-panel);border-color:rgba(var(--accent-rgb),.2)}.study-book-remove{position:absolute;top:12px;right:12px;width:32px;height:32px;padding:0;background:var(--surface-floating);border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--transition-fast);z-index:1}.study-book-card:hover .study-book-remove{opacity:1}.study-book-remove:hover{background:var(--error-light);color:var(--error);border-color:color-mix(in srgb,var(--error) 25%,transparent)}.study-book-remove svg{width:14px;height:14px}.study-book-icon-row{display:flex;align-items:stretch;gap:12px;min-height:64px}.study-book-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.study-book-icon--accent{background:var(--accent-light);color:var(--accent)}.study-book-icon svg{width:22px;height:22px}.study-book-header{display:grid;flex:1;grid-template-rows:minmax(0,1fr) 24px;gap:6px;align-content:start;min-width:0;min-height:64px;padding-right:40px}.study-book-title{margin:0;font-size:17px;font-weight:700;line-height:1.32;display:block;min-height:0;max-height:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.study-book-badges{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:24px}.study-book-badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 8px;border-radius:999px;background:var(--surface-inset);color:var(--text-secondary);font-size:11px;font-weight:700}.study-book-badge--neutral{background:var(--surface-inset);color:var(--text-secondary)}.study-book-badge--success{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}.study-book-state{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 8px;border-radius:999px;background:var(--surface-inset);color:var(--text-secondary);font-size:11px;font-weight:700}.study-book-state--active{background:rgba(var(--accent-rgb),.12);color:var(--accent)}.study-book-state--complete{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success)}.study-book-progress-text{font-size:13px;font-weight:600;color:var(--text-secondary)}.study-book-progress-bar{height:8px;background:var(--surface-inset);border-radius:999px;overflow:hidden}.study-book-progress-fill{height:100%;display:block;background:var(--accent);border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1)}.study-book-stats{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--text-secondary)}.study-book-status-complete{color:var(--success)}.study-add-card{min-height:204px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-style:dashed;cursor:pointer;color:var(--accent);transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.study-add-card:hover{transform:translateY(-3px);background:rgba(var(--accent-rgb),.05);border-color:rgba(var(--accent-rgb),.24);box-shadow:var(--shadow-soft)}.study-add-card svg{width:34px;height:34px}.study-add-card span{font-size:15px;font-weight:700}@media (max-width: 1100px){.study-quick-actions,.study-guide-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.study-guide-content{grid-template-columns:1fr}.study-self-serve-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.study-todo-content{flex-direction:column}.study-todo-action{width:100%;justify-content:center}.study-guide-actions{flex-direction:column;align-items:stretch}.study-guide-primary-btn,.study-guide-secondary-btn,.study-section-link{width:100%;justify-content:center}.study-step-card{grid-template-columns:auto 1fr}.study-step-cta{grid-column:2}.study-section-head{flex-direction:column}}@media (max-width: 640px){.study-todo-panel,.study-guidance-panel,.study-quick-actions-panel,.study-guide-hero,.study-guide-panel,.study-guide-side-card,.study-book-card,.study-add-card{border-radius:14px}.study-quick-actions,.study-guide-metrics,.study-self-serve-grid,.study-center-grid{grid-template-columns:1fr}.study-book-card,.study-add-card{min-height:180px}.study-book-remove{opacity:1}.study-step-row,.study-quick-link{flex-direction:column;align-items:flex-start}.study-choice-card__top{flex-direction:column}}.chapter-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-strong);z-index:var(--layer-modal);display:flex;align-items:center;justify-content:center;padding:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chapter-modal{background:color-mix(in srgb,var(--surface-elevated) 98%,transparent);border-radius:10px;border:1px solid var(--surface-border-strong);width:min(980px,100%);height:min(86vh,880px);display:flex;flex-direction:column;box-shadow:var(--shadow-xl);overflow:hidden;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.chapter-modal-header{padding:10px;border-bottom:1px solid var(--surface-border-strong);display:flex;align-items:flex-start;justify-content:space-between;gap:10px;background:var(--surface-base);flex-shrink:0}.chapter-modal-title{font-size:24px;line-height:1.2}.chapter-modal-subtitle{margin-top:8px;font-size:14px;color:var(--text-secondary)}.chapter-entry-switch{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:4px;border-radius:999px;background:color-mix(in srgb,var(--surface-muted) 88%,transparent);border:1px solid var(--surface-border-strong)}.chapter-entry-switch__option{min-height:34px;padding:0 14px;border:none;border-radius:999px;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:700;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.chapter-entry-switch__option.is-active{background:var(--surface-elevated);color:var(--accent);box-shadow:var(--shadow-sm)}.chapter-entry-note{margin-top:10px;font-size:12px;line-height:1.6;color:var(--text-secondary)}.chapter-modal-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.chapter-continue-btn{padding:10px;background:var(--accent);color:var(--text-inverse);border:none;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast);white-space:nowrap;box-shadow:var(--shadow-soft)}.chapter-continue-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.chapter-modal-close{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--surface-elevated) 76%,transparent);border:1px solid var(--surface-border-strong);border-radius:10px;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.chapter-modal-close:hover{background:rgba(var(--accent-rgb),.08);color:var(--accent);transform:translateY(-1px)}.chapter-modal-close svg{width:16px;height:16px}.chapter-modal-body{flex:1;min-height:0}.chapter-modal-scroll-wrap{display:flex;flex-direction:column;min-height:100%}.chapter-modal-body .el-scrollbar__wrap{padding:10px;overscroll-behavior:contain}.chapter-units,.chapter-section{display:flex;flex-direction:column;gap:10px}.chapter-section-label{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--surface-border-strong)}.chapter-section-name{font-size:15px;font-weight:800;color:var(--text-primary)}.chapter-section-meta{font-size:12px;color:var(--text-secondary);white-space:nowrap}.chapter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.chapter-card{border:1px solid var(--surface-border-strong);border-radius:10px;padding:10px;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);position:relative;min-height:144px;display:flex;flex-direction:column;gap:10px;background:color-mix(in srgb,var(--surface-base) 94%,transparent);box-shadow:var(--shadow-soft)}.chapter-card:hover{border-color:rgba(var(--accent-rgb),.24);background:rgba(var(--accent-rgb),.04);transform:translateY(-2px);box-shadow:var(--shadow-panel)}.chapter-card.current{border-color:rgba(var(--accent-rgb),.4);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.12),var(--shadow-panel)}.chapter-card.completed{background:color-mix(in srgb,var(--success) 8%,var(--surface-elevated));border-color:color-mix(in srgb,var(--success) 22%,transparent)}.chapter-card-name{font-size:15px;font-weight:700;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px}.chapter-card-custom-tag{align-self:flex-start;display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:800;color:var(--success);background:color-mix(in srgb,var(--success) 14%,transparent);border:1px solid color-mix(in srgb,var(--success) 18%,transparent)}.chapter-mode-badges{display:flex;flex-wrap:wrap;gap:10px}.mode-badge{display:inline-flex;align-items:center;gap:10px;padding:0 10px;min-height:28px;border-radius:999px;font-size:10px;font-weight:700;white-space:nowrap;background:var(--surface-muted);color:var(--accent);border:1px solid rgba(var(--accent-rgb),.2)}.mode-badge--quickmemory,.mode-badge--listening,.mode-badge--meaning,.mode-badge--dictation,.mode-badge--smart{color:var(--accent);border-color:rgba(var(--accent-rgb),.2)}.mode-badge-mid{filter:saturate(.9)}.mode-badge-low{filter:saturate(.75)}.chapter-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.chapter-card-count{font-size:12px;color:var(--text-secondary);font-weight:600}.chapter-status-done,.chapter-status-progress,.chapter-status-todo{font-size:12px;font-weight:700}.chapter-status-done{color:var(--success)}.chapter-status-progress{color:var(--accent)}.chapter-status-todo{color:var(--text-tertiary)}.chapter-card-current-dot{position:absolute;top:10px;right:10px;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(var(--accent-rgb),.12)}.chapter-card-progress{display:flex;align-items:center;gap:10px}.chapter-card-progress-bar{flex:1;height:6px;border:none;background:var(--surface-inset);border-radius:999px;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.chapter-card-progress-bar::-webkit-progress-bar{background:var(--surface-inset);border-radius:999px}.chapter-card-progress-bar::-webkit-progress-value{background:var(--accent);border-radius:999px}.chapter-card-progress-bar::-moz-progress-bar{background:var(--accent);border-radius:999px}.chapter-card-progress-text{font-size:11px;color:var(--text-secondary);font-weight:700;white-space:nowrap}.chapter-loading,.chapter-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:72px 20px;color:var(--text-secondary);gap:10px}.chapter-loading--centered{flex:1;min-height:100%;padding-block:20px}.chapter-error{color:var(--error)}.chapter-skeleton{width:100%}.chapter-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;width:100%}.chapter-skeleton-card{display:flex;flex-direction:column;gap:10px;min-height:156px;padding:12px;border-radius:14px;border:1px solid var(--border-strong);background:var(--surface-elevated);box-shadow:var(--shadow-soft)}.chapter-skeleton-tags,.chapter-skeleton-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}@media (max-width: 900px){.chapter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 680px){.chapter-modal-overlay{padding:10px}.chapter-modal{height:calc(100vh - 24px);border-radius:24px}.chapter-modal-header{padding:10px;flex-direction:column;align-items:stretch}.chapter-modal-body .el-scrollbar__wrap{padding:10px}.chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.plan-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:var(--layer-modal);display:flex;align-items:center;justify-content:center;padding:20px}.plan-modal{background:var(--bg-color);border-radius:12px;width:480px;max-width:95vw;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);overflow:hidden;animation:modalFadeIn .2s ease}.plan-modal-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-shrink:0}.plan-modal-info{flex:1;min-width:0}.plan-modal-title{font-size:16px;font-weight:700;color:var(--text-primary)}.plan-modal-subtitle{font-size:13px;color:var(--text-secondary);margin-top:4px;line-height:1.4}.plan-entry-switch{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:4px;border-radius:999px;background:color-mix(in srgb,var(--surface-muted) 88%,transparent);border:1px solid var(--border)}.plan-entry-switch__option{min-height:34px;padding:0 14px;border:none;border-radius:999px;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:700;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.plan-entry-switch__option.is-active{background:var(--surface-elevated);color:var(--accent);box-shadow:var(--shadow-sm)}.plan-entry-note{margin-top:10px;font-size:12px;line-height:1.6;color:var(--text-secondary)}.plan-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.plan-modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.plan-modal-close svg{width:18px;height:18px}.plan-modal-progress{padding:16px 24px;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.plan-progress-header{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-secondary);margin-bottom:8px}.plan-progress-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.plan-progress-fill{width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;border-radius:3px;overflow:hidden}.plan-progress-fill::-webkit-progress-bar{background:transparent}.plan-progress-fill::-webkit-progress-value{background:var(--accent);border-radius:3px}.plan-progress-fill::-moz-progress-bar{background:var(--accent);border-radius:3px}.plan-continue-btn{width:100%;margin-top:12px;padding:10px 16px;background:var(--accent);color:var(--text-inverse);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.plan-continue-btn:hover{background:var(--accent-hover)}.plan-modal-body{padding:20px 24px;flex:1;overflow-y:auto}.plan-section-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.plan-options{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}@media (max-width: 500px){.plan-options{grid-template-columns:repeat(3,1fr)}}.plan-option-card{border:1px solid var(--border);border-radius:8px;padding:16px 12px;text-align:center;cursor:pointer;transition:all var(--transition-fast)}.plan-option-card:hover{border-color:var(--accent);background:var(--bg-secondary)}.plan-option-daily{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.plan-option-days{font-size:12px;color:var(--text-secondary)}.vb-filters{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.vb-create-btn{border:1px solid rgba(var(--accent-rgb),.22);border-radius:999px;background:color-mix(in srgb,var(--accent) 9%,var(--surface-elevated));color:var(--accent);font-size:13px;font-weight:700;padding:9px 14px;white-space:nowrap;cursor:pointer;box-shadow:0 14px 28px rgba(var(--accent-rgb),.12)}.custom-book-page{gap:12px;padding:var(--page-gutter);box-sizing:border-box;--custom-book-panel: color-mix(in srgb, var(--surface-elevated) 96%, transparent);--custom-book-soft: color-mix(in srgb, var(--accent) 7%, var(--surface-elevated))}.custom-book-header{align-items:flex-start;justify-content:space-between;gap:18px}.custom-book-heading{display:grid;gap:6px}.custom-book-kicker{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.12em}.custom-book-heading h1{margin:0;color:var(--text-primary);font-size:clamp(24px,3vw,38px);line-height:1.12}.custom-book-heading p{margin:0;color:var(--text-secondary);font-size:14px}.custom-book-actions,.custom-book-toolbar-actions{display:flex;align-items:center;gap:10px}.custom-book-content,.custom-book-scroll{min-height:0}.custom-book-scroll{padding:0}.custom-book-shell{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:14px}.custom-book-meta-panel,.custom-book-workspace,.custom-book-chapter-card{border:1px solid var(--surface-border-strong);border-radius:28px;background:var(--custom-book-panel);box-shadow:var(--shadow-soft)}.custom-book-meta-panel{position:sticky;top:0;align-self:start;display:grid;gap:18px;padding:20px}.custom-book-workspace{min-width:0;padding:18px}.custom-book-target-row,.custom-book-import-bar,.custom-book-toolbar,.custom-book-chapter-header,.custom-book-chapter-compact{display:flex;align-items:center;justify-content:space-between;gap:12px}.custom-book-target-field{display:grid;gap:7px;min-width:122px}.custom-book-target-field label,.custom-book-option-label{color:var(--text-secondary);font-size:12px;font-weight:800}.custom-book-target-field input{width:118px;height:40px;border:1px solid var(--surface-border-strong);border-radius:14px;background:var(--surface-elevated);color:var(--text-primary);font-weight:700;padding:0 12px}.custom-book-target-presets,.custom-book-pills,.custom-book-tabs{display:flex;flex-wrap:wrap;gap:8px}.custom-book-target-presets button,.custom-book-pill,.custom-book-tabs button,.custom-book-reorder-buttons button{border:1px solid var(--surface-border-strong);border-radius:999px;background:var(--surface-elevated);color:var(--text-secondary);font-size:12px;font-weight:700;padding:8px 12px;cursor:pointer}.custom-book-target-presets .active,.custom-book-pill.active,.custom-book-tabs .active{border-color:rgba(var(--accent-rgb),.34);background:var(--custom-book-soft);color:var(--accent)}.custom-book-option-group{display:grid;gap:9px}.custom-book-option-group[aria-disabled=true]{opacity:.48}.custom-book-share-toggle{display:flex;align-items:center;gap:10px;color:var(--text-primary);font-size:14px;font-weight:700}.custom-book-file{position:relative;overflow:hidden;border:1px dashed rgba(var(--accent-rgb),.34);border-radius:999px;color:var(--accent);cursor:pointer;font-size:13px;font-weight:800;padding:9px 14px}.custom-book-file input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.custom-book-toolbar{margin:16px 0;padding:14px 2px;border-top:1px solid var(--surface-border);border-bottom:1px solid var(--surface-border)}.custom-book-toolbar div:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--text-secondary);font-size:13px}.custom-book-toolbar strong{color:var(--text-primary)}.custom-book-error{margin:0 0 14px;border-radius:16px;background:color-mix(in srgb,var(--error) 9%,var(--surface-elevated));color:var(--error);font-size:13px;font-weight:700;padding:12px 14px}.custom-book-chapters{display:grid;gap:14px}.custom-book-chapter-card{padding:18px;transition:transform var(--transition-fast),opacity var(--transition-fast)}.custom-book-chapter-card.dragging{opacity:.52;transform:scale(.99)}.custom-book-chapter-header{align-items:flex-start;margin-bottom:12px}.custom-book-chapter-header .ui-field{flex:1}.custom-book-chapter-stats,.custom-book-reorder-buttons{display:flex;align-items:center;gap:8px}.custom-book-chapter-stats span,.custom-book-chapter-compact span{color:var(--text-tertiary);font-size:12px;font-weight:700;white-space:nowrap}.custom-book-chapter-stats button{border:0;background:transparent;color:var(--error);cursor:pointer;font-weight:700}.custom-book-chapter-compact{min-height:54px}.custom-book-chapter-compact>div:nth-child(2){display:grid;gap:4px;flex:1;min-width:0}.custom-book-drag-handle{border-radius:999px;background:var(--surface-inset);padding:8px 10px}.custom-book-chapter-card .ui-textarea{min-height:210px;resize:vertical;line-height:1.7}@media (max-width: 900px){.custom-book-header,.custom-book-shell,.custom-book-import-bar,.custom-book-toolbar,.custom-book-chapter-header,.custom-book-chapter-compact,.vb-filters{flex-direction:column;align-items:stretch}.custom-book-shell{display:flex}.custom-book-meta-panel{position:static}.custom-book-actions{width:100%;justify-content:flex-end}}@media (max-width: 600px){.custom-book-page{padding:12px}.custom-book-actions,.custom-book-toolbar-actions,.custom-book-reorder-buttons,.custom-book-target-row{flex-wrap:wrap}.custom-book-workspace,.custom-book-meta-panel,.custom-book-chapter-card{border-radius:22px;padding:14px}}.vocab-book-page{min-height:calc(100vh - 60px);display:flex;flex-direction:column}.vocab-book-filters{background:var(--bg-color);border-bottom:1px solid var(--border)}.filter-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-xl)}.filter-sections{flex:1;display:flex;flex-direction:column;gap:var(--space-sm)}.vocab-search-wrapper{display:flex;align-items:center;gap:var(--space-sm);padding:8px 14px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);min-width:200px}.vocab-search-wrapper svg{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.vocab-search-input{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:var(--text-primary);min-width:100px}.vocab-search-input::placeholder{color:var(--text-tertiary)}.vocab-book-main{flex:1;overflow-y:auto}.vocab-book-sidebar,.vocab-book-container,.sidebar-section,.sidebar-title,.sidebar-menu,.sidebar-item{display:none}.filter-row{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.filter-label{font-size:14px;font-weight:600;color:var(--text-secondary);min-width:70px}.filter-buttons{display:flex;gap:var(--space-xs);flex-wrap:wrap}.filter-btn{padding:4px 12px;background:transparent;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{color:var(--accent)}.filter-btn.active{color:var(--accent);font-weight:600}.filter-btn.active:after{content:"";display:block;width:100%;height:2px;background:var(--accent);margin-top:2px}.vocab-book-grid{display:grid;grid-template-columns:repeat(auto-fill,260px);gap:var(--space-md);justify-content:start}.vocab-book-card{display:flex;flex-direction:column;padding:var(--space-lg);background:var(--bg-color);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:none;cursor:pointer;transition:all var(--transition-fast);width:260px;min-height:160px}.vocab-book-card:hover{border-color:var(--book-color, var(--accent));box-shadow:var(--shadow-md);transform:translateY(-2px)}.vocab-book-icon{width:40px;height:40px;background:var(--accent-subtle);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--book-color, var(--accent));margin-bottom:var(--space-md)}.vocab-book-icon svg{width:20px;height:20px}.vocab-book-content{flex:1}.vocab-book-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px;line-height:1.4}.vocab-book-desc{font-size:12px;color:var(--text-tertiary);margin-bottom:var(--space-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.vocab-book-meta{display:flex;gap:var(--space-sm);font-size:12px;margin-top:auto}.vocab-book-count{color:var(--text-secondary)}.vocab-book-level{color:var(--book-color, var(--accent))}.vocab-book-progress{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm)}.vocab-book-progress-bar{flex:1;height:4px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.vocab-book-progress-fill{height:100%;background:var(--book-color, var(--accent));border-radius:var(--radius-full);transition:width var(--transition-normal)}.vocab-book-progress-text{font-size:11px;font-weight:600;color:var(--text-tertiary);min-width:30px}.vocab-book-arrow{display:none}.vocab-book-loading,.vocab-book-error,.vocab-book-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding:var(--space-2xl);color:var(--text-tertiary)}.vocab-book-loading .loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-md)}.main-nav{display:flex;gap:var(--space-xs);margin-left:var(--space-xl)}.main-nav-item{padding:8px 16px;background:transparent;border:none;border-radius:var(--radius-sm);font-size:15px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);position:relative}.main-nav-item:hover{color:var(--text-primary)}.main-nav-item.active{color:var(--accent);font-weight:600}.main-nav-item.active:after{content:"";position:absolute;bottom:-8px;left:16px;right:16px;height:2px;background:var(--accent);border-radius:1px}.header-search{display:flex;align-items:center;gap:var(--space-sm);padding:6px 12px;background:var(--bg-secondary);border-radius:var(--radius-full);min-width:200px}.header-search svg{width:16px;height:16px;color:var(--text-tertiary)}.header-search input{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:var(--text-primary)}.header-search input::placeholder{color:var(--text-tertiary)}@media (max-width: 767px){.left-sidebar{display:none}.app-body{flex-direction:column}.vocab-book-filters{padding:var(--space-sm) var(--space-md)}.filter-header-row{flex-direction:column;gap:var(--space-md)}.filter-row{gap:var(--space-sm)}.filter-label{font-size:13px;min-width:60px}.filter-btn{font-size:13px;padding:4px 10px}.vocab-search-wrapper{width:100%}.vocab-book-main{padding:var(--space-md)}.vocab-book-grid{grid-template-columns:1fr;justify-content:stretch}.vocab-book-card{padding:var(--space-md);width:100%}.main-nav,.header-search{display:none}}.vocab-book-page{gap:10px;padding:var(--page-gutter);box-sizing:border-box}.vb-page-header{min-height:auto;width:100%;align-items:stretch}.vb-page-body{min-height:0}.vb-filters{width:100%;padding:2px 0 0;background:transparent;border:none;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.vb-filter-left{display:flex;flex-direction:column;gap:8px;width:100%}.vb-filter-row{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;width:100%}.vb-filter-btn{position:relative;min-height:0;padding:0;border:none;border-radius:0;background:transparent;color:var(--text-secondary);font-size:15px;font-weight:500;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.vb-filter-btn:focus-visible{outline:none;border-color:rgba(var(--accent-rgb),.42);box-shadow:var(--focus-ring)}.vb-filter-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.vb-filter-btn{display:inline-flex;align-items:center;justify-content:flex-start;min-height:auto;padding:0 0 10px;border-radius:0;transition:color var(--transition-fast),opacity var(--transition-fast);white-space:nowrap}.vb-filter-row--compact{justify-content:flex-start}.vb-filter-btn--compact{flex:0 0 auto;min-width:max-content}.vb-filter-btn:after{content:"";position:absolute;left:0;bottom:0;width:20px;height:2px;border-radius:999px;background:var(--accent);opacity:0;transform:scaleX(.2);transform-origin:left center;transition:transform var(--transition-fast),opacity var(--transition-fast)}.vb-filter-btn:hover{color:var(--accent);opacity:1}.vb-filter-btn.active{color:var(--accent);font-weight:700}.vb-filter-btn.active:after{opacity:1;transform:scaleX(1)}.vb-main{flex:1;padding:0;background:transparent;min-height:0}.vb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.vb-card{position:relative;display:flex;flex-direction:column;gap:10px;background:color-mix(in srgb,var(--surface-elevated) 96%,transparent);border:1px solid var(--surface-border-strong);border-radius:24px;padding:20px 18px 18px;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast);min-height:180px;box-shadow:var(--shadow-soft);overflow:hidden}.vb-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--accent);opacity:0;transition:opacity var(--transition-fast)}.vb-card:hover{border-color:rgba(var(--accent-rgb),.26);box-shadow:var(--shadow-panel);background:color-mix(in srgb,var(--accent) 4%,var(--surface-elevated));transform:translateY(-3px)}.vb-card:hover:before{opacity:1}.vb-card-badge{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:5px 10px;border-radius:999px;background:var(--accent);color:#fff;font-size:11px;font-weight:600;box-shadow:0 10px 18px rgba(var(--accent-rgb),.24)}.vb-card-title{font-size:18px;font-weight:700;color:var(--text-primary);line-height:1.35;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:calc(100% - 72px)}.vb-card-meta{display:flex;flex-direction:column;gap:10px;margin-top:auto}.vb-card-count{font-size:13px;color:var(--text-secondary);font-weight:600}.vb-card-desc{font-size:12px;color:var(--text-tertiary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.55}.vb-card-progress{margin-top:2px;display:flex;align-items:center;gap:10px}.vb-card-progress-bar{flex:1;height:6px;background:var(--surface-inset);border-radius:99px;overflow:hidden}.vb-card-progress-fill{height:100%;display:block;background:var(--accent);border-radius:99px}.vb-card-progress-text{font-size:12px;color:var(--text-secondary);font-weight:600;white-space:nowrap}.vb-card-added{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--success) 10%,var(--surface-elevated));color:var(--success);font-size:12px;font-weight:600;gap:10px;margin-top:4px;width:fit-content}.vb-card-added svg{width:12px;height:12px}@media (max-width: 900px){.vb-filters{padding:2px 0 0}}@media (max-width: 600px){.vb-grid{grid-template-columns:1fr}.vb-card{min-height:160px}}.practice-session-layout,.practice-page,.qm-root,.qm-summary{--practice-main-max-width: 970px;--practice-shell-max-width: 800px;--practice-header-max-width: 760px;--practice-compact-max-width: 570px;--practice-inline-max-width: 370px;--practice-choice-grid-max-width: 940px}@media (min-width: 1024px){.practice-session-layout,.practice-page,.qm-root,.qm-summary{--practice-main-max-width: 1050px;--practice-shell-max-width: 860px;--practice-header-max-width: 820px;--practice-compact-max-width: 630px;--practice-inline-max-width: 410px;--practice-choice-grid-max-width: 1040px}}.practice-page.active{display:block}.practice-session-layout{display:flex;flex:1;flex-direction:column;min-height:0;width:100%;height:100%;overflow:hidden}.practice-container{max-width:var(--practice-header-max-width, 680px);margin:0 auto;padding-top:calc(var(--space-xl) + 4px)}.practice-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl)}.progress-bar-fixed{position:fixed;bottom:var(--space-lg);right:var(--space-lg);background:var(--bg-color);border:1px solid var(--border);border-radius:var(--radius-full);padding:var(--space-sm) var(--space-md);display:flex;align-items:center;gap:var(--space-sm);box-shadow:var(--shadow-md);z-index:var(--layer-sticky);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.progress-bar-fixed .progress-text{font-size:13px;color:var(--text-secondary);font-weight:500}.progress-bar-fixed .progress-count{font-size:14px;font-weight:700;color:var(--accent)}.progress-bar-fixed .progress-track{width:80px;height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fixed .progress-fill{height:100%;background:var(--accent);border-radius:var(--radius-full);transition:width .3s ease}.stats-row{display:flex;align-items:center;justify-content:center;gap:var(--space-xl);margin-bottom:var(--space-xl)}.stat-item{display:flex;align-items:center;gap:var(--space-sm)}.stat-dot{width:10px;height:10px;border-radius:var(--radius-full)}.stat-dot.correct{background:var(--success)}.stat-dot.wrong{background:var(--error)}.stat-value{font-size:18px;font-weight:700}.stat-value.correct{color:var(--success)}.stat-value.wrong{color:var(--error)}.stat-label{font-size:13px;color:var(--text-tertiary)}.current-word{font-size:clamp(3.55rem,6vw,4rem);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm);letter-spacing:-1px}@media (max-width: 768px){.current-word{font-size:36px}}.play-btn{width:82px;height:82px;background:var(--accent);border:none;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--text-inverse);transition:all var(--transition-normal);box-shadow:var(--glow-accent);margin-bottom:var(--space-lg)}.play-btn:hover{transform:scale(1.08);box-shadow:var(--shadow-floating)}.play-btn:active{transform:scale(.98)}.play-btn.playing{animation:pulse 1s ease infinite}@keyframes pulse{0%,to{box-shadow:var(--glow-accent)}50%{box-shadow:var(--shadow-floating)}}.play-btn svg{width:31px;height:31px}.practice-page.practice-page--choice .practice-main{max-width:min(100%,var(--practice-main-max-width, 1180px));padding-top:clamp(8px,1.4vw,14px);gap:0}.practice-page.practice-page--choice .practice-choice-top-rail{flex-shrink:0;min-height:clamp(68px,9vh,84px);gap:clamp(10px,1.6vw,16px)}.practice-page.practice-page--choice .practice-choice-stage{flex:1 1 auto;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,1.6vh,16px);min-height:0;padding:2px 0 8px}.practice-page.practice-page--choice .practice-choice-top-rail--empty{pointer-events:none}.practice-page.practice-page--choice .practice-main .practice-bottom-bar{margin-top:0}.practice-page.practice-page--choice .listening-example-prompt{gap:12px;padding-inline:6px}.practice-page.practice-page--choice .listening-example-sentence--interactive{display:block;width:100%;padding:0;border:none;background:none;font:inherit;cursor:pointer;transition:color var(--transition-fast),transform var(--transition-fast)}.practice-page.practice-page--choice .listening-example-sentence--interactive:hover,.practice-page.practice-page--choice .listening-example-sentence--interactive:focus-visible{color:var(--accent);transform:translateY(-1px);outline:none}.practice-page.practice-page--choice .options-footer{margin-top:0}.practice-page.practice-page--choice .options-footer-actions{grid-column:2;display:inline-grid;grid-auto-flow:column;align-items:center;gap:14px}.practice-page.practice-page--choice .options-footer-actions .practice-favorite-btn,.practice-page.practice-page--choice .options-footer-actions .practice-speaking-entry-btn,.practice-page.practice-page--choice .options-footer-actions .replay-btn,.practice-page.practice-page--choice .listening-example-audio-btn{width:42px;height:42px}.practice-page.practice-page--choice .options-footer-actions .practice-favorite-btn svg,.practice-page.practice-page--choice .options-footer-actions .practice-speaking-entry-btn svg,.practice-page.practice-page--choice .options-footer-actions .replay-btn svg,.practice-page.practice-page--choice .listening-example-audio-btn .example-audio-icon{width:20px;height:20px}.practice-page.practice-page--choice .options-footer-actions .replay-btn{grid-column:auto}@media (max-height: 820px) and (min-width: 768px){.practice-page.practice-page--choice .practice-main{padding-top:6px}.practice-page.practice-page--choice .practice-choice-stage{gap:12px;padding-block:0 8px}.practice-page.practice-page--choice .practice-choice-top-rail{min-height:70px;gap:12px}.practice-page.practice-page--choice .practice-choice-top-rail .prev-word-inline--choice{align-items:stretch;gap:10px}.practice-page.practice-page--choice .practice-choice-top-rail .prev-word-inline--choice .prev-back-btn{margin-top:0;padding:0 12px;border-radius:14px;align-self:stretch}.practice-page.practice-page--choice .practice-choice-top-rail .prev-word-inline--choice .prev-word-info{display:grid;grid-template-columns:minmax(0,auto) auto;align-items:baseline;column-gap:8px;row-gap:2px;max-width:min(312px,100% - 54px);padding:8px 12px;border-radius:16px}.practice-page.practice-page--choice .practice-choice-top-rail .prev-word-inline--choice .prev-word-text{font-size:17px;line-height:1.1}.practice-page.practice-page--choice .practice-choice-top-rail .prev-word-inline--choice .prev-word-phonetic{font-size:11px;line-height:1.1;margin:0}.practice-page.practice-page--choice .practice-choice-top-rail .prev-word-inline--choice .prev-word-def{grid-column:1/-1;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:1.22}.practice-page.practice-page--choice .listening-example-prompt{gap:10px;padding-inline:0}.practice-page.practice-page--choice .listening-example-audio-btn{width:38px;height:38px}.practice-page.practice-page--choice .listening-example-sentence{font-size:clamp(1rem,1.55vw,1.16rem);line-height:1.48}.practice-page.practice-page--choice .options-grid{gap:10px}.practice-page.practice-page--choice .option-btn{min-height:clamp(96px,11vw,110px);padding:16px 18px 14px}.practice-page.practice-page--choice .option-text{font-size:clamp(1.2rem,1.28vw,1.42rem);line-height:1.26}.practice-page.practice-page--choice .options-footer{margin-top:-6px}.practice-page.practice-page--choice .options-footer-actions{gap:10px}.practice-page.practice-page--choice .options-footer-actions .practice-favorite-btn,.practice-page.practice-page--choice .options-footer-actions .practice-speaking-entry-btn,.practice-page.practice-page--choice .options-footer-actions .replay-btn,.practice-page.practice-page--choice .listening-example-audio-btn{width:40px;height:40px}.practice-page.practice-page--choice .skip-btn{padding:10px 14px;font-size:14px}.practice-page.practice-page--choice .shortcut-hint{font-size:13px}.practice-page.practice-page--choice .replay-btn{width:42px;height:42px}.practice-page.practice-page--choice .practice-main .practice-bottom-bar{gap:10px;padding:8px 16px}.practice-page.practice-page--choice .practice-main .bottom-progress-track{height:8px}.practice-page.practice-page--choice .practice-main .bottom-progress-dot{right:-4px;width:13px;height:13px;border-width:2px}.practice-page.practice-page--choice .practice-main .bottom-progress-count{font-size:13px;padding:7px 10px}}@media (max-height: 760px) and (min-width: 768px){.practice-page.practice-page--choice .practice-main{padding-top:4px}.practice-page.practice-page--choice .practice-choice-top-rail{min-height:58px;gap:10px}.practice-page.practice-page--choice .practice-choice-stage{justify-content:flex-start;gap:10px;padding-block:0 6px}.practice-page.practice-page--choice .practice-choice-top-rail .prev-word-inline--choice{gap:8px}.practice-page.practice-page--choice .practice-choice-top-rail .prev-word-inline--choice .prev-back-btn{padding:0 10px}.practice-page.practice-page--choice .practice-choice-top-rail .prev-word-inline--choice .prev-word-info{max-width:min(280px,100% - 48px);padding:7px 10px}.practice-page.practice-page--choice .listening-example-prompt{gap:6px}.practice-page.practice-page--choice .listening-example-sentence{font-size:clamp(.96rem,1.25vw,1.08rem);line-height:1.34}.practice-page.practice-page--choice .options-grid{gap:8px}.practice-page.practice-page--choice .option-btn{min-height:88px;padding:14px 16px 12px}.practice-page.practice-page--choice .option-text{font-size:clamp(1.05rem,1.14vw,1.2rem);line-height:1.24}.practice-page.practice-page--choice .options-footer{margin-top:-4px}.practice-page.practice-page--choice .options-footer-actions{gap:8px}.practice-page.practice-page--choice .skip-btn{padding:8px 12px;font-size:13px}.practice-page.practice-page--choice .practice-main .practice-bottom-bar{gap:8px;padding:6px 12px}.practice-page.practice-page--choice .practice-main .bottom-progress-track{height:7px}.practice-page.practice-page--choice .practice-main .bottom-progress-dot{right:-4px;width:11px;height:11px}.practice-page.practice-page--choice .practice-main .bottom-progress-count{font-size:12px;padding:6px 8px}}@media (max-height: 680px) and (min-width: 768px){.practice-page.practice-page--choice .practice-choice-top-rail{min-height:50px}.practice-page.practice-page--choice .practice-choice-stage{gap:8px;padding-bottom:4px}.practice-page.practice-page--choice .practice-choice-top-rail .prev-word-inline--choice .prev-word-info{padding:6px 9px}.practice-page.practice-page--choice .practice-choice-top-rail .prev-word-inline--choice .prev-word-text{font-size:15px}.practice-page.practice-page--choice .practice-choice-top-rail .prev-word-inline--choice .prev-word-phonetic,.practice-page.practice-page--choice .practice-choice-top-rail .prev-word-inline--choice .prev-word-def{font-size:10px}.practice-page.practice-page--choice .listening-example-sentence{font-size:.94rem}.practice-page.practice-page--choice .option-btn{min-height:80px;padding:12px 14px 10px}.practice-page.practice-page--choice .option-text{font-size:1rem}.practice-page.practice-page--choice .practice-main .practice-bottom-bar{padding-inline:10px;padding-bottom:5px}}.practice-favorite-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:999px;background:color-mix(in srgb,var(--bg-color) 88%,transparent);color:var(--text-secondary);box-shadow:var(--shadow-sm);cursor:pointer;flex-shrink:0;font:inherit;text-decoration:none;transition:transform var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.practice-favorite-btn svg,.practice-favorite-btn .example-audio-icon{width:20px;height:20px}.practice-speaking-entry-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--surface-border-strong);border-radius:999px;background:color-mix(in srgb,var(--surface-elevated) 76%,transparent);color:var(--text-secondary);box-shadow:var(--shadow-sm);cursor:pointer;flex-shrink:0;font:inherit;text-decoration:none;transition:transform var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.practice-speaking-entry-btn svg,.practice-speaking-entry-btn .example-audio-icon{width:20px;height:20px}.qm-card-toolbar__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--surface-border-strong);border-radius:999px;background:color-mix(in srgb,var(--surface-elevated) 76%,transparent);color:var(--text-secondary);box-shadow:var(--shadow-sm);cursor:pointer;flex-shrink:0;font:inherit;text-decoration:none;transition:transform var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.qm-card-toolbar__icon-btn svg,.qm-card-toolbar__icon-btn .example-audio-icon{width:20px;height:20px}.replay-btn{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--surface-border-strong);border-radius:999px;background:color-mix(in srgb,var(--surface-elevated) 76%,transparent);color:var(--text-secondary);box-shadow:var(--shadow-sm);cursor:pointer;flex-shrink:0;font:inherit;text-decoration:none;transition:transform var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.replay-btn svg,.replay-btn .example-audio-icon{width:21px;height:21px}.listening-example-audio-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--surface-border-strong);border-radius:999px;background:color-mix(in srgb,var(--surface-elevated) 76%,transparent);color:var(--text-secondary);box-shadow:var(--shadow-sm);cursor:pointer;flex-shrink:0;font:inherit;text-decoration:none;transition:transform var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.listening-example-audio-btn svg,.listening-example-audio-btn .example-audio-icon{width:19px;height:19px}.practice-favorite-btn:hover:not(:disabled){transform:translateY(-1px);color:var(--error);border-color:color-mix(in srgb,var(--error) 30%,var(--border));box-shadow:var(--shadow-md)}.practice-speaking-entry-btn:hover,.practice-speaking-entry-btn:focus-visible,.qm-card-toolbar__icon-btn:hover,.qm-card-toolbar__icon-btn:focus-visible,.replay-btn:hover,.replay-btn:focus-visible,.listening-example-audio-btn:hover,.listening-example-audio-btn:focus-visible{transform:translateY(-1px);color:var(--accent);border-color:rgba(var(--accent-rgb),.18);background:rgba(var(--accent-rgb),.08);box-shadow:var(--shadow-md);outline:none}.practice-favorite-btn:disabled{cursor:wait}.practice-favorite-btn.is-active{color:var(--error);border-color:color-mix(in srgb,var(--error) 40%,var(--border));background:color-mix(in srgb,var(--error) 12%,var(--bg-color))}.practice-favorite-btn.is-pending{opacity:.72}.word-display-audio-controls{display:grid;grid-template-columns:var(--practice-action-side-size, 48px) auto var(--practice-action-side-size, 48px);align-items:center;justify-content:center;gap:14px}.word-display-audio-side,.practice-main-header__side,.qm-card-toolbar__side,.radio-stage-toolbar__side{min-width:0;display:inline-flex;align-items:center}.word-display-audio-side--end,.practice-main-header__side--end,.qm-card-toolbar__side--end,.radio-stage-toolbar__side--end{justify-content:flex-end}.practice-main-header,.qm-card-toolbar,.radio-stage-toolbar{width:min(100%,var(--practice-header-max-width, 720px))}.practice-main-header{display:grid;grid-template-columns:var(--practice-action-side-size, 48px) minmax(0,1fr) var(--practice-action-side-size, 48px);align-items:center;gap:15px;margin-bottom:calc(var(--space-md) + 4px)}.practice-main-header__meta{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0}.radio-stage-toolbar{display:grid;grid-template-columns:var(--practice-action-side-size, 48px) 1fr var(--practice-action-side-size, 48px);align-items:center;margin:0 auto 12px}.qm-card-toolbar{display:grid;grid-template-columns:var(--practice-action-side-size, 48px) auto var(--practice-action-side-size, 48px);align-items:center;justify-content:center;width:100%;margin-bottom:-8px}.qm-word-btn{padding:0;border:none;background:none;cursor:pointer;transition:color var(--transition-fast),transform var(--transition-fast)}.qm-word-btn:hover,.qm-word-btn:focus-visible{color:var(--accent);transform:translateY(-1px);outline:none}.qm-key-hints{flex-wrap:wrap}@media (max-width: 768px){.practice-favorite-btn,.practice-speaking-entry-btn{width:40px;height:40px}.word-display-audio-controls{grid-template-columns:40px auto 40px;gap:10px}.practice-main-header,.qm-card-toolbar,.radio-stage-toolbar{grid-template-columns:40px minmax(0,1fr) 40px}.qm-card-toolbar__icon-btn{width:40px;height:40px}.radio-stage-toolbar{width:100%}}.practice-pronunciation{position:relative;display:inline-flex;align-items:center}.practice-pronunciation-panel{position:absolute;top:calc(100% + 12px);right:0;width:min(320px,100vw - 28px);padding:14px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:18px;background:color-mix(in srgb,var(--surface-elevated) 98%,transparent);box-shadow:var(--shadow-overlay);z-index:var(--layer-local-overlay)}.practice-pronunciation-panel__close{position:absolute;top:10px;right:10px;width:28px;height:28px;padding:0;border:none;border-radius:999px;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.practice-pronunciation-panel__close:hover,.practice-pronunciation-panel__close:focus-visible{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);outline:none}.practice-pronunciation-panel__close svg{width:16px;height:16px}.practice-pronunciation-panel__eyebrow{margin-bottom:6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.practice-pronunciation-panel__word-row{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}.practice-pronunciation-panel__word{font-size:22px;line-height:1.1;color:var(--text-primary)}.practice-pronunciation-panel__phonetic{font-size:13px;color:var(--text-secondary)}.practice-pronunciation-panel__status{margin-bottom:12px;font-size:13px;line-height:1.5}.practice-pronunciation-panel__status--idle{color:var(--text-secondary)}.practice-pronunciation-panel__status--recording{color:var(--accent)}.practice-pronunciation-panel__status--success{color:var(--success-strong)}.practice-pronunciation-panel__status--warning{color:var(--warning)}.practice-pronunciation-panel__status--error{color:var(--error)}.practice-pronunciation-panel__transcript{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;padding:11px 12px;border-radius:14px;background:color-mix(in srgb,var(--accent) 5%,var(--surface-elevated));border:1px solid color-mix(in srgb,var(--accent) 10%,var(--border))}.practice-pronunciation-panel__transcript-label{font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--text-tertiary)}.practice-pronunciation-panel__transcript-value{font-size:14px;color:var(--text-primary);word-break:break-word}.practice-pronunciation-panel__result{margin-bottom:12px;padding:12px;border-radius:16px;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);background:color-mix(in srgb,var(--surface-elevated) 92%,transparent)}.practice-pronunciation-panel__result.is-passed{border-color:color-mix(in srgb,var(--success) 22%,var(--border));background:color-mix(in srgb,var(--success-light) 82%,var(--surface-elevated))}.practice-pronunciation-panel__result.is-warning{border-color:color-mix(in srgb,var(--warning) 24%,var(--border));background:color-mix(in srgb,var(--warning-bg) 40%,var(--surface-elevated))}.practice-pronunciation-panel__result-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.practice-pronunciation-panel__score{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:28px;padding:0 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,var(--surface-elevated));color:var(--accent);font-size:13px;font-weight:700}.practice-pronunciation-panel__result-label{font-size:13px;font-weight:700;color:var(--text-primary)}.practice-pronunciation-panel__feedback-list{display:grid;gap:6px;padding-left:18px;color:var(--text-secondary);font-size:12px;line-height:1.45}.practice-pronunciation-panel__action{width:100%;height:40px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 78%,var(--surface-elevated)));color:var(--text-inverse);font-size:14px;font-weight:700;cursor:pointer;box-shadow:var(--glow-accent);transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.practice-pronunciation-panel__action:hover:not(:disabled),.practice-pronunciation-panel__action:focus-visible:not(:disabled){transform:translateY(-1px);box-shadow:var(--glow-accent-strong);outline:none}.practice-pronunciation-panel__action:disabled{opacity:.68;cursor:not-allowed}.practice-pronunciation-panel__action.is-recording{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 88%,var(--surface-accent)),var(--accent-dark))}.practice-pronunciation-panel__hint{margin-top:8px;font-size:12px;color:var(--text-tertiary)}@media (max-width: 768px){.practice-pronunciation-panel{right:-8px;width:min(300px,100vw - 20px);padding:12px}}.smart-dim-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 15px;border-radius:var(--radius-full);font-size:14px;font-weight:600;letter-spacing:.3px;margin-bottom:var(--space-md);border:1px solid transparent}.smart-badge-icon{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;line-height:1}.smart-badge-icon img{display:block;width:100%;height:100%;object-fit:contain}.smart-badge-label{line-height:1}.smart-badge-listening{background:var(--mode-listening-bg);color:var(--mode-listening-color);border-color:var(--mode-listening-border)}.smart-badge-meaning{background:var(--mode-meaning-bg);color:var(--mode-meaning-color);border-color:var(--mode-meaning-border)}.smart-badge-dictation{background:var(--mode-dictation-bg);color:var(--mode-dictation-color);border-color:var(--mode-dictation-border)}.smart-dictation-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-sm) 0}.correct-answer{color:var(--success);font-weight:600;font-size:19px}.spelling-answer-def{font-size:15px;color:var(--text-secondary);margin-top:4px}.meaning-recall-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-sm) 0}.meaning-recall-hint{margin:0;font-size:16px;color:var(--text-secondary)}.meaning-recall-answer{display:flex;flex-direction:column;align-items:center;gap:4px}.meaning-recall-phonetic{font-size:16px;color:var(--text-secondary)}.meaning-recall-footer{display:flex;justify-content:flex-start;width:min(100%,var(--practice-header-max-width, 720px))}@media (max-width: 600px){.options-grid{grid-template-columns:1fr}}.option-btn:disabled{cursor:default}.option-definition{font-size:16px;color:var(--text-primary);text-align:center;font-weight:500;line-height:1.4;padding:0 var(--space-sm)}.option-btn .hotkey{position:absolute;top:var(--space-sm);right:var(--space-sm);font-size:11px;color:var(--text-tertiary);background:var(--bg-tertiary);padding:2px 8px;border-radius:var(--radius-sm);font-weight:600}.option-btn:hover .hotkey{background:var(--accent);color:var(--text-inverse)}@keyframes correctPop{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.option-btn.correct .option-definition{color:var(--success);font-weight:600}.option-btn.correct .hotkey{background:var(--success);color:var(--text-inverse)}@keyframes wrongShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.option-btn.wrong .option-definition{color:var(--error)}.option-btn.wrong .hotkey{background:var(--error);color:var(--text-inverse)}.dont-know-btn{display:block;width:auto;padding:calc(var(--space-md) + 2px) calc(var(--space-lg) + 3px);background:var(--bg-secondary);border:1px dashed var(--border);border-radius:var(--radius-md);font-size:16px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-xl)}.dont-know-btn:hover{border-color:var(--error);color:var(--error);background:var(--error-light)}.practice-stats{display:none}.previous-word{position:fixed;top:80px;left:var(--space-lg);background:var(--bg-color);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md);max-width:260px;z-index:var(--layer-sticky);opacity:0;transform:translate(-20px);transition:all .3s ease;box-shadow:var(--shadow-md)}.previous-word.show{opacity:1;transform:translate(0)}.previous-label{font-size:13px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm);font-weight:600}.previous-word-text{font-size:19px;font-weight:700;color:var(--text-primary);margin-bottom:2px}.previous-word-phonetic{font-size:15px;color:var(--text-secondary);margin-bottom:var(--space-xs)}.previous-word-pos{font-size:13px;color:var(--accent);font-weight:600;margin-bottom:var(--space-sm)}.previous-word-definition{font-size:15px;color:var(--text-secondary);line-height:1.4}.progress-bar{height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);margin-bottom:var(--space-xl);overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:var(--radius-full);transition:width .3s ease}.practice-controls{display:flex;justify-content:center;gap:var(--space-md);margin-top:var(--space-xl)}.control-btn{padding:var(--space-md) var(--space-xl);background:var(--bg-color);border:1px solid var(--border);border-radius:var(--radius-md);font-size:16px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.control-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.spelling-input-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.spelling-input:focus{border-color:var(--accent);box-shadow:none;outline:none}.spelling-input.show-answer{border-color:var(--success);background:var(--success-light);color:var(--success)}.spelling-submit{padding:var(--space-md) var(--space-2xl);background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:18px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.spelling-submit:hover{background:var(--accent-hover);transform:translateY(-1px)}.portable-message{text-align:center;padding:var(--space-xl)}.portable-message p{font-size:20px;color:var(--text-primary);margin-bottom:var(--space-sm)}.portable-tip{font-size:16px;color:var(--text-tertiary)!important}.speed-control,.play-count-control{display:flex;gap:var(--space-xs)}.speed-btn,.count-btn{padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.speed-btn:hover,.count-btn:hover{border-color:var(--accent);color:var(--accent)}.speed-btn.active,.count-btn.active{background:var(--accent);border-color:var(--accent);color:var(--text-inverse)}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--bg-tertiary);border-radius:var(--radius-full);transition:all var(--transition-fast)}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background:var(--text-inverse);border-radius:var(--radius-full);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.toggle-switch input:checked+.toggle-slider{background:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}[data-font-size=small]{font-size:14px}[data-font-size=large]{font-size:18px}.practice-page{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;overflow:hidden auto;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;scroll-padding-bottom:112px;background:var(--bg-color)}.practice-progress-bar{height:3px;background:var(--bg-tertiary);position:relative}.practice-progress-fill{height:100%;background:var(--accent);transition:width .3s ease}.practice-stats-bar{display:none}.stat-correct-count{font-weight:600;color:var(--success)}.stat-wrong-count{font-weight:600;color:var(--error)}.practice-count{font-size:13px;color:var(--text-secondary)}.practice-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:clamp(26px,4.2vw,42px) clamp(30px,5vw,56px) clamp(36px,6.2vw,50px);gap:28px;max-width:min(100%,var(--practice-main-max-width, 920px));margin:0 auto;width:100%;min-height:100%}.practice-page--choice{position:relative;--practice-main-max-width: 1180px;--practice-header-max-width: 980px;--practice-shell-max-width: 860px;--practice-choice-grid-max-width: 980px}.practice-page.practice-page--choice .practice-main{max-width:min(100%,var(--practice-main-max-width, 1180px))}.word-display-area{display:flex;flex-direction:column;align-items:center;gap:21px;width:min(100%,var(--practice-shell-max-width, 760px));padding:clamp(32px,4.2vw,36px) clamp(28px,4vw,34px);border-radius:36px;background:color-mix(in srgb,var(--surface-elevated) 96%,transparent);border:1px solid var(--surface-border-strong);box-shadow:var(--shadow-panel)}.meaning-prompt-card{width:100%;display:flex;flex-direction:column;gap:15px;align-items:flex-start}.meaning-prompt-label{font-size:15px;font-weight:700;color:var(--text-tertiary);letter-spacing:.04em}.meaning-prompt-definition{font-size:clamp(1.4rem,2.45vw,1.92rem);font-weight:700;color:var(--text-primary);line-height:1.65}.play-btn-large{width:clamp(92px,10.4vw,100px);height:clamp(92px,10.4vw,100px);border-radius:var(--radius-full);background:var(--accent);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);color:var(--text-inverse);box-shadow:0 18px 36px rgba(var(--accent-rgb),.28)}.play-btn-large:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 22px 42px rgba(var(--accent-rgb),.32)}.play-btn-large svg{width:35px;height:35px}.listening-example-prompt{width:min(100%,var(--practice-shell-max-width, 760px));display:flex;flex-direction:column;align-items:center;gap:15px;justify-content:center;padding:0 18px}.listening-example-sentence{max-width:650px;font-size:clamp(1.16rem,2.15vw,1.48rem);line-height:1.82;color:var(--text-primary);text-align:center;letter-spacing:.01em}.word-display{text-align:center;width:100%}.word-text{font-size:clamp(2.5rem,5.6vw,4.2rem);font-weight:800;color:var(--text-primary);margin-bottom:var(--space-xs);letter-spacing:-.04em}.word-phonetic{font-size:19px;color:var(--text-secondary);font-weight:500}.word-phonetic-row{display:flex;align-items:center;gap:var(--space-sm);justify-content:center}.dictation-letter-hint{display:flex;align-items:center;justify-content:center;gap:7px;margin:7px 0 20px;flex-wrap:wrap}.letter-hint-blank{font-size:23px;font-weight:700;color:var(--text-tertiary);line-height:1;letter-spacing:0;-webkit-user-select:none;user-select:none}.letter-hint-space{display:inline-block;width:12px}.word-pos{font-size:13px;background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:3px 9px;color:var(--text-tertiary);margin-right:var(--space-xs)}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;width:100%;max-width:var(--practice-choice-grid-max-width, var(--practice-shell-max-width, 760px))}.practice-page.practice-page--choice .options-grid{gap:clamp(12px,1vw,16px)}.option-btn{padding:26px 26px 24px;background:color-mix(in srgb,var(--surface-elevated) 97%,transparent);border:1px solid var(--surface-border-strong);border-radius:28px;cursor:pointer;text-align:left;font-size:17px;color:var(--text-primary);display:flex;flex-direction:column;gap:var(--space-xs);transition:all var(--transition-fast);line-height:1.5;min-height:clamp(146px,19vw,162px);justify-content:flex-start;box-shadow:var(--shadow-soft)}.practice-page.practice-page--choice .option-btn{min-height:clamp(112px,10vw,126px);padding:20px 22px 18px;border-radius:18px}.option-btn:hover:not(:disabled){border-color:rgba(var(--accent-rgb),.22);background:rgba(var(--accent-rgb),.05);transform:translateY(-2px);box-shadow:var(--shadow-panel)}.option-btn.correct{background:var(--success-light);border-color:var(--success)}.option-btn.correct .option-text,.option-btn.correct .option-word-reveal{color:var(--success)}.option-btn.wrong{background:var(--error-light);border-color:var(--error)}.option-btn.wrong .option-text,.option-btn.wrong .option-word-reveal{color:var(--error)}.option-btn.selected{border-color:var(--accent);background:rgba(var(--accent-rgb),.08);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.08)}.option-header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--space-sm)}.option-pos-group{display:inline-flex;align-items:baseline;gap:11px;min-width:0}.option-pos{font-size:15px;color:var(--text-tertiary);font-style:italic;font-weight:600;flex-shrink:0}.option-word-reveal{font-size:16px;font-weight:700;color:var(--text-secondary);letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-key{font-size:14px;color:var(--text-tertiary);opacity:.7;font-weight:400;white-space:nowrap}.option-text{font-size:20px;color:var(--text-primary);line-height:1.5}.practice-page.practice-page--choice .option-text{font-size:clamp(1.42rem,1.5vw,1.72rem);line-height:1.42}.option-text-wrap{display:flex;flex-direction:column;gap:9px}.option-text--word{font-size:27px;font-weight:700;letter-spacing:-.01em}.option-subtext{font-size:16px;color:var(--text-secondary);line-height:1.4}.options-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;max-width:var(--practice-choice-grid-max-width, var(--practice-shell-max-width, 760px));margin-top:6px}@media (max-width: 600px){.options-grid,.options-footer{max-width:min(100%,var(--practice-shell-max-width, 760px))}}.skip-btn{grid-column:1;justify-self:start;background:color-mix(in srgb,var(--surface-elevated) 76%,transparent);border:1px solid var(--surface-border-strong);border-radius:19px;padding:14px 19px;font-size:15px;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.skip-btn:hover{background:rgba(var(--accent-rgb),.08);border-color:rgba(var(--accent-rgb),.18);color:var(--accent)}.shortcut-hint{opacity:.55;font-size:14px;margin-left:var(--space-xs)}.replay-btn{grid-column:2;justify-self:center;position:relative}.replay-btn:hover:after{content:attr(title);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--text-primary);color:var(--bg-color);font-size:11px;white-space:nowrap;padding:3px 8px;border-radius:var(--radius-sm);pointer-events:none}.practice-stage-guide{--guide-color: var(--accent);width:min(100%,var(--practice-shell-max-width, 760px));position:relative;overflow:hidden;display:flex;flex-direction:column;gap:19px;padding:23px 25px;border-radius:28px;border:1px solid color-mix(in srgb,var(--guide-color) 18%,var(--surface-border-strong));background:radial-gradient(circle at top right,color-mix(in srgb,var(--guide-color) 14%,transparent),transparent 44%),linear-gradient(155deg,color-mix(in srgb,var(--guide-color) 10%,var(--surface-elevated)) 0%,color-mix(in srgb,var(--surface-elevated) 95%,var(--surface-base)) 52%,var(--surface-elevated) 100%);box-shadow:var(--shadow-panel);isolation:isolate}.practice-stage-guide:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,color-mix(in srgb,var(--guide-color) 14%,transparent),transparent 28%,transparent 72%,color-mix(in srgb,var(--guide-color) 8%,transparent));opacity:.85;pointer-events:none;z-index:-1}.practice-stage-guide--error{--guide-color: var(--error)}.practice-stage-guide--review{--guide-color: var(--success)}.practice-stage-guide--focus{--guide-color: var(--warning)}.practice-stage-guide__meta{display:flex;flex-wrap:wrap;gap:8px}.practice-stage-guide__pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 12px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--guide-color) 12%,var(--surface-elevated));border:1px solid color-mix(in srgb,var(--guide-color) 18%,transparent);color:color-mix(in srgb,var(--guide-color) 82%,var(--text-primary));font-size:12px;font-weight:700;letter-spacing:.03em}.practice-stage-guide__headline{display:flex;flex-direction:column;gap:8px}.practice-stage-guide__eyebrow{font-size:11px;font-weight:800;letter-spacing:.08em;color:color-mix(in srgb,var(--guide-color) 76%,var(--text-secondary))}.practice-stage-guide__title{font-size:clamp(1.24rem,2.25vw,1.6rem);line-height:1.35;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.practice-stage-guide__context{margin:0;font-size:16px;line-height:1.6;color:var(--text-secondary)}.practice-stage-guide__rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:0}.practice-stage-guide__row{display:flex;flex-direction:column;gap:10px;min-height:100%;padding:17px 17px 18px;border-radius:20px;background:color-mix(in srgb,var(--guide-color) 5%,var(--surface-base));border:1px solid color-mix(in srgb,var(--guide-color) 12%,var(--surface-border-strong));box-shadow:var(--shadow-soft)}.practice-stage-guide__label{margin:0;font-size:11px;font-weight:800;letter-spacing:.05em;color:color-mix(in srgb,var(--guide-color) 74%,var(--text-secondary))}.practice-stage-guide__value{margin:0;font-size:15px;line-height:1.7;color:var(--text-primary)}@media (max-width: 720px){.practice-stage-guide__rows{grid-template-columns:1fr}}@media (max-width: 600px){.practice-stage-guide{padding:18px 16px;border-radius:24px}.practice-stage-guide__row{padding:13px 13px 14px;border-radius:18px}}.practice-page--dictation{scroll-padding-bottom:32px;overflow-x:clip}.dictation-shell{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;width:100%;padding:clamp(24px,4vw,40px) clamp(22px,4vw,36px) clamp(28px,4vw,40px);min-width:0}.dictation-card{width:min(100%,980px);display:grid;gap:clamp(18px,2.4vw,24px);padding:clamp(24px,3vw,34px);border-radius:34px;background:color-mix(in srgb,var(--surface-elevated) 96%,transparent);border:1px solid var(--surface-border-strong);box-shadow:var(--shadow-panel);min-width:0;overflow:hidden}.dictation-card-header{--dictation-header-side-size: 104px;display:grid;grid-template-columns:var(--dictation-header-side-size) minmax(0,1fr) var(--dictation-header-side-size);align-items:center;gap:16px;min-height:44px;width:100%}.dictation-card-header__side{width:var(--dictation-header-side-size);min-width:0;min-height:1px;display:flex;align-items:center}.dictation-card-header__side--action{justify-content:flex-end}.dictation-card-header__center{min-width:0;display:flex;justify-content:center}.dictation-card-header__spacer{min-height:1px}.dictation-card-header__action{display:inline-flex;align-items:center;justify-content:flex-end;flex-shrink:0}.dictation-stage{display:grid;grid-template-columns:minmax(216px,272px) minmax(0,1fr);gap:clamp(18px,2.6vw,30px);align-items:stretch;min-width:0}.dictation-play-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:clamp(20px,2.4vw,26px);border-radius:28px;border:1px solid rgba(var(--accent-rgb),.12);background:radial-gradient(circle at top,rgba(var(--accent-rgb),.12),transparent 56%),color-mix(in srgb,var(--bg-color) 92%,transparent);text-align:center}.dictation-mode-badge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:var(--radius-full);background:rgba(var(--accent-rgb),.1);color:var(--accent);font-size:13px;font-weight:700;letter-spacing:.05em}.dictation-play-btn{width:clamp(76px,7.8vw,84px);height:clamp(76px,7.8vw,84px);box-shadow:0 14px 30px rgba(var(--accent-rgb),.22)}.dictation-play-btn svg{width:30px;height:30px}.dictation-play-panel .dictation-mode-title,.dictation-play-panel .dictation-hint,.dictation-play-panel .dictation-replay-hint{margin:0}.dictation-play-panel .dictation-hint{max-width:18ch}.dictation-play-panel .dictation-replay-hint{max-width:24ch}.dictation-content-card{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:clamp(18px,2.2vw,24px);border-radius:28px;background:var(--bg-secondary);border:1px solid var(--border)}.dictation-stage--word .dictation-content-card{min-height:248px}.dictation-example-area{align-items:stretch;gap:12px}.dictation-example-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.dictation-example-label{font-size:13px;font-weight:700;color:var(--text-tertiary);letter-spacing:.05em}.dictation-example-definition{justify-content:flex-end;flex-wrap:wrap}.dictation-example-sentence{width:100%;max-width:none;padding:18px 22px;text-align:left;line-height:1.75}.practice-page--dictation .dictation-response-stage{height:auto;min-height:176px;align-items:center}.practice-page--dictation .dictation-live-stage{width:100%;max-width:none;margin:0 auto;align-items:stretch}.practice-page--dictation .dictation-error-stack{width:100%;max-width:none}.practice-page--dictation .dictation-live-answer,.practice-page--dictation .dictation-live-preview,.practice-page--dictation .dictation-error-item{border-radius:18px;width:100%}.practice-page--dictation .dictation-live-answer,.practice-page--dictation .dictation-live-preview{align-items:center;justify-content:center;min-height:116px;padding:18px 22px}.practice-page--dictation .dictation-live-answer-label,.practice-page--dictation .dictation-live-preview-label{width:100%;text-align:center}.practice-page--dictation .dictation-live-letter-row,.practice-page--dictation .dictation-error-letter-row{justify-content:center}.practice-page--dictation .spelling-input-wrapper{width:100%;background:color-mix(in srgb,var(--bg-color) 94%,transparent)}.dictation-progress{display:flex;flex-direction:column;gap:8px;padding-top:4px;width:100%;min-width:0}.dictation-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.dictation-progress-label{font-size:12px;font-weight:700;color:var(--text-tertiary);letter-spacing:.05em}.dictation-progress-track{height:10px;background:var(--surface-inset);border-radius:var(--radius-full);overflow:hidden;position:relative;min-width:0}.dictation-progress-fill{position:relative;height:100%;background:var(--accent);border-radius:var(--radius-full);transition:width .35s ease}.dictation-progress-dot{position:absolute;right:0;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:var(--radius-full);border:2px solid color-mix(in srgb,var(--text-inverse) 94%,transparent);background:var(--accent);box-shadow:0 6px 12px rgba(var(--accent-rgb),.18)}.dictation-progress-count{flex-shrink:0;padding:6px 10px;border-radius:var(--radius-full);border:1px solid var(--surface-border-strong);background:color-mix(in srgb,var(--surface-elevated) 94%,transparent);color:var(--text-secondary);font-size:12px;font-weight:700}.dictation-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:calc(var(--space-lg) + 6px);width:100%;max-width:min(100%,var(--practice-compact-max-width, 540px));margin:0 auto;padding:clamp(26px,4.2vw,42px) clamp(26px,4.2vw,38px) calc(var(--space-2xl) + 4px);min-height:100%}.dictation-play-area{display:flex;flex-direction:column;align-items:center;gap:calc(var(--space-md) + 5px)}.dictation-mode-title{font-size:clamp(1.48rem,2.55vw,1.72rem);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-sm);letter-spacing:-.01em}.dictation-hint{font-size:16px;color:var(--text-secondary)}.dictation-replay-hint{margin:0;font-size:15px;color:var(--text-tertiary);text-align:center}.dictation-replay-hint.revealed{color:var(--accent);font-weight:600}.spelling-answer{font-size:14px;color:var(--error);background:var(--error-light);border:1px solid var(--error-bg);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);width:100%;text-align:center}.dictation-error-feedback{width:100%;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;height:100%;padding:17px 19px 15px;border-radius:28px;border:1px solid rgba(var(--error-rgb),.14);background:radial-gradient(circle at top,rgba(var(--success-rgb),.12),transparent 46%),linear-gradient(180deg,color-mix(in srgb,var(--surface-elevated) 98%,transparent),rgba(var(--error-rgb),.05));box-shadow:var(--shadow-floating);text-align:center;animation:dictation-error-enter .22s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .12s ease,transform .12s ease}.dictation-error-feedback:before{content:"";position:absolute;top:-40px;right:-20px;width:132px;height:132px;border-radius:999px;background:radial-gradient(circle,rgba(var(--success-rgb),.18),transparent 68%);opacity:.75;z-index:-1}.dictation-error-head{display:flex;flex-direction:column;align-items:center;gap:7px}.dictation-error-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 11px;border-radius:var(--radius-full);background:rgba(var(--error-rgb),.1);color:var(--error);font-size:13px;font-weight:700;letter-spacing:.04em}.dictation-error-support{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.45}.dictation-error-stack{display:flex;flex-direction:column;align-items:center;gap:11px;width:min(100%,var(--practice-inline-max-width, 352px))}.dictation-error-item{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;padding:12px 15px 13px;border-radius:21px;border:1px solid color-mix(in srgb,var(--text-tertiary) 18%,transparent);background:color-mix(in srgb,var(--surface-elevated) 78%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--surface-elevated) 66%,transparent),var(--shadow-soft)}.dictation-error-item-correct{background:linear-gradient(180deg,rgba(var(--success-rgb),.07),color-mix(in srgb,var(--surface-elevated) 90%,transparent));border-color:rgba(var(--success-rgb),.16)}.dictation-error-item-correct .dictation-error-word{color:var(--success)}.dictation-error-item-wrong{background:linear-gradient(180deg,rgba(var(--error-rgb),.05),color-mix(in srgb,var(--surface-elevated) 84%,transparent));border-color:rgba(var(--error-rgb),.16)}.dictation-error-item-wrong .dictation-error-word{color:var(--error)}.dictation-error-label{font-size:13px;font-weight:700;color:var(--text-tertiary);letter-spacing:.05em}.dictation-error-word{width:100%;font-family:var(--font-display)}.dictation-error-letter-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(20px,auto);justify-content:center;gap:4px;width:100%}.dictation-error-letter{display:inline-flex;align-items:center;justify-content:center;min-width:20px;min-height:30px;padding:0 4px;border-radius:10px;border:1px solid transparent;font-size:clamp(1.05rem,3.8vw,1.55rem);line-height:1;font-weight:800;letter-spacing:-.03em;transition:transform var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast);animation:dictation-letter-rise .28s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--letter-order, 0) * 36ms)}.dictation-error-word-correct .dictation-error-letter.is-match{background:rgba(var(--success-rgb),.08);color:color-mix(in srgb,var(--success) 88%,var(--text-primary));border-color:rgba(var(--success-rgb),.08)}.dictation-error-word-correct .dictation-error-letter.is-focus{background:rgba(var(--success-rgb),.14);color:var(--success);border-color:rgba(var(--success-rgb),.26);transform:translateY(-1px);box-shadow:0 8px 18px rgba(var(--success-rgb),.12);animation:dictation-letter-rise .28s cubic-bezier(.2,.8,.2,1) both,dictation-letter-confirm .92s ease-out both;animation-delay:calc(var(--letter-order, 0) * 36ms),calc(var(--letter-order, 0) * 36ms + .15s)}.dictation-error-word-correct .dictation-error-letter.is-ghost{opacity:0;border-style:dashed;animation:none}.dictation-error-word-submitted .dictation-error-letter.is-match{background:color-mix(in srgb,var(--text-tertiary) 8%,transparent);color:var(--text-primary);border-color:color-mix(in srgb,var(--text-tertiary) 14%,transparent)}.dictation-error-word-submitted .dictation-error-letter.is-focus{background:rgba(var(--error-rgb),.12);color:var(--error);border-color:rgba(var(--error-rgb),.28);transform:translateY(-1px);box-shadow:0 8px 18px rgba(var(--error-rgb),.12);animation:dictation-letter-rise .28s cubic-bezier(.2,.8,.2,1) both,dictation-letter-alert .46s cubic-bezier(.36,.07,.19,.97) both;animation-delay:calc(var(--letter-order, 0) * 36ms),calc(var(--letter-order, 0) * 36ms + .15s)}.dictation-error-word-submitted .dictation-error-letter.is-extra{background:rgba(var(--accent-rgb),.12);color:var(--accent-dark);border-color:rgba(var(--accent-rgb),.28);animation:dictation-letter-rise .28s cubic-bezier(.2,.8,.2,1) both,dictation-letter-alert .42s cubic-bezier(.36,.07,.19,.97) both;animation-delay:calc(var(--letter-order, 0) * 36ms),calc(var(--letter-order, 0) * 36ms + .14s)}.dictation-error-word-submitted .dictation-error-letter.is-missing{background:rgba(var(--error-rgb),.04);color:rgba(var(--error-rgb),.75);border-color:rgba(var(--error-rgb),.18);border-style:dashed;animation:dictation-letter-rise .28s cubic-bezier(.2,.8,.2,1) both,dictation-letter-alert .38s cubic-bezier(.36,.07,.19,.97) both;animation-delay:calc(var(--letter-order, 0) * 36ms),calc(var(--letter-order, 0) * 36ms + .14s)}.dictation-error-meta,.dictation-error-detail,.dictation-error-note{font-size:14px;line-height:1.45}.dictation-error-meta{color:var(--text-secondary)}.dictation-error-underline{width:min(180px,62%);height:2px;border-radius:var(--radius-full);background:linear-gradient(90deg,transparent,rgba(var(--error-rgb),.4),transparent)}.dictation-error-detail{width:100%;margin-top:4px;padding-top:8px;border-top:1px dashed rgba(var(--success-rgb),.18);color:var(--text-secondary)}.dictation-error-note{margin:0;display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:var(--radius-full);background:rgba(var(--accent-rgb),.08);color:var(--text-secondary);font-weight:600}.dictation-response-stage{width:100%;height:210px;display:flex;align-items:stretch;justify-content:center;overflow:hidden}.dictation-response-stage.is-dismissing .dictation-error-feedback{opacity:0;transform:translateY(-4px) scale(.985);pointer-events:none}.dictation-live-stage{width:min(100%,var(--practice-inline-max-width, 352px));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;height:100%}.dictation-live-answer{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;padding:13px 15px;border-radius:21px;background:rgba(var(--success-rgb),.08);border:1px solid rgba(var(--success-rgb),.16)}.dictation-live-answer-label,.dictation-live-preview-label{font-size:13px;font-weight:700;letter-spacing:.05em;color:var(--text-tertiary)}.dictation-live-answer-word{font-size:clamp(1.48rem,4.35vw,1.95rem);line-height:1;color:var(--success);font-family:var(--font-display);letter-spacing:-.04em}.dictation-live-answer-detail{font-size:14px;color:var(--text-secondary)}.dictation-live-preview{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 17px 13px;border-radius:21px;background:color-mix(in srgb,var(--surface-elevated) 72%,transparent);border:1px solid rgba(var(--accent-rgb),.12);box-shadow:inset 0 1px color-mix(in srgb,var(--surface-elevated) 62%,transparent)}.dictation-live-preview.has-input{background:rgba(var(--accent-rgb),.05);border-color:rgba(var(--accent-rgb),.2)}.dictation-live-preview-word{width:100%}.dictation-live-letter-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(20px,auto);justify-content:center;gap:4px;width:100%}.dictation-live-letter{display:inline-flex;align-items:flex-end;justify-content:center;min-width:20px;min-height:34px;padding:0 4px 5px;border-bottom:2px solid color-mix(in srgb,var(--text-tertiary) 34%,transparent);font-size:clamp(1.02rem,3.8vw,1.45rem);line-height:1;font-weight:700;color:var(--text-primary);font-family:var(--font-display);letter-spacing:-.03em}.dictation-live-letter.is-filled{color:var(--accent);border-bottom-color:rgba(var(--accent-rgb),.5)}.dictation-live-letter.is-empty{color:transparent}.dictation-live-letter.is-extra{color:var(--accent-dark);border-bottom-color:rgba(var(--accent-rgb),.34)}.dictation-live-letter.is-space{min-width:12px;padding:0;border-bottom-color:transparent}.spelling-input-wrapper{display:flex;align-items:center;width:100%;gap:0;border:2px solid var(--border);border-radius:21px;overflow:hidden;transition:border-color var(--transition-fast)}.spelling-input-wrapper:focus-within{border-color:var(--accent);box-shadow:none}.spelling-input-wrapper:focus-within .mic-btn,.spelling-input-wrapper:focus-within .spelling-submit-btn{box-shadow:none;outline:none}.spelling-input-wrapper.correct{border-color:var(--success)}.spelling-input-wrapper.wrong{border-color:var(--error);background:rgba(var(--error-rgb),.04);box-shadow:0 10px 24px rgba(var(--error-rgb),.08),0 0 0 4px rgba(var(--error-rgb),.06)}.spelling-input-wrapper.correct .spelling-input{color:var(--success)}.spelling-input-wrapper.wrong .spelling-input{color:var(--error)}.spelling-input{flex:1;border:none;outline:none;padding:0 21px;font-size:21px;font-weight:600;background:transparent;color:var(--text-primary);letter-spacing:.05em;height:65px;box-sizing:border-box;text-align:left}.spelling-submit-btn{display:flex;align-items:center;justify-content:center;width:55px;height:65px;background:transparent;border:none;border-left:1px solid var(--border);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);outline:none}.spelling-submit-btn:hover{background:var(--accent);color:var(--text-inverse);border-left-color:var(--accent)}.spelling-submit-btn:focus{background:transparent;color:var(--text-tertiary);outline:none}.spelling-submit-btn:focus:hover{background:var(--accent);color:var(--text-inverse)}.spelling-submit-btn svg{width:22px;height:22px}.dictation-submode-toggle{display:flex;gap:7px;background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:6px}.submode-btn{flex:1;padding:9px 19px;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:500;color:var(--text-secondary);background:transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.submode-btn.active{background:var(--accent);color:var(--text-inverse);font-weight:600}.submode-btn:hover:not(.active){background:var(--bg-tertiary);color:var(--text-primary)}.submode-btn:disabled{cursor:default;opacity:.72}.submode-btn:disabled:not(.active):hover{background:transparent;color:var(--text-secondary)}.dictation-content-area{display:flex;flex-direction:column;align-items:center;gap:13px;width:100%}.dictation-example-area{display:flex;flex-direction:column;align-items:center;gap:calc(var(--space-md) + 6px);width:100%}.dictation-example-sentence{font-size:19px;line-height:1.88;color:var(--text-primary);text-align:center;max-width:590px;background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:22px 28px}.dictation-example-sentence--interactive{display:block;width:100%;font:inherit;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.dictation-example-sentence--interactive:hover,.dictation-example-sentence--interactive:focus-visible{color:var(--accent);border-color:rgba(var(--accent-rgb),.32);transform:translateY(-1px);outline:none}.example-blank-word{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:10px;margin:0 2px;vertical-align:baseline}.example-blank-segment{display:inline-flex;height:.95em;min-width:3.2em;border-bottom:2px solid rgba(var(--accent-rgb),.32)}.dictation-example-definition{display:flex;align-items:center;gap:11px;font-size:15px;color:var(--text-secondary)}.spelling-answer-sentence{font-size:15px;color:var(--text-tertiary)}@keyframes dictation-error-enter{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dictation-letter-rise{0%{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dictation-letter-alert{0%{transform:translateY(0) translate(0) scale(1)}30%{transform:translateY(-1px) translate(-2px) scale(1.02)}60%{transform:translateY(0) translate(2px) scale(1.02)}to{transform:translateY(-1px) translate(0) scale(1)}}@keyframes dictation-letter-confirm{0%{transform:translateY(0) scale(1);box-shadow:0 0 rgba(var(--success-rgb),0)}45%{transform:translateY(-2px) scale(1.06);box-shadow:0 12px 22px rgba(var(--success-rgb),.18)}to{transform:translateY(-1px) scale(1);box-shadow:0 8px 18px rgba(var(--success-rgb),.12)}}@media (prefers-reduced-motion: reduce){.dictation-error-feedback,.dictation-error-letter,.dictation-error-word-correct .dictation-error-letter.is-focus,.dictation-error-word-submitted .dictation-error-letter.is-focus,.dictation-error-word-submitted .dictation-error-letter.is-extra,.dictation-error-word-submitted .dictation-error-letter.is-missing{animation:none}}@media (max-width: 600px){.dictation-response-stage{height:180px}.dictation-error-feedback{padding:12px 12px 10px;border-radius:20px}.dictation-error-stack{width:100%}.dictation-error-item{padding:9px 10px 10px;border-radius:16px}.dictation-error-word{width:100%}.dictation-error-letter-row{gap:4px}.dictation-error-letter{min-width:18px;min-height:28px;padding:0 4px;border-radius:9px;font-size:clamp(1rem,5.4vw,1.35rem)}.dictation-error-note{width:100%;padding-left:12px;padding-right:12px}.dictation-live-stage{width:100%}.dictation-live-answer,.dictation-live-preview{border-radius:16px}.dictation-live-preview{padding:10px 12px 9px}.dictation-live-letter-row{gap:4px}.dictation-live-letter{min-width:18px;min-height:30px;padding-bottom:4px;font-size:clamp(.98rem,5vw,1.25rem)}}@media (max-width: 980px) and (min-width: 681px){.dictation-shell{align-items:stretch;justify-content:flex-start;padding:16px 14px 22px}.dictation-card{width:100%;gap:14px;padding:16px;border-radius:20px}.dictation-stage{grid-template-columns:minmax(168px,216px) minmax(0,1fr);gap:14px}.dictation-play-panel,.dictation-content-card{border-radius:18px}.dictation-play-panel{gap:10px;padding:16px}.dictation-play-btn{width:70px;height:70px}.dictation-play-btn svg{width:25px;height:25px}.dictation-play-panel .dictation-mode-title{font-size:1.5rem}.dictation-play-panel .dictation-hint{font-size:15px}.dictation-play-panel .dictation-replay-hint{font-size:14px}.dictation-content-card{justify-content:flex-start;gap:10px;padding:14px}.dictation-example-sentence{padding:14px 16px;line-height:1.6}.practice-page--dictation .dictation-response-stage{min-height:0}.practice-page--dictation .dictation-live-stage{gap:8px;height:auto;justify-content:flex-start}.practice-page--dictation .dictation-live-answer,.practice-page--dictation .dictation-live-preview{min-height:0;padding:12px 14px}.practice-page--dictation .spelling-input{height:58px;padding:0 18px;font-size:18px}.practice-page--dictation .mic-btn,.practice-page--dictation .spelling-submit-btn{width:50px;height:58px}}@media (max-width: 680px){.dictation-shell{align-items:stretch;justify-content:flex-start;padding:16px 12px 20px}.dictation-card{width:100%;gap:12px;padding:14px;border-radius:18px}.dictation-stage{grid-template-columns:1fr;gap:12px}.dictation-play-panel,.dictation-content-card{border-radius:16px}.dictation-play-panel{gap:8px;padding:14px}.dictation-play-btn{width:66px;height:66px}.dictation-play-btn svg{width:24px;height:24px}.dictation-play-panel .dictation-mode-title{font-size:1.4rem}.dictation-play-panel .dictation-hint{font-size:15px}.dictation-play-panel .dictation-replay-hint{font-size:14px}.dictation-content-card{justify-content:flex-start;gap:10px;padding:12px}.dictation-example-sentence{padding:12px 14px;text-align:center;line-height:1.55}.practice-page--dictation .dictation-response-stage{min-height:0;align-items:stretch}.practice-page--dictation .dictation-live-stage{height:auto;justify-content:flex-start;gap:8px}.practice-page--dictation .dictation-live-answer,.practice-page--dictation .dictation-live-preview{min-height:0;padding:14px 16px}.practice-page--dictation .dictation-live-answer-label,.practice-page--dictation .dictation-live-preview-label{text-align:center}.practice-page--dictation .spelling-input{height:56px;padding:0 16px;font-size:18px}.practice-page--dictation .mic-btn,.practice-page--dictation .spelling-submit-btn{width:48px;height:56px}.dictation-progress{gap:6px;padding-top:0}.practice-page--dictation .dictation-live-letter-row,.practice-page--dictation .dictation-error-letter-row{justify-content:center}}@media (max-height: 860px) and (min-width: 681px){.dictation-shell{align-items:stretch;justify-content:flex-start;padding-top:12px;padding-bottom:16px}.dictation-card{gap:12px;padding:14px;border-radius:18px}.dictation-card-header{min-height:0}.dictation-stage{gap:12px}.dictation-play-panel{gap:8px;padding:14px}.dictation-content-card{gap:8px;padding:12px}.dictation-play-btn{width:64px;height:64px}.dictation-play-btn svg{width:24px;height:24px}.dictation-play-panel .dictation-mode-title{font-size:1.42rem;margin-bottom:var(--space-xs)}.dictation-play-panel .dictation-hint{font-size:15px}.dictation-play-panel .dictation-replay-hint{font-size:14px}.dictation-example-sentence{padding:12px 14px;line-height:1.55}.practice-page--dictation .dictation-response-stage{min-height:0}.practice-page--dictation .dictation-live-stage{gap:8px;height:auto;justify-content:flex-start}.practice-page--dictation .dictation-live-answer,.practice-page--dictation .dictation-live-preview{min-height:0;padding:12px 14px}.practice-page--dictation .spelling-input{height:56px;padding:0 16px;font-size:18px}.practice-page--dictation .mic-btn,.practice-page--dictation .spelling-submit-btn{width:48px;height:56px}}@media (max-width: 600px){.dictation-card-header{min-height:0;align-items:flex-start}.dictation-play-btn{width:62px;height:62px}.dictation-play-btn svg{width:22px;height:22px}.dictation-example-sentence{font-size:17px}.dictation-progress-count{padding:5px 9px;font-size:12px}}.radio-mode{background:var(--bg-secondary);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:1;min-height:0;height:100%;overflow:hidden auto;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;padding:clamp(36px,6.2vh,80px) 22px 32px;gap:24px;scroll-padding-block:24px 40px}.radio-stage{width:min(100%,var(--practice-shell-max-width, 760px));text-align:center;display:flex;flex-direction:column;align-items:center;gap:19px}.radio-stage-word{margin:0;font-size:clamp(2.5rem,7.6vw,5rem);line-height:1.05;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.radio-stage-phonetic{margin:0;font-size:clamp(1.24rem,3.3vw,1.94rem);font-weight:500;color:var(--text-secondary)}.radio-stage-definition{margin:13px 0 0;max-width:min(100%,var(--practice-header-max-width, 720px));font-size:clamp(1.17rem,2.65vw,1.64rem);line-height:1.72;color:var(--text-primary)}.radio-stage-definition .word-pos-tag{margin-right:10px}.radio-controls{display:flex;align-items:center;justify-content:center;gap:clamp(11px,2.5vw,25px);margin-top:20px}.radio-ctrl-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:999px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:transform var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.radio-ctrl-btn:hover{color:var(--text-primary);background:var(--surface-hover);transform:translateY(-1px)}.radio-ctrl-btn svg{width:23px;height:23px}.radio-play-btn{width:67px;height:67px;background:var(--accent);color:var(--text-inverse);box-shadow:var(--glow-accent)}.radio-play-btn:hover{background:var(--accent-hover);color:var(--text-inverse)}.radio-progress-track{width:min(78vw,756px);height:6px;border-radius:999px;background:var(--border-subtle);overflow:hidden;margin-top:10px}.radio-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-hover) 100%);border-radius:inherit;transition:width .35s ease}.radio-progress-label{font-size:16px;color:var(--text-tertiary)}.radio-bottom-btns{display:flex;align-items:center;gap:13px;margin-top:12px}.radio-stop-btn,.radio-home-btn{padding:11px 17px;border-radius:14px;font-size:15px;font-weight:600;border:1px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-elevated) 82%,transparent);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.radio-stop-btn:hover,.radio-home-btn:hover{border-color:color-mix(in srgb,var(--accent) 28%,var(--border-subtle));color:var(--text-primary);background:var(--surface-elevated)}@media (max-width: 768px){.radio-mode{padding:24px 14px calc(80px + env(safe-area-inset-bottom));gap:14px}.radio-stage-definition{line-height:1.58}.radio-progress-track{width:min(84vw,560px)}}@media (min-height: 820px){.radio-mode{justify-content:center}}.mic-btn{display:flex;align-items:center;justify-content:center;width:55px;height:65px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;flex-shrink:0;transition:all var(--transition-fast);outline:none}.mic-btn:hover{color:var(--accent)}.mic-btn:focus{background:transparent;outline:none}.mic-btn.recording{color:var(--error)}.mic-btn.disconnected{color:var(--text-muted);opacity:.5;cursor:not-allowed}@keyframes micPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.mic-btn svg{width:23px;height:23px}.spin{animation:spinAnim 1s linear infinite}@keyframes spinAnim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.qm-root{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex:1;min-height:0;height:100%;overflow:hidden auto;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;padding:calc(var(--space-xl) + 8px) calc(var(--space-lg) + 2px) calc(var(--space-xl) + 8px + env(safe-area-inset-bottom,0px));background:var(--bg-secondary);scroll-padding-block:24px calc(24px + env(safe-area-inset-bottom,0px))}.qm-stage{width:100%;display:flex;flex-direction:column;align-items:center;margin-block:auto}.qm-progress-track{width:100%;max-width:var(--practice-compact-max-width, 540px);height:6px;background:var(--border);border-radius:var(--radius-full);overflow:hidden;margin-bottom:11px}.qm-progress-fill{height:100%;background:var(--accent);border-radius:var(--radius-full);transition:width .35s ease}.qm-progress-label{font-size:14px;color:var(--text-tertiary);margin-bottom:calc(var(--space-xl) + 2px);font-weight:500}.qm-card{--qm-side-rail-size: 55px;background:var(--bg-color);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:var(--practice-compact-max-width, 540px);padding:48px 42px 42px;display:flex;flex-direction:column;align-items:center;gap:23px;animation:qmCardIn .22s ease}.qm-card--reveal{animation:qmRevealIn .2s ease}@keyframes qmCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes qmRevealIn{0%{opacity:.6;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.qm-countdown-ring{align-self:flex-end;width:var(--qm-side-rail-size);display:flex;justify-content:center;margin-bottom:-4px}.qm-timer-svg{display:block}.qm-timer-track{stroke:var(--border)}.qm-timer-progress{stroke:var(--accent);transition:stroke-dasharray .9s linear,stroke .2s ease}.qm-timer-progress.is-critical{stroke:var(--error)}.qm-timer-label{fill:var(--text-primary)}.qm-timer-label.is-critical{fill:var(--error)}.qm-word{font-size:clamp(38px,6.6vw,57px);font-weight:800;color:var(--text-primary);letter-spacing:.02em;text-align:center;line-height:1.1}.qm-hint{font-size:16px;color:var(--text-tertiary);margin:0}.qm-audio-prompt{display:flex;align-items:center;justify-content:center;width:92px;height:92px;border-radius:50%;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);animation:qm-audio-pulse 1.8s ease-in-out infinite}@keyframes qm-audio-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--accent) 30%,transparent)}50%{box-shadow:0 0 0 12px color-mix(in srgb,var(--accent) 0%,transparent)}}.qm-choice-row{display:flex;gap:19px;width:100%;margin-top:7px}.qm-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:17px 23px;border-radius:var(--radius-lg);border:2px solid;font-size:18px;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.qm-btn svg{width:21px;height:21px;flex-shrink:0}.qm-btn--unknown{color:var(--error);border-color:var(--error);background:var(--error-light)}.qm-btn--unknown:hover{background:var(--error);color:var(--text-inverse);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--error-rgb),.3)}.qm-btn--known{color:var(--accent);border-color:var(--accent);background:var(--accent-light)}.qm-btn--known:hover{background:var(--accent);color:var(--text-inverse);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-rgb),.35)}.qm-result-badge{font-size:15px;font-weight:700;padding:6px 17px;border-radius:var(--radius-full)}.qm-badge--known{background:var(--accent-light);color:var(--accent)}.qm-badge--unknown{background:var(--error-light);color:var(--error)}.qm-phonetic{font-size:18px;color:var(--text-secondary)}.qm-pos{display:inline-block;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:var(--accent-light);padding:3px 10px;border-radius:var(--radius-sm)}.qm-definition{font-size:20px;color:var(--text-primary);text-align:center;line-height:1.68;font-weight:500}.qm-nav-row{display:flex;gap:13px;margin-top:10px;width:100%;justify-content:center}.qm-btn-prev{display:inline-flex;align-items:center;gap:6px;padding:14px 23px;background:none;color:var(--text-secondary);border:1.5px solid var(--border);border-radius:var(--radius-lg);font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.qm-btn-prev svg{width:18px;height:18px}.qm-btn-prev:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.qm-btn-next{flex:1;padding:15px 31px;background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-lg);font-size:17px;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.qm-btn-next-inner{display:flex;align-items:center;justify-content:center;gap:6px}.qm-btn-next-inner svg{width:21px;height:21px}.qm-btn-next:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 4px 14px rgba(var(--accent-rgb),.4)}.qm-key-hints{display:flex;gap:16px;justify-content:center}.qm-key-hint{font-size:13px;color:var(--text-tertiary);display:flex;align-items:center;gap:4px}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;background:var(--bg-secondary);border:1px solid var(--border);border-bottom-width:2px;border-radius:3px;font-size:12px;font-family:inherit;font-weight:600;color:var(--text-secondary)}.qm-badge--fuzzy{display:flex;align-items:center;gap:6px}.qm-badge-fuzzy-tag{font-size:10px;font-weight:700;background:var(--overlay-medium);border-radius:var(--radius-full);padding:1px 6px;letter-spacing:.03em}.qm-summary{display:flex;flex-direction:column;align-items:center;gap:28px;flex:1;min-height:0;height:100%;overflow:hidden auto;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;padding:72px calc(var(--space-lg) + 2px) calc(var(--space-2xl) + 8px);background:var(--bg-secondary)}.qm-summary-title{font-size:29px;font-weight:800;color:var(--text-primary)}.qm-summary-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:24px 40px}.qm-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.qm-stat-num{font-size:48px;font-weight:800;line-height:1}.qm-stat-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.qm-stat-known .qm-stat-num{color:var(--accent)}.qm-stat-unknown .qm-stat-num{color:var(--error)}.qm-stat-fuzzy .qm-stat-num{color:var(--warning)}.qm-summary-section{width:100%;max-width:var(--practice-compact-max-width, 540px)}.qm-summary-section-title{font-size:13px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.qm-summary-word-list{display:flex;flex-wrap:wrap;gap:8px}.qm-summary-word-tag{background:var(--bg-color);border:1px solid var(--border);border-radius:var(--radius-md);padding:4px 12px;font-size:13px;font-weight:500;color:var(--text-primary)}.qm-summary-word-fuzzy{border-color:var(--warning);color:var(--warning);background:color-mix(in srgb,var(--warning) 10%,transparent)}.qm-summary-actions{display:flex;gap:15px}.qm-btn-restart,.qm-btn-mode{padding:14px 31px;border-radius:var(--radius-lg);font-size:16px;font-weight:700;cursor:pointer;transition:all var(--transition-fast);border:2px solid var(--accent)}.qm-btn-restart{background:var(--accent);color:var(--text-inverse)}.qm-btn-restart:hover{background:var(--accent-dark);transform:translateY(-1px)}.qm-btn-mode{background:transparent;color:var(--accent)}.qm-btn-mode:hover{background:var(--accent-light)}.qm-btn-next-chapter{display:inline-flex;align-items:center;gap:6px;padding:14px 31px;border-radius:var(--radius-lg);font-size:16px;font-weight:700;cursor:pointer;transition:all var(--transition-fast);background:var(--accent);color:var(--text-inverse);border:2px solid var(--accent)}.qm-btn-next-chapter:hover{background:var(--accent-dark);transform:translateY(-1px)}.qm-stat-num{font-size:28px;font-weight:800;line-height:1}.qm-empty{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 48px);font-size:18px;color:var(--text-tertiary)}@media (max-width: 480px){.qm-card{padding:28px 20px 24px;gap:16px}.qm-word{font-size:30px}.qm-btn{padding:12px;font-size:14px}.qm-definition{font-size:16px}}.practice-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);flex:1;min-height:100%;color:var(--text-secondary)}.loading-spinner{width:32px;height:32px;border:3px solid var(--bg-tertiary);border-top-color:var(--accent);border-radius:var(--radius-full);animation:spin .8s linear infinite}.practice-complete{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);min-height:70vh;text-align:center;padding:var(--space-2xl)}.practice-complete .complete-icon{font-size:64px}.practice-complete h2{font-size:28px;font-weight:700}.practice-complete .complete-stats{display:flex;gap:var(--space-xl)}.practice-complete .stat-correct{color:var(--success);font-weight:600;font-size:16px}.practice-complete .stat-wrong{color:var(--error);font-weight:600;font-size:16px}.complete-btn{padding:var(--space-sm) var(--space-2xl);background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.complete-btn:hover{background:var(--accent-hover)}.icon-btn{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center}.icon-btn svg{width:18px;height:18px}.prev-word-inline{--practice-prev-word-top-offset: clamp(40px, 7vh, 68px);--practice-prev-word-gap-trim: clamp(12px, 2.2vh, 20px);display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--practice-prev-word-top-offset) 18px 0;animation:fadeInDown .18s ease;width:min(100%,920px);margin:0 auto calc(-1 * var(--practice-prev-word-gap-trim))}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.prev-back-btn{background:color-mix(in srgb,var(--surface-elevated) 74%,transparent);border:1px solid var(--surface-border-strong);cursor:pointer;color:var(--text-tertiary);font-size:18px;line-height:1;padding:6px 8px;border-radius:12px;margin-top:2px;flex-shrink:0;transition:all .12s ease}.prev-back-btn:hover:not(:disabled){color:var(--accent);transform:translateY(-1px)}.prev-back-btn:disabled{opacity:.3;cursor:default}.prev-word-info{display:flex;flex-direction:column;gap:3px;padding:10px 14px;border-radius:18px;background:color-mix(in srgb,var(--surface-elevated) 95%,transparent);border:1px solid var(--surface-border-strong);box-shadow:var(--shadow-soft)}.practice-choice-top-rail{width:min(100%,var(--practice-choice-grid-max-width, 980px) + 72px);min-height:clamp(110px,14vh,124px);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;gap:clamp(16px,2vw,26px);margin:0 auto;padding:0 6px}.practice-choice-top-rail__left{min-width:0;display:flex;align-items:flex-start}.practice-choice-top-rail__right{display:flex;align-items:flex-start;justify-content:flex-end}.practice-page.practice-page--choice .practice-choice-top-rail .prev-word-inline--choice{width:auto;max-width:100%;margin:0;padding:0}.practice-page.practice-page--choice .practice-choice-top-rail .prev-word-inline--choice .prev-word-info{max-width:min(320px,100% - 52px)}@media (max-height: 700px) and (min-width: 768px){.practice-choice-top-rail{min-height:110px;gap:14px}.practice-page.practice-page--choice .practice-bottom-bar{gap:12px;padding:8px 18px 10px}.practice-page.practice-page--choice .bottom-progress-track{height:9px}.practice-page.practice-page--choice .bottom-progress-dot{width:14px;height:14px;border-width:2px}.practice-page.practice-page--choice .bottom-progress-count{font-size:13px;padding:8px 11px}}@media (max-width: 768px){.prev-word-inline{--practice-prev-word-top-offset: 22px;--practice-prev-word-gap-trim: 8px;padding-inline:14px}.practice-choice-top-rail{width:100%;min-height:0;gap:12px;padding:0}.practice-page.practice-page--choice .practice-choice-top-rail .prev-word-inline--choice{width:100%;padding:0}}.prev-word-text{font-size:20px;font-weight:700;color:var(--text-secondary);line-height:1.2}.prev-word-phonetic{font-size:12px;color:var(--text-tertiary)}.prev-word-def{font-size:12px;color:var(--text-tertiary);line-height:1.4;display:flex;align-items:flex-start;gap:4px;flex-wrap:wrap}.word-pos-tag{font-size:10px;background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:1px 5px;color:var(--text-tertiary);flex-shrink:0;margin-top:1px}.practice-bottom-bar{display:flex;align-items:center;gap:calc(var(--space-lg) + 2px);padding:11px 25px 15px;background:linear-gradient(180deg,rgba(var(--bg-color-rgb, 255, 255, 255),0),color-mix(in srgb,var(--bg-color) 82%,transparent) 24%,color-mix(in srgb,var(--bg-color) 96%,transparent));width:min(100%,var(--practice-main-max-width, 920px));margin-inline:auto;margin-top:auto;position:sticky;bottom:0;z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bottom-progress-track{flex:1;height:11px;background:var(--surface-inset);border-radius:var(--radius-full);position:relative;overflow:visible}.bottom-progress-fill{height:100%;background:var(--accent);border-radius:var(--radius-full);transition:width .4s ease;position:relative}.bottom-progress-dot{position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:17px;height:17px;background:var(--accent);border-radius:var(--radius-full);border:3px solid color-mix(in srgb,var(--text-inverse) 94%,transparent);box-shadow:0 10px 18px rgba(var(--accent-rgb),.24)}.bottom-progress-count{font-size:14px;color:var(--text-secondary);font-weight:700;white-space:nowrap;padding:10px 14px;border-radius:999px;background:color-mix(in srgb,var(--surface-elevated) 95%,transparent);border:1px solid var(--surface-border-strong);box-shadow:var(--shadow-sm)}@media (max-width: 768px){.practice-bottom-bar{padding-bottom:calc(16px + env(safe-area-inset-bottom))}}.complete-emoji{font-size:64px}.complete-stats-row{display:flex;gap:var(--space-xl);flex-wrap:wrap;justify-content:center}.complete-stats-row .stat-correct{color:var(--success);font-weight:600;font-size:16px}.complete-stats-row .stat-wrong{color:var(--error);font-weight:600;font-size:16px}.complete-stats-row .stat-duration{color:var(--accent);font-weight:600;font-size:16px}.practice-complete-copy{max-width:420px;margin:0 0 14px;font-size:14px;line-height:1.6;color:var(--text-secondary)}.practice-complete-copy--compact{margin-bottom:10px}.practice-pause-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-modal);display:flex;align-items:center;justify-content:center;background:var(--overlay-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.practice-pause-card{background:var(--bg-card, var(--bg-color));border:1px solid var(--border);border-radius:20px;padding:36px 32px 28px;max-width:340px;width:90%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:var(--shadow-overlay);animation:scaleUp .15s ease}@keyframes scaleUp{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}.practice-pause-icon-wrap{width:64px;height:64px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.practice-pause-title{font-size:20px;font-weight:700;margin:0}.practice-pause-stats{display:flex;flex-direction:column;align-items:center;gap:4px}.practice-pause-stat{font-size:14px;color:var(--text-secondary)}.practice-pause-sub{font-size:13px;display:flex;gap:12px}.practice-pause-correct{color:var(--success)}.practice-pause-wrong{color:var(--error)}.practice-pause-hint{font-size:12px;color:var(--text-tertiary);line-height:1.6;margin:0;max-width:260px}.practice-pause-actions{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:4px}.practice-pause-resume{padding:10px 0;background:var(--accent);color:var(--text-inverse);border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:background var(--transition-fast);width:100%}.practice-pause-resume:hover{background:var(--accent-hover)}.practice-pause-exit{padding:10px 0;background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:10px;font-size:14px;cursor:pointer;transition:all var(--transition-fast);width:100%}.practice-pause-exit:hover{background:var(--bg-tertiary);color:var(--text-primary)}.practice-game-mode{width:min(980px,100vw - 96px);margin:48px auto 72px;display:grid;gap:24px;color:var(--text-primary)}.practice-game-mode--loading,.practice-game-mode--error,.practice-game-mode--done{width:min(760px,100vw - 96px);margin:120px auto;padding:28px 32px;border:1px solid color-mix(in srgb,var(--border-strong) 24%,transparent);border-radius:28px;background:color-mix(in srgb,var(--surface-elevated) 92%,transparent);box-shadow:var(--shadow-floating);text-align:center}.practice-game-mode__summary,.practice-game-mode__stage-card,.practice-game-mode__queue{border:1px solid color-mix(in srgb,var(--border-strong) 22%,transparent);border-radius:28px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-elevated) 96%,transparent),color-mix(in srgb,var(--surface-subtle) 96%,transparent));box-shadow:var(--shadow-floating)}.practice-game-mode__summary{padding:28px 32px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.practice-game-mode__summary h2{margin:6px 0 8px;font-size:clamp(32px,4vw,48px);line-height:1}.practice-game-mode__summary p{margin:0;color:var(--text-secondary)}.practice-game-mode__eyebrow{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.practice-game-mode__meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.practice-game-mode__meta span,.practice-game-mode__queue-item,.practice-game-mode__dimension-chip{padding:10px 14px;border-radius:16px;background:color-mix(in srgb,var(--surface-muted) 90%,transparent);color:var(--text-secondary)}.practice-game-mode__stage-card{padding:28px 32px;display:grid;gap:24px}.practice-game-mode__stage-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;align-items:start}.practice-game-mode__stage-content{display:grid;gap:24px}.practice-game-mode__stage-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.practice-game-mode__image-panel{display:grid;gap:14px}.practice-game-mode__image-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.practice-game-mode__image-eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}.practice-game-mode__image-status{padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--surface-muted) 92%,transparent);color:var(--text-secondary);font-size:13px;font-weight:600}.practice-game-mode__image-status.is-ready{background:color-mix(in srgb,var(--success-bg) 92%,transparent);color:var(--success-strong)}.practice-game-mode__image-status.is-generating,.practice-game-mode__image-status.is-queued{background:color-mix(in srgb,var(--accent-light) 92%,transparent);color:var(--accent-dark)}.practice-game-mode__image-status.is-failed{background:color-mix(in srgb,var(--surface-subtle) 95%,transparent);color:var(--text-secondary)}.practice-game-mode__image-frame{aspect-ratio:1;border-radius:26px;overflow:hidden;border:1px solid color-mix(in srgb,var(--border-strong) 20%,transparent);background:radial-gradient(circle at top,color-mix(in srgb,var(--accent-light) 56%,transparent),transparent 58%),linear-gradient(145deg,color-mix(in srgb,var(--surface-elevated) 95%,transparent),color-mix(in srgb,var(--surface-subtle) 94%,transparent));box-shadow:inset 0 1px color-mix(in srgb,var(--surface-elevated) 72%,transparent)}.practice-game-mode__image{width:100%;height:100%;object-fit:cover;display:block}.practice-game-mode__image-placeholder{width:100%;height:100%;display:grid;place-items:center;gap:12px;padding:24px;text-align:center;background:linear-gradient(120deg,color-mix(in srgb,var(--surface-subtle) 96%,transparent),color-mix(in srgb,var(--accent-light) 82%,transparent) 48%,color-mix(in srgb,var(--surface-subtle) 96%,transparent))}.practice-game-mode__image-frame.is-generating .practice-game-mode__image-placeholder,.practice-game-mode__image-frame.is-queued .practice-game-mode__image-placeholder{animation:practice-game-image-pulse 1.8s ease-in-out infinite}.practice-game-mode__image-token{width:88px;height:88px;display:grid;place-items:center;border-radius:26px;background:color-mix(in srgb,var(--surface-elevated) 90%,transparent);border:1px solid color-mix(in srgb,var(--border-strong) 18%,transparent);box-shadow:var(--shadow-floating);font-size:30px;font-weight:700;letter-spacing:.06em}.practice-game-mode__image-copy{color:var(--text-secondary);font-size:14px}.practice-game-mode__image-caption{display:grid;gap:6px}.practice-game-mode__image-caption strong{font-size:16px;line-height:1.5}.practice-game-mode__image-caption span{color:var(--text-secondary);font-size:13px}.practice-game-mode__actions{display:flex;gap:10px}.practice-game-mode__stage-label{font-size:24px;font-weight:700}.practice-game-mode__stage-status{margin-top:6px;color:var(--text-secondary)}.practice-game-mode__dimension-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.practice-game-mode__dimension-chip{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid transparent}.practice-game-mode__dimension-chip.is-active{border-color:color-mix(in srgb,var(--accent) 30%,transparent);background:color-mix(in srgb,var(--accent-light) 95%,transparent);color:var(--accent-dark)}.practice-game-mode__dimension-chip.is-passed{background:color-mix(in srgb,var(--success-bg) 92%,transparent);color:var(--success-strong)}.practice-game-mode__task{display:grid;gap:18px}.practice-game-mode__prompt{font-size:18px;font-weight:600}.practice-game-mode__recognition,.practice-game-mode__definition{padding:24px 28px;border-radius:24px;background:color-mix(in srgb,var(--surface-subtle) 96%,transparent);font-size:clamp(24px,3vw,38px)}.practice-game-mode__button-row,.practice-game-mode__input-row{display:flex;flex-wrap:wrap;gap:12px}.practice-game-mode__button-row button,.practice-game-mode__input-row button,.practice-game-mode__option{border:1px solid color-mix(in srgb,var(--border-strong) 30%,transparent);border-radius:18px;background:var(--surface-elevated);color:inherit;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.practice-game-mode__button-row button,.practice-game-mode__input-row button{min-width:120px;padding:14px 18px;font-weight:600}.practice-game-mode__button-row .is-secondary{background:color-mix(in srgb,var(--surface-subtle) 96%,transparent)}.practice-game-mode__input-row input{flex:1 1 280px;min-height:52px;padding:0 16px;border:1px solid color-mix(in srgb,var(--border-strong) 26%,transparent);border-radius:18px;background:var(--surface-elevated);font-size:16px}.practice-game-mode__option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.practice-game-mode__option{min-height:96px;padding:18px;text-align:left;display:grid;gap:6px}.practice-game-mode__option small{color:var(--text-secondary)}.practice-game-mode__button-row button:hover,.practice-game-mode__input-row button:hover,.practice-game-mode__option:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 32%,transparent);box-shadow:var(--glow-accent)}.practice-game-mode__feedback{color:var(--success-strong)}.practice-game-mode__error{color:var(--error-strong)}.practice-game-mode__queue{padding:24px 28px;display:grid;gap:16px}.practice-game-mode__queue-title{font-size:18px;font-weight:700}.practice-game-mode__queue-list{display:flex;flex-wrap:wrap;gap:10px}.practice-game-mode__queue-item{display:grid;gap:4px}.practice-game-mode__queue-empty{color:var(--text-secondary)}@keyframes practice-game-image-pulse{0%,to{transform:scale(1);opacity:.92}50%{transform:scale(1.015);opacity:1}}@media (max-width: 960px){.practice-game-mode{width:min(100vw - 32px,100%);margin:32px auto 56px}.practice-game-mode__summary,.practice-game-mode__stage-card,.practice-game-mode__queue{padding:22px 20px}.practice-game-mode__summary,.practice-game-mode__stage-header{flex-direction:column}.practice-game-mode__stage-layout{grid-template-columns:1fr}.practice-game-mode__image-panel{max-width:420px}.practice-game-mode__meta{justify-content:flex-start}.practice-game-mode__dimension-row,.practice-game-mode__option-grid{grid-template-columns:1fr}}.practice-resume-overlay{position:relative;display:flex;flex-direction:column;gap:12px;padding:2px 0 0}.practice-resume-overlay__close{position:absolute;top:-10px;right:-10px;width:28px;height:28px;padding:0;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-fast),transform var(--transition-fast)}.practice-resume-overlay__close:hover{color:var(--text-primary);transform:scale(1.04)}.practice-resume-overlay__close svg{width:16px;height:16px}.practice-resume-overlay__message-row{display:flex;gap:10px;align-items:center;padding-right:18px;min-height:28px}.practice-resume-overlay__status{width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);flex-shrink:0;margin-top:2px}.practice-resume-overlay__status svg{width:18px;height:18px}.practice-resume-overlay__message{margin:0;font-size:14px;line-height:1.55;color:var(--text-secondary)}.practice-resume-overlay__actions{display:flex;justify-content:flex-end;gap:10px}.practice-resume-overlay__button{min-width:92px}.practice-resume-overlay__button--primary{box-shadow:var(--shadow-sm)}@media (max-width: 480px){.practice-resume-overlay__message-row{padding-right:12px;align-items:flex-start}.practice-resume-overlay__actions{justify-content:stretch}.practice-resume-overlay__button{flex:1 1 0;min-width:0}}.practice-round-summary{display:flex;flex-direction:column;align-items:center;gap:24px;width:min(100%,760px);min-height:70vh;margin:0 auto;padding:clamp(48px,9vh,84px) var(--space-lg) var(--space-2xl);text-align:center}.practice-round-summary__eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--text-tertiary)}.practice-round-summary__title{font-size:clamp(32px,4vw,44px);font-weight:800;line-height:1.05;color:var(--text-primary)}.practice-round-summary__stats{display:flex;flex-wrap:wrap;justify-content:center;gap:24px 40px}.practice-round-summary__stat{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:92px}.practice-round-summary__stat-value{font-size:clamp(34px,4vw,48px);font-weight:800;line-height:1;color:var(--text-primary)}.practice-round-summary__stat-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.practice-round-summary__stat--accent .practice-round-summary__stat-value{color:var(--accent)}.practice-round-summary__stat--error .practice-round-summary__stat-value{color:var(--error)}.practice-round-summary__stat--warning .practice-round-summary__stat-value{color:var(--warning)}.practice-round-summary__stat--success .practice-round-summary__stat-value{color:var(--success)}.practice-round-summary__note{max-width:540px;font-size:14px;line-height:1.7;color:var(--text-secondary)}.practice-round-summary__section{width:100%;max-width:540px;text-align:left}.practice-round-summary__section-title{margin-bottom:12px;font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--text-tertiary)}.practice-round-summary__chips{display:flex;flex-wrap:wrap;gap:8px}.practice-round-summary__chip{padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--bg-color);font-size:13px;color:var(--text-primary)}.practice-round-summary__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.practice-round-summary__action{min-width:148px;padding:12px 24px;border-radius:var(--radius-lg);border:2px solid var(--accent);font-size:14px;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.practice-round-summary__action--primary{background:var(--accent);color:var(--text-inverse)}.practice-round-summary__action--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px)}.practice-round-summary__action--secondary{background:transparent;color:var(--accent)}.practice-round-summary__action--secondary:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}@media (max-width: 640px){.practice-round-summary{gap:20px;padding-inline:var(--space-md)}.practice-round-summary__stats{gap:20px 24px}.practice-round-summary__action{width:100%}}.confusable-shell{--match-neon: color-mix(in srgb, var(--success) 78%, var(--tone-blue) 22%);--match-neon-rgb: 15, 159, 121;--match-danger: color-mix(in srgb, var(--error) 90%, var(--accent) 10%);--match-danger-rgb: 255, 90, 103;--match-danger-ink: color-mix(in srgb, var(--error) 88%, var(--text-primary));background:linear-gradient(180deg,color-mix(in srgb,var(--surface-subtle) 96%,transparent),var(--bg-secondary))}.confusable-ctrl-bar{min-height:42px;padding:0;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;position:static}.confusable-shell .practice-ctrl-brand{gap:.55rem;min-height:36px;padding:0}.confusable-shell .practice-ctrl-brand-logo{width:24px;height:24px;border-radius:7px}.confusable-shell .practice-ctrl-brand-text{font-size:15px;font-weight:800}.confusable-shell .practice-ctrl-right{gap:.4rem}.confusable-shell .practice-ctrl-icon-btn{height:36px;min-height:36px;padding:0 11px;border-radius:12px}.confusable-shell .practice-mode-btn{padding-inline:12px}.confusable-shell .practice-mode-label{font-size:12px}.confusable-shell .practice-ctx-arrow{width:12px;height:12px}.confusable-stage{flex:1;display:flex;flex-direction:column;gap:10px;min-height:0;width:min(1420px,100%);margin:0 auto;padding:10px}.confusable-board{flex:1;min-height:0}.confusable-workspace{display:flex;min-height:100%}.confusable-focus-panel{width:100%;min-height:0;padding:12px;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:24px;background:color-mix(in srgb,var(--surface-elevated) 96%,transparent);box-shadow:0 16px 40px color-mix(in srgb,var(--text-primary) 5%,transparent)}.confusable-focus-panel:before{content:"";display:block;width:100%;height:3px;margin-bottom:12px;border-radius:999px;background:color-mix(in srgb,var(--confusable-group-accent) 82%,transparent)}.confusable-focus-panel.is-completed{border-color:color-mix(in srgb,var(--confusable-group-accent) 22%,var(--border))}.confusable-focus-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.confusable-focus-copy{min-width:0}.confusable-focus-kicker{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;background:color-mix(in srgb,var(--confusable-group-accent) 10%,var(--surface-subtle));color:color-mix(in srgb,var(--confusable-group-accent) 72%,var(--text-primary));font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.confusable-focus-copy h2{margin:10px 0 6px;font-size:clamp(1.1rem,.95rem + .6vw,1.45rem);line-height:1.2;color:var(--text-primary)}.confusable-focus-copy p{margin:0;max-width:44rem;color:var(--text-secondary);line-height:1.55}.confusable-progress-ring{position:relative;flex-shrink:0;width:92px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:conic-gradient(color-mix(in srgb,var(--confusable-group-accent) 82%,transparent) calc(var(--confusable-progress-ratio) * 1turn),color-mix(in srgb,var(--surface-muted) 94%,transparent) 0turn)}.confusable-progress-ring:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:color-mix(in srgb,var(--surface-elevated) 98%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border) 84%,transparent)}.confusable-progress-ring__core{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px}.confusable-progress-ring__core strong{font-size:1.35rem;line-height:1;color:var(--success)}.confusable-progress-ring__core span{font-size:.72rem;color:var(--text-secondary)}.confusable-focus-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:12px;min-height:min(66vh,720px)}.confusable-group-board{position:relative;min-height:0;padding:4px 0}.confusable-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.confusable-line{stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;fill:none}.confusable-line--success{stroke:color-mix(in srgb,var(--confusable-group-accent) 78%,var(--success));filter:drop-shadow(0 0 10px color-mix(in srgb,var(--confusable-group-accent) 38%,transparent));animation:confusable-line-pop .9s ease forwards}.confusable-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.confusable-card{position:relative;min-height:112px;padding:12px;border:1px solid color-mix(in srgb,var(--border) 86%,transparent);border-radius:18px;background:color-mix(in srgb,var(--surface-elevated) 98%,transparent);color:var(--text-primary);text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease}.confusable-card:before{content:"";position:absolute;inset:10px auto 10px 0;width:3px;border-radius:999px;background:color-mix(in srgb,var(--confusable-group-accent) 80%,transparent)}.confusable-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--confusable-group-accent) 24%,var(--border-hover));box-shadow:0 12px 26px color-mix(in srgb,var(--text-primary) 7%,transparent)}.confusable-card.is-selected{transform:translateY(-2px);border-color:color-mix(in srgb,var(--confusable-group-accent) 54%,var(--border-focus));box-shadow:0 0 0 4px color-mix(in srgb,var(--confusable-group-accent) 10%,transparent)}.confusable-card.is-success{border-color:color-mix(in srgb,var(--success) 62%,var(--confusable-group-accent));box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 12%,transparent),0 16px 28px color-mix(in srgb,var(--success) 16%,transparent);animation:confusable-green-flash .8s ease}.confusable-card.is-error{border-color:var(--match-danger);box-shadow:0 0 0 4px color-mix(in srgb,var(--match-danger) 10%,transparent),0 10px 18px color-mix(in srgb,var(--match-danger) 16%,transparent);animation:confusable-red-pulse .2s ease-in-out 2}.confusable-side-rail{display:flex;flex-direction:column;gap:12px}.confusable-insight-panel,.confusable-queue-panel{padding:12px;border:1px solid color-mix(in srgb,var(--border) 86%,transparent);border-radius:18px;background:color-mix(in srgb,var(--surface-subtle) 96%,transparent)}.confusable-insight-panel{flex:1;min-height:0;opacity:.78;transform:translateY(0);transition:opacity .22s ease,transform .22s ease,border-color .22s ease}.confusable-insight-panel.is-visible{opacity:1;transform:translateY(-2px);border-color:color-mix(in srgb,var(--confusable-group-accent) 28%,var(--border))}.confusable-side-kicker{display:inline-flex;margin-bottom:8px;color:var(--text-tertiary);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.confusable-insight-panel strong{display:block;margin-bottom:8px;color:var(--text-primary);font-size:.98rem;line-height:1.35}.confusable-insight-panel p{margin:0 0 12px;color:var(--text-secondary);line-height:1.6}.confusable-insight-list{display:grid;gap:10px}.confusable-insight-item{display:grid;gap:4px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--border-subtle) 90%,transparent)}.confusable-insight-word{font-family:IBM Plex Mono,DM Mono,ui-monospace,SFMono-Regular,monospace;font-size:.98rem;font-weight:700;color:var(--text-primary)}.confusable-insight-meaning{color:var(--text-secondary);font-size:.9rem;line-height:1.55}.confusable-queue-list{display:grid;gap:10px}.confusable-queue-item{padding:10px 10px 10px 12px;border-radius:14px;background:color-mix(in srgb,var(--surface-elevated) 94%,transparent);box-shadow:inset 3px 0 color-mix(in srgb,var(--confusable-group-accent) 74%,transparent)}.confusable-queue-item strong,.confusable-queue-item span{display:block}.confusable-queue-item strong{margin-bottom:4px;color:var(--text-primary);font-size:.9rem}.confusable-queue-item span,.confusable-queue-empty{color:var(--text-secondary);font-size:.86rem;line-height:1.5}@media (max-width: 980px){.confusable-focus-body{grid-template-columns:1fr}.confusable-side-rail{order:-1}.confusable-insight-panel{flex:unset}}@media (max-width: 640px){.confusable-stage{padding:10px}.confusable-focus-head{flex-direction:column}.confusable-progress-ring{width:84px}.confusable-card-grid{grid-template-columns:1fr}}@keyframes confusable-green-flash{0%,to{transform:translateY(-2px);box-shadow:0 0 0 4px rgba(var(--match-neon-rgb),.1),0 12px 26px rgba(var(--match-neon-rgb),.16)}50%{transform:translateY(-3px);box-shadow:0 0 0 6px rgba(var(--match-neon-rgb),.16),0 18px 30px rgba(var(--match-neon-rgb),.24)}}@keyframes confusable-red-pulse{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes confusable-line-pop{0%{opacity:0;stroke-dasharray:10 240}25%{opacity:1}to{opacity:.88;stroke-dasharray:240 0}}@keyframes confusable-warning-fade{0%{opacity:0}20%{opacity:1}to{opacity:1}}.confusable-card-badge{display:inline-flex;align-items:center;min-height:22px;margin-bottom:10px;padding:0 8px;border-radius:999px;background:color-mix(in srgb,var(--confusable-group-accent) 10%,var(--surface-subtle));color:color-mix(in srgb,var(--confusable-group-accent) 74%,var(--text-primary));font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.confusable-card-word,.confusable-card-definition{display:block;padding-left:6px}.confusable-card-word{font-family:IBM Plex Mono,DM Mono,ui-monospace,SFMono-Regular,monospace;font-size:1rem;font-weight:700;line-height:1.35}.confusable-card-word-part.is-diff{color:color-mix(in srgb,var(--error) 80%,var(--text-primary))}.confusable-card-phonetic{display:block;padding-left:6px;margin-top:8px;color:var(--text-secondary);font-size:.78rem;line-height:1.4}.confusable-card-definition{color:var(--text-primary);font-size:.92rem;font-weight:600;line-height:1.65}.confusable-custom-modal{display:flex;flex-direction:column;gap:1rem}.confusable-custom-lead{margin:0;color:var(--text-secondary);line-height:1.65}.confusable-custom-rules{display:grid;gap:.7rem}.confusable-custom-rule{display:flex;flex-wrap:wrap;gap:.45rem;padding:.8rem .9rem;border:1px solid color-mix(in srgb,var(--match-neon) 14%,var(--border));border-radius:18px;background:color-mix(in srgb,var(--surface-elevated) 90%,transparent);color:var(--text-secondary);font-size:.9rem;line-height:1.6}.confusable-custom-rule strong{color:var(--text-primary);font-weight:800}.confusable-custom-textarea{min-height:196px;border-radius:20px;border-color:color-mix(in srgb,var(--match-neon) 18%,var(--border));background:color-mix(in srgb,var(--surface-elevated) 98%,transparent);font-size:.98rem;line-height:1.7}.confusable-custom-meta{display:flex;flex-wrap:wrap;gap:.65rem;color:var(--text-secondary);font-size:.82rem;font-weight:700}.confusable-custom-preview{max-height:min(34vh,320px);overflow:auto;padding:.85rem;border:1px solid color-mix(in srgb,var(--match-neon) 14%,var(--border));border-radius:22px;background:color-mix(in srgb,var(--surface-muted) 98%,transparent)}.confusable-custom-preview-row+.confusable-custom-preview-row{margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--border-subtle)}.confusable-custom-preview-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem}.confusable-custom-preview-label{display:inline-flex;align-items:center;min-height:28px;padding:0 .7rem;border-radius:999px;background:rgba(var(--match-neon-rgb),.14);color:color-mix(in srgb,var(--match-neon) 58%,var(--text-primary));font-size:.78rem;font-weight:800}.confusable-custom-preview-meta{color:var(--text-secondary);font-size:.82rem;font-weight:700}.confusable-custom-preview-chips{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.7rem}.confusable-custom-chip{display:inline-flex;align-items:center;min-height:34px;padding:0 .8rem;border:1px solid color-mix(in srgb,var(--text-primary) 8%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface-elevated) 96%,transparent);color:var(--text-primary);font-size:.9rem;font-weight:700}.confusable-custom-empty{padding:1.4rem 1rem;border-radius:18px;background:color-mix(in srgb,var(--surface-elevated) 72%,transparent);color:var(--text-secondary);text-align:center}.confusable-custom-error{padding:.9rem 1rem;border:1px solid rgba(var(--match-danger-rgb),.22);border-radius:18px;background:color-mix(in srgb,var(--error-light) 64%,var(--surface-elevated));color:var(--match-danger-ink);font-size:.92rem;font-weight:700;line-height:1.55}.confusable-custom-actions{display:flex;justify-content:flex-end;gap:.75rem}.confusable-custom-btn{min-width:120px;min-height:44px;padding:.8rem 1rem;border-radius:999px;font-size:.92rem;font-weight:800;cursor:pointer;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease}.confusable-custom-btn:disabled{opacity:.6;cursor:not-allowed}.confusable-custom-btn--ghost{border:1px solid var(--border);background:color-mix(in srgb,var(--surface-elevated) 90%,transparent);color:var(--text-primary)}.confusable-custom-btn--primary{border:1px solid rgba(var(--match-neon-rgb),.24);background:linear-gradient(135deg,rgba(var(--match-neon-rgb),.22),rgba(var(--success-rgb),.78));color:color-mix(in srgb,var(--success) 58%,var(--text-primary));box-shadow:0 14px 26px rgba(var(--success-rgb),.22)}.confusable-custom-btn:not(:disabled):hover{transform:translateY(-1px)}.confusable-warning-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-modal);display:flex;align-items:center;justify-content:center;pointer-events:none;background:radial-gradient(circle,rgba(var(--match-danger-rgb),.08),color-mix(in srgb,var(--text-primary) 14%,transparent));animation:confusable-warning-fade .9s ease}.confusable-warning-card{display:inline-flex;flex-direction:column;gap:.35rem;min-width:min(88vw,420px);padding:1rem 1.1rem;border:1px solid rgba(var(--match-danger-rgb),.22);border-radius:20px;background:color-mix(in srgb,var(--error-light) 42%,var(--surface-elevated));color:var(--text-primary);box-shadow:var(--shadow-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.confusable-warning-card strong{font-size:1rem;line-height:1.5}.confusable-warning-card span:last-child{color:var(--text-secondary)}.confusable-warning-label{font-size:.74rem;font-weight:900;letter-spacing:.12em;color:var(--match-danger-ink);text-transform:uppercase}.confusable-empty p{color:var(--text-secondary)}@media (max-width: 900px){.confusable-custom-actions{flex-direction:column-reverse}.confusable-custom-btn{width:100%}}@media (max-width: 640px){.confusable-custom-meta{flex-direction:column;gap:.35rem}.confusable-custom-preview-head{align-items:flex-start;flex-direction:column}}:root{--practice-wordlist-panel-width: clamp(520px, 42vw, 680px)}.practice-ctrl-bar{display:flex;align-items:center;justify-content:space-between;padding:11px 17px;min-height:56px;background:transparent;border-bottom:none;position:sticky;top:0;z-index:var(--layer-sticky);gap:13px;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.practice-ctrl-brand{display:inline-flex;align-items:center;gap:12px;padding:8px 4px 8px 0;border:none;background:transparent;color:var(--text-primary);cursor:pointer;flex-shrink:0}.practice-ctrl-brand-logo{width:31px;height:31px;object-fit:contain;border-radius:8px}.practice-ctrl-brand-text{font-size:18px;font-weight:800;letter-spacing:-.03em}.practice-ctx-label{display:flex;align-items:center;gap:var(--space-sm);font-size:16px;font-weight:700;color:var(--text-primary);padding:11px 15px;border-radius:999px;background:var(--surface-hover)}.practice-ctrl-count{font-size:13px;font-weight:600;color:var(--text-secondary);background:color-mix(in srgb,var(--surface-elevated) 78%,transparent);padding:4px 10px;border-radius:var(--radius-full);white-space:nowrap}.practice-ctx-arrow{width:14px;height:14px;color:var(--text-tertiary);flex-shrink:0;transition:transform var(--transition-fast)}.practice-ctrl-right{display:flex;align-items:center;gap:11px;flex-shrink:1;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}.practice-ctrl-icon-btn,.radio-quick-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:color-mix(in srgb,var(--surface-elevated) 94%,transparent);border:1px solid color-mix(in srgb,var(--surface-border-strong) 86%,var(--text-inverse) 14%);color:var(--text-secondary);font-size:14px;font-weight:600;padding:11px 14px;border-radius:16px;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);white-space:nowrap}.practice-ctrl-icon-btn svg{width:18px;height:18px;flex-shrink:0}.practice-ctrl-icon-btn:hover,.radio-quick-btn:hover{background:var(--surface-hover);color:var(--accent);transform:translateY(-1px)}.practice-ctrl-icon-btn.active{background:var(--surface-active);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 25%,var(--surface-border-strong));box-shadow:var(--glow-accent)}.practice-mode-btn{padding-inline:16px}.practice-mode-label{font-size:14px;font-weight:700}.popover-radio-panel,.popover-ctx-panel,.popover-mode-panel{background:color-mix(in srgb,var(--surface-elevated) 98%,transparent);border:1px solid var(--surface-border-strong);border-radius:18px;box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden}.popover-radio-panel{min-width:96px}.popover-ctx-scroll{max-height:320px}.popover-option{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:none;border:none;font-size:15px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);text-align:left}.popover-option:hover{background:var(--surface-hover);color:var(--accent)}.popover-option.active{color:var(--accent);background:var(--surface-active)}.ctx-opt-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ctx-radio{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);flex-shrink:0;transition:all var(--transition-fast)}.ctx-radio.checked{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 2.5px var(--bg-color)}.popover-loading{padding:23px 16px;font-size:15px;color:var(--text-tertiary);text-align:center}.wordlist-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-dropdown);background:var(--overlay-medium)}.wordlist-panel{position:fixed;top:0;right:0;width:var(--practice-wordlist-panel-width);height:100vh;height:100dvh;background:color-mix(in srgb,var(--surface-elevated) 98%,transparent);border-left:1px solid var(--surface-border-strong);border-radius:24px 0 0 24px;box-shadow:var(--shadow-overlay);z-index:var(--layer-modal);display:flex;flex-direction:column;opacity:0;transform:translate(100%);pointer-events:none;transition:opacity .18s ease,transform .22s ease;transform-origin:center right;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden}.wordlist-panel.open{opacity:1;transform:translate(0);pointer-events:all}.wordlist-header{display:flex;align-items:center;gap:var(--space-sm);padding:calc(24px + env(safe-area-inset-top,0px)) 24px 20px;border-bottom:1px solid var(--surface-border-strong);flex-shrink:0;position:sticky;top:0;background:color-mix(in srgb,var(--surface-elevated) 98%,transparent);z-index:1}.wordlist-title{font-size:20px;font-weight:800;color:var(--text-primary)}.wordlist-total{font-size:13px;color:var(--text-secondary);background:var(--surface-hover);padding:5px 11px;border-radius:var(--radius-full)}.wordlist-close{margin-left:auto;width:40px;height:40px;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:0;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.wordlist-close:hover{background:var(--surface-hover);color:var(--accent)}.wordlist-close svg{width:20px;height:20px}.wordlist-body{flex:1;overflow-y:auto;padding:12px 0 calc(26px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain}.wordlist-item{display:flex;align-items:flex-start;gap:14px;padding:16px 22px;border-left:4px solid transparent;transition:all var(--transition-fast)}.wordlist-item:hover{background:color-mix(in srgb,var(--accent) 5%,var(--surface-elevated))}.wordlist-item.current{background:color-mix(in srgb,var(--success-light) 88%,var(--surface-elevated));border-left-color:var(--success)}.wordlist-item.current:hover{background:color-mix(in srgb,var(--success-light) 94%,var(--surface-elevated))}.wordlist-item.correct .wordlist-word{color:var(--success)}.wordlist-item.wrong .wordlist-word{color:var(--error)}.wordlist-item-status{flex-shrink:0;width:22px;display:flex;align-items:center;justify-content:center;padding-top:5px}.wl-dot{display:inline-block;width:9px;height:9px;border-radius:var(--radius-full)}.wl-dot-current{background:var(--success);box-shadow:0 0 0 5px color-mix(in srgb,var(--success) 18%,transparent)}.wl-dot-pending{background:var(--border)}.wl-icon{width:16px;height:16px}.wl-icon.correct{color:var(--success);stroke:var(--success)}.wl-icon.wrong{color:var(--error);stroke:var(--error)}.wordlist-item-info{flex:1;min-width:0}.wordlist-word{font-size:19px;font-weight:700;line-height:1.35;color:var(--text-primary);margin-bottom:5px}.wordlist-phonetic{font-size:15px;line-height:1.4;color:var(--text-tertiary);margin-bottom:5px}.wordlist-def{font-size:15px;line-height:1.6;color:var(--text-secondary);display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}@media (max-width: 640px){.practice-ctrl-bar{padding:8px 10px}.practice-ctrl-brand-text{font-size:14px}.practice-mode-label{display:none}}@media (max-width: 480px){.practice-ctrl-brand-text{display:none}.wordlist-panel{width:100vw;border-radius:0}}.wordlist-item-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;align-self:center;margin-left:auto;padding-left:14px}.wordlist-action-btn{width:40px;height:40px;min-width:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--surface-border-strong);border-radius:10px;background:color-mix(in srgb,var(--surface-elevated) 90%,transparent);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.wordlist-action-btn--familiar{font-size:14px;font-weight:700;letter-spacing:.01em}.wordlist-action-btn:hover:not(:disabled){transform:translateY(-1px);color:var(--text-primary);border-color:color-mix(in srgb,var(--accent) 28%,var(--surface-border-strong));background:var(--surface-hover)}.wordlist-action-btn:disabled{cursor:wait;opacity:.72}.wordlist-action-btn svg{width:20px;height:20px;flex-shrink:0}.wordlist-action-btn__label{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;white-space:nowrap;line-height:1}.wordlist-action-btn--familiar.is-active{color:var(--success);border-color:color-mix(in srgb,var(--success) 32%,var(--surface-border-strong));background:color-mix(in srgb,var(--success-light) 72%,var(--surface-elevated))}.wordlist-action-btn--favorite.is-active{color:var(--chart-series-5);border-color:color-mix(in srgb,var(--chart-series-5) 32%,var(--surface-border-strong));background:color-mix(in srgb,var(--chart-series-5) 12%,var(--surface-elevated))}.wordlist-action-btn.is-pending{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}.wordlist-item-main{flex:1;min-width:0;display:flex;align-items:flex-start;gap:12px;padding:0;border:none;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.wordlist-item-main:focus-visible{outline:none;box-shadow:var(--focus-ring-strong);border-radius:16px}.wordlist-item.is-detail-selected{background:var(--surface-hover);border-left-color:color-mix(in srgb,var(--accent) 72%,var(--surface-elevated))}.wordlist-item.current.is-detail-selected{background:color-mix(in srgb,var(--success-light) 88%,var(--surface-elevated));border-left-color:var(--success)}.wordlist-detail-panel{position:fixed;top:18px;right:calc(var(--practice-wordlist-panel-width) + 20px);width:min(760px,100vw - var(--practice-wordlist-panel-width) - 40px);max-width:calc(100vw - var(--practice-wordlist-panel-width) - 40px);height:calc(100dvh - 36px);max-height:calc(100dvh - 36px);z-index:var(--layer-global-search);display:flex;flex-direction:column;border-radius:24px;border:1px solid color-mix(in srgb,var(--surface-border-strong) 92%,transparent);background:color-mix(in srgb,var(--surface-elevated) 98%,transparent);box-shadow:var(--shadow-overlay);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden}.wordlist-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px 16px;border-bottom:1px solid color-mix(in srgb,var(--surface-border-strong) 85%,transparent);background:color-mix(in srgb,var(--surface-elevated) 98%,transparent)}.wordlist-detail-heading{display:flex;flex-direction:column;min-width:0}.wordlist-detail-eyebrow{color:var(--text-tertiary);font-size:13px;letter-spacing:.04em}.wordlist-detail-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.wordlist-detail-status{padding:5px 10px;border-radius:999px;background:var(--surface-hover);color:var(--accent);font-size:13px;font-weight:600}.wordlist-detail-status--fallback{background:color-mix(in srgb,var(--warning) 14%,transparent);color:var(--warning)}.wordlist-detail-close{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid color-mix(in srgb,var(--surface-border-strong) 84%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface-floating) 88%,transparent);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.wordlist-detail-close:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.wordlist-detail-close svg{width:18px;height:18px}.wordlist-detail-body{flex:1;min-height:0;padding:0 16px 16px 0}.wordlist-detail-body .global-word-search-detail{height:100%;max-height:none;border:none;border-radius:0;background:transparent;padding:18px 8px 18px 22px}@media (max-width: 1024px){.wordlist-detail-panel{top:0;right:0;width:min(760px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}}@media (max-width: 768px){.wordlist-detail-panel{width:100vw;max-width:100vw}.wordlist-detail-header{padding-top:calc(18px + env(safe-area-inset-top,0px))}.wordlist-detail-body{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}}.errors-overview{display:flex;flex-direction:column;gap:10px}.errors-overview-card{display:flex;flex-direction:column;gap:14px}.errors-overview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.errors-overview-eyebrow{margin:0 0 4px;font-size:11px;font-weight:700;color:var(--accent);letter-spacing:.08em}.errors-overview-title{margin:0;font-size:18px;line-height:1.2;color:var(--text-primary)}.errors-overview-focus{display:inline-flex;align-items:center;min-height:32px;padding:0 14px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:var(--radius-full);background:color-mix(in srgb,var(--accent) 10%,var(--bg-secondary));color:var(--text-primary);font-size:12px;font-weight:700}.errors-journey-track,.errors-journey-labels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.errors-journey-segment{display:block;min-height:16px;border-radius:var(--radius-full);opacity:.35;transition:opacity var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.errors-journey-segment--neutral{background:color-mix(in srgb,var(--text-tertiary) 32%,var(--bg-secondary))}.errors-journey-segment--warning{background:color-mix(in srgb,var(--warning) 70%,var(--bg-color))}.errors-journey-segment--accent{background:color-mix(in srgb,var(--accent) 80%,var(--bg-color))}.errors-journey-segment--success{background:color-mix(in srgb,var(--success) 78%,var(--bg-color))}.errors-journey-segment.is-complete{opacity:.78}.errors-journey-segment.is-active{opacity:1;transform:translateY(-1px);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}.errors-journey-label{display:flex;flex-direction:column;gap:4px;min-width:0;color:var(--text-secondary)}.errors-journey-label strong{font-size:13px;line-height:1.3;color:var(--text-primary)}.errors-journey-step{font-size:11px;font-weight:700;color:var(--text-tertiary)}.errors-journey-label.is-active strong,.errors-journey-label.is-active .errors-journey-step{color:var(--accent)}@media (max-width: 768px){.errors-overview-title{font-size:16px}.errors-overview-focus{min-height:28px;padding:0 12px}.errors-journey-track,.errors-journey-labels{gap:6px}.errors-journey-label strong{font-size:12px}}.errors-faq-card{display:flex;flex-direction:column;gap:10px}.errors-faq-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.errors-faq-eyebrow{margin:0 0 4px;font-size:11px;font-weight:700;color:var(--text-secondary);letter-spacing:.08em}.errors-faq-title{margin:0;font-size:16px;line-height:1.2;color:var(--text-primary)}.errors-faq-list{display:flex;flex-direction:column;gap:8px}.errors-faq-item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);overflow:hidden}.errors-faq-item.is-open{border-color:color-mix(in srgb,var(--accent) 24%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent)}.errors-faq-question{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border:none;background:transparent;color:var(--text-primary);text-align:left;cursor:pointer}.errors-faq-question-mark,.errors-faq-answer-mark{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:11px;font-weight:800;flex:0 0 auto}.errors-faq-question-mark{background:color-mix(in srgb,var(--accent) 12%,var(--bg-color));color:var(--accent)}.errors-faq-answer-mark{background:color-mix(in srgb,var(--success) 12%,var(--bg-color));color:var(--success)}.errors-faq-question-text{flex:1;min-width:0;font-size:13px;font-weight:600}.errors-faq-toggle{font-size:12px;font-weight:700;color:var(--text-secondary);flex:0 0 auto}.errors-faq-answer{display:flex;align-items:flex-start;gap:10px;padding:0 14px 14px;color:var(--text-secondary)}.errors-faq-answer p{margin:2px 0 0;font-size:13px;line-height:1.6}.errors-filter-shortcuts{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end}.errors-stage-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.errors-stage-pill{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:var(--radius-full);font-size:12px;font-weight:700}.errors-stage-pill--neutral{background:var(--bg-secondary);color:var(--text-secondary)}.errors-stage-pill--warning{background:var(--warning-bg);color:var(--warning)}.errors-stage-pill--accent,.errors-stage-pill--today{background:color-mix(in srgb,var(--accent) 12%,var(--bg-color));color:var(--accent)}.errors-stage-pill--success{background:var(--success-bg);color:var(--success)}.errors-stage-note{font-size:13px;color:var(--text-secondary)}.errors-item-compact-row{--errors-bottom-card-height: 76px}.errors-item-meters{display:flex;align-items:stretch;gap:10px;flex:0 0 auto;flex-wrap:wrap}.errors-meter{display:flex;flex-direction:column;justify-content:center;min-width:176px;min-height:var(--errors-bottom-card-height);padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary)}.errors-meter-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:13px;color:var(--text-secondary)}.errors-meter-head strong{color:var(--text-primary);font-size:13px}.errors-meter-bar,.errors-dim-track-bar{position:relative;overflow:hidden;height:7px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--border) 80%,transparent)}.errors-meter-fill,.errors-dim-track-fill{display:block;height:100%;border-radius:inherit;background:var(--accent)}.errors-meter-fill--warning{background:var(--warning)}.errors-meter-fill--accent{background:var(--accent)}.errors-meter-fill--success,.errors-dim-track-fill.is-cleared{background:var(--success)}.errors-meter-note,.errors-dim-track-note{margin-top:6px;font-size:12px;color:var(--text-secondary)}.errors-item-dim-tracks{display:flex;align-items:stretch;gap:10px;flex:1 1 260px;min-width:0;flex-wrap:wrap}.errors-dim-track{display:flex;align-items:center;min-height:var(--errors-bottom-card-height);padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-color);min-width:0}.errors-dim-track.is-pending{background:color-mix(in srgb,var(--warning-bg) 82%,var(--bg-color))}.errors-dim-track.is-cleared{background:color-mix(in srgb,var(--success-bg) 82%,var(--bg-color))}.errors-dim-track.is-highlighted{border-color:color-mix(in srgb,var(--accent) 44%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}.errors-dim-track-head{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);flex-wrap:wrap}.errors-dim-track-head strong{color:var(--text-primary);font-size:12px}@media (max-width: 768px){.errors-filter-shortcuts{align-items:stretch}.errors-stage-row{justify-content:flex-start}.errors-item-meters{width:100%}.errors-meter{flex:1 1 140px}.errors-item-dim-tracks{width:100%}}.errors-list{display:flex;flex-direction:column;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;flex-shrink:0}.errors-search-results{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-color);overflow:hidden;flex-shrink:0}.errors-search-status{display:inline-flex;align-items:center;align-self:flex-start;min-height:32px;padding:0 12px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:var(--radius-full);background:color-mix(in srgb,var(--accent) 6%,var(--bg-secondary));color:var(--text-secondary);font-size:13px;font-weight:600}.errors-search-item{display:grid;grid-template-columns:minmax(0,1fr) 60px;align-items:center;gap:16px;padding:18px 20px;border-bottom:1px solid var(--border);background:var(--bg-color);transition:background var(--transition-fast)}.errors-search-item:last-child{border-bottom:none}.errors-search-item:hover{background:color-mix(in srgb,var(--bg-secondary) 82%,var(--bg-color))}.errors-search-item.is-selected{background:color-mix(in srgb,var(--accent) 5%,var(--bg-color))}.errors-search-item-main{min-width:0}.errors-search-item-row{display:flex;align-items:baseline;gap:14px 18px;min-width:0;flex-wrap:wrap}.errors-search-item-word{font-size:20px;font-weight:700;line-height:1.35;color:var(--text-primary)}.errors-search-item-definition{min-width:0;flex:1 1 280px;font-size:15px;line-height:1.65;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.errors-item{display:grid;grid-template-columns:minmax(0,1fr) 60px;align-items:center;gap:16px;padding:18px 20px;background:var(--bg-color);transition:background var(--transition-fast)}.errors-item:hover{background:var(--bg-secondary)}.errors-item-main{display:flex;flex-direction:column;gap:12px;flex:1;min-width:0}.errors-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.errors-item-word-row{display:flex;align-items:baseline;gap:8px;min-width:0;flex-wrap:wrap}.errors-item-word{font-size:20px;font-weight:800;line-height:1.3;color:var(--text-primary)}.errors-item-total-count{font-size:13px;font-weight:600;color:var(--error);opacity:.85}.errors-item-subline{display:flex;align-items:center;gap:12px 14px;flex-wrap:wrap;min-width:0;font-size:14px;line-height:1.6;color:var(--text-secondary)}.errors-item-phonetic,.errors-item-date{font-size:14px;color:var(--text-tertiary)}.errors-item-definition{display:inline-flex;align-items:baseline;gap:6px;min-width:0;font-size:14px;line-height:1.6;color:var(--text-secondary);flex:1 1 320px;flex-wrap:wrap}.errors-item-focus-note{display:inline-flex;align-items:center;min-height:30px;padding:0 13px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--accent) 8%,var(--bg-secondary));color:var(--text-secondary);font-size:13px;font-weight:600;white-space:nowrap}.errors-item-compact-row{display:flex;align-items:stretch;gap:12px 14px;flex-wrap:wrap}.errors-item-select{display:inline-flex;justify-content:center;align-items:center;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.errors-item-select--checked{color:var(--accent)}.errors-item-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;place-content:center;width:18px;height:18px;margin:0;border:1.5px solid var(--border-strong);border-radius:5px;background:var(--bg-color);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.errors-item-checkbox:after{content:"";width:10px;height:6px;border:2px solid var(--text-inverse);border-top:0;border-right:0;transform:rotate(-45deg) scale(0);transform-origin:center;transition:transform var(--transition-fast)}.errors-item-checkbox:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border-strong))}.errors-item-checkbox:checked{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}.errors-item-checkbox:checked:after{transform:rotate(-45deg) scale(1)}.errors-item-checkbox:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 24%,transparent)}.errors-item-dims{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.errors-dim-badge{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap;font-size:11px;font-weight:600;padding:4px 10px;border-radius:var(--radius-full);line-height:1.5}.errors-dim-error{background:var(--error-light);color:var(--error)}.errors-dim-mixed{background:var(--warning-bg);color:var(--warning)}.errors-dim-ok{background:var(--success-bg);color:var(--success)}.errors-dim-unknown{background:var(--bg-tertiary);color:var(--text-tertiary)}.errors-dim-progress{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.errors-dim-wrong{opacity:.9}.errors-dim-correct{opacity:.75;font-weight:500}.errors-dim-highlight{outline:2px solid currentColor;outline-offset:1px}@media (max-width: 768px){.errors-search-item{grid-template-columns:minmax(0,1fr) 44px;gap:8px;padding:14px 12px}.errors-search-item-row{gap:6px 10px}.errors-search-item-definition{flex-basis:100%;white-space:normal}.errors-item{grid-template-columns:minmax(0,1fr) 44px;gap:8px;padding:14px 12px}.errors-item-head{flex-direction:column;gap:8px}.errors-item-focus-note{max-width:100%;white-space:normal}.errors-item-select{min-height:100%}}.errors-page{gap:10px;padding:var(--page-gutter);box-sizing:border-box}.errors-page-toolbar{gap:10px}.errors-page-body{flex:1;min-height:0}.errors-content-scroll{display:flex;flex:1;min-height:0;flex-direction:column;gap:10px;overflow-y:auto;padding-right:2px}.errors-actions{display:flex;gap:8px;align-items:center}.errors-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.errors-practice-btn{background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-full);padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.errors-practice-btn:hover{background:var(--accent-hover)}.errors-practice-btn:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed}.errors-clear-btn{background:none;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-full);padding:6px 12px;font-size:13px;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.errors-clear-btn:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.errors-clear-btn:disabled{cursor:not-allowed;color:var(--text-tertiary);background:var(--bg-tertiary)}.errors-tabs{width:fit-content}.errors-scope-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.errors-scope-tools{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.errors-inline-pagination{display:inline-flex;align-items:center;gap:8px}.errors-inline-pagination-status{font-size:12px;font-weight:600;color:var(--text-secondary)}.errors-filter-panel{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-secondary)}.errors-filter-panel-main{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(140px,180px);align-items:flex-end;gap:10px;flex:1 1 620px}.errors-filter-panel-actions{display:flex;align-items:flex-end;justify-content:flex-end;flex-wrap:wrap;gap:8px;flex:0 1 auto}.errors-filter-field{display:flex;flex-direction:column;gap:6px;min-width:0}.errors-filter-field--compact{max-width:220px}.errors-filter-field--inline{gap:4px}.errors-filter-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.errors-filter-input,.errors-filter-select{min-height:38px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-color);color:var(--text-primary);padding:8px 10px;font-size:13px}.errors-filter-input:focus,.errors-filter-select:focus{outline:2px solid color-mix(in srgb,var(--accent) 24%,transparent);outline-offset:1px;border-color:var(--accent)}.errors-filter-reset{align-self:end;min-height:38px;border:1px solid var(--border);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);padding:0 12px;font-size:13px;cursor:pointer}.errors-filter-reset:disabled{cursor:not-allowed;color:var(--text-tertiary);background:var(--bg-tertiary)}.errors-summary-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text-secondary);font-size:12px;font-weight:600}.errors-dim-filter-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.errors-dim-filter-shell{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;flex:1;min-width:0;width:100%}.errors-dim-filter-tools{display:grid;grid-template-columns:minmax(280px,320px) auto;align-items:center;justify-content:end;gap:8px;flex:0 0 auto;justify-self:end}.errors-search-form{width:min(320px,100%);min-width:280px}.errors-search-mode-group{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap;white-space:nowrap;justify-self:end}.errors-search-mode-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:inline-flex;flex:0 0 auto;flex-direction:row;align-items:center;gap:6px;min-height:38px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;font:inherit;transition:color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast);writing-mode:horizontal-tb;text-orientation:mixed}.errors-search-mode-option:hover:not(.is-disabled):not(.is-active){border-color:color-mix(in srgb,var(--accent) 20%,var(--border));background:color-mix(in srgb,var(--accent) 6%,var(--bg-secondary));color:var(--text-primary)}.errors-search-mode-option.is-disabled{cursor:not-allowed;color:var(--text-tertiary);background:var(--bg-tertiary);border-color:var(--border);box-shadow:none;opacity:1}.errors-search-mode-option.is-active{border-color:var(--accent);background:var(--accent);color:var(--text-inverse);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}.errors-search-mode-option:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 24%,transparent)}.errors-search-mode-marker{width:10px;height:10px;border:1.5px solid currentColor;border-radius:999px;background:transparent;opacity:.72;flex:0 0 auto}.errors-search-mode-option.is-active .errors-search-mode-marker{border-color:var(--text-inverse);background:var(--text-inverse);box-shadow:inset 0 0 0 2px var(--accent);opacity:1}.errors-search-mode-option.is-disabled .errors-search-mode-marker{opacity:.5}.errors-search-mode-text{display:inline-block;font-size:13px;font-weight:600;line-height:1;white-space:nowrap;writing-mode:horizontal-tb;text-orientation:mixed}.errors-search-input-wrap{position:relative;width:100%}.errors-search-input{width:100%;padding-right:42px}.errors-search-submit{position:absolute;top:50%;right:6px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--text-secondary);cursor:pointer;transform:translateY(-50%);transition:color var(--transition-fast),background-color var(--transition-fast)}.errors-search-submit:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.errors-search-submit:disabled{cursor:not-allowed;color:var(--text-tertiary)}.errors-search-submit svg{width:16px;height:16px}.errors-dim-filter{flex:0 1 auto;flex-wrap:wrap;max-width:100%}.errors-dim-filter .segmented-control__item{padding-inline:10px}.errors-dim-filter .segmented-control__badge{min-height:18px;padding:0 5px;font-size:10px}.errors-empty{flex:1;min-height:0}.errors-empty svg{display:block}.errors-go-practice{display:inline-block;background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-full);padding:6px 18px;font-size:13px;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.errors-go-practice:hover{background:var(--accent-hover)}@media (max-width: 768px){.errors-toolbar,.errors-actions{flex-wrap:wrap}.errors-scope-row,.errors-dim-filter-row{align-items:flex-start;flex-wrap:wrap;gap:8px}.errors-scope-tools,.errors-filter-panel-main,.errors-filter-panel-actions,.errors-dim-filter-shell,.errors-dim-filter-tools,.errors-search-form{width:100%}.errors-filter-panel-main,.errors-dim-filter-shell{grid-template-columns:1fr}.errors-dim-filter-tools{grid-template-columns:1fr;justify-content:stretch;justify-self:stretch}.errors-search-mode-group{justify-content:flex-start}}.stats-page{display:block;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;height:auto;min-height:100%}.stats-page>*+*{margin-top:10px}.stats-page{--stats-col-left-pct: 32%;--stats-align-gutter: 10px;box-sizing:border-box}.stats-page>.stats-page-intro,.stats-page>.stats-cards,.stats-page>.stats-section--mode-strip,.stats-page>.stats-main-layout-wrap,.stats-page>.stats-section{margin-bottom:0}.stats-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-stack);align-items:stretch}.stats-cards.stats-cards-6,.stats-cards.stats-cards-8,.stats-cards.stats-cards-9{grid-template-columns:repeat(3,1fr)}.stats-page-intro{width:100%;margin:0;padding:0;font-size:12px;color:var(--text-tertiary);line-height:1.6}.stats-section--mode-strip .stats-section-title{margin-bottom:var(--space-stack)}.stats-mode-strip-header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--space-stack);margin-bottom:var(--space-stack)}.mode-recommendation{font-size:12px;color:var(--text-secondary);background:var(--accent-light);border:1px solid rgba(var(--accent-rgb),.22);padding:4px 10px;border-radius:var(--radius-full);white-space:nowrap}.mode-recommendation strong{color:var(--accent)}.mode-recommendation-acc{color:var(--text-tertiary);margin-left:4px;font-size:11px}.stats-section--mode-strip .stats-section-hint{margin:0 0 var(--space-stack) 0}.stats-section--mode-strip{width:100%;max-width:100%;box-sizing:border-box;overflow:visible}.stats-mode-strip-grid{display:grid;width:100%;box-sizing:border-box;grid-template-columns:minmax(0,var(--stats-col-left-pct)) minmax(0,1fr);grid-template-rows:auto auto;grid-template-areas:"title-pie title-modes" "content-pie content-modes";gap:var(--stats-align-gutter);align-items:start}.stats-section--mode-strip .stats-mode-strip-grid{width:100%;margin-left:0;margin-right:0}.stats-mode-strip-title{font-size:12px;font-weight:600;color:var(--text-secondary);margin:0;line-height:1.3}.stats-mode-strip-title--pie{grid-area:title-pie}.stats-mode-strip-title--modes{grid-area:title-modes;border-left:none;padding-left:0}.stats-mode-strip-col{min-width:0}.stats-mode-strip-col--pie{grid-area:content-pie}.stats-mode-strip-col--modes{grid-area:content-modes;border-left:none;padding-left:0}.mode-breakdown-table-wrap--strip{overflow-x:auto;overflow-y:visible;max-height:none}.stats-table--mode-strip{font-size:11px}.stats-table--mode-strip th,.stats-table--mode-strip td{padding:5px 6px;white-space:nowrap}.stats-empty--mode-strip{padding:12px 8px;font-size:12px}.stats-chart-loading--strip-table{min-height:72px;height:72px}@media (max-width: 640px){.stats-mode-strip-grid{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"title-pie" "content-pie" "title-modes" "content-modes"}.stats-mode-strip-title--modes{border-top:1px solid var(--border);padding-top:var(--stats-align-gutter, 10px)}.stats-mode-strip-col--modes{padding-left:0}}.stats-cards,.stats-cards.stats-cards-6,.stats-cards.stats-cards-8,.stats-cards.stats-cards-9{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stats-card{position:relative;overflow:hidden;min-height:0;padding:10px;background:var(--surface-base);border:1px solid var(--border-strong);border-radius:10px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;align-items:flex-start;width:100%}.stats-card:before{display:none}.stats-card--detailed{justify-content:flex-start;gap:8px}.stats-card--simple{justify-content:center;gap:6px}.stats-card-label{font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:0;line-height:1.35}.stats-card--simple .stats-card-label{font-size:13px}.stats-card-value{font-size:clamp(2rem,4vw,2.8rem);font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--accent);margin:2px 0 4px}.stats-card--simple .stats-card-value{margin:0}.stats-card-meta{display:flex;flex-direction:column;gap:6px;width:100%}.stats-card-meta-row{display:flex;align-items:flex-start;gap:8px}.stats-card-meta-label{flex:0 0 auto;min-width:54px;padding:2px 6px;border-radius:999px;background:rgba(var(--accent-rgb),.1);color:var(--accent);font-size:11px;font-weight:700;line-height:1.4}.stats-card-meta-text{flex:1 1 auto;font-size:11px;color:var(--text-secondary);line-height:1.5}.stats-section,.stats-main-layout .stats-section,.stats-left-stack>.stats-section{background:var(--surface-base);border:1px solid var(--border-strong);border-radius:10px;box-shadow:var(--shadow-soft);padding:10px}.stats-section-title{margin-bottom:10px;font-size:14px;font-weight:600;letter-spacing:0;color:var(--text-primary)}.stats-section-hint{margin:0 0 10px;font-size:13px;line-height:1.5;color:var(--text-secondary)}.stats-mode-strip-header{gap:10px;margin-bottom:10px}.mode-recommendation{padding:10px;border-radius:10px;background:var(--accent-light);border:1px solid rgba(var(--accent-rgb),.18);color:var(--accent);font-weight:700}.stats-mode-strip-grid,.stats-main-layout,.stats-main-right-top,.stats-main-right-bottom{gap:10px}.stats-pie-wrap,.stats-pie-wrap--strip,.stats-pie-wrap--wrong-top{padding:0;border-radius:0;background:transparent;border:0}.stats-pie-svg{filter:none}.stats-data-table,.stats-table{width:100%;border-collapse:separate;font-size:13px;border-spacing:0;overflow:hidden}.stats-data-table thead th,.stats-table thead th{padding:10px;background:var(--bg-secondary);font-size:11px;font-weight:800;color:var(--text-secondary);border-bottom:none;position:sticky;top:0;z-index:1;letter-spacing:.08em;text-transform:uppercase}.stats-data-table th,.stats-data-table td,.stats-table th,.stats-table td{padding:10px;background:transparent;color:var(--text-primary);border-bottom:1px solid var(--border-subtle)}.stats-data-table tbody tr:hover,.stats-table tbody tr:hover{background:var(--surface-hover)}.wrong-count-badge,.error-reason-tag{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;font-weight:700}.wrong-count-badge{background:color-mix(in srgb,var(--error) 12%,transparent);color:var(--error)}.error-reason-tag{background:color-mix(in srgb,var(--info) 12%,transparent);color:var(--info)}.stats-chart-loading,.stats-empty{border-radius:10px;background:var(--surface-muted)}@media (max-width: 1100px){.stats-cards,.stats-cards.stats-cards-6,.stats-cards.stats-cards-8,.stats-cards.stats-cards-9{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.stats-cards,.stats-cards.stats-cards-6,.stats-cards.stats-cards-8,.stats-cards.stats-cards-9{grid-template-columns:1fr}.stats-card--detailed{min-height:186px}.stats-card--simple{min-height:120px}.stats-section,.stats-insight-grid .stats-section,.stats-wrong-cluster-grid>.stats-section{padding:10px;border-radius:10px}}.stats-pie-wrap--strip{flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--space-stack)}.stats-pie-svg--strip{width:88px;height:88px;flex-shrink:0}.stats-pie-legend--strip{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-sm);align-items:stretch}.stats-pie-legend--strip li{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--space-stack);margin-bottom:0;min-height:1.35em}.stats-pie-legend--strip .stats-pie-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-pie-legend--strip .stats-pie-val,.stats-pie-legend--strip .stats-pie-sub{flex-shrink:0;white-space:nowrap}.stats-chart-loading--strip{height:72px}.stats-main-layout-wrap{width:100%;max-width:100%;display:flex;flex-direction:column;gap:var(--stats-align-gutter, 10px);box-sizing:border-box;padding-left:0;padding-right:0;overflow:visible}.stats-insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:var(--stats-align-gutter, 10px);width:100%;min-width:0;box-sizing:border-box}.stats-main-card{min-width:0;box-sizing:border-box;display:flex}.stats-main-card--profile{grid-column:1/-1}.stats-main-card>.stats-section,.stats-insight-grid .stats-section{margin-bottom:0;width:100%;height:100%}.stats-wrong-cluster{display:flex;flex-direction:column;gap:var(--stats-align-gutter, 10px)}.stats-wrong-cluster-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px 16px}.stats-wrong-cluster-copy{flex:1 1 280px;min-width:0}.stats-wrong-cluster-copy .stats-section-title,.stats-wrong-cluster-copy .stats-section-hint{margin-bottom:0}.stats-wrong-cluster-copy .stats-section-hint{margin-top:4px}.stats-wrong-cluster-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px 14px}.stats-wrong-cluster-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--stats-align-gutter, 10px);align-items:start}.stats-card-wrong{min-height:auto}.stats-card-wrong .stats-section-title{margin-bottom:var(--space-stack);flex-shrink:0}.stats-card-wrong .stats-section-hint{margin:0 0 var(--space-stack) 0;flex-shrink:0}.stats-card-wrong-body{min-height:auto;display:block;overflow:visible}.stats-card-wrong-body>.stats-chart-loading,.stats-card-wrong-body>.stats-empty{min-height:120px;display:flex;align-items:center;justify-content:center}.stats-card-profile{min-height:auto}.stats-profile-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}.stats-profile-summary{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stats-profile-pill{padding:10px 12px;border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--warning-bg) 74%,var(--surface-elevated)),color-mix(in srgb,var(--warning-bg) 56%,var(--surface-base)));border:1px solid color-mix(in srgb,var(--warning) 24%,transparent);display:flex;flex-direction:column;gap:4px}.stats-profile-pill__label{font-size:11px;color:var(--text-tertiary)}.stats-profile-pill strong{font-size:14px;color:var(--text-primary)}.stats-profile-block{display:flex;flex-direction:column;gap:8px;min-width:0}.stats-profile-block--focus,.stats-profile-block--actions{grid-column:1/-1}.stats-profile-chip-list{display:flex;flex-wrap:wrap;gap:8px}.stats-profile-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--surface-muted) 90%,transparent);border:1px solid color-mix(in srgb,var(--text-tertiary) 18%,transparent);color:var(--text-secondary);font-size:12px}.stats-profile-chip strong{color:var(--accent);font-weight:700}.stats-profile-list,.stats-profile-actions{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;color:var(--text-secondary)}.stats-profile-list li,.stats-profile-actions li{display:flex;justify-content:space-between;gap:12px}.stats-profile-list--topics li{justify-content:space-between}.stats-profile-list--focus,.stats-profile-list--topics{list-style:none;padding-left:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stats-profile-list--focus li,.stats-profile-list--topics li{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;min-width:0;padding:8px 10px;border-radius:12px;background:color-mix(in srgb,var(--surface-base) 96%,var(--surface-muted));border:1px solid color-mix(in srgb,var(--text-tertiary) 16%,transparent)}.stats-profile-list--focus strong,.stats-profile-list--topics strong{display:block;max-width:100%;line-height:1.2;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-profile-list--focus span,.stats-profile-list--topics span{font-size:11px;line-height:1.35;color:var(--text-secondary)}.stats-profile-actions{list-style:none;padding-left:0;gap:8px}.stats-profile-actions li{display:block;padding:8px 10px;border-radius:12px;background:color-mix(in srgb,var(--warning-bg) 44%,transparent);border:1px solid color-mix(in srgb,var(--warning) 18%,transparent);line-height:1.5;color:var(--text-secondary);display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}.stats-profile-muted,.stats-profile-trend{margin:0;color:var(--text-tertiary);font-size:12px}.stats-profile-trend{grid-column:1/-1}.stats-main-cell--ebb .stats-card-ebbinghaus{min-height:0;overflow:visible;height:100%;display:flex;flex-direction:column}.stats-main-cell--ebb .stats-ebb-inner{min-height:0;display:flex;flex:1 1 auto;flex-direction:column;overflow:visible}.stats-main-cell--ebb .stats-ebb-chart-wrap,.stats-main-cell--ebb .ebb-chart-wrap--compact{min-height:auto;justify-content:center}.stats-main-cell--ebb .ebb-chart-wrap--compact .ebb-chart-svg{width:100%;max-width:100%;max-height:none;min-height:72px;height:auto;aspect-ratio:560/128;object-fit:contain}.stats-main-cell--ebb .stats-card-ebbinghaus>.stats-section-title{font-size:14px;margin-bottom:10px;flex-shrink:0}.stats-main-cell--ebb .stats-card-ebbinghaus>.stats-section-hint{flex-shrink:0}.stats-main-cell--learning .stats-section--learning{min-height:0;height:100%;display:flex;flex-direction:column}.stats-main-cell--learning .stats-section--learning .stats-learning-split-head,.stats-main-cell--learning .stats-section--learning .lc-filters--compact{flex-shrink:0}.stats-main-cell--learning .stats-section--learning .lc-wrap--compact{min-height:0;display:flex;flex:1 1 auto;flex-direction:column;align-items:stretch}.stats-main-cell--learning .stats-section--learning .lc-wrap--compact .lc-svg{width:100%;min-height:180px;max-height:none;height:100%;flex:1 1 auto}.stats-main-cell--learning .stats-section--learning .stats-chart-loading--learn-split,.stats-main-cell--learning .stats-section--learning .stats-empty--compact{min-height:88px}.stats-main-cell--learning .stats-section--learning .lc-legend-row--compact{flex-shrink:0}.stats-main-right-top .stats-section--learning .stats-learning-split-head,.stats-main-right-top .stats-section--learning .lc-filters--compact{margin-bottom:10px!important}.stats-main-right-top .stats-card-ebbinghaus .stats-ebb-hint-compact{margin:0 0 10px!important}.stats-main-right-top .ebbinghaus-summary-row--compact{margin-bottom:10px}.stats-section--chapter-cell{display:block;min-height:auto;max-height:none;height:auto;padding-bottom:0;overflow:visible}.stats-main-layout--balanced .stats-section--chapter-cell{display:flex;flex-direction:column;min-height:0;height:100%}.stats-section--chapter-cell .stats-section-title{font-size:13px;margin-bottom:4px}.stats-section--chapter-cell .stats-section-hint{font-size:11px;margin-bottom:10px}.stats-section--chapter-cell .stats-chart-loading{flex:1 1 auto;min-height:72px}.stats-empty--chapter-cell{flex:1 1 auto;min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center}.mode-breakdown-table-wrap.stats-table-scroll--in-cell{min-height:auto;min-width:0;width:100%;max-height:none;box-sizing:border-box;overflow-x:auto;overflow-y:visible}.stats-main-layout--balanced .mode-breakdown-table-wrap.stats-table-scroll--in-cell{flex:1 1 auto;min-height:0;height:100%;overflow-y:auto}.mode-breakdown-table-wrap.stats-table-scroll--in-cell .stats-data-table{width:100%}.stats-ebb-inner{display:block;overflow:visible}.stats-ebb-inner>.stats-chart-loading{min-height:88px}.stats-ebb-chart-wrap{flex:0 0 auto;overflow:visible}.stats-wrong-vertical{min-height:auto;display:flex;flex-direction:column;gap:var(--space-stack);overflow:visible}.stats-wrong-pie-block{flex:0 0 auto}.stats-wrong-pie-block .stats-pie-wrap--wrong-top{flex-direction:row;flex-wrap:wrap;align-items:center}.stats-wrong-pie-block .stats-pie-svg--lg{width:140px;height:140px;align-self:center}.stats-wrong-table-block{min-height:auto;display:block}.stats-wrong-table-scroll{min-height:auto;overflow-x:auto;overflow-y:visible;border:1px solid var(--border);border-radius:var(--radius-sm)}.stats-ebb-hint-compact{margin:0 0 var(--space-stack) 0!important;font-size:10px;line-height:1.35}.ebbinghaus-summary-row--compact{margin-bottom:var(--space-stack);gap:var(--space-stack)}.ebbinghaus-summary-row--split{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px}.ebbinghaus-summary-row--split .ebbinghaus-big--compact{flex-shrink:0}.ebbinghaus-rate-block{display:flex;flex-direction:column;gap:2px}.ebbinghaus-big--compact.ebb-rate--na{color:var(--text-tertiary)}.ebbinghaus-big--compact.ebb-rate--low{color:var(--error)}.ebbinghaus-big--compact.ebb-rate--mid{color:var(--accent)}.ebbinghaus-big--compact.ebb-rate--high{color:var(--success)}[data-theme=dark] .ebbinghaus-big--compact.ebb-rate--high{color:var(--success-strong)}[data-theme=dark] .ebbinghaus-big--compact.ebb-rate--low{color:var(--error-strong)}.ebbinghaus-meta--compact{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:stretch;gap:10px 16px;margin-left:auto;font-size:13px;line-height:1.4;color:var(--text-secondary);text-align:right;min-width:0}.ebb-meta-item{display:inline-flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:78px;padding:6px 8px;border-radius:var(--radius-sm);background:var(--surface-inset);white-space:normal}[data-theme=dark] .ebb-meta-item{background:var(--surface-inset)}.ebb-meta-label{font-size:11px;line-height:1.35;color:var(--text-tertiary);text-align:right}.ebb-upcoming-hint{display:flex;align-items:center;justify-content:space-between;gap:var(--space-stack);padding:8px 12px;background:color-mix(in srgb,var(--warning) 8%,transparent);border:1px solid color-mix(in srgb,var(--warning) 20%,transparent);border-radius:var(--radius-md);margin-bottom:var(--space-stack);font-size:12px;color:var(--text-secondary)}.ebb-upcoming-hint strong{color:var(--accent)}.stats-review-btn--ebb{padding:4px 12px;font-size:12px}.ebb-meta-num{font-weight:700;font-size:15px;font-variant-numeric:tabular-nums;color:var(--accent-deep)}.ebbinghaus-big--compact{font-size:18px;font-weight:700}.ebb-rate-caption{font-size:11px;line-height:1.35;color:var(--text-secondary)}.ebb-meta-help{margin:0 0 var(--space-stack);font-size:11px;line-height:1.5;color:var(--text-secondary)}.stats-chart-loading--ebb-split{height:88px}.ebb-chart-wrap--compact .ebb-chart-svg{width:100%;max-width:100%;height:auto;min-height:0;max-height:132px;aspect-ratio:560/128;display:block}.ebb-chart-wrap--compact .ebb-chart-legend{margin-top:var(--space-stack);gap:var(--space-stack);font-size:10px}.ebb-chart-wrap--compact .ebb-chart-note{margin-top:var(--space-stack);font-size:10px}.stats-section--learning .stats-learning-split-head{margin-bottom:var(--space-stack)!important}.stats-section--learning .stats-learning-split-head .stats-section-title{font-size:13px;margin-bottom:0}.lc-filters--compact{margin-bottom:var(--space-stack)!important}.stats-chart-loading--learn-split{height:88px}.stats-empty--compact{padding:var(--space-stack) 0!important}.lc-legend-row--compact{margin-top:var(--space-stack)!important;font-size:11px}.lc-wrap--compact .lc-svg{min-height:0;max-height:none}@media (max-width: 960px){.stats-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-main-card--profile{grid-column:1/-1}.stats-cards.stats-cards-8,.stats-cards.stats-cards-9{grid-template-columns:repeat(2,1fr)}.stats-profile-list--focus,.stats-profile-list--topics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.stats-wrong-cluster-head,.stats-wrong-cluster-summary{align-items:stretch;justify-content:flex-start}.stats-profile-card,.stats-wrong-cluster-grid{grid-template-columns:1fr}}@media (max-width: 640px){.stats-insight-grid,.stats-wrong-cluster-grid,.stats-profile-summary,.stats-profile-list--focus,.stats-profile-list--topics{grid-template-columns:1fr}}@media (max-width: 480px){.stats-cards.stats-cards-8,.stats-cards.stats-cards-9{grid-template-columns:1fr}}.stats-pie-wrap--mode{gap:var(--space-stack);align-items:center}.stats-pie-svg--sm{width:104px;height:104px;flex-shrink:0}.stats-pie-legend--compact{font-size:11px}.stats-pie-legend--compact li{margin-bottom:4px}.stats-pie-legend--compact .stats-pie-label{min-width:56px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-pie-wrap{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-stack)}.stats-pie-svg{width:160px;height:160px;flex-shrink:0}.stats-pie-svg--lg{width:176px;height:176px}.stats-pie-legend{list-style:none;margin:0;padding:0;font-size:12px;flex:1;min-width:0}.stats-pie-legend li{display:flex;align-items:center;gap:var(--space-stack);margin-bottom:var(--space-stack);flex-wrap:wrap}.stats-pie-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.stats-pie-dot--0{background:var(--chart-series-1)}.stats-pie-dot--1{background:var(--chart-series-2)}.stats-pie-dot--2{background:var(--chart-series-3)}.stats-pie-dot--3{background:var(--chart-series-4)}.stats-pie-dot--4{background:var(--chart-series-5)}.stats-pie-dot--5{background:var(--chart-series-6)}.stats-pie-dot--6{background:var(--chart-series-7)}.stats-pie-dot--7{background:var(--chart-series-8)}.stats-pie-dot--wrong-0{background:var(--chart-wrong-1)}.stats-pie-dot--wrong-1{background:var(--chart-wrong-2)}.stats-pie-dot--wrong-2{background:var(--chart-wrong-3)}.stats-pie-dot--wrong-3{background:var(--chart-wrong-4)}.stats-pie-dot--wrong-4{background:var(--chart-wrong-5)}.stats-pie-dot--wrong-5{background:var(--chart-wrong-6)}.stats-pie-dot--wrong-6{background:var(--chart-wrong-7)}.stats-pie-dot--wrong-7{background:var(--chart-wrong-8)}.stats-pie-dot--wrong-8{background:var(--chart-wrong-9)}.stats-pie-dot--wrong-9{background:var(--chart-wrong-10)}.stats-pie-label{color:var(--text-secondary);flex:1;min-width:72px}.stats-pie-val{font-weight:600;color:var(--text-primary)}.stats-pie-sub{color:var(--text-tertiary);font-size:11px}.stats-pie-empty{font-size:13px;color:var(--text-tertiary);padding:16px 0}.ebbinghaus-panel{padding:8px 0}.ebbinghaus-summary-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-stack);margin-bottom:var(--space-stack)}.ebbinghaus-big{font-size:36px;font-weight:700;color:var(--accent);margin-bottom:0;line-height:1}.ebbinghaus-meta{font-size:12px;color:var(--text-secondary);line-height:1.5}.ebb-chart-wrap{position:relative;width:100%;margin-top:var(--space-stack)}.ebb-chart-tooltip-layer,.lc-tooltip-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.ebb-chart-svg{width:100%;height:auto;min-height:200px;display:block;overflow:visible}.ebb-chart-legend{display:flex;flex-wrap:wrap;gap:var(--space-stack);margin-top:var(--space-stack);font-size:11px;color:var(--text-secondary)}.ebb-chart-legend span{display:inline-flex;align-items:center;gap:var(--space-stack)}.ebb-legend-line{display:inline-block;width:22px;border-top:2px dashed;vertical-align:middle}.ebb-legend-line.ebb-legend-solid{border-top-style:solid}.ebb-chart-note{font-size:11px;color:var(--text-tertiary);margin:var(--space-stack) 0 0 0;line-height:1.45}.ebb-chart-tooltip{position:absolute;top:2px;transform:translate(-50%);background:var(--bg-color);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 12px;box-shadow:var(--shadow-md);pointer-events:none;z-index:5;min-width:200px;font-size:12px}.ebb-chart-tooltip-box,.lc-tooltip-box{fill:var(--bg-color);stroke:var(--border);stroke-width:1;opacity:.98}.ebb-chart-tooltip-svg-title,.lc-tooltip-svg-val{fill:var(--text-primary);font-size:10px;font-weight:600}.ebb-chart-tooltip-svg-row,.lc-tooltip-svg-date,.lc-tooltip-svg-sub{fill:var(--text-secondary);font-size:9px}.ebb-chart-tooltip.ebb-chart-tooltip--fixed{position:fixed;top:var(--ebb-tooltip-top, auto);left:var(--ebb-tooltip-left, auto);transform:translate(-50%);z-index:var(--layer-tooltip)}.ebb-chart-tooltip-title{font-weight:600;color:var(--text-primary);margin-bottom:6px;font-size:12px}.ebb-chart-tooltip-row{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;margin-top:4px;color:var(--text-secondary)}.ebb-chart-tooltip-row strong{color:var(--text-primary)}.ebb-chart-tooltip-sub{font-size:10px;color:var(--text-tertiary)}.ebb-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ebb-dot--target{background:var(--chart-ebb-target)}.ebb-dot--actual{background:var(--chart-ebb-actual)}.stats-pie-wrap--wrong-top{gap:var(--space-stack);align-items:center}.stats-pie-legend--wrong{font-size:11px;max-height:280px;overflow-y:auto;padding-right:4px}.stats-pie-legend--wrong li{margin-bottom:var(--space-stack)}.stats-pie-legend--wrong .stats-pie-label{min-width:0;max-width:140px}.stats-subsection-title{font-size:12px;font-weight:600;color:var(--text-secondary);margin:0 0 var(--space-stack) 0}.stats-section-hint{font-size:11px;color:var(--text-tertiary);margin:0 0 var(--space-stack) 0;line-height:1.4}.stats-data-table{width:100%;border-collapse:collapse;font-size:12px}.stats-data-table th,.stats-data-table td{border:1px solid var(--border);padding:8px var(--space-stack);text-align:center}.stats-data-table th{background:var(--bg-secondary);font-weight:600;color:var(--text-secondary)}.stats-data-table .td-word{font-weight:600}.stats-data-table .td-muted{color:var(--text-tertiary)}.wrong-count-badge{display:inline-block;background:color-mix(in srgb,var(--error) 12%,transparent);color:var(--error);font-weight:600;padding:2px 8px;border-radius:var(--radius-sm)}.error-reason-tag{display:inline-block;background:color-mix(in srgb,var(--info) 12%,transparent);color:var(--info);font-size:11px;font-weight:500;padding:2px 6px;border-radius:var(--radius-sm);white-space:nowrap}.mode-breakdown-table-wrap{overflow-x:auto}.stats-table-scroll{max-height:320px;overflow:auto}.stats-table--compact th,.stats-table--compact td{padding:6px 8px;font-size:11px}.stats-cards .stats-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0}.stats-card{position:relative;overflow:hidden;min-height:0;padding:var(--space-stack);background:var(--bg-color);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center;transition:box-shadow var(--transition-fast)}.stats-card:hover{box-shadow:var(--shadow-md)}.stats-card-value{font-size:24px;font-weight:700;color:var(--accent);margin-bottom:var(--space-xs);line-height:1}.stats-card-label{font-size:12px;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:2px}.stats-card-sub{font-size:11px;color:var(--text-tertiary)}.stats-section{background:var(--bg-color);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-stack);margin-bottom:var(--space-stack)}.stats-section-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-stack)}.stats-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-stack);flex-wrap:wrap;gap:var(--space-stack)}.stats-section-header .stats-section-title{margin-bottom:0}.lc-tabs{flex-shrink:0}.lc-filters{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-stack);padding:0;background:transparent;border:none;border-radius:0;box-shadow:none;margin-bottom:var(--space-stack)}.lc-metric-tabs{flex-shrink:0}.lc-selects{display:flex;gap:var(--space-stack)}.lc-select{min-height:28px;padding:3px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);font-size:12px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.lc-select:focus,.lc-select:focus-visible{border-color:rgba(var(--accent-rgb),.42);box-shadow:var(--focus-ring)}.lc-select{cursor:pointer;max-width:120px}.lc-wrap{position:relative;width:100%}.lc-svg{width:100%;height:160px;display:block;overflow:visible}.lc-tooltip{position:absolute;left:var(--lc-tooltip-left, 0);top:var(--lc-tooltip-top, 0);transform:translate(-50%,-110%);background:var(--bg-color);border:1px solid var(--border);border-radius:var(--radius-md);padding:6px var(--space-stack);box-shadow:var(--shadow-md);pointer-events:none;z-index:var(--layer-local-overlay);white-space:nowrap;min-width:80px;text-align:center}.lc-tooltip-date{font-size:10px;color:var(--text-secondary);margin-bottom:2px}.lc-tooltip-val{font-size:14px;font-weight:700;color:var(--accent)}.lc-tooltip-sub{font-size:10px;color:var(--text-tertiary);margin-top:1px}.lc-legend-row{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-stack);flex-wrap:wrap;gap:var(--space-stack)}.lc-legend{display:flex;align-items:center;gap:var(--space-stack);font-size:12px;color:var(--text-secondary);flex-wrap:wrap;row-gap:var(--space-xs)}.lc-crosshair-legend{display:inline-flex;align-items:center;gap:6px;color:var(--text-tertiary);font-size:11px;white-space:nowrap}.lc-crosshair-icon{display:inline-block;width:0;height:12px;border-left:2px dashed var(--accent);opacity:.85;flex-shrink:0}.lc-legend-sep{color:var(--text-tertiary);-webkit-user-select:none;user-select:none}.lc-period-summary{font-size:12px;color:var(--text-secondary);display:flex;gap:var(--space-stack)}.lc-period-summary strong{color:var(--text-primary)}.lc-trend-insight{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:11px;color:var(--text-secondary)}.lc-trend-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:var(--radius-full);font-size:10px;font-weight:700;color:var(--text-inverse);flex-shrink:0}.lc-trend-badge--improving{background:var(--success)}.lc-trend-badge--declining{background:var(--error)}[data-theme=dark] .lc-trend-badge--improving{background:var(--success-strong)}[data-theme=dark] .lc-trend-badge--declining{background:var(--error-strong)}.lc-fallback-note{font-size:10px;color:var(--text-tertiary);margin-left:2px}.stats-chart-loading{height:120px;display:flex;align-items:center;justify-content:center}.stats-skeleton{display:flex;flex-direction:column;gap:12px;width:100%;min-height:120px;padding:10px 0}.stats-skeleton-chart{min-height:120px;border-radius:12px;border:1px solid color-mix(in srgb,var(--border-strong) 72%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-elevated) 96%,transparent),color-mix(in srgb,var(--surface-base) 94%,transparent))}.stats-skeleton--table{min-height:120px;justify-content:center}.stats-skeleton--donut{flex-direction:row;align-items:center;gap:16px}.stats-skeleton-donut{width:120px;height:120px;flex-shrink:0;border-radius:50%;border:18px solid color-mix(in srgb,var(--surface-elevated) 90%,var(--text-primary) 10%);border-right-color:color-mix(in srgb,var(--surface-elevated) 98%,var(--surface-base) 2%);border-bottom-color:color-mix(in srgb,var(--surface-elevated) 94%,var(--text-primary) 6%)}.stats-skeleton-legend{display:flex;flex:1;min-width:0;flex-direction:column;gap:10px}.stats-skeleton-legend-row,.stats-skeleton-split-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.stats-skeleton--split{min-height:180px}.stats-skeleton-split-meta{display:flex;flex:1;min-width:0;flex-direction:column;gap:8px}.legend-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.legend-dot--accent{background:var(--accent)}.stats-empty{text-align:center;padding:var(--space-lg) 0;color:var(--text-secondary)}.stats-empty p{margin-bottom:var(--space-sm);font-size:14px}.stats-go-practice{color:var(--accent);font-size:14px;font-weight:500;cursor:pointer;text-decoration:none}.stats-go-practice:hover{text-decoration:underline}.mode-breakdown-list{display:flex;flex-direction:column;gap:var(--space-stack)}.mode-breakdown-item{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:var(--space-stack)}.mode-breakdown-name{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap}.mode-breakdown-bar-wrap{height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.mode-breakdown-bar{height:100%;background:var(--accent);border-radius:var(--radius-full);transition:width .5s ease;min-width:4px}.mode-breakdown-stats{display:flex;gap:var(--space-stack);align-items:center;font-size:12px;white-space:nowrap}.mbs-words{color:var(--text-primary);font-weight:500;min-width:44px;text-align:right}.mbs-accuracy{color:var(--success);font-weight:600;min-width:36px;text-align:right}.mbs-duration{color:var(--text-secondary);min-width:48px;text-align:right}.mbs-sessions{color:var(--text-tertiary);min-width:28px;text-align:right}@media (max-width: 768px){.mode-breakdown-item{grid-template-columns:70px 1fr;grid-template-rows:auto auto}.mode-breakdown-stats{grid-column:1/-1;justify-content:flex-start}.mbs-words,.mbs-accuracy,.mbs-duration,.mbs-sessions{text-align:left;min-width:auto}}.stats-accuracy-list{display:flex;flex-direction:column;gap:var(--space-stack)}.stats-accuracy-item{display:grid;grid-template-columns:160px 1fr 48px 80px;align-items:center;gap:var(--space-stack)}.stats-accuracy-title{font-size:13px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-accuracy-bar-wrap{height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.stats-accuracy-bar{height:100%;background:var(--accent);border-radius:var(--radius-full);transition:width .5s ease}.stats-accuracy-pct{font-size:13px;font-weight:600;color:var(--accent);text-align:right}.stats-accuracy-counts{font-size:12px;display:flex;gap:var(--space-sm);justify-content:flex-end}.stats-accuracy-counts .correct-count{color:var(--success)}.stats-accuracy-counts .wrong-count{color:var(--error)}.stats-wrong-summary{display:flex;align-items:center;justify-content:space-between}.stats-wrong-count{display:flex;align-items:baseline;gap:var(--space-xs)}.wrong-num{font-size:24px;font-weight:700;color:var(--error)}.wrong-label{font-size:14px;color:var(--text-secondary)}.stats-review-btn{background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-full);padding:var(--space-stack) var(--space-md);font-size:14px;font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.stats-review-btn:hover{background:var(--accent-hover)}@media (max-width: 768px){.stats-cards{grid-template-columns:repeat(2,1fr)}.stats-profile-summary{grid-template-columns:1fr}.stats-profile-list li,.stats-profile-actions li{flex-direction:column;align-items:flex-start;gap:4px}.stats-accuracy-item{grid-template-columns:1fr 80px;grid-template-rows:auto auto}.stats-accuracy-bar-wrap{grid-column:1/-1}.stats-accuracy-counts{display:none}}.profile-user-card{background:var(--bg-color);border:1px solid var(--border);border-radius:var(--radius-lg);padding:10px;display:flex;align-items:center;gap:10px;margin-bottom:10px;box-shadow:var(--shadow-sm)}.profile-avatar{flex-shrink:0;width:64px;height:64px;border-radius:var(--radius-full);overflow:hidden}.profile-avatar-img{width:100%;height:100%;object-fit:cover}.profile-avatar-initials{width:100%;height:100%;background:var(--accent);color:var(--text-inverse);font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center}.profile-user-info{flex:1;min-width:0}.profile-username{font-size:17px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.profile-email{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-pro-badge{flex-shrink:0;background:var(--bg-tertiary);color:var(--text-secondary);font-size:12px;font-weight:500;padding:3px 10px;border-radius:var(--radius-full);border:1px solid var(--border)}.profile-menu{background:var(--bg-color);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.profile-menu-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px;background:none;border:none;border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--transition-fast);text-align:left}.profile-menu-item:last-child{border-bottom:none}.profile-menu-item:hover{background:var(--bg-secondary)}.profile-menu-icon{flex-shrink:0;width:20px;height:20px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.profile-menu-icon svg{width:18px;height:18px}.profile-menu-label{flex:1;font-size:14px;font-weight:500;color:var(--text-primary)}.profile-menu-arrow{flex-shrink:0;width:16px;height:16px;color:var(--text-tertiary)}.profile-logout-item .profile-menu-icon,.profile-logout-item .profile-menu-label{color:var(--error)}.profile-logout-item:hover{background:var(--error-light)}.profile-email-unbound{color:var(--accent);cursor:pointer;font-style:italic}.profile-email-unbound:hover{text-decoration:underline}.bind-email-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:var(--layer-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.bind-email-modal{background:var(--bg-color);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg)}.bind-email-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.bind-email-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.bind-email-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.bind-email-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.bind-email-close svg{width:16px;height:16px}.bind-email-desc{font-size:13px;color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:1.5}.bind-email-field{margin-bottom:var(--space-md)}.bind-email-label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.bind-email-row{display:flex;gap:var(--space-sm);align-items:flex-start}.bind-email-row .auth-input{flex:1;min-width:0;margin-bottom:0}.bind-email-field .auth-input{margin-bottom:0}.bind-email-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-lg);justify-content:flex-end}.bind-email-cancel{height:40px;padding:0 var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.bind-email-cancel:hover{background:var(--bg-tertiary)}.bind-email-submit{width:auto;height:40px;padding:0 var(--space-xl);font-size:14px}.ai-fab{--ai-fab-mobile-bottom: 16px;position:fixed;right:10px;bottom:10px;z-index:var(--layer-topmost);width:44px;height:44px;padding:0;border:none;border-radius:var(--radius-full);background:var(--accent);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--glow-accent);transition:transform .2s ease,box-shadow .2s ease}.ai-fab--nav-offset{--ai-fab-mobile-bottom: 68px }.ai-fab:hover{transform:scale(1.08);box-shadow:var(--shadow-floating)}.ai-fab:active{transform:scale(.96)}.ai-fab svg,.ai-robot-icon{display:block}.ai-panel{--ai-panel-mobile-bottom: 12px;--ai-panel-surface: color-mix(in srgb, var(--bg-color) 92%, var(--bg-secondary));--ai-panel-surface-accent: color-mix(in srgb, var(--accent-light) 28%, var(--bg-color));position:fixed;right:24px;bottom:24px;z-index:var(--layer-topmost);width:min(380px,100vw - 32px);height:min(620px,100vh - 48px);background:linear-gradient(180deg,var(--ai-panel-surface-accent) 0%,var(--ai-panel-surface) 20%,var(--bg-color) 100%);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-overlay);display:flex;flex-direction:column;min-height:0;overflow:hidden;animation:aiSlideUp .22s cubic-bezier(.34,1.56,.64,1)}.ai-panel--nav-offset{--ai-panel-mobile-bottom: 68px }.ai-panel--fullscreen{width:min(80vw,1120px);height:min(80vh,860px)}@keyframes aiSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);background:var(--ai-panel-surface-accent);flex-shrink:0}.ai-panel-title{display:flex;align-items:center;gap:10px;min-width:0}.ai-panel-avatar{width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-full);background:var(--accent);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;overflow:hidden}.ai-panel-name{font-size:14px;font-weight:700;color:var(--text-primary)}.ai-panel-status{display:flex;align-items:center;gap:5px;margin-top:2px;font-size:11px;color:var(--text-tertiary)}.ai-panel-status .micro-loading__text{font-size:11px;font-weight:500}.ai-status-dot{width:6px;height:6px;border-radius:50%;background:var(--text-tertiary);display:inline-block}.ai-status-dot.online{background:var(--success)}.ai-panel-actions{display:flex;align-items:center;gap:4px}.ai-panel-icon-btn,.ai-panel-close{width:32px;height:32px;padding:0;border:none;border-radius:var(--radius-md);background:none;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.ai-panel-icon-btn:hover,.ai-panel-close:hover{background:var(--surface-hover);color:var(--text-primary)}.ai-starter-panel{display:grid;gap:10px;padding:12px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 10%,var(--ai-panel-surface-accent)),var(--ai-panel-surface) 72%),var(--ai-panel-surface);max-height:min(40%,320px);min-height:0;overflow:hidden;flex:0 1 auto;flex-shrink:0}.ai-starter-panel--expanded{gap:12px}.ai-starter-copy{min-width:0}.ai-starter-title{font-size:12.5px;font-weight:700;color:var(--text-primary)}.ai-starter-text{margin:4px 0 0;font-size:12px;line-height:1.5;color:var(--text-secondary)}.ai-starter-toggle{width:100%;max-width:100%;padding:10px 14px;border:1px solid rgba(var(--accent-rgb),.22);border-radius:var(--radius-md);background:color-mix(in srgb,var(--accent) 10%,var(--surface-hover));color:var(--accent);font-size:13px;font-weight:600;text-align:left;cursor:pointer;transition:all var(--transition-fast)}.ai-starter-toggle:hover{border-color:rgba(var(--accent-rgb),.36);background:color-mix(in srgb,var(--accent) 14%,var(--surface-hover))}.ai-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,148px),1fr));gap:8px;width:100%;min-height:0;overflow-y:auto;align-content:start;padding-right:4px}.ai-panel--fullscreen .ai-starter-panel{max-height:min(38%,360px)}.ai-panel--fullscreen .ai-quick-actions{grid-template-columns:repeat(auto-fit,minmax(min(100%,176px),1fr))}.ai-quick-btn{width:100%;min-width:0;min-height:42px;padding:10px 14px;border:1px solid rgba(var(--accent-rgb),.2);border-radius:var(--radius-md);background:var(--surface-hover);color:var(--accent);font-size:13px;font-weight:500;line-height:1.45;text-align:left;cursor:pointer;transition:all var(--transition-fast)}.ai-quick-btn:hover{background:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.ai-messages{flex:1 1 auto;min-height:0}.ai-messages.el-scrollbar{min-height:0}.ai-messages .el-scrollbar__wrap{min-height:0;padding:14px 12px 18px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;scroll-padding-bottom:18px}.ai-msg{position:relative;display:flex;flex-direction:column;flex-shrink:0;max-width:min(90%,760px)}.ai-msg--assistant-wide{max-width:100%;width:100%}.ai-msg-user{align-self:flex-end}.ai-msg-assistant{align-self:flex-start}.ai-msg-bubble{padding:10px 14px;border-radius:var(--radius-lg);font-size:13.5px;line-height:1.6;word-break:break-word}.ai-msg-bubble p{margin:0}.ai-msg-user .ai-msg-bubble{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:var(--text-inverse);border-bottom-right-radius:4px;box-shadow:var(--glow-accent)}.ai-msg-user .ai-msg-bubble,.ai-msg-user .ai-msg-bubble *{color:inherit}.ai-msg-assistant .ai-msg-bubble{background:var(--surface-muted);color:var(--text-primary);border-bottom-left-radius:4px;width:100%;min-width:0}.ai-assistant-bubble{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;width:100%}.ai-assistant-bubble__content{min-width:0}.ai-assistant-bubble__content--streaming:after{content:"";display:inline-block;width:8px;height:1.05em;margin-left:6px;border-radius:999px;background:color-mix(in srgb,var(--accent) 78%,var(--text-inverse));vertical-align:-.14em;animation:aiStreamCaretPulse 1s ease-in-out infinite}@keyframes aiStreamCaretPulse{0%,to{opacity:.28;transform:scaleY(.78)}50%{opacity:.92;transform:scaleY(1)}}.ai-markdown-content{font-size:13.5px;line-height:1.7}.ai-markdown-content h1,.ai-markdown-content h2,.ai-markdown-content h3{margin-bottom:8px}.ai-markdown-content h1{font-size:1.05rem}.ai-markdown-content h2{font-size:.98rem;padding-top:8px}.ai-markdown-content h3{font-size:.92rem}.ai-markdown-content p,.ai-markdown-content ul,.ai-markdown-content ol,.ai-markdown-content blockquote,.ai-markdown-content pre,.ai-markdown-content table{margin-bottom:8px}.ai-markdown-content ul,.ai-markdown-content ol{margin-left:18px}.ai-markdown-content pre{background:var(--surface-code);font-size:12px}.ai-markdown-content table{font-size:12px}.ai-markdown-content code:not(pre code){font-size:12px}.ai-bubble-loading{min-height:24px}.ai-bubble-loading .micro-loading__text{font-size:13px}.ai-msg-options{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:8px}.ai-option-btn{width:100%;padding:8px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:13px;font-weight:500;text-align:left;cursor:pointer;transition:all var(--transition-fast)}.ai-option-btn:hover:not(:disabled){background:var(--accent-light);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.ai-option-btn:disabled{opacity:.5;cursor:not-allowed}.ai-copy-btn{width:26px;height:26px;padding:0;border:none;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-muted) 86%,transparent);color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;align-self:flex-start;flex-shrink:0;cursor:pointer;opacity:.62;transition:opacity .15s ease,color .15s ease,background .15s ease}.ai-msg-assistant:hover .ai-copy-btn,.ai-copy-btn:focus-visible,.ai-copy-btn.copied{opacity:1}.ai-copy-btn:hover{color:var(--accent);background:var(--bg-secondary)}.ai-copy-btn.copied{color:var(--success)}.ai-input-stack{border-top:1px solid var(--border);background:var(--bg-color);position:relative;z-index:1;flex-shrink:0}.ai-input-row{display:flex;align-items:stretch;padding:12px}.ai-input-shell{flex:1;min-width:0;display:flex;flex-direction:column;padding:10px 12px;border:1px solid var(--border);border-radius:calc(var(--radius-lg) + 2px);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 4%,transparent),transparent 60%),var(--bg-secondary);transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.ai-input-shell:focus-within{border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 5%,transparent),transparent 60%),var(--bg-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent)}.ai-input-shell--recording{border-color:color-mix(in srgb,var(--accent) 34%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 8%,transparent)}.ai-input-shell--processing{border-color:color-mix(in srgb,var(--accent) 28%,transparent)}.ai-input-shell--error{border-color:color-mix(in srgb,var(--error) 30%,transparent)}.ai-input{resize:none;min-height:76px;padding:0;border:none;background:transparent;color:var(--text-primary);font-size:13.5px;font-family:var(--font-sans);line-height:1.5;outline:none;overflow-y:hidden;transition:color var(--transition-fast)}.ai-input:focus{background:transparent}.ai-input::placeholder{color:var(--text-tertiary)}.ai-input:disabled{opacity:.6;cursor:not-allowed}.ai-input-footer{display:flex;align-items:center;gap:10px;margin-top:10px}.ai-input-footer--active{margin-top:14px}.ai-input-footer-main{flex:1;min-width:0;display:grid;align-content:end;gap:6px}.ai-input-actions{margin-left:auto;align-self:center;display:flex;align-items:center;gap:8px;flex-shrink:0}.ai-voice-duration{flex-shrink:0;align-self:center;min-width:34px;margin-left:2px;color:color-mix(in srgb,var(--text-secondary) 92%,transparent);font-size:12px;line-height:1;letter-spacing:.02em;font-variant-numeric:tabular-nums;text-align:right}.ai-voice-visualizer{position:relative;min-height:28px;padding:0;overflow:hidden}.ai-voice-visualizer__canvas{display:block;width:100%;height:28px}.ai-send-btn{width:42px;height:42px;padding:0;border:none;border-radius:999px;background:var(--accent);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.ai-send-btn:hover:not(:disabled){background:var(--accent-hover)}.ai-send-btn:disabled{opacity:.4;cursor:not-allowed}.ai-voice-btn{width:42px;height:42px;padding:0;border:1px solid var(--border);border-radius:999px;background:var(--bg-secondary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.ai-voice-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 38%,transparent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg-secondary))}.ai-voice-btn--recording{border-color:color-mix(in srgb,var(--error) 28%,transparent);background:color-mix(in srgb,var(--error) 12%,transparent);color:var(--error);animation:aiVoicePulse 1.1s ease-in-out infinite}.ai-voice-btn--processing{border-color:color-mix(in srgb,var(--accent) 34%,transparent);background:color-mix(in srgb,var(--accent) 12%,var(--bg-secondary));color:var(--accent)}.ai-voice-btn-spinner{display:block}.ai-voice-btn:disabled{opacity:.45;cursor:not-allowed}.ai-voice-status{margin:0;font-size:11.5px;line-height:1.5;color:var(--text-tertiary)}.ai-voice-status--recording{color:color-mix(in srgb,var(--accent) 82%,var(--text-primary) 18%)}.ai-voice-status--processing{color:var(--accent)}.ai-voice-status--error{color:var(--error)}@keyframes aiVoicePulse{0%,to{transform:scale(1);box-shadow:0 0 color-mix(in srgb,var(--error) 18%,transparent)}50%{transform:scale(1.04);box-shadow:0 0 0 6px color-mix(in srgb,var(--error) 0%,transparent)}}.ai-greeting-loading{padding:16px 14px 8px;display:flex;flex-direction:column;gap:10px}.ai-greeting-skeleton{width:100%;height:14px;border-radius:var(--radius-sm);background:var(--bg-secondary);background-size:200% 100%;animation:skeletonShimmer 1.4s infinite}.ai-greeting-skeleton--short{width:65%}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.ai-fab{right:16px;bottom:var(--ai-fab-mobile-bottom, 16px)}.ai-panel{right:12px;bottom:var(--ai-panel-mobile-bottom, 12px);width:min(420px,100vw - 24px);height:min(72vh,720px)}.ai-panel--fullscreen{width:calc(100vw - 16px);height:calc(100vh - 80px);right:8px;bottom:8px}.ai-starter-panel{max-height:min(42%,280px)}.ai-input-row{padding:10px}.ai-input-shell{padding:12px 12px 10px}.ai-input{min-height:102px}.ai-send-btn,.ai-voice-btn{width:40px;height:40px}.ai-input-footer{gap:10px}.ai-input-actions{gap:6px}}@media (max-width: 480px){.ai-panel{right:0;bottom:56px;width:100vw;height:calc(80vh - 56px);border-bottom:none;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.ai-panel--fullscreen{right:0;bottom:56px;width:100vw;height:calc(100vh - 56px)}.ai-msg{max-width:92%}.ai-msg--assistant-wide{max-width:100%}.ai-starter-panel{max-height:min(44%,236px)}.ai-input{min-height:92px}.ai-voice-visualizer{min-height:26px}}.speaking-page{min-height:100%;background:radial-gradient(circle at top left,rgba(var(--warning-rgb),.12),transparent 28%),radial-gradient(circle at top right,rgba(var(--accent-rgb),.08),transparent 30%),linear-gradient(180deg,rgba(var(--info-rgb),.06),transparent 24%),var(--bg-secondary)}.speaking-page__shell{width:100%;min-height:100%;padding:24px var(--page-gutter) 36px;box-sizing:border-box}.speaking-page__library{display:grid;gap:18px;align-content:start;padding:18px;border:1px solid var(--surface-border-strong);border-radius:28px;background:color-mix(in srgb,var(--surface-elevated) 96%,transparent);box-shadow:var(--shadow-soft)}.speaking-page__library-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:2px 4px 0}.speaking-page__library-copy{display:grid;gap:6px}.speaking-page__library-eyebrow,.speaking-page__library-count{display:inline-flex;align-items:center;width:fit-content;min-height:28px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700}.speaking-page__library-eyebrow{background:rgba(var(--accent-rgb),.08);color:var(--accent)}.speaking-page__library-note{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.6}.speaking-page__library-count{background:var(--surface-muted);color:var(--text-secondary)}.speaking-page__topic-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px;align-content:start}.speaking-page__topic-card,.speaking-page__ghost-button,.speaking-page__nav-button{border:1px solid var(--border-subtle);background:var(--surface-overlay);color:var(--text-primary);font:inherit}.speaking-page__topic-card{display:grid;grid-template-columns:1fr auto;gap:14px;min-height:208px;padding:16px;border-radius:18px;text-align:left;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;animation:speaking-page-rise .28s ease both}.speaking-page__topic-card:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.32);box-shadow:var(--shadow-panel)}.speaking-page__topic-index,.speaking-page__topic-count,.speaking-page__theme-chip,.speaking-page__step-count,.speaking-page__cue-meta span{display:inline-flex;align-items:center;width:fit-content;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.speaking-page__topic-card-top{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px}.speaking-page__topic-index,.speaking-page__cue-meta span{background:rgba(var(--warning-rgb),.12);color:var(--warning-strong)}.speaking-page__topic-card-body{display:grid;gap:12px;min-width:0}.speaking-page__topic-title{color:var(--text-primary);font-size:19px;line-height:1.35}.speaking-page__topic-preview{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.65}.speaking-page__topic-count,.speaking-page__step-count{background:var(--surface-elevated);color:var(--text-secondary)}.speaking-page__topic-structure{display:flex;flex-wrap:wrap;gap:8px}.speaking-page__topic-chip{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:var(--surface-muted);color:var(--text-secondary);font-size:12px;font-weight:700}.speaking-page__topic-sample{margin:auto 0 0;padding-top:12px;border-top:1px solid var(--border-subtle);color:var(--text-tertiary);font-size:13px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.speaking-page__topic-arrow{align-self:end;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:rgba(var(--accent-rgb),.08);color:var(--accent)}.speaking-page__topic-arrow svg{width:16px;height:16px}.speaking-page__exam{display:grid;gap:16px;min-height:calc(100svh - 168px)}.speaking-page__toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border:1px solid var(--border-subtle);border-radius:24px;background:var(--surface-overlay);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.speaking-page__toolbar-meta,.speaking-page__toolbar-actions,.speaking-page__cue-meta{display:flex;align-items:center;gap:10px}.speaking-page__theme-chip{background:rgba(var(--accent-rgb),.12);color:var(--accent-strong)}.speaking-page__ghost-button,.speaking-page__nav-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.speaking-page__ghost-button:hover:not(:disabled),.speaking-page__nav-button:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(var(--accent-rgb),.28);box-shadow:var(--shadow-soft)}.speaking-page__ghost-button:disabled,.speaking-page__nav-button:disabled{cursor:not-allowed;opacity:.52}.speaking-page__prompt-frame{display:grid;min-height:calc(100svh - 320px);padding:clamp(28px,5vw,64px);border:1px solid var(--border-subtle);border-radius:36px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-elevated) 92%,transparent),color-mix(in srgb,var(--surface-overlay) 90%,transparent)),var(--surface-overlay);box-shadow:var(--shadow-overlay);animation:speaking-page-rise .24s ease both}.speaking-page__prompt-frame--question{align-items:center}.speaking-page__prompt-frame--cue-card{align-items:start}.speaking-page__cue-card{display:grid;gap:24px;width:min(840px,100%)}.speaking-page__prompt-text{margin:0;color:var(--text-primary);font-size:clamp(34px,5vw,62px);line-height:1.14;letter-spacing:-.04em;text-wrap:balance}.speaking-page__cue-points{display:grid;gap:10px;margin:0;padding-left:22px;color:var(--text-secondary);font-size:17px;line-height:1.7}.speaking-page__progress{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}.speaking-page__progress-segment{height:6px;border-radius:999px;background:var(--border-subtle);transition:background-color .18s ease,transform .18s ease}.speaking-page__progress-segment.is-complete{background:rgba(var(--accent-rgb),.2)}.speaking-page__progress-segment.is-active{background:rgba(var(--accent-rgb),.52);transform:scaleY(1.2)}@keyframes speaking-page-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 860px){.speaking-page__shell{padding:16px var(--page-gutter) 28px}.speaking-page__library{padding:14px;border-radius:22px}.speaking-page__library-bar{flex-direction:column;align-items:flex-start}.speaking-page__topic-list{grid-template-columns:1fr}.speaking-page__toolbar{flex-direction:column;align-items:stretch}.speaking-page__toolbar-meta,.speaking-page__toolbar-actions{justify-content:space-between}.speaking-page__toolbar-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.speaking-page__prompt-frame{min-height:calc(100svh - 360px);padding:24px 20px;border-radius:28px}.speaking-page__prompt-text{font-size:clamp(28px,9vw,42px);text-wrap:initial}.speaking-page__cue-points{font-size:16px}}.vocab-test{min-height:100vh;background:var(--bg-color);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}.vocab-test-header{display:flex;align-items:center;padding:10px;gap:10px;border-bottom:1px solid var(--border);background:var(--bg-color);flex-shrink:0}.vocab-test-back{width:36px;height:36px;border-radius:var(--radius-md);background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--transition-fast)}.vocab-test-back:hover{background:var(--bg-secondary);color:var(--text-primary)}.vocab-test-back svg{width:20px;height:20px}.vocab-test-title{flex:1;font-size:16px;font-weight:700;color:var(--text-primary);text-align:center;margin-right:48px}.vocab-test-score{font-size:14px;font-weight:700;position:absolute;right:10px}.vocab-test-score .score-correct{color:var(--success)}.vocab-test-score .score-sep{color:var(--text-tertiary);margin:0 2px}.vocab-test-score .score-total{color:var(--text-tertiary)}.vocab-test-progress{height:3px;width:100%;border:none;background:var(--border);flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vocab-test-progress::-webkit-progress-bar{background:var(--border)}.vocab-test-progress::-webkit-progress-value{background:var(--accent)}.vocab-test-progress::-moz-progress-bar{background:var(--accent)}.vocab-test-badge{display:flex;align-items:baseline;justify-content:center;gap:10px;padding:10px 0;flex-shrink:0}.vocab-test-badge-num{font-size:36px;font-weight:800;line-height:1;color:var(--accent)}.vocab-test-badge-label{font-size:14px;color:var(--text-tertiary)}.vocab-test-play-area{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 0;flex-shrink:0}.vocab-test-play-btn{width:72px;height:72px;border-radius:50%;background:var(--accent);color:var(--text-inverse);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--glow-accent);transition:transform .15s ease,box-shadow .15s ease}.vocab-test-play-btn:hover{transform:scale(1.05);box-shadow:var(--glow-accent-strong)}.vocab-test-play-btn:active{transform:scale(.96)}.vocab-test-hint{font-size:13px;color:var(--text-tertiary)}.vocab-test-options{display:flex;flex-direction:column;gap:10px;padding:0 10px 10px;flex:1}.vocab-test-opt{display:flex;align-items:flex-start;gap:10px;padding:10px;background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:all var(--transition-fast);width:100%}.vocab-test-opt:hover:not(:disabled){border-color:var(--accent);background:var(--accent-light)}.vocab-test-opt:disabled{cursor:default}.vocab-test-opt.correct{border-color:var(--success);background:rgba(var(--success-rgb),.08)}.vocab-test-opt.wrong{border-color:var(--error);background:rgba(var(--error-rgb),.08)}.opt-indicator{width:24px;height:24px;border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vocab-test-opt.correct .opt-indicator{background:var(--success);color:var(--text-inverse)}.vocab-test-opt.wrong .opt-indicator{background:var(--error);color:var(--text-inverse)}.opt-text{font-size:14px;color:var(--text-primary);line-height:1.5;flex:1}.vocab-test-feedback{padding:10px;display:flex;flex-direction:column;gap:10px;flex-shrink:0}.feedback-text{font-size:14px;font-weight:600;text-align:center;padding:10px;border-radius:var(--radius-md)}.feedback-text.correct{color:var(--success);background:rgba(var(--success-rgb),.08)}.feedback-text.wrong{color:var(--error);background:rgba(var(--error-rgb),.08)}.vocab-test-next-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:14px;background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-lg);font-size:15px;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.vocab-test-next-btn:hover{background:var(--accent-hover)}.vocab-test-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.vocab-test-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--error)}.vocab-test-error button{padding:10px 24px;background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-md);cursor:pointer}.vocab-test-result{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px;gap:10px}.result-ring-wrap{position:relative;width:130px;height:130px}.result-ring-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.result-ring-progress--success,.result-ring-progress--accent,.result-ring-progress--error{transition:stroke-dashoffset 1s ease}.result-ring-progress--success{stroke:var(--success)}.result-ring-progress--accent{stroke:var(--accent)}.result-ring-progress--error{stroke:var(--error)}.result-pct{font-size:28px;font-weight:800;color:var(--text-primary)}.result-score{font-size:13px;color:var(--text-tertiary)}.result-msg{font-size:18px;font-weight:600;color:var(--text-primary);text-align:center}.result-wrong-section{width:100%;background:var(--bg-secondary);border-radius:var(--radius-lg);padding:10px}.result-wrong-title{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:10px}.result-wrong-item{display:flex;align-items:baseline;gap:10px;padding:6px 0;border-bottom:1px solid var(--border)}.result-wrong-item:last-child{border-bottom:none}.result-wrong-word{font-size:14px;font-weight:700;color:var(--accent);white-space:nowrap;min-width:80px}.result-wrong-def{font-size:13px;color:var(--text-secondary)}.result-actions{display:flex;gap:10px;width:100%}.result-btn{flex:1;padding:13px;border-radius:var(--radius-lg);font-size:15px;font-weight:600;cursor:pointer;border:1.5px solid var(--border);background:none;color:var(--text-secondary);transition:all var(--transition-fast)}.result-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--text-inverse)}.result-btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.result-btn:not(.primary):hover{background:var(--bg-secondary);color:var(--text-primary)}.admin-dashboard{position:relative;width:100%;max-width:100%;min-width:0;min-height:0;overflow:auto;padding:10px}.admin-dashboard:before{display:none}.admin-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}.admin-title{font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.admin-subtitle{font-size:13px;color:var(--text-tertiary);margin:0}.admin-refresh-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--surface-muted);border:1px solid var(--border-subtle);border-radius:8px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:background .15s;flex-shrink:0}.admin-refresh-btn:hover{background:var(--surface-hover)}.admin-error{background:var(--error-light);border:1px solid var(--error-bg);color:var(--error);padding:10px;border-radius:10px;font-size:13px;margin-bottom:10px;cursor:pointer}.admin-error-dismiss{opacity:.6;font-size:12px}.admin-tabs{margin-bottom:10px;width:fit-content;max-width:100%}.admin-loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-tertiary);font-size:14px}.admin-empty{text-align:center;color:var(--text-tertiary);padding:32px;font-size:14px}.admin-table-skeleton{background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:10px;box-shadow:var(--shadow-soft);padding:12px}.admin-table-skeleton-head,.admin-table-skeleton-row{display:grid;grid-template-columns:1.2fr 1.5fr .9fr .9fr .8fr .8fr .8fr 1fr 1fr;gap:10px;align-items:center}.admin-table-skeleton-head{padding-bottom:12px;border-bottom:1px solid var(--border)}.admin-table-skeleton-body{display:flex;flex-direction:column}.admin-table-skeleton-row{padding:14px 0;border-bottom:1px solid var(--border-subtle)}.admin-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:10px}.admin-stat-card{position:relative;overflow:hidden;min-height:0;padding:10px;background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:10px;box-shadow:var(--shadow-soft)}.admin-stat-label{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.admin-stat-value{font-size:26px;font-weight:700;line-height:1;margin-bottom:6px}.admin-stat-value--indigo{color:var(--tone-indigo)}.admin-stat-value--green{color:var(--success)}.admin-stat-value--amber{color:var(--warning)}.admin-stat-value--blue{color:var(--tone-blue)}.admin-stat-sub{font-size:12px;color:var(--text-tertiary)}.admin-chart-section{background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:10px;box-shadow:var(--shadow-soft);padding:10px;margin-bottom:10px}.admin-section-title{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:12px}.admin-chart-wrapper{padding:4px 0}.admin-summary-heading{margin:10px 0 0}.admin-summary-heading--compact{margin-top:0}.admin-summary-heading-text{font-size:12px;color:var(--text-tertiary)}.admin-mini-bar-chart{width:100%;height:60px}.admin-mini-bar-chart-svg{width:100%;height:100%;display:block}.admin-mini-bar-chart-svg--indigo{color:var(--tone-indigo)}.admin-mini-bar-chart-svg--green{color:var(--success)}.admin-mini-bar-chart-bar{fill:currentColor;opacity:.85}.admin-chart-labels{display:flex;gap:3px;margin-top:4px}.admin-chart-label{flex:1;text-align:center;font-size:10px;color:var(--text-tertiary);overflow:hidden}.admin-two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 700px){.admin-two-col{grid-template-columns:1fr}}.admin-card{background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:10px;box-shadow:var(--shadow-soft);padding:10px}.admin-mode-list{display:flex;flex-direction:column;gap:10px}.admin-mode-row{display:grid;grid-template-columns:90px 1fr 80px;align-items:center;gap:10px}.admin-mode-name{font-size:13px;color:var(--text-secondary)}.admin-mode-bar-wrap{background:var(--surface-inset);border-radius:4px;height:8px;overflow:hidden}.admin-mode-bar{height:100%;background:var(--accent);border-radius:4px;min-width:2px;transition:width .3s}.admin-mode-count{font-size:12px;color:var(--text-tertiary);text-align:right}.admin-book-list{display:flex;flex-direction:column;gap:8px}.admin-book-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--surface-muted);border-radius:8px;border:1px solid var(--border-subtle)}.admin-book-rank{font-size:12px;font-weight:700;color:var(--text-tertiary);width:20px;flex-shrink:0}.admin-book-name{font-size:13px;color:var(--text-primary);flex:1}.admin-book-meta{font-size:12px;color:var(--text-tertiary);flex-shrink:0}.admin-search-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.admin-search-input{flex:1;min-width:200px;max-width:340px;padding:10px;border:1px solid var(--border-subtle);border-radius:10px;font-size:14px;background:var(--surface-muted);color:var(--text-primary);outline:none;transition:border-color .15s,box-shadow .15s}.admin-search-input:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}.admin-search-btn{padding:10px;background:var(--accent);color:var(--text-inverse);border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.admin-search-btn:hover{background:var(--accent-hover)}.admin-search-clear{padding:10px;background:var(--surface-muted);border:1px solid var(--border-subtle);border-radius:10px;font-size:13px;color:var(--text-secondary);cursor:pointer}.admin-search-clear:hover{background:var(--surface-hover)}.admin-total-hint{font-size:13px;color:var(--text-tertiary);margin-left:auto}.admin-users{min-width:0}.admin-table-wrap{overflow-x:auto;overflow-y:visible;background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:10px;box-shadow:var(--shadow-soft);width:100%;max-width:100%;min-width:0}.admin-mode-progress{width:100%;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:999px;overflow:hidden;background:var(--bg-tertiary)}.admin-mode-progress::-webkit-progress-bar{background:var(--bg-tertiary)}.admin-mode-progress::-webkit-progress-value{background:var(--accent)}.admin-mode-progress::-moz-progress-bar{background:var(--accent)}.admin-table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap;min-width:980px;background:transparent}.admin-feedback{min-width:0}.admin-feedback-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}.admin-feedback-table{min-width:920px}.admin-feedback-word,.admin-feedback-user,.admin-feedback-context{display:flex;flex-direction:column;gap:4px;text-align:left}.admin-feedback-word strong,.admin-feedback-user strong,.admin-feedback-context strong{color:var(--text-primary)}.admin-feedback-word span,.admin-feedback-user span,.admin-feedback-context span{color:var(--text-secondary);font-size:12px;line-height:1.6}.admin-feedback-word em{color:var(--text-tertiary);font-style:normal;font-size:12px;line-height:1.6}.admin-feedback-tags{display:flex;flex-wrap:wrap;gap:6px}.admin-feedback-tag{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,var(--surface-muted));color:var(--accent);font-size:12px;font-weight:600}.admin-table thead tr{background:var(--surface-muted)}.admin-table th{padding:11px 14px;text-align:center;font-size:12px;font-weight:600;color:var(--text-tertiary);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none}.admin-table th.sortable{cursor:pointer}.admin-table th.sortable:hover{color:var(--text-primary)}.admin-sort-icon{margin-left:4px;opacity:.3;font-size:10px}.admin-sort-icon.is-active{opacity:1}.admin-table td{padding:11px 14px;border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:middle;background:transparent;text-align:center}.admin-table tbody tr:last-child td{border-bottom:none}.admin-user-row{cursor:pointer}.admin-user-row:hover td{background:var(--surface-hover)!important}@media (max-width: 1180px){.admin-dashboard{padding:10px}.admin-tabs{width:100%;overflow-x:auto}.admin-search-row{align-items:stretch}.admin-search-input{min-width:0;max-width:none}.admin-total-hint{width:100%;margin-left:0}.admin-table{min-width:0;white-space:normal}.admin-table thead{display:none}.admin-table,.admin-table tbody,.admin-table tr,.admin-table td{display:block;width:100%}.admin-table-wrap{overflow:visible;background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.admin-table tbody{display:grid;gap:10px}.admin-user-row{padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-base);box-shadow:var(--shadow-soft)}.admin-table td{padding:10px 0 0;border-bottom:none;background:transparent!important;overflow-wrap:anywhere}.admin-table td:first-child{padding-top:0}.admin-table td:before{content:attr(data-label);display:block;margin-bottom:4px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.admin-table td[data-label=用户]:before{display:none}.admin-user-name-cell{align-items:center;gap:10px;flex-wrap:wrap}.admin-pagination{flex-wrap:wrap}}@media (max-width: 680px){.admin-search-btn,.admin-search-clear{display:flex;align-items:center;width:100%;justify-content:center}}.admin-user-name-cell{display:flex;align-items:center;justify-content:center;gap:8px}.admin-user-name{font-weight:600;color:var(--text-primary)}.admin-user-name--admin{color:var(--warning)}.admin-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.admin-avatar-placeholder{width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--text-inverse);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-avatar-placeholder.large{width:44px;height:44px;font-size:16px}.admin-cell-muted{color:var(--text-tertiary)!important}.admin-cell-tone--success{color:var(--success)}.admin-cell-tone--error{color:var(--error)}.admin-accuracy.good{color:var(--success);font-weight:600}.admin-accuracy.mid{color:var(--warning);font-weight:600}.admin-accuracy.low{color:var(--error);font-weight:600}.admin-sessions-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;color:var(--text-tertiary)}.admin-sessions-badge.active{background:var(--success-bg);color:var(--success);font-weight:600}.admin-loading-cell,.admin-empty-cell{text-align:center;color:var(--text-tertiary);padding:40px!important;font-size:14px}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px}.admin-pagination button{padding:6px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:background .12s}.admin-pagination button:hover:not(:disabled){background:var(--bg-tertiary)}.admin-pagination button.active{background:var(--accent);color:var(--text-inverse);border-color:var(--accent);font-weight:600}.admin-pagination button:disabled{opacity:.4;cursor:not-allowed}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-strong);display:flex;align-items:center;justify-content:center;z-index:var(--layer-modal);padding:40px 20px;overflow-y:auto}.admin-modal-overlay.admin-modal-overlay-fs{inset:var(--header-height) 0 0 0;padding:0;align-items:stretch}.admin-modal{background:var(--bg-color);border:1px solid var(--border);border-radius:14px;width:100%;max-width:820px;margin:0 auto;overflow:hidden;box-shadow:var(--shadow-xl);flex-shrink:0}.admin-modal.admin-modal-fs{max-width:none;height:100%;border-radius:0;border:none;display:flex;flex-direction:column;margin:0}.admin-modal-fs-content{display:flex;flex:1;overflow:hidden;min-height:0}.admin-modal-fs-sidebar{width:240px;flex-shrink:0;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;background:var(--bg-secondary)}.admin-modal-fs-sidebar .admin-modal-stats{flex-direction:column;overflow:visible;border-bottom:none}.admin-modal-fs-sidebar .admin-modal-stat{flex:none;min-width:auto;text-align:left;display:flex;align-items:center;justify-content:space-between;border-right:none;border-bottom:1px solid var(--border);padding:10px 16px}.admin-modal-fs-sidebar .admin-modal-stat:last-child{border-bottom:1px solid var(--border)}.admin-modal-fs-sidebar .admin-modal-stat-val{font-size:15px}.admin-modal-fs-sidebar .admin-modal-stat-lbl{margin-top:0;font-size:12px}.admin-modal-fs-sidebar .admin-detail-filters{flex-direction:column;align-items:stretch;gap:6px;padding:12px}.admin-modal-fs-sidebar .admin-detail-tabs{flex-direction:column;border-bottom:none;align-items:center;padding:12px 10px;gap:8px;flex:1}.admin-modal-fs-sidebar .admin-detail-tab{display:flex;align-items:center;justify-content:center;width:100%;min-height:42px;padding:10px 12px;text-align:center;border:1px solid transparent;border-radius:10px;margin-bottom:0;transition:background .12s,color .12s,transform .12s,box-shadow .12s}.admin-modal-fs-sidebar .admin-detail-tab:hover{background:var(--surface-hover);transform:translateY(-1px)}.admin-modal-fs-sidebar .admin-detail-tab.active{background:var(--accent-light);border-color:transparent;box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.18)}.admin-modal-fs-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.admin-modal-fs-main .admin-modal-body{max-height:none;flex:1;padding:20px 28px}.admin-modal-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:10px 20px;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.admin-modal-user-info{display:flex;align-items:center;gap:12px;flex:1 1 320px;min-width:0}.admin-modal-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}.admin-modal-username{font-size:15px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.admin-modal-user-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;flex:1;min-width:0}.admin-modal-username-hl{font-size:15px;font-weight:700;color:var(--accent)}.admin-modal-username-hl--admin{color:var(--warning)}.admin-modal-meta-sep{font-size:13px;color:var(--border);-webkit-user-select:none;user-select:none}.admin-modal-meta-item{font-size:13px;color:var(--text-tertiary);overflow-wrap:anywhere}.admin-modal-email{font-size:12px;color:var(--text-tertiary);margin-top:2px}.admin-modal-meta{font-size:12px;color:var(--text-tertiary);margin-top:1px}.admin-modal-close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:6px;border-radius:6px;transition:color .12s,background .12s;flex-shrink:0;line-height:0}.admin-modal-close:hover{color:var(--text-primary);background:var(--bg-tertiary)}.admin-modal-actions{display:flex;align-items:center;flex-shrink:0}.admin-modal-stats{display:flex;border-bottom:1px solid var(--border);overflow-x:auto;background:var(--bg-color)}.admin-modal-stat{flex:1;min-width:80px;padding:12px 10px;text-align:center;border-right:1px solid var(--border)}.admin-modal-stat:last-child{border-right:none}.admin-modal-stat-val{font-size:17px;font-weight:700;color:var(--text-primary)}.admin-modal-stat-lbl{font-size:11px;color:var(--text-tertiary);margin-top:2px}.admin-detail-filters{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px;padding:10px;background:var(--bg-secondary);border:none;border-radius:0;box-shadow:none;border-bottom:1px solid var(--border)}.admin-filter-date{min-height:32px;padding:5px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg-color);color:var(--text-primary);font-size:12px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.admin-filter-date:focus,.admin-filter-date:focus-visible{border-color:rgba(var(--accent-rgb),.42);box-shadow:var(--focus-ring)}.admin-filter-select{min-height:32px;padding:5px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg-color);color:var(--text-primary);font-size:12px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.admin-filter-select:focus,.admin-filter-select:focus-visible{border-color:rgba(var(--accent-rgb),.42);box-shadow:var(--focus-ring)}.admin-filter-select{cursor:pointer}.admin-filter-apply{min-height:32px;padding:5px 14px;border:none;border-radius:6px;background:var(--accent);color:var(--text-inverse);font-size:12px;font-weight:600;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.admin-filter-apply:focus-visible{outline:none;border-color:rgba(var(--accent-rgb),.42);box-shadow:var(--focus-ring)}.admin-filter-apply:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.admin-filter-apply{box-shadow:none;transition:background .12s}.admin-filter-apply:hover{background:var(--accent-hover)}.admin-filter-reset{min-height:32px;padding:5px 12px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:400;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.admin-filter-reset:focus-visible{outline:none;border-color:rgba(var(--accent-rgb),.42);box-shadow:var(--focus-ring)}.admin-filter-reset:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.admin-filter-reset{transition:background .12s}.admin-filter-reset:hover{background:var(--bg-tertiary)}.admin-detail-tabs{display:flex;gap:0;padding:0 16px;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.admin-detail-tab{padding:10px 14px;background:none;border:none;border-bottom:2px solid transparent;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:color .12s;white-space:nowrap}.admin-detail-tab:hover{color:var(--text-primary)}.admin-detail-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.admin-modal-body{padding:16px 20px;max-height:520px;overflow-y:auto;background:var(--bg-color)}.admin-modal-toggle-fs{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:6px;border-radius:6px;transition:color .12s,background .12s;flex-shrink:0;line-height:0;margin-right:4px}.admin-modal-toggle-fs:hover{color:var(--text-primary);background:var(--bg-tertiary)}.admin-detail-table{width:100%;border-collapse:collapse;font-size:13px}.admin-detail-table th{padding:7px 10px;background:var(--bg-secondary);font-size:11px;font-weight:600;color:var(--text-tertiary);border-bottom:1px solid var(--border);text-align:center;white-space:nowrap}.admin-detail-table td{padding:9px 10px;background:transparent;color:var(--text-primary);border-bottom:1px solid var(--border-subtle);vertical-align:middle;text-align:center}.admin-detail-table tbody tr:last-child td{border-bottom:none}.admin-detail-table tbody tr:hover td{background:var(--bg-secondary)!important}.admin-book-progress{min-width:180px;margin-inline:auto}.admin-book-progress__meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:6px;font-size:12px;color:var(--text-secondary)}.admin-book-progress__meta strong{font-size:13px;color:var(--text-primary)}.admin-book-progress__track{height:8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,var(--bg-tertiary));overflow:hidden}.admin-book-progress__fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 70%,var(--bg-color)))}.admin-book-performance{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12px;text-align:center}.admin-status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:20px;padding:2px 8px;border-radius:10px;background:transparent;color:var(--text-secondary);font-size:11px;font-weight:600}.admin-status-badge.completed{background:var(--success-bg);color:var(--success)}.admin-status-badge.ongoing{background:var(--accent-light);color:var(--accent)}.admin-wrong-count{font-weight:600}.admin-wrong-count.high{color:var(--error)}.admin-wrong-count.mid{color:var(--warning)}.admin-section-title--compact{margin-bottom:8px}.admin-section-title--spaced{margin-top:20px;margin-bottom:8px}.admin-chart-table{width:100%;border-collapse:collapse;font-size:13px}.admin-chart-table__row{border-top:1px solid var(--border)}.admin-chart-table__th,.admin-chart-table__td{padding:6px 8px}.admin-chart-table__th{color:var(--text-tertiary);font-weight:500}.admin-chart-table__th--left,.admin-chart-table__td--left,.admin-chart-table__th--right,.admin-chart-table__td--right{text-align:center}.admin-detail-note{font-size:13px;color:var(--text-tertiary);margin-bottom:12px}.admin-detail-ellipsis{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-detail-ellipsis--wide{max-width:200px}.admin-section-title{font-size:18px;font-weight:600;margin-bottom:8px}.admin-section-desc{color:var(--text-secondary);font-size:14px;margin-bottom:10px}.admin-modal-actions{display:flex;align-items:center}.admin-filter-separator{color:var(--text-tertiary);font-size:12px}.admin-section-title--tight{margin-bottom:8px}.admin-section-title--stacked{margin-top:20px;margin-bottom:8px}.admin-inline-table{width:100%;border-collapse:collapse;font-size:13px}.admin-inline-table-head{color:var(--text-tertiary)}.admin-inline-table-row{border-top:1px solid var(--border)}.admin-inline-table-cell{padding:6px 8px;text-align:center}.admin-inline-table-cell--left,.admin-inline-table-cell--right{text-align:center;padding:4px 8px}.admin-cell-positive{color:var(--success)}.admin-cell-negative{color:var(--error)}.admin-detail-summary{font-size:13px;color:var(--text-tertiary);margin-bottom:12px}.admin-detail-summary--row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.admin-detail-actions{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.admin-detail-action-btn{min-height:32px;padding:5px 12px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.admin-detail-action-btn:focus-visible{outline:none;border-color:rgba(var(--accent-rgb),.42);box-shadow:var(--focus-ring)}.admin-detail-action-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.admin-detail-action-btn{transition:background .12s,border-color .12s,color .12s}.admin-detail-action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.admin-detail-action-btn.is-primary{border-color:color-mix(in srgb,var(--accent) 26%,var(--border));color:var(--accent)}.admin-detail-inline-filter{display:inline-flex;align-items:center;gap:8px}.admin-detail-inline-filter__label{font-size:12px;color:var(--text-tertiary);white-space:nowrap}.admin-detail-table--wrong-words th,.admin-detail-table--wrong-words td{text-align:center}.admin-detail-table--favorite-words .admin-cell-ellipsis{max-width:180px}.admin-cell-ellipsis{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-inline:auto}.admin-cell-ellipsis--wide{max-width:200px}.journal-page{gap:10px;padding:var(--page-gutter);box-sizing:border-box;overflow:hidden}.journal-page-skeleton{flex:1;min-height:0}.journal-workspace-content{display:flex;flex:1;height:100%;min-height:0;overflow:hidden}.journal-workspace-content>*{flex:1;min-height:0}.journal-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:0 0 auto;min-height:48px}.journal-filter-bar{display:flex;justify-content:flex-start;flex-wrap:nowrap;gap:10px;padding:6px 8px;background:color-mix(in srgb,var(--surface-base) 92%,var(--surface-muted));border:1px solid var(--border-subtle);border-radius:10px;box-shadow:none;flex:0 1 auto;min-width:0;min-height:48px;justify-content:flex-end;align-items:center}.journal-filter-group{display:flex;align-items:center;gap:6px;min-width:0;padding:0}.journal-filter-label{flex-shrink:0;font-size:.8rem;font-weight:600;letter-spacing:.01em;color:var(--text-tertiary)}.journal-date-input{min-height:36px;padding:0 10px 0 36px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--surface-base) 96%,var(--surface-muted));color:var(--text-primary);font-size:.88rem;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.journal-date-input:focus,.journal-date-input:focus-visible{border-color:rgba(var(--accent-rgb),.42);box-shadow:var(--focus-ring)}.journal-date-input{width:144px;flex:0 1 144px;min-height:36px;background-color:color-mix(in srgb,var(--surface-base) 96%,var(--surface-muted));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none}.journal-date-input:focus{border-color:color-mix(in srgb,var(--accent) 38%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}.journal-filter-reset,.journal-export-btn,.journal-generate-btn,.journal-regen-btn,.journal-page-btn{transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.journal-filter-reset{min-height:36px;padding:0;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text-secondary);font-size:.84rem;font-weight:600;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.journal-filter-reset:focus-visible{outline:none;border-color:rgba(var(--accent-rgb),.42);box-shadow:var(--focus-ring)}.journal-filter-reset:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.journal-filter-reset{display:inline-flex;align-items:center;justify-content:center;width:36px;flex-shrink:0}.journal-filter-reset:hover{background:var(--surface-hover);color:var(--text-primary);transform:none}.journal-export-group{display:flex;align-items:center;gap:0;flex-shrink:0;margin-left:0;padding-left:6px;border-left:1px solid var(--border-subtle)}.journal-export-btn{min-height:36px;padding:0;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text-secondary);font-size:.82rem;font-weight:700;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.journal-export-btn:focus-visible{outline:none;border-color:rgba(var(--accent-rgb),.42);box-shadow:var(--focus-ring)}.journal-export-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.journal-export-btn{display:inline-flex;align-items:center;justify-content:center;width:36px}.journal-export-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--accent);transform:none;box-shadow:none}.journal-summary-actions{align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:10px;padding:6px 8px;background:color-mix(in srgb,var(--surface-base) 92%,var(--surface-muted));border:1px solid var(--border-subtle);border-radius:10px;box-shadow:none;display:flex;align-items:stretch;justify-content:flex-end;flex-direction:column;flex:0 0 auto;min-height:48px}.journal-summary-actions__buttons{display:flex;align-items:center;justify-content:flex-end;gap:10px}.journal-summary-progress,.journal-summary-progress-panel{position:relative;overflow:hidden;min-height:0;padding:10px;background:color-mix(in srgb,var(--surface-base) 94%,var(--surface-muted));border:1px solid var(--border-subtle);border-radius:10px;box-shadow:none;display:flex;flex-direction:column;gap:8px}.journal-summary-progress__head,.journal-summary-progress-panel__head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.84rem;color:var(--text-secondary)}.journal-summary-progress__head strong,.journal-summary-progress-panel__head strong{font-size:.92rem;color:var(--text-primary)}.journal-summary-progress__track{width:100%;height:8px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--accent) 10%,var(--surface-muted))}.journal-summary-progress__fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 62%,var(--surface-elevated)));transition:width var(--transition-normal)}.journal-summary-progress-panel{max-width:560px}.journal-summary-progress-panel__eyebrow{font-size:.74rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary)}.journal-summary-progress-panel__copy{margin:0;font-size:.92rem;line-height:1.7;color:var(--text-secondary)}.journal-tabs{flex-shrink:0}.journal-doc-shell{display:grid;grid-template-columns:280px minmax(0,1fr);flex:1;height:100%;min-height:0;overflow:hidden;background:var(--surface-base);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-sm)}.journal-doc-shell--summary{grid-template-columns:minmax(0,1fr)}.journal-doc-shell--notes{min-height:0;height:100%}.journal-doc-sidebar{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;min-width:0;min-height:0;height:100%;padding:8px;border-right:1px solid var(--border);background:color-mix(in srgb,var(--surface-muted) 72%,var(--surface-base));overflow:hidden}.journal-doc-sidebar-head{display:flex;flex-direction:column;gap:8px;min-height:72px;padding-bottom:8px;border-bottom:1px solid var(--border)}.journal-doc-sidebar-copy{display:flex;flex-direction:column;gap:6px}.journal-doc-sidebar-kicker{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}.journal-doc-sidebar-title{margin:0;font-size:1rem;font-weight:800;color:var(--text-primary)}.journal-doc-sidebar-subtitle{margin:0;font-size:.84rem;line-height:1.7;color:var(--text-secondary)}.journal-doc-sidebar-stat{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent);font-size:.82rem;font-weight:700;align-self:flex-start}.journal-generate-btn{min-height:38px;padding:0 10px;border:1px solid transparent;border-radius:10px;background:var(--accent);color:var(--text-inverse);font-size:.88rem;font-weight:700;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.journal-generate-btn:focus-visible{outline:none;border-color:rgba(var(--accent-rgb),.42);box-shadow:var(--focus-ring)}.journal-generate-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.journal-generate-btn{box-shadow:none;align-self:stretch}.journal-generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--glow-accent)}.journal-doc-list{display:flex;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;padding-right:2px}.journal-doc-sidebar-body{display:flex;flex:1;min-height:0;overflow:hidden}.journal-doc-sidebar-body>.journal-loading,.journal-doc-sidebar-body>.journal-error,.journal-doc-sidebar-body>.journal-empty{flex:1;min-height:0}.journal-doc-item{display:flex;flex-direction:column;gap:6px;width:100%;padding:10px;border:1px solid transparent;border-radius:10px;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.journal-doc-item:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 18%,var(--border));background:var(--surface-base)}.journal-doc-item.active{border-color:color-mix(in srgb,var(--accent) 28%,var(--border));background:var(--surface-base);box-shadow:var(--shadow-soft)}.journal-doc-item-eyebrow{font-size:.74rem;font-weight:700;color:var(--accent)}.journal-doc-item-title{font-size:.92rem;font-weight:700;line-height:1.5;color:var(--text-primary)}.journal-doc-item-copy{font-size:.84rem;line-height:1.65;color:var(--text-secondary)}.journal-doc-item-meta{font-size:.76rem;color:var(--text-tertiary)}.journal-doc-main{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0;min-height:0;height:100%;padding:8px;overflow:hidden}.journal-doc-main--summary{display:flex;flex-direction:column}.journal-doc-main--notes{display:grid;grid-template-rows:auto minmax(0,1fr)}.journal-doc-main-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:0 0 auto;min-height:72px;padding-bottom:8px;border-bottom:1px solid var(--border)}.journal-doc-breadcrumb{font-size:.82rem;color:var(--text-tertiary)}.journal-doc-main-actions{display:flex;align-items:center;gap:10px}.journal-regen-btn{min-height:38px;padding:0 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-base);color:var(--text-secondary);font-size:.84rem;font-weight:700;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.journal-regen-btn:focus-visible{outline:none;border-color:rgba(var(--accent-rgb),.42);box-shadow:var(--focus-ring)}.journal-regen-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.journal-regen-btn:hover:not(:disabled){transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 30%,var(--border));color:var(--accent)}.journal-doc-hero{position:relative;overflow:hidden;min-height:0;padding:10px;background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:10px;box-shadow:none;display:flex;flex:0 0 auto;flex-direction:column;gap:8px;border-bottom:1px solid var(--border)}.journal-doc-hero--note{background:color-mix(in srgb,var(--surface-base) 88%,var(--surface-muted))}.journal-doc-date-chip,.journal-doc-meta-chip{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent);font-size:.8rem;font-weight:700;width:fit-content}.journal-doc-hero-topline{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.journal-doc-title{margin:0;font-size:clamp(1.7rem,2vw,2.3rem);font-weight:800;line-height:1.12;letter-spacing:-.03em;color:var(--text-primary)}.journal-doc-title--note{font-size:clamp(1.35rem,1.9vw,1.9rem)}.journal-doc-lead{margin:0;max-width:820px;font-size:.96rem;line-height:1.85;color:var(--text-secondary)}.journal-doc-meta-row{display:flex;align-items:center;gap:10px;font-size:.82rem;color:var(--text-tertiary)}.journal-doc-body{flex:1;min-height:0;overflow-y:auto;padding-right:4px}.journal-doc-body--summary{flex:0 0 auto;overflow:visible;padding-right:0}.journal-doc-main-scroll{display:flex;flex:1;min-height:0;height:100%;flex-direction:column;gap:8px;overflow-y:auto;padding-right:4px}.journal-doc-main-scroll--summary{padding-right:0}.journal-summary-profile{position:relative;overflow:hidden;min-height:0;padding:10px;background:color-mix(in srgb,var(--surface-base) 96%,var(--surface-muted));border:1px solid var(--border-subtle);border-radius:10px;box-shadow:none;display:flex;flex:0 0 auto;flex-direction:column;gap:12px}.journal-summary-profile__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.journal-summary-profile__copy{display:flex;flex-direction:column;gap:6px}.journal-summary-profile__eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}.journal-summary-profile__title{margin:0;font-size:1.1rem;font-weight:800;color:var(--text-primary)}.journal-summary-profile__subtitle{margin:0;font-size:.88rem;line-height:1.7;color:var(--text-secondary)}.journal-summary-profile__trend{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:999px;background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent);font-size:.8rem;font-weight:700;flex-shrink:0}.journal-summary-profile__metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.journal-summary-profile__metric,.journal-summary-profile__card{border-radius:12px;border:1px solid var(--border-subtle);background:var(--surface-base)}.journal-summary-profile__metric{display:flex;flex-direction:column;gap:6px;padding:12px}.journal-summary-profile__metric span{font-size:.76rem;color:var(--text-tertiary)}.journal-summary-profile__metric strong{font-size:1rem;font-weight:800;color:var(--text-primary)}.journal-summary-profile__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.journal-summary-profile__card{display:flex;flex-direction:column;gap:10px;padding:12px}.journal-summary-profile__card--wide{grid-column:1/-1}.journal-summary-profile__card h3{margin:0;font-size:.86rem;font-weight:800;color:var(--text-primary)}.journal-summary-profile__section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.journal-summary-profile__section-meta{font-size:.78rem;font-weight:700;color:var(--text-tertiary)}.journal-summary-profile__description{margin:0;font-size:.84rem;line-height:1.7;color:var(--text-secondary)}.journal-summary-profile__chips{display:flex;flex-wrap:wrap;gap:8px}.journal-summary-profile__chip{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:999px;background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent);font-size:.8rem;font-weight:700}.journal-summary-profile__list,.journal-summary-profile__actions{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.journal-summary-profile__list li{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.journal-summary-profile__list li:last-child{padding-bottom:0;border-bottom:none}.journal-summary-profile__list strong{font-size:.9rem;line-height:1.6;color:var(--text-primary)}.journal-summary-profile__list span,.journal-summary-profile__actions li,.journal-summary-profile__empty{font-size:.84rem;line-height:1.7;color:var(--text-secondary)}.journal-summary-profile__list--topics li{align-items:center}.journal-summary-profile__actions li{position:relative;padding-left:14px}.journal-summary-profile__actions li:before{content:"";position:absolute;top:.7em;left:0;width:6px;height:6px;border-radius:999px;background:var(--accent)}.journal-summary-profile__timeline{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.journal-summary-profile__timeline-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--border-subtle)}.journal-summary-profile__timeline-item:last-child{padding-bottom:0;border-bottom:none}.journal-summary-profile__timeline-main{display:flex;flex-direction:column;gap:4px;min-width:0}.journal-summary-profile__timeline-title{font-size:.9rem;line-height:1.6;color:var(--text-primary)}.journal-summary-profile__timeline-meta,.journal-summary-profile__timeline-detail{font-size:.8rem;line-height:1.6;color:var(--text-tertiary)}.journal-summary-profile__timeline-detail{flex-shrink:0;text-align:right}.journal-note-detail-grid{display:grid;flex:0 0 auto;gap:8px}.journal-note-detail-card{position:relative;overflow:hidden;min-height:0;padding:10px;background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:10px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:10px}.journal-note-detail-card--answer{min-height:320px}.journal-note-detail-card--memory{gap:12px}.journal-note-detail-label{font-size:.74rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary)}.journal-note-detail-question{font-size:1rem;line-height:1.85;color:var(--text-primary)}.journal-note-detail-answer{flex:1;min-height:0}.journal-note-memory-summary{display:flex;flex-direction:column;gap:8px}.journal-note-memory-summary strong{font-size:.98rem;color:var(--text-primary)}.journal-note-memory-summary span,.journal-note-memory-empty{font-size:.88rem;line-height:1.75;color:var(--text-secondary)}.journal-note-memory-list{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.journal-note-memory-list li{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--border-subtle)}.journal-note-memory-list li:last-child{padding-bottom:0;border-bottom:none}.journal-note-memory-list strong{font-size:.9rem;line-height:1.7;color:var(--text-primary)}.journal-note-memory-list span{flex-shrink:0;font-size:.8rem;color:var(--text-tertiary)}.journal-word-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;background:color-mix(in srgb,var(--accent-light) 74%,var(--surface-elevated) 26%);color:var(--accent);font-size:.82rem;font-weight:700}.journal-word-none{font-size:.82rem;color:var(--text-tertiary)}.journal-loading,.journal-error,.journal-empty{border-radius:10px}.journal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:220px;color:var(--text-secondary);background:var(--surface-base)}.journal-doc-skeleton{display:flex;flex-direction:column;gap:12px;padding:12px;border-radius:16px;background:color-mix(in srgb,var(--surface-base) 92%,var(--surface-elevated));border:1px solid var(--border-subtle)}.journal-doc-skeleton-body{display:flex;flex-direction:column;gap:10px;margin-top:8px}.journal-doc-skeleton--notes{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:10px;width:100%;height:100%;padding:0;border:none;background:transparent}.journal-doc-skeleton-sidebar,.journal-doc-skeleton-main{border-radius:16px;border:1px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-base) 92%,var(--surface-elevated));padding:12px}.journal-doc-skeleton-sidebar{display:flex;flex-direction:column;gap:10px}.journal-doc-skeleton-item,.journal-doc-skeleton-note-card{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:12px;background:var(--surface-base);border:1px solid var(--border-subtle)}.journal-doc-skeleton-main{display:flex;flex-direction:column;gap:12px}.journal-doc-skeleton-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.journal-error{padding:10px;border:1px solid color-mix(in srgb,var(--error) 26%,var(--border));background:color-mix(in srgb,var(--error-light) 82%,var(--surface-base));color:var(--error);font-size:.9rem}.journal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:240px;padding:10px;text-align:center;border:1px dashed color-mix(in srgb,var(--accent) 18%,var(--border));background:color-mix(in srgb,var(--surface-muted) 86%,var(--surface-base));color:var(--text-secondary)}.journal-empty--sidebar{min-height:180px}.journal-empty--main{flex:1}.journal-empty p{margin:0;max-width:480px;line-height:1.75}.journal-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid var(--border)}.journal-page-btn{min-height:38px;padding:0 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-base);color:var(--text-secondary);font-size:.84rem;font-weight:700;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.journal-page-btn:focus-visible{outline:none;border-color:rgba(var(--accent-rgb),.42);box-shadow:var(--focus-ring)}.journal-page-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.journal-page-btn:hover:not(:disabled){transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 30%,var(--border));color:var(--accent)}.journal-page-info{font-size:.82rem;color:var(--text-tertiary)}@media (max-width: 1100px){.journal-doc-shell{grid-template-columns:1fr}.journal-summary-profile__metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.journal-doc-skeleton--notes,.journal-doc-skeleton-note-grid{grid-template-columns:1fr}.journal-doc-sidebar{border-right:none;border-bottom:1px solid var(--border)}.journal-doc-list{max-height:280px}}.journal-filter-reset img,.journal-export-btn svg{width:14px;height:14px}.journal-filter-reset img{display:block;width:15px;height:15px;object-fit:contain}@media (max-width: 720px){.journal-topbar{flex-direction:column;align-items:stretch;gap:10px}.journal-filter-bar{flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:wrap}.journal-filter-group{align-items:center;min-width:unset;width:100%}.journal-filter-label{min-width:52px}.journal-export-group{justify-content:flex-start;padding-left:0;border-left:none}.journal-tabs{width:100%;gap:0;justify-content:space-between}.journal-tabs .underline-tabs__item{flex:1}.journal-doc-main-toolbar,.journal-doc-hero-topline{flex-direction:column;align-items:flex-start}.journal-summary-profile__head,.journal-summary-profile__grid,.journal-summary-profile__metrics{grid-template-columns:1fr}.journal-summary-profile__head,.journal-summary-profile__list li,.journal-summary-profile__timeline-item{flex-direction:column}.journal-summary-profile__section-head{align-items:flex-start;flex-direction:column}.journal-summary-profile__timeline-detail{text-align:left}.journal-note-memory-list li{flex-direction:column}.journal-doc-title{font-size:1.45rem}}.markdown-content{font-size:.98rem;line-height:1.9;color:var(--text-primary);word-break:break-word}.markdown-content>:first-child{margin-top:0}.markdown-content>:last-child{margin-bottom:0}.markdown-content h1,.markdown-content h2,.markdown-content h3{margin:0 0 10px;font-weight:800;color:var(--text-primary)}.markdown-content h1{font-size:1.9rem;line-height:1.14}.markdown-content h2{padding-top:10px;border-top:1px solid var(--border);font-size:1.25rem;line-height:1.3}.markdown-content h3{font-size:1rem}.markdown-content p{margin:0 0 10px;color:var(--text-primary)}.markdown-content ul,.markdown-content ol{margin:0 0 10px 20px;padding:0}.markdown-content li{margin:0 0 6px}.markdown-content blockquote{margin:0 0 10px;padding:10px;border-left:3px solid color-mix(in srgb,var(--accent) 32%,transparent);border-radius:0 10px 10px 0;background:color-mix(in srgb,var(--accent) 5%,transparent);color:var(--text-secondary)}.markdown-content hr{margin:10px 0;border:none;border-top:1px solid var(--border)}.markdown-content table{width:100%;margin:0 0 10px;border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:10px;overflow:hidden}.markdown-content thead th{padding:10px;background:color-mix(in srgb,var(--surface-muted) 88%,var(--surface-base));border-bottom:1px solid var(--border);font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary);text-align:left}.markdown-content td{padding:10px;border-bottom:1px solid var(--border-subtle);text-align:left}.markdown-content tbody tr:last-child td{border-bottom:none}.markdown-content pre,.markdown-content code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.markdown-content pre{margin:0 0 10px;padding:10px;border-radius:10px;background:var(--surface-code);color:var(--surface-code-text);overflow-x:auto}.markdown-content code:not(pre code){padding:2px 6px;border-radius:10px;background:color-mix(in srgb,var(--surface-muted) 92%,var(--surface-base));color:var(--text-primary)}.markdown-content a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(var(--accent-rgb),.24)}.markdown-content a:hover{border-bottom-color:rgba(var(--accent-rgb),.5)}.loading{display:flex;align-items:center;justify-content:center;min-height:200px}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin-bottom:var(--space-md)}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeletonShimmer{0%{background-position:100% 50%}to{background-position:-100% 50%}}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.loading-spin{animation:spin 1s linear infinite}.loading-spinner-graphic{color:var(--accent)}.loading-spinner-graphic__track{opacity:.22}.loading-spinner-graphic__head{opacity:.92}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;width:100%;padding:10px;box-sizing:border-box}.loading-state--global{min-height:100vh;padding:0}.loading-state--page{min-height:calc(100vh - var(--header-height, 0px) - 20px);padding:0}.loading-state--component{min-height:120px;padding:10px}.loading-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--surface-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--layer-global-loading)}.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;min-width:120px;padding:10px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface-floating);box-shadow:var(--shadow-soft)}.loading-spinner-shell{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:transparent}.loading-text{margin:0;font-size:13px;font-weight:500;letter-spacing:.01em;color:var(--text-secondary)}.micro-loading{display:inline-flex;align-items:center;gap:6px;min-width:0;color:var(--text-secondary)}.micro-loading--accent{color:var(--accent)}.micro-loading__spinner{flex-shrink:0}.micro-loading__text{font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap}.ui-skeleton{position:relative;overflow:hidden;border-radius:10px;background:linear-gradient(90deg,color-mix(in srgb,var(--surface-elevated) 92%,var(--text-primary) 8%),color-mix(in srgb,var(--surface-elevated) 98%,var(--surface-base) 2%),color-mix(in srgb,var(--surface-elevated) 92%,var(--text-primary) 8%));background-size:220% 100%;animation:skeletonShimmer 1.35s ease-in-out infinite}.ui-skeleton--text{height:14px;border-radius:999px}.ui-skeleton--circular{border-radius:999px}.ui-skeleton--rectangular{border-radius:12px}.page-skeleton{width:100%;min-height:calc(100vh - var(--header-height, 0px) - 20px);padding:var(--page-gutter);box-sizing:border-box}.page-content>.page-skeleton{padding:0}.page-skeleton-body{display:flex;flex-direction:column;gap:14px;width:100%;min-height:100%}.page-skeleton-intro{display:flex;align-items:center}.page-skeleton-grid{display:grid;gap:10px}.page-skeleton-grid--books{grid-template-columns:repeat(auto-fit,minmax(var(--page-skeleton-book-min-width, 260px),1fr))}.page-skeleton-grid--metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.page-skeleton-grid--stats-panels{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch}.page-skeleton-grid--admin-panels{grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,.8fr));align-items:stretch}.page-skeleton-grid--journal{grid-template-columns:minmax(260px,320px) minmax(0,1fr);align-items:stretch}.page-skeleton-grid--practice-options,.page-skeleton-grid--quiz-options{grid-template-columns:repeat(2,minmax(0,1fr))}.page-skeleton-card,.page-skeleton-panel{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface-elevated);box-shadow:var(--shadow-soft)}.page-skeleton-card--book{min-height:210px}.page-skeleton-card--metric{min-height:112px;justify-content:center}.page-skeleton-card--option{min-height:120px}.page-skeleton-panel--wide{min-height:340px}.page-skeleton-panel--sidebar,.page-skeleton-panel--document{min-height:560px}.page-skeleton-row{display:flex;align-items:center;gap:12px}.page-skeleton-row--spread{justify-content:space-between}.page-skeleton-row--book-head{align-items:flex-start}.page-skeleton-row--journal-topbar{justify-content:space-between;flex-wrap:wrap}.page-skeleton-stack{display:flex;flex-direction:column;gap:10px}.page-skeleton-stack--book-title{flex:1;min-width:0}.page-skeleton-tabs{display:flex;align-items:center;gap:10px}.page-skeleton-chart{min-height:220px;border-radius:12px;border:1px solid color-mix(in srgb,var(--border-strong) 72%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-elevated) 96%,transparent),color-mix(in srgb,var(--surface-base) 94%,transparent))}.page-skeleton-chart--donut{min-height:260px}.page-skeleton-table{display:flex;flex-direction:column;gap:10px}.page-skeleton-practice,.page-skeleton-quiz{display:flex;flex-direction:column;gap:14px}.page-skeleton-practice-head,.page-skeleton-practice-stage,.page-skeleton-quiz-card{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface-elevated);box-shadow:var(--shadow-soft)}.page-skeleton-practice-stage{min-height:220px;justify-content:center}.page-skeleton-quiz-card{min-height:180px;justify-content:center}.page-skeleton-sidebar-item{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--border-strong) 72%,transparent);background:color-mix(in srgb,var(--surface-elevated) 98%,transparent)}.ui-surface{background:var(--surface-base);border:1px solid var(--border-strong);border-radius:10px;box-shadow:var(--shadow-soft);backdrop-filter:none;-webkit-backdrop-filter:none}.ui-panel{background:var(--surface-elevated);border:1px solid var(--border-strong);border-radius:10px;box-shadow:var(--shadow-soft);backdrop-filter:none;-webkit-backdrop-filter:none}svg,svg *{transition:none}.header-btn svg,.option-btn,.day-card,.settings-tab{transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease,transform .12s ease}@media (max-width: 900px){.page-skeleton-grid--stats-panels,.page-skeleton-grid--admin-panels,.page-skeleton-grid--journal{grid-template-columns:1fr}}@media (max-width: 640px){.page-skeleton-grid--books,.page-skeleton-grid--metrics,.page-skeleton-grid--practice-options,.page-skeleton-grid--quiz-options{grid-template-columns:1fr}.page-skeleton-row--journal-topbar{align-items:stretch}.page-skeleton-tabs{width:100%}.page-skeleton-tabs>.ui-skeleton{flex:1}}@media (max-width: 375px){.logo-text{display:none}.user-btn{width:32px;height:32px;font-size:12px}.day-grid{gap:6px}.day-number{font-size:13px}.day-status{font-size:11px}}@media (max-width: 480px){.header-left{gap:var(--space-sm)}.tool-buttons{gap:2px}.tool-btn{width:36px;height:36px}.options-grid{gap:var(--space-sm)}.option-btn{padding:var(--space-md);min-height:80px}.option-definition{font-size:14px}.play-btn{width:60px;height:60px}.play-btn svg{width:24px;height:24px}}@media (max-width: 768px){:root{--header-height: 52px}.left-sidebar{display:none}.header{padding:0 var(--space-sm)}.header-nav{display:none}.header-logo-area{position:static;transform:none;width:auto;min-width:unset;border-right:none;padding:0 var(--space-sm)}.header-logo-text{display:block;font-size:15px}.header-right{gap:var(--space-xs)}.header-toolbar{display:flex}.header-toolbar .icon-btn{display:none}.logo-img{width:32px;height:32px}.logo-text{font-size:16px}.header-btn{width:36px;height:36px}.day-dropdown{right:0!important;left:0!important;width:auto!important;min-width:unset!important;max-width:unset!important;position:fixed!important;top:var(--header-height)!important;border-radius:0 0 var(--radius-lg) var(--radius-lg)!important}.mode-dropdown{right:0!important;left:0!important;width:auto!important;position:fixed!important;top:var(--header-height)!important;border-radius:0 0 var(--radius-lg) var(--radius-lg)!important}.user-dropdown{right:0!important;left:0!important;position:fixed!important;top:var(--header-height)!important;border-radius:0 0 var(--radius-lg) var(--radius-lg)!important}.home-page{padding:var(--space-md) var(--space-md) calc(var(--space-xl) + 56px);gap:var(--space-sm)}.home-banner{flex-direction:column;align-items:flex-start;padding:var(--space-lg);gap:var(--space-lg)}.home-banner-right{flex-direction:row;align-items:center;gap:var(--space-lg)}.home-welcome{font-size:22px}.stats-grid{grid-template-columns:repeat(2,1fr)}.day-grid{grid-template-columns:repeat(5,1fr)!important;gap:6px}.day-card{padding:var(--space-sm) 4px}.day-number{font-size:12px}.day-words,.prev-word-inline{display:none}.practice-main{padding:var(--space-md);gap:var(--space-md);max-width:100%}.word-text{font-size:26px}.options-grid{grid-template-columns:1fr;gap:var(--space-sm)}.play-btn-large{width:64px;height:64px}.play-btn-large svg{width:24px;height:24px}.dictation-container{padding:var(--space-md);gap:var(--space-md)}.settings-modal{width:100%;height:100%;max-height:100%;border-radius:0}.settings-overlay{align-items:flex-end}.settings-sidebar{width:100%;flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border)}.settings-sidebar-item{padding:var(--space-sm) var(--space-md);white-space:nowrap}.settings-sidebar-item span{display:inline}.settings-sidebar-item.active{border-bottom:2px solid var(--accent);border-right:none}.avatar-modal{width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;margin:0;position:absolute;bottom:0;max-height:min(82vh,640px)}.avatar-modal-overlay{align-items:flex-end;padding:0}.radio-word{font-size:28px}.auth-card{padding:var(--space-lg);margin:var(--space-md)}.auth-title{font-size:20px}.auth-input{height:44px;font-size:14px}.auth-btn{height:44px}.agreement-label{font-size:13px;flex-wrap:wrap}.stats-cards{grid-template-columns:repeat(2,1fr)}.mode-breakdown-item{grid-template-columns:70px 1fr;grid-template-rows:auto auto}.mode-breakdown-stats{grid-column:1/-1;justify-content:flex-start}.mbs-words,.mbs-accuracy,.mbs-duration,.mbs-sessions{text-align:left;min-width:auto}.stats-accuracy-item{grid-template-columns:1fr 80px;grid-template-rows:auto auto}.stats-accuracy-bar-wrap{grid-column:1/-1}.stats-accuracy-counts{display:none}.errors-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.vb-filters{padding:0}.vb-filter-row{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:var(--space-xs)}.vb-filter-btn{flex-shrink:0}.vb-search{min-width:120px;margin-top:0}}@media (min-width: 640px) and (max-width: 1023px){.day-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))!important}.practice-main{max-width:600px}}@media (min-width: 1024px){.practice-main{max-width:800px}.header-hamburger{display:none}}@media (min-width: 1280px){.home-page{max-width:1100px}.day-grid{grid-template-columns:repeat(10,1fr)}}@media (min-width: 1440px){.day-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width: 768px){.practice-ctrl-bar{padding:6px 10px 4px;min-height:48px;gap:8px}.practice-ctrl-brand{gap:8px;padding:0}.practice-ctrl-brand-logo{width:24px;height:24px}.practice-ctrl-right{gap:6px;flex-wrap:nowrap;min-width:0;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;-ms-overflow-style:none}.practice-ctrl-right::-webkit-scrollbar{display:none}.practice-ctrl-icon-btn,.radio-quick-btn{min-width:40px;min-height:40px;padding:8px 10px;border-radius:12px;flex-shrink:0}.practice-mode-btn{padding-inline:10px}.practice-ctrl-icon-btn svg{width:16px;height:16px}.practice-page.practice-page--choice .practice-main{min-height:0;padding:6px 10px 8px;gap:0}.practice-page.practice-page--choice .practice-choice-stage{flex:1 1 auto;justify-content:flex-start;gap:8px;padding:0}.practice-page.practice-page--choice .word-display-area{width:min(100%,var(--practice-shell-max-width, 760px));gap:10px;padding:2px 0 0;border:none;border-radius:0;background:transparent;box-shadow:none}.practice-page.practice-page--choice .play-btn-large{width:56px;height:56px;box-shadow:0 10px 18px rgba(var(--accent-rgb),.2)}.practice-page.practice-page--choice .play-btn-large svg{width:22px;height:22px}.practice-page.practice-page--choice .practice-choice-top-rail,.practice-page.practice-page--choice .practice-choice-top-rail.practice-choice-top-rail--action-only{min-height:52px;gap:8px}.practice-page.practice-page--choice .word-display-audio-side .practice-favorite-btn,.practice-page.practice-page--choice .word-display-audio-side .practice-speaking-entry-btn{width:38px;height:38px}.practice-page.practice-page--choice .listening-example-prompt{gap:6px;padding-inline:0}.practice-page.practice-page--choice .listening-example-audio-btn{width:34px;height:34px}.practice-page.practice-page--choice .listening-example-sentence{max-width:min(100%,32ch);font-size:clamp(.98rem,4vw,1.08rem);line-height:1.32}.practice-page.practice-page--choice .options-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:stretch}.practice-page.practice-page--choice .option-btn{min-height:86px;padding:10px 10px 9px;gap:6px;border-radius:14px}.practice-page.practice-page--choice .option-header{align-items:flex-start;gap:6px}.practice-page.practice-page--choice .option-pos-group{gap:4px;flex-wrap:wrap}.practice-page.practice-page--choice .option-key{font-size:10px}.practice-page.practice-page--choice .option-word-reveal{font-size:11px}.practice-page.practice-page--choice .option-text{font-size:clamp(.92rem,3.9vw,1rem);line-height:1.28}.practice-page.practice-page--choice .option-text--word{font-size:clamp(1rem,4vw,1.08rem)}.practice-page.practice-page--choice .option-subtext{font-size:11px;line-height:1.3}.practice-page.practice-page--choice .options-footer{grid-template-columns:1fr auto 1fr;gap:6px;margin-top:-2px}.practice-page.practice-page--choice .options-footer-actions{gap:8px}.practice-page.practice-page--choice .options-footer-actions .practice-favorite-btn,.practice-page.practice-page--choice .options-footer-actions .practice-speaking-entry-btn,.practice-page.practice-page--choice .options-footer-actions .replay-btn,.practice-page.practice-page--choice .listening-example-audio-btn{width:38px;height:38px}.practice-page.practice-page--choice .options-footer-actions .practice-favorite-btn svg,.practice-page.practice-page--choice .options-footer-actions .practice-speaking-entry-btn svg,.practice-page.practice-page--choice .options-footer-actions .replay-btn svg,.practice-page.practice-page--choice .listening-example-audio-btn .example-audio-icon{width:18px;height:18px}.practice-page.practice-page--choice .skip-btn{padding:9px 12px;font-size:13px;border-radius:12px}.practice-page.practice-page--choice .shortcut-hint{display:none}.practice-page.practice-page--choice .replay-btn{width:38px;height:38px}.practice-page.practice-page--choice .practice-bottom-bar{gap:8px;padding:6px 10px calc(8px + env(safe-area-inset-bottom))}.practice-page.practice-page--choice .bottom-progress-track{height:6px}.practice-page.practice-page--choice .bottom-progress-dot{right:-3px;width:10px;height:10px;border-width:2px}.practice-page.practice-page--choice .bottom-progress-count{font-size:12px;padding:6px 9px}}@media (max-width: 480px){.practice-ctrl-bar{padding:6px 8px 2px;min-height:44px;gap:6px}.practice-ctrl-brand{padding:0}.practice-ctrl-brand-logo{width:22px;height:22px}.practice-ctrl-right{gap:4px}.practice-ctrl-icon-btn,.radio-quick-btn{min-width:36px;min-height:36px;padding:0;border-radius:10px}.practice-mode-btn{padding-inline:10px}.practice-ctrl-icon-btn svg{width:15px;height:15px}.practice-page.practice-page--choice .practice-main{padding-inline:8px;padding-bottom:6px;gap:6px}.practice-page.practice-page--choice .word-display-area{gap:8px}.practice-page.practice-page--choice .play-btn-large{width:48px;height:48px}.practice-page.practice-page--choice .option-btn{min-height:78px;padding:8px 8px 7px}.practice-page.practice-page--choice .option-text{font-size:clamp(.86rem,3.8vw,.94rem)}.practice-page.practice-page--choice .option-key,.practice-page.practice-page--choice .option-pos{font-size:9px}.practice-page.practice-page--choice .listening-example-sentence{max-width:min(100%,29ch);font-size:.93rem;line-height:1.28}.practice-page.practice-page--choice .practice-bottom-bar{gap:6px;padding-inline:8px}.practice-page.practice-page--choice .bottom-progress-count{font-size:11px;padding:5px 8px}}@media (max-width: 768px) and (max-height: 720px){.practice-page.practice-page--choice .practice-main{padding-top:2px;gap:5px}.practice-page.practice-page--choice .word-display-area{gap:6px}.practice-page.practice-page--choice .play-btn-large{width:44px;height:44px}.practice-page.practice-page--choice .option-btn{min-height:70px;padding:7px 7px 6px}.practice-page.practice-page--choice .option-text{font-size:.82rem;line-height:1.22}.practice-page.practice-page--choice .listening-example-sentence{font-size:.9rem;line-height:1.22}.practice-page.practice-page--choice .practice-bottom-bar{padding-top:4px;padding-bottom:calc(6px + env(safe-area-inset-bottom))}}