@charset "UTF-8";:root{color-scheme:light;--size-0: 0px;--size-1: 1px;--size-2: 2px;--size-3: 3px;--size-4: 4px;--size-5: 5px;--size-6: 6px;--size-8: 8px;--size-10: 10px;--size-11: 11px;--size-12: 12px;--size-13: 13px;--size-14: 14px;--size-15: 15px;--size-16: 16px;--size-17: 17px;--size-18: 18px;--size-20: 20px;--size-22: 22px;--size-24: 24px;--size-25: 25px;--size-26: 26px;--size-28: 28px;--size-30: 30px;--size-32: 32px;--size-31: 31px;--size-34: 34px;--size-36: 36px;--size-38: 38px;--size-35: 35px;--size-40: 40px;--size-42: 42px;--size-44: 44px;--size-46: 46px;--size-48: 48px;--size-50: 50px;--size-52: 52px;--size-54: 54px;--size-55: 55px;--size-56: 56px;--size-58: 58px;--size-60: 60px;--size-62: 62px;--size-64: 64px;--size-65: 65px;--size-66: 66px;--size-68: 68px;--size-70: 70px;--size-72: 72px;--size-76: 76px;--size-78: 78px;--size-80: 80px;--size-82: 82px;--size-84: 84px;--size-86: 86px;--size-88: 88px;--size-90: 90px;--size-92: 92px;--size-94: 94px;--size-96: 96px;--size-100: 100px;--size-102: 102px;--size-104: 104px;--size-108: 108px;--size-110: 110px;--size-112: 112px;--size-116: 116px;--size-118: 118px;--size-120: 120px;--size-122: 122px;--size-124: 124px;--size-128: 128px;--size-130: 130px;--size-132: 132px;--size-136: 136px;--size-140: 140px;--size-144: 144px;--size-146: 146px;--size-148: 148px;--size-156: 156px;--size-160: 160px;--size-162: 162px;--size-168: 168px;--size-176: 176px;--size-180: 180px;--size-186: 186px;--size-196: 196px;--size-200: 200px;--size-204: 204px;--size-208: 208px;--size-210: 210px;--size-216: 216px;--size-220: 220px;--size-236: 236px;--size-240: 240px;--size-248: 248px;--size-260: 260px;--size-280: 280px;--size-300: 300px;--size-272: 272px;--size-320: 320px;--size-312: 312px;--size-360: 360px;--size-340: 340px;--size-352: 352px;--size-375: 375px;--size-380: 380px;--size-400: 400px;--size-410: 410px;--size-420: 420px;--size-480: 480px;--size-520: 520px;--size-540: 540px;--size-560: 560px;--size-570: 570px;--size-590: 590px;--size-600: 600px;--size-620: 620px;--size-630: 630px;--size-640: 640px;--size-650: 650px;--size-681: 681px;--size-680: 680px;--size-700: 700px;--size-720: 720px;--size-756: 756px;--size-768: 768px;--size-760: 760px;--size-800: 800px;--size-820: 820px;--size-840: 840px;--size-860: 860px;--size-880: 880px;--size-900: 900px;--size-910: 910px;--size-920: 920px;--size-940: 940px;--size-960: 960px;--size-970: 970px;--size-980: 980px;--size-1024: 1024px;--size-1040: 1040px;--size-1050: 1050px;--size-1080: 1080px;--size-1100: 1100px;--size-1120: 1120px;--size-1180: 1180px;--size-1280: 1280px;--size-1420: 1420px;--size-1440: 1440px;--radius-0: var(--size-0);--radius-2: var(--size-2);--radius-4: var(--size-4);--radius-6: var(--size-6);--radius-8: var(--size-8);--radius-10: var(--size-10);--radius-12: var(--size-12);--radius-14: var(--size-14);--radius-16: var(--size-16);--radius-18: var(--size-18);--radius-20: var(--size-20);--radius-24: var(--size-24);--radius-28: var(--size-28);--radius-pill: 999px;--radius-full: 9999px;--breakpoint-phone: 375px;--breakpoint-phone-lg: 480px;--breakpoint-tablet-sm: 640px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--breakpoint-wide: 1280px;--breakpoint-ultra: 1440px;--motion-duration-fast: .15s;--motion-duration-normal: .25s;--motion-duration-slow: .35s;--motion-ease-standard: ease;--motion-transition-color-fast: background-color var(--motion-duration-fast) var(--motion-ease-standard), border-color var(--motion-duration-fast) var(--motion-ease-standard), color var(--motion-duration-fast) var(--motion-ease-standard);--motion-transition-surface-fast: background-color var(--motion-duration-fast) var(--motion-ease-standard), border-color var(--motion-duration-fast) var(--motion-ease-standard), box-shadow var(--motion-duration-fast) var(--motion-ease-standard);--motion-transition-interactive-fast: background-color var(--motion-duration-fast) var(--motion-ease-standard), border-color var(--motion-duration-fast) var(--motion-ease-standard), box-shadow var(--motion-duration-fast) var(--motion-ease-standard), color var(--motion-duration-fast) var(--motion-ease-standard), transform var(--motion-duration-fast) var(--motion-ease-standard);--motion-transition-interactive-normal: background-color var(--motion-duration-normal) var(--motion-ease-standard), border-color var(--motion-duration-normal) var(--motion-ease-standard), box-shadow var(--motion-duration-normal) var(--motion-ease-standard), color var(--motion-duration-normal) var(--motion-ease-standard), transform var(--motion-duration-normal) var(--motion-ease-standard);--scrollbar-width: var(--size-6);--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;--text-inverse: #FFFFFF;--icon-muted: #94A3B8;--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: var(--accent);--border-subtle: rgba(226, 232, 240, .72);--border-strong: rgba(203, 213, 225, .96);--border-accent-subtle: rgba(var(--accent-rgb), .18);--border-accent-medium: rgba(var(--accent-rgb), .26);--border-accent-strong: rgba(var(--accent-rgb), .4);--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);--elevation-100: 0 1px 2px rgba(0, 0, 0, .05);--elevation-200: 0 4px 6px -1px rgba(0, 0, 0, .1);--elevation-300: 0 10px 15px -3px rgba(0, 0, 0, .1);--elevation-400: 0 20px 25px -5px rgba(0, 0, 0, .1);--elevation-soft: 0 4px 12px rgba(15, 23, 42, .06);--elevation-panel: 0 6px 16px rgba(15, 23, 42, .08);--elevation-floating: 0 16px 38px rgba(15, 23, 42, .12);--elevation-overlay: 0 24px 80px rgba(15, 23, 42, .18);--shadow-sm: var(--elevation-100);--shadow-md: var(--elevation-200);--shadow-lg: var(--elevation-300);--shadow-xl: var(--elevation-400);--shadow-soft: var(--elevation-soft);--shadow-panel: var(--elevation-panel);--shadow-floating: var(--elevation-floating);--shadow-overlay: var(--elevation-overlay);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .08);--focus-ring: 0 0 0 var(--size-3) rgba(var(--accent-rgb), .14);--focus-ring-strong: 0 0 0 var(--size-4) rgba(var(--accent-rgb), .18);--glow-accent: 0 10px 24px rgba(var(--accent-rgb), .18);--glow-accent-strong: 0 12px 28px rgba(var(--accent-rgb), .24);--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);--surface-glass-base: color-mix(in srgb, var(--surface-base) 92%, var(--surface-floating));--surface-glass-soft: color-mix(in srgb, var(--surface-elevated) 88%, var(--surface-floating));--surface-glass-warm: color-mix(in srgb, var(--surface-accent) 74%, var(--surface-base));--surface-code-text: #E2E8F0;--fill-accent-subtle: rgba(var(--accent-rgb), .04);--fill-accent-soft: rgba(var(--accent-rgb), .08);--fill-accent-medium: rgba(var(--accent-rgb), .12);--fill-accent-strong: rgba(var(--accent-rgb), .18);--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;--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);--waveform-bar-active: rgba(38, 46, 58, .96);--waveform-dot-active: rgba(38, 46, 58, .18);--waveform-bar-idle: rgba(96, 104, 118, .76);--waveform-dot-idle: rgba(96, 104, 118, .14);--waveform-bar-width: var(--size-2);--waveform-bar-gap: var(--size-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: var(--size-52);--sidebar-width: var(--size-160);--page-max-width: var(--size-1280);--page-gutter: var(--size-10);--page-section-gap: var(--size-10);--space-xs: var(--size-10);--space-sm: var(--size-10);--space-md: var(--size-10);--space-lg: var(--size-10);--space-xl: var(--size-10);--space-2xl: var(--size-10);--space-stack: var(--size-10);--radius-sm: var(--radius-10);--radius-md: var(--radius-10);--radius-lg: var(--radius-10);--radius-xl: var(--radius-10);--transition-fast: var(--motion-duration-fast) var(--motion-ease-standard);--transition-normal: var(--motion-duration-normal) var(--motion-ease-standard);--transition-slow: var(--motion-duration-slow) var(--motion-ease-standard);--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: var(--size-0);--space-100: var(--size-10);--space-200: var(--size-10);--space-300: var(--size-10);--space-400: var(--size-10);--space-500: var(--size-10);--space-600: var(--size-10);--radius-100: var(--radius-10);--radius-200: var(--radius-10);--radius-300: var(--radius-10);--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-above: 2;--layer-prominent: 3;--layer-overlay-local: 5;--layer-local-overlay: 10;--layer-sticky: 20;--layer-dropdown: 40;--layer-page-loading: 50;--layer-global-loading: 60;--layer-header: 120;--layer-global-search: 130;--layer-tooltip: 140;--layer-topmost: 160;--layer-modal: 180;--layer-toast: 190}[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)}:root{--alpha-0: 0;--alpha-4: .04;--alpha-5: .05;--alpha-6: .06;--alpha-7: .07;--alpha-8: .08;--alpha-10: .1;--alpha-12: .12;--alpha-14: .14;--alpha-16: .16;--alpha-18: .18;--alpha-20: .2;--alpha-22: .22;--alpha-24: .24;--alpha-26: .26;--alpha-28: .28;--alpha-30: .3;--alpha-32: .32;--alpha-34: .34;--alpha-35: .35;--alpha-36: .36;--alpha-40: .4;--alpha-42: .42;--alpha-50: .5;--alpha-52: .52;--alpha-75: .75;--alpha-78: .78;--mix-0: 0%;--mix-2: 2%;--mix-4: 4%;--mix-5: 5%;--mix-6: 6%;--mix-7: 7%;--mix-8: 8%;--mix-9: 9%;--mix-10: 10%;--mix-12: 12%;--mix-14: 14%;--mix-16: 16%;--mix-18: 18%;--mix-20: 20%;--mix-22: 22%;--mix-24: 24%;--mix-25: 25%;--mix-26: 26%;--mix-28: 28%;--mix-30: 30%;--mix-32: 32%;--mix-34: 34%;--mix-35: 35%;--mix-38: 38%;--mix-40: 40%;--mix-42: 42%;--mix-44: 44%;--mix-45: 45%;--mix-52: 52%;--mix-54: 54%;--mix-56: 56%;--mix-58: 58%;--mix-60: 60%;--mix-62: 62%;--mix-64: 64%;--mix-66: 66%;--mix-68: 68%;--mix-70: 70%;--mix-72: 72%;--mix-74: 74%;--mix-76: 76%;--mix-78: 78%;--mix-80: 80%;--mix-82: 82%;--mix-84: 84%;--mix-85: 85%;--mix-86: 86%;--mix-88: 88%;--mix-90: 90%;--mix-92: 92%;--mix-94: 94%;--mix-95: 95%;--mix-96: 96%;--mix-97: 97%;--mix-98: 98%}*{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:var(--size-160);min-width:var(--size-160);background:var(--surface-overlay);border-right:var(--size-1) solid var(--border-strong);box-shadow:inset calc(var(--size-1) * -1) 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(var(--size-12));backdrop-filter:blur(var(--size-12))}.left-sidebar-nav{display:flex;flex-direction:column;gap:var(--size-10);padding:var(--size-10)}.left-sidebar-item{display:block;padding:var(--size-10);background:transparent;border:none;cursor:pointer;transition:var(--motion-transition-interactive-fast);color:var(--text-tertiary);text-decoration:none;border-radius:var(--size-10);width:100%;box-sizing:border-box}.left-sidebar-item-inner{display:grid;grid-template-columns:var(--size-20) auto;align-items:center;column-gap:var(--size-4);width:var(--size-78);margin-inline:auto;min-width:0}.left-sidebar-item:hover{color:var(--text-primary);background:var(--surface-hover);transform:translateY(calc(var(--size-1) * -1))}.left-sidebar-item.active{color:var(--accent);background:var(--accent-light);font-weight:600;box-shadow:inset 0 0 0 var(--size-1) rgba(var(--accent-rgb),var(--alpha-18))}.left-sidebar-icon{width:var(--size-20);height:var(--size-20);display:flex;align-items:center;justify-content:center;flex-shrink:0}.left-sidebar-icon svg{width:var(--size-18);height:var(--size-18)}.left-sidebar-label{font-size:var(--size-14);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:var(--size-20) var(--size-10);background:var(--surface-subtle)}.auth-layout__inner{width:min(100%,var(--size-420))}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--size-64);background:var(--surface-overlay);border-top:var(--size-1) solid var(--border-strong);z-index:var(--layer-sticky);box-shadow:var(--shadow-floating);-webkit-backdrop-filter:blur(var(--size-14));backdrop-filter:blur(var(--size-14))}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--size-10);background:transparent;border:none;cursor:pointer;color:var(--text-tertiary);transition:color var(--transition-fast);padding:var(--size-10) 0}.bottom-nav-item:active{background:var(--surface-hover)}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-icon{width:var(--size-22);height:var(--size-22);display:flex;align-items:center;justify-content:center}.bottom-nav-icon svg{width:100%;height:100%}.bottom-nav-label{font-size:var(--size-10);font-weight:600}@media (max-width: 768px){.bottom-nav{display:flex}.app-body{padding-bottom:calc(var(--size-64) + var(--size-10))}.page-content{padding:var(--size-10);padding-bottom:calc(var(--size-64) + var(--size-10))}}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--surface-overlay);border-bottom:var(--size-1) solid var(--border-strong);display:flex;align-items:center;z-index:var(--layer-header);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(var(--size-16));backdrop-filter:blur(var(--size-16));overflow:visible}.header-logo-area{width:var(--size-160);min-width:var(--size-160);height:100%;display:flex;align-items:center;justify-content:center;padding:0 var(--size-10);gap:var(--space-sm);cursor:pointer;flex-shrink:0;border-right:var(--size-1) solid var(--surface-border-strong)}.header-logo-area:hover{background:var(--surface-hover)}.header-logo-img{width:var(--size-28);height:var(--size-28);border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.header-logo-text{font-size:var(--size-16);font-weight:700;color:var(--accent);letter-spacing:calc(var(--size-1) / -2);white-space:nowrap;text-shadow:none}.header-nav{display:flex;align-items:center;gap:var(--space-xs);margin-left:var(--size-10);margin-block:var(--size-10);padding:0;border-radius:var(--radius-pill);background:var(--surface-floating);border:var(--size-1) solid var(--border-subtle);box-shadow:inset 0 var(--size-1) 0 var(--surface-inset)}.header-nav-item{padding:var(--size-10);background:transparent;border:none;border-radius:var(--radius-pill);font-size:var(--size-14);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:var(--motion-transition-interactive-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 var(--size-1) rgba(var(--accent-rgb),var(--alpha-22))}.header-right{margin-left:auto;display:flex;align-items:center;gap:var(--size-10);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:var(--size-20);font-weight:700;color:var(--accent);cursor:pointer;transition:opacity var(--transition-fast)}.logo:hover{opacity:.85}.logo-img{width:var(--size-36);height:var(--size-36);border-radius:var(--radius-md);object-fit:cover}.logo-icon{width:var(--size-36);height:var(--size-36);background:var(--accent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-size:var(--size-18);box-shadow:var(--shadow-sm)}.logo-icon svg{width:var(--size-20);height:var(--size-20)}.logo-text{letter-spacing:calc(var(--size-1) / -2)}.header-btn{width:var(--size-40);height:var(--size-40);display:flex;align-items:center;justify-content:center;background:var(--surface-floating);border:var(--size-1) solid var(--border-subtle);border-radius:var(--size-14);color:var(--text-secondary);cursor:pointer;transition:var(--motion-transition-interactive-fast)}.header-btn:hover{background:var(--surface-hover);color:var(--accent);transform:translateY(calc(var(--size-1) * -1))}.header-btn svg{width:var(--size-20);height:var(--size-20)}.tool-buttons{display:flex;align-items:center;gap:var(--space-xs)}.tool-btn{width:var(--size-40);height:var(--size-40);display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--motion-transition-interactive-fast)}.tool-btn:hover{background:var(--surface-hover);color:var(--accent)}.tool-btn svg{width:var(--size-20);height:var(--size-20)}.header-search-shortcut{flex-shrink:0}.main-nav{display:flex;gap:var(--space-xs)}.main-nav-item{padding:var(--size-10);background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--size-16);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:var(--motion-transition-interactive-fast);position:relative}.user-btn{width:var(--size-40);height:var(--size-40);display:flex;align-items:center;justify-content:center;background:var(--surface-floating);color:var(--text-inverse);border:var(--size-1) solid var(--border-subtle);border-radius:var(--radius-full);font-size:var(--size-14);font-weight:600;cursor:pointer;transition:var(--motion-transition-interactive-fast);overflow:hidden}.user-btn:hover{transform:translateY(calc(var(--size-1) * -1)) scale(1.03);box-shadow:var(--shadow-md)}.user-avatar-img{width:100%;height:100%;object-fit:cover}.progress-indicator{font-size:var(--size-14);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:var(--size-1) solid var(--border-strong);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(var(--size-18));backdrop-filter:blur(var(--size-18));z-index:var(--layer-sticky);animation:slideDown .15s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(calc(var(--size-8) * -1))}to{opacity:1;transform:translateY(0)}}.mobile-menu-items{display:flex;flex-direction:column;padding:var(--space-sm);gap:var(--size-10)}.mobile-menu-item{display:block;width:100%;padding:var(--size-10);background:transparent;border:none;border-radius:var(--radius-md);font-size:var(--size-16);font-weight:500;color:var(--text-secondary);cursor:pointer;text-align:left;transition:var(--motion-transition-interactive-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,var(--size-760));max-width:var(--size-760);height:auto;max-height:min(88vh,var(--size-920))}.settings-content--help{display:flex;flex-direction:column;gap:var(--size-24);padding:var(--size-24);overflow:auto}.help-modal-section{display:flex;flex-direction:column;gap:var(--size-12)}.help-modal-title{font-size:var(--size-14);font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:calc(var(--size-1) / 2);margin:0 0 var(--size-12)}.help-modal-search-block{display:flex;flex-direction:column;gap:var(--size-10)}.help-modal-search-field{display:flex;align-items:center;gap:var(--size-10);min-height:var(--size-46);padding:0 var(--size-14);border:var(--size-1) solid var(--border-subtle);border-radius:var(--size-14);background:var(--surface-floating);box-shadow:inset 0 var(--size-1) 0 var(--surface-inset);color:var(--text-tertiary)}.help-modal-search-field svg{width:var(--size-18);height:var(--size-18);flex-shrink:0}.help-modal-search-input{width:100%;border:none;background:transparent;color:var(--text-primary);font-size:var(--size-14);outline:none}.help-modal-search-input::placeholder{color:var(--text-tertiary)}.help-modal-search-summary{margin:0;font-size:var(--size-12);color:var(--text-tertiary)}.help-modal-list{display:flex;flex-direction:column;gap:var(--size-10)}.help-modal-row{display:flex;align-items:center;gap:var(--size-12)}.help-modal-kbd{background:var(--bg-tertiary);border:var(--size-1) solid var(--border);border-radius:var(--size-6);padding:var(--size-4) var(--size-10);font-size:var(--size-14);font-weight:600;color:var(--text-primary);min-width:var(--size-52);text-align:center}.help-modal-text,.help-modal-mode{font-size:var(--size-14);color:var(--text-secondary)}.help-modal-mode-name{color:var(--text-primary)}.help-modal-faq-list{display:flex;flex-direction:column;gap:var(--size-12)}.help-modal-faq-item{--help-faq-rgb: var(--accent-rgb);--help-faq-color: var(--accent);border:var(--size-1) solid rgba(var(--help-faq-rgb),var(--alpha-14));border-radius:var(--size-18);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-elevated) var(--mix-96),transparent),rgba(var(--help-faq-rgb),var(--alpha-5)));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:var(--size-16);padding:var(--size-16);border:none;background:transparent;cursor:pointer;text-align:left}.help-modal-faq-trigger-main{display:flex;flex:1;flex-direction:column;gap:var(--size-6);min-width:0}.help-modal-faq-eyebrow{font-size:var(--size-12);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:var(--size-8)}.help-modal-faq-title{color:var(--text-primary);font-size:var(--size-16);line-height:1.4}.help-modal-faq-badge,.help-modal-faq-fact{display:inline-flex;align-items:center;min-height:var(--size-24);padding:0 var(--size-8);border-radius:var(--radius-pill);background:rgba(var(--help-faq-rgb),var(--alpha-12));color:var(--help-faq-color);font-size:var(--size-12);font-weight:700}.help-modal-faq-summary,.help-modal-faq-toggle{font-size:var(--size-14);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:var(--size-14);padding:0 var(--size-16) var(--size-16);border-top:var(--size-1) solid var(--border-subtle)}.help-modal-faq-facts{display:flex;flex-wrap:wrap;gap:var(--size-8);padding-top:var(--size-14)}.help-modal-faq-sections{display:flex;flex-direction:column;gap:var(--size-12)}.help-modal-faq-section{display:flex;flex-direction:column;gap:var(--size-8)}.help-modal-faq-section-label{margin:0;font-size:var(--size-12);font-weight:800;letter-spacing:.04em;color:var(--text-primary)}.help-modal-faq-items{display:flex;flex-direction:column;gap:var(--size-8);margin:0;padding-left:var(--size-18);color:var(--text-secondary);font-size:var(--size-14);line-height:1.65}.help-modal-empty{display:flex;flex-direction:column;gap:var(--size-6);padding:var(--size-18);border:var(--size-1) dashed var(--border-subtle);border-radius:var(--size-16);background:var(--surface-muted);color:var(--text-secondary);font-size:var(--size-14);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(calc(var(--size-8) * -1))}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:var(--size-1) solid var(--accent);border-radius:var(--radius-md);cursor:pointer;transition:var(--motion-transition-interactive-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:var(--size-14);font-weight:600;color:var(--accent)}.day-selector-arrow{width:var(--size-16);height:var(--size-16);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:var(--size-1) solid var(--border);border-radius:var(--radius-md);font-size:var(--size-14);font-weight:600;color:var(--text-primary);cursor:pointer;transition:var(--motion-transition-interactive-fast)}.day-selector-btn:hover{border-color:var(--accent);background:var(--accent-subtle)}.day-selector-btn svg{width:var(--size-16);height:var(--size-16);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:var(--size-12);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:calc(var(--size-1) / 2);padding:var(--space-sm) var(--space-md);border-bottom:var(--size-1) 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:var(--motion-transition-interactive-fast);font-size:var(--size-14)}.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:var(--size-1) solid transparent;border-radius:var(--radius-sm);font-size:var(--size-14);font-weight:500;color:var(--text-primary);cursor:pointer;transition:var(--motion-transition-interactive-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:var(--size-12);font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:calc(var(--size-1) / 2)}.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:var(--size-1) solid var(--border);border-radius:var(--radius-md);font-size:var(--size-14);font-weight:500;color:var(--text-primary);cursor:pointer;transition:var(--motion-transition-interactive-fast)}.mode-selector-btn:hover{border-color:var(--accent);background:var(--accent-subtle)}.mode-selector-btn svg.dropdown-arrow{width:var(--size-16);height:var(--size-16);color:var(--text-secondary)}.mode-btn{display:flex;align-items:center;gap:var(--size-4);padding:0 var(--space-md);width:auto;white-space:nowrap;font-size:var(--size-14);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:var(--size-14);color:var(--text-secondary)}.current-mode .mode-icon{display:flex;align-items:center}.current-mode .mode-icon svg{width:var(--size-14);height:var(--size-14);color:var(--accent)}.current-mode .mode-text{font-weight:500}.settings-btn{width:var(--size-40);height:var(--size-40);display:flex;align-items:center;justify-content:center;background:transparent;border:var(--size-1) solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--motion-transition-interactive-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:var(--size-3);top:var(--size-2);bottom:var(--size-2);width:var(--size-6);border-radius:var(--radius-full);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:var(--radius-full);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:var(--size-8);right:var(--size-2)}.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:var(--size-1) solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--size-14);font-weight:500;color:var(--text-primary);cursor:pointer;transition:var(--motion-transition-interactive-fast)}.mode-selector-btn:hover{border-color:rgba(var(--accent-rgb),var(--alpha-42));box-shadow:var(--focus-ring)}.mode-selector-btn.active{border-color:rgba(var(--accent-rgb),var(--alpha-42));background:var(--surface-hover)}.mode-selector-btn svg{width:var(--size-16);height:var(--size-16);color:var(--text-secondary)}.mode-dropdown{position:absolute;top:calc(100% + var(--size-8));right:0;width:var(--size-300);background:var(--surface-floating);border:var(--size-1) 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:var(--motion-transition-interactive-fast)}.mode-option:hover{background:var(--surface-hover)}.mode-option.selected{background:var(--surface-active)}.mode-option-radio{width:var(--size-18);height:var(--size-18);border:var(--size-2) solid var(--border-subtle);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:var(--motion-transition-interactive-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:var(--size-6);height:var(--size-6);background:var(--text-inverse);border-radius:var(--radius-full)}.mode-option-icon{width:var(--size-36);height:var(--size-36);background:var(--surface-muted);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:var(--motion-transition-interactive-fast)}.mode-option.selected .mode-option-icon{background:var(--accent);color:var(--text-inverse)}.mode-option-icon svg{width:var(--size-18);height:var(--size-18)}.mode-option-content{flex:1}.mode-option-title{font-size:var(--size-14);font-weight:600;color:var(--text-primary);margin-bottom:var(--size-2)}.mode-option-desc{font-size:var(--size-12);color:var(--text-tertiary)}.user-menu{position:relative}.user-dropdown{position:absolute;top:calc(100% + var(--size-10));right:0;margin-top:var(--size-4);background:var(--surface-floating);border:var(--size-1) solid var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-xs);min-width:var(--size-200);box-shadow:var(--shadow-floating);display:none;z-index:var(--layer-dropdown);animation:dropdownFadeIn .18s ease}.user-dropdown:before{content:"";position:absolute;top:calc(var(--size-8) * -1);right:var(--size-14);width:var(--size-12);height:var(--size-12);background:var(--surface-floating);border-top:var(--size-1) solid var(--border-strong);border-left:var(--size-1) solid var(--border-strong);transform:rotate(45deg);border-radius:var(--size-2);z-index:var(--layer-raised)}.user-dropdown.show{display:block}.dropdown-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--size-10) var(--space-md);border-radius:var(--radius-md);font-size:var(--size-14);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:var(--size-12);font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:calc(var(--size-1) / 2);padding:var(--space-sm) var(--space-md);border-bottom:var(--size-1) solid var(--border-subtle)}.day-dropdown-item.active{background:var(--accent-light);color:var(--accent);font-weight:600}.mode-item-name{font-size:var(--size-14);font-weight:500;line-height:1.2}.mode-item-desc{font-size:var(--size-12);color:var(--text-tertiary);margin-top:var(--size-2)}.mode-dropdown-item.active .mode-item-desc{color:var(--accent);opacity:.8}.user-dropdown-header{padding:var(--space-sm) var(--space-md)}.user-dropdown-email{font-size:var(--size-12);color:var(--text-tertiary);margin-top:var(--size-2)}.user-dropdown-divider{height:var(--size-1);background:var(--border-subtle);margin:var(--space-xs) 0}.day-dropdown{position:absolute!important;top:calc(100% + var(--size-8))!important;right:0!important;left:auto!important;transform:none!important;min-width:var(--size-220);max-width:var(--size-400);background:var(--surface-floating);border:var(--size-1) 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:var(--size-300);overflow-y:auto}.mode-dropdown{position:absolute!important;top:calc(100% + var(--size-8))!important;right:0!important;left:auto!important;transform:none!important;width:var(--size-240);background:var(--surface-floating);border:var(--size-1) 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(var(--size-100));background:var(--surface-floating);color:var(--text-primary);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-size:var(--size-14);opacity:0;transition:var(--motion-transition-interactive-normal);z-index:var(--layer-toast);box-shadow:var(--shadow-lg);border:var(--size-1) 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) var(--mix-35),var(--success-bg))}.toast.error{background:var(--error-bg);color:var(--error);border-color:color-mix(in srgb,var(--error) var(--mix-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:var(--size-80);height:var(--size-80);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:var(--size-40);height:var(--size-40)}.complete-title{font-size:var(--size-28);font-weight:700;margin-bottom:var(--space-sm)}.complete-subtitle{font-size:var(--size-16);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:var(--size-36);font-weight:700;color:var(--success)}.complete-stat-label{font-size:var(--size-14);color:var(--text-secondary)}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-strong);-webkit-backdrop-filter:blur(var(--size-4));backdrop-filter:blur(var(--size-4));display:none;align-items:center;justify-content:center;z-index:var(--layer-modal);opacity:0;visibility:hidden;transition:var(--motion-transition-interactive-normal)}.settings-overlay.show{opacity:1;visibility:visible;display:flex}.settings-modal{width:90%;max-width:var(--size-640);max-height:85vh;background:var(--surface-floating);border:var(--size-1) solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;transform:scale(.95) translateY(var(--size-20));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:var(--size-1) solid var(--border-subtle);flex-shrink:0}.settings-title{font-size:var(--size-18);font-weight:700;color:var(--text-primary)}.settings-close{width:var(--size-36);height:var(--size-36);border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:var(--motion-transition-interactive-fast)}.settings-close:hover{background:var(--surface-hover);color:var(--text-primary)}.settings-close svg{width:var(--size-20);height:var(--size-20)}.settings-body{display:flex;flex:1;overflow:hidden}.settings-sidebar{width:var(--size-160);background:var(--surface-muted);padding:var(--space-md);border-right:var(--size-1) solid var(--border-subtle);flex-shrink:0}@media (max-width: 600px){.settings-sidebar{width:100%;display:flex;border-right:none;border-bottom:var(--size-1) 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:var(--size-14);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:var(--motion-transition-interactive-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:var(--size-18);height:var(--size-18);flex-shrink:0}.settings-content{flex:1}.settings-content .el-scrollbar__wrap{padding:var(--space-xl)}.settings-panel{display:none;opacity:0;transform:translateY(var(--size-8));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(var(--size-8))}to{opacity:1;transform:translateY(0)}}.settings-group{margin-bottom:var(--space-xl)}.settings-group-title{font-size:var(--size-14);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:calc(var(--size-1) / 2);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:var(--size-1) solid var(--border-subtle)}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;border-bottom:var(--size-1) 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:var(--size-14);font-weight:600;color:var(--text-primary);margin-bottom:var(--size-2)}.settings-item-desc{font-size:var(--size-12);color:var(--text-tertiary);line-height:1.4}.switch{position:relative;display:inline-block;width:var(--size-48);height:var(--size-28);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:var(--motion-transition-interactive-fast)}.switch-slider:before{position:absolute;content:"";height:var(--size-20);width:var(--size-20);left:var(--size-3);bottom:var(--size-3);background:var(--text-inverse);border-radius:var(--radius-full);transition:var(--motion-transition-interactive-fast);box-shadow:var(--shadow-sm)}.switch input:checked+.switch-slider{background:var(--accent)}.switch input:checked+.switch-slider:before{transform:translate(var(--size-22))}.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:var(--size-1) solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-xl) var(--space-sm) var(--space-md);font-size:var(--size-14);color:var(--text-primary);cursor:pointer;min-width:var(--size-120);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 var(--size-12) center;transition:var(--motion-transition-interactive-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:var(--size-120);height:var(--size-6);background:var(--surface-inset);border-radius:var(--size-3);outline:none;cursor:pointer}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--size-18);height:var(--size-18);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:var(--size-640);height:var(--size-520);max-height:90vh;background:var(--surface-floating);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:var(--size-1) 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(var(--size-2));backdrop-filter:blur(var(--size-2));padding:var(--size-24);overflow-y:auto}.avatar-modal{width:min(100%,var(--size-420));max-width:var(--size-420);max-height:calc(100vh - var(--size-48));background:var(--surface-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:var(--size-1) 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:var(--size-1) solid var(--border-subtle);background:var(--surface-subtle)}.avatar-modal-header h3{font-size:var(--size-16);font-weight:600;color:var(--text-primary);margin:0}.avatar-modal-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:var(--size-4);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:var(--size-18);height:var(--size-18)}.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:var(--size-128);height:var(--size-128);border-radius:var(--radius-full);overflow:hidden;border:var(--size-3) 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:var(--size-40);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:var(--size-14);font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.avatar-upload-btn:hover{background:var(--accent-hover)}.avatar-upload-btn svg{width:var(--size-16);height:var(--size-16)}.avatar-remove-btn{padding:var(--space-sm) var(--space-lg);background:none;color:var(--error);border:var(--size-1) solid var(--error);border-radius:var(--radius-md);font-size:var(--size-14);cursor:pointer;transition:background var(--transition-fast)}.avatar-remove-btn:hover{background:var(--error-light)}.avatar-hint{font-size:var(--size-12);color:var(--text-tertiary);margin:0}.avatar-error{font-size:var(--size-14);color:var(--error);background:var(--error-light);border:var(--size-1) 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:var(--size-1) 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:var(--size-1) solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--size-14);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:var(--size-14);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:var(--size-28);height:var(--size-28);border-radius:var(--radius-full);object-fit:cover;border:var(--size-2) 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:var(--size-40);height:var(--size-40);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:var(--size-16);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:var(--size-12);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:var(--size-36);height:var(--size-36);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:var(--size-16);flex-shrink:0;overflow:hidden}.user-dropdown-name{font-size:var(--size-14);font-weight:600;color:var(--text-primary)}.user-dropdown-email{font-size:var(--size-12);color:var(--text-tertiary)}.user-dropdown-divider{height:var(--size-1);background:var(--border);margin:var(--space-xs) 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--size-10);padding:var(--size-10);text-align:center;border:var(--size-1) dashed var(--border-subtle);border-radius:var(--size-10);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:var(--size-48);height:var(--size-48)}.empty-state-title{font-size:var(--size-16);font-weight:600;color:var(--text-primary)}.empty-state-description{font-size:var(--size-14);color:var(--text-secondary);max-width:var(--size-560)}.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:var(--size-1) 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(calc(var(--size-6) * -1))}to{opacity:1;transform:translateY(0)}}@keyframes popoverSlideDownOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(calc(var(--size-6) * -1))}}@keyframes popoverSlideUp{0%{opacity:0;transform:translateY(var(--size-6))}to{opacity:1;transform:translateY(0)}}@keyframes popoverSlideUpOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(var(--size-6))}}@keyframes popoverFadeIn{0%{opacity:0}to{opacity:1}}@keyframes popoverFadeOut{0%{opacity:1}to{opacity:0}}.popover-content{position:relative;z-index:var(--layer-above);padding:var(--space-xs)}.popover-arrow{position:absolute;width:var(--size-10);height:var(--size-10);z-index:var(--layer-underlay);pointer-events:none}.popover-arrow:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-floating);border:var(--size-1) solid var(--border-strong);transform:rotate(45deg);box-sizing:border-box}.popover-panel[data-placement^=bottom] .popover-arrow{top:calc(var(--size-6) * -1)}.popover-panel[data-placement^=bottom] .popover-arrow:before{border-right-color:transparent;border-bottom-color:transparent}.popover-panel[data-placement^=top] .popover-arrow{bottom:calc(var(--size-6) * -1)}.popover-panel[data-placement^=top] .popover-arrow:before{border-top-color:transparent;border-left-color:transparent}.popover-panel[data-placement^=right] .popover-arrow{left:calc(var(--size-6) * -1)}.popover-panel[data-placement^=right] .popover-arrow:before{border-top-color:transparent;border-right-color:transparent}.popover-panel[data-placement^=left] .popover-arrow{right:calc(var(--size-6) * -1)}.popover-panel[data-placement^=left] .popover-arrow:before{border-left-color:transparent;border-bottom-color:transparent}.popover-option{display:flex;align-items:center;gap:var(--size-10);width:100%;padding:var(--size-10) var(--size-14);background:none;border:none;font-size:var(--size-14);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:var(--size-12);color:var(--text-tertiary);flex-shrink:0}.ctx-radio{width:var(--size-14);height:var(--size-14);border-radius:50%;border:var(--size-2) solid var(--border-subtle);flex-shrink:0;transition:var(--motion-transition-interactive-fast)}.ctx-radio.checked{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 calc(var(--size-5) / 2) var(--surface-floating)}.popover-loading{padding:var(--size-20) var(--size-14);font-size:var(--size-14);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:var(--size-40);height:var(--size-40);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:var(--size-16);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:var(--size-14);font-weight:600;color:var(--text-primary)}.popover-user-email{font-size:var(--size-12);color:var(--text-tertiary)}.popover-divider{height:var(--size-1);background:var(--border-subtle);margin:var(--space-xs) 0}.popover-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--size-10) var(--space-md);border-radius:var(--radius-md);font-size:var(--size-14);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:var(--size-4);padding:var(--size-4);background:color-mix(in srgb,var(--surface-base) var(--mix-92),var(--surface-muted));border:var(--size-1) solid var(--border-subtle);border-radius:var(--radius-pill);box-shadow:none}.segmented-control--stretch{display:flex;width:100%}.segmented-control__item{display:inline-flex;align-items:center;justify-content:center;gap:var(--size-6);min-height:var(--size-34);padding:0 var(--size-12);border:var(--size-1) solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--text-secondary);font-size:var(--size-14);font-weight:600;cursor:pointer;transition:var(--motion-transition-interactive-fast)}.segmented-control__item:focus-visible{outline:none;border-color:rgba(var(--accent-rgb),var(--alpha-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:var(--size-20);padding:0 var(--size-6);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--text-primary) var(--mix-8),transparent);color:inherit;font-size:var(--size-12);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:var(--size-12);padding:0 var(--size-2);border-bottom:var(--size-1) solid var(--border);background:transparent}.underline-tabs--small{gap:var(--size-10)}.underline-tabs--middle{gap:var(--size-16)}.underline-tabs--large{gap:var(--size-18)}.underline-tabs--stretch{display:flex;width:100%}.underline-tabs__item{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--size-6);min-height:0;padding:0;border:none;border-radius:0;background:transparent;color:var(--text-secondary);font-size:var(--size-14);font-weight:700;cursor:pointer;transition:var(--motion-transition-interactive-fast)}.underline-tabs__item:focus-visible{outline:none;border-color:rgba(var(--accent-rgb),var(--alpha-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 var(--size-10);border-radius:0;flex-shrink:0}.underline-tabs__item--small{min-height:var(--size-32);padding-bottom:var(--size-8);font-size:var(--size-14);font-weight:600}.underline-tabs__item--middle{min-height:var(--size-40);padding-bottom:var(--size-12);font-size:var(--size-16);font-weight:700}.underline-tabs__item--large{min-height:var(--size-42);padding-bottom:var(--size-14);font-size:var(--size-16);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:calc(var(--size-1) * -1);height:var(--size-2);border-radius:var(--radius-pill);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:var(--size-18);padding:0 var(--size-6);border-radius:var(--radius-pill);background:var(--surface-muted);color:var(--text-tertiary);font-size:var(--size-10);font-weight:700}.underline-tabs__item--middle .underline-tabs__badge{min-height:var(--size-20);font-size:var(--size-12)}.underline-tabs__item--large .underline-tabs__badge{min-height:var(--size-22);font-size:var(--size-12)}.underline-tabs__item.is-active .underline-tabs__badge{background:color-mix(in srgb,var(--accent) var(--mix-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:var(--size-10);flex:0 0 auto;min-height:var(--size-48)}.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:var(--size-10);flex:0 0 auto;min-height:var(--size-48)}.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:var(--size-10);background:var(--overlay-strong);-webkit-backdrop-filter:blur(var(--size-8));backdrop-filter:blur(var(--size-8))}.global-word-search-panel{width:min(var(--size-680),100vw - var(--size-20));padding:var(--size-10);border-radius:var(--size-14);background:var(--surface-elevated);border:var(--size-1) 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(var(--size-1040),100vw - var(--size-20))}.global-word-search-bar{display:flex}.global-word-search-form{flex:1;display:flex;align-items:center;min-height:var(--size-54);gap:var(--size-12);padding:0 var(--size-16) 0 var(--size-18);border:var(--size-1) solid color-mix(in srgb,var(--accent) var(--mix-72),transparent);border-radius:var(--size-10);background:var(--surface-elevated);box-shadow:inset 0 var(--size-1) 0 color-mix(in srgb,var(--surface-elevated) var(--mix-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:var(--size-14) 0;border:none;outline:none;background:transparent;color:var(--text-primary);font-size:var(--size-16);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:var(--size-8);min-height:var(--size-148);text-align:center;color:var(--text-secondary)}.global-word-search-status{margin:0;font-size:var(--size-14)}.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:var(--size-5) var(--size-10);border-radius:var(--radius-pill);border:var(--size-1) solid color-mix(in srgb,var(--border-subtle) var(--mix-70),transparent);background:color-mix(in srgb,var(--surface-floating) var(--mix-66),transparent);color:color-mix(in srgb,var(--text-tertiary) var(--mix-78),transparent);font-size:var(--size-12);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:var(--size-10)}.global-word-search-panel,.global-word-search-panel--with-result{width:100%;min-height:auto;padding:var(--size-10)}.global-word-search-bar{gap:var(--size-8)}.global-word-search-form{min-height:var(--size-48);gap:var(--size-10);padding:0 var(--size-12) 0 var(--size-14)}.global-word-search-input{font-size:var(--size-16)}.global-word-search-shortcut{padding:var(--size-4) var(--size-8);font-size:var(--size-12)}}.global-word-search-detail-frame{display:flex;align-items:flex-start;gap:var(--size-18)}.global-word-search-detail-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--size-10)}.global-word-search-action-rail{position:sticky;top:var(--size-6);display:flex;flex-direction:column;gap:var(--size-12);align-items:center;padding-top:var(--size-4)}.global-word-search-action-btn,.global-word-search-action-rail .practice-favorite-btn{width:var(--size-52);height:var(--size-52);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);border:var(--size-1) solid color-mix(in srgb,var(--accent) var(--mix-18),var(--border-subtle));background:color-mix(in srgb,var(--surface-elevated) var(--mix-92),var(--surface-floating));color:color-mix(in srgb,var(--accent) var(--mix-72),var(--text-primary));box-shadow:0 var(--size-14) var(--size-28) rgba(var(--accent-rgb),var(--alpha-10));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(calc(var(--size-1) * -1));border-color:color-mix(in srgb,var(--accent) var(--mix-34),transparent);background:color-mix(in srgb,var(--accent) var(--mix-8),var(--surface-floating));box-shadow:0 var(--size-18) var(--size-34) rgba(var(--accent-rgb),var(--alpha-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 var(--size-18) var(--size-34) rgba(var(--accent-rgb),var(--alpha-16))}.global-word-search-action-btn svg,.global-word-search-slow-icon,.global-word-search-action-rail .practice-favorite-btn svg{width:var(--size-24);height:var(--size-24)}.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) var(--mix-14),var(--surface-floating));color:var(--accent)}.global-word-search-action-icon{width:var(--size-22);height:var(--size-22)}.global-word-search-slow-icon{object-fit:contain}@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:var(--size-16)}.word-feedback-modal__card{display:flex;flex-direction:column;gap:var(--size-8);padding:var(--size-16);border-radius:var(--size-16);background:color-mix(in srgb,var(--surface-muted) var(--mix-92),transparent);border:var(--size-1) solid var(--border-subtle)}.word-feedback-modal__word{font-size:var(--size-32);font-weight:800;line-height:1;color:var(--accent)}.word-feedback-modal__meta,.word-feedback-modal__source{color:var(--text-secondary);font-size:var(--size-14)}.word-feedback-modal__definition{color:var(--text-primary);line-height:1.7}.word-feedback-modal__example{display:flex;flex-direction:column;gap:var(--size-4);padding-top:var(--size-8);border-top:var(--size-1) 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:var(--size-10)}.word-feedback-modal__label{font-size:var(--size-14);font-weight:700;color:var(--text-primary)}.word-feedback-modal__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--size-10) var(--size-14)}.word-feedback-modal__option{display:inline-flex;align-items:center;gap:var(--size-8);color:var(--text-secondary);cursor:pointer}.word-feedback-modal__option input{margin:0}.word-feedback-modal__error{color:var(--error);font-size:var(--size-14)}.word-feedback-modal__actions{display:flex;justify-content:flex-end;gap:var(--size-10)}.word-feedback-modal__secondary,.word-feedback-modal__primary{min-width:var(--size-92);padding:var(--size-10) var(--size-16);border-radius:var(--size-10);font-weight:600;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.word-feedback-modal__secondary{border:var(--size-1) solid var(--border-subtle);background:var(--surface-muted);color:var(--text-secondary)}.word-feedback-modal__primary{border:var(--size-1) 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:var(--size-10);padding:var(--size-10);border-radius:var(--size-16);background:var(--surface-elevated);border:var(--size-1) solid var(--border-strong);overflow:auto;max-height:calc(100vh - var(--size-40))}.global-word-search-detail-header{display:flex;align-items:flex-start;gap:var(--size-10)}.global-word-search-detail-heading{display:flex;flex-direction:column;gap:var(--size-8)}.global-word-search-heading-row{display:flex;align-items:center;gap:var(--size-10);flex-wrap:wrap}.global-word-search-word{margin:0;font-size:clamp(var(--size-32),4vw,var(--size-42));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:var(--size-16)}.global-word-search-summary{margin:0;color:var(--text-secondary);font-size:var(--size-16);line-height:1.6}.global-word-search-audio{display:inline-flex;align-items:center;gap:var(--size-8);padding:var(--size-10) var(--size-14);border-radius:var(--radius-pill);border:var(--size-1) solid color-mix(in srgb,var(--accent) var(--mix-18),transparent);background:color-mix(in srgb,var(--accent) var(--mix-8),var(--surface-floating));color:color-mix(in srgb,var(--accent) var(--mix-74),var(--text-primary));box-shadow:0 var(--size-10) var(--size-22) rgba(var(--accent-rgb),var(--alpha-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(calc(var(--size-1) * -1));border-color:color-mix(in srgb,var(--accent) var(--mix-34),transparent);background:color-mix(in srgb,var(--accent) var(--mix-12),var(--surface-floating));box-shadow:0 var(--size-14) var(--size-28) rgba(var(--accent-rgb),var(--alpha-18))}.global-word-search-audio:focus-visible{outline:none;box-shadow:var(--focus-ring-strong),0 var(--size-14) var(--size-28) rgba(var(--accent-rgb),var(--alpha-18))}.global-word-search-audio--icon{width:var(--size-40);height:var(--size-40);padding:0;justify-content:center}.global-word-search-audio--icon svg{width:var(--size-24);height:var(--size-24)}.global-word-search-memory-card{display:flex;flex-direction:column;gap:var(--size-10);padding:var(--size-10);border-radius:var(--size-12);background:var(--surface-muted)}.global-word-search-memory-badge{align-self:flex-start;padding:var(--size-3) var(--size-8);border-radius:var(--size-8);background:var(--accent);color:var(--text-inverse);font-size:var(--size-14);font-weight:700}.global-word-search-memory-list{display:grid;gap:var(--size-6)}.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:var(--size-8);padding-top:var(--size-6);border-top:var(--size-1) solid color-mix(in srgb,var(--border-subtle) var(--mix-85),transparent)}.global-word-search-memory-subtitle{color:var(--text-tertiary);font-size:var(--size-12);font-weight:600;letter-spacing:.04em}.global-word-search-memory-item{display:flex;align-items:baseline;gap:var(--size-8);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:var(--size-24);padding-bottom:var(--size-10);border-bottom:var(--size-1) solid var(--border-subtle)}.global-word-search-tab{padding:0;border:none;background:transparent;color:var(--text-secondary);font-size:var(--size-16);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:var(--size-10);min-height:0}.global-word-search-empty-panel{display:flex;align-items:center;justify-content:center;min-height:var(--size-120);border-radius:var(--size-12);background:color-mix(in srgb,var(--surface-muted) var(--mix-84),transparent);color:var(--text-secondary);text-align:center}.global-word-search-examples{display:flex;flex-direction:column;gap:var(--size-18)}.global-word-search-example{padding-bottom:var(--size-14);border-bottom:var(--size-1) solid var(--border-subtle)}.global-word-search-example-header{display:flex;align-items:flex-start;gap:var(--size-12)}.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:var(--size-4);color:var(--text-secondary);font-size:var(--size-14)}.global-word-search-audio--example{width:var(--size-34);height:var(--size-34);margin-top:var(--size-2);box-shadow:none}.global-word-search-audio--example .example-audio-icon{width:var(--size-18);height:var(--size-18)}.global-word-search-root-card{display:flex;flex-direction:column;gap:var(--size-14)}.global-word-search-root-segments{display:flex;flex-wrap:wrap;gap:var(--size-12)}.global-word-search-root-segment{min-width:var(--size-110);padding:var(--size-12) var(--size-14);border-radius:var(--size-12);background:color-mix(in srgb,var(--surface-muted) var(--mix-90),transparent);color:var(--text-primary)}.global-word-search-root-kind{display:block;margin-bottom:var(--size-6);color:var(--text-tertiary);font-size:var(--size-12)}.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:var(--size-8);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:var(--size-14)}.global-word-search-derivative{display:flex;flex-direction:column;gap:var(--size-6);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:var(--size-10);flex-wrap:wrap}.global-word-search-derivative-heading strong{font-size:var(--size-18);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:var(--size-8)}.global-word-search-notes-input{width:100%;min-height:var(--size-200);padding:var(--size-14);border:var(--size-1) solid color-mix(in srgb,var(--accent) var(--mix-72),transparent);border-radius:var(--size-8);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:var(--size-12)}.global-word-search-highlight{padding:0;background:transparent;color:var(--accent);font-weight:700}@media (max-width: 768px){.global-word-search-detail{padding:var(--size-10);max-height:calc(100vh - var(--size-20))}.global-word-search-detail-header{flex-direction:column}.global-word-search-word{font-size:var(--size-28)}.global-word-search-tabs{gap:var(--size-16);overflow-x:auto}.global-word-search-section{min-height:0}}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--size-8);text-decoration:none;min-height:var(--size-44);padding:0 var(--size-18);border:var(--size-1) solid transparent;border-radius:var(--size-14);background:var(--surface-elevated);color:var(--text-primary);font-size:var(--size-14);font-weight:700;cursor:pointer;transition:var(--motion-transition-interactive-fast)}.ui-button:focus-visible{outline:none;border-color:rgba(var(--accent-rgb),var(--alpha-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(calc(var(--size-1) * -1))}.ui-button--sm{min-height:var(--size-36);padding:0 var(--size-14);border-radius:var(--size-12);font-size:var(--size-14)}.ui-button--md{min-height:var(--size-44);padding:0 var(--size-18)}.ui-button--lg{min-height:var(--size-48);padding:0 var(--size-24);font-size:var(--size-16)}.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) var(--mix-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) var(--mix-88),var(--text-primary) var(--mix-12))}.ui-button--warning{border-color:color-mix(in srgb,var(--warning) var(--mix-24),transparent);background:color-mix(in srgb,var(--warning-bg) var(--mix-70),var(--surface-elevated));color:color-mix(in srgb,var(--warning) var(--mix-74),var(--text-primary));box-shadow:var(--shadow-sm)}.ui-button--warning:hover:not(:disabled){background:color-mix(in srgb,var(--warning-bg) var(--mix-52),var(--warning) var(--mix-12));border-color:color-mix(in srgb,var(--warning) var(--mix-34),transparent)}.ui-button__spinner,.ui-button__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ui-button__spinner{width:var(--size-16);height:var(--size-16)}.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:var(--size-1) solid var(--border-strong);border-radius:var(--size-14);box-shadow:var(--shadow-soft)}.ui-card--pad-none{padding:0}.ui-card--pad-sm{padding:var(--size-10)}.ui-card--pad-md{padding:var(--size-14)}.ui-card--pad-lg{padding:var(--size-20)}.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) var(--mix-22),var(--border-strong));box-shadow:var(--shadow-floating);transform:translateY(calc(var(--size-1) * -1))}.ui-card--interactive:focus-visible{outline:none;border-color:color-mix(in srgb,var(--accent) var(--mix-26),var(--border-strong));box-shadow:var(--focus-ring)}.ui-card__header{font-size:var(--size-18);font-weight:700;line-height:1.3;color:var(--text-primary)}.ui-card__content{min-width:0}.ui-card__footer{margin-top:var(--size-14);padding-top:var(--size-14);border-top:var(--size-1) solid var(--border-subtle)}.ui-field{display:flex;flex-direction:column;gap:var(--size-6);width:100%}.ui-field__label{font-size:var(--size-14);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:var(--size-44);padding:0 var(--size-14);border:var(--size-1) solid var(--border-strong);border-radius:var(--size-12);background:var(--surface-elevated);color:var(--text-primary);font-size:var(--size-14);outline:none;transition:var(--motion-transition-surface-fast)}.ui-input:focus,.ui-input:focus-visible{border-color:rgba(var(--accent-rgb),var(--alpha-42));box-shadow:var(--focus-ring)}.ui-textarea{min-height:auto;padding:var(--size-12) var(--size-14);border:var(--size-1) solid var(--border-strong);border-radius:var(--size-12);background:var(--surface-elevated);color:var(--text-primary);font-size:var(--size-14);outline:none;transition:var(--motion-transition-surface-fast)}.ui-textarea:focus,.ui-textarea:focus-visible{border-color:rgba(var(--accent-rgb),var(--alpha-42));box-shadow:var(--focus-ring)}.ui-textarea{min-height:var(--size-112);line-height:1.6;resize:vertical}.ui-input::placeholder,.ui-textarea::placeholder{color:color-mix(in srgb,var(--text-tertiary) var(--mix-80),transparent)}.ui-input--with-left-icon{padding-left:var(--size-42)}.ui-input--with-right-icon{padding-right:var(--size-42)}.ui-input--error,.ui-textarea--error{border-color:color-mix(in srgb,var(--error) var(--mix-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:var(--size-14)}.ui-input-icon--right{right:var(--size-14)}.ui-field__message{margin:0;font-size:var(--size-12);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:var(--size-10);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(var(--size-8));backdrop-filter:blur(var(--size-8));animation:uiModalFadeIn .18s ease}.ui-modal__panel{position:relative;width:min(100%,var(--size-520));max-height:calc(100vh - var(--size-20));display:flex;flex-direction:column;overflow:hidden;background:var(--surface-floating);border:var(--size-1) solid var(--border-strong);border-radius:var(--size-18);box-shadow:var(--shadow-overlay);animation:uiModalScaleIn .18s ease}.ui-modal__panel--sm{width:min(100%,var(--size-360))}.ui-modal__panel--md{width:min(100%,var(--size-520))}.ui-modal__panel--lg{width:min(100%,var(--size-640))}.ui-modal__panel--xl{width:min(100%,var(--size-820))}.ui-modal__panel--full{width:min(100%,var(--size-1080))}.ui-modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--size-10);padding:var(--size-14);border-bottom:var(--size-1) solid var(--border-subtle)}.ui-modal__title{margin:0;font-size:var(--size-18);font-weight:700;line-height:1.3;color:var(--text-primary)}.ui-modal__close{flex-shrink:0;min-height:var(--size-36);padding:0;border:var(--size-1) solid transparent;border-radius:var(--size-12);background:transparent;color:var(--text-secondary);font-size:var(--size-14);font-weight:700;cursor:pointer;transition:var(--motion-transition-interactive-fast)}.ui-modal__close:focus-visible{outline:none;border-color:rgba(var(--accent-rgb),var(--alpha-42));box-shadow:var(--focus-ring)}.ui-modal__close:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.ui-modal__close{width:var(--size-36)}.ui-modal__close:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.ui-modal__close svg{width:var(--size-18);height:var(--size-18)}.ui-modal__body{padding:var(--size-14);overflow:auto}.ui-modal__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--size-10);margin-top:var(--size-20)}@keyframes uiModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes uiModalScaleIn{0%{opacity:0;transform:translateY(var(--size-8)) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 640px){.ui-modal{align-items:flex-end;padding:var(--size-10)}.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 - var(--size-10));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:var(--size-400);background:var(--surface-base);border:var(--size-1) solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-panel)}.auth-title{font-size:var(--size-24);font-weight:700;text-align:center;margin-bottom:var(--space-sm)}.auth-subtitle{font-size:var(--size-14);color:var(--text-secondary);text-align:center;margin-bottom:var(--space-xl)}.auth-input{width:100%;height:var(--size-48);padding:0 var(--size-16);border:var(--size-1) solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--size-16);color:var(--text-primary);background:var(--surface-muted);outline:none;margin-bottom:var(--space-md);transition:var(--motion-transition-interactive-fast);box-shadow:inset 0 var(--size-1) 0 var(--surface-inset)}@media (max-width: 640px){.auth-page{padding:var(--size-56) var(--size-10) var(--size-10)}}.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:var(--size-48);background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--size-16);font-weight:600;cursor:pointer;transition:var(--motion-transition-interactive-fast)}.auth-btn:hover{background:var(--accent-hover);transform:translateY(calc(var(--size-1) * -1));box-shadow:var(--shadow-md)}.auth-btn:active{transform:translateY(0)}.auth-btn.secondary{background:var(--surface-base);color:var(--text-primary);border:var(--size-1) 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:var(--size-6);margin-top:var(--space-lg);font-size:var(--size-14);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:var(--size-16);height:var(--size-16);cursor:pointer;flex-shrink:0;border:var(--size-1) solid var(--border-strong);border-radius:var(--size-4);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:var(--size-8);height:var(--size-5);border-left:var(--size-2) solid var(--text-inverse);border-bottom:var(--size-2) 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:var(--size-14);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:var(--size-14);font-weight:500;color:var(--text-secondary);margin-bottom:var(--size-6)}.auth-form-field .auth-input{margin-bottom:0}.required-mark{color:var(--error);margin-left:var(--size-2);font-size:var(--size-12)}.auth-forgot-row{display:flex;justify-content:flex-end;margin-top:calc(var(--size-8) * -1);margin-bottom:var(--space-md)}.auth-forgot-link{background:none;border:none;padding:0;font-size:var(--size-14);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:var(--size-1) solid var(--border)}.auth-back-btn{background:none;border:none;padding:0;font-size:var(--size-14);color:var(--text-secondary);cursor:pointer}.auth-back-btn:hover{color:var(--text-primary)}.auth-forgot-title{font-size:var(--size-16);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:var(--size-48);padding:0 var(--size-14);background:var(--bg-secondary);border:var(--size-1) solid var(--border);border-radius:var(--radius-md);font-size:var(--size-14);font-weight:500;color:var(--accent);cursor:pointer;white-space:nowrap;transition:var(--motion-transition-interactive-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:var(--size-44);margin-bottom:0}.auth-input-wrapper .auth-input.auth-input-error{margin-bottom:0}.auth-input-icon-btn{position:absolute;right:var(--size-12);display:flex;align-items:center;justify-content:center;width:var(--size-28);height:var(--size-28);padding:0;background:none;border:none;border-radius:50%;color:var(--text-tertiary);cursor:pointer;transition:color .15s,background .15s;z-index:var(--layer-raised)}.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:var(--size-10);background:var(--surface-subtle)}.special-page-brand{position:absolute;top:var(--size-10);left:var(--size-10);display:flex;align-items:center;gap:var(--size-10)}.special-page-brand-logo{width:var(--size-36);height:var(--size-36);border-radius:var(--radius-md);object-fit:cover}.special-page-brand-text{display:flex;flex-direction:column;gap:var(--size-2)}.special-page-brand-title{font-size:var(--size-16);font-weight:700;color:var(--accent);line-height:1.1}.special-page-brand-subtitle{font-size:var(--size-12);color:var(--text-secondary);line-height:1}.special-page-card{width:100%;max-width:var(--size-420);padding:var(--size-20);text-align:center;background:var(--surface-base);border:var(--size-1) 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:var(--size-10)}.terms-shell{width:100%;max-width:none;height:100%;background:var(--surface-base);border:var(--size-1) solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-panel);overflow:hidden}.terms-header{display:flex;flex-direction:column;gap:var(--size-10);padding-bottom:var(--size-20);border-bottom:var(--size-1) 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:var(--size-14)}.terms-title{margin:0;font-size:var(--size-30);line-height:1.2;color:var(--text-primary)}.terms-summary{margin:0;max-width:var(--size-720);color:var(--text-secondary);line-height:1.7}.terms-layout{display:grid;grid-template-columns:var(--size-260) minmax(0,1fr) var(--size-220);height:100%;min-height:0}.terms-sidebar{display:flex;flex-direction:column;gap:var(--size-16);padding:var(--size-20);background:color-mix(in srgb,var(--surface-subtle) var(--mix-92),var(--surface-elevated));border-right:var(--size-1) solid var(--border-subtle);overflow:auto}.terms-sidebar-group{display:flex;flex-direction:column;gap:var(--size-8);padding-bottom:var(--size-16);border-bottom:var(--size-1) solid var(--border-subtle)}.terms-sidebar-group:last-child{padding-bottom:0;border-bottom:none}.terms-sidebar-title{margin:0;font-size:var(--size-14);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:var(--size-2)}.terms-sidebar-link{display:block;padding:var(--size-4) 0;color:var(--text-secondary);text-decoration:none;font-size:var(--size-12);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:var(--size-860);min-height:100%;margin:0 auto;padding:var(--size-32) var(--size-40) var(--size-48);display:flex;flex-direction:column;gap:var(--size-24)}.terms-outline{display:flex;flex-direction:column;gap:var(--size-12);padding:var(--size-32) var(--size-20);border-left:var(--size-1) solid var(--border-subtle);background:var(--surface-base);overflow:auto}.terms-outline-title{margin:0;font-size:var(--size-14);font-weight:700;color:var(--text-primary)}.terms-outline-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--size-8)}.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:var(--size-4);padding-top:var(--size-16);padding-bottom:0;border-top:var(--size-1) solid var(--border-subtle)}.terms-section{display:flex;flex-direction:column;gap:var(--size-10);padding-bottom:var(--size-24);border-bottom:var(--size-1) solid var(--border-subtle)}.terms-section:last-child{border-bottom:none;padding-bottom:0}.markdown-body h2{margin:0;font-size:var(--size-20);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:var(--size-20);display:flex;flex-direction:column;gap:var(--size-8);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:var(--size-1) solid var(--border-subtle);border-radius:var(--size-10);background:var(--surface-base)}.markdown-body th,.markdown-body td{padding:var(--size-10);text-align:left;border-bottom:var(--size-1) solid var(--border-subtle)}.markdown-body th{font-size:var(--size-14);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:var(--size-10) var(--size-12);border-left:var(--size-3) solid var(--accent);border-radius:var(--size-10);background:var(--surface-hover);color:var(--text-primary)}.not-found-card{display:flex;flex-direction:column;gap:var(--size-10)}.not-found-code{font-size:var(--size-48);font-weight:800;line-height:1;color:var(--accent)}.not-found-title{font-size:var(--size-24);font-weight:700;color:var(--text-primary)}.not-found-description{font-size:var(--size-14);color:var(--text-secondary)}.not-found-actions{display:flex;justify-content:center;gap:var(--size-10);margin-top:var(--size-10)}.not-found-btn{min-height:var(--size-40);padding:0 var(--size-14);border-radius:var(--size-10);border:var(--size-1) solid var(--border-subtle);background:var(--surface-muted);color:var(--text-secondary);font-size:var(--size-14);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:var(--size-10)}.terms-shell{border-radius:var(--size-10)}.terms-title{font-size:var(--size-24)}.terms-content{padding:var(--size-20) var(--size-16) var(--size-32)}}@media (max-width: 1100px){.terms-layout{grid-template-columns:var(--size-240) 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:var(--size-28);font-weight:700;margin-bottom:var(--space-sm)}.page-subtitle{font-size:var(--size-16);color:var(--text-secondary);margin-bottom:var(--space-xl)}.day-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--size-160),1fr));gap:var(--space-md)}.day-card{background:var(--bg-color);border:var(--size-1) solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:var(--motion-transition-interactive-normal)}.day-card:hover{border-color:var(--accent);box-shadow:0 0 0 var(--size-3) var(--accent-subtle);transform:translateY(calc(var(--size-2) * -1))}.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:var(--size-14);font-weight:700;color:var(--accent);margin-bottom:var(--space-xs)}.day-status{font-size:var(--size-14);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:var(--size-960);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-md)}.home-banner{background:var(--surface-base);border:var(--size-1) solid color-mix(in srgb,var(--accent) var(--mix-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:var(--size-6);font-size:var(--size-12);font-weight:600;color:var(--accent);background:color-mix(in srgb,var(--accent) var(--mix-12),transparent);border-radius:var(--radius-full);padding:var(--size-4) var(--size-12) var(--size-4) var(--size-8);margin-bottom:var(--space-md)}.home-banner-badge svg{width:var(--size-14);height:var(--size-14);flex-shrink:0}.home-welcome{font-size:var(--size-28);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs);line-height:1.2}.home-subtitle{font-size:var(--size-14);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:var(--size-1)}.home-stat-num{font-size:var(--size-22);font-weight:700;color:var(--accent);line-height:1}.home-stat-label{font-size:var(--size-12);color:var(--text-tertiary);letter-spacing:.02em}.home-stat-divider{width:var(--size-1);height:var(--size-28);background:color-mix(in srgb,var(--accent) var(--mix-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:var(--size-96);height:var(--size-96)}.progress-ring-svg{width:var(--size-96);height:var(--size-96)}.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:var(--size-18);font-weight:700;color:var(--accent);line-height:1}.progress-ring-label{font-size:var(--size-10);color:var(--text-tertiary)}.home-current-day{font-size:var(--size-12);font-weight:600;color:var(--accent);background:color-mix(in srgb,var(--accent) var(--mix-12),transparent);border-radius:var(--radius-full);padding:var(--size-3) var(--size-12)}.home-tabs{display:flex;gap:var(--size-4);background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--size-4)}.home-tab{flex:1;padding:var(--space-sm) var(--space-md);background:none;border:none;border-radius:calc(var(--radius-lg) - var(--size-2));font-size:var(--size-14);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) var(--mix-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:var(--size-16);font-weight:700;color:var(--text-primary)}.home-section-desc{font-size:var(--size-14);color:var(--text-tertiary)}.day-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xs)}.day-check{width:var(--size-16);height:var(--size-16);color:var(--success)}.day-badge{font-size:var(--size-10);font-weight:600;background:var(--accent);color:var(--text-inverse);padding:var(--size-2) var(--size-6);border-radius:var(--radius-full)}.day-words{font-size:var(--size-12);color:var(--text-tertiary);margin-bottom:var(--size-4)}.day-progress-bar{height:var(--size-3);background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--size-4)}.day-progress-fill{height:100%;background:var(--accent);border-radius:var(--radius-full);transition:width .3s ease}.day-progress-text{font-size:var(--size-12);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:var(--size-56);height:var(--size-56);background:var(--bg-secondary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.home-empty-icon svg{width:var(--size-24);height:var(--size-24)}.home-empty-text{font-size:var(--size-14);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:var(--size-14);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:var(--size-1);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:var(--size-4);border-bottom:var(--size-1) 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:var(--size-16);font-weight:600;color:var(--text-primary)}.wrong-word-phonetic{font-size:var(--size-14);color:var(--text-tertiary)}.wrong-word-def{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--size-14);color:var(--text-secondary)}.wrong-word-pos{font-size:var(--size-12);background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:var(--size-1) var(--size-6);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:var(--size-28);font-weight:700;line-height:1}.stats-card-label{font-size:var(--size-12);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:var(--size-14);background:radial-gradient(circle at top right,color-mix(in srgb,var(--warning) var(--mix-12),transparent),transparent 28%),linear-gradient(180deg,color-mix(in srgb,var(--warning-bg) var(--mix-32),var(--surface-elevated)),color-mix(in srgb,var(--surface-muted) var(--mix-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) var(--mix-64),transparent),transparent 38%),radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--text-primary) var(--mix-8),transparent),transparent 24%);pointer-events:none}.study-guidance-grid{position:relative;z-index:var(--layer-raised);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--size-10)}.study-guidance-card{--guidance-rgb: var(--accent-rgb);--guidance-color: var(--accent);display:flex;flex-direction:column;gap:var(--size-12);min-height:100%;padding:var(--size-14);border-radius:var(--size-18);border:var(--size-1) solid rgba(var(--guidance-rgb),var(--alpha-16));background:linear-gradient(180deg,color-mix(in srgb,var(--surface-elevated) var(--mix-96),transparent),rgba(var(--guidance-rgb),var(--alpha-5)));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:var(--size-12)}.study-guidance-card__heading{display:grid;gap:var(--size-4);min-width:0}.study-guidance-card__eyebrow{font-size:var(--size-12);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--guidance-color)}.study-guidance-card h3{margin:0;font-size:var(--size-16);line-height:1.35}.study-guidance-card__badge{display:inline-flex;align-items:center;min-height:var(--size-28);padding:0 var(--size-10);border-radius:var(--radius-pill);background:rgba(var(--guidance-rgb),var(--alpha-12));color:var(--guidance-color);font-size:var(--size-12);font-weight:700;white-space:nowrap;flex-shrink:0}.study-guidance-card__description{margin:0;font-size:var(--size-14);line-height:1.65;color:var(--text-secondary)}.study-guidance-card__facts{display:flex;flex-wrap:wrap;gap:var(--size-8)}.study-guidance-card__fact{display:inline-flex;align-items:center;min-height:var(--size-24);padding:0 var(--size-8);border-radius:var(--radius-pill);background:var(--surface-inset);color:var(--text-secondary);font-size:var(--size-12);font-weight:700}.study-guidance-sections{display:grid;gap:var(--size-10)}.study-guidance-section{display:grid;gap:var(--size-8);padding-top:var(--size-10);border-top:var(--size-1) solid var(--border-subtle)}.study-guidance-section__label{margin:0;font-size:var(--size-12);font-weight:800;letter-spacing:.04em;color:var(--text-primary)}.study-guidance-steps{counter-reset:guidance-step;display:grid;gap:var(--size-8);margin:0;padding:0;list-style:none}.study-guidance-steps li{position:relative;padding-left:var(--size-28);font-size:var(--size-14);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:var(--size-20);height:var(--size-20);border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;background:rgba(var(--guidance-rgb),var(--alpha-14));color:var(--guidance-color);font-size:var(--size-12);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(var(--size-100),1fr));gap:var(--space-sm)}@media (min-width: 640px){.day-grid{grid-template-columns:repeat(auto-fill,minmax(var(--size-90),1fr))}}@media (min-width: 1024px){.day-grid{grid-template-columns:repeat(10,1fr)}}.day-card{background:var(--bg-secondary);border:calc(var(--size-3) / 2) 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:var(--size-4)}.day-card:hover{border-color:var(--accent);box-shadow:0 0 0 var(--size-2) var(--accent-subtle);transform:translateY(calc(var(--size-1) * -1));background:var(--bg-color)}.day-card.active{border-color:var(--accent);background:var(--accent-light);box-shadow:0 0 0 var(--size-2) var(--accent-subtle)}.day-card.completed{border-color:var(--success);background:var(--success-light)}.day-number{font-size:var(--size-14);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:var(--size-12);color:var(--text-tertiary);margin:0}.day-progress-bar{width:100%;height:var(--size-2);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:var(--size-10);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) var(--mix-84), transparent);--study-glass-soft: color-mix(in srgb, var(--surface-elevated) var(--mix-88), var(--surface-subtle));--study-glass-warm: color-mix(in srgb, var(--surface-elevated) var(--mix-72), var(--surface-accent));--study-glass-border: color-mix(in srgb, var(--surface-border-strong) var(--mix-92), transparent);--study-status-ready-bg: color-mix(in srgb, var(--warning) var(--mix-14), transparent);--study-status-ready-fg: color-mix(in srgb, var(--warning) var(--mix-76), var(--text-primary));--study-status-optional-bg: color-mix(in srgb, var(--info) var(--mix-10), var(--success) var(--mix-8));--study-status-optional-fg: color-mix(in srgb, var(--info) var(--mix-62), var(--success) var(--mix-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:var(--size-12)}.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) var(--mix-97),transparent);border:var(--size-1) solid var(--surface-border-strong);border-radius:var(--size-10);box-shadow:var(--shadow-soft)}.study-todo-panel,.study-guidance-panel,.study-quick-actions-panel,.study-guide-panel,.study-guide-side-card{padding:var(--size-10)}.study-todo-panel{display:flex;flex-direction:column;gap:var(--size-12)}.study-todo-head{display:block}.study-todo-title{margin:0;font-size:clamp(var(--size-18),2.2vw,var(--size-22));line-height:1.2;letter-spacing:-.02em}.study-todo-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--size-12);margin:0;padding:0;list-style:none;align-items:stretch}.study-todo-item{display:flex;flex-direction:column;gap:var(--size-12);height:100%;padding:var(--size-14);border-radius:var(--size-18);border:var(--size-1) solid color-mix(in srgb,var(--text-primary) var(--mix-8),transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-elevated) var(--mix-96),transparent),color-mix(in srgb,var(--surface-muted) var(--mix-90),transparent));box-shadow:var(--shadow-soft)}.study-todo-item.is-completed{border-color:color-mix(in srgb,var(--success) var(--mix-16),transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--success-light) var(--mix-88),var(--surface-elevated)),color-mix(in srgb,var(--surface-elevated) var(--mix-92),transparent))}.study-todo-card-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--size-12) var(--size-14)}.study-todo-heading{display:flex;align-items:flex-start;gap:var(--size-12);min-width:0;flex:1}.study-todo-main{min-width:0}.study-todo-head-side{display:grid;justify-items:end;align-content:start;gap:var(--size-8);min-width:0}.study-todo-check,.study-todo-step-check{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--size-18);height:var(--size-18);margin:var(--size-3) 0 0;border-radius:var(--size-4);border:calc(var(--size-3) / 2) solid var(--border-strong);background:color-mix(in srgb,var(--surface-elevated) var(--mix-96),transparent);position:relative;flex-shrink:0;pointer-events:none}.study-todo-check:after,.study-todo-step-check:after{content:"";position:absolute;top:var(--size-1);left:var(--size-5);width:var(--size-5);height:var(--size-10);border-right:var(--size-2) solid var(--text-inverse);border-bottom:var(--size-2) 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) var(--mix-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:var(--size-4);min-width:0}.study-todo-title-row h3{margin:0;font-size:var(--size-16);line-height:1.35;white-space:normal}.study-todo-subtitle{min-width:0;font-size:var(--size-14);line-height:1.55;color:var(--text-secondary)}.study-todo-title-meta{display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--size-8);flex-wrap:wrap;flex-shrink:0}.study-todo-steps{display:grid;gap:var(--size-10);margin:0;padding:0;list-style:none}.study-todo-step{display:flex;align-items:center;justify-content:space-between;gap:var(--size-12);padding:var(--size-12) var(--size-12);border-radius:var(--size-14);border:var(--size-1) solid color-mix(in srgb,var(--text-primary) var(--mix-6),transparent);background:color-mix(in srgb,var(--surface-muted) var(--mix-82),transparent)}.study-todo-item.is-completed .study-todo-step{background:color-mix(in srgb,var(--success-light) var(--mix-56),transparent)}.study-todo-step.is-current{border-color:rgba(var(--accent-rgb),var(--alpha-18));background:rgba(var(--accent-rgb),var(--alpha-5))}.study-todo-step-main{display:flex;align-items:flex-start;gap:var(--size-10);min-width:0;flex:1}.study-todo-step.is-current .study-todo-step-check{border-color:rgba(var(--accent-rgb),var(--alpha-36));background:rgba(var(--accent-rgb),var(--alpha-8))}.study-todo-step-label{min-width:0;font-size:var(--size-14);line-height:1.55;color:var(--text-secondary)}.study-todo-step-state{display:inline-flex;align-items:center;border-radius:var(--radius-pill);min-height:var(--size-24);padding:0 var(--size-8);font-size:var(--size-12);font-weight:700;white-space:nowrap}.study-todo-step-state.is-completed{background:color-mix(in srgb,var(--success) var(--mix-14),transparent);color:var(--success)}.study-todo-step-state.is-current{background:rgba(var(--accent-rgb),var(--alpha-12));color:var(--accent)}.study-todo-step-state.is-pending{background:color-mix(in srgb,var(--text-tertiary) var(--mix-14),transparent);color:var(--text-tertiary)}.study-todo-state,.study-todo-progress{display:inline-flex;align-items:center;min-height:var(--size-20);padding:0 var(--size-8);border-radius:var(--radius-pill);font-size:var(--size-10);font-weight:700;white-space:nowrap}.study-todo-state{background:color-mix(in srgb,var(--text-tertiary) var(--mix-14),transparent);color:var(--text-tertiary)}.study-todo-state.is-completed{background:color-mix(in srgb,var(--success) var(--mix-14),transparent);color:var(--success)}.study-todo-progress{border:var(--size-1) solid rgba(var(--accent-rgb),var(--alpha-16));background:rgba(var(--accent-rgb),var(--alpha-10));color:var(--accent)}.study-todo-progress.is-completed{border-color:color-mix(in srgb,var(--success) var(--mix-18),transparent);background:color-mix(in srgb,var(--success) var(--mix-10),transparent);color:var(--success)}.study-todo-action{display:inline-flex;align-items:center;justify-content:center;min-height:var(--size-40);padding:0 var(--size-12);border-radius:var(--size-10);border:var(--size-1) solid color-mix(in srgb,var(--text-primary) var(--mix-10),transparent);background:color-mix(in srgb,var(--surface-muted) var(--mix-88),transparent);color:var(--text-primary);font-size:var(--size-12);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),var(--alpha-20));background:rgba(var(--accent-rgb),var(--alpha-6))}@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:var(--size-16);border-radius:var(--size-16);border:var(--size-1) dashed var(--surface-border-strong);font-size:var(--size-14);color:var(--text-secondary);background:color-mix(in srgb,var(--surface-muted) var(--mix-70),transparent)}.study-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--size-10)}.study-quick-action{width:100%;padding:var(--size-14);border-radius:var(--size-16);border:var(--size-1) solid var(--surface-border-strong);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-elevated) var(--mix-92),transparent),color-mix(in srgb,var(--surface-muted) var(--mix-90),transparent));display:flex;flex-direction:column;gap:var(--size-8);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(calc(var(--size-2) * -1));border-color:rgba(var(--accent-rgb),var(--alpha-22));box-shadow:var(--shadow-panel);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-accent) var(--mix-68),var(--surface-elevated)),color-mix(in srgb,var(--surface-elevated) var(--mix-96),transparent))}.study-quick-action__label{font-size:var(--size-14);font-weight:700;color:var(--text-primary)}.study-quick-action__value{font-size:var(--size-12);line-height:1.6;color:var(--text-secondary)}.study-guide-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(var(--size-20),3vw,var(--size-30));background:linear-gradient(142deg,color-mix(in srgb,var(--warning-bg) var(--mix-32),var(--surface-elevated)),color-mix(in srgb,var(--surface-accent) var(--mix-72),var(--surface-elevated)) 42%,color-mix(in srgb,var(--surface-muted) var(--mix-95),transparent))}.study-guide-hero:before{content:"";position:absolute;inset:calc(var(--size-120) * -1) auto auto calc(var(--size-110) * -1);width:min(46vw,var(--size-420));height:min(46vw,var(--size-420));border-radius:42% 58% 56% 44%/40% 38% 62% 60%;background:radial-gradient(circle at 36% 38%,color-mix(in srgb,var(--warning) var(--mix-34),transparent),color-mix(in srgb,var(--accent) var(--mix-16),transparent) 38%,color-mix(in srgb,var(--accent) var(--mix-4),transparent) 62%,transparent 76%);filter:blur(var(--size-6));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) var(--mix-72),transparent) 0%,color-mix(in srgb,var(--surface-elevated) var(--mix-20),transparent) 24%,transparent 52%),radial-gradient(circle at 88% 16%,color-mix(in srgb,var(--text-primary) var(--mix-8),transparent),transparent 24%),radial-gradient(circle at 78% 84%,color-mix(in srgb,var(--icon-muted) var(--mix-12),transparent),transparent 20%);opacity:.9;pointer-events:none}.study-guide-eyebrow{font-size:var(--size-12);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.study-guide-pill{display:inline-flex;align-items:center;min-height:var(--size-28);padding:0 var(--size-10);margin-top:var(--size-10);border-radius:var(--radius-pill);font-size:var(--size-12);font-weight:700}.study-guide-pill--accent{background:rgba(var(--accent-rgb),var(--alpha-12));color:var(--accent)}.study-guide-pill--error{background:color-mix(in srgb,var(--error) var(--mix-12),transparent);color:var(--error)}.study-guide-pill--success{background:color-mix(in srgb,var(--success) var(--mix-14),transparent);color:var(--success)}.study-guide-pill--neutral{background:var(--surface-inset);color:var(--text-secondary)}.study-guide-title{position:relative;z-index:var(--layer-raised);max-width:var(--size-820);margin:var(--size-12) 0 0;font-size:clamp(var(--size-28),4vw,var(--size-40));line-height:1.08;letter-spacing:-.03em}.study-guide-description{position:relative;z-index:var(--layer-raised);max-width:var(--size-760);margin:var(--size-12) 0 0;font-size:var(--size-16);line-height:1.7;color:var(--text-secondary)}.study-guide-caption{position:relative;z-index:var(--layer-raised);max-width:var(--size-700);margin:var(--size-10) 0 0;font-size:var(--size-12);line-height:1.6;color:var(--text-tertiary)}.study-guide-metrics{position:relative;z-index:var(--layer-raised);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--size-10);margin-top:var(--size-18)}.study-guide-metric{display:flex;flex-direction:column;gap:var(--size-6);padding:var(--size-12) var(--size-14);border-radius:var(--size-14);background:linear-gradient(180deg,var(--study-glass-base),var(--study-glass-warm));border:var(--size-1) solid var(--study-glass-border);-webkit-backdrop-filter:blur(var(--size-12));backdrop-filter:blur(var(--size-12));box-shadow:inset 0 var(--size-1) 0 color-mix(in srgb,var(--surface-elevated) var(--mix-74),transparent)}.study-guide-metric span{font-size:var(--size-12);color:var(--text-tertiary)}.study-guide-metric strong{font-size:var(--size-16);line-height:1.2;color:var(--text-primary)}.study-guide-actions{position:relative;z-index:var(--layer-raised);display:flex;align-items:center;gap:var(--size-10);margin-top:var(--size-18)}.study-guide-primary-btn,.study-guide-secondary-btn,.study-section-link{display:inline-flex;align-items:center;justify-content:center;min-height:var(--size-44);padding:0 var(--size-16);border-radius:var(--size-12);font-size:var(--size-14);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 var(--size-10) var(--size-22) rgba(var(--accent-rgb),var(--alpha-24))}.study-guide-primary-btn:hover{transform:translateY(calc(var(--size-1) * -1))}.study-guide-secondary-btn,.study-section-link{border:var(--size-1) 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),var(--alpha-22));background:rgba(var(--accent-rgb),var(--alpha-5))}.study-guide-content{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(var(--size-280),.95fr);gap:var(--size-10)}.study-guide-side{display:grid;gap:var(--size-10)}.study-self-serve-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--size-8)}.study-choice-card{width:100%;padding:var(--size-14);border:var(--size-1) solid var(--surface-border-strong);border-radius:var(--size-16);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(calc(var(--size-2) * -1));border-color:rgba(var(--accent-rgb),var(--alpha-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:var(--size-10)}.study-choice-card__title{margin:0;font-size:var(--size-16);line-height:1.3}.study-choice-card__badge{display:inline-flex;align-items:center;min-height:var(--size-24);padding:0 var(--size-8);border-radius:var(--radius-pill);font-size:var(--size-12);font-weight:700;background:rgba(var(--accent-rgb),var(--alpha-8));color:var(--accent);white-space:nowrap}.study-choice-card__description{margin:var(--size-8) 0 0;font-size:var(--size-14);line-height:1.65;color:var(--text-secondary)}.study-choice-card__cta{display:inline-flex;margin-top:var(--size-10);font-size:var(--size-12);font-weight:700;color:var(--accent)}.study-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--size-12);margin-bottom:var(--size-14)}.study-section-head--compact{margin-bottom:var(--size-10)}.study-section-head h2{margin:0;font-size:var(--size-18);line-height:1.2}.study-section-head p{margin:var(--size-6) 0 0;font-size:var(--size-14);line-height:1.6;color:var(--text-secondary)}.study-guide-steps{display:grid;gap:var(--size-10)}.study-step-card{width:100%;padding:var(--size-14);border:var(--size-1) solid var(--surface-border-strong);border-radius:var(--size-16);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:var(--size-14);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(calc(var(--size-2) * -1));box-shadow:var(--shadow-panel)}.study-step-card.is-current{border-color:rgba(var(--accent-rgb),var(--alpha-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) var(--mix-28),transparent)}.study-step-card.is-optional{border-color:color-mix(in srgb,var(--info) var(--mix-18),var(--success) var(--mix-8))}.study-step-card.is-done{background:linear-gradient(180deg,color-mix(in srgb,var(--study-glass-soft) var(--mix-92),transparent),var(--study-glass-base))}.study-step-card.is-disabled{cursor:default}.study-step-order{width:var(--size-34);height:var(--size-34);border-radius:var(--size-12);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--size-16);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:var(--size-10)}.study-step-title{margin:0;font-size:var(--size-16);line-height:1.3}.study-step-status{display:inline-flex;align-items:center;justify-content:center;min-height:var(--size-28);padding:0 var(--size-10);border-radius:var(--radius-pill);font-size:var(--size-12);font-weight:700;white-space:nowrap}.study-step-status--current{background:rgba(var(--accent-rgb),var(--alpha-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) var(--mix-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:var(--size-8) 0 0;font-size:var(--size-14);line-height:1.65;color:var(--text-secondary)}.study-step-meta{display:flex;flex-wrap:wrap;gap:var(--size-8);margin-top:var(--size-10)}.study-step-badge,.study-step-tag{display:inline-flex;align-items:center;min-height:var(--size-24);padding:0 var(--size-8);border-radius:var(--radius-pill);font-size:var(--size-12);font-weight:700}.study-step-badge{background:var(--surface-inset);color:var(--text-secondary)}.study-step-tag{background:rgba(var(--accent-rgb),var(--alpha-8));color:var(--accent)}.study-step-cta{color:var(--accent);font-size:var(--size-14);font-weight:700;white-space:nowrap}.study-guide-notes{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--size-10)}.study-guide-notes li{position:relative;padding-left:var(--size-18);font-size:var(--size-14);line-height:1.7;color:var(--text-secondary)}.study-guide-notes li:before{content:"";position:absolute;top:var(--size-10);left:0;width:var(--size-8);height:var(--size-8);border-radius:50%;background:var(--accent);box-shadow:0 0 0 var(--size-4) rgba(var(--accent-rgb),var(--alpha-10))}.study-quick-links{display:grid;gap:var(--size-8)}.study-quick-link{width:100%;padding:var(--size-12) var(--size-14);border-radius:var(--size-14);border:var(--size-1) solid var(--surface-border-strong);background:color-mix(in srgb,var(--surface-elevated) var(--mix-78),transparent);display:flex;align-items:center;justify-content:space-between;gap:var(--size-12);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(calc(var(--size-1) * -1));border-color:rgba(var(--accent-rgb),var(--alpha-20));background:rgba(var(--accent-rgb),var(--alpha-4))}.study-quick-link__label{font-size:var(--size-14);font-weight:700;color:var(--text-primary)}.study-quick-link__value{font-size:var(--size-12);color:var(--text-secondary)}.study-center-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--size-260),1fr));gap:var(--size-10)}.study-book-card{position:relative;min-height:var(--size-196);padding:var(--size-14);display:grid;grid-template-rows:var(--size-64) auto var(--size-8) auto;gap:var(--size-10);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(calc(var(--size-3) * -1));box-shadow:var(--shadow-panel);border-color:rgba(var(--accent-rgb),var(--alpha-20))}.study-book-remove{position:absolute;top:var(--size-12);right:var(--size-12);width:var(--size-32);height:var(--size-32);padding:0;background:var(--surface-floating);border:var(--size-1) solid var(--border-subtle);border-radius:var(--size-10);color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--motion-transition-interactive-fast);z-index:var(--layer-raised)}.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) var(--mix-25),transparent)}.study-book-remove svg{width:var(--size-14);height:var(--size-14)}.study-book-icon-row{display:flex;align-items:stretch;gap:var(--size-12);min-height:var(--size-64)}.study-book-icon{width:var(--size-46);height:var(--size-46);border-radius:var(--size-12);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:var(--size-22);height:var(--size-22)}.study-book-header{display:grid;flex:1;grid-template-rows:minmax(0,1fr) var(--size-24);gap:var(--size-6);align-content:start;min-width:0;min-height:var(--size-64);padding-right:var(--size-40)}.study-book-title{margin:0;font-size:var(--size-18);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:var(--size-6);min-height:var(--size-24)}.study-book-badge{display:inline-flex;align-items:center;justify-content:center;min-height:var(--size-24);padding:var(--size-4) var(--size-8);border-radius:var(--radius-pill);background:var(--surface-inset);color:var(--text-secondary);font-size:var(--size-12);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) var(--mix-14),transparent);color:var(--success)}.study-book-state{display:inline-flex;align-items:center;justify-content:center;min-height:var(--size-24);padding:var(--size-4) var(--size-8);border-radius:var(--radius-pill);background:var(--surface-inset);color:var(--text-secondary);font-size:var(--size-12);font-weight:700}.study-book-state--active{background:rgba(var(--accent-rgb),var(--alpha-12));color:var(--accent)}.study-book-state--complete{background:color-mix(in srgb,var(--success) var(--mix-12),transparent);color:var(--success)}.study-book-progress-text{font-size:var(--size-14);font-weight:600;color:var(--text-secondary)}.study-book-progress-bar{height:var(--size-8);background:var(--surface-inset);border-radius:var(--radius-pill);overflow:hidden}.study-book-progress-fill{width:var(--progress-percent, 0%);height:100%;display:block;background:var(--accent);border-radius:var(--radius-pill);transition:width .5s cubic-bezier(.4,0,.2,1)}.study-book-stats{display:flex;justify-content:space-between;gap:var(--size-12);font-size:var(--size-14);color:var(--text-secondary)}.study-book-status-complete{color:var(--success)}.study-add-card{min-height:var(--size-204);padding:var(--size-20);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--size-12);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(calc(var(--size-3) * -1));background:rgba(var(--accent-rgb),var(--alpha-5));border-color:rgba(var(--accent-rgb),var(--alpha-24));box-shadow:var(--shadow-soft)}.study-add-card svg{width:var(--size-34);height:var(--size-34)}.study-add-card span{font-size:var(--size-16);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:var(--size-14)}.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:var(--size-180)}.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:var(--size-10);-webkit-backdrop-filter:blur(var(--size-10));backdrop-filter:blur(var(--size-10))}.chapter-modal{background:color-mix(in srgb,var(--surface-elevated) var(--mix-98),transparent);border-radius:var(--size-10);border:var(--size-1) solid var(--surface-border-strong);width:min(var(--size-980),100%);height:min(86vh,var(--size-880));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(var(--size-8))}to{opacity:1;transform:scale(1) translateY(0)}}.chapter-modal-header{padding:var(--size-10);border-bottom:var(--size-1) solid var(--surface-border-strong);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--size-10);background:var(--surface-base);flex-shrink:0}.chapter-modal-title{font-size:var(--size-24);line-height:1.2}.chapter-modal-subtitle{margin-top:var(--size-8);font-size:var(--size-14);color:var(--text-secondary)}.chapter-entry-switch{display:inline-flex;align-items:center;gap:var(--size-6);margin-top:var(--size-14);padding:var(--size-4);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface-muted) var(--mix-88),transparent);border:var(--size-1) solid var(--surface-border-strong)}.chapter-entry-switch__option{min-height:var(--size-34);padding:0 var(--size-14);border:none;border-radius:var(--radius-pill);background:transparent;color:var(--text-secondary);font-size:var(--size-14);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:var(--size-10);font-size:var(--size-12);line-height:1.6;color:var(--text-secondary)}.chapter-modal-actions{display:flex;align-items:center;gap:var(--size-10);flex-shrink:0}.chapter-continue-btn{padding:var(--size-10);background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--size-10);font-size:var(--size-14);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(calc(var(--size-1) * -1));box-shadow:var(--shadow-soft)}.chapter-modal-close{width:var(--size-40);height:var(--size-40);display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--surface-elevated) var(--mix-76),transparent);border:var(--size-1) solid var(--surface-border-strong);border-radius:var(--size-10);color:var(--text-tertiary);cursor:pointer;transition:var(--motion-transition-interactive-fast)}.chapter-modal-close:hover{background:rgba(var(--accent-rgb),var(--alpha-8));color:var(--accent);transform:translateY(calc(var(--size-1) * -1))}.chapter-modal-close svg{width:var(--size-16);height:var(--size-16)}.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:var(--size-10);overscroll-behavior:contain}.chapter-units,.chapter-section{display:flex;flex-direction:column;gap:var(--size-10)}.chapter-section-label{display:flex;align-items:baseline;justify-content:space-between;gap:var(--size-10);padding-bottom:var(--size-10);border-bottom:var(--size-1) solid var(--surface-border-strong)}.chapter-section-name{font-size:var(--size-16);font-weight:800;color:var(--text-primary)}.chapter-section-meta{font-size:var(--size-12);color:var(--text-secondary);white-space:nowrap}.chapter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--size-10)}.chapter-card{border:var(--size-1) solid var(--surface-border-strong);border-radius:var(--size-10);padding:var(--size-10);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:var(--size-144);display:flex;flex-direction:column;gap:var(--size-10);background:color-mix(in srgb,var(--surface-base) var(--mix-94),transparent);box-shadow:var(--shadow-soft)}.chapter-card:hover{border-color:rgba(var(--accent-rgb),var(--alpha-24));background:rgba(var(--accent-rgb),var(--alpha-4));transform:translateY(calc(var(--size-2) * -1));box-shadow:var(--shadow-panel)}.chapter-card.current{border-color:rgba(var(--accent-rgb),var(--alpha-40));box-shadow:0 0 0 var(--size-2) rgba(var(--accent-rgb),var(--alpha-12)),var(--shadow-panel)}.chapter-card.completed{background:color-mix(in srgb,var(--success) var(--mix-8),var(--surface-elevated));border-color:color-mix(in srgb,var(--success) var(--mix-22),transparent)}.chapter-card-name{font-size:var(--size-16);font-weight:700;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--size-4)}.chapter-card-custom-tag{align-self:flex-start;display:inline-flex;align-items:center;min-height:var(--size-24);padding:0 var(--size-10);border-radius:var(--radius-pill);font-size:var(--size-12);font-weight:800;color:var(--success);background:color-mix(in srgb,var(--success) var(--mix-14),transparent);border:var(--size-1) solid color-mix(in srgb,var(--success) var(--mix-18),transparent)}.chapter-mode-badges{display:flex;flex-wrap:wrap;gap:var(--size-10)}.mode-badge{display:inline-flex;align-items:center;gap:var(--size-10);padding:0 var(--size-10);min-height:var(--size-28);border-radius:var(--radius-pill);font-size:var(--size-10);font-weight:700;white-space:nowrap;background:var(--surface-muted);color:var(--accent);border:var(--size-1) solid rgba(var(--accent-rgb),var(--alpha-20))}.mode-badge--quickmemory,.mode-badge--listening,.mode-badge--meaning,.mode-badge--dictation,.mode-badge--smart{color:var(--accent);border-color:rgba(var(--accent-rgb),var(--alpha-20))}.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:var(--size-10);margin-top:auto}.chapter-card-count{font-size:var(--size-12);color:var(--text-secondary);font-weight:600}.chapter-status-done,.chapter-status-progress,.chapter-status-todo{font-size:var(--size-12);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:var(--size-10);right:var(--size-10);width:var(--size-10);height:var(--size-10);border-radius:50%;background:var(--accent);box-shadow:0 0 0 var(--size-5) rgba(var(--accent-rgb),var(--alpha-12))}.chapter-card-progress{display:flex;align-items:center;gap:var(--size-10)}.chapter-card-progress-bar{flex:1;height:var(--size-6);border:none;background:var(--surface-inset);border-radius:var(--radius-pill);overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.chapter-card-progress-bar::-webkit-progress-bar{background:var(--surface-inset);border-radius:var(--radius-pill)}.chapter-card-progress-bar::-webkit-progress-value{background:var(--accent);border-radius:var(--radius-pill)}.chapter-card-progress-bar::-moz-progress-bar{background:var(--accent);border-radius:var(--radius-pill)}.chapter-card-progress-text{font-size:var(--size-12);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:var(--size-72) var(--size-20);color:var(--text-secondary);gap:var(--size-10)}.chapter-loading--centered{flex:1;min-height:100%;padding-block:var(--size-20)}.chapter-error{color:var(--error)}.chapter-skeleton{width:100%}.chapter-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--size-220),1fr));gap:var(--size-10);width:100%}.chapter-skeleton-card{display:flex;flex-direction:column;gap:var(--size-10);min-height:var(--size-156);padding:var(--size-12);border-radius:var(--size-14);border:var(--size-1) 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:var(--size-10)}@media (max-width: 900px){.chapter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 680px){.chapter-modal-overlay{padding:var(--size-10)}.chapter-modal{height:calc(100vh - var(--size-24));border-radius:var(--size-24)}.chapter-modal-header{padding:var(--size-10);flex-direction:column;align-items:stretch}.chapter-modal-body .el-scrollbar__wrap{padding:var(--size-10)}.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:var(--size-20)}.plan-modal{background:var(--bg-color);border-radius:var(--size-12);width:var(--size-480);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:var(--size-20) var(--size-24);border-bottom:var(--size-1) solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--size-16);flex-shrink:0}.plan-modal-info{flex:1;min-width:0}.plan-modal-title{font-size:var(--size-16);font-weight:700;color:var(--text-primary)}.plan-modal-subtitle{font-size:var(--size-14);color:var(--text-secondary);margin-top:var(--size-4);line-height:1.4}.plan-entry-switch{display:inline-flex;align-items:center;gap:var(--size-6);margin-top:var(--size-14);padding:var(--size-4);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface-muted) var(--mix-88),transparent);border:var(--size-1) solid var(--border)}.plan-entry-switch__option{min-height:var(--size-34);padding:0 var(--size-14);border:none;border-radius:var(--radius-pill);background:transparent;color:var(--text-secondary);font-size:var(--size-14);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:var(--size-10);font-size:var(--size-12);line-height:1.6;color:var(--text-secondary)}.plan-modal-close{width:var(--size-32);height:var(--size-32);display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--size-6);color:var(--text-tertiary);cursor:pointer;transition:var(--motion-transition-interactive-fast);flex-shrink:0}.plan-modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.plan-modal-close svg{width:var(--size-18);height:var(--size-18)}.plan-modal-progress{padding:var(--size-16) var(--size-24);border-bottom:var(--size-1) solid var(--border);background:var(--bg-secondary)}.plan-progress-header{display:flex;justify-content:space-between;align-items:center;font-size:var(--size-14);color:var(--text-secondary);margin-bottom:var(--size-8)}.plan-progress-bar{height:var(--size-6);background:var(--border);border-radius:var(--size-3);overflow:hidden}.plan-progress-fill{width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;border-radius:var(--size-3);overflow:hidden}.plan-progress-fill::-webkit-progress-bar{background:transparent}.plan-progress-fill::-webkit-progress-value{background:var(--accent);border-radius:var(--size-3)}.plan-progress-fill::-moz-progress-bar{background:var(--accent);border-radius:var(--size-3)}.plan-continue-btn{width:100%;margin-top:var(--size-12);padding:var(--size-10) var(--size-16);background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--size-6);font-size:var(--size-14);font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.plan-continue-btn:hover{background:var(--accent-hover)}.plan-modal-body{padding:var(--size-20) var(--size-24);flex:1;overflow-y:auto}.plan-section-title{font-size:var(--size-14);font-weight:600;color:var(--text-primary);margin-bottom:var(--size-16)}.plan-options{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--size-12)}@media (max-width: 500px){.plan-options{grid-template-columns:repeat(3,1fr)}}.plan-option-card{border:var(--size-1) solid var(--border);border-radius:var(--size-8);padding:var(--size-16) var(--size-12);text-align:center;cursor:pointer;transition:var(--motion-transition-interactive-fast)}.plan-option-card:hover{border-color:var(--accent);background:var(--bg-secondary)}.plan-option-daily{font-size:var(--size-14);font-weight:700;color:var(--text-primary);margin-bottom:var(--size-4)}.plan-option-days{font-size:var(--size-12);color:var(--text-secondary)}.vb-filters{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--size-18)}.vb-create-btn{border:var(--size-1) solid rgba(var(--accent-rgb),var(--alpha-22));border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent) var(--mix-9),var(--surface-elevated));color:var(--accent);font-size:var(--size-14);font-weight:700;padding:var(--size-10) var(--size-14);white-space:nowrap;cursor:pointer;box-shadow:0 var(--size-14) var(--size-28) rgba(var(--accent-rgb),var(--alpha-12))}.custom-book-page{gap:var(--size-12);padding:var(--page-gutter);box-sizing:border-box;--custom-book-panel: color-mix(in srgb, var(--surface-elevated) var(--mix-96), transparent);--custom-book-soft: color-mix(in srgb, var(--accent) var(--mix-7), var(--surface-elevated))}.custom-book-header{align-items:flex-start;justify-content:space-between;gap:var(--size-18)}.custom-book-heading{display:grid;gap:var(--size-6)}.custom-book-kicker{color:var(--accent);font-size:var(--size-12);font-weight:800;letter-spacing:.12em}.custom-book-heading h1{margin:0;color:var(--text-primary);font-size:clamp(var(--size-24),3vw,var(--size-40));line-height:1.12}.custom-book-heading p{margin:0;color:var(--text-secondary);font-size:var(--size-14)}.custom-book-actions,.custom-book-toolbar-actions{display:flex;align-items:center;gap:var(--size-10)}.custom-book-content,.custom-book-scroll{min-height:0}.custom-book-scroll{padding:0}.custom-book-shell{display:grid;grid-template-columns:minmax(var(--size-260),var(--size-340)) minmax(0,1fr);gap:var(--size-14)}.custom-book-meta-panel,.custom-book-workspace,.custom-book-chapter-card{border:var(--size-1) solid var(--surface-border-strong);border-radius:var(--size-28);background:var(--custom-book-panel);box-shadow:var(--shadow-soft)}.custom-book-meta-panel{position:sticky;top:0;align-self:start;display:grid;gap:var(--size-18);padding:var(--size-20)}.custom-book-workspace{min-width:0;padding:var(--size-18)}.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:var(--size-12)}.custom-book-target-field{display:grid;gap:var(--size-8);min-width:var(--size-122)}.custom-book-target-field label,.custom-book-option-label{color:var(--text-secondary);font-size:var(--size-12);font-weight:800}.custom-book-target-field input{width:var(--size-118);height:var(--size-40);border:var(--size-1) solid var(--surface-border-strong);border-radius:var(--size-14);background:var(--surface-elevated);color:var(--text-primary);font-weight:700;padding:0 var(--size-12)}.custom-book-target-presets,.custom-book-pills,.custom-book-tabs{display:flex;flex-wrap:wrap;gap:var(--size-8)}.custom-book-target-presets button,.custom-book-pill,.custom-book-tabs button,.custom-book-reorder-buttons button{border:var(--size-1) solid var(--surface-border-strong);border-radius:var(--radius-pill);background:var(--surface-elevated);color:var(--text-secondary);font-size:var(--size-12);font-weight:700;padding:var(--size-8) var(--size-12);cursor:pointer}.custom-book-target-presets .active,.custom-book-pill.active,.custom-book-tabs .active{border-color:rgba(var(--accent-rgb),var(--alpha-34));background:var(--custom-book-soft);color:var(--accent)}.custom-book-option-group{display:grid;gap:var(--size-10)}.custom-book-option-group[aria-disabled=true]{opacity:.48}.custom-book-share-toggle{display:flex;align-items:center;gap:var(--size-10);color:var(--text-primary);font-size:var(--size-14);font-weight:700}.custom-book-file{position:relative;overflow:hidden;border:var(--size-1) dashed rgba(var(--accent-rgb),var(--alpha-34));border-radius:var(--radius-pill);color:var(--accent);cursor:pointer;font-size:var(--size-14);font-weight:800;padding:var(--size-10) var(--size-14)}.custom-book-file input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.custom-book-toolbar{margin:var(--size-16) 0;padding:var(--size-14) var(--size-2);border-top:var(--size-1) solid var(--surface-border);border-bottom:var(--size-1) solid var(--surface-border)}.custom-book-toolbar div:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:var(--size-10);color:var(--text-secondary);font-size:var(--size-14)}.custom-book-toolbar strong{color:var(--text-primary)}.custom-book-error{margin:0 0 var(--size-14);border-radius:var(--size-16);background:color-mix(in srgb,var(--error) var(--mix-9),var(--surface-elevated));color:var(--error);font-size:var(--size-14);font-weight:700;padding:var(--size-12) var(--size-14)}.custom-book-chapters{display:grid;gap:var(--size-14)}.custom-book-chapter-card{padding:var(--size-18);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:var(--size-12)}.custom-book-chapter-header .ui-field{flex:1}.custom-book-chapter-stats,.custom-book-reorder-buttons{display:flex;align-items:center;gap:var(--size-8)}.custom-book-chapter-stats span,.custom-book-chapter-compact span{color:var(--text-tertiary);font-size:var(--size-12);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:var(--size-54)}.custom-book-chapter-compact>div:nth-child(2){display:grid;gap:var(--size-4);flex:1;min-width:0}.custom-book-drag-handle{border-radius:var(--radius-pill);background:var(--surface-inset);padding:var(--size-8) var(--size-10)}.custom-book-chapter-card .ui-textarea{min-height:var(--size-210);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:var(--size-12)}.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:var(--size-22);padding:var(--size-14)}}.vocab-book-page{min-height:calc(100vh - var(--size-60));display:flex;flex-direction:column}.vocab-book-filters{background:var(--bg-color);border-bottom:var(--size-1) 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:var(--size-8) var(--size-14);background:var(--bg-secondary);border:var(--size-1) solid var(--border);border-radius:var(--radius-md);min-width:var(--size-200)}.vocab-search-wrapper svg{width:var(--size-16);height:var(--size-16);color:var(--text-tertiary);flex-shrink:0}.vocab-search-input{flex:1;border:none;background:transparent;outline:none;font-size:var(--size-14);color:var(--text-primary);min-width:var(--size-100)}.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:var(--size-14);font-weight:600;color:var(--text-secondary);min-width:var(--size-70)}.filter-buttons{display:flex;gap:var(--space-xs);flex-wrap:wrap}.filter-btn{padding:var(--size-4) var(--size-12);background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--size-14);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:var(--motion-transition-interactive-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:var(--size-2);background:var(--accent);margin-top:var(--size-2)}.vocab-book-grid{display:grid;grid-template-columns:repeat(auto-fill,var(--size-260));gap:var(--space-md);justify-content:start}.vocab-book-card{display:flex;flex-direction:column;padding:var(--space-lg);background:var(--bg-color);border:var(--size-1) solid var(--border);border-radius:var(--radius-lg);box-shadow:none;cursor:pointer;transition:var(--motion-transition-interactive-fast);width:var(--size-260);min-height:var(--size-160)}.vocab-book-card:hover{border-color:var(--book-color, var(--accent));box-shadow:var(--shadow-md);transform:translateY(calc(var(--size-2) * -1))}.vocab-book-icon{width:var(--size-40);height:var(--size-40);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:var(--size-20);height:var(--size-20)}.vocab-book-content{flex:1}.vocab-book-title{font-size:var(--size-16);font-weight:600;color:var(--text-primary);margin-bottom:var(--size-4);line-height:1.4}.vocab-book-desc{font-size:var(--size-12);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:var(--size-12);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:var(--size-4);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:var(--size-12);font-weight:600;color:var(--text-tertiary);min-width:var(--size-30)}.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:var(--size-40);height:var(--size-40);border:var(--size-3) 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:var(--size-8) var(--size-16);background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--size-16);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:var(--motion-transition-interactive-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:calc(var(--size-8) * -1);left:var(--size-16);right:var(--size-16);height:var(--size-2);background:var(--accent);border-radius:var(--size-1)}.header-search{display:flex;align-items:center;gap:var(--space-sm);padding:var(--size-6) var(--size-12);background:var(--bg-secondary);border-radius:var(--radius-full);min-width:var(--size-200)}.header-search svg{width:var(--size-16);height:var(--size-16);color:var(--text-tertiary)}.header-search input{flex:1;border:none;background:transparent;outline:none;font-size:var(--size-14);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:var(--size-14);min-width:var(--size-60)}.filter-btn{font-size:var(--size-14);padding:var(--size-4) var(--size-10)}.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:var(--size-10);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:var(--size-2) 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:var(--size-8);width:100%}.vb-filter-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--size-14) var(--size-24);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:var(--size-16);font-weight:500;cursor:pointer;transition:var(--motion-transition-interactive-fast)}.vb-filter-btn:focus-visible{outline:none;border-color:rgba(var(--accent-rgb),var(--alpha-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 var(--size-10);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:var(--size-20);height:var(--size-2);border-radius:var(--radius-pill);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(var(--size-220),1fr));gap:var(--size-10)}.vb-card{position:relative;display:flex;flex-direction:column;gap:var(--size-10);background:color-mix(in srgb,var(--surface-elevated) var(--mix-96),transparent);border:var(--size-1) solid var(--surface-border-strong);border-radius:var(--size-24);padding:var(--size-20) var(--size-18) var(--size-18);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast);min-height:var(--size-180);box-shadow:var(--shadow-soft);overflow:hidden}.vb-card:before{content:"";position:absolute;inset:0 0 auto;height:var(--size-4);background:var(--accent);opacity:0;transition:opacity var(--transition-fast)}.vb-card:hover{border-color:rgba(var(--accent-rgb),var(--alpha-26));box-shadow:var(--shadow-panel);background:color-mix(in srgb,var(--accent) var(--mix-4),var(--surface-elevated));transform:translateY(calc(var(--size-3) * -1))}.vb-card:hover:before{opacity:1}.vb-card-badge{position:absolute;top:var(--size-14);right:var(--size-14);display:inline-flex;align-items:center;justify-content:center;min-height:var(--size-24);padding:var(--size-5) var(--size-10);border-radius:var(--radius-pill);background:var(--accent);color:#fff;font-size:var(--size-12);font-weight:600;box-shadow:0 var(--size-10) var(--size-18) rgba(var(--accent-rgb),var(--alpha-24))}.vb-card-title{font-size:var(--size-18);font-weight:700;color:var(--text-primary);line-height:1.35;margin-bottom:var(--size-6);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:calc(100% - var(--size-72))}.vb-card-meta{display:flex;flex-direction:column;gap:var(--size-10);margin-top:auto}.vb-card-count{font-size:var(--size-14);color:var(--text-secondary);font-weight:600}.vb-card-desc{font-size:var(--size-12);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:var(--size-2);display:flex;align-items:center;gap:var(--size-10)}.vb-card-progress-bar{flex:1;height:var(--size-6);background:var(--surface-inset);border-radius:var(--radius-pill);overflow:hidden}.vb-card-progress-fill{width:var(--progress-percent, 0%);height:100%;display:block;background:var(--accent);border-radius:var(--radius-pill)}.vb-card-progress-text{font-size:var(--size-12);color:var(--text-secondary);font-weight:600;white-space:nowrap}.vb-card-added{display:inline-flex;align-items:center;justify-content:center;min-height:var(--size-30);padding:var(--size-8) var(--size-10);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--success) var(--mix-10),var(--surface-elevated));color:var(--success);font-size:var(--size-12);font-weight:600;gap:var(--size-10);margin-top:var(--size-4);width:fit-content}.vb-card-added svg{width:var(--size-12);height:var(--size-12)}@media (max-width: 900px){.vb-filters{padding:var(--size-2) 0 0}}@media (max-width: 600px){.vb-grid{grid-template-columns:1fr}.vb-card{min-height:var(--size-160)}}.exam-kicker{color:var(--text-secondary);font-size:var(--size-12)}.exam-summary-pill{display:inline-flex;min-width:var(--size-110);flex-direction:column;gap:var(--size-4);padding:var(--size-10) var(--size-12);border-radius:var(--size-8);border:var(--size-1) solid color-mix(in srgb,var(--border-strong) var(--mix-68),transparent);background:color-mix(in srgb,var(--surface-elevated) var(--mix-94),transparent)}.exam-summary-pill span{color:var(--text-secondary);font-size:var(--size-12)}.exam-summary-pill strong{font-size:var(--size-18);line-height:1.1}.exam-action-button{min-height:var(--size-38);padding:0 var(--size-12);border:none;border-radius:var(--size-8);background:var(--surface-muted);color:var(--text-primary);font-size:var(--size-13);font-weight:700;cursor:pointer;transition:background-color .16s ease,color .16s ease,transform .16s ease}.exam-action-button:hover{transform:translateY(calc(var(--size-1) * -1))}.exam-action-button--accent{background:var(--accent);color:var(--text-inverse)}.exam-action-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.exam-inline-error{color:var(--error-strong);font-size:var(--size-12)}.exam-inline-error--banner{margin:0 var(--size-16);padding:var(--size-12) var(--size-14);border-radius:var(--size-8);background:rgba(var(--error-rgb),var(--alpha-8))}.exam-feedback-card{padding:var(--size-14);border-radius:var(--size-8);border:var(--size-1) solid color-mix(in srgb,var(--border-strong) var(--mix-60),transparent);background:color-mix(in srgb,var(--surface-muted) var(--mix-92),transparent)}.exam-feedback-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--size-10);margin-bottom:var(--size-12);color:var(--text-secondary);font-size:var(--size-11);font-weight:700;text-transform:uppercase}.exam-feedback-card.is-correct{background:rgba(var(--success-rgb),var(--alpha-12))}.exam-feedback-card.is-wrong{background:rgba(var(--error-rgb),var(--alpha-8))}.exam-choice-list{display:flex;flex-direction:column;gap:var(--size-10)}.exam-choice-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--size-10);align-items:start;padding:var(--size-12);border-radius:var(--size-8);border:var(--size-1) solid color-mix(in srgb,var(--border-strong) var(--mix-56),transparent);background:var(--surface-elevated)}.exam-choice-item.is-selected{border-color:color-mix(in srgb,var(--exam-tone, var(--accent)) var(--mix-36),transparent);background:color-mix(in srgb,var(--exam-tone, var(--accent)) var(--mix-8),var(--surface-elevated))}.exam-response-input,.exam-response-textarea{width:100%;min-height:var(--size-44);padding:var(--size-12);border:var(--size-1) solid color-mix(in srgb,var(--border-strong) var(--mix-66),transparent);border-radius:var(--size-8);background:var(--surface-elevated);color:var(--text-primary);font-size:var(--size-15)}.exam-response-textarea{min-height:var(--size-180);resize:vertical}.exam-question-fields,.exam-speaking-field{display:flex;flex-direction:column;gap:var(--size-12)}.exam-question-fields--editor .exam-response-textarea,.exam-question-fields--editor .exam-response-textarea--speaking{min-height:min(56vh,var(--size-520))}.exam-question-fields--inline{gap:var(--size-8)}.exam-question-fields--inline .exam-response-input,.exam-question-fields--inline .exam-response-textarea{min-height:var(--size-40)}.exam-question-fields--inline .exam-question-fields__hint{display:none}.exam-question-fields__hint{color:var(--text-secondary);font-size:var(--size-12)}.exam-speaking-field__controls{display:flex;flex-wrap:wrap;gap:var(--size-8)}.exam-speaking-field__player{width:100%}.exam-document{font-size:var(--size-15);line-height:1.82}.exam-reading-doc,.exam-transcript{display:flex;max-width:min(100%,var(--size-760));flex-direction:column}.exam-reading-doc{gap:var(--size-20)}.exam-reading-doc__eyebrow{margin:0;color:var(--exam-tone, var(--accent));font-size:var(--size-14);font-weight:800;line-height:1.2}.exam-reading-doc__intro{display:flex;flex-direction:column;gap:var(--size-6);padding:var(--size-14) var(--size-16);border-radius:var(--size-8);background:color-mix(in srgb,var(--exam-tone, var(--accent)) var(--mix-8),var(--surface-muted));color:var(--text-secondary)}.exam-reading-doc__intro p,.exam-reading-doc__paragraph,.exam-transcript__block p{margin:0}.exam-reading-doc__title{margin:0;color:var(--text-primary);font-size:clamp(var(--size-28),2.4vw,var(--size-34));font-weight:800;line-height:1.12}.exam-reading-doc__body,.exam-transcript{gap:var(--size-18)}.exam-reading-doc__paragraph{color:var(--text-primary);font-size:var(--size-17);line-height:1.88}.exam-transcript{gap:var(--size-20)}.exam-transcript__block{display:flex;flex-direction:column;gap:var(--size-8);padding-bottom:var(--size-18);border-bottom:var(--size-1) solid color-mix(in srgb,var(--border-strong) var(--mix-36),transparent)}.exam-transcript__block:last-child{padding-bottom:0;border-bottom:none}.exam-transcript__speaker{margin:0;color:var(--exam-tone, var(--accent));font-size:var(--size-14);font-weight:800;line-height:1.2}.exam-transcript__line{color:var(--text-primary);font-size:var(--size-17);font-weight:700;line-height:1.62}.exam-transcript__translation{color:var(--text-secondary);font-size:var(--size-15);line-height:1.68}.exam-inline-sheet{display:flex;flex-direction:column;gap:var(--size-10)}.exam-inline-sheet__intro{display:flex;flex-direction:column;gap:var(--size-4)}.exam-inline-line--range{font-size:var(--size-18);font-weight:700}.exam-inline-line--instruction{font-style:italic;line-height:1.55}.exam-inline-line--section{margin-top:var(--size-8);font-size:var(--size-17);font-weight:700}.exam-inline-form{display:grid;grid-template-columns:minmax(var(--size-160),var(--size-220)) minmax(0,1fr);gap:var(--size-12) var(--size-18);align-items:start}.exam-inline-form__row{display:contents}.exam-inline-form__section,.exam-inline-form__row--full{grid-column:1/-1}.exam-inline-form__section{padding-top:var(--size-4);font-size:var(--size-17);font-weight:700}.exam-inline-form__label{color:var(--text-secondary);font-size:var(--size-14);font-weight:600;line-height:1.5}.exam-inline-form__value{display:flex;flex-wrap:wrap;gap:var(--size-6) var(--size-8);align-items:center;font-size:var(--size-16);line-height:1.68}.exams-library-page{min-height:calc(100vh - var(--size-60))}.exams-library-page__body{min-height:0}.exams-library-page .vb-filter-btn{justify-content:center}.exams-library-page .vb-filter-btn:after{left:50%;transform:translate(-50%) scaleX(.2);transform-origin:center}.exams-library-page .vb-filter-btn.active:after{transform:translate(-50%) scaleX(1)}.exam-series-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--size-16);align-items:start}.exam-series-group{display:flex;flex-direction:column;border:var(--size-1) solid var(--surface-border-strong);border-radius:var(--size-18);background:color-mix(in srgb,var(--exam-series-accent) var(--mix-5),var(--surface-elevated));box-shadow:var(--shadow-soft);overflow:hidden}.exam-series-group__header{display:flex;align-items:center;gap:var(--size-18);min-height:var(--size-60);padding:0 var(--size-18);background:var(--exam-series-accent);color:var(--surface-base)}.exam-series-group__mode,.exam-series-group__kind,.exam-series-group__header strong{line-height:1}.exam-series-group__mode{font-size:clamp(1.45rem,1.7vw,1.9rem);font-weight:700;text-transform:uppercase}.exam-series-group__kind{font-size:clamp(1.2rem,1.4vw,1.55rem);font-weight:600;opacity:.96}.exam-series-group__header strong{margin-left:auto;font-size:clamp(2rem,2vw,2.5rem);font-weight:800}.exam-series-group__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--size-10);padding:var(--size-10)}.exam-series-paper{display:flex;min-height:var(--size-160);flex-direction:column;border:var(--size-1) solid var(--surface-border-strong);border-radius:var(--size-14);background:var(--surface-elevated);box-shadow:var(--shadow-soft);overflow:hidden}.exam-series-paper__top{display:flex;align-items:center;padding:var(--size-10) var(--size-12);background:var(--exam-series-surface);color:var(--surface-base)}.exam-series-paper__top strong{color:inherit;font-size:var(--size-14);font-weight:700;line-height:1.2}.exam-series-paper__body{display:flex;flex:1;flex-direction:column;gap:var(--size-6);padding:var(--size-10) var(--size-12) var(--size-12)}.exam-series-paper__row{display:flex;min-height:var(--size-32);align-items:center;justify-content:space-between;gap:var(--size-10);padding:0;border:none;border-radius:var(--size-8);background:transparent;color:var(--text-primary);text-align:left;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.exam-series-paper__row:hover{background:color-mix(in srgb,var(--exam-series-accent) var(--mix-8),transparent);transform:translateY(calc(var(--size-2) * -1))}.exam-series-paper__row-label{font-size:var(--size-16);font-weight:500;line-height:1.35}.exam-series-paper__row-meta{display:inline-flex;align-items:center;gap:var(--size-6);flex:0 0 auto}.exam-series-paper__check{position:relative;width:var(--size-16);height:var(--size-16);flex:0 0 auto;border:var(--size-1) solid color-mix(in srgb,var(--success) var(--mix-82),var(--surface-code));border-radius:var(--size-3);background:color-mix(in srgb,var(--success) var(--mix-72),var(--surface-base))}.exam-series-paper__check:after{content:"";position:absolute;top:45%;left:50%;width:var(--size-8);height:var(--size-5);border-left:var(--size-2) solid var(--surface-base);border-bottom:var(--size-2) solid var(--surface-base);transform:translate(-50%,-60%) rotate(-45deg)}.exam-series-paper__score{color:var(--text-secondary);font-size:var(--size-13);font-weight:700;line-height:1;white-space:nowrap}@media (max-width: 1100px){.exam-series-list{grid-template-columns:1fr}}@media (max-width: 760px){.exam-series-group__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.exam-series-group__header{gap:var(--size-12);min-height:var(--size-56);padding-inline:var(--size-14)}.exam-series-group__mode{font-size:var(--size-22)}.exam-series-group__kind{font-size:var(--size-18)}.exam-series-group__header strong{font-size:var(--size-30)}}@media (max-width: 520px){.exam-series-group__grid{grid-template-columns:1fr}.exam-series-group__header{flex-wrap:wrap;align-items:flex-end}.exam-series-group__header strong{margin-left:0}}.exam-attempt-page{min-height:0;background:var(--surface-base)}.exam-attempt-page__header{padding:0 var(--size-16);border-bottom:var(--size-1) solid var(--border-subtle)}.exam-attempt-page__toolbar{display:grid;grid-template-columns:auto minmax(var(--size-320),1fr) auto;gap:var(--size-12);align-items:center;min-height:var(--size-56)}.exam-attempt-page__lead{display:flex;min-width:0;gap:var(--size-12);align-items:center}.exam-attempt-page__identity{display:flex;min-width:0;flex-wrap:wrap;gap:var(--size-6) var(--size-10);align-items:baseline}.exam-attempt-page__identity strong{font-size:var(--size-18);line-height:1.1}.exam-attempt-page__section-label{color:var(--text-secondary);font-size:var(--size-14);font-weight:600}.exam-attempt-page__section-tabs{display:flex;min-width:0;gap:var(--size-8);justify-content:center;flex-wrap:wrap}.exam-attempt-page__meta{display:flex;min-width:0;flex-wrap:wrap;gap:var(--size-12);align-items:center;justify-content:flex-end;color:var(--text-secondary);font-size:var(--size-13)}.exam-attempt-page__body{min-height:0}.exam-workspace{--exam-tone: var(--accent);display:flex;flex:1;min-height:0;flex-direction:column;gap:0}.exam-workspace.is-reading{--exam-tone: var(--accent-hover)}.exam-workspace.is-writing{--exam-tone: var(--success)}.exam-workspace.is-speaking{--exam-tone: var(--warning)}.exam-block-tabs,.exam-question-jump{display:flex;gap:var(--size-8)}.exam-block-tabs,.exam-question-jump{flex-wrap:wrap}.exam-section-tab,.exam-block-tab,.exam-question-chip{border:none;border-radius:var(--size-8);cursor:pointer;transition:background-color .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}.exam-section-tab,.exam-block-tab{display:inline-flex;min-width:var(--size-94);flex-direction:column;gap:var(--size-4);align-items:flex-start;padding:var(--size-10) var(--size-12);background:var(--surface-muted);color:var(--text-secondary)}.exam-section-tab strong,.exam-block-tab strong{color:var(--text-primary);font-size:var(--size-14)}.exam-section-tab span,.exam-block-tab span{font-size:var(--size-11)}.exam-section-tab:hover,.exam-block-tab:hover,.exam-question-chip:hover{transform:translateY(calc(var(--size-1) * -1))}.exam-section-tab.is-active,.exam-block-tab.is-active{background:color-mix(in srgb,var(--exam-tone) var(--mix-18),var(--surface-elevated));box-shadow:inset 0 0 0 var(--size-1) color-mix(in srgb,var(--exam-tone) var(--mix-32),transparent)}.exam-workspace__canvas{display:grid;flex:1;min-height:0;grid-template-columns:minmax(var(--size-320),.56fr) minmax(var(--size-560),1.44fr);gap:0}.exam-workspace__canvas.is-editor-layout{grid-template-columns:minmax(var(--size-360),.95fr) minmax(var(--size-380),1.05fr)}.exam-workspace-pane{display:flex;min-height:0;flex-direction:column;background:var(--surface-base);overflow:hidden}.exam-workspace-pane--answers{border-left:var(--size-1) solid var(--border-subtle)}.exam-workspace-pane__header{display:flex;align-items:start;justify-content:space-between;gap:var(--size-12);padding:var(--size-12) var(--size-16);border-bottom:var(--size-1) solid var(--border-subtle);background:transparent}.exam-workspace-pane__header strong{display:block;font-size:var(--size-18);line-height:1.1}.exam-workspace-pane__header span,.exam-workspace-pane__hint,.exam-document--empty{color:var(--text-secondary);font-size:var(--size-12)}.exam-workspace-pane__intro{padding:var(--size-12) var(--size-16) 0;color:var(--text-secondary);font-size:var(--size-13)}.exam-workspace-pane__scroll{flex:1;min-height:0;overflow:auto;padding:var(--size-16)}.exam-audio-panel{display:flex;flex-direction:column;gap:var(--size-10);margin:var(--size-14) var(--size-16) 0;padding:var(--size-12);border-radius:var(--size-8);background:color-mix(in srgb,var(--exam-tone) var(--mix-8),var(--surface-muted))}.exam-audio-panel__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--size-10)}.exam-audio-panel audio{width:100%}.exam-document{color:var(--text-primary);line-height:1.7}.exam-document--empty{display:flex;min-height:100%;align-items:center;justify-content:center;padding:var(--size-24);border:var(--size-1) dashed color-mix(in srgb,var(--border-strong) var(--mix-40),transparent);border-radius:var(--size-8);background:color-mix(in srgb,var(--surface-muted) var(--mix-92),transparent);text-align:center}.exam-document p{margin:0 0 var(--size-14)}.exam-document br{line-height:1.9}.exam-document table{width:100%;border-collapse:collapse}.exam-document table td,.exam-document table th{padding:var(--size-8);border:var(--size-1) solid var(--border-subtle)}.exam-question-stack{display:flex;flex-direction:column;gap:var(--size-12)}.exam-question-group{display:flex;flex-direction:column;gap:var(--size-14)}.exam-question-group__prompt{border-radius:var(--size-8);border:var(--size-1) solid color-mix(in srgb,var(--border-strong) var(--mix-60),transparent);background:color-mix(in srgb,var(--surface-base) var(--mix-94),var(--surface-muted));overflow:hidden}.exam-question-group__prompt-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--size-10);padding:var(--size-12) var(--size-14);border-bottom:var(--size-1) solid var(--border-subtle);color:var(--text-secondary);font-size:var(--size-11);font-weight:700;text-transform:uppercase}.exam-question-group__prompt-meta strong{color:var(--text-primary);font-size:var(--size-18);line-height:1.1;text-transform:none}.exam-question-group__prompt-body{padding:var(--size-14);color:var(--text-primary);font-size:var(--size-16);line-height:1.78}.exam-question-group__prompt-body p{margin:0 0 var(--size-12)}.exam-question-group__inline-sheet{display:flex;flex-direction:column;gap:var(--size-8);padding:var(--size-14)}.exam-inline-line{margin:0;color:var(--text-primary);font-size:var(--size-15);line-height:1.72}.exam-inline-blank-wrap{display:inline-flex;align-items:center;gap:var(--size-6);margin:0 var(--size-4)}.exam-inline-blank-number{color:var(--text-secondary);font-size:var(--size-12);font-weight:700}.exam-inline-blank{width:clamp(var(--size-84),9vw,var(--size-120));min-height:var(--size-36);padding:0 var(--size-8);border:var(--size-1) solid color-mix(in srgb,var(--exam-tone) var(--mix-22),var(--border-strong));border-radius:var(--size-6);background:var(--surface-base);color:var(--text-primary);font-size:var(--size-15)}.exam-question-group__answers{display:flex;flex-direction:column;gap:var(--size-10)}.exam-question-row{display:grid;grid-template-columns:var(--size-64) minmax(0,1fr);gap:var(--size-12);align-items:start;padding:var(--size-12) var(--size-14);border-radius:var(--size-8);border:var(--size-1) solid color-mix(in srgb,var(--border-strong) var(--mix-56),transparent);background:var(--surface-elevated)}.exam-question-row__label{display:flex;flex-direction:column;gap:var(--size-4);color:var(--text-secondary);font-size:var(--size-11);font-weight:700;text-transform:uppercase}.exam-question-row__label strong{color:var(--text-primary);font-size:var(--size-20);line-height:1}.exam-question-row__field{min-width:0}.exam-question-card,.exam-editor-shell__prompt{border-radius:var(--size-8);border:var(--size-1) solid color-mix(in srgb,var(--border-strong) var(--mix-60),transparent);background:color-mix(in srgb,var(--surface-muted) var(--mix-92),transparent)}.exam-question-card{padding:var(--size-16)}.exam-question-card__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--size-10);margin-bottom:var(--size-12);color:var(--text-secondary);font-size:var(--size-11);font-weight:700;text-transform:uppercase}.exam-editor-shell{display:grid;gap:var(--size-12)}.exam-editor-shell__prompt{padding:var(--size-16)}.exam-workspace__footer{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:var(--size-10);padding:var(--size-8) var(--size-16) var(--size-10);border-top:var(--size-1) solid var(--border-subtle);background:var(--surface-base)}.exam-question-chip{display:inline-flex;min-width:var(--size-42);min-height:var(--size-42);align-items:center;justify-content:center;padding:0 var(--size-10);background:var(--surface-muted);color:var(--text-primary);font-weight:700;text-decoration:none}.exam-question-chip.is-answered{background:color-mix(in srgb,var(--success) var(--mix-18),var(--surface-elevated));color:var(--success-strong)}@media (max-width: 1180px){.exam-attempt-page__toolbar{grid-template-columns:1fr;align-items:start}.exam-attempt-page__section-tabs,.exam-attempt-page__meta{justify-content:flex-start}}@media (max-width: 960px){.exam-attempt-page__toolbar,.exam-workspace__canvas{grid-template-columns:1fr}}@media (max-width: 768px){.exam-attempt-page__header{padding-inline:var(--size-10)}.exam-question-row{grid-template-columns:1fr;gap:var(--size-10)}.exam-workspace__footer{grid-template-columns:1fr;align-items:start}.exam-workspace-pane__scroll,.exam-workspace-pane__header,.exam-editor-shell__prompt,.exam-question-card,.exam-workspace__footer{padding-inline:var(--size-12)}}.practice-session-layout,.practice-page,.qm-root,.qm-summary{--practice-main-max-width: var(--size-970);--practice-shell-max-width: var(--size-800);--practice-header-max-width: var(--size-760);--practice-compact-max-width: var(--size-570);--practice-inline-max-width: var(--size-375);--practice-choice-grid-max-width: var(--size-940)}@media (min-width: 1024px){.practice-session-layout,.practice-page,.qm-root,.qm-summary{--practice-main-max-width: var(--size-1050);--practice-shell-max-width: var(--size-860);--practice-header-max-width: var(--size-820);--practice-compact-max-width: var(--size-630);--practice-inline-max-width: var(--size-410);--practice-choice-grid-max-width: var(--size-1040)}}.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, var(--size-680));margin:0 auto;padding-top:calc(var(--space-xl) + var(--size-4))}.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:var(--size-1) 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(var(--size-20))}to{opacity:1;transform:translateY(0)}}.progress-bar-fixed .progress-text{font-size:var(--size-14);color:var(--text-secondary);font-weight:500}.progress-bar-fixed .progress-count{font-size:var(--size-14);font-weight:700;color:var(--accent)}.progress-bar-fixed .progress-track{width:var(--size-80);height:var(--size-6);background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fixed .progress-fill{width:var(--progress-percent, 0%);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:var(--size-10);height:var(--size-10);border-radius:var(--radius-full)}.stat-dot.correct{background:var(--success)}.stat-dot.wrong{background:var(--error)}.stat-value{font-size:var(--size-18);font-weight:700}.stat-value.correct{color:var(--success)}.stat-value.wrong{color:var(--error)}.stat-label{font-size:var(--size-14);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:calc(var(--size-1) * -1)}@media (max-width: 768px){.current-word{font-size:var(--size-36)}}.play-btn{width:var(--size-82);height:var(--size-82);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:var(--motion-transition-interactive-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:var(--size-31);height:var(--size-31)}.practice-page.practice-page--choice .practice-main{max-width:min(100%,var(--practice-main-max-width, var(--size-1180)));padding-top:clamp(var(--size-8),1.4vw,var(--size-14));gap:0}.practice-page.practice-page--choice .practice-choice-top-rail{flex-shrink:0;min-height:clamp(var(--size-68),9vh,var(--size-84));gap:clamp(var(--size-10),1.6vw,var(--size-16))}.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(var(--size-10),1.6vh,var(--size-16));min-height:0;padding:var(--size-2) 0 var(--size-8)}.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:var(--size-12);padding-inline:var(--size-6)}.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(calc(var(--size-1) * -1));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:var(--size-14)}.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:var(--size-42);height:var(--size-42)}.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 .options-footer-actions .replay-btn .slow-playback-icon,.practice-page.practice-page--choice .listening-example-audio-btn .example-audio-icon{width:var(--size-20);height:var(--size-20)}.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:var(--size-6)}.practice-page.practice-page--choice .practice-choice-stage{gap:var(--size-12);padding-block:0 var(--size-8)}.practice-page.practice-page--choice .practice-choice-top-rail{min-height:var(--size-70);gap:var(--size-12)}.practice-page.practice-page--choice .practice-choice-top-rail .prev-word-inline--choice{align-items:stretch;gap:var(--size-10)}.practice-page.practice-page--choice .practice-choice-top-rail .prev-word-inline--choice .prev-back-btn{margin-top:0;padding:0 var(--size-12);border-radius:var(--size-14);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:var(--size-8);row-gap:var(--size-2);max-width:min(var(--size-312),100% - var(--size-54));padding:var(--size-8) var(--size-12);border-radius:var(--size-16)}.practice-page.practice-page--choice .practice-choice-top-rail .prev-word-inline--choice .prev-word-text{font-size:var(--size-18);line-height:1.1}.practice-page.practice-page--choice .practice-choice-top-rail .prev-word-inline--choice .prev-word-phonetic{font-size:var(--size-12);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:var(--size-12);line-height:1.22}.practice-page.practice-page--choice .listening-example-prompt{gap:var(--size-10);padding-inline:0}.practice-page.practice-page--choice .listening-example-audio-btn{width:var(--size-40);height:var(--size-40)}.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:var(--size-10)}.practice-page.practice-page--choice .option-btn{min-height:clamp(var(--size-96),11vw,var(--size-110));padding:var(--size-16) var(--size-18) var(--size-14)}.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:calc(var(--size-6) * -1)}.practice-page.practice-page--choice .options-footer-actions{gap:var(--size-10)}.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:var(--size-40);height:var(--size-40)}.practice-page.practice-page--choice .skip-btn{padding:var(--size-10) var(--size-14);font-size:var(--size-14)}.practice-page.practice-page--choice .shortcut-hint{font-size:var(--size-14)}.practice-page.practice-page--choice .replay-btn{width:var(--size-42);height:var(--size-42)}.practice-page.practice-page--choice .practice-main .practice-bottom-bar{gap:var(--size-10);padding:var(--size-8) var(--size-16) var(--size-8)}.practice-page.practice-page--choice .practice-main .bottom-progress-track{height:var(--size-8)}.practice-page.practice-page--choice .practice-main .bottom-progress-dot{right:calc(var(--size-4) * -1);width:var(--size-14);height:var(--size-14);border-width:var(--size-2)}.practice-page.practice-page--choice .practice-main .bottom-progress-count{font-size:var(--size-14);padding:var(--size-8) var(--size-10)}}@media (max-height: 760px) and (min-width: 768px){.practice-page.practice-page--choice .practice-main{padding-top:var(--size-4)}.practice-page.practice-page--choice .practice-choice-top-rail{min-height:var(--size-58);gap:var(--size-10)}.practice-page.practice-page--choice .practice-choice-stage{justify-content:flex-start;gap:var(--size-10);padding-block:0 var(--size-6)}.practice-page.practice-page--choice .practice-choice-top-rail .prev-word-inline--choice{gap:var(--size-8)}.practice-page.practice-page--choice .practice-choice-top-rail .prev-word-inline--choice .prev-back-btn{padding:0 var(--size-10)}.practice-page.practice-page--choice .practice-choice-top-rail .prev-word-inline--choice .prev-word-info{max-width:min(var(--size-280),100% - var(--size-48));padding:var(--size-8) var(--size-10)}.practice-page.practice-page--choice .listening-example-prompt{gap:var(--size-6)}.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:var(--size-8)}.practice-page.practice-page--choice .option-btn{min-height:var(--size-88);padding:var(--size-14) var(--size-16) var(--size-12)}.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:calc(var(--size-4) * -1)}.practice-page.practice-page--choice .options-footer-actions{gap:var(--size-8)}.practice-page.practice-page--choice .skip-btn{padding:var(--size-8) var(--size-12);font-size:var(--size-14)}.practice-page.practice-page--choice .practice-main .practice-bottom-bar{gap:var(--size-8);padding:var(--size-6) var(--size-12) var(--size-6)}.practice-page.practice-page--choice .practice-main .bottom-progress-track{height:var(--size-8)}.practice-page.practice-page--choice .practice-main .bottom-progress-dot{right:calc(var(--size-4) * -1);width:var(--size-12);height:var(--size-12)}.practice-page.practice-page--choice .practice-main .bottom-progress-count{font-size:var(--size-12);padding:var(--size-6) var(--size-8)}}@media (max-height: 680px) and (min-width: 768px){.practice-page.practice-page--choice .practice-choice-top-rail{min-height:var(--size-50)}.practice-page.practice-page--choice .practice-choice-stage{gap:var(--size-8);padding-bottom:var(--size-4)}.practice-page.practice-page--choice .practice-choice-top-rail .prev-word-inline--choice .prev-word-info{padding:var(--size-6) var(--size-10)}.practice-page.practice-page--choice .practice-choice-top-rail .prev-word-inline--choice .prev-word-text{font-size:var(--size-16)}.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:var(--size-10)}.practice-page.practice-page--choice .listening-example-sentence{font-size:.94rem}.practice-page.practice-page--choice .option-btn{min-height:var(--size-80);padding:var(--size-12) var(--size-14) var(--size-10)}.practice-page.practice-page--choice .option-text{font-size:1rem}.practice-page.practice-page--choice .practice-main .practice-bottom-bar{padding-inline:var(--size-10);padding-bottom:var(--size-5)}}.practice-favorite-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--size-42);height:var(--size-42);padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--size-1) solid color-mix(in srgb,var(--border) var(--mix-78),transparent);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--bg-color) var(--mix-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,.practice-favorite-btn .slow-playback-icon{width:var(--size-20);height:var(--size-20)}.practice-speaking-entry-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--size-42);height:var(--size-42);padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--size-1) solid var(--surface-border-strong);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface-elevated) var(--mix-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,.practice-speaking-entry-btn .slow-playback-icon{width:var(--size-20);height:var(--size-20)}.qm-card-toolbar__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--size-42);height:var(--size-42);padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--size-1) solid var(--surface-border-strong);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface-elevated) var(--mix-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,.qm-card-toolbar__icon-btn .slow-playback-icon{width:var(--size-20);height:var(--size-20)}.replay-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--size-50);height:var(--size-50);padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--size-1) solid var(--surface-border-strong);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface-elevated) var(--mix-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,.replay-btn .slow-playback-icon{width:var(--size-24);height:var(--size-24)}.listening-example-audio-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--size-44);height:var(--size-44);padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--size-1) solid var(--surface-border-strong);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface-elevated) var(--mix-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,.listening-example-audio-btn .slow-playback-icon{width:var(--size-20);height:var(--size-20)}.practice-favorite-btn:hover:not(:disabled){transform:translateY(calc(var(--size-1) * -1));color:var(--error);border-color:color-mix(in srgb,var(--error) var(--mix-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(calc(var(--size-1) * -1));color:var(--accent);border-color:rgba(var(--accent-rgb),var(--alpha-18));background:rgba(var(--accent-rgb),var(--alpha-8));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) var(--mix-40),var(--border));background:color-mix(in srgb,var(--error) var(--mix-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, var(--size-48)) auto var(--practice-action-side-size, var(--size-48));align-items:center;justify-content:center;gap:var(--size-14)}.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, var(--size-720)))}.practice-main-header{display:grid;grid-template-columns:var(--practice-action-side-size, var(--size-48)) minmax(0,1fr) var(--practice-action-side-size, var(--size-48));align-items:center;gap:var(--size-16);margin-bottom:calc(var(--space-md) + var(--size-4))}.practice-main-header__meta{display:flex;align-items:center;justify-content:center;gap:var(--size-10);min-width:0}.radio-stage-toolbar{display:grid;grid-template-columns:var(--practice-action-side-size, var(--size-48)) 1fr var(--practice-action-side-size, var(--size-48));align-items:center;margin:0 auto var(--size-12)}.qm-card-toolbar{display:grid;grid-template-columns:var(--practice-action-side-size, var(--size-48)) auto var(--practice-action-side-size, var(--size-48));align-items:center;justify-content:center;width:100%;margin-bottom:calc(var(--size-8) * -1)}.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(calc(var(--size-1) * -1));outline:none}.qm-key-hints{flex-wrap:wrap}@media (max-width: 768px){.practice-favorite-btn,.practice-speaking-entry-btn{width:var(--size-40);height:var(--size-40)}.word-display-audio-controls{grid-template-columns:var(--size-40) auto var(--size-40);gap:var(--size-10)}.practice-main-header,.qm-card-toolbar,.radio-stage-toolbar{grid-template-columns:var(--size-40) minmax(0,1fr) var(--size-40)}.qm-card-toolbar__icon-btn{width:var(--size-40);height:var(--size-40)}.radio-stage-toolbar{width:100%}}.practice-pronunciation{position:relative;display:inline-flex;align-items:center}.practice-pronunciation-panel{position:absolute;top:calc(100% + var(--size-12));right:0;width:min(var(--size-320),100vw - var(--size-28));padding:var(--size-14);border:var(--size-1) solid color-mix(in srgb,var(--accent) var(--mix-18),var(--border));border-radius:var(--size-18);background:color-mix(in srgb,var(--surface-elevated) var(--mix-98),transparent);box-shadow:var(--shadow-overlay);z-index:var(--layer-local-overlay)}.practice-pronunciation-panel__close{position:absolute;top:var(--size-10);right:var(--size-10);width:var(--size-28);height:var(--size-28);padding:0;border:none;border-radius:var(--radius-pill);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) var(--mix-10),transparent);color:var(--accent);outline:none}.practice-pronunciation-panel__close svg{width:var(--size-16);height:var(--size-16)}.practice-pronunciation-panel__eyebrow{margin-bottom:var(--size-6);font-size:var(--size-12);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.practice-pronunciation-panel__word-row{display:flex;align-items:baseline;gap:var(--size-8);margin-bottom:var(--size-10)}.practice-pronunciation-panel__word{font-size:var(--size-22);line-height:1.1;color:var(--text-primary)}.practice-pronunciation-panel__phonetic{font-size:var(--size-14);color:var(--text-secondary)}.practice-pronunciation-panel__status{margin-bottom:var(--size-12);font-size:var(--size-14);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:var(--size-6);margin-bottom:var(--size-12);padding:var(--size-12) var(--size-12);border-radius:var(--size-14);background:color-mix(in srgb,var(--accent) var(--mix-5),var(--surface-elevated));border:var(--size-1) solid color-mix(in srgb,var(--accent) var(--mix-10),var(--border))}.practice-pronunciation-panel__transcript-label{font-size:var(--size-12);font-weight:700;letter-spacing:.04em;color:var(--text-tertiary)}.practice-pronunciation-panel__transcript-value{font-size:var(--size-14);color:var(--text-primary);word-break:break-word}.practice-pronunciation-panel__result{margin-bottom:var(--size-12);padding:var(--size-12);border-radius:var(--size-16);border:var(--size-1) solid color-mix(in srgb,var(--border) var(--mix-88),transparent);background:color-mix(in srgb,var(--surface-elevated) var(--mix-92),transparent)}.practice-pronunciation-panel__result.is-passed{border-color:color-mix(in srgb,var(--success) var(--mix-22),var(--border));background:color-mix(in srgb,var(--success-light) var(--mix-82),var(--surface-elevated))}.practice-pronunciation-panel__result.is-warning{border-color:color-mix(in srgb,var(--warning) var(--mix-24),var(--border));background:color-mix(in srgb,var(--warning-bg) var(--mix-40),var(--surface-elevated))}.practice-pronunciation-panel__result-header{display:flex;align-items:center;gap:var(--size-10);margin-bottom:var(--size-8)}.practice-pronunciation-panel__score{display:inline-flex;align-items:center;justify-content:center;min-width:var(--size-42);height:var(--size-28);padding:0 var(--size-10);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent) var(--mix-14),var(--surface-elevated));color:var(--accent);font-size:var(--size-14);font-weight:700}.practice-pronunciation-panel__result-label{font-size:var(--size-14);font-weight:700;color:var(--text-primary)}.practice-pronunciation-panel__feedback-list{display:grid;gap:var(--size-6);padding-left:var(--size-18);color:var(--text-secondary);font-size:var(--size-12);line-height:1.45}.practice-pronunciation-panel__action{width:100%;height:var(--size-40);border:none;border-radius:var(--size-12);background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) var(--mix-78),var(--surface-elevated)));color:var(--text-inverse);font-size:var(--size-14);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(calc(var(--size-1) * -1));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) var(--mix-88),var(--surface-accent)),var(--accent-dark))}.practice-pronunciation-panel__hint{margin-top:var(--size-8);font-size:var(--size-12);color:var(--text-tertiary)}@media (max-width: 768px){.practice-pronunciation-panel{right:calc(var(--size-8) * -1);width:min(var(--size-300),100vw - var(--size-20));padding:var(--size-12)}}.smart-dim-badge{display:inline-flex;align-items:center;gap:var(--size-6);padding:var(--size-6) var(--size-16);border-radius:var(--radius-full);font-size:var(--size-14);font-weight:600;letter-spacing:calc(var(--size-1) * .3);margin-bottom:var(--space-md);border:var(--size-1) solid transparent}.smart-badge-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--size-20);height:var(--size-20);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:var(--size-20)}.spelling-answer-def{font-size:var(--size-16);color:var(--text-secondary);margin-top:var(--size-4)}.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:var(--size-16);color:var(--text-secondary)}.meaning-recall-answer{display:flex;flex-direction:column;align-items:center;gap:var(--size-4)}.meaning-recall-phonetic{font-size:var(--size-16);color:var(--text-secondary)}.meaning-recall-footer{display:flex;justify-content:flex-start;width:min(100%,var(--practice-header-max-width, var(--size-720)))}@media (max-width: 600px){.options-grid{grid-template-columns:1fr}}.option-btn:disabled{cursor:default}.option-definition{font-size:var(--size-16);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:var(--size-12);color:var(--text-tertiary);background:var(--bg-tertiary);padding:var(--size-2) var(--size-8);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(calc(var(--size-6) * -1))}40%,80%{transform:translate(var(--size-6))}}.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) + var(--size-2)) calc(var(--space-lg) + var(--size-3));background:var(--bg-secondary);border:var(--size-1) dashed var(--border);border-radius:var(--radius-md);font-size:var(--size-16);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:var(--motion-transition-interactive-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:var(--size-80);left:var(--space-lg);background:var(--bg-color);border:var(--size-1) solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md);max-width:var(--size-260);z-index:var(--layer-sticky);opacity:0;transform:translate(calc(var(--size-20) * -1));transition:var(--motion-transition-interactive-normal);box-shadow:var(--shadow-md)}.previous-word.show{opacity:1;transform:translate(0)}.previous-label{font-size:var(--size-14);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:calc(var(--size-1) / 2);margin-bottom:var(--space-sm);font-weight:600}.previous-word-text{font-size:var(--size-20);font-weight:700;color:var(--text-primary);margin-bottom:var(--size-2)}.previous-word-phonetic{font-size:var(--size-16);color:var(--text-secondary);margin-bottom:var(--space-xs)}.previous-word-pos{font-size:var(--size-14);color:var(--accent);font-weight:600;margin-bottom:var(--space-sm)}.previous-word-definition{font-size:var(--size-16);color:var(--text-secondary);line-height:1.4}.progress-bar{height:var(--size-6);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:var(--size-1) solid var(--border);border-radius:var(--radius-md);font-size:var(--size-16);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:var(--motion-transition-interactive-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:var(--size-18);font-weight:600;cursor:pointer;transition:var(--motion-transition-interactive-fast)}.spelling-submit:hover{background:var(--accent-hover);transform:translateY(calc(var(--size-1) * -1))}.portable-message{text-align:center;padding:var(--space-xl)}.portable-message p{font-size:var(--size-20);color:var(--text-primary);margin-bottom:var(--space-sm)}.portable-tip{font-size:var(--size-16);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:var(--size-1) solid var(--border);border-radius:var(--radius-sm);font-size:var(--size-12);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:var(--motion-transition-interactive-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:var(--size-48);height:var(--size-28);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:var(--motion-transition-interactive-fast)}.toggle-slider:before{position:absolute;content:"";height:var(--size-20);width:var(--size-20);left:var(--size-3);bottom:var(--size-3);background:var(--text-inverse);border-radius:var(--radius-full);transition:var(--motion-transition-interactive-fast);box-shadow:var(--shadow-sm)}.toggle-switch input:checked+.toggle-slider{background:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(var(--size-22))}[data-font-size=small]{font-size:var(--size-14)}[data-font-size=large]{font-size:var(--size-18)}.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:var(--size-112);background:var(--bg-color)}.practice-progress-bar{height:var(--size-3);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:var(--size-14);color:var(--text-secondary)}.practice-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:clamp(var(--size-28),4.2vw,var(--size-42)) clamp(var(--size-30),5vw,var(--size-56)) clamp(var(--size-36),6.2vw,var(--size-50));gap:var(--size-28);max-width:min(100%,var(--practice-main-max-width, var(--size-920)));margin:0 auto;width:100%;min-height:100%}.practice-page--choice{position:relative;--practice-main-max-width: var(--size-1180);--practice-header-max-width: var(--size-980);--practice-shell-max-width: var(--size-860);--practice-choice-grid-max-width: var(--size-980)}.practice-page.practice-page--choice .practice-main{max-width:min(100%,var(--practice-main-max-width, var(--size-1180)))}.word-display-area{display:flex;flex-direction:column;align-items:center;gap:var(--size-24);width:min(100%,var(--practice-shell-max-width, var(--size-760)));padding:clamp(var(--size-32),4.2vw,var(--size-36)) clamp(var(--size-28),4vw,var(--size-34));border-radius:var(--size-36);background:color-mix(in srgb,var(--surface-elevated) var(--mix-96),transparent);border:var(--size-1) solid var(--surface-border-strong);box-shadow:var(--shadow-panel)}.meaning-prompt-card{width:100%;display:flex;flex-direction:column;gap:var(--size-16);align-items:flex-start}.meaning-prompt-label{font-size:var(--size-16);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(var(--size-92),10.4vw,var(--size-100));height:clamp(var(--size-92),10.4vw,var(--size-100));border-radius:var(--radius-full);background:var(--accent);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--motion-transition-interactive-normal);color:var(--text-inverse);box-shadow:0 var(--size-18) var(--size-36) rgba(var(--accent-rgb),var(--alpha-28))}.play-btn-large:hover{transform:translateY(calc(var(--size-2) * -1)) scale(1.03);box-shadow:0 var(--size-22) var(--size-42) rgba(var(--accent-rgb),var(--alpha-32))}.play-btn-large svg,.play-btn-large .slow-playback-icon{width:var(--size-35);height:var(--size-35)}.listening-example-prompt{width:min(100%,var(--practice-shell-max-width, var(--size-760)));display:flex;flex-direction:column;align-items:center;gap:var(--size-16);justify-content:center;padding:0 var(--size-18)}.listening-example-sentence{max-width:var(--size-650);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:var(--size-20);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:var(--size-8);margin:var(--size-8) 0 var(--size-20);flex-wrap:wrap}.letter-hint-blank{font-size:var(--size-24);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:var(--size-12)}.word-pos{font-size:var(--size-14);background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:var(--size-3) var(--size-10);color:var(--text-tertiary);margin-right:var(--space-xs)}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--size-22);width:100%;max-width:var(--practice-choice-grid-max-width, var(--practice-shell-max-width, var(--size-760)))}.practice-page.practice-page--choice .options-grid{gap:clamp(var(--size-12),1vw,var(--size-16))}.option-btn{padding:var(--size-28) var(--size-28) var(--size-24);background:color-mix(in srgb,var(--surface-elevated) var(--mix-97),transparent);border:var(--size-1) solid var(--surface-border-strong);border-radius:var(--size-28);cursor:pointer;text-align:left;font-size:var(--size-18);color:var(--text-primary);display:flex;flex-direction:column;gap:var(--space-xs);transition:var(--motion-transition-interactive-fast);line-height:1.5;min-height:clamp(var(--size-146),19vw,var(--size-162));justify-content:flex-start;box-shadow:var(--shadow-soft)}.practice-page.practice-page--choice .option-btn{min-height:clamp(var(--size-112),10vw,var(--size-128));padding:var(--size-20) var(--size-22) var(--size-18);border-radius:var(--size-18)}.option-btn:hover:not(:disabled){border-color:rgba(var(--accent-rgb),var(--alpha-22));background:rgba(var(--accent-rgb),var(--alpha-5));transform:translateY(calc(var(--size-2) * -1));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),var(--alpha-8));box-shadow:0 0 0 var(--size-3) rgba(var(--accent-rgb),var(--alpha-8))}.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:var(--size-12);min-width:0}.option-pos{font-size:var(--size-16);color:var(--text-tertiary);font-style:italic;font-weight:600;flex-shrink:0}.option-word-reveal{font-size:var(--size-16);font-weight:700;color:var(--text-secondary);letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-key{font-size:var(--size-14);color:var(--text-tertiary);opacity:.7;font-weight:400;white-space:nowrap}.option-text{font-size:var(--size-20);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:var(--size-10)}.option-text--word{font-size:var(--size-28);font-weight:700;letter-spacing:-.01em}.option-subtext{font-size:var(--size-16);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, var(--size-760)));margin-top:var(--size-6)}@media (max-width: 600px){.options-grid,.options-footer{max-width:min(100%,var(--practice-shell-max-width, var(--size-760)))}}.skip-btn{grid-column:1;justify-self:start;background:color-mix(in srgb,var(--surface-elevated) var(--mix-76),transparent);border:var(--size-1) solid var(--surface-border-strong);border-radius:var(--size-20);padding:var(--size-14) var(--size-20);font-size:var(--size-16);font-weight:700;color:var(--text-secondary);cursor:pointer;transition:var(--motion-transition-interactive-fast);box-shadow:var(--shadow-sm)}.skip-btn:hover{background:rgba(var(--accent-rgb),var(--alpha-8));border-color:rgba(var(--accent-rgb),var(--alpha-18));color:var(--accent)}.shortcut-hint{opacity:.55;font-size:var(--size-14);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% + var(--size-6));left:50%;transform:translate(-50%);background:var(--text-primary);color:var(--bg-color);font-size:var(--size-12);white-space:nowrap;padding:var(--size-3) var(--size-8);border-radius:var(--radius-sm);pointer-events:none}.practice-stage-guide{--guide-color: var(--accent);width:min(100%,var(--practice-shell-max-width, var(--size-760)));position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--size-20);padding:var(--size-24) var(--size-25);border-radius:var(--size-28);border:var(--size-1) solid color-mix(in srgb,var(--guide-color) var(--mix-18),var(--surface-border-strong));background:radial-gradient(circle at top right,color-mix(in srgb,var(--guide-color) var(--mix-14),transparent),transparent 44%),linear-gradient(155deg,color-mix(in srgb,var(--guide-color) var(--mix-10),var(--surface-elevated)) 0%,color-mix(in srgb,var(--surface-elevated) var(--mix-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) var(--mix-14),transparent),transparent 28%,transparent 72%,color-mix(in srgb,var(--guide-color) var(--mix-8),transparent));opacity:.85;pointer-events:none;z-index:var(--layer-underlay)}.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:var(--size-8)}.practice-stage-guide__pill{display:inline-flex;align-items:center;justify-content:center;min-height:var(--size-28);padding:0 var(--size-12);border-radius:var(--radius-full);background:color-mix(in srgb,var(--guide-color) var(--mix-12),var(--surface-elevated));border:var(--size-1) solid color-mix(in srgb,var(--guide-color) var(--mix-18),transparent);color:color-mix(in srgb,var(--guide-color) var(--mix-82),var(--text-primary));font-size:var(--size-12);font-weight:700;letter-spacing:.03em}.practice-stage-guide__headline{display:flex;flex-direction:column;gap:var(--size-8)}.practice-stage-guide__eyebrow{font-size:var(--size-12);font-weight:800;letter-spacing:.08em;color:color-mix(in srgb,var(--guide-color) var(--mix-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:var(--size-16);line-height:1.6;color:var(--text-secondary)}.practice-stage-guide__rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--size-14);margin:0}.practice-stage-guide__row{display:flex;flex-direction:column;gap:var(--size-10);min-height:100%;padding:var(--size-18) var(--size-18) var(--size-18);border-radius:var(--size-20);background:color-mix(in srgb,var(--guide-color) var(--mix-5),var(--surface-base));border:var(--size-1) solid color-mix(in srgb,var(--guide-color) var(--mix-12),var(--surface-border-strong));box-shadow:var(--shadow-soft)}.practice-stage-guide__label{margin:0;font-size:var(--size-12);font-weight:800;letter-spacing:.05em;color:color-mix(in srgb,var(--guide-color) var(--mix-74),var(--text-secondary))}.practice-stage-guide__value{margin:0;font-size:var(--size-16);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:var(--size-18) var(--size-16);border-radius:var(--size-24)}.practice-stage-guide__row{padding:var(--size-14) var(--size-14) var(--size-14);border-radius:var(--size-18)}}.practice-page--dictation{scroll-padding-bottom:var(--size-32);overflow-x:clip}.dictation-shell{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;width:100%;padding:clamp(var(--size-24),4vw,var(--size-40)) clamp(var(--size-22),4vw,var(--size-36)) clamp(var(--size-28),4vw,var(--size-40));min-width:0}.dictation-card{width:min(100%,var(--size-980));display:grid;gap:clamp(var(--size-18),2.4vw,var(--size-24));padding:clamp(var(--size-24),3vw,var(--size-34));border-radius:var(--size-34);background:color-mix(in srgb,var(--surface-elevated) var(--mix-96),transparent);border:var(--size-1) solid var(--surface-border-strong);box-shadow:var(--shadow-panel);min-width:0;overflow:hidden}.dictation-card-header{--dictation-header-side-size: var(--size-104);display:grid;grid-template-columns:var(--dictation-header-side-size) minmax(0,1fr) var(--dictation-header-side-size);align-items:center;gap:var(--size-16);min-height:var(--size-44);width:100%}.dictation-card-header__side{width:var(--dictation-header-side-size);min-width:0;min-height:var(--size-1);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:var(--size-1)}.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(var(--size-216),var(--size-272)) minmax(0,1fr);gap:clamp(var(--size-18),2.6vw,var(--size-30));align-items:stretch;min-width:0}.dictation-play-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--size-12);padding:clamp(var(--size-20),2.4vw,var(--size-28));border-radius:var(--size-28);border:var(--size-1) solid rgba(var(--accent-rgb),var(--alpha-12));background:radial-gradient(circle at top,rgba(var(--accent-rgb),var(--alpha-12)),transparent 56%),color-mix(in srgb,var(--bg-color) var(--mix-92),transparent);text-align:center}.dictation-mode-badge{display:inline-flex;align-items:center;justify-content:center;min-height:var(--size-30);padding:0 var(--size-12);border-radius:var(--radius-full);background:rgba(var(--accent-rgb),var(--alpha-10));color:var(--accent);font-size:var(--size-14);font-weight:700;letter-spacing:.05em}.dictation-play-btn{width:clamp(var(--size-76),7.8vw,var(--size-84));height:clamp(var(--size-76),7.8vw,var(--size-84));box-shadow:0 var(--size-14) var(--size-30) rgba(var(--accent-rgb),var(--alpha-22))}.dictation-play-actions{display:inline-flex;align-items:center;justify-content:center;gap:var(--size-12)}.dictation-play-btn svg,.dictation-play-btn .slow-playback-icon{width:var(--size-30);height:var(--size-30)}.dictation-play-btn--slow{background:color-mix(in srgb,var(--surface-elevated) var(--mix-92),var(--accent));color:var(--accent);border:var(--size-1) solid rgba(var(--accent-rgb),var(--alpha-18))}.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:var(--size-16);padding:clamp(var(--size-18),2.2vw,var(--size-24));border-radius:var(--size-28);background:var(--bg-secondary);border:var(--size-1) solid var(--border)}.dictation-stage--word .dictation-content-card{min-height:var(--size-248)}.dictation-example-area{align-items:stretch;gap:var(--size-12)}.dictation-example-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--size-12);flex-wrap:wrap}.dictation-example-label{font-size:var(--size-14);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:var(--size-18) var(--size-22);text-align:left;line-height:1.75}.practice-page--dictation .dictation-response-stage{height:auto;min-height:var(--size-176);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:var(--size-18);width:100%}.practice-page--dictation .dictation-live-answer,.practice-page--dictation .dictation-live-preview{align-items:center;justify-content:center;min-height:var(--size-116);padding:var(--size-18) var(--size-22)}.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) var(--mix-94),transparent)}.dictation-progress{display:flex;flex-direction:column;gap:var(--size-8);padding-top:var(--size-4);width:100%;min-width:0}.dictation-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--size-12);min-width:0}.dictation-progress-label{font-size:var(--size-12);font-weight:700;color:var(--text-tertiary);letter-spacing:.05em}.dictation-progress-track{height:var(--size-10);background:var(--surface-inset);border-radius:var(--radius-full);overflow:hidden;position:relative;min-width:0}.dictation-progress-fill{position:relative;width:var(--progress-percent, 0%);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:var(--size-12);height:var(--size-12);border-radius:var(--radius-full);border:var(--size-2) solid color-mix(in srgb,var(--text-inverse) var(--mix-94),transparent);background:var(--accent);box-shadow:0 var(--size-6) var(--size-12) rgba(var(--accent-rgb),var(--alpha-18))}.dictation-progress-count{flex-shrink:0;padding:var(--size-6) var(--size-10);border-radius:var(--radius-full);border:var(--size-1) solid var(--surface-border-strong);background:color-mix(in srgb,var(--surface-elevated) var(--mix-94),transparent);color:var(--text-secondary);font-size:var(--size-12);font-weight:700}.dictation-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:calc(var(--space-lg) + var(--size-6));width:100%;max-width:min(100%,var(--practice-compact-max-width, var(--size-540)));margin:0 auto;padding:clamp(var(--size-28),4.2vw,var(--size-42)) clamp(var(--size-28),4.2vw,var(--size-40)) calc(var(--space-2xl) + var(--size-4));min-height:100%}.dictation-play-area{display:flex;flex-direction:column;align-items:center;gap:calc(var(--space-md) + var(--size-5))}.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:var(--size-16);color:var(--text-secondary)}.dictation-replay-hint{margin:0;font-size:var(--size-16);color:var(--text-tertiary);text-align:center}.dictation-replay-hint.revealed{color:var(--accent);font-weight:600}.spelling-answer{font-size:var(--size-14);color:var(--error);background:var(--error-light);border:var(--size-1) 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:var(--size-14);height:100%;padding:var(--size-18) var(--size-20) var(--size-16);border-radius:var(--size-28);border:var(--size-1) solid rgba(var(--error-rgb),var(--alpha-14));background:radial-gradient(circle at top,rgba(var(--success-rgb),var(--alpha-12)),transparent 46%),linear-gradient(180deg,color-mix(in srgb,var(--surface-elevated) var(--mix-98),transparent),rgba(var(--error-rgb),var(--alpha-5)));box-shadow:var(--shadow-floating);text-align:center;animation:dictation-error-enter .22s ease;-webkit-backdrop-filter:blur(var(--size-10));backdrop-filter:blur(var(--size-10));transition:opacity .12s ease,transform .12s ease}.dictation-error-feedback:before{content:"";position:absolute;top:calc(var(--size-40) * -1);right:calc(var(--size-20) * -1);width:var(--size-132);height:var(--size-132);border-radius:var(--radius-pill);background:radial-gradient(circle,rgba(var(--success-rgb),var(--alpha-18)),transparent 68%);opacity:.75;z-index:var(--layer-underlay)}.dictation-error-head{display:flex;flex-direction:column;align-items:center;gap:var(--size-8)}.dictation-error-badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--size-5) var(--size-12);border-radius:var(--radius-full);background:rgba(var(--error-rgb),var(--alpha-10));color:var(--error);font-size:var(--size-14);font-weight:700;letter-spacing:.04em}.dictation-error-support{margin:0;font-size:var(--size-14);color:var(--text-secondary);line-height:1.45}.dictation-error-stack{display:flex;flex-direction:column;align-items:center;gap:var(--size-12);width:min(100%,var(--practice-inline-max-width, var(--size-352)))}.dictation-error-item{display:flex;flex-direction:column;align-items:center;gap:var(--size-5);width:100%;padding:var(--size-12) var(--size-16) var(--size-14);border-radius:var(--size-24);border:var(--size-1) solid color-mix(in srgb,var(--text-tertiary) var(--mix-18),transparent);background:color-mix(in srgb,var(--surface-elevated) var(--mix-78),transparent);box-shadow:inset 0 var(--size-1) 0 color-mix(in srgb,var(--surface-elevated) var(--mix-66),transparent),var(--shadow-soft)}.dictation-error-item-correct{background:linear-gradient(180deg,rgba(var(--success-rgb),var(--alpha-7)),color-mix(in srgb,var(--surface-elevated) var(--mix-90),transparent));border-color:rgba(var(--success-rgb),var(--alpha-16))}.dictation-error-item-correct .dictation-error-word{color:var(--success)}.dictation-error-item-wrong{background:linear-gradient(180deg,rgba(var(--error-rgb),var(--alpha-5)),color-mix(in srgb,var(--surface-elevated) var(--mix-84),transparent));border-color:rgba(var(--error-rgb),var(--alpha-16))}.dictation-error-item-wrong .dictation-error-word{color:var(--error)}.dictation-error-label{font-size:var(--size-14);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(var(--size-20),auto);justify-content:center;gap:var(--size-4);width:100%}.dictation-error-letter{display:inline-flex;align-items:center;justify-content:center;min-width:var(--size-20);min-height:var(--size-30);padding:0 var(--size-4);border-radius:var(--size-10);border:var(--size-1) 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),var(--alpha-8));color:color-mix(in srgb,var(--success) var(--mix-88),var(--text-primary));border-color:rgba(var(--success-rgb),var(--alpha-8))}.dictation-error-word-correct .dictation-error-letter.is-focus{background:rgba(var(--success-rgb),var(--alpha-14));color:var(--success);border-color:rgba(var(--success-rgb),var(--alpha-26));transform:translateY(calc(var(--size-1) * -1));box-shadow:0 var(--size-8) var(--size-18) rgba(var(--success-rgb),var(--alpha-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) var(--mix-8),transparent);color:var(--text-primary);border-color:color-mix(in srgb,var(--text-tertiary) var(--mix-14),transparent)}.dictation-error-word-submitted .dictation-error-letter.is-focus{background:rgba(var(--error-rgb),var(--alpha-12));color:var(--error);border-color:rgba(var(--error-rgb),var(--alpha-28));transform:translateY(calc(var(--size-1) * -1));box-shadow:0 var(--size-8) var(--size-18) rgba(var(--error-rgb),var(--alpha-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),var(--alpha-12));color:var(--accent-dark);border-color:rgba(var(--accent-rgb),var(--alpha-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),var(--alpha-4));color:rgba(var(--error-rgb),var(--alpha-75));border-color:rgba(var(--error-rgb),var(--alpha-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:var(--size-14);line-height:1.45}.dictation-error-meta{color:var(--text-secondary)}.dictation-error-underline{width:min(var(--size-180),62%);height:var(--size-2);border-radius:var(--radius-full);background:linear-gradient(90deg,transparent,rgba(var(--error-rgb),var(--alpha-40)),transparent)}.dictation-error-detail{width:100%;margin-top:var(--size-4);padding-top:var(--size-8);border-top:var(--size-1) dashed rgba(var(--success-rgb),var(--alpha-18));color:var(--text-secondary)}.dictation-error-note{margin:0;display:inline-flex;align-items:center;justify-content:center;padding:var(--size-8) var(--size-14);border-radius:var(--radius-full);background:rgba(var(--accent-rgb),var(--alpha-8));color:var(--text-secondary);font-weight:600}.dictation-response-stage{width:100%;height:var(--size-210);display:flex;align-items:stretch;justify-content:center;overflow:hidden}.dictation-response-stage.is-dismissing .dictation-error-feedback{opacity:0;transform:translateY(calc(var(--size-4) * -1)) scale(.985);pointer-events:none}.dictation-live-stage{width:min(100%,var(--practice-inline-max-width, var(--size-352)));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--size-12);height:100%}.dictation-live-answer{display:flex;flex-direction:column;align-items:center;gap:var(--size-6);width:100%;padding:var(--size-14) var(--size-16);border-radius:var(--size-24);background:rgba(var(--success-rgb),var(--alpha-8));border:var(--size-1) solid rgba(var(--success-rgb),var(--alpha-16))}.dictation-live-answer-label,.dictation-live-preview-label{font-size:var(--size-14);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:var(--size-14);color:var(--text-secondary)}.dictation-live-preview{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--size-10);padding:var(--size-14) var(--size-18) var(--size-14);border-radius:var(--size-24);background:color-mix(in srgb,var(--surface-elevated) var(--mix-72),transparent);border:var(--size-1) solid rgba(var(--accent-rgb),var(--alpha-12));box-shadow:inset 0 var(--size-1) 0 color-mix(in srgb,var(--surface-elevated) var(--mix-62),transparent)}.dictation-live-preview.has-input{background:rgba(var(--accent-rgb),var(--alpha-5));border-color:rgba(var(--accent-rgb),var(--alpha-20))}.dictation-live-preview-word{width:100%}.dictation-live-letter-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(var(--size-20),auto);justify-content:center;gap:var(--size-4);width:100%}.dictation-live-letter{display:inline-flex;align-items:flex-end;justify-content:center;min-width:var(--size-20);min-height:var(--size-34);padding:0 var(--size-4) var(--size-5);border-bottom:var(--size-2) solid color-mix(in srgb,var(--text-tertiary) var(--mix-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),var(--alpha-50))}.dictation-live-letter.is-empty{color:transparent}.dictation-live-letter.is-extra{color:var(--accent-dark);border-bottom-color:rgba(var(--accent-rgb),var(--alpha-34))}.dictation-live-letter.is-space{min-width:var(--size-12);padding:0;border-bottom-color:transparent}.spelling-input-wrapper{display:flex;align-items:center;width:100%;gap:0;border:var(--size-2) solid var(--border);border-radius:var(--size-24);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),var(--alpha-4));box-shadow:0 var(--size-10) var(--size-24) rgba(var(--error-rgb),var(--alpha-8)),0 0 0 var(--size-4) rgba(var(--error-rgb),var(--alpha-6))}.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 var(--size-24);font-size:var(--size-24);font-weight:600;background:transparent;color:var(--text-primary);letter-spacing:.05em;height:var(--size-65);box-sizing:border-box;text-align:left}.spelling-submit-btn{display:flex;align-items:center;justify-content:center;width:var(--size-55);height:var(--size-65);background:transparent;border:none;border-left:var(--size-1) solid var(--border);color:var(--text-tertiary);cursor:pointer;transition:var(--motion-transition-interactive-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:var(--size-22);height:var(--size-22)}.dictation-submode-toggle{display:flex;gap:var(--size-8);background:var(--bg-secondary);border:calc(var(--size-3) / 2) solid var(--border);border-radius:var(--radius-lg);padding:var(--size-6)}.submode-btn{flex:1;padding:var(--size-10) var(--size-20);border:none;border-radius:var(--radius-md);font-size:var(--size-16);font-weight:500;color:var(--text-secondary);background:transparent;cursor:pointer;transition:var(--motion-transition-interactive-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:var(--size-14);width:100%}.dictation-example-area{display:flex;flex-direction:column;align-items:center;gap:calc(var(--space-md) + var(--size-6));width:100%}.dictation-example-sentence{font-size:var(--size-20);line-height:1.88;color:var(--text-primary);text-align:center;max-width:var(--size-590);background:var(--bg-secondary);border:calc(var(--size-3) / 2) solid var(--border);border-radius:var(--radius-lg);padding:var(--size-22) var(--size-28)}.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),var(--alpha-32));transform:translateY(calc(var(--size-1) * -1));outline:none}.example-blank-word{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:var(--size-10);margin:0 var(--size-2);vertical-align:baseline}.example-blank-segment{display:inline-flex;width:var(--example-blank-width, auto);height:.95em;min-width:3.2em;border-bottom:var(--size-2) solid rgba(var(--accent-rgb),var(--alpha-32))}.dictation-example-definition{display:flex;align-items:center;gap:var(--size-12);font-size:var(--size-16);color:var(--text-secondary)}.spelling-answer-sentence{font-size:var(--size-16);color:var(--text-tertiary)}@keyframes dictation-error-enter{0%{opacity:0;transform:translateY(var(--size-8)) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dictation-letter-rise{0%{opacity:0;transform:translateY(var(--size-10)) 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(calc(var(--size-1) * -1)) translate(calc(var(--size-2) * -1)) scale(1.02)}60%{transform:translateY(0) translate(var(--size-2)) scale(1.02)}to{transform:translateY(calc(var(--size-1) * -1)) translate(0) scale(1)}}@keyframes dictation-letter-confirm{0%{transform:translateY(0) scale(1);box-shadow:0 0 rgba(var(--success-rgb),var(--alpha-0))}45%{transform:translateY(calc(var(--size-2) * -1)) scale(1.06);box-shadow:0 var(--size-12) var(--size-22) rgba(var(--success-rgb),var(--alpha-18))}to{transform:translateY(calc(var(--size-1) * -1)) scale(1);box-shadow:0 var(--size-8) var(--size-18) rgba(var(--success-rgb),var(--alpha-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:var(--size-180)}.dictation-error-feedback{padding:var(--size-12) var(--size-12) var(--size-10);border-radius:var(--size-20)}.dictation-error-stack{width:100%}.dictation-error-item{padding:var(--size-10) var(--size-10) var(--size-10);border-radius:var(--size-16)}.dictation-error-word{width:100%}.dictation-error-letter-row{gap:var(--size-4)}.dictation-error-letter{min-width:var(--size-18);min-height:var(--size-28);padding:0 var(--size-4);border-radius:var(--size-10);font-size:clamp(1rem,5.4vw,1.35rem)}.dictation-error-note{width:100%;padding-left:var(--size-12);padding-right:var(--size-12)}.dictation-live-stage{width:100%}.dictation-live-answer,.dictation-live-preview{border-radius:var(--size-16)}.dictation-live-preview{padding:var(--size-10) var(--size-12) var(--size-10)}.dictation-live-letter-row{gap:var(--size-4)}.dictation-live-letter{min-width:var(--size-18);min-height:var(--size-30);padding-bottom:var(--size-4);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:var(--size-16) var(--size-14) var(--size-22)}.dictation-card{width:100%;gap:var(--size-14);padding:var(--size-16);border-radius:var(--size-20)}.dictation-stage{grid-template-columns:minmax(var(--size-168),var(--size-216)) minmax(0,1fr);gap:var(--size-14)}.dictation-play-panel,.dictation-content-card{border-radius:var(--size-18)}.dictation-play-panel{gap:var(--size-10);padding:var(--size-16)}.dictation-play-btn{width:var(--size-70);height:var(--size-70)}.dictation-play-btn svg,.dictation-play-btn .slow-playback-icon{width:var(--size-25);height:var(--size-25)}.dictation-play-panel .dictation-mode-title{font-size:1.5rem}.dictation-play-panel .dictation-hint{font-size:var(--size-16)}.dictation-play-panel .dictation-replay-hint{font-size:var(--size-14)}.dictation-content-card{justify-content:flex-start;gap:var(--size-10);padding:var(--size-14)}.dictation-example-sentence{padding:var(--size-14) var(--size-16);line-height:1.6}.practice-page--dictation .dictation-response-stage{min-height:0}.practice-page--dictation .dictation-live-stage{gap:var(--size-8);height:auto;justify-content:flex-start}.practice-page--dictation .dictation-live-answer,.practice-page--dictation .dictation-live-preview{min-height:0;padding:var(--size-12) var(--size-14)}.practice-page--dictation .spelling-input{height:var(--size-58);padding:0 var(--size-18);font-size:var(--size-18)}.practice-page--dictation .mic-btn,.practice-page--dictation .spelling-submit-btn{width:var(--size-50);height:var(--size-58)}}@media (max-width: 680px){.dictation-shell{align-items:stretch;justify-content:flex-start;padding:var(--size-16) var(--size-12) var(--size-20)}.dictation-card{width:100%;gap:var(--size-12);padding:var(--size-14);border-radius:var(--size-18)}.dictation-stage{grid-template-columns:1fr;gap:var(--size-12)}.dictation-play-panel,.dictation-content-card{border-radius:var(--size-16)}.dictation-play-panel{gap:var(--size-8);padding:var(--size-14)}.dictation-play-btn{width:var(--size-66);height:var(--size-66)}.dictation-play-btn svg,.dictation-play-btn .slow-playback-icon{width:var(--size-24);height:var(--size-24)}.dictation-play-panel .dictation-mode-title{font-size:1.4rem}.dictation-play-panel .dictation-hint{font-size:var(--size-16)}.dictation-play-panel .dictation-replay-hint{font-size:var(--size-14)}.dictation-content-card{justify-content:flex-start;gap:var(--size-10);padding:var(--size-12)}.dictation-example-sentence{padding:var(--size-12) var(--size-14);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:var(--size-8)}.practice-page--dictation .dictation-live-answer,.practice-page--dictation .dictation-live-preview{min-height:0;padding:var(--size-14) var(--size-16)}.practice-page--dictation .dictation-live-answer-label,.practice-page--dictation .dictation-live-preview-label{text-align:center}.practice-page--dictation .spelling-input{height:var(--size-56);padding:0 var(--size-16);font-size:var(--size-18)}.practice-page--dictation .mic-btn,.practice-page--dictation .spelling-submit-btn{width:var(--size-48);height:var(--size-56)}.dictation-progress{gap:var(--size-6);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:var(--size-12);padding-bottom:var(--size-16)}.dictation-card{gap:var(--size-12);padding:var(--size-14);border-radius:var(--size-18)}.dictation-card-header{min-height:0}.dictation-stage{gap:var(--size-12)}.dictation-play-panel{gap:var(--size-8);padding:var(--size-14)}.dictation-content-card{gap:var(--size-8);padding:var(--size-12)}.dictation-play-btn{width:var(--size-64);height:var(--size-64)}.dictation-play-btn svg,.dictation-play-btn .slow-playback-icon{width:var(--size-24);height:var(--size-24)}.dictation-play-panel .dictation-mode-title{font-size:1.42rem;margin-bottom:var(--space-xs)}.dictation-play-panel .dictation-hint{font-size:var(--size-16)}.dictation-play-panel .dictation-replay-hint{font-size:var(--size-14)}.dictation-example-sentence{padding:var(--size-12) var(--size-14);line-height:1.55}.practice-page--dictation .dictation-response-stage{min-height:0}.practice-page--dictation .dictation-live-stage{gap:var(--size-8);height:auto;justify-content:flex-start}.practice-page--dictation .dictation-live-answer,.practice-page--dictation .dictation-live-preview{min-height:0;padding:var(--size-12) var(--size-14)}.practice-page--dictation .spelling-input{height:var(--size-56);padding:0 var(--size-16);font-size:var(--size-18)}.practice-page--dictation .mic-btn,.practice-page--dictation .spelling-submit-btn{width:var(--size-48);height:var(--size-56)}}@media (max-width: 600px){.dictation-card-header{min-height:0;align-items:flex-start}.dictation-play-btn{width:var(--size-62);height:var(--size-62)}.dictation-play-btn svg,.dictation-play-btn .slow-playback-icon{width:var(--size-22);height:var(--size-22)}.dictation-example-sentence{font-size:var(--size-18)}.dictation-progress-count{padding:var(--size-5) var(--size-10);font-size:var(--size-12)}}.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(var(--size-36),6.2vh,var(--size-80)) var(--size-22) var(--size-32);gap:var(--size-24);scroll-padding-block:var(--size-24) var(--size-40)}.radio-stage{width:min(100%,var(--practice-shell-max-width, var(--size-760)));text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--size-20)}.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:var(--size-14) 0 0;max-width:min(100%,var(--practice-header-max-width, var(--size-720)));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:var(--size-10)}.radio-controls{display:flex;align-items:center;justify-content:center;gap:clamp(var(--size-12),2.5vw,var(--size-25));margin-top:var(--size-20)}.radio-ctrl-btn{display:flex;align-items:center;justify-content:center;width:var(--size-48);height:var(--size-48);border-radius:var(--radius-pill);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(calc(var(--size-1) * -1))}.radio-ctrl-btn svg{width:var(--size-24);height:var(--size-24)}.radio-play-btn{width:var(--size-68);height:var(--size-68);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,var(--size-756));height:var(--size-6);border-radius:var(--radius-pill);background:var(--border-subtle);overflow:hidden;margin-top:var(--size-10)}.radio-progress-fill{width:var(--progress-percent, 0%);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:var(--size-16);color:var(--text-tertiary)}.radio-bottom-btns{display:flex;align-items:center;gap:var(--size-14);margin-top:var(--size-12)}.radio-stop-btn,.radio-home-btn{padding:var(--size-12) var(--size-18);border-radius:var(--size-14);font-size:var(--size-16);font-weight:600;border:var(--size-1) solid var(--border-subtle);background:color-mix(in srgb,var(--surface-elevated) var(--mix-82),transparent);color:var(--text-secondary);cursor:pointer;transition:var(--motion-transition-interactive-fast)}.radio-stop-btn:hover,.radio-home-btn:hover{border-color:color-mix(in srgb,var(--accent) var(--mix-28),var(--border-subtle));color:var(--text-primary);background:var(--surface-elevated)}@media (max-width: 768px){.radio-mode{padding:var(--size-24) var(--size-14) calc(var(--size-80) + env(safe-area-inset-bottom));gap:var(--size-14)}.radio-stage-definition{line-height:1.58}.radio-progress-track{width:min(84vw,var(--size-560))}}@media (min-height: 820px){.radio-mode{justify-content:center}}.mic-btn{display:flex;align-items:center;justify-content:center;width:var(--size-55);height:var(--size-65);border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;flex-shrink:0;transition:var(--motion-transition-interactive-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:var(--size-24);height:var(--size-24)}.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) + var(--size-8)) calc(var(--space-lg) + var(--size-2)) calc(var(--space-xl) + var(--size-8) + env(safe-area-inset-bottom,0px));background:var(--bg-secondary);scroll-padding-block:var(--size-24) calc(var(--size-24) + 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, var(--size-540));height:var(--size-6);background:var(--border);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--size-12)}.qm-progress-fill{width:var(--progress-percent, 0%);height:100%;background:var(--accent);border-radius:var(--radius-full);transition:width .35s ease}.qm-progress-label{font-size:var(--size-14);color:var(--text-tertiary);margin-bottom:calc(var(--space-xl) + var(--size-2));font-weight:500}.qm-card{--qm-side-rail-size: var(--size-55);background:var(--bg-color);border:var(--size-1) solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:var(--practice-compact-max-width, var(--size-540));padding:var(--size-48) var(--size-42) var(--size-42);display:flex;flex-direction:column;align-items:center;gap:var(--size-24);animation:qmCardIn .22s ease}.qm-card--reveal{animation:qmRevealIn .2s ease}@keyframes qmCardIn{0%{opacity:0;transform:translateY(var(--size-12))}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:calc(var(--size-4) * -1)}.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(var(--size-40),6.6vw,var(--size-58));font-weight:800;color:var(--text-primary);letter-spacing:.02em;text-align:center;line-height:1.1}.qm-hint{font-size:var(--size-16);color:var(--text-tertiary);margin:0}.qm-card-toolbar__audio-group{display:inline-flex;align-items:center;justify-content:center;gap:var(--size-10)}.qm-audio-prompt{display:flex;align-items:center;justify-content:center;width:var(--size-92);height:var(--size-92);border-radius:50%;background:color-mix(in srgb,var(--accent) var(--mix-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) var(--mix-30),transparent)}50%{box-shadow:0 0 0 var(--size-12) color-mix(in srgb,var(--accent) var(--mix-0),transparent)}}.qm-choice-row{display:flex;gap:var(--size-20);width:100%;margin-top:var(--size-8)}.qm-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--size-8);padding:var(--size-18) var(--size-24);border-radius:var(--radius-lg);border:var(--size-2) solid;font-size:var(--size-18);font-weight:700;cursor:pointer;transition:var(--motion-transition-interactive-fast)}.qm-btn svg{width:var(--size-24);height:var(--size-24);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(calc(var(--size-1) * -1));box-shadow:0 var(--size-4) var(--size-12) rgba(var(--error-rgb),var(--alpha-30))}.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(calc(var(--size-1) * -1));box-shadow:0 var(--size-4) var(--size-12) rgba(var(--accent-rgb),var(--alpha-35))}.qm-result-badge{font-size:var(--size-16);font-weight:700;padding:var(--size-6) var(--size-18);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:var(--size-18);color:var(--text-secondary)}.qm-pos{display:inline-block;font-size:var(--size-14);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:var(--accent-light);padding:var(--size-3) var(--size-10);border-radius:var(--radius-sm)}.qm-definition{font-size:var(--size-20);color:var(--text-primary);text-align:center;line-height:1.68;font-weight:500}.qm-nav-row{display:flex;gap:var(--size-14);margin-top:var(--size-10);width:100%;justify-content:center}.qm-btn-prev{display:inline-flex;align-items:center;gap:var(--size-6);padding:var(--size-14) var(--size-24);background:none;color:var(--text-secondary);border:calc(var(--size-3) / 2) solid var(--border);border-radius:var(--radius-lg);font-size:var(--size-16);font-weight:600;cursor:pointer;transition:var(--motion-transition-interactive-fast);flex-shrink:0}.qm-btn-prev svg{width:var(--size-18);height:var(--size-18)}.qm-btn-prev:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.qm-btn-next{flex:1;padding:var(--size-16) var(--size-31);background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-lg);font-size:var(--size-18);font-weight:700;cursor:pointer;transition:var(--motion-transition-interactive-fast)}.qm-btn-next-inner{display:flex;align-items:center;justify-content:center;gap:var(--size-6)}.qm-btn-next-inner svg{width:var(--size-24);height:var(--size-24)}.qm-btn-next:hover{background:var(--accent-dark);transform:translateY(calc(var(--size-1) * -1));box-shadow:0 var(--size-4) var(--size-14) rgba(var(--accent-rgb),var(--alpha-40))}.qm-key-hints{display:flex;gap:var(--size-16);justify-content:center}.qm-key-hint{font-size:var(--size-14);color:var(--text-tertiary);display:flex;align-items:center;gap:var(--size-4)}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:var(--size-22);height:var(--size-20);padding:0 var(--size-6);background:var(--bg-secondary);border:var(--size-1) solid var(--border);border-bottom-width:var(--size-2);border-radius:var(--size-3);font-size:var(--size-12);font-family:inherit;font-weight:600;color:var(--text-secondary)}.qm-badge--fuzzy{display:flex;align-items:center;gap:var(--size-6)}.qm-badge-fuzzy-tag{font-size:var(--size-10);font-weight:700;background:var(--overlay-medium);border-radius:var(--radius-full);padding:var(--size-1) var(--size-6);letter-spacing:.03em}.qm-summary{display:flex;flex-direction:column;align-items:center;gap:var(--size-28);flex:1;min-height:0;height:100%;overflow:hidden auto;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;padding:var(--size-72) calc(var(--space-lg) + var(--size-2)) calc(var(--space-2xl) + var(--size-8));background:var(--bg-secondary)}.qm-summary-title{font-size:var(--size-210);font-weight:800;color:var(--text-primary)}.qm-summary-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--size-24) var(--size-40)}.qm-stat{display:flex;flex-direction:column;align-items:center;gap:var(--size-4)}.qm-stat-num{font-size:var(--size-48);font-weight:800;line-height:1}.qm-stat-label{font-size:var(--size-14);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, var(--size-540))}.qm-summary-section-title{font-size:var(--size-14);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--size-12)}.qm-summary-word-list{display:flex;flex-wrap:wrap;gap:var(--size-8)}.qm-summary-word-tag{background:var(--bg-color);border:var(--size-1) solid var(--border);border-radius:var(--radius-md);padding:var(--size-4) var(--size-12);font-size:var(--size-14);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) var(--mix-10),transparent)}.qm-summary-actions{display:flex;gap:var(--size-16)}.qm-btn-restart,.qm-btn-mode{padding:var(--size-14) var(--size-31);border-radius:var(--radius-lg);font-size:var(--size-16);font-weight:700;cursor:pointer;transition:var(--motion-transition-interactive-fast);border:var(--size-2) solid var(--accent)}.qm-btn-restart{background:var(--accent);color:var(--text-inverse)}.qm-btn-restart:hover{background:var(--accent-dark);transform:translateY(calc(var(--size-1) * -1))}.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:var(--size-6);padding:var(--size-14) var(--size-31);border-radius:var(--radius-lg);font-size:var(--size-16);font-weight:700;cursor:pointer;transition:var(--motion-transition-interactive-fast);background:var(--accent);color:var(--text-inverse);border:var(--size-2) solid var(--accent)}.qm-btn-next-chapter:hover{background:var(--accent-dark);transform:translateY(calc(var(--size-1) * -1))}.qm-stat-num{font-size:var(--size-28);font-weight:800;line-height:1}.qm-empty{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--size-48));font-size:var(--size-18);color:var(--text-tertiary)}@media (max-width: 480px){.qm-card{padding:var(--size-28) var(--size-20) var(--size-24);gap:var(--size-16)}.qm-word{font-size:var(--size-30)}.qm-btn{padding:var(--size-12) var(--size-12);font-size:var(--size-14)}.qm-definition{font-size:var(--size-16)}}.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:var(--size-32);height:var(--size-32);border:var(--size-3) 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:var(--size-64)}.practice-complete h2{font-size:var(--size-28);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:var(--size-16)}.practice-complete .stat-wrong{color:var(--error);font-weight:600;font-size:var(--size-16)}.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:var(--size-16);font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.complete-btn:hover{background:var(--accent-hover)}.icon-btn{width:var(--size-36);height:var(--size-36);padding:0;display:flex;align-items:center;justify-content:center}.icon-btn svg{width:var(--size-18);height:var(--size-18)}.prev-word-inline{--practice-prev-word-top-offset: clamp(var(--size-40), 7vh, var(--size-68));--practice-prev-word-gap-trim: clamp(var(--size-12), 2.2vh, var(--size-20));display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--practice-prev-word-top-offset) var(--size-18) 0;animation:fadeInDown .18s ease;width:min(100%,var(--size-920));margin:0 auto calc(-1 * var(--practice-prev-word-gap-trim))}@keyframes fadeInDown{0%{opacity:0;transform:translateY(calc(var(--size-6) * -1))}to{opacity:1;transform:translateY(0)}}.prev-back-btn{background:color-mix(in srgb,var(--surface-elevated) var(--mix-74),transparent);border:var(--size-1) solid var(--surface-border-strong);cursor:pointer;color:var(--text-tertiary);font-size:var(--size-18);line-height:1;padding:var(--size-6) var(--size-8);border-radius:var(--size-12);margin-top:var(--size-2);flex-shrink:0;transition:var(--motion-transition-interactive-fast)}.prev-back-btn:hover:not(:disabled){color:var(--accent);transform:translateY(calc(var(--size-1) * -1))}.prev-back-btn:disabled{opacity:.3;cursor:default}.prev-word-info{display:flex;flex-direction:column;gap:var(--size-3);padding:var(--size-10) var(--size-14);border-radius:var(--size-18);background:color-mix(in srgb,var(--surface-elevated) var(--mix-95),transparent);border:var(--size-1) solid var(--surface-border-strong);box-shadow:var(--shadow-soft)}.practice-choice-top-rail{width:min(100%,var(--practice-choice-grid-max-width, var(--size-980)) + var(--size-72));min-height:clamp(var(--size-110),14vh,var(--size-124));display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;gap:clamp(var(--size-16),2vw,var(--size-28));margin:0 auto;padding:0 var(--size-6)}.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(var(--size-320),100% - var(--size-52))}@media (max-height: 700px) and (min-width: 768px){.practice-choice-top-rail{min-height:var(--size-110);gap:var(--size-14)}.practice-page.practice-page--choice .practice-bottom-bar{gap:var(--size-12);padding:var(--size-8) var(--size-18) var(--size-10)}.practice-page.practice-page--choice .bottom-progress-track{height:var(--size-10)}.practice-page.practice-page--choice .bottom-progress-dot{width:var(--size-14);height:var(--size-14);border-width:var(--size-2)}.practice-page.practice-page--choice .bottom-progress-count{font-size:var(--size-14);padding:var(--size-8) var(--size-12)}}@media (max-width: 768px){.prev-word-inline{--practice-prev-word-top-offset: var(--size-22);--practice-prev-word-gap-trim: var(--size-8);padding-inline:var(--size-14)}.practice-choice-top-rail{width:100%;min-height:0;gap:var(--size-12);padding:0}.practice-page.practice-page--choice .practice-choice-top-rail .prev-word-inline--choice{width:100%;padding:0}}.prev-word-text{font-size:var(--size-20);font-weight:700;color:var(--text-secondary);line-height:1.2}.prev-word-phonetic{font-size:var(--size-12);color:var(--text-tertiary)}.prev-word-def{font-size:var(--size-12);color:var(--text-tertiary);line-height:1.4;display:flex;align-items:flex-start;gap:var(--size-4);flex-wrap:wrap}.word-pos-tag{font-size:var(--size-10);background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:var(--size-1) var(--size-5);color:var(--text-tertiary);flex-shrink:0;margin-top:var(--size-1)}.practice-bottom-bar{display:flex;align-items:center;gap:calc(var(--space-lg) + var(--size-2));padding:var(--size-12) var(--size-25) var(--size-16);background:linear-gradient(180deg,rgba(var(--bg-color-rgb, 255, 255, 255),var(--alpha-0)),color-mix(in srgb,var(--bg-color) var(--mix-82),transparent) 24%,color-mix(in srgb,var(--bg-color) var(--mix-96),transparent));width:min(100%,var(--practice-main-max-width, var(--size-920)));margin-inline:auto;margin-top:auto;position:sticky;bottom:0;z-index:var(--layer-prominent);-webkit-backdrop-filter:blur(var(--size-10));backdrop-filter:blur(var(--size-10))}.bottom-progress-track{flex:1;height:var(--size-12);background:var(--surface-inset);border-radius:var(--radius-full);position:relative;overflow:visible}.bottom-progress-fill{width:var(--progress-percent, 0%);height:100%;background:var(--accent);border-radius:var(--radius-full);transition:width .4s ease;position:relative}.bottom-progress-dot{position:absolute;right:calc(var(--size-6) * -1);top:50%;transform:translateY(-50%);width:var(--size-18);height:var(--size-18);background:var(--accent);border-radius:var(--radius-full);border:var(--size-3) solid color-mix(in srgb,var(--text-inverse) var(--mix-94),transparent);box-shadow:0 var(--size-10) var(--size-18) rgba(var(--accent-rgb),var(--alpha-24))}.bottom-progress-count{font-size:var(--size-14);color:var(--text-secondary);font-weight:700;white-space:nowrap;padding:var(--size-10) var(--size-14);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface-elevated) var(--mix-95),transparent);border:var(--size-1) solid var(--surface-border-strong);box-shadow:var(--shadow-sm)}@media (max-width: 768px){.practice-bottom-bar{padding-bottom:calc(var(--size-16) + env(safe-area-inset-bottom))}}.complete-emoji{font-size:var(--size-64)}.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:var(--size-16)}.complete-stats-row .stat-wrong{color:var(--error);font-weight:600;font-size:var(--size-16)}.complete-stats-row .stat-duration{color:var(--accent);font-weight:600;font-size:var(--size-16)}.practice-complete-copy{max-width:var(--size-420);margin:0 0 var(--size-14);font-size:var(--size-14);line-height:1.6;color:var(--text-secondary)}.practice-complete-copy--compact{margin-bottom:var(--size-10)}.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(var(--size-6));backdrop-filter:blur(var(--size-6));animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.practice-pause-card{background:var(--bg-card, var(--bg-color));border:var(--size-1) solid var(--border);border-radius:var(--size-20);padding:var(--size-36) var(--size-32) var(--size-28);max-width:var(--size-340);width:90%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--size-14);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:var(--size-64);height:var(--size-64);border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.practice-pause-title{font-size:var(--size-20);font-weight:700;margin:0}.practice-pause-stats{display:flex;flex-direction:column;align-items:center;gap:var(--size-4)}.practice-pause-stat{font-size:var(--size-14);color:var(--text-secondary)}.practice-pause-sub{font-size:var(--size-14);display:flex;gap:var(--size-12)}.practice-pause-correct{color:var(--success)}.practice-pause-wrong{color:var(--error)}.practice-pause-hint{font-size:var(--size-12);color:var(--text-tertiary);line-height:1.6;margin:0;max-width:var(--size-260)}.practice-pause-actions{display:flex;flex-direction:column;gap:var(--size-8);width:100%;margin-top:var(--size-4)}.practice-pause-resume{padding:var(--size-10) 0;background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--size-10);font-size:var(--size-16);font-weight:600;cursor:pointer;transition:background var(--transition-fast);width:100%}.practice-pause-resume:hover{background:var(--accent-hover)}.practice-pause-exit{padding:var(--size-10) 0;background:transparent;color:var(--text-secondary);border:var(--size-1) solid var(--border);border-radius:var(--size-10);font-size:var(--size-14);cursor:pointer;transition:var(--motion-transition-interactive-fast);width:100%}.practice-pause-exit:hover{background:var(--bg-tertiary);color:var(--text-primary)}.practice-game-mode{width:100%;min-height:100%;margin:0;padding:var(--size-28) var(--size-32) var(--size-40);display:grid;gap:var(--size-20);align-self:stretch;align-content:start;overflow:auto;color:var(--text-primary);position:relative}.practice-game-mode:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent-light) var(--mix-88),transparent),transparent 38%),radial-gradient(circle at top right,color-mix(in srgb,var(--info-bg) var(--mix-82),transparent),transparent 28%),linear-gradient(180deg,color-mix(in srgb,var(--surface-accent) var(--mix-42),transparent),transparent 45%);filter:blur(var(--size-16));pointer-events:none;z-index:var(--layer-underlay)}.practice-game-mode__hud,.practice-game-mode__recovery-dock,.practice-game-mode--loading,.practice-game-mode--error,.practice-game-mode--done{position:relative;z-index:var(--layer-base);border:var(--size-1) solid color-mix(in srgb,var(--border-strong) var(--mix-18),transparent);background:color-mix(in srgb,var(--surface-elevated) var(--mix-96),transparent);box-shadow:var(--shadow-floating)}.practice-game-mode__chrome{display:grid;gap:var(--size-18);min-width:0}.practice-game-mode__body{position:relative;z-index:var(--layer-base);display:grid;grid-template-columns:minmax(0,1fr) var(--size-320);gap:var(--size-20);align-items:start}.practice-game-mode__mission{min-width:0}.practice-game-mode--loading,.practice-game-mode--error,.practice-game-mode--done{width:min(100%,var(--size-720));padding:var(--size-28) var(--size-24);border-radius:var(--size-28);display:grid;gap:var(--size-8);text-align:center;justify-self:center}.practice-game-mode__hud{padding:var(--size-20) var(--size-22);border-radius:var(--size-28);display:grid;gap:var(--size-16)}.practice-game-mode__hud-brand{justify-self:start;display:inline-flex;align-items:center;gap:var(--size-8);padding:var(--size-8) var(--size-10);border:none;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface-subtle) var(--mix-92),transparent);color:inherit;cursor:pointer}.practice-game-mode__hud-brand-logo{width:var(--size-24);height:var(--size-24);border-radius:50%}.practice-game-mode__hud-copy{display:grid;gap:var(--size-4)}.practice-game-mode__hud-eyebrow,.practice-game-mode__lesson-eyebrow{font-size:var(--size-12);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.practice-game-mode__hud-copy strong{font-size:clamp(var(--size-32),5vw,var(--size-56));line-height:.96}.practice-game-mode__hud-copy span:last-child{color:var(--text-secondary);font-size:var(--size-14)}.practice-game-mode__hud-meta{display:flex;flex-wrap:wrap;gap:var(--size-8)}.practice-game-mode__hud-meta span,.practice-game-mode__lesson-chips span,.practice-game-mode__sheet-wave{padding:var(--size-8) var(--size-12);border-radius:var(--size-16);background:color-mix(in srgb,var(--surface-muted) var(--mix-88),transparent);color:var(--text-secondary);font-size:var(--size-13);font-weight:600}.practice-game-mode__lesson-card{padding:var(--size-22);border-radius:var(--size-28);border:var(--size-1) solid color-mix(in srgb,var(--surface-elevated) var(--mix-28),transparent);background:radial-gradient(circle at top right,color-mix(in srgb,var(--surface-base) var(--mix-22),transparent),transparent 34%),linear-gradient(155deg,color-mix(in srgb,var(--tone-blue) var(--mix-76),var(--info)),color-mix(in srgb,var(--info) var(--mix-72),var(--tone-blue)) 54%,color-mix(in srgb,var(--success) var(--mix-60),var(--info)));color:var(--text-inverse);display:grid;gap:var(--size-12);box-shadow:var(--shadow-floating)}.practice-game-mode__lesson-copy,.practice-game-mode__lesson-chips{display:grid;gap:var(--size-6)}.practice-game-mode__lesson-copy strong{font-size:clamp(var(--size-28),3.5vw,var(--size-38));line-height:1}.practice-game-mode__lesson-copy span:last-child{color:color-mix(in srgb,var(--text-inverse) var(--mix-82),transparent);font-size:var(--size-14)}.practice-game-mode__lesson-chips{grid-template-columns:repeat(3,minmax(0,1fr))}.practice-game-mode__lesson-chips span{background:color-mix(in srgb,var(--surface-overlay) var(--mix-26),transparent);color:var(--text-inverse);text-align:center}.practice-game-mode__recovery-dock{padding:var(--size-16);border-radius:var(--size-24);display:grid;gap:var(--size-14)}.practice-game-mode__recovery-head{display:flex;align-items:start;justify-content:space-between;gap:var(--size-12)}.practice-game-mode__recovery-head strong{display:block;font-size:var(--size-18)}.practice-game-mode__recovery-action{min-height:var(--size-40);padding:0 var(--size-14);border:none;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent) var(--mix-16),var(--surface-elevated));color:var(--accent-dark);font-weight:700;cursor:pointer}.practice-game-mode__recovery-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--size-10)}.practice-game-mode__recovery-stat{padding:var(--size-12);border-radius:var(--size-18);background:color-mix(in srgb,var(--surface-subtle) var(--mix-94),transparent);display:grid;gap:var(--size-4)}.practice-game-mode__recovery-stat span,.practice-game-mode__recovery-stat small{color:var(--text-secondary);font-size:var(--size-12)}.practice-game-mode__recovery-stat strong{font-size:var(--size-24);line-height:1}@media (min-width: 960px){.practice-game-mode__hud{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:var(--size-16)}.practice-game-mode__hud-copy{max-width:var(--size-640)}.practice-game-mode__hud-meta{justify-self:end;justify-content:end;align-content:start}.practice-game-mode__lesson-card{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--size-20)}.practice-game-mode__lesson-chips{grid-template-columns:repeat(3,minmax(var(--size-108),1fr));align-self:center}}@media (min-width: 1280px){.practice-game-mode__recovery-dock{position:sticky;top:var(--size-24);align-self:start}.practice-game-mode__recovery-stats{grid-template-columns:1fr}}@media (max-width: 1279px){.practice-game-mode{padding:var(--size-24) var(--size-20) var(--size-36)}.practice-game-mode__body{grid-template-columns:1fr}.practice-game-mode__recovery-dock{position:static}}.practice-game-mode__battle-screen{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(var(--size-400),var(--size-480));gap:var(--size-24);align-items:stretch}.practice-game-mode__scene{position:relative;min-height:clamp(var(--size-640),100vh - var(--size-320),var(--size-800));padding:var(--size-24);border-radius:var(--size-36);overflow:hidden;background:radial-gradient(circle at top,color-mix(in srgb,var(--accent-light) var(--mix-86),transparent),transparent 56%),linear-gradient(180deg,color-mix(in srgb,var(--surface-accent) var(--mix-90),var(--surface-base)) 0%,var(--surface-base) 100%);display:grid;align-content:space-between;gap:var(--size-16)}.practice-game-mode__scene--meaning,.practice-game-mode__scene--recognition{background:radial-gradient(circle at top,color-mix(in srgb,var(--warning-bg) var(--mix-78),transparent),transparent 54%),linear-gradient(180deg,color-mix(in srgb,var(--warning-bg) var(--mix-88),var(--surface-accent)),color-mix(in srgb,var(--accent) var(--mix-18),var(--warning-bg)) 18%,color-mix(in srgb,var(--warning-bg) var(--mix-60),var(--surface-base)) 60%,color-mix(in srgb,var(--surface-accent) var(--mix-78),var(--surface-base)))}.practice-game-mode__scene--listening{background:radial-gradient(circle at top,color-mix(in srgb,var(--surface-base) var(--mix-30),transparent),transparent 52%),linear-gradient(180deg,color-mix(in srgb,var(--info-bg) var(--mix-90),var(--surface-base)) 0%,color-mix(in srgb,var(--info) var(--mix-24),var(--surface-base)) 38%,var(--surface-base) 100%)}.practice-game-mode__scene--speaking,.practice-game-mode__scene--dictation,.practice-game-mode__scene--boss{background:radial-gradient(circle at top,color-mix(in srgb,var(--surface-base) var(--mix-58),transparent),transparent 50%),linear-gradient(180deg,var(--surface-base) 0%,color-mix(in srgb,var(--surface-muted) var(--mix-38),var(--surface-base)) 100%)}.practice-game-mode__scene.is-failed{background:radial-gradient(circle at top,color-mix(in srgb,var(--surface-accent) var(--mix-92),transparent),transparent 52%),linear-gradient(180deg,color-mix(in srgb,var(--surface-accent) var(--mix-82),var(--surface-base)) 0%,var(--surface-base) 100%)}.practice-game-mode__scene-image,.practice-game-mode__scene-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.practice-game-mode__scene-image{width:100%;height:100%;object-fit:cover}.practice-game-mode__scene-overlay{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-base) var(--mix-18),transparent),color-mix(in srgb,var(--surface-base) var(--mix-56),transparent) 46%,color-mix(in srgb,var(--surface-base) var(--mix-94),transparent))}.practice-game-mode__scene-head,.practice-game-mode__token-row{position:relative;z-index:var(--layer-raised)}.practice-game-mode__scene-head{display:flex;align-items:center;justify-content:space-between;gap:var(--size-8)}.practice-game-mode__scene-head span,.practice-game-mode__scene-caption span,.practice-game-mode__choice span,.practice-game-mode__scene-coach span,.practice-game-mode__scene-coach small,.practice-game-mode__error,.practice-game-mode__banner{font-size:var(--size-13)}.practice-game-mode__scene-head span,.practice-game-mode__scene-audio{padding:var(--size-8) var(--size-12);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface-base) var(--mix-70),transparent);-webkit-backdrop-filter:blur(var(--size-12));backdrop-filter:blur(var(--size-12))}.practice-game-mode__scene-head span{color:var(--text-secondary);font-weight:700}.practice-game-mode__scene-bubble,.practice-game-mode__scene-coach{position:relative;z-index:var(--layer-raised);justify-self:center;width:min(100%,var(--size-480));padding:var(--size-20) var(--size-24);border-radius:var(--size-24);background:color-mix(in srgb,var(--surface-base) var(--mix-78),transparent);-webkit-backdrop-filter:blur(var(--size-16));backdrop-filter:blur(var(--size-16));display:grid;gap:var(--size-6);text-align:center;box-shadow:var(--shadow-floating)}.practice-game-mode__scene-bubble strong,.practice-game-mode__scene-coach strong{font-size:clamp(var(--size-28),8vw,var(--size-44));line-height:.95}.practice-game-mode__scene-bubble span,.practice-game-mode__scene-caption span,.practice-game-mode__scene-coach span,.practice-game-mode__scene-coach small,.practice-game-mode__choice span,.practice-game-mode__sheet-eyebrow,.practice-game-mode__error{color:var(--text-secondary)}.practice-game-mode__scene-coach{min-width:min(72%,var(--size-320))}.practice-game-mode__scene-coach.is-large{margin-top:auto}.practice-game-mode__scene-audio{position:relative;z-index:var(--layer-raised);justify-self:center;border:none;color:var(--text-primary);font-weight:700;cursor:pointer}.practice-game-mode__scene-caption{position:relative;z-index:var(--layer-raised);display:grid;gap:var(--size-4)}.practice-game-mode__scene-caption strong{font-size:var(--size-22);line-height:1.4}.practice-game-mode__token-row{display:flex;flex-wrap:wrap;gap:var(--size-8)}.practice-game-mode__token-chip{padding:var(--size-8) var(--size-12);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface-base) var(--mix-74),transparent);font-size:var(--size-13);font-weight:700}.practice-game-mode__sheet{position:relative;z-index:var(--layer-above);padding:var(--size-24);border-radius:var(--size-36);background:color-mix(in srgb,var(--surface-elevated) var(--mix-98),transparent);border:var(--size-1) solid color-mix(in srgb,var(--border-strong) var(--mix-16),transparent);box-shadow:var(--shadow-floating);display:grid;gap:var(--size-16);min-height:100%;align-content:start}.practice-game-mode__sheet-head{display:flex;align-items:start;justify-content:space-between;gap:var(--size-12)}.practice-game-mode__sheet-head strong{display:block;margin-top:var(--size-4);font-size:var(--size-26);line-height:1.25}.practice-game-mode__dimension-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--size-8)}.practice-game-mode__dimension-chip{padding:var(--size-10) var(--size-8);border-radius:var(--size-18);background:color-mix(in srgb,var(--surface-muted) var(--mix-90),transparent);display:grid;gap:var(--size-4);text-align:center}.practice-game-mode__dimension-chip span{color:var(--text-secondary);font-size:var(--size-12)}.practice-game-mode__dimension-chip strong{font-size:var(--size-18);line-height:1}.practice-game-mode__dimension-chip.is-active{background:color-mix(in srgb,var(--accent-light) var(--mix-94),transparent);box-shadow:inset 0 0 0 var(--size-1) color-mix(in srgb,var(--accent) var(--mix-30),transparent)}.practice-game-mode__dimension-chip.is-passed{background:color-mix(in srgb,var(--success-bg) var(--mix-90),transparent);color:var(--success-strong)}.practice-game-mode__task,.practice-game-mode__button-row,.practice-game-mode__input-row{display:grid;gap:var(--size-12)}.practice-game-mode__callout{padding:var(--size-18);border-radius:var(--size-22);background:color-mix(in srgb,var(--surface-subtle) var(--mix-94),transparent);font-size:clamp(var(--size-30),8vw,var(--size-40));font-weight:800;text-align:center}.practice-game-mode__choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--size-10)}.practice-game-mode__choice{padding:var(--size-14);border:var(--size-2) solid color-mix(in srgb,var(--border-strong) var(--mix-20),transparent);border-radius:var(--size-18);background:color-mix(in srgb,var(--surface-subtle) var(--mix-96),transparent);display:grid;gap:var(--size-4);text-align:left;cursor:pointer}.practice-game-mode__choice strong{font-size:var(--size-16);line-height:1.45}.practice-game-mode__choice.is-selected{border-color:color-mix(in srgb,var(--accent) var(--mix-40),transparent);background:color-mix(in srgb,var(--accent-light) var(--mix-94),transparent)}.practice-game-mode__input-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.practice-game-mode__input{min-height:var(--size-48);padding:0 var(--size-14);border:var(--size-1) solid color-mix(in srgb,var(--border-strong) var(--mix-26),transparent);border-radius:var(--size-16);background:var(--surface-elevated);font-size:var(--size-16)}.practice-game-mode__action,.practice-game-mode__button-row button{min-height:var(--size-48);padding:0 var(--size-18);border:none;border-radius:var(--size-16);background:linear-gradient(180deg,color-mix(in srgb,var(--success) var(--mix-70),var(--success-bg)) 0%,var(--success) 100%);color:var(--surface-base);font-size:var(--size-15);font-weight:800;cursor:pointer}.practice-game-mode__action.is-secondary{background:color-mix(in srgb,var(--surface-muted) var(--mix-92),transparent);color:var(--text-primary)}.practice-game-mode__banner,.practice-game-mode__error{padding:var(--size-10) var(--size-12);border-radius:var(--size-16);font-weight:700}.practice-game-mode__banner.is-success{background:color-mix(in srgb,var(--success-bg) var(--mix-92),transparent);color:var(--success-strong)}.practice-game-mode__banner.is-warning{background:color-mix(in srgb,var(--accent-light) var(--mix-96),transparent);color:var(--accent-dark)}.practice-game-mode__error{background:color-mix(in srgb,var(--error-bg) var(--mix-94),transparent);color:var(--error-strong)}.practice-pronunciation{justify-self:start;width:100%}@media (max-width: 1180px){.practice-game-mode__battle-screen{grid-template-columns:minmax(0,1fr)}.practice-game-mode__scene{min-height:var(--size-560)}.practice-game-mode__sheet{min-height:auto}}@media (max-width: 960px){.practice-game-mode{padding:var(--size-16) var(--size-16) var(--size-32)}.practice-game-mode__hud,.practice-game-mode__lesson-card,.practice-game-mode__recovery-dock{border-radius:var(--size-24)}.practice-game-mode__scene{min-height:var(--size-520);padding:var(--size-16)}.practice-game-mode__sheet{margin-top:calc(var(--size-72) * -1);margin-inline:var(--size-8);padding:var(--size-18)}.practice-game-mode__choice-grid{grid-template-columns:1fr}}@media (max-width: 640px){.practice-game-mode{width:100%;padding:var(--size-14) var(--size-10) var(--size-28)}.practice-game-mode__lesson-chips,.practice-game-mode__recovery-stats,.practice-game-mode__dimension-row{grid-template-columns:1fr}.practice-game-mode__scene{min-height:var(--size-480);padding:var(--size-14)}.practice-game-mode__sheet{margin-top:calc(var(--size-64) * -1);margin-inline:0;padding:var(--size-16)}.practice-game-mode__sheet-head,.practice-game-mode__recovery-head{flex-direction:column}.practice-game-mode__input-row{grid-template-columns:1fr}}.practice-resume-overlay{position:relative;display:flex;flex-direction:column;gap:var(--size-12);padding:var(--size-2) 0 0}.practice-resume-overlay__close{position:absolute;top:calc(var(--size-10) * -1);right:calc(var(--size-10) * -1);width:var(--size-28);height:var(--size-28);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:var(--size-16);height:var(--size-16)}.practice-resume-overlay__message-row{display:flex;gap:var(--size-10);align-items:center;padding-right:var(--size-18);min-height:var(--size-28)}.practice-resume-overlay__status{width:var(--size-18);height:var(--size-18);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);flex-shrink:0;margin-top:var(--size-2)}.practice-resume-overlay__status svg{width:var(--size-18);height:var(--size-18)}.practice-resume-overlay__message{margin:0;font-size:var(--size-14);line-height:1.55;color:var(--text-secondary)}.practice-resume-overlay__actions{display:flex;justify-content:flex-end;gap:var(--size-10)}.practice-resume-overlay__button{min-width:var(--size-92)}.practice-resume-overlay__button--primary{box-shadow:var(--shadow-sm)}@media (max-width: 480px){.practice-resume-overlay__message-row{padding-right:var(--size-12);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:var(--size-24);width:min(100%,var(--size-760));min-height:70vh;margin:0 auto;padding:clamp(var(--size-48),9vh,var(--size-84)) var(--space-lg) var(--space-2xl);text-align:center}.practice-round-summary__eyebrow{font-size:var(--size-14);font-weight:700;letter-spacing:.08em;color:var(--text-tertiary)}.practice-round-summary__title{font-size:clamp(var(--size-32),4vw,var(--size-44));font-weight:800;line-height:1.05;color:var(--text-primary)}.practice-round-summary__stats{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--size-24) var(--size-40)}.practice-round-summary__stat{display:flex;flex-direction:column;align-items:center;gap:var(--size-6);min-width:var(--size-92)}.practice-round-summary__stat-value{font-size:clamp(var(--size-34),4vw,var(--size-48));font-weight:800;line-height:1;color:var(--text-primary)}.practice-round-summary__stat-label{font-size:var(--size-14);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:var(--size-540);font-size:var(--size-14);line-height:1.7;color:var(--text-secondary)}.practice-round-summary__section{width:100%;max-width:var(--size-540);text-align:left}.practice-round-summary__section-title{margin-bottom:var(--size-12);font-size:var(--size-14);font-weight:700;letter-spacing:.06em;color:var(--text-tertiary)}.practice-round-summary__chips{display:flex;flex-wrap:wrap;gap:var(--size-8)}.practice-round-summary__chip{padding:var(--size-6) var(--size-12);border-radius:var(--radius-pill);border:var(--size-1) solid var(--border);background:var(--bg-color);font-size:var(--size-14);color:var(--text-primary)}.practice-round-summary__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--size-12)}.practice-round-summary__action{min-width:var(--size-148);padding:var(--size-12) var(--size-24);border-radius:var(--radius-lg);border:var(--size-2) solid var(--accent);font-size:var(--size-14);font-weight:700;cursor:pointer;transition:var(--motion-transition-interactive-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(calc(var(--size-1) * -1))}.practice-round-summary__action--secondary{background:transparent;color:var(--accent)}.practice-round-summary__action--secondary:hover{background:color-mix(in srgb,var(--accent) var(--mix-10),transparent)}@media (max-width: 640px){.practice-round-summary{gap:var(--size-20);padding-inline:var(--space-md)}.practice-round-summary__stats{gap:var(--size-20) var(--size-24)}.practice-round-summary__action{width:100%}}.confusable-shell{--match-neon: color-mix(in srgb, var(--success) var(--mix-78), var(--tone-blue) var(--mix-22));--match-neon-rgb: 15, 159, 121;--match-danger: color-mix(in srgb, var(--error) var(--mix-90), var(--accent) var(--mix-10));--match-danger-rgb: 255, 90, 103;--match-danger-ink: color-mix(in srgb, var(--error) var(--mix-88), var(--text-primary));background:linear-gradient(180deg,color-mix(in srgb,var(--surface-subtle) var(--mix-96),transparent),var(--bg-secondary))}.confusable-ctrl-bar{min-height:var(--size-42);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:var(--size-36);padding:0}.confusable-shell .practice-ctrl-brand-logo{width:var(--size-24);height:var(--size-24);border-radius:var(--size-8)}.confusable-shell .practice-ctrl-brand-text{font-size:var(--size-16);font-weight:800}.confusable-shell .practice-ctrl-right{gap:.4rem}.confusable-shell .practice-ctrl-icon-btn{height:var(--size-36);min-height:var(--size-36);padding:0 var(--size-12);border-radius:var(--size-12)}.confusable-shell .practice-mode-btn{padding-inline:var(--size-12)}.confusable-shell .practice-mode-label{font-size:var(--size-12)}.confusable-shell .practice-ctx-arrow{width:var(--size-12);height:var(--size-12)}.confusable-stage{flex:1;display:flex;flex-direction:column;gap:var(--size-10);min-height:0;width:min(var(--size-1420),100%);margin:0 auto;padding:var(--size-10)}.confusable-board{flex:1;min-height:0}.confusable-workspace{display:flex;min-height:100%}.confusable-focus-panel{width:100%;min-height:0;padding:var(--size-12);border:var(--size-1) solid color-mix(in srgb,var(--border) var(--mix-88),transparent);border-radius:var(--size-24);background:color-mix(in srgb,var(--surface-elevated) var(--mix-96),transparent);box-shadow:0 var(--size-16) var(--size-40) color-mix(in srgb,var(--text-primary) var(--mix-5),transparent)}.confusable-focus-panel:before{content:"";display:block;width:100%;height:var(--size-3);margin-bottom:var(--size-12);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--confusable-group-accent) var(--mix-82),transparent)}.confusable-focus-panel.is-completed{border-color:color-mix(in srgb,var(--confusable-group-accent) var(--mix-22),var(--border))}.confusable-focus-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--size-16);margin-bottom:var(--size-14)}.confusable-focus-copy{min-width:0}.confusable-focus-kicker{display:inline-flex;align-items:center;min-height:var(--size-22);padding:0 var(--size-8);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--confusable-group-accent) var(--mix-10),var(--surface-subtle));color:color-mix(in srgb,var(--confusable-group-accent) var(--mix-72),var(--text-primary));font-size:var(--size-12);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.confusable-focus-copy h2{margin:var(--size-10) 0 var(--size-6);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:var(--size-92);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:conic-gradient(color-mix(in srgb,var(--confusable-group-accent) var(--mix-82),transparent) calc(var(--confusable-progress-ratio) * 1turn),color-mix(in srgb,var(--surface-muted) var(--mix-94),transparent) 0turn)}.confusable-progress-ring:before{content:"";position:absolute;inset:var(--size-8);border-radius:50%;background:color-mix(in srgb,var(--surface-elevated) var(--mix-98),transparent);box-shadow:inset 0 0 0 var(--size-1) color-mix(in srgb,var(--border) var(--mix-84),transparent)}.confusable-progress-ring__core{position:relative;z-index:var(--layer-raised);display:flex;flex-direction:column;align-items:center;gap:var(--size-2)}.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) var(--size-320);gap:var(--size-12);min-height:min(66vh,var(--size-720))}.confusable-group-board{position:relative;min-height:0;padding:var(--size-4) 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:var(--size-4);stroke-linecap:round;stroke-linejoin:round;fill:none}.confusable-line--success{stroke:color-mix(in srgb,var(--confusable-group-accent) var(--mix-78),var(--success));filter:drop-shadow(0 0 var(--size-10) color-mix(in srgb,var(--confusable-group-accent) var(--mix-38),transparent));animation:confusable-line-pop .9s ease forwards}.confusable-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--size-12)}.confusable-card{position:relative;min-height:var(--size-112);padding:var(--size-12);border:var(--size-1) solid color-mix(in srgb,var(--border) var(--mix-86),transparent);border-radius:var(--size-18);background:color-mix(in srgb,var(--surface-elevated) var(--mix-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:var(--size-10) auto var(--size-10) 0;width:var(--size-3);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--confusable-group-accent) var(--mix-80),transparent)}.confusable-card:hover{transform:translateY(calc(var(--size-2) * -1));border-color:color-mix(in srgb,var(--confusable-group-accent) var(--mix-24),var(--border-hover));box-shadow:0 var(--size-12) var(--size-28) color-mix(in srgb,var(--text-primary) var(--mix-7),transparent)}.confusable-card.is-selected{transform:translateY(calc(var(--size-2) * -1));border-color:color-mix(in srgb,var(--confusable-group-accent) var(--mix-54),var(--border-focus));box-shadow:0 0 0 var(--size-4) color-mix(in srgb,var(--confusable-group-accent) var(--mix-10),transparent)}.confusable-card.is-success{border-color:color-mix(in srgb,var(--success) var(--mix-62),var(--confusable-group-accent));box-shadow:0 0 0 var(--size-4) color-mix(in srgb,var(--success) var(--mix-12),transparent),0 var(--size-16) var(--size-28) color-mix(in srgb,var(--success) var(--mix-16),transparent);animation:confusable-green-flash .8s ease}.confusable-card.is-error{border-color:var(--match-danger);box-shadow:0 0 0 var(--size-4) color-mix(in srgb,var(--match-danger) var(--mix-10),transparent),0 var(--size-10) var(--size-18) color-mix(in srgb,var(--match-danger) var(--mix-16),transparent);animation:confusable-red-pulse .2s ease-in-out 2}.confusable-side-rail{display:flex;flex-direction:column;gap:var(--size-12)}.confusable-insight-panel,.confusable-queue-panel{padding:var(--size-12);border:var(--size-1) solid color-mix(in srgb,var(--border) var(--mix-86),transparent);border-radius:var(--size-18);background:color-mix(in srgb,var(--surface-subtle) var(--mix-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(calc(var(--size-2) * -1));border-color:color-mix(in srgb,var(--confusable-group-accent) var(--mix-28),var(--border))}.confusable-side-kicker{display:inline-flex;margin-bottom:var(--size-8);color:var(--text-tertiary);font-size:var(--size-12);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.confusable-insight-panel strong{display:block;margin-bottom:var(--size-8);color:var(--text-primary);font-size:.98rem;line-height:1.35}.confusable-insight-panel p{margin:0 0 var(--size-12);color:var(--text-secondary);line-height:1.6}.confusable-insight-list{display:grid;gap:var(--size-10)}.confusable-insight-item{display:grid;gap:var(--size-4);padding-top:var(--size-10);border-top:var(--size-1) solid color-mix(in srgb,var(--border-subtle) var(--mix-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:var(--size-10)}.confusable-queue-item{padding:var(--size-10) var(--size-10) var(--size-10) var(--size-12);border-radius:var(--size-14);background:color-mix(in srgb,var(--surface-elevated) var(--mix-94),transparent);box-shadow:inset var(--size-3) 0 0 color-mix(in srgb,var(--confusable-group-accent) var(--mix-74),transparent)}.confusable-queue-item strong,.confusable-queue-item span{display:block}.confusable-queue-item strong{margin-bottom:var(--size-4);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:var(--size-10)}.confusable-focus-head{flex-direction:column}.confusable-progress-ring{width:var(--size-84)}.confusable-card-grid{grid-template-columns:1fr}}@keyframes confusable-green-flash{0%,to{transform:translateY(calc(var(--size-2) * -1));box-shadow:0 0 0 var(--size-4) rgba(var(--match-neon-rgb),var(--alpha-10)),0 var(--size-12) var(--size-28) rgba(var(--match-neon-rgb),var(--alpha-16))}50%{transform:translateY(calc(var(--size-3) * -1));box-shadow:0 0 0 var(--size-6) rgba(var(--match-neon-rgb),var(--alpha-16)),0 var(--size-18) var(--size-30) rgba(var(--match-neon-rgb),var(--alpha-24))}}@keyframes confusable-red-pulse{0%,to{transform:translate(0)}25%{transform:translate(calc(var(--size-4) * -1))}75%{transform:translate(var(--size-4))}}@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:var(--size-22);margin-bottom:var(--size-10);padding:0 var(--size-8);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--confusable-group-accent) var(--mix-10),var(--surface-subtle));color:color-mix(in srgb,var(--confusable-group-accent) var(--mix-74),var(--text-primary));font-size:var(--size-10);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.confusable-card-word,.confusable-card-definition{display:block;padding-left:var(--size-6)}.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) var(--mix-80),var(--text-primary))}.confusable-card-phonetic{display:block;padding-left:var(--size-6);margin-top:var(--size-8);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:var(--size-1) solid color-mix(in srgb,var(--match-neon) var(--mix-14),var(--border));border-radius:var(--size-18);background:color-mix(in srgb,var(--surface-elevated) var(--mix-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:var(--size-196);border-radius:var(--size-20);border-color:color-mix(in srgb,var(--match-neon) var(--mix-18),var(--border));background:color-mix(in srgb,var(--surface-elevated) var(--mix-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,var(--size-320));overflow:auto;padding:.85rem;border:var(--size-1) solid color-mix(in srgb,var(--match-neon) var(--mix-14),var(--border));border-radius:var(--size-22);background:color-mix(in srgb,var(--surface-muted) var(--mix-98),transparent)}.confusable-custom-preview-row+.confusable-custom-preview-row{margin-top:.8rem;padding-top:.8rem;border-top:var(--size-1) 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:var(--size-28);padding:0 .7rem;border-radius:var(--radius-pill);background:rgba(var(--match-neon-rgb),var(--alpha-14));color:color-mix(in srgb,var(--match-neon) var(--mix-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:var(--size-34);padding:0 .8rem;border:var(--size-1) solid color-mix(in srgb,var(--text-primary) var(--mix-8),transparent);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface-elevated) var(--mix-96),transparent);color:var(--text-primary);font-size:.9rem;font-weight:700}.confusable-custom-empty{padding:1.4rem 1rem;border-radius:var(--size-18);background:color-mix(in srgb,var(--surface-elevated) var(--mix-72),transparent);color:var(--text-secondary);text-align:center}.confusable-custom-error{padding:.9rem 1rem;border:var(--size-1) solid rgba(var(--match-danger-rgb),var(--alpha-22));border-radius:var(--size-18);background:color-mix(in srgb,var(--error-light) var(--mix-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:var(--size-120);min-height:var(--size-44);padding:.8rem 1rem;border-radius:var(--radius-pill);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:var(--size-1) solid var(--border);background:color-mix(in srgb,var(--surface-elevated) var(--mix-90),transparent);color:var(--text-primary)}.confusable-custom-btn--primary{border:var(--size-1) solid rgba(var(--match-neon-rgb),var(--alpha-24));background:linear-gradient(135deg,rgba(var(--match-neon-rgb),var(--alpha-22)),rgba(var(--success-rgb),var(--alpha-78)));color:color-mix(in srgb,var(--success) var(--mix-58),var(--text-primary));box-shadow:0 var(--size-14) var(--size-28) rgba(var(--success-rgb),var(--alpha-22))}.confusable-custom-btn:not(:disabled):hover{transform:translateY(calc(var(--size-1) * -1))}.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),var(--alpha-8)),color-mix(in srgb,var(--text-primary) var(--mix-14),transparent));animation:confusable-warning-fade .9s ease}.confusable-warning-card{display:inline-flex;flex-direction:column;gap:.35rem;min-width:min(88vw,var(--size-420));padding:1rem 1.1rem;border:var(--size-1) solid rgba(var(--match-danger-rgb),var(--alpha-22));border-radius:var(--size-20);background:color-mix(in srgb,var(--error-light) var(--mix-42),var(--surface-elevated));color:var(--text-primary);box-shadow:var(--shadow-overlay);-webkit-backdrop-filter:blur(var(--size-8));backdrop-filter:blur(var(--size-8))}.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(var(--size-520), 42vw, var(--size-680))}.practice-ctrl-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--size-12) var(--size-18);min-height:var(--size-56);background:transparent;border-bottom:none;position:sticky;top:0;z-index:var(--layer-sticky);gap:var(--size-14);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.practice-ctrl-brand{display:inline-flex;align-items:center;gap:var(--size-12);padding:var(--size-8) var(--size-4) var(--size-8) 0;border:none;background:transparent;color:var(--text-primary);cursor:pointer;flex-shrink:0}.practice-ctrl-brand-logo{width:var(--size-31);height:var(--size-31);object-fit:contain;border-radius:var(--size-8)}.practice-ctrl-brand-text{font-size:var(--size-18);font-weight:800;letter-spacing:-.03em}.practice-ctx-label{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--size-16);font-weight:700;color:var(--text-primary);padding:var(--size-12) var(--size-16);border-radius:var(--radius-pill);background:var(--surface-hover)}.practice-ctrl-count{font-size:var(--size-14);font-weight:600;color:var(--text-secondary);background:color-mix(in srgb,var(--surface-elevated) var(--mix-78),transparent);padding:var(--size-4) var(--size-10);border-radius:var(--radius-full);white-space:nowrap}.practice-ctx-arrow{width:var(--size-14);height:var(--size-14);color:var(--text-tertiary);flex-shrink:0;transition:transform var(--transition-fast)}.practice-ctrl-right{display:flex;align-items:center;gap:var(--size-12);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:var(--size-6);background:color-mix(in srgb,var(--surface-elevated) var(--mix-94),transparent);border:var(--size-1) solid color-mix(in srgb,var(--surface-border-strong) var(--mix-86),var(--text-inverse) var(--mix-14));color:var(--text-secondary);font-size:var(--size-14);font-weight:600;padding:var(--size-12) var(--size-14);border-radius:var(--size-16);cursor:pointer;transition:var(--motion-transition-interactive-fast);box-shadow:var(--shadow-sm);white-space:nowrap}.practice-ctrl-icon-btn svg{width:var(--size-18);height:var(--size-18);flex-shrink:0}.practice-ctrl-icon-btn:hover,.radio-quick-btn:hover{background:var(--surface-hover);color:var(--accent);transform:translateY(calc(var(--size-1) * -1))}.practice-ctrl-icon-btn.active{background:var(--surface-active);color:var(--accent);border-color:color-mix(in srgb,var(--accent) var(--mix-25),var(--surface-border-strong));box-shadow:var(--glow-accent)}.practice-mode-btn{padding-inline:var(--size-16)}.practice-mode-label{font-size:var(--size-14);font-weight:700}.popover-radio-panel,.popover-ctx-panel,.popover-mode-panel{background:color-mix(in srgb,var(--surface-elevated) var(--mix-98),transparent);border:var(--size-1) solid var(--surface-border-strong);border-radius:var(--size-18);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(var(--size-16));backdrop-filter:blur(var(--size-16));overflow:hidden}.popover-radio-panel{min-width:var(--size-96)}.popover-ctx-scroll{max-height:var(--size-320)}.popover-option{display:flex;align-items:center;gap:var(--size-10);width:100%;padding:var(--size-12) var(--size-16);background:none;border:none;font-size:var(--size-16);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:var(--size-16);height:var(--size-16);border-radius:50%;border:var(--size-2) solid var(--border);flex-shrink:0;transition:var(--motion-transition-interactive-fast)}.ctx-radio.checked{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 calc(var(--size-5) / 2) var(--bg-color)}.popover-loading{padding:var(--size-24) var(--size-16);font-size:var(--size-16);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) var(--mix-98),transparent);border-left:var(--size-1) solid var(--surface-border-strong);border-radius:var(--size-24) 0 0 var(--size-24);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(var(--size-16));backdrop-filter:blur(var(--size-16));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(var(--size-24) + env(safe-area-inset-top,0px)) var(--size-24) var(--size-20);border-bottom:var(--size-1) solid var(--surface-border-strong);flex-shrink:0;position:sticky;top:0;background:color-mix(in srgb,var(--surface-elevated) var(--mix-98),transparent);z-index:var(--layer-raised)}.wordlist-title{font-size:var(--size-20);font-weight:800;color:var(--text-primary)}.wordlist-total{font-size:var(--size-14);color:var(--text-secondary);background:var(--surface-hover);padding:var(--size-5) var(--size-12);border-radius:var(--radius-full)}.wordlist-close{margin-left:auto;width:var(--size-40);height:var(--size-40);background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:0;border-radius:var(--size-10);display:flex;align-items:center;justify-content:center;transition:var(--motion-transition-interactive-fast)}.wordlist-close:hover{background:var(--surface-hover);color:var(--accent)}.wordlist-close svg{width:var(--size-20);height:var(--size-20)}.wordlist-body{flex:1;overflow-y:auto;padding:var(--size-12) 0 calc(var(--size-28) + env(safe-area-inset-bottom,0px));overscroll-behavior:contain}.wordlist-item{display:flex;align-items:flex-start;gap:var(--size-14);padding:var(--size-16) var(--size-22);border-left:var(--size-4) solid transparent;transition:var(--motion-transition-interactive-fast)}.wordlist-item:hover{background:color-mix(in srgb,var(--accent) var(--mix-5),var(--surface-elevated))}.wordlist-item.current{background:color-mix(in srgb,var(--success-light) var(--mix-88),var(--surface-elevated));border-left-color:var(--success)}.wordlist-item.current:hover{background:color-mix(in srgb,var(--success-light) var(--mix-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:var(--size-22);display:flex;align-items:center;justify-content:center;padding-top:var(--size-5)}.wl-dot{display:inline-block;width:var(--size-10);height:var(--size-10);border-radius:var(--radius-full)}.wl-dot-current{background:var(--success);box-shadow:0 0 0 var(--size-5) color-mix(in srgb,var(--success) var(--mix-18),transparent)}.wl-dot-pending{background:var(--border)}.wl-icon{width:var(--size-16);height:var(--size-16)}.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:var(--size-20);font-weight:700;line-height:1.35;color:var(--text-primary);margin-bottom:var(--size-5)}.wordlist-phonetic{font-size:var(--size-16);line-height:1.4;color:var(--text-tertiary);margin-bottom:var(--size-5)}.wordlist-def{font-size:var(--size-16);line-height:1.6;color:var(--text-secondary);display:flex;align-items:baseline;gap:var(--size-8);flex-wrap:wrap}@media (max-width: 640px){.practice-ctrl-bar{padding:var(--size-8) var(--size-10)}.practice-ctrl-brand-text{font-size:var(--size-14)}.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:var(--size-12);flex-shrink:0;align-self:center;margin-left:auto;padding-left:var(--size-14)}.wordlist-action-btn{width:var(--size-40);height:var(--size-40);min-width:var(--size-40);padding:0;display:inline-flex;align-items:center;justify-content:center;border:var(--size-1) solid var(--surface-border-strong);border-radius:var(--size-10);background:color-mix(in srgb,var(--surface-elevated) var(--mix-90),transparent);color:var(--text-tertiary);cursor:pointer;transition:var(--motion-transition-interactive-fast)}.wordlist-action-btn--familiar{font-size:var(--size-14);font-weight:700;letter-spacing:.01em}.wordlist-action-btn:hover:not(:disabled){transform:translateY(calc(var(--size-1) * -1));color:var(--text-primary);border-color:color-mix(in srgb,var(--accent) var(--mix-28),var(--surface-border-strong));background:var(--surface-hover)}.wordlist-action-btn:disabled{cursor:wait;opacity:.72}.wordlist-action-btn svg{width:var(--size-20);height:var(--size-20);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) var(--mix-32),var(--surface-border-strong));background:color-mix(in srgb,var(--success-light) var(--mix-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) var(--mix-32),var(--surface-border-strong));background:color-mix(in srgb,var(--chart-series-5) var(--mix-12),var(--surface-elevated))}.wordlist-action-btn.is-pending{box-shadow:inset 0 0 0 var(--size-1) color-mix(in srgb,var(--accent) var(--mix-18),transparent)}.wordlist-item-main{flex:1;min-width:0;display:flex;align-items:flex-start;gap:var(--size-12);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:var(--size-16)}.wordlist-item.is-detail-selected{background:var(--surface-hover);border-left-color:color-mix(in srgb,var(--accent) var(--mix-72),var(--surface-elevated))}.wordlist-item.current.is-detail-selected{background:color-mix(in srgb,var(--success-light) var(--mix-88),var(--surface-elevated));border-left-color:var(--success)}.wordlist-detail-panel{position:fixed;top:var(--size-18);right:calc(var(--practice-wordlist-panel-width) + var(--size-20));width:min(var(--size-760),100vw - var(--practice-wordlist-panel-width) - var(--size-40));max-width:calc(100vw - var(--practice-wordlist-panel-width) - var(--size-40));height:calc(100dvh - var(--size-36));max-height:calc(100dvh - var(--size-36));z-index:var(--layer-global-search);display:flex;flex-direction:column;border-radius:var(--size-24);border:var(--size-1) solid color-mix(in srgb,var(--surface-border-strong) var(--mix-92),transparent);background:color-mix(in srgb,var(--surface-elevated) var(--mix-98),transparent);box-shadow:var(--shadow-overlay);-webkit-backdrop-filter:blur(var(--size-16));backdrop-filter:blur(var(--size-16));overflow:hidden}.wordlist-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--size-16);padding:var(--size-20) var(--size-22) var(--size-16);border-bottom:var(--size-1) solid color-mix(in srgb,var(--surface-border-strong) var(--mix-85),transparent);background:color-mix(in srgb,var(--surface-elevated) var(--mix-98),transparent)}.wordlist-detail-heading{display:flex;flex-direction:column;min-width:0}.wordlist-detail-eyebrow{color:var(--text-tertiary);font-size:var(--size-14);letter-spacing:.04em}.wordlist-detail-actions{display:flex;align-items:center;gap:var(--size-10);flex-shrink:0}.wordlist-detail-status{padding:var(--size-5) var(--size-10);border-radius:var(--radius-pill);background:var(--surface-hover);color:var(--accent);font-size:var(--size-14);font-weight:600}.wordlist-detail-status--fallback{background:color-mix(in srgb,var(--warning) var(--mix-14),transparent);color:var(--warning)}.wordlist-detail-close{width:var(--size-40);height:var(--size-40);display:inline-flex;align-items:center;justify-content:center;padding:0;border:var(--size-1) solid color-mix(in srgb,var(--surface-border-strong) var(--mix-84),transparent);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface-floating) var(--mix-88),transparent);color:var(--text-tertiary);cursor:pointer;transition:var(--motion-transition-interactive-fast)}.wordlist-detail-close:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) var(--mix-40),transparent)}.wordlist-detail-close svg{width:var(--size-18);height:var(--size-18)}.wordlist-detail-body{flex:1;min-height:0;padding:0 var(--size-16) var(--size-16) 0}.wordlist-detail-body .global-word-search-detail{height:100%;max-height:none;border:none;border-radius:0;background:transparent;padding:var(--size-18) var(--size-8) var(--size-18) var(--size-22)}@media (max-width: 1024px){.wordlist-detail-panel{top:0;right:0;width:min(var(--size-760),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(var(--size-18) + env(safe-area-inset-top,0px))}.wordlist-detail-body{padding-bottom:calc(var(--size-14) + env(safe-area-inset-bottom,0px))}}.errors-overview{display:flex;flex-direction:column;gap:var(--size-10)}.errors-overview-card{display:flex;flex-direction:column;gap:var(--size-14)}.errors-overview-head{display:flex;align-items:center;justify-content:space-between;gap:var(--size-12);flex-wrap:wrap}.errors-overview-eyebrow{margin:0 0 var(--size-4);font-size:var(--size-12);font-weight:700;color:var(--accent);letter-spacing:.08em}.errors-overview-title{margin:0;font-size:var(--size-18);line-height:1.2;color:var(--text-primary)}.errors-overview-focus{display:inline-flex;align-items:center;min-height:var(--size-32);padding:0 var(--size-14);border:var(--size-1) solid color-mix(in srgb,var(--accent) var(--mix-24),var(--border));border-radius:var(--radius-full);background:color-mix(in srgb,var(--accent) var(--mix-10),var(--bg-secondary));color:var(--text-primary);font-size:var(--size-12);font-weight:700}.errors-journey-track,.errors-journey-labels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--size-8)}.errors-journey-segment{display:block;min-height:var(--size-16);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) var(--mix-32),var(--bg-secondary))}.errors-journey-segment--warning{background:color-mix(in srgb,var(--warning) var(--mix-70),var(--bg-color))}.errors-journey-segment--accent{background:color-mix(in srgb,var(--accent) var(--mix-80),var(--bg-color))}.errors-journey-segment--success{background:color-mix(in srgb,var(--success) var(--mix-78),var(--bg-color))}.errors-journey-segment.is-complete{opacity:.78}.errors-journey-segment.is-active{opacity:1;transform:translateY(calc(var(--size-1) * -1));box-shadow:0 0 0 var(--size-2) color-mix(in srgb,var(--accent) var(--mix-18),transparent)}.errors-journey-label{display:flex;flex-direction:column;gap:var(--size-4);min-width:0;color:var(--text-secondary)}.errors-journey-label strong{font-size:var(--size-14);line-height:1.3;color:var(--text-primary)}.errors-journey-step{font-size:var(--size-12);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:var(--size-16)}.errors-overview-focus{min-height:var(--size-28);padding:0 var(--size-12)}.errors-journey-track,.errors-journey-labels{gap:var(--size-6)}.errors-journey-label strong{font-size:var(--size-12)}}.errors-faq-card{display:flex;flex-direction:column;gap:var(--size-10)}.errors-faq-head{display:flex;align-items:center;justify-content:space-between;gap:var(--size-10)}.errors-faq-eyebrow{margin:0 0 var(--size-4);font-size:var(--size-12);font-weight:700;color:var(--text-secondary);letter-spacing:.08em}.errors-faq-title{margin:0;font-size:var(--size-16);line-height:1.2;color:var(--text-primary)}.errors-faq-list{display:flex;flex-direction:column;gap:var(--size-8)}.errors-faq-item{border:var(--size-1) 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) var(--mix-24),var(--border));box-shadow:0 0 0 var(--size-1) color-mix(in srgb,var(--accent) var(--mix-12),transparent)}.errors-faq-question{display:flex;align-items:center;gap:var(--size-10);width:100%;padding:var(--size-12) var(--size-14);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:var(--size-22);height:var(--size-22);border-radius:50%;font-size:var(--size-12);font-weight:800;flex:0 0 auto}.errors-faq-question-mark{background:color-mix(in srgb,var(--accent) var(--mix-12),var(--bg-color));color:var(--accent)}.errors-faq-answer-mark{background:color-mix(in srgb,var(--success) var(--mix-12),var(--bg-color));color:var(--success)}.errors-faq-question-text{flex:1;min-width:0;font-size:var(--size-14);font-weight:600}.errors-faq-toggle{font-size:var(--size-12);font-weight:700;color:var(--text-secondary);flex:0 0 auto}.errors-faq-answer{display:flex;align-items:flex-start;gap:var(--size-10);padding:0 var(--size-14) var(--size-14);color:var(--text-secondary)}.errors-faq-answer p{margin:var(--size-2) 0 0;font-size:var(--size-14);line-height:1.6}.errors-filter-shortcuts{display:flex;gap:var(--size-8);flex-wrap:wrap;align-items:flex-end}.errors-stage-row{display:flex;gap:var(--size-8);flex-wrap:wrap;justify-content:flex-end}.errors-stage-pill{display:inline-flex;align-items:center;min-height:var(--size-24);padding:0 var(--size-10);border-radius:var(--radius-full);font-size:var(--size-12);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) var(--mix-12),var(--bg-color));color:var(--accent)}.errors-stage-pill--success{background:var(--success-bg);color:var(--success)}.errors-stage-note{font-size:var(--size-14);color:var(--text-secondary)}.errors-item-compact-row{--errors-bottom-card-height: var(--size-76)}.errors-item-meters{display:flex;align-items:stretch;gap:var(--size-10);flex:0 0 auto;flex-wrap:wrap}.errors-meter{display:flex;flex-direction:column;justify-content:center;min-width:var(--size-176);min-height:var(--errors-bottom-card-height);padding:var(--size-10) var(--size-12);border:var(--size-1) 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:var(--size-10);margin-bottom:var(--size-6);font-size:var(--size-14);color:var(--text-secondary)}.errors-meter-head strong{color:var(--text-primary);font-size:var(--size-14)}.errors-meter-bar,.errors-dim-track-bar{position:relative;overflow:hidden;height:var(--size-8);border-radius:var(--radius-full);background:color-mix(in srgb,var(--border) var(--mix-80),transparent)}.errors-meter-fill,.errors-dim-track-fill{display:block;width:var(--progress-percent, 0%);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:var(--size-6);font-size:var(--size-12);color:var(--text-secondary)}.errors-item-dim-tracks{display:flex;align-items:stretch;gap:var(--size-10);flex:1 1 var(--size-260);min-width:0;flex-wrap:wrap}.errors-dim-track{display:flex;align-items:center;min-height:var(--errors-bottom-card-height);padding:var(--size-8) var(--size-12);border:var(--size-1) 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) var(--mix-82),var(--bg-color))}.errors-dim-track.is-cleared{background:color-mix(in srgb,var(--success-bg) var(--mix-82),var(--bg-color))}.errors-dim-track.is-highlighted{border-color:color-mix(in srgb,var(--accent) var(--mix-44),var(--border));box-shadow:0 0 0 var(--size-1) color-mix(in srgb,var(--accent) var(--mix-18),transparent)}.errors-dim-track-head{display:flex;align-items:center;gap:var(--size-8);font-size:var(--size-12);color:var(--text-secondary);flex-wrap:wrap}.errors-dim-track-head strong{color:var(--text-primary);font-size:var(--size-12)}@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 var(--size-140)}.errors-item-dim-tracks{width:100%}}.errors-list{display:flex;flex-direction:column;gap:var(--size-1);background:var(--border);border:var(--size-1) solid var(--border);border-radius:var(--radius-lg);overflow:hidden;flex-shrink:0}.errors-search-results{display:flex;flex-direction:column;border:var(--size-1) 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:var(--size-32);padding:0 var(--size-12);border:var(--size-1) solid color-mix(in srgb,var(--accent) var(--mix-18),var(--border));border-radius:var(--radius-full);background:color-mix(in srgb,var(--accent) var(--mix-6),var(--bg-secondary));color:var(--text-secondary);font-size:var(--size-14);font-weight:600}.errors-search-item{display:grid;grid-template-columns:minmax(0,1fr) var(--size-60);align-items:center;gap:var(--size-16);padding:var(--size-18) var(--size-20);border-bottom:var(--size-1) 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) var(--mix-82),var(--bg-color))}.errors-search-item.is-selected{background:color-mix(in srgb,var(--accent) var(--mix-5),var(--bg-color))}.errors-search-item-main{min-width:0}.errors-search-item-row{display:flex;align-items:baseline;gap:var(--size-14) var(--size-18);min-width:0;flex-wrap:wrap}.errors-search-item-word{font-size:var(--size-20);font-weight:700;line-height:1.35;color:var(--text-primary)}.errors-search-item-definition{min-width:0;flex:1 1 var(--size-280);font-size:var(--size-16);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) var(--size-60);align-items:center;gap:var(--size-16);padding:var(--size-18) var(--size-20);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:var(--size-12);flex:1;min-width:0}.errors-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--size-16)}.errors-item-word-row{display:flex;align-items:baseline;gap:var(--size-8);min-width:0;flex-wrap:wrap}.errors-item-word{font-size:var(--size-20);font-weight:800;line-height:1.3;color:var(--text-primary)}.errors-item-total-count{font-size:var(--size-14);font-weight:600;color:var(--error);opacity:.85}.errors-item-subline{display:flex;align-items:center;gap:var(--size-12) var(--size-14);flex-wrap:wrap;min-width:0;font-size:var(--size-14);line-height:1.6;color:var(--text-secondary)}.errors-item-phonetic,.errors-item-date{font-size:var(--size-14);color:var(--text-tertiary)}.errors-item-definition{display:inline-flex;align-items:baseline;gap:var(--size-6);min-width:0;font-size:var(--size-14);line-height:1.6;color:var(--text-secondary);flex:1 1 var(--size-320);flex-wrap:wrap}.errors-item-focus-note{display:inline-flex;align-items:center;min-height:var(--size-30);padding:0 var(--size-14);border-radius:var(--radius-full);background:color-mix(in srgb,var(--accent) var(--mix-8),var(--bg-secondary));color:var(--text-secondary);font-size:var(--size-14);font-weight:600;white-space:nowrap}.errors-item-compact-row{display:flex;align-items:stretch;gap:var(--size-12) var(--size-14);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:var(--size-18);height:var(--size-18);margin:0;border:calc(var(--size-3) / 2) solid var(--border-strong);border-radius:var(--size-5);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:var(--size-10);height:var(--size-6);border:var(--size-2) 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) var(--mix-45),var(--border-strong))}.errors-item-checkbox:checked{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 var(--size-2) color-mix(in srgb,var(--accent) var(--mix-18),transparent)}.errors-item-checkbox:checked:after{transform:rotate(-45deg) scale(1)}.errors-item-checkbox:focus-visible{outline:none;box-shadow:0 0 0 var(--size-3) color-mix(in srgb,var(--accent) var(--mix-24),transparent)}.errors-item-dims{display:flex;gap:var(--size-6);flex-wrap:wrap;margin-top:var(--size-6)}.errors-dim-badge{display:inline-flex;align-items:center;gap:var(--size-4);flex-wrap:wrap;font-size:var(--size-12);font-weight:600;padding:var(--size-4) var(--size-10);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) var(--mix-12),transparent);color:var(--accent)}.errors-dim-wrong{opacity:.9}.errors-dim-correct{opacity:.75;font-weight:500}.errors-dim-highlight{outline:var(--size-2) solid currentColor;outline-offset:var(--size-1)}@media (max-width: 768px){.errors-search-item{grid-template-columns:minmax(0,1fr) var(--size-44);gap:var(--size-8);padding:var(--size-14) var(--size-12)}.errors-search-item-row{gap:var(--size-6) var(--size-10)}.errors-search-item-definition{flex-basis:100%;white-space:normal}.errors-item{grid-template-columns:minmax(0,1fr) var(--size-44);gap:var(--size-8);padding:var(--size-14) var(--size-12)}.errors-item-head{flex-direction:column;gap:var(--size-8)}.errors-item-focus-note{max-width:100%;white-space:normal}.errors-item-select{min-height:100%}}.errors-page{gap:var(--size-10);padding:var(--page-gutter);box-sizing:border-box}.errors-page-toolbar{gap:var(--size-10)}.errors-page-body{flex:1;min-height:0}.errors-content-scroll{display:flex;flex:1;min-height:0;flex-direction:column;gap:var(--size-10);overflow-y:auto;padding-right:var(--size-2)}.errors-actions{display:flex;gap:var(--size-8);align-items:center}.errors-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--size-10);width:100%}.errors-practice-btn{background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-full);padding:var(--size-6) var(--size-14);font-size:var(--size-14);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:var(--size-1) solid var(--border);border-radius:var(--radius-full);padding:var(--size-6) var(--size-12);font-size:var(--size-14);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) var(--mix-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:var(--size-10);flex-wrap:wrap}.errors-scope-tools{display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--size-8);flex-wrap:wrap}.errors-inline-pagination{display:inline-flex;align-items:center;gap:var(--size-8)}.errors-inline-pagination-status{font-size:var(--size-12);font-weight:600;color:var(--text-secondary)}.errors-filter-panel{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:var(--size-12);padding:var(--size-12);border:var(--size-1) solid var(--border);border-radius:var(--radius-lg);background:var(--bg-secondary)}.errors-filter-panel-main{display:grid;grid-template-columns:minmax(var(--size-180),1fr) minmax(var(--size-180),1fr) minmax(var(--size-140),var(--size-180));align-items:flex-end;gap:var(--size-10);flex:1 1 var(--size-620)}.errors-filter-panel-actions{display:flex;align-items:flex-end;justify-content:flex-end;flex-wrap:wrap;gap:var(--size-8);flex:0 1 auto}.errors-filter-field{display:flex;flex-direction:column;gap:var(--size-6);min-width:0}.errors-filter-field--compact{max-width:var(--size-220)}.errors-filter-field--inline{gap:var(--size-4)}.errors-filter-label{font-size:var(--size-12);font-weight:600;color:var(--text-secondary)}.errors-filter-input,.errors-filter-select{min-height:var(--size-40);border:var(--size-1) solid var(--border);border-radius:var(--radius-md);background:var(--bg-color);color:var(--text-primary);padding:var(--size-8) var(--size-10);font-size:var(--size-14)}.errors-filter-input:focus,.errors-filter-select:focus{outline:var(--size-2) solid color-mix(in srgb,var(--accent) var(--mix-24),transparent);outline-offset:var(--size-1);border-color:var(--accent)}.errors-filter-reset{align-self:end;min-height:var(--size-40);border:var(--size-1) solid var(--border);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);padding:0 var(--size-12);font-size:var(--size-14);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:var(--size-30);padding:0 var(--size-12);border:var(--size-1) solid var(--border);border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text-secondary);font-size:var(--size-12);font-weight:600}.errors-dim-filter-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--size-10)}.errors-dim-filter-shell{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--size-10);flex:1;min-width:0;width:100%}.errors-dim-filter-tools{display:grid;grid-template-columns:minmax(var(--size-280),var(--size-320)) auto;align-items:center;justify-content:end;gap:var(--size-8);flex:0 0 auto;justify-self:end}.errors-search-form{width:min(var(--size-320),100%);min-width:var(--size-280)}.errors-search-mode-group{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:var(--size-8);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:var(--size-6);min-height:var(--size-40);padding:0 var(--size-12);border:var(--size-1) 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) var(--mix-20),var(--border));background:color-mix(in srgb,var(--accent) var(--mix-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 var(--size-2) color-mix(in srgb,var(--accent) var(--mix-18),transparent)}.errors-search-mode-option:focus-visible{outline:none;box-shadow:0 0 0 var(--size-3) color-mix(in srgb,var(--accent) var(--mix-24),transparent)}.errors-search-mode-marker{width:var(--size-10);height:var(--size-10);border:calc(var(--size-3) / 2) solid currentColor;border-radius:var(--radius-pill);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 var(--size-2) 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:var(--size-14);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:var(--size-42)}.errors-search-submit{position:absolute;top:50%;right:var(--size-6);display:inline-flex;align-items:center;justify-content:center;width:var(--size-28);height:var(--size-28);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) var(--mix-10),transparent)}.errors-search-submit:disabled{cursor:not-allowed;color:var(--text-tertiary)}.errors-search-submit svg{width:var(--size-16);height:var(--size-16)}.errors-dim-filter{flex:0 1 auto;flex-wrap:wrap;max-width:100%}.errors-dim-filter .segmented-control__item{padding-inline:var(--size-10)}.errors-dim-filter .segmented-control__badge{min-height:var(--size-18);padding:0 var(--size-5);font-size:var(--size-10)}.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:var(--size-6) var(--size-18);font-size:var(--size-14);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:var(--size-8)}.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:var(--size-10)}.stats-page{--stats-col-left-pct: 32%;--stats-align-gutter: var(--size-10);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:var(--size-12);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:var(--size-12);color:var(--text-secondary);background:var(--accent-light);border:var(--size-1) solid rgba(var(--accent-rgb),var(--alpha-22));padding:var(--size-4) var(--size-10);border-radius:var(--radius-full);white-space:nowrap}.mode-recommendation strong{color:var(--accent)}.mode-recommendation-acc{color:var(--text-tertiary);margin-left:var(--size-4);font-size:var(--size-12)}.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:var(--size-12);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:var(--size-12)}.stats-table--mode-strip th,.stats-table--mode-strip td{padding:var(--size-5) var(--size-6);white-space:nowrap}.stats-empty--mode-strip{padding:var(--size-12) var(--size-8);font-size:var(--size-12)}.stats-chart-loading--strip-table{min-height:var(--size-72);height:var(--size-72)}@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:var(--size-1) solid var(--border);padding-top:var(--stats-align-gutter, var(--size-10))}.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:var(--size-10)}.stats-card{position:relative;overflow:hidden;min-height:0;padding:var(--size-10);background:var(--surface-base);border:var(--size-1) solid var(--border-strong);border-radius:var(--size-10);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:var(--size-8)}.stats-card--simple{justify-content:center;gap:var(--size-6)}.stats-card-label{font-size:var(--size-14);font-weight:700;color:var(--text-primary);letter-spacing:0;line-height:1.35}.stats-card--simple .stats-card-label{font-size:var(--size-14)}.stats-card-value{font-size:clamp(2rem,4vw,2.8rem);font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--accent);margin:var(--size-2) 0 var(--size-4)}.stats-card--simple .stats-card-value{margin:0}.stats-card-meta{display:flex;flex-direction:column;gap:var(--size-6);width:100%}.stats-card-meta-row{display:flex;align-items:flex-start;gap:var(--size-8)}.stats-card-meta-label{flex:0 0 auto;min-width:var(--size-54);padding:var(--size-2) var(--size-6);border-radius:var(--radius-pill);background:rgba(var(--accent-rgb),var(--alpha-10));color:var(--accent);font-size:var(--size-12);font-weight:700;line-height:1.4}.stats-card-meta-text{flex:1 1 auto;font-size:var(--size-12);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:var(--size-1) solid var(--border-strong);border-radius:var(--size-10);box-shadow:var(--shadow-soft);padding:var(--size-10)}.stats-section-title{margin-bottom:var(--size-10);font-size:var(--size-14);font-weight:600;letter-spacing:0;color:var(--text-primary)}.stats-section-hint{margin:0 0 var(--size-10);font-size:var(--size-14);line-height:1.5;color:var(--text-secondary)}.stats-mode-strip-header{gap:var(--size-10);margin-bottom:var(--size-10)}.mode-recommendation{padding:var(--size-10);border-radius:var(--size-10);background:var(--accent-light);border:var(--size-1) solid rgba(var(--accent-rgb),var(--alpha-18));color:var(--accent);font-weight:700}.stats-mode-strip-grid,.stats-main-layout,.stats-main-right-top,.stats-main-right-bottom{gap:var(--size-10)}.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:var(--size-14);border-spacing:0;overflow:hidden}.stats-data-table thead th,.stats-table thead th{padding:var(--size-10);background:var(--bg-secondary);font-size:var(--size-12);font-weight:800;color:var(--text-secondary);border-bottom:none;position:sticky;top:0;z-index:var(--layer-raised);letter-spacing:.08em;text-transform:uppercase}.stats-data-table th,.stats-data-table td,.stats-table th,.stats-table td{padding:var(--size-10);background:transparent;color:var(--text-primary);border-bottom:var(--size-1) 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:var(--size-28);padding:0 var(--size-10);border-radius:var(--radius-pill);font-weight:700}.wrong-count-badge{background:color-mix(in srgb,var(--error) var(--mix-12),transparent);color:var(--error)}.error-reason-tag{background:color-mix(in srgb,var(--info) var(--mix-12),transparent);color:var(--info)}.stats-chart-loading,.stats-empty{border-radius:var(--size-10);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:var(--size-186)}.stats-card--simple{min-height:var(--size-120)}.stats-section,.stats-insight-grid .stats-section,.stats-wrong-cluster-grid>.stats-section{padding:var(--size-10);border-radius:var(--size-10)}}.stats-pie-wrap--strip{flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--space-stack)}.stats-pie-svg--strip{width:var(--size-88);height:var(--size-88);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:var(--size-72)}.stats-main-layout-wrap{width:100%;max-width:100%;display:flex;flex-direction:column;gap:var(--stats-align-gutter, var(--size-10));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, var(--size-10));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, var(--size-10))}.stats-wrong-cluster-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--size-10) var(--size-16)}.stats-wrong-cluster-copy{flex:1 1 var(--size-280);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:var(--size-4)}.stats-wrong-cluster-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--size-10) var(--size-14)}.stats-wrong-cluster-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--stats-align-gutter, var(--size-10));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:var(--size-120);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:var(--size-12) var(--size-14)}.stats-profile-summary{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--size-8)}.stats-profile-pill{padding:var(--size-10) var(--size-12);border-radius:var(--size-12);background:linear-gradient(180deg,color-mix(in srgb,var(--warning-bg) var(--mix-74),var(--surface-elevated)),color-mix(in srgb,var(--warning-bg) var(--mix-56),var(--surface-base)));border:var(--size-1) solid color-mix(in srgb,var(--warning) var(--mix-24),transparent);display:flex;flex-direction:column;gap:var(--size-4)}.stats-profile-pill__label{font-size:var(--size-12);color:var(--text-tertiary)}.stats-profile-pill strong{font-size:var(--size-14);color:var(--text-primary)}.stats-profile-block{display:flex;flex-direction:column;gap:var(--size-8);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:var(--size-8)}.stats-profile-chip{display:inline-flex;align-items:center;gap:var(--size-8);padding:var(--size-6) var(--size-10);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface-muted) var(--mix-90),transparent);border:var(--size-1) solid color-mix(in srgb,var(--text-tertiary) var(--mix-18),transparent);color:var(--text-secondary);font-size:var(--size-12)}.stats-profile-chip strong{color:var(--accent);font-weight:700}.stats-profile-list,.stats-profile-actions{margin:0;padding-left:var(--size-18);display:flex;flex-direction:column;gap:var(--size-6);color:var(--text-secondary)}.stats-profile-list li,.stats-profile-actions li{display:flex;justify-content:space-between;gap:var(--size-12)}.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:var(--size-8)}.stats-profile-list--focus li,.stats-profile-list--topics li{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--size-4);min-width:0;padding:var(--size-8) var(--size-10);border-radius:var(--size-12);background:color-mix(in srgb,var(--surface-base) var(--mix-96),var(--surface-muted));border:var(--size-1) solid color-mix(in srgb,var(--text-tertiary) var(--mix-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:var(--size-12);line-height:1.35;color:var(--text-secondary)}.stats-profile-actions{list-style:none;padding-left:0;gap:var(--size-8)}.stats-profile-actions li{display:block;padding:var(--size-8) var(--size-10);border-radius:var(--size-12);background:color-mix(in srgb,var(--warning-bg) var(--mix-44),transparent);border:var(--size-1) solid color-mix(in srgb,var(--warning) var(--mix-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:var(--size-12)}.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:var(--size-72);height:auto;aspect-ratio:560/128;object-fit:contain}.stats-main-cell--ebb .stats-card-ebbinghaus>.stats-section-title{font-size:var(--size-14);margin-bottom:var(--size-10);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:var(--size-180);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:var(--size-88)}.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:var(--size-10)!important}.stats-main-right-top .stats-card-ebbinghaus .stats-ebb-hint-compact{margin:0 0 var(--size-10) 0!important}.stats-main-right-top .ebbinghaus-summary-row--compact{margin-bottom:var(--size-10)}.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:var(--size-14);margin-bottom:var(--size-4)}.stats-section--chapter-cell .stats-section-hint{font-size:var(--size-12);margin-bottom:var(--size-10)}.stats-section--chapter-cell .stats-chart-loading{flex:1 1 auto;min-height:var(--size-72)}.stats-empty--chapter-cell{flex:1 1 auto;min-height:var(--size-72);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:var(--size-88)}.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:var(--size-140);height:var(--size-140);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:var(--size-1) solid var(--border);border-radius:var(--radius-sm)}.stats-ebb-hint-compact{margin:0 0 var(--space-stack) 0!important;font-size:var(--size-10);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:var(--size-8) var(--size-12)}.ebbinghaus-summary-row--split .ebbinghaus-big--compact{flex-shrink:0}.ebbinghaus-rate-block{display:flex;flex-direction:column;gap:var(--size-2)}.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:var(--size-10) var(--size-16);margin-left:auto;font-size:var(--size-14);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:var(--size-2);min-width:var(--size-78);padding:var(--size-6) var(--size-8);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:var(--size-12);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:var(--size-8) var(--size-12);background:color-mix(in srgb,var(--warning) var(--mix-8),transparent);border:var(--size-1) solid color-mix(in srgb,var(--warning) var(--mix-20),transparent);border-radius:var(--radius-md);margin-bottom:var(--space-stack);font-size:var(--size-12);color:var(--text-secondary)}.ebb-upcoming-hint strong{color:var(--accent)}.stats-review-btn--ebb{padding:var(--size-4) var(--size-12);font-size:var(--size-12)}.ebb-meta-num{font-weight:700;font-size:var(--size-16);font-variant-numeric:tabular-nums;color:var(--accent-deep)}.ebbinghaus-big--compact{font-size:var(--size-18);font-weight:700}.ebb-rate-caption{font-size:var(--size-12);line-height:1.35;color:var(--text-secondary)}.ebb-meta-help{margin:0 0 var(--space-stack);font-size:var(--size-12);line-height:1.5;color:var(--text-secondary)}.stats-chart-loading--ebb-split{height:var(--size-88)}.ebb-chart-wrap--compact .ebb-chart-svg{width:100%;max-width:100%;height:auto;min-height:0;max-height:var(--size-132);aspect-ratio:560/128;display:block}.ebb-chart-wrap--compact .ebb-chart-legend{margin-top:var(--space-stack);gap:var(--space-stack);font-size:var(--size-10)}.ebb-chart-wrap--compact .ebb-chart-note{margin-top:var(--space-stack);font-size:var(--size-10)}.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:var(--size-14);margin-bottom:0}.lc-filters--compact{margin-bottom:var(--space-stack)!important}.stats-chart-loading--learn-split{height:var(--size-88)}.stats-empty--compact{padding:var(--space-stack) 0!important}.lc-legend-row--compact{margin-top:var(--space-stack)!important;font-size:var(--size-12)}.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:var(--size-104);height:var(--size-104);flex-shrink:0}.stats-pie-legend--compact{font-size:var(--size-12)}.stats-pie-legend--compact li{margin-bottom:var(--size-4)}.stats-pie-legend--compact .stats-pie-label{min-width:var(--size-56);max-width:var(--size-120);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:var(--size-160);height:var(--size-160);flex-shrink:0}.stats-pie-svg--lg{width:var(--size-176);height:var(--size-176)}.stats-pie-legend{list-style:none;margin:0;padding:0;font-size:var(--size-12);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:var(--size-8);height:var(--size-8);border-radius:var(--size-2);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:var(--size-72)}.stats-pie-val{font-weight:600;color:var(--text-primary)}.stats-pie-sub{color:var(--text-tertiary);font-size:var(--size-12)}.stats-pie-empty{font-size:var(--size-14);color:var(--text-tertiary);padding:var(--size-16) 0}.ebbinghaus-panel{padding:var(--size-8) 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:var(--size-36);font-weight:700;color:var(--accent);margin-bottom:0;line-height:1}.ebbinghaus-meta{font-size:var(--size-12);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:var(--size-200);display:block;overflow:visible}.ebb-chart-legend{display:flex;flex-wrap:wrap;gap:var(--space-stack);margin-top:var(--space-stack);font-size:var(--size-12);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:var(--size-22);border-top:var(--size-2) dashed;vertical-align:middle}.ebb-legend-line.ebb-legend-solid{border-top-style:solid}.ebb-chart-note{font-size:var(--size-12);color:var(--text-tertiary);margin:var(--space-stack) 0 0 0;line-height:1.45}.ebb-chart-tooltip{position:absolute;top:var(--size-2);transform:translate(-50%);background:var(--bg-color);border:var(--size-1) solid var(--border);border-radius:var(--radius-md);padding:var(--size-8) var(--size-12);box-shadow:var(--shadow-md);pointer-events:none;z-index:var(--layer-overlay-local);min-width:var(--size-200);font-size:var(--size-12)}.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:var(--size-10);font-weight:600}.ebb-chart-tooltip-svg-row,.lc-tooltip-svg-date,.lc-tooltip-svg-sub{fill:var(--text-secondary);font-size:var(--size-10)}.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:var(--size-6);font-size:var(--size-12)}.ebb-chart-tooltip-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--size-4) var(--size-6);margin-top:var(--size-4);color:var(--text-secondary)}.ebb-chart-tooltip-row strong{color:var(--text-primary)}.ebb-chart-tooltip-sub{font-size:var(--size-10);color:var(--text-tertiary)}.ebb-dot{width:var(--size-8);height:var(--size-8);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:var(--size-12);max-height:var(--size-280);overflow-y:auto;padding-right:var(--size-4)}.stats-pie-legend--wrong li{margin-bottom:var(--space-stack)}.stats-pie-legend--wrong .stats-pie-label{min-width:0;max-width:var(--size-140)}.stats-subsection-title{font-size:var(--size-12);font-weight:600;color:var(--text-secondary);margin:0 0 var(--space-stack) 0}.stats-section-hint{font-size:var(--size-12);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:var(--size-12)}.stats-data-table th,.stats-data-table td{border:var(--size-1) solid var(--border);padding:var(--size-8) 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) var(--mix-12),transparent);color:var(--error);font-weight:600;padding:var(--size-2) var(--size-8);border-radius:var(--radius-sm)}.error-reason-tag{display:inline-block;background:color-mix(in srgb,var(--info) var(--mix-12),transparent);color:var(--info);font-size:var(--size-12);font-weight:500;padding:var(--size-2) var(--size-6);border-radius:var(--radius-sm);white-space:nowrap}.mode-breakdown-table-wrap{overflow-x:auto}.stats-table-scroll{max-height:var(--size-320);overflow:auto}.stats-table--compact th,.stats-table--compact td{padding:var(--size-6) var(--size-8);font-size:var(--size-12)}.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:var(--size-1) 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:var(--size-24);font-weight:700;color:var(--accent);margin-bottom:var(--space-xs);line-height:1}.stats-card-label{font-size:var(--size-12);color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:var(--size-2)}.stats-card-sub{font-size:var(--size-12);color:var(--text-tertiary)}.stats-section{background:var(--bg-color);border:var(--size-1) 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:var(--size-14);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:var(--size-28);padding:var(--size-3) var(--size-8);border:var(--size-1) solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--size-12);outline:none;transition:var(--motion-transition-surface-fast)}.lc-select:focus,.lc-select:focus-visible{border-color:rgba(var(--accent-rgb),var(--alpha-42));box-shadow:var(--focus-ring)}.lc-select{cursor:pointer;max-width:var(--size-120)}.lc-wrap{position:relative;width:100%}.lc-svg{width:100%;height:var(--size-160);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:var(--size-1) solid var(--border);border-radius:var(--radius-md);padding:var(--size-6) var(--space-stack);box-shadow:var(--shadow-md);pointer-events:none;z-index:var(--layer-local-overlay);white-space:nowrap;min-width:var(--size-80);text-align:center}.lc-tooltip-date{font-size:var(--size-10);color:var(--text-secondary);margin-bottom:var(--size-2)}.lc-tooltip-val{font-size:var(--size-14);font-weight:700;color:var(--accent)}.lc-tooltip-sub{font-size:var(--size-10);color:var(--text-tertiary);margin-top:var(--size-1)}.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:var(--size-12);color:var(--text-secondary);flex-wrap:wrap;row-gap:var(--space-xs)}.lc-crosshair-legend{display:inline-flex;align-items:center;gap:var(--size-6);color:var(--text-tertiary);font-size:var(--size-12);white-space:nowrap}.lc-crosshair-icon{display:inline-block;width:0;height:var(--size-12);border-left:var(--size-2) 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:var(--size-12);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:var(--size-6);margin-top:var(--size-6);font-size:var(--size-12);color:var(--text-secondary)}.lc-trend-badge{display:inline-flex;align-items:center;justify-content:center;width:var(--size-16);height:var(--size-16);border-radius:var(--radius-full);font-size:var(--size-10);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:var(--size-10);color:var(--text-tertiary);margin-left:var(--size-2)}.stats-chart-loading{height:var(--size-120);display:flex;align-items:center;justify-content:center}.stats-skeleton{display:flex;flex-direction:column;gap:var(--size-12);width:100%;min-height:var(--size-120);padding:var(--size-10) 0}.stats-skeleton-chart{min-height:var(--size-120);border-radius:var(--size-12);border:var(--size-1) solid color-mix(in srgb,var(--border-strong) var(--mix-72),transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-elevated) var(--mix-96),transparent),color-mix(in srgb,var(--surface-base) var(--mix-94),transparent))}.stats-skeleton--table{min-height:var(--size-120);justify-content:center}.stats-skeleton--donut{flex-direction:row;align-items:center;gap:var(--size-16)}.stats-skeleton-donut{width:var(--size-120);height:var(--size-120);flex-shrink:0;border-radius:50%;border:var(--size-18) solid color-mix(in srgb,var(--surface-elevated) var(--mix-90),var(--text-primary) var(--mix-10));border-right-color:color-mix(in srgb,var(--surface-elevated) var(--mix-98),var(--surface-base) var(--mix-2));border-bottom-color:color-mix(in srgb,var(--surface-elevated) var(--mix-94),var(--text-primary) var(--mix-6))}.stats-skeleton-legend{display:flex;flex:1;min-width:0;flex-direction:column;gap:var(--size-10)}.stats-skeleton-legend-row,.stats-skeleton-split-head{display:flex;align-items:center;justify-content:space-between;gap:var(--size-10)}.stats-skeleton--split{min-height:var(--size-180)}.stats-skeleton-split-meta{display:flex;flex:1;min-width:0;flex-direction:column;gap:var(--size-8)}.legend-dot{width:var(--size-8);height:var(--size-8);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:var(--size-14)}.stats-go-practice{color:var(--accent);font-size:var(--size-14);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:var(--size-80) 1fr auto;align-items:center;gap:var(--space-stack)}.mode-breakdown-name{font-size:var(--size-14);font-weight:500;color:var(--text-primary);white-space:nowrap}.mode-breakdown-bar-wrap{height:var(--size-8);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:var(--size-4)}.mode-breakdown-stats{display:flex;gap:var(--space-stack);align-items:center;font-size:var(--size-12);white-space:nowrap}.mbs-words{color:var(--text-primary);font-weight:500;min-width:var(--size-44);text-align:right}.mbs-accuracy{color:var(--success);font-weight:600;min-width:var(--size-36);text-align:right}.mbs-duration{color:var(--text-secondary);min-width:var(--size-48);text-align:right}.mbs-sessions{color:var(--text-tertiary);min-width:var(--size-28);text-align:right}@media (max-width: 768px){.mode-breakdown-item{grid-template-columns:var(--size-70) 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:var(--size-160) 1fr var(--size-48) var(--size-80);align-items:center;gap:var(--space-stack)}.stats-accuracy-title{font-size:var(--size-14);font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-accuracy-bar-wrap{height:var(--size-8);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:var(--size-14);font-weight:600;color:var(--accent);text-align:right}.stats-accuracy-counts{font-size:var(--size-12);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:var(--size-24);font-weight:700;color:var(--error)}.wrong-label{font-size:var(--size-14);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:var(--size-14);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:var(--size-4)}.stats-accuracy-item{grid-template-columns:1fr var(--size-80);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:var(--size-1) solid var(--border);border-radius:var(--radius-lg);padding:var(--size-10);display:flex;align-items:center;gap:var(--size-10);margin-bottom:var(--size-10);box-shadow:var(--shadow-sm)}.profile-avatar{flex-shrink:0;width:var(--size-64);height:var(--size-64);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:var(--size-22);font-weight:700;display:flex;align-items:center;justify-content:center}.profile-user-info{flex:1;min-width:0}.profile-username{font-size:var(--size-18);font-weight:600;color:var(--text-primary);margin-bottom:var(--size-2)}.profile-email{font-size:var(--size-14);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:var(--size-12);font-weight:500;padding:var(--size-3) var(--size-10);border-radius:var(--radius-full);border:var(--size-1) solid var(--border)}.profile-menu{background:var(--bg-color);border:var(--size-1) 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:var(--size-10);padding:var(--size-10) var(--size-10);background:none;border:none;border-bottom:var(--size-1) 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:var(--size-20);height:var(--size-20);color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.profile-menu-icon svg{width:var(--size-18);height:var(--size-18)}.profile-menu-label{flex:1;font-size:var(--size-14);font-weight:500;color:var(--text-primary)}.profile-menu-arrow{flex-shrink:0;width:var(--size-16);height:var(--size-16);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:var(--size-1) solid var(--border);border-radius:var(--radius-xl);padding:var(--space-xl);width:100%;max-width:var(--size-420);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:var(--size-18);font-weight:600;color:var(--text-primary);margin:0}.bind-email-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);width:var(--size-28);height:var(--size-28);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:var(--size-16);height:var(--size-16)}.bind-email-desc{font-size:var(--size-14);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:var(--size-14);font-weight:500;color:var(--text-secondary);margin-bottom:var(--size-6)}.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:var(--size-40);padding:0 var(--space-lg);background:var(--bg-secondary);border:var(--size-1) solid var(--border);border-radius:var(--radius-md);font-size:var(--size-14);color:var(--text-secondary);cursor:pointer;transition:var(--motion-transition-interactive-fast)}.bind-email-cancel:hover{background:var(--bg-tertiary)}.bind-email-submit{width:auto;height:var(--size-40);padding:0 var(--space-xl);font-size:var(--size-14)}.ai-fab{--ai-fab-mobile-bottom: var(--size-16);position:fixed;right:var(--size-10);bottom:var(--size-10);z-index:var(--layer-topmost);width:var(--size-44);height:var(--size-44);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: calc(var(--size-56) + var(--size-12))}.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: var(--size-12);--ai-panel-surface: color-mix(in srgb, var(--bg-color) var(--mix-92), var(--bg-secondary));--ai-panel-surface-accent: color-mix(in srgb, var(--accent-light) var(--mix-28), var(--bg-color));position:fixed;right:var(--size-24);bottom:var(--size-24);z-index:var(--layer-topmost);width:min(var(--size-380),100vw - var(--size-32));height:min(var(--size-620),100vh - var(--size-48));background:linear-gradient(180deg,var(--ai-panel-surface-accent) 0%,var(--ai-panel-surface) 20%,var(--bg-color) 100%);border:var(--size-1) 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: calc(var(--size-56) + var(--size-12))}.ai-panel--fullscreen{width:min(80vw,var(--size-1120));height:min(80vh,var(--size-860))}@keyframes aiSlideUp{0%{opacity:0;transform:translateY(var(--size-20)) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--size-12);padding:var(--size-14) var(--size-16);border-bottom:var(--size-1) solid var(--border);background:var(--ai-panel-surface-accent);flex-shrink:0}.ai-panel-title{display:flex;align-items:center;gap:var(--size-10);min-width:0}.ai-panel-avatar{width:var(--size-36);height:var(--size-36);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:var(--size-14);font-weight:700;color:var(--text-primary)}.ai-panel-status{display:flex;align-items:center;gap:var(--size-5);margin-top:var(--size-2);font-size:var(--size-12);color:var(--text-tertiary)}.ai-panel-status .micro-loading__text{font-size:var(--size-12);font-weight:500}.ai-status-dot{width:var(--size-6);height:var(--size-6);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:var(--size-4)}.ai-panel-icon-btn,.ai-panel-close{width:var(--size-32);height:var(--size-32);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:var(--motion-transition-interactive-fast)}.ai-panel-icon-btn:hover,.ai-panel-close:hover{background:var(--surface-hover);color:var(--text-primary)}.ai-starter-panel{display:grid;gap:var(--size-10);padding:var(--size-12);border-bottom:var(--size-1) solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) var(--mix-10),var(--ai-panel-surface-accent)),var(--ai-panel-surface) 72%),var(--ai-panel-surface);max-height:min(40%,var(--size-320));min-height:0;overflow:hidden;flex:0 1 auto;flex-shrink:0}.ai-starter-panel--expanded{gap:var(--size-12)}.ai-starter-copy{min-width:0}.ai-starter-title{font-size:1calc var(--size-5)/2;font-weight:700;color:var(--text-primary)}.ai-starter-text{margin:var(--size-4) 0 0;font-size:var(--size-12);line-height:1.5;color:var(--text-secondary)}.ai-starter-toggle{width:100%;max-width:100%;padding:var(--size-10) var(--size-14);border:var(--size-1) solid rgba(var(--accent-rgb),var(--alpha-22));border-radius:var(--radius-md);background:color-mix(in srgb,var(--accent) var(--mix-10),var(--surface-hover));color:var(--accent);font-size:var(--size-14);font-weight:600;text-align:left;cursor:pointer;transition:var(--motion-transition-interactive-fast)}.ai-starter-toggle:hover{border-color:rgba(var(--accent-rgb),var(--alpha-36));background:color-mix(in srgb,var(--accent) var(--mix-14),var(--surface-hover))}.ai-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--size-148)),1fr));gap:var(--size-8);width:100%;min-height:0;overflow-y:auto;align-content:start;padding-right:var(--size-4)}.ai-panel--fullscreen .ai-starter-panel{max-height:min(38%,var(--size-360))}.ai-panel--fullscreen .ai-quick-actions{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--size-176)),1fr))}.ai-quick-btn{width:100%;min-width:0;min-height:var(--size-42);padding:var(--size-10) var(--size-14);border:var(--size-1) solid rgba(var(--accent-rgb),var(--alpha-20));border-radius:var(--radius-md);background:var(--surface-hover);color:var(--accent);font-size:var(--size-14);font-weight:500;line-height:1.45;text-align:left;cursor:pointer;transition:var(--motion-transition-interactive-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:var(--size-14) var(--size-12) var(--size-18);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--size-10);scroll-padding-bottom:var(--size-18)}.ai-msg{position:relative;display:flex;flex-direction:column;flex-shrink:0;max-width:min(90%,var(--size-760))}.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:var(--size-10) var(--size-14);border-radius:var(--radius-lg);font-size:var(--size-14);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:var(--size-4);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:var(--size-4);width:100%;min-width:0}.ai-assistant-bubble{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--size-8);width:100%}.ai-assistant-bubble__content{min-width:0}.ai-assistant-bubble__content--streaming:after{content:"";display:inline-block;width:var(--size-8);height:1.05em;margin-left:var(--size-6);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent) var(--mix-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:var(--size-14);line-height:1.7}.ai-markdown-content h1,.ai-markdown-content h2,.ai-markdown-content h3{margin-bottom:var(--size-8)}.ai-markdown-content h1{font-size:1.05rem}.ai-markdown-content h2{font-size:.98rem;padding-top:var(--size-8)}.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:var(--size-8)}.ai-markdown-content ul,.ai-markdown-content ol{margin-left:var(--size-18)}.ai-markdown-content pre{background:var(--surface-code);font-size:var(--size-12)}.ai-markdown-content table{font-size:var(--size-12)}.ai-markdown-content code:not(pre code){font-size:var(--size-12)}.ai-bubble-loading{min-height:var(--size-24)}.ai-bubble-loading .micro-loading__text{font-size:var(--size-14)}.ai-msg-options{display:flex;flex-direction:column;gap:var(--size-6);width:100%;margin-top:var(--size-8)}.ai-option-btn{width:100%;padding:var(--size-8) var(--size-14);border:var(--size-1) solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--size-14);font-weight:500;text-align:left;cursor:pointer;transition:var(--motion-transition-interactive-fast)}.ai-option-btn:hover:not(:disabled){background:var(--accent-light);color:var(--accent);border-color:color-mix(in srgb,var(--accent) var(--mix-30),transparent)}.ai-option-btn:disabled{opacity:.5;cursor:not-allowed}.ai-copy-btn{width:var(--size-28);height:var(--size-28);padding:0;border:none;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-muted) var(--mix-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:var(--size-1) solid var(--border);background:var(--bg-color);position:relative;z-index:var(--layer-raised);flex-shrink:0}.ai-input-row{display:flex;align-items:stretch;padding:var(--size-12)}.ai-input-shell{flex:1;min-width:0;display:flex;flex-direction:column;padding:var(--size-10) var(--size-12) var(--size-10);border:var(--size-1) solid var(--border);border-radius:calc(var(--radius-lg) + var(--size-2));background:linear-gradient(180deg,color-mix(in srgb,var(--accent) var(--mix-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) var(--mix-40),transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) var(--mix-5),transparent),transparent 60%),var(--bg-color);box-shadow:0 0 0 var(--size-4) color-mix(in srgb,var(--accent) var(--mix-10),transparent)}.ai-input-shell--recording{border-color:color-mix(in srgb,var(--accent) var(--mix-34),transparent);box-shadow:0 0 0 var(--size-4) color-mix(in srgb,var(--accent) var(--mix-8),transparent)}.ai-input-shell--processing{border-color:color-mix(in srgb,var(--accent) var(--mix-28),transparent)}.ai-input-shell--error{border-color:color-mix(in srgb,var(--error) var(--mix-30),transparent)}.ai-input{resize:none;min-height:var(--size-76);padding:0;border:none;background:transparent;color:var(--text-primary);font-size:var(--size-14);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:var(--size-10);margin-top:var(--size-10)}.ai-input-footer--active{margin-top:var(--size-14)}.ai-input-footer-main{flex:1;min-width:0;display:grid;align-content:end;gap:var(--size-6)}.ai-input-actions{margin-left:auto;align-self:center;display:flex;align-items:center;gap:var(--size-8);flex-shrink:0}.ai-voice-duration{flex-shrink:0;align-self:center;min-width:var(--size-34);margin-left:var(--size-2);color:color-mix(in srgb,var(--text-secondary) var(--mix-92),transparent);font-size:var(--size-12);line-height:1;letter-spacing:.02em;font-variant-numeric:tabular-nums;text-align:right}.ai-voice-visualizer{position:relative;min-height:var(--size-28);padding:0;overflow:hidden}.ai-voice-visualizer__canvas{display:block;width:100%;height:var(--size-28)}.ai-send-btn{width:var(--size-42);height:var(--size-42);padding:0;border:none;border-radius:var(--radius-pill);background:var(--accent);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:var(--motion-transition-interactive-fast)}.ai-send-btn:hover:not(:disabled){background:var(--accent-hover)}.ai-send-btn:disabled{opacity:.4;cursor:not-allowed}.ai-voice-btn{width:var(--size-42);height:var(--size-42);padding:0;border:var(--size-1) solid var(--border);border-radius:var(--radius-pill);background:var(--bg-secondary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:var(--motion-transition-interactive-fast)}.ai-voice-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) var(--mix-38),transparent);color:var(--accent);background:color-mix(in srgb,var(--accent) var(--mix-10),var(--bg-secondary))}.ai-voice-btn--recording{border-color:color-mix(in srgb,var(--error) var(--mix-28),transparent);background:color-mix(in srgb,var(--error) var(--mix-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) var(--mix-34),transparent);background:color-mix(in srgb,var(--accent) var(--mix-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:1calc var(--size-3)/2;line-height:1.5;color:var(--text-tertiary)}.ai-voice-status--recording{color:color-mix(in srgb,var(--accent) var(--mix-82),var(--text-primary) var(--mix-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) var(--mix-18),transparent)}50%{transform:scale(1.04);box-shadow:0 0 0 var(--size-6) color-mix(in srgb,var(--error) var(--mix-0),transparent)}}.ai-greeting-loading{padding:var(--size-16) var(--size-14) var(--size-8);display:flex;flex-direction:column;gap:var(--size-10)}.ai-greeting-skeleton{width:100%;height:var(--size-14);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:var(--size-16);bottom:var(--ai-fab-mobile-bottom, var(--size-16))}.ai-panel{right:var(--size-12);bottom:var(--ai-panel-mobile-bottom, var(--size-12));width:min(var(--size-420),100vw - var(--size-24));height:min(72vh,var(--size-720))}.ai-panel--fullscreen{width:calc(100vw - var(--size-16));height:calc(100vh - var(--size-80));right:var(--size-8);bottom:var(--size-8)}.ai-starter-panel{max-height:min(42%,var(--size-280))}.ai-input-row{padding:var(--size-10)}.ai-input-shell{padding:var(--size-12) var(--size-12) var(--size-10)}.ai-input{min-height:var(--size-102)}.ai-send-btn,.ai-voice-btn{width:var(--size-40);height:var(--size-40)}.ai-input-footer{gap:var(--size-10)}.ai-input-actions{gap:var(--size-6)}}@media (max-width: 480px){.ai-panel{right:0;bottom:var(--size-56);width:100vw;height:calc(80vh - var(--size-56));border-bottom:none;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.ai-panel--fullscreen{right:0;bottom:var(--size-56);width:100vw;height:calc(100vh - var(--size-56))}.ai-msg{max-width:92%}.ai-msg--assistant-wide{max-width:100%}.ai-starter-panel{max-height:min(44%,var(--size-236))}.ai-input{min-height:var(--size-92)}.ai-voice-visualizer{min-height:var(--size-28)}}.speaking-page{min-height:100%;background:radial-gradient(circle at top left,rgba(var(--warning-rgb),var(--alpha-12)),transparent 28%),radial-gradient(circle at top right,rgba(var(--accent-rgb),var(--alpha-8)),transparent 30%),linear-gradient(180deg,rgba(var(--info-rgb),var(--alpha-6)),transparent 24%),var(--bg-secondary)}.speaking-page__shell{width:100%;min-height:100%;padding:var(--size-24) var(--page-gutter) var(--size-36);box-sizing:border-box}.speaking-page__library{display:grid;gap:var(--size-18);align-content:start;padding:var(--size-18);border:var(--size-1) solid var(--surface-border-strong);border-radius:var(--size-28);background:color-mix(in srgb,var(--surface-elevated) var(--mix-96),transparent);box-shadow:var(--shadow-soft)}.speaking-page__library-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--size-16);padding:var(--size-2) var(--size-4) 0}.speaking-page__library-copy{display:grid;gap:var(--size-6)}.speaking-page__library-count{display:inline-flex;align-items:center;width:fit-content;min-height:var(--size-28);padding:0 var(--size-10);border-radius:var(--radius-pill);font-size:var(--size-12);font-weight:700}.speaking-page__library-note{margin:0;color:var(--text-secondary);font-size:var(--size-14);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%,var(--size-320)),1fr));gap:var(--size-12);align-content:start}.speaking-page__topic-card,.speaking-page__ghost-button,.speaking-page__nav-button{border:var(--size-1) 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:var(--size-14);min-height:var(--size-208);padding:var(--size-16);border-radius:var(--size-18);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(calc(var(--size-2) * -1));border-color:rgba(var(--accent-rgb),var(--alpha-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:var(--size-6) var(--size-10);border-radius:var(--radius-pill);font-size:var(--size-12);font-weight:700}.speaking-page__topic-card-top{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:var(--size-10)}.speaking-page__topic-index,.speaking-page__cue-meta span{background:rgba(var(--warning-rgb),var(--alpha-12));color:var(--warning-strong)}.speaking-page__topic-card-body{display:grid;gap:var(--size-12);min-width:0}.speaking-page__topic-title{color:var(--text-primary);font-size:var(--size-20);line-height:1.35}.speaking-page__topic-preview{margin:0;color:var(--text-secondary);font-size:var(--size-14);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:var(--size-8)}.speaking-page__topic-chip{display:inline-flex;align-items:center;min-height:var(--size-28);padding:0 var(--size-10);border-radius:var(--radius-pill);background:var(--surface-muted);color:var(--text-secondary);font-size:var(--size-12);font-weight:700}.speaking-page__topic-sample{margin:auto 0 0;padding-top:var(--size-12);border-top:var(--size-1) solid var(--border-subtle);color:var(--text-tertiary);font-size:var(--size-14);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:var(--size-40);height:var(--size-40);border-radius:var(--size-12);background:rgba(var(--accent-rgb),var(--alpha-8));color:var(--accent)}.speaking-page__topic-arrow svg{width:var(--size-16);height:var(--size-16)}.speaking-page__exam{display:grid;gap:var(--size-16);min-height:calc(100svh - var(--size-168))}.speaking-page__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--size-16);padding:var(--size-14) var(--size-18);border:var(--size-1) solid var(--border-subtle);border-radius:var(--size-24);background:var(--surface-overlay);-webkit-backdrop-filter:blur(var(--size-16));backdrop-filter:blur(var(--size-16))}.speaking-page__toolbar-meta,.speaking-page__toolbar-actions,.speaking-page__cue-meta{display:flex;align-items:center;gap:var(--size-10)}.speaking-page__theme-chip{background:rgba(var(--accent-rgb),var(--alpha-12));color:var(--accent-strong)}.speaking-page__ghost-button,.speaking-page__nav-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--size-10) var(--size-16);border-radius:var(--radius-pill);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(calc(var(--size-1) * -1));border-color:rgba(var(--accent-rgb),var(--alpha-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 - var(--size-320));padding:clamp(var(--size-28),5vw,var(--size-64));border:var(--size-1) solid var(--border-subtle);border-radius:var(--size-36);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-elevated) var(--mix-92),transparent),color-mix(in srgb,var(--surface-overlay) var(--mix-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:var(--size-24);width:min(var(--size-840),100%)}.speaking-page__prompt-text{margin:0;color:var(--text-primary);font-size:clamp(var(--size-34),5vw,var(--size-62));line-height:1.14;letter-spacing:-.04em;text-wrap:balance}.speaking-page__cue-points{display:grid;gap:var(--size-10);margin:0;padding-left:var(--size-22);color:var(--text-secondary);font-size:var(--size-18);line-height:1.7}.speaking-page__progress{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:var(--size-8)}.speaking-page__progress-segment{height:var(--size-6);border-radius:var(--radius-pill);background:var(--border-subtle);transition:background-color .18s ease,transform .18s ease}.speaking-page__progress-segment.is-complete{background:rgba(var(--accent-rgb),var(--alpha-20))}.speaking-page__progress-segment.is-active{background:rgba(var(--accent-rgb),var(--alpha-52));transform:scaleY(1.2)}@keyframes speaking-page-rise{0%{opacity:0;transform:translateY(var(--size-10))}to{opacity:1;transform:translateY(0)}}@media (max-width: 860px){.speaking-page__shell{padding:var(--size-16) var(--page-gutter) var(--size-28)}.speaking-page__library{padding:var(--size-14);border-radius:var(--size-22)}.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 - var(--size-360));padding:var(--size-24) var(--size-20);border-radius:var(--size-28)}.speaking-page__prompt-text{font-size:clamp(var(--size-28),9vw,var(--size-42));text-wrap:initial}.speaking-page__cue-points{font-size:var(--size-16)}}.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:var(--size-10);gap:var(--size-10);border-bottom:var(--size-1) solid var(--border);background:var(--bg-color);flex-shrink:0}.vocab-test-back{width:var(--size-36);height:var(--size-36);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:var(--size-20);height:var(--size-20)}.vocab-test-title{flex:1;font-size:var(--size-16);font-weight:700;color:var(--text-primary);text-align:center;margin-right:var(--size-48)}.vocab-test-score{font-size:var(--size-14);font-weight:700;position:absolute;right:var(--size-10)}.vocab-test-score .score-correct{color:var(--success)}.vocab-test-score .score-sep{color:var(--text-tertiary);margin:0 var(--size-2)}.vocab-test-score .score-total{color:var(--text-tertiary)}.vocab-test-progress{height:var(--size-3);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:var(--size-10);padding:var(--size-10) 0;flex-shrink:0}.vocab-test-badge-num{font-size:var(--size-36);font-weight:800;line-height:1;color:var(--accent)}.vocab-test-badge-label{font-size:var(--size-14);color:var(--text-tertiary)}.vocab-test-play-area{display:flex;flex-direction:column;align-items:center;gap:var(--size-10);padding:var(--size-10) 0;flex-shrink:0}.vocab-test-play-btn{width:var(--size-72);height:var(--size-72);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:var(--size-14);color:var(--text-tertiary)}.vocab-test-options{display:flex;flex-direction:column;gap:var(--size-10);padding:0 var(--size-10) var(--size-10);flex:1}.vocab-test-opt{display:flex;align-items:flex-start;gap:var(--size-10);padding:var(--size-10);background:var(--bg-secondary);border:calc(var(--size-3) / 2) solid var(--border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:var(--motion-transition-interactive-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),var(--alpha-8))}.vocab-test-opt.wrong{border-color:var(--error);background:rgba(var(--error-rgb),var(--alpha-8))}.opt-indicator{width:var(--size-24);height:var(--size-24);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--size-12);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:var(--size-14);color:var(--text-primary);line-height:1.5;flex:1}.vocab-test-feedback{padding:var(--size-10);display:flex;flex-direction:column;gap:var(--size-10);flex-shrink:0}.feedback-text{font-size:var(--size-14);font-weight:600;text-align:center;padding:var(--size-10);border-radius:var(--radius-md)}.feedback-text.correct{color:var(--success);background:rgba(var(--success-rgb),var(--alpha-8))}.feedback-text.wrong{color:var(--error);background:rgba(var(--error-rgb),var(--alpha-8))}.vocab-test-next-btn{display:flex;align-items:center;justify-content:center;gap:var(--size-6);width:100%;padding:var(--size-14);background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-lg);font-size:var(--size-16);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:var(--size-16);color:var(--text-secondary)}.loading-spinner{width:var(--size-40);height:var(--size-40);border:var(--size-3) 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:var(--size-16);color:var(--error)}.vocab-test-error button{padding:var(--size-10) var(--size-24);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:var(--size-10);gap:var(--size-10)}.result-ring-wrap{position:relative;width:var(--size-130);height:var(--size-130)}.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:var(--size-28);font-weight:800;color:var(--text-primary)}.result-score{font-size:var(--size-14);color:var(--text-tertiary)}.result-msg{font-size:var(--size-18);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:var(--size-10)}.result-wrong-title{font-size:var(--size-14);font-weight:600;color:var(--text-secondary);margin-bottom:var(--size-10)}.result-wrong-item{display:flex;align-items:baseline;gap:var(--size-10);padding:var(--size-6) 0;border-bottom:var(--size-1) solid var(--border)}.result-wrong-item:last-child{border-bottom:none}.result-wrong-word{font-size:var(--size-14);font-weight:700;color:var(--accent);white-space:nowrap;min-width:var(--size-80)}.result-wrong-def{font-size:var(--size-14);color:var(--text-secondary)}.result-actions{display:flex;gap:var(--size-10);width:100%}.result-btn{flex:1;padding:var(--size-14);border-radius:var(--radius-lg);font-size:var(--size-16);font-weight:600;cursor:pointer;border:calc(var(--size-3) / 2) solid var(--border);background:none;color:var(--text-secondary);transition:var(--motion-transition-interactive-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:var(--size-10)}.admin-dashboard:before{display:none}.admin-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--size-10)}.admin-title{font-size:var(--size-22);font-weight:700;color:var(--text-primary);margin:0 0 var(--size-4)}.admin-subtitle{font-size:var(--size-14);color:var(--text-tertiary);margin:0}.admin-refresh-btn{display:flex;align-items:center;gap:var(--size-6);padding:var(--size-8) var(--size-14);background:var(--surface-muted);border:var(--size-1) solid var(--border-subtle);border-radius:var(--size-8);font-size:var(--size-14);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:var(--size-1) solid var(--error-bg);color:var(--error);padding:var(--size-10);border-radius:var(--size-10);font-size:var(--size-14);margin-bottom:var(--size-10);cursor:pointer}.admin-error-dismiss{opacity:.6;font-size:var(--size-12)}.admin-tabs{margin-bottom:var(--size-10);width:fit-content;max-width:100%}.admin-loading{display:flex;align-items:center;justify-content:center;min-height:var(--size-200);color:var(--text-tertiary);font-size:var(--size-14)}.admin-empty{text-align:center;color:var(--text-tertiary);padding:var(--size-32);font-size:var(--size-14)}.admin-table-skeleton{background:var(--surface-base);border:var(--size-1) solid var(--border-subtle);border-radius:var(--radius-10);box-shadow:var(--shadow-soft);padding:var(--size-12)}.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:var(--size-10);align-items:center}.admin-table-skeleton-head{padding-bottom:var(--size-12);border-bottom:var(--size-1) solid var(--border)}.admin-table-skeleton-body{display:flex;flex-direction:column}.admin-table-skeleton-row{padding:var(--size-14) 0;border-bottom:var(--size-1) solid var(--border-subtle)}.admin-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--size-200),1fr));gap:var(--size-10);margin-bottom:var(--size-10)}.admin-stat-card{position:relative;overflow:hidden;min-height:0;padding:var(--size-10);background:var(--surface-base);border:var(--size-1) solid var(--border-subtle);border-radius:var(--radius-10);box-shadow:var(--shadow-soft)}.admin-stat-label{font-size:var(--size-12);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:calc(var(--size-1) / 2);margin-bottom:var(--size-8)}.admin-stat-value{font-size:var(--size-28);font-weight:700;line-height:1;margin-bottom:var(--size-6)}.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:var(--size-12);color:var(--text-tertiary)}.admin-chart-section{background:var(--surface-base);border:var(--size-1) solid var(--border-subtle);border-radius:var(--radius-10);box-shadow:var(--shadow-soft);padding:var(--size-10);margin-bottom:var(--size-10)}.admin-section-title{font-size:var(--size-14);font-weight:600;color:var(--text-secondary);margin-bottom:var(--size-12)}.admin-chart-wrapper{padding:var(--size-4) 0}.admin-summary-heading{margin:var(--size-10) 0 0}.admin-summary-heading--compact{margin-top:0}.admin-summary-heading-text{font-size:var(--size-12);color:var(--text-tertiary)}.admin-mini-bar-chart{width:100%;height:var(--size-60)}.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:var(--size-3);margin-top:var(--size-4)}.admin-chart-label{flex:1;text-align:center;font-size:var(--size-10);color:var(--text-tertiary);overflow:hidden}.admin-two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--size-10)}@media (max-width: 700px){.admin-two-col{grid-template-columns:1fr}}.admin-card{background:var(--surface-base);border:var(--size-1) solid var(--border-subtle);border-radius:var(--radius-10);box-shadow:var(--shadow-soft);padding:var(--size-10)}.admin-mode-list{display:flex;flex-direction:column;gap:var(--size-10)}.admin-mode-row{display:grid;grid-template-columns:var(--size-90) 1fr var(--size-80);align-items:center;gap:var(--size-10)}.admin-mode-name{font-size:var(--size-14);color:var(--text-secondary)}.admin-mode-bar-wrap{background:var(--surface-inset);border-radius:var(--size-4);height:var(--size-8);overflow:hidden}.admin-mode-bar{height:100%;background:var(--accent);border-radius:var(--size-4);min-width:var(--size-2);transition:width .3s}.admin-mode-count{font-size:var(--size-12);color:var(--text-tertiary);text-align:right}.admin-book-list{display:flex;flex-direction:column;gap:var(--size-8)}.admin-book-row{display:flex;align-items:center;gap:var(--size-10);padding:var(--size-8) var(--size-10);background:var(--surface-muted);border-radius:var(--size-8);border:var(--size-1) solid var(--border-subtle)}.admin-book-rank{font-size:var(--size-12);font-weight:700;color:var(--text-tertiary);width:var(--size-20);flex-shrink:0}.admin-book-name{font-size:var(--size-14);color:var(--text-primary);flex:1}.admin-book-meta{font-size:var(--size-12);color:var(--text-tertiary);flex-shrink:0}.admin-search-row{display:flex;align-items:center;gap:var(--size-10);margin-bottom:var(--size-10);flex-wrap:wrap}.admin-search-input{flex:1;min-width:var(--size-200);max-width:var(--size-340);padding:var(--size-10);border:var(--size-1) solid var(--border-subtle);border-radius:var(--size-10);font-size:var(--size-14);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:var(--size-10);background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--size-10);font-size:var(--size-14);font-weight:600;cursor:pointer;transition:background .15s}.admin-search-btn:hover{background:var(--accent-hover)}.admin-search-clear{padding:var(--size-10);background:var(--surface-muted);border:var(--size-1) solid var(--border-subtle);border-radius:var(--size-10);font-size:var(--size-14);color:var(--text-secondary);cursor:pointer}.admin-search-clear:hover{background:var(--surface-hover)}.admin-total-hint{font-size:var(--size-14);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:var(--size-1) solid var(--border-subtle);border-radius:var(--radius-10);box-shadow:var(--shadow-soft);width:100%;max-width:100%;min-width:0}.admin-mode-progress{width:100%;height:var(--size-8);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:var(--radius-pill);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:var(--size-14);white-space:nowrap;min-width:var(--size-980);background:transparent}.admin-feedback{min-width:0}.admin-feedback-header{display:flex;align-items:center;justify-content:space-between;gap:var(--size-12);margin-bottom:var(--size-10);flex-wrap:wrap}.admin-feedback-table{min-width:var(--size-920)}.admin-feedback-word,.admin-feedback-user,.admin-feedback-context{display:flex;flex-direction:column;gap:var(--size-4);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:var(--size-12);line-height:1.6}.admin-feedback-word em{color:var(--text-tertiary);font-style:normal;font-size:var(--size-12);line-height:1.6}.admin-feedback-tags{display:flex;flex-wrap:wrap;gap:var(--size-6)}.admin-feedback-tag{display:inline-flex;align-items:center;padding:var(--size-4) var(--size-8);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent) var(--mix-10),var(--surface-muted));color:var(--accent);font-size:var(--size-12);font-weight:600}.admin-table thead tr{background:var(--surface-muted)}.admin-table th{padding:var(--size-12) var(--size-14);text-align:center;font-size:var(--size-12);font-weight:600;color:var(--text-tertiary);border-bottom:var(--size-1) 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:var(--size-4);opacity:.3;font-size:var(--size-10)}.admin-sort-icon.is-active{opacity:1}.admin-table td{padding:var(--size-12) var(--size-14);border-bottom:var(--size-1) 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:var(--size-10)}.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:var(--size-10)}.admin-user-row{padding:var(--size-10);border:var(--size-1) solid var(--border);border-radius:var(--size-10);background:var(--surface-base);box-shadow:var(--shadow-soft)}.admin-table td{padding:var(--size-10) 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:var(--size-4);font-size:var(--size-12);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:var(--size-10);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:var(--size-8)}.admin-user-name{font-weight:600;color:var(--text-primary)}.admin-user-name--admin{color:var(--warning)}.admin-avatar{width:var(--size-28);height:var(--size-28);border-radius:50%;object-fit:cover;flex-shrink:0}.admin-avatar-placeholder{width:var(--size-28);height:var(--size-28);border-radius:50%;background:var(--accent);color:var(--text-inverse);font-size:var(--size-12);font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-avatar-placeholder.large{width:var(--size-44);height:var(--size-44);font-size:var(--size-16)}.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:var(--size-2) var(--size-8);border-radius:var(--size-10);font-size:var(--size-12);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:var(--size-40)!important;font-size:var(--size-14)}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:var(--size-6);margin-top:var(--size-16)}.admin-pagination button{padding:var(--size-6) var(--size-12);border:var(--size-1) solid var(--border);border-radius:var(--size-6);background:var(--bg-secondary);color:var(--text-secondary);font-size:var(--size-14);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:var(--size-40) var(--size-20);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:var(--size-1) solid var(--border);border-radius:var(--size-14);width:100%;max-width:var(--size-820);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:var(--size-240);flex-shrink:0;border-right:var(--size-1) 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:var(--size-1) solid var(--border);padding:var(--size-10) var(--size-16)}.admin-modal-fs-sidebar .admin-modal-stat:last-child{border-bottom:var(--size-1) solid var(--border)}.admin-modal-fs-sidebar .admin-modal-stat-val{font-size:var(--size-16)}.admin-modal-fs-sidebar .admin-modal-stat-lbl{margin-top:0;font-size:var(--size-12)}.admin-modal-fs-sidebar .admin-detail-filters{flex-direction:column;align-items:stretch;gap:var(--size-6);padding:var(--size-12)}.admin-modal-fs-sidebar .admin-detail-tabs{flex-direction:column;border-bottom:none;align-items:center;padding:var(--size-12) var(--size-10);gap:var(--size-8);flex:1}.admin-modal-fs-sidebar .admin-detail-tab{display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--size-42);padding:var(--size-10) var(--size-12);text-align:center;border:var(--size-1) solid transparent;border-radius:var(--size-10);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(calc(var(--size-1) * -1))}.admin-modal-fs-sidebar .admin-detail-tab.active{background:var(--accent-light);border-color:transparent;box-shadow:inset 0 0 0 var(--size-1) rgba(var(--accent-rgb),var(--alpha-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:var(--size-20) var(--size-28)}.admin-modal-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--size-16);padding:var(--size-10) var(--size-20);border-bottom:var(--size-1) solid var(--border);background:var(--bg-secondary)}.admin-modal-user-info{display:flex;align-items:center;gap:var(--size-12);flex:1 1 var(--size-320);min-width:0}.admin-modal-avatar{width:var(--size-44);height:var(--size-44);border-radius:50%;object-fit:cover;flex-shrink:0}.admin-modal-username{font-size:var(--size-16);font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--size-8)}.admin-modal-user-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--size-6);flex:1;min-width:0}.admin-modal-username-hl{font-size:var(--size-16);font-weight:700;color:var(--accent)}.admin-modal-username-hl--admin{color:var(--warning)}.admin-modal-meta-sep{font-size:var(--size-14);color:var(--border);-webkit-user-select:none;user-select:none}.admin-modal-meta-item{font-size:var(--size-14);color:var(--text-tertiary);overflow-wrap:anywhere}.admin-modal-email{font-size:var(--size-12);color:var(--text-tertiary);margin-top:var(--size-2)}.admin-modal-meta{font-size:var(--size-12);color:var(--text-tertiary);margin-top:var(--size-1)}.admin-modal-close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--size-6);border-radius:var(--size-6);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:var(--size-1) solid var(--border);overflow-x:auto;background:var(--bg-color)}.admin-modal-stat{flex:1;min-width:var(--size-80);padding:var(--size-12) var(--size-10);text-align:center;border-right:var(--size-1) solid var(--border)}.admin-modal-stat:last-child{border-right:none}.admin-modal-stat-val{font-size:var(--size-18);font-weight:700;color:var(--text-primary)}.admin-modal-stat-lbl{font-size:var(--size-12);color:var(--text-tertiary);margin-top:var(--size-2)}.admin-detail-filters{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:var(--size-8);padding:var(--size-10);background:var(--bg-secondary);border:none;border-radius:0;box-shadow:none;border-bottom:var(--size-1) solid var(--border)}.admin-filter-date{min-height:var(--size-32);padding:var(--size-5) var(--size-8);border:var(--size-1) solid var(--border);border-radius:var(--size-6);background:var(--bg-color);color:var(--text-primary);font-size:var(--size-12);outline:none;transition:var(--motion-transition-surface-fast)}.admin-filter-date:focus,.admin-filter-date:focus-visible{border-color:rgba(var(--accent-rgb),var(--alpha-42));box-shadow:var(--focus-ring)}.admin-filter-select{min-height:var(--size-32);padding:var(--size-5) var(--size-8);border:var(--size-1) solid var(--border);border-radius:var(--size-6);background:var(--bg-color);color:var(--text-primary);font-size:var(--size-12);outline:none;transition:var(--motion-transition-surface-fast)}.admin-filter-select:focus,.admin-filter-select:focus-visible{border-color:rgba(var(--accent-rgb),var(--alpha-42));box-shadow:var(--focus-ring)}.admin-filter-select{cursor:pointer}.admin-filter-apply{min-height:var(--size-32);padding:var(--size-5) var(--size-14);border:none;border-radius:var(--size-6);background:var(--accent);color:var(--text-inverse);font-size:var(--size-12);font-weight:600;cursor:pointer;transition:var(--motion-transition-interactive-fast)}.admin-filter-apply:focus-visible{outline:none;border-color:rgba(var(--accent-rgb),var(--alpha-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:var(--size-32);padding:var(--size-5) var(--size-12);border:var(--size-1) solid var(--border);border-radius:var(--size-6);background:transparent;color:var(--text-secondary);font-size:var(--size-12);font-weight:400;cursor:pointer;transition:var(--motion-transition-interactive-fast)}.admin-filter-reset:focus-visible{outline:none;border-color:rgba(var(--accent-rgb),var(--alpha-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 var(--size-16);border-bottom:var(--size-1) solid var(--border);background:var(--bg-secondary)}.admin-detail-tab{padding:var(--size-10) var(--size-14);background:none;border:none;border-bottom:var(--size-2) solid transparent;font-size:var(--size-14);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:var(--size-16) var(--size-20);max-height:var(--size-520);overflow-y:auto;background:var(--bg-color)}.admin-modal-toggle-fs{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--size-6);border-radius:var(--size-6);transition:color .12s,background .12s;flex-shrink:0;line-height:0;margin-right:var(--size-4)}.admin-modal-toggle-fs:hover{color:var(--text-primary);background:var(--bg-tertiary)}.admin-detail-table{width:100%;border-collapse:collapse;font-size:var(--size-14)}.admin-detail-table th{padding:var(--size-8) var(--size-10);background:var(--bg-secondary);font-size:var(--size-12);font-weight:600;color:var(--text-tertiary);border-bottom:var(--size-1) solid var(--border);text-align:center;white-space:nowrap}.admin-detail-table td{padding:var(--size-10) var(--size-10);background:transparent;color:var(--text-primary);border-bottom:var(--size-1) 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:var(--size-180);margin-inline:auto}.admin-book-progress__meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--size-12);margin-bottom:var(--size-6);font-size:var(--size-12);color:var(--text-secondary)}.admin-book-progress__meta strong{font-size:var(--size-14);color:var(--text-primary)}.admin-book-progress__track{height:var(--size-8);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent) var(--mix-12),var(--bg-tertiary));overflow:hidden}.admin-book-progress__fill{display:block;width:var(--progress-percent, 0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) var(--mix-70),var(--bg-color)))}.admin-book-performance{display:flex;flex-direction:column;align-items:center;gap:var(--size-3);font-size:var(--size-12);text-align:center}.admin-status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:var(--size-20);padding:var(--size-2) var(--size-8);border-radius:var(--size-10);background:transparent;color:var(--text-secondary);font-size:var(--size-12);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:var(--size-8)}.admin-section-title--spaced{margin-top:var(--size-20);margin-bottom:var(--size-8)}.admin-chart-table{width:100%;border-collapse:collapse;font-size:var(--size-14)}.admin-chart-table__row{border-top:var(--size-1) solid var(--border)}.admin-chart-table__th,.admin-chart-table__td{padding:var(--size-6) var(--size-8)}.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:var(--size-14);color:var(--text-tertiary);margin-bottom:var(--size-12)}.admin-detail-ellipsis{max-width:var(--size-120);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-detail-ellipsis--wide{max-width:var(--size-200)}.admin-section-title{font-size:var(--size-18);font-weight:600;margin-bottom:var(--size-8)}.admin-section-desc{color:var(--text-secondary);font-size:var(--size-14);margin-bottom:var(--size-10)}.admin-modal-actions{display:flex;align-items:center}.admin-filter-separator{color:var(--text-tertiary);font-size:var(--size-12)}.admin-section-title--tight{margin-bottom:var(--size-8)}.admin-section-title--stacked{margin-top:var(--size-20);margin-bottom:var(--size-8)}.admin-inline-table{width:100%;border-collapse:collapse;font-size:var(--size-14)}.admin-inline-table-head{color:var(--text-tertiary)}.admin-inline-table-row{border-top:var(--size-1) solid var(--border)}.admin-inline-table-cell{padding:var(--size-6) var(--size-8);text-align:center}.admin-inline-table-cell--left,.admin-inline-table-cell--right{text-align:center;padding:var(--size-4) var(--size-8)}.admin-cell-positive{color:var(--success)}.admin-cell-negative{color:var(--error)}.admin-detail-summary{font-size:var(--size-14);color:var(--text-tertiary);margin-bottom:var(--size-12)}.admin-detail-summary--row{display:flex;align-items:center;justify-content:space-between;gap:var(--size-12);flex-wrap:wrap}.admin-detail-actions{display:flex;align-items:center;justify-content:center;gap:var(--size-8);flex-wrap:wrap}.admin-detail-action-btn{min-height:var(--size-32);padding:var(--size-5) var(--size-12);border:var(--size-1) solid var(--border);border-radius:var(--size-8);background:transparent;color:var(--text-secondary);font-size:var(--size-12);font-weight:500;cursor:pointer;transition:var(--motion-transition-interactive-fast)}.admin-detail-action-btn:focus-visible{outline:none;border-color:rgba(var(--accent-rgb),var(--alpha-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) var(--mix-26),var(--border));color:var(--accent)}.admin-detail-inline-filter{display:inline-flex;align-items:center;gap:var(--size-8)}.admin-detail-inline-filter__label{font-size:var(--size-12);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:var(--size-180)}.admin-cell-ellipsis{max-width:var(--size-120);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-inline:auto}.admin-cell-ellipsis--wide{max-width:var(--size-200)}.journal-page{gap:var(--size-10);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:var(--size-10);flex:0 0 auto;min-height:var(--size-48)}.journal-filter-bar{display:flex;justify-content:flex-start;flex-wrap:nowrap;gap:var(--size-10);padding:var(--size-6) var(--size-8);background:color-mix(in srgb,var(--surface-base) var(--mix-92),var(--surface-muted));border:var(--size-1) solid var(--border-subtle);border-radius:var(--radius-10);box-shadow:none;flex:0 1 auto;min-width:0;min-height:var(--size-48);justify-content:flex-end;align-items:center}.journal-filter-group{display:flex;align-items:center;gap:var(--size-6);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:var(--size-36);padding:0 var(--size-10) 0 var(--size-36);border:var(--size-1) solid var(--border);border-radius:var(--size-10);background:color-mix(in srgb,var(--surface-base) var(--mix-96),var(--surface-muted));color:var(--text-primary);font-size:.88rem;outline:none;transition:var(--motion-transition-surface-fast)}.journal-date-input:focus,.journal-date-input:focus-visible{border-color:rgba(var(--accent-rgb),var(--alpha-42));box-shadow:var(--focus-ring)}.journal-date-input{width:var(--size-144);flex:0 1 var(--size-144);min-height:var(--size-36);background-color:color-mix(in srgb,var(--surface-base) var(--mix-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:var(--size-12) center;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none}.journal-date-input:focus{border-color:color-mix(in srgb,var(--accent) var(--mix-38),var(--border));box-shadow:0 0 0 var(--size-3) color-mix(in srgb,var(--accent) var(--mix-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:var(--size-36);padding:0;border:var(--size-1) solid transparent;border-radius:var(--size-10);background:transparent;color:var(--text-secondary);font-size:.84rem;font-weight:600;cursor:pointer;transition:var(--motion-transition-interactive-fast)}.journal-filter-reset:focus-visible{outline:none;border-color:rgba(var(--accent-rgb),var(--alpha-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:var(--size-36);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:var(--size-6);border-left:var(--size-1) solid var(--border-subtle)}.journal-export-btn{min-height:var(--size-36);padding:0;border:var(--size-1) solid transparent;border-radius:var(--size-10);background:transparent;color:var(--text-secondary);font-size:.82rem;font-weight:700;cursor:pointer;transition:var(--motion-transition-interactive-fast)}.journal-export-btn:focus-visible{outline:none;border-color:rgba(var(--accent-rgb),var(--alpha-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:var(--size-36)}.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:var(--size-10);padding:var(--size-6) var(--size-8);background:color-mix(in srgb,var(--surface-base) var(--mix-92),var(--surface-muted));border:var(--size-1) solid var(--border-subtle);border-radius:var(--radius-10);box-shadow:none;display:flex;align-items:stretch;justify-content:flex-end;flex-direction:column;flex:0 0 auto;min-height:var(--size-48)}.journal-summary-actions__buttons{display:flex;align-items:center;justify-content:flex-end;gap:var(--size-10)}.journal-summary-progress,.journal-summary-progress-panel{position:relative;overflow:hidden;min-height:0;padding:var(--size-10);background:color-mix(in srgb,var(--surface-base) var(--mix-94),var(--surface-muted));border:var(--size-1) solid var(--border-subtle);border-radius:var(--size-10);box-shadow:none;display:flex;flex-direction:column;gap:var(--size-8)}.journal-summary-progress__head,.journal-summary-progress-panel__head{display:flex;align-items:center;justify-content:space-between;gap:var(--size-10);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:var(--size-8);border-radius:var(--radius-pill);overflow:hidden;background:color-mix(in srgb,var(--accent) var(--mix-10),var(--surface-muted))}.journal-summary-progress__fill{display:block;width:var(--progress-percent, 0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) var(--mix-62),var(--surface-elevated)));transition:width var(--transition-normal)}.journal-summary-progress-panel{max-width:var(--size-560)}.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:var(--size-280) minmax(0,1fr);flex:1;height:100%;min-height:0;overflow:hidden;background:var(--surface-base);border:var(--size-1) solid var(--border);border-radius:var(--size-10);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:var(--size-8);min-width:0;min-height:0;height:100%;padding:var(--size-8);border-right:var(--size-1) solid var(--border);background:color-mix(in srgb,var(--surface-muted) var(--mix-72),var(--surface-base));overflow:hidden}.journal-doc-sidebar-head{display:flex;flex-direction:column;gap:var(--size-8);min-height:var(--size-72);padding-bottom:var(--size-8);border-bottom:var(--size-1) solid var(--border)}.journal-doc-sidebar-copy{display:flex;flex-direction:column;gap:var(--size-6)}.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:var(--size-28);padding:0 var(--size-10);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent) var(--mix-8),transparent);color:var(--accent);font-size:.82rem;font-weight:700;align-self:flex-start}.journal-generate-btn{min-height:var(--size-40);padding:0 var(--size-10);border:var(--size-1) solid transparent;border-radius:var(--size-10);background:var(--accent);color:var(--text-inverse);font-size:.88rem;font-weight:700;cursor:pointer;transition:var(--motion-transition-interactive-fast)}.journal-generate-btn:focus-visible{outline:none;border-color:rgba(var(--accent-rgb),var(--alpha-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(calc(var(--size-1) * -1));box-shadow:var(--glow-accent)}.journal-doc-list{display:flex;flex-direction:column;gap:var(--size-8);min-height:0;overflow-y:auto;padding-right:var(--size-2)}.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:var(--size-6);width:100%;padding:var(--size-10);border:var(--size-1) solid transparent;border-radius:var(--size-10);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(calc(var(--size-1) * -1));border-color:color-mix(in srgb,var(--accent) var(--mix-18),var(--border));background:var(--surface-base)}.journal-doc-item.active{border-color:color-mix(in srgb,var(--accent) var(--mix-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:var(--size-8);flex:1;min-width:0;min-height:0;height:100%;padding:var(--size-8);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:var(--size-8);flex:0 0 auto;min-height:var(--size-72);padding-bottom:var(--size-8);border-bottom:var(--size-1) solid var(--border)}.journal-doc-breadcrumb{font-size:.82rem;color:var(--text-tertiary)}.journal-doc-main-actions{display:flex;align-items:center;gap:var(--size-10)}.journal-regen-btn{min-height:var(--size-40);padding:0 var(--size-10);border:var(--size-1) solid var(--border);border-radius:var(--size-10);background:var(--surface-base);color:var(--text-secondary);font-size:.84rem;font-weight:700;cursor:pointer;transition:var(--motion-transition-interactive-fast)}.journal-regen-btn:focus-visible{outline:none;border-color:rgba(var(--accent-rgb),var(--alpha-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(calc(var(--size-1) * -1));border-color:color-mix(in srgb,var(--accent) var(--mix-30),var(--border));color:var(--accent)}.journal-doc-hero{position:relative;overflow:hidden;min-height:0;padding:var(--size-10);background:var(--surface-base);border:var(--size-1) solid var(--border-subtle);border-radius:var(--size-10);box-shadow:none;display:flex;flex:0 0 auto;flex-direction:column;gap:var(--size-8);border-bottom:var(--size-1) solid var(--border)}.journal-doc-hero--note{background:color-mix(in srgb,var(--surface-base) var(--mix-88),var(--surface-muted))}.journal-doc-date-chip,.journal-doc-meta-chip{display:inline-flex;align-items:center;justify-content:center;min-height:var(--size-28);padding:0 var(--size-10);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent) var(--mix-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:var(--size-10)}.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:var(--size-820);font-size:.96rem;line-height:1.85;color:var(--text-secondary)}.journal-doc-meta-row{display:flex;align-items:center;gap:var(--size-10);font-size:.82rem;color:var(--text-tertiary)}.journal-doc-body{flex:1;min-height:0;overflow-y:auto;padding-right:var(--size-4)}.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:var(--size-8);overflow-y:auto;padding-right:var(--size-4)}.journal-doc-main-scroll--summary{padding-right:0}.journal-summary-profile{position:relative;overflow:hidden;min-height:0;padding:var(--size-10);background:color-mix(in srgb,var(--surface-base) var(--mix-96),var(--surface-muted));border:var(--size-1) solid var(--border-subtle);border-radius:var(--size-10);box-shadow:none;display:flex;flex:0 0 auto;flex-direction:column;gap:var(--size-12)}.journal-summary-profile__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--size-12)}.journal-summary-profile__copy{display:flex;flex-direction:column;gap:var(--size-6)}.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:var(--size-30);padding:0 var(--size-12);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent) var(--mix-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:var(--size-8)}.journal-summary-profile__metric,.journal-summary-profile__card{border-radius:var(--size-12);border:var(--size-1) solid var(--border-subtle);background:var(--surface-base)}.journal-summary-profile__metric{display:flex;flex-direction:column;gap:var(--size-6);padding:var(--size-12)}.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:var(--size-8)}.journal-summary-profile__card{display:flex;flex-direction:column;gap:var(--size-10);padding:var(--size-12)}.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:var(--size-12)}.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:var(--size-8)}.journal-summary-profile__chip{display:inline-flex;align-items:center;justify-content:center;min-height:var(--size-30);padding:0 var(--size-12);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent) var(--mix-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:var(--size-8);margin:0;padding:0;list-style:none}.journal-summary-profile__list li{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--size-10);padding-bottom:var(--size-8);border-bottom:var(--size-1) 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:var(--size-14)}.journal-summary-profile__actions li:before{content:"";position:absolute;top:.7em;left:0;width:var(--size-6);height:var(--size-6);border-radius:var(--radius-pill);background:var(--accent)}.journal-summary-profile__timeline{display:flex;flex-direction:column;gap:var(--size-10);margin:0;padding:0;list-style:none}.journal-summary-profile__timeline-item{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--size-12);padding-bottom:var(--size-10);border-bottom:var(--size-1) 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:var(--size-4);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:var(--size-8)}.journal-note-detail-card{position:relative;overflow:hidden;min-height:0;padding:var(--size-10);background:var(--surface-base);border:var(--size-1) solid var(--border-subtle);border-radius:var(--radius-10);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:var(--size-10)}.journal-note-detail-card--answer{min-height:var(--size-320)}.journal-note-detail-card--memory{gap:var(--size-12)}.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:var(--size-8)}.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:var(--size-10);margin:0;padding:0;list-style:none}.journal-note-memory-list li{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--size-12);padding-bottom:var(--size-10);border-bottom:var(--size-1) 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:var(--size-28);padding:0 var(--size-10);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent-light) var(--mix-74),var(--surface-elevated) var(--mix-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:var(--size-10)}.journal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--size-10);min-height:var(--size-220);color:var(--text-secondary);background:var(--surface-base)}.journal-doc-skeleton{display:flex;flex-direction:column;gap:var(--size-12);padding:var(--size-12);border-radius:var(--size-16);background:color-mix(in srgb,var(--surface-base) var(--mix-92),var(--surface-elevated));border:var(--size-1) solid var(--border-subtle)}.journal-doc-skeleton-body{display:flex;flex-direction:column;gap:var(--size-10);margin-top:var(--size-8)}.journal-doc-skeleton--notes{display:grid;grid-template-columns:minmax(var(--size-280),var(--size-340)) minmax(0,1fr);gap:var(--size-10);width:100%;height:100%;padding:0;border:none;background:transparent}.journal-doc-skeleton-sidebar,.journal-doc-skeleton-main{border-radius:var(--size-16);border:var(--size-1) solid var(--border-subtle);background:color-mix(in srgb,var(--surface-base) var(--mix-92),var(--surface-elevated));padding:var(--size-12)}.journal-doc-skeleton-sidebar{display:flex;flex-direction:column;gap:var(--size-10)}.journal-doc-skeleton-item,.journal-doc-skeleton-note-card{display:flex;flex-direction:column;gap:var(--size-8);padding:var(--size-10);border-radius:var(--size-12);background:var(--surface-base);border:var(--size-1) solid var(--border-subtle)}.journal-doc-skeleton-main{display:flex;flex-direction:column;gap:var(--size-12)}.journal-doc-skeleton-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--size-10)}.journal-error{padding:var(--size-10);border:var(--size-1) solid color-mix(in srgb,var(--error) var(--mix-26),var(--border));background:color-mix(in srgb,var(--error-light) var(--mix-82),var(--surface-base));color:var(--error);font-size:.9rem}.journal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--size-10);min-height:var(--size-240);padding:var(--size-10);text-align:center;border:var(--size-1) dashed color-mix(in srgb,var(--accent) var(--mix-18),var(--border));background:color-mix(in srgb,var(--surface-muted) var(--mix-86),var(--surface-base));color:var(--text-secondary)}.journal-empty--sidebar{min-height:var(--size-180)}.journal-empty--main{flex:1}.journal-empty p{margin:0;max-width:var(--size-480);line-height:1.75}.journal-pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--size-10);padding-top:var(--size-10);border-top:var(--size-1) solid var(--border)}.journal-page-btn{min-height:var(--size-40);padding:0 var(--size-10);border:var(--size-1) solid var(--border);border-radius:var(--size-10);background:var(--surface-base);color:var(--text-secondary);font-size:.84rem;font-weight:700;cursor:pointer;transition:var(--motion-transition-interactive-fast)}.journal-page-btn:focus-visible{outline:none;border-color:rgba(var(--accent-rgb),var(--alpha-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(calc(var(--size-1) * -1));border-color:color-mix(in srgb,var(--accent) var(--mix-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:var(--size-1) solid var(--border)}.journal-doc-list{max-height:var(--size-280)}}.journal-filter-reset img,.journal-export-btn svg{width:var(--size-14);height:var(--size-14)}.journal-filter-reset img{display:block;width:var(--size-16);height:var(--size-16);object-fit:contain}@media (max-width: 720px){.journal-topbar{flex-direction:column;align-items:stretch;gap:var(--size-10)}.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:var(--size-52)}.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 var(--size-10);font-weight:800;color:var(--text-primary)}.markdown-content h1{font-size:1.9rem;line-height:1.14}.markdown-content h2{padding-top:var(--size-10);border-top:var(--size-1) solid var(--border);font-size:1.25rem;line-height:1.3}.markdown-content h3{font-size:1rem}.markdown-content p{margin:0 0 var(--size-10);color:var(--text-primary)}.markdown-content ul,.markdown-content ol{margin:0 0 var(--size-10) var(--size-20);padding:0}.markdown-content li{margin:0 0 var(--size-6)}.markdown-content blockquote{margin:0 0 var(--size-10);padding:var(--size-10);border-left:var(--size-3) solid color-mix(in srgb,var(--accent) var(--mix-32),transparent);border-radius:0 var(--size-10) var(--size-10) 0;background:color-mix(in srgb,var(--accent) var(--mix-5),transparent);color:var(--text-secondary)}.markdown-content hr{margin:var(--size-10) 0;border:none;border-top:var(--size-1) solid var(--border)}.markdown-content table{width:100%;margin:0 0 var(--size-10);border-collapse:separate;border-spacing:0;border:var(--size-1) solid var(--border);border-radius:var(--size-10);overflow:hidden}.markdown-content thead th{padding:var(--size-10);background:color-mix(in srgb,var(--surface-muted) var(--mix-88),var(--surface-base));border-bottom:var(--size-1) 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:var(--size-10);border-bottom:var(--size-1) 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 var(--size-10);padding:var(--size-10);border-radius:var(--size-10);background:var(--surface-code);color:var(--surface-code-text);overflow-x:auto}.markdown-content code:not(pre code){padding:var(--size-2) var(--size-6);border-radius:var(--size-10);background:color-mix(in srgb,var(--surface-muted) var(--mix-92),var(--surface-base));color:var(--text-primary)}.markdown-content a{color:var(--accent);text-decoration:none;border-bottom:var(--size-1) solid rgba(var(--accent-rgb),var(--alpha-24))}.markdown-content a:hover{border-bottom-color:rgba(var(--accent-rgb),var(--alpha-50))}.loading{display:flex;align-items:center;justify-content:center;min-height:var(--size-200)}.loading-spinner{width:var(--size-40);height:var(--size-40);border:var(--size-3) 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:var(--size-40);height:var(--size-40);border:var(--size-3) 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:var(--size-1);height:var(--size-1);padding:0;margin:calc(var(--size-1) * -1);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:var(--size-120);width:100%;padding:var(--size-10);box-sizing:border-box}.loading-state--global{min-height:100vh;padding:0}.loading-state--page{min-height:calc(100vh - var(--header-height, 0px) - var(--size-20));padding:0}.loading-state--component{min-height:var(--size-120);padding:var(--size-10)}.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(var(--size-4));backdrop-filter:blur(var(--size-4));z-index:var(--layer-global-loading)}.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--size-10);text-align:center;min-width:var(--size-120);padding:var(--size-10);border:var(--size-1) solid var(--border-strong);border-radius:var(--size-10);background:var(--surface-floating);box-shadow:var(--shadow-soft)}.loading-spinner-shell{display:flex;align-items:center;justify-content:center;width:var(--size-40);height:var(--size-40);border-radius:50%;background:transparent}.loading-text{margin:0;font-size:var(--size-14);font-weight:500;letter-spacing:.01em;color:var(--text-secondary)}.micro-loading{display:inline-flex;align-items:center;gap:var(--size-6);min-width:0;color:var(--text-secondary)}.micro-loading--accent{color:var(--accent)}.micro-loading__spinner{flex-shrink:0}.micro-loading__text{font-size:var(--size-12);font-weight:600;line-height:1.4;white-space:nowrap}.ui-skeleton{position:relative;overflow:hidden;width:var(--ui-skeleton-width, auto);height:var(--ui-skeleton-height, auto);border-radius:var(--size-10);background:linear-gradient(90deg,color-mix(in srgb,var(--surface-elevated) var(--mix-92),var(--text-primary) var(--mix-8)),color-mix(in srgb,var(--surface-elevated) var(--mix-98),var(--surface-base) var(--mix-2)),color-mix(in srgb,var(--surface-elevated) var(--mix-92),var(--text-primary) var(--mix-8)));background-size:220% 100%;animation:skeletonShimmer 1.35s ease-in-out infinite}.ui-skeleton--text{height:var(--size-14);border-radius:var(--radius-pill)}.ui-skeleton--circular{border-radius:var(--radius-pill)}.ui-skeleton--rectangular{border-radius:var(--size-12)}.page-skeleton{width:100%;min-height:calc(100vh - var(--header-height, 0px) - var(--size-20));padding:var(--page-gutter);box-sizing:border-box}.page-content>.page-skeleton{padding:0}.page-skeleton-body{display:flex;flex-direction:column;gap:var(--size-14);width:100%;min-height:100%}.page-skeleton-intro{display:flex;align-items:center}.page-skeleton-grid{display:grid;gap:var(--size-10)}.page-skeleton-grid--books{grid-template-columns:repeat(auto-fit,minmax(var(--page-skeleton-book-min-width, var(--size-260)),1fr))}.page-skeleton-grid--metrics{grid-template-columns:repeat(auto-fit,minmax(var(--size-160),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(var(--size-260),var(--size-320)) 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:var(--size-12);padding:var(--size-14);border:var(--size-1) solid var(--border-strong);border-radius:var(--size-12);background:var(--surface-elevated);box-shadow:var(--shadow-soft)}.page-skeleton-card--book{min-height:var(--size-210)}.page-skeleton-card--metric{min-height:var(--size-112);justify-content:center}.page-skeleton-card--option{min-height:var(--size-120)}.page-skeleton-panel--wide{min-height:var(--size-340)}.page-skeleton-panel--sidebar,.page-skeleton-panel--document{min-height:var(--size-560)}.page-skeleton-row{display:flex;align-items:center;gap:var(--size-12)}.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:var(--size-10)}.page-skeleton-stack--book-title{flex:1;min-width:0}.page-skeleton-tabs{display:flex;align-items:center;gap:var(--size-10)}.page-skeleton-chart{min-height:var(--size-220);border-radius:var(--size-12);border:var(--size-1) solid color-mix(in srgb,var(--border-strong) var(--mix-72),transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-elevated) var(--mix-96),transparent),color-mix(in srgb,var(--surface-base) var(--mix-94),transparent))}.page-skeleton-chart--donut{min-height:var(--size-260)}.page-skeleton-table{display:flex;flex-direction:column;gap:var(--size-10)}.page-skeleton-practice,.page-skeleton-quiz{display:flex;flex-direction:column;gap:var(--size-14)}.page-skeleton-practice-head,.page-skeleton-practice-stage,.page-skeleton-quiz-card{display:flex;flex-direction:column;gap:var(--size-12);padding:var(--size-14);border:var(--size-1) solid var(--border-strong);border-radius:var(--size-12);background:var(--surface-elevated);box-shadow:var(--shadow-soft)}.page-skeleton-practice-stage{min-height:var(--size-220);justify-content:center}.page-skeleton-quiz-card{min-height:var(--size-180);justify-content:center}.page-skeleton-sidebar-item{display:flex;flex-direction:column;gap:var(--size-10);padding:var(--size-12);border-radius:var(--size-12);border:var(--size-1) solid color-mix(in srgb,var(--border-strong) var(--mix-72),transparent);background:color-mix(in srgb,var(--surface-elevated) var(--mix-98),transparent)}.ui-surface{background:var(--surface-base);border:var(--size-1) solid var(--border-strong);border-radius:var(--size-10);box-shadow:var(--shadow-soft);backdrop-filter:none;-webkit-backdrop-filter:none}.ui-panel{background:var(--surface-elevated);border:var(--size-1) solid var(--border-strong);border-radius:var(--size-10);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:var(--size-32);height:var(--size-32);font-size:var(--size-12)}.day-grid{gap:var(--size-6)}.day-number{font-size:var(--size-14)}.day-status{font-size:var(--size-12)}}@media (max-width: 480px){.header-left{gap:var(--space-sm)}.tool-buttons{gap:var(--size-2)}.tool-btn{width:var(--size-36);height:var(--size-36)}.options-grid{gap:var(--space-sm)}.option-btn{padding:var(--space-md);min-height:var(--size-80)}.option-definition{font-size:var(--size-14)}.play-btn{width:var(--size-60);height:var(--size-60)}.play-btn svg{width:var(--size-24);height:var(--size-24)}}@media (max-width: 768px){:root{--header-height: var(--size-52)}.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:var(--size-16)}.header-right{gap:var(--space-xs)}.header-toolbar{display:flex}.header-toolbar .icon-btn{display:none}.logo-img{width:var(--size-32);height:var(--size-32)}.logo-text{font-size:var(--size-16)}.header-btn{width:var(--size-36);height:var(--size-36)}.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) + var(--size-56));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:var(--size-22)}.stats-grid{grid-template-columns:repeat(2,1fr)}.day-grid{grid-template-columns:repeat(5,1fr)!important;gap:var(--size-6)}.day-card{padding:var(--space-sm) var(--size-4)}.day-number{font-size:var(--size-12)}.day-words,.prev-word-inline{display:none}.practice-main{padding:var(--space-md);gap:var(--space-md);max-width:100%}.word-text{font-size:var(--size-28)}.options-grid{grid-template-columns:1fr;gap:var(--space-sm)}.play-btn-large{width:var(--size-64);height:var(--size-64)}.play-btn-large svg{width:var(--size-24);height:var(--size-24)}.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:var(--size-1) 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:var(--size-2) 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,var(--size-640))}.avatar-modal-overlay{align-items:flex-end;padding:0}.radio-word{font-size:var(--size-28)}.auth-card{padding:var(--space-lg);margin:var(--space-md)}.auth-title{font-size:var(--size-20)}.auth-input{height:var(--size-44);font-size:var(--size-14)}.auth-btn{height:var(--size-44)}.agreement-label{font-size:var(--size-14);flex-wrap:wrap}.stats-cards{grid-template-columns:repeat(2,1fr)}.mode-breakdown-item{grid-template-columns:var(--size-70) 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 var(--size-80);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:var(--size-12);padding-bottom:var(--space-xs)}.vb-filter-btn{flex-shrink:0}.vb-search{min-width:var(--size-120);margin-top:0}}@media (min-width: 640px) and (max-width: 1023px){.day-grid{grid-template-columns:repeat(auto-fill,minmax(var(--size-80),1fr))!important}.practice-main{max-width:var(--size-600)}}@media (min-width: 1024px){.practice-main{max-width:var(--size-800)}.header-hamburger{display:none}}@media (min-width: 1280px){.home-page{max-width:var(--size-1100)}.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:var(--size-6) var(--size-10) var(--size-4);min-height:var(--size-48);gap:var(--size-8)}.practice-ctrl-brand{gap:var(--size-8);padding:0}.practice-ctrl-brand-logo{width:var(--size-24);height:var(--size-24)}.practice-ctrl-right{gap:var(--size-6);flex-wrap:nowrap;min-width:0;overflow-x:auto;padding-bottom:var(--size-2);scrollbar-width:none;-ms-overflow-style:none}.practice-ctrl-right::-webkit-scrollbar{display:none}.practice-ctrl-icon-btn,.radio-quick-btn{min-width:var(--size-40);min-height:var(--size-40);padding:var(--size-8) var(--size-10);border-radius:var(--size-12);flex-shrink:0}.practice-mode-btn{padding-inline:var(--size-10)}.practice-ctrl-icon-btn svg{width:var(--size-16);height:var(--size-16)}.practice-page.practice-page--choice .practice-main{min-height:0;padding:var(--size-6) var(--size-10) var(--size-8);gap:0}.practice-page.practice-page--choice .practice-choice-stage{flex:1 1 auto;justify-content:flex-start;gap:var(--size-8);padding:0}.practice-page.practice-page--choice .word-display-area{width:min(100%,var(--practice-shell-max-width, var(--size-760)));gap:var(--size-10);padding:var(--size-2) 0 0;border:none;border-radius:0;background:transparent;box-shadow:none}.practice-page.practice-page--choice .play-btn-large{width:var(--size-56);height:var(--size-56);box-shadow:0 var(--size-10) var(--size-18) rgba(var(--accent-rgb),var(--alpha-20))}.practice-page.practice-page--choice .play-btn-large svg{width:var(--size-22);height:var(--size-22)}.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:var(--size-52);gap:var(--size-8)}.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:var(--size-40);height:var(--size-40)}.practice-page.practice-page--choice .listening-example-prompt{gap:var(--size-6);padding-inline:0}.practice-page.practice-page--choice .listening-example-audio-btn{width:var(--size-34);height:var(--size-34)}.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:var(--size-8);align-items:stretch}.practice-page.practice-page--choice .option-btn{min-height:var(--size-86);padding:var(--size-10) var(--size-10) var(--size-10);gap:var(--size-6);border-radius:var(--size-14)}.practice-page.practice-page--choice .option-header{align-items:flex-start;gap:var(--size-6)}.practice-page.practice-page--choice .option-pos-group{gap:var(--size-4);flex-wrap:wrap}.practice-page.practice-page--choice .option-key{font-size:var(--size-10)}.practice-page.practice-page--choice .option-word-reveal{font-size:var(--size-12)}.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:var(--size-12);line-height:1.3}.practice-page.practice-page--choice .options-footer{grid-template-columns:1fr auto 1fr;gap:var(--size-6);margin-top:calc(var(--size-2) * -1)}.practice-page.practice-page--choice .options-footer-actions{gap:var(--size-8)}.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:var(--size-40);height:var(--size-40)}.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 .options-footer-actions .replay-btn .slow-playback-icon,.practice-page.practice-page--choice .listening-example-audio-btn .example-audio-icon{width:var(--size-18);height:var(--size-18)}.practice-page.practice-page--choice .skip-btn{padding:var(--size-10) var(--size-12);font-size:var(--size-14);border-radius:var(--size-12)}.practice-page.practice-page--choice .shortcut-hint{display:none}.practice-page.practice-page--choice .replay-btn{width:var(--size-40);height:var(--size-40)}.practice-page.practice-page--choice .practice-bottom-bar{gap:var(--size-8);padding:var(--size-6) var(--size-10) calc(var(--size-8) + env(safe-area-inset-bottom))}.practice-page.practice-page--choice .bottom-progress-track{height:var(--size-6)}.practice-page.practice-page--choice .bottom-progress-dot{right:calc(var(--size-3) * -1);width:var(--size-10);height:var(--size-10);border-width:var(--size-2)}.practice-page.practice-page--choice .bottom-progress-count{font-size:var(--size-12);padding:var(--size-6) var(--size-10)}}@media (max-width: 480px){.practice-ctrl-bar{padding:var(--size-6) var(--size-8) var(--size-2);min-height:var(--size-44);gap:var(--size-6)}.practice-ctrl-brand{padding:0}.practice-ctrl-brand-logo{width:var(--size-22);height:var(--size-22)}.practice-ctrl-right{gap:var(--size-4)}.practice-ctrl-icon-btn,.radio-quick-btn{min-width:var(--size-36);min-height:var(--size-36);padding:0;border-radius:var(--size-10)}.practice-mode-btn{padding-inline:var(--size-10)}.practice-ctrl-icon-btn svg{width:var(--size-16);height:var(--size-16)}.practice-page.practice-page--choice .practice-main{padding-inline:var(--size-8);padding-bottom:var(--size-6);gap:var(--size-6)}.practice-page.practice-page--choice .word-display-area{gap:var(--size-8)}.practice-page.practice-page--choice .play-btn-large{width:var(--size-48);height:var(--size-48)}.practice-page.practice-page--choice .option-btn{min-height:var(--size-78);padding:var(--size-8) var(--size-8) var(--size-8)}.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:var(--size-10)}.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:var(--size-6);padding-inline:var(--size-8)}.practice-page.practice-page--choice .bottom-progress-count{font-size:var(--size-12);padding:var(--size-5) var(--size-8)}}@media (max-width: 768px) and (max-height: 720px){.practice-page.practice-page--choice .practice-main{padding-top:var(--size-2);gap:var(--size-5)}.practice-page.practice-page--choice .word-display-area{gap:var(--size-6)}.practice-page.practice-page--choice .play-btn-large{width:var(--size-44);height:var(--size-44)}.practice-page.practice-page--choice .option-btn{min-height:var(--size-70);padding:var(--size-8) var(--size-8) var(--size-6)}.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:var(--size-4);padding-bottom:calc(var(--size-6) + env(safe-area-inset-bottom))}}