@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=Roboto+Mono:wght@500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600&family=Patrick+Hand&display=swap";.dict-popup{position:fixed;right:24px;bottom:136px;z-index:450;display:flex;flex-direction:column;width:360px;height:426px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:hidden;color:#26334a;font-family:var(--font-family);font-size:13px;line-height:1.4;background:#fff;border:1px solid #dbe3ea;border-radius:12px;box-shadow:0 12px 26px #2330402e,0 2px 5px #23304014;animation:dict-popup-enter .15s ease-out}@keyframes dict-popup-enter{0%{opacity:0;transform:translateY(4px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.dict-popup button,.dict-popup input,.dict-popup select{font:inherit}.dict-popup button{-webkit-tap-highlight-color:transparent}.dict-popup-header{flex:none;padding:11px 12px 9px;background:#fff;border-bottom:1px solid #edf1f5}.dict-popup-title-row{display:flex;align-items:center;min-width:0;gap:8px}.dict-popup-word{min-width:0;margin:0;overflow:hidden;color:#1d293d;font-size:18px;font-weight:750;line-height:1.2;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.dict-popup-badge{flex:none;padding:2px 6px;color:#1592e8;font-size:9px;font-weight:500;line-height:1.3;background:#eff8ff;border-radius:999px}.dict-popup-close{flex:none;display:grid;place-items:center;width:25px;height:25px;margin-left:auto;padding:0;color:#26334a;background:transparent;border:0;border-radius:7px;cursor:pointer;transition:color .12s ease,background .12s ease}.dict-popup-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}.dict-popup-close:hover,.dict-popup-close:focus-visible{color:#111827;background:#f1f5f8;outline:none}.dict-popup-phonetics{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-height:16px;margin-top:5px}.ipa-audio-btn{display:inline-flex;align-items:center;min-height:0;gap:4px;padding:0;color:#58667f;font-size:11px;line-height:1.25;background:transparent;border:0;cursor:pointer;transition:color .12s ease}.ipa-audio-btn:hover,.ipa-audio-btn:focus-visible{color:#1598e8;outline:none}.icon-audio{flex:none;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ipa-accent{color:inherit;font-weight:500}.ipa-text{color:inherit;font-family:var(--font-family)}.dict-popup-tabs{flex:0 0 36px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-width:0;overflow:hidden;background:#f7f9fb;border-bottom:1px solid #e7edf2}.dict-popup-tab-btn{position:relative;display:grid;place-items:center;min-width:0;height:36px;padding:0 3px;overflow:hidden;color:#617087;font-size:10px;font-weight:500;line-height:1.2;text-overflow:ellipsis;white-space:nowrap;background:transparent;border:0;cursor:pointer;transition:color .12s ease,background .12s ease}.dict-popup-tab-btn:hover{color:#26334a;background:#f0f4f7}.dict-popup-tab-btn.active{color:#172236;font-weight:600;background:#fff}.dict-popup-tab-btn.active:after{position:absolute;right:15px;bottom:0;left:15px;height:2px;content:"";background:#2196e9;border-radius:2px 2px 0 0}.dict-popup-tab-btn:focus-visible{z-index:1;outline:2px solid #69c7fa;outline-offset:-2px}.dict-popup-body{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overflow-anchor:none;padding:0 12px 8px;background:#fff;scrollbar-width:thin;scrollbar-color:#c5c5c5 transparent;overscroll-behavior:contain}.dict-popup-body::-webkit-scrollbar{width:8px}.dict-popup-body::-webkit-scrollbar-track{background:transparent}.dict-popup-body::-webkit-scrollbar-thumb{background:#c5c5c5;border:2px solid #fff;border-radius:999px}.dict-popup-tab-content{padding-top:0}.dict-popup-loading-container{display:grid;align-content:center;justify-items:center;min-height:100%;gap:9px;padding:30px 12px}.dict-popup-spinner{width:22px;height:22px;border:2px solid #cdeaff;border-top-color:#1598e8;border-radius:50%;animation:dict-popup-spin .7s linear infinite}@keyframes dict-popup-spin{to{transform:rotate(360deg)}}.dict-popup-loading-text,.empty-tab-text{color:#6b788d;font-size:11px;text-align:center}.dict-popup-warning-banner,.dict-popup-error{margin-top:10px;padding:8px 10px;font-size:11px;line-height:1.4;text-align:center;border-radius:8px}.dict-popup-warning-banner{color:#d54a21;background:#fff8f5;border:1px solid #ffd8c8}.dict-popup-error{color:#c83030;background:#fff5f5;border:1px solid #f4caca}.dict-popup-quota-exceeded{display:grid;align-content:center;justify-items:center;min-height:100%;padding:24px 8px;color:#617087;text-align:center}.dict-popup-quota-exceeded p{margin:0 0 12px}.dict-popup-cta{display:inline-flex;align-items:center;justify-content:center;padding:7px 13px;color:#fff;font-size:11px;font-weight:600;text-decoration:none;background:#1598e8;border-radius:8px}.dict-popup-cta:hover{color:#fff;background:#087fc8}.dict-popup-option-row{display:flex;align-items:center;min-height:34px;color:#637087}.checkbox-label{display:inline-flex;align-items:center;gap:6px;color:#637087;font-size:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.custom-checkbox{width:14px;height:14px;margin:0;accent-color:#119bea}.custom-meaning-container{margin-bottom:12px}.btn-add-custom-trigger{display:flex;align-items:center;width:100%;min-height:36px;gap:8px;padding:0 11px;color:#119bea;font-size:11px;font-weight:500;text-align:left;background:#fff;border:1px dashed #69c7fa;border-radius:10px;cursor:pointer;transition:background .12s ease,border-color .12s ease}.btn-add-custom-trigger:hover,.btn-add-custom-trigger:focus-visible{background:#f3faff;border-color:#1598e8;outline:none}.icon-pencil{flex:none;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.plus-icon{margin-left:auto;font-size:18px;font-weight:300;line-height:1}.custom-meaning-form{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:7px;padding:9px;background:#f7fbfe;border:1px dashed #69c7fa;border-radius:10px}.custom-meaning-input,.custom-meaning-select{width:100%;min-width:0;height:31px;padding:0 9px;color:#26334a;font-size:11px;background:#fff;border:1px solid #dbe3ea;border-radius:7px}.custom-meaning-input:focus,.custom-meaning-select:focus{border-color:#1598e8;box-shadow:0 0 0 2px #e1f3ff;outline:none}.custom-meaning-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:6px}.btn-save-custom,.btn-cancel-custom{height:27px;padding:0 10px;font-size:10px;font-weight:600;border-radius:7px;cursor:pointer}.btn-save-custom{color:#fff;background:#1598e8;border:1px solid #1598e8}.btn-cancel-custom{color:#617087;background:#fff;border:1px solid #dbe3ea}.meaning-pos-group+.meaning-pos-group{margin-top:12px}.meaning-pos-header{margin:0 0 7px;color:#f05a00;font-size:11px;font-weight:700;line-height:1.2;text-transform:lowercase}.meaning-card{margin-bottom:10px}.meaning-card-main{display:flex;align-items:flex-start;gap:8px;min-height:54px;padding:9px 11px 8px;background:#f5f7f9;border-radius:11px}.meaning-card-text{flex:1;min-width:0}.meaning-vi,.meaning-en,.example-translation,.context-analysis-text,.example-en-sentence,.example-vi-translation{margin:0}.meaning-vi{color:#26334a;font-size:14px;font-weight:600;line-height:1.25}.meaning-en{margin-top:4px;overflow:hidden;color:#617087;font-size:10px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.btn-add-meaning{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:59px;height:25px;margin-top:1px;padding:0 10px;color:#1598e8;font-size:11px;font-weight:600;white-space:nowrap;background:#e1f3ff;border:0;border-radius:999px;cursor:pointer;transition:color .12s ease,background .12s ease}.btn-add-meaning:hover:not(:disabled),.btn-add-meaning:focus-visible:not(:disabled){color:#fff;background:#1598e8;outline:none}.btn-add-meaning.added,.btn-add-meaning:disabled{color:#15815c;background:#e3f6ef;cursor:default;opacity:1}.btn-added-content{display:inline-flex;align-items:center;gap:4px}.icon-check{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.example-collapsible{margin:4px 8px 0;color:#65738a;font-size:9.5px}.example-toggle-btn{display:flex;align-items:flex-start;width:100%;min-width:0;gap:4px;padding:0;color:inherit;font-size:inherit;font-style:italic;line-height:1.25;text-align:left;background:transparent;border:0;cursor:pointer}.chevron-icon{flex:none;width:10px;height:10px;margin-top:1px;fill:none;stroke:#44536b;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .12s ease}.example-collapsible.open .chevron-icon{transform:rotate(90deg)}.example-prefix{flex:none;color:#536178}.example-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.example-collapsible.open .example-text{overflow:visible;white-space:normal}.example-translation{padding:4px 0 0 18px;color:#7a879b;font-size:9.5px;font-style:italic;line-height:1.35}.info-section{padding-top:10px}.info-section+.info-section{margin-top:4px}.info-section-title{margin:0 0 7px;color:#26334a;font-size:11px;font-weight:700}.info-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}.info-list-item,.example-list-item,.context-analysis-text{padding:9px 10px;color:#617087;font-size:11px;line-height:1.4;background:#f5f7f9;border-radius:10px}.context-section{margin-bottom:4px}.example-en-sentence{color:#26334a;font-size:11px;font-weight:600}.example-vi-translation{margin-top:4px;color:#7a879b;font-size:10px}.synonyms-grid{display:flex;flex-wrap:wrap;gap:6px;padding-top:10px}.synonym-chip{padding:5px 9px;color:#087fc8;font-size:11px;font-weight:500;background:#eaf7ff;border:1px solid #cdeaff;border-radius:999px}.family-list{display:grid;gap:7px;padding-top:10px}.family-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;background:#f5f7f9;border-radius:10px}.family-word{color:#26334a;font-weight:600}.family-pos{color:#7a879b;font-size:10px;font-style:italic}.empty-tab-text{padding:32px 8px}.dict-popup-footer{position:relative;flex:0 0 40px;display:flex;align-items:center;min-width:0;gap:7px;padding:6px 11px;background:#fff;border-top:1px solid #dfe6ec}.icon-deck{flex:none;width:15px;height:15px;fill:none;stroke:#627189;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.deck-selector-container{position:relative;flex:1;min-width:0}.deck-selector-btn{display:flex;align-items:center;max-width:100%;min-width:0;height:28px;gap:5px;padding:0;color:#607089;font-size:11px;background:transparent;border:0;cursor:pointer}.deck-selector-btn:hover,.deck-selector-btn:focus-visible{color:#26334a;outline:none}.deck-selector-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-chevron-down{flex:none;width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.btn-new-deck{flex:none;display:inline-flex;align-items:center;height:28px;gap:5px;padding:0 10px;color:#26334a;font-size:11px;background:#fff;border:1px solid #e1e7ed;border-radius:9px;box-shadow:0 1px 2px #1f2d3d08;cursor:pointer}.btn-new-deck:hover,.btn-new-deck:focus-visible{color:#087fc8;background:#f3faff;border-color:#b9e1fb;outline:none}.deck-dropdown-menu{position:absolute;right:0;bottom:calc(100% + 7px);left:0;z-index:2;max-height:150px;overflow-y:auto;padding:4px;background:#fff;border:1px solid #dbe3ea;border-radius:9px;box-shadow:0 10px 24px #23304029}.deck-dropdown-item{width:100%;padding:7px 8px;overflow:hidden;color:#607089;font-size:11px;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:transparent;border:0;border-radius:6px;cursor:pointer}.deck-dropdown-item:hover,.deck-dropdown-item.active{color:#087fc8;background:#eaf7ff}.dict-popup-quota-remaining{flex:none;padding:5px 12px 6px;color:#7a879b;font-size:9px;line-height:1.25;text-align:center;background:#f7f9fb;border-top:1px solid #e7edf2}@media(max-width:480px){.dict-popup{right:8px;bottom:calc(var(--mobile-nav-height, 64px) + 12px);left:8px;width:auto;height:min(426px,72dvh);max-width:none;max-height:72dvh}.dict-popup-tabs{display:flex;overflow-x:auto;scrollbar-width:none}.dict-popup-tabs::-webkit-scrollbar{display:none}.dict-popup-tab-btn{flex:0 0 72px}.custom-meaning-form{grid-template-columns:minmax(0,1fr)}.custom-meaning-actions{grid-column:1}}@media(prefers-reduced-motion:reduce){.dict-popup,.dict-popup-spinner,.chevron-icon{animation:none;transition:none}}.dict-personal-set-select{display:grid;gap:2px;min-width:130px;color:var(--text-muted);font-size:11px}.dict-personal-set-select select{max-width:170px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text);padding:5px 7px;font:inherit}.captcha-backdrop{position:fixed;inset:0;background:#0f172aa6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:captchaFadeIn .2s ease-out forwards}@keyframes captchaFadeIn{0%{opacity:0}to{opacity:1}}.captcha-card{background:var(--surface, #ffffff);border:1px solid var(--border, #e2e8f0);border-radius:20px;box-shadow:0 25px 50px -12px #00000040;max-width:440px;width:100%;padding:28px;display:flex;flex-direction:column;gap:18px;animation:captchaPopIn .25s cubic-bezier(.16,1,.3,1) forwards;position:relative}@keyframes captchaPopIn{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.captcha-header{display:flex;align-items:center;justify-content:space-between}.captcha-title-group{display:flex;align-items:center;gap:10px}.captcha-icon-badge{width:38px;height:38px;border-radius:10px;background:var(--primary-light, #ecfdf5);color:var(--primary, #059669);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--primary-border, #a7f3d0)}.captcha-header h2{font-size:1.25rem;font-weight:700;color:var(--text, #1e293b);margin:0;line-height:1.3}.captcha-close-btn{background:transparent;border:none;color:var(--text-muted, #64748b);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.captcha-close-btn:hover{background:var(--surface-2, #f1f5f9);color:var(--text, #0f172a)}.captcha-desc{font-size:.9rem;color:var(--text-secondary, #475569);margin:0;line-height:1.5}.captcha-image-wrapper{position:relative;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:1.5px dashed var(--border, #cbd5e1);border-radius:14px;padding:16px;min-height:110px}.captcha-image{max-width:100%;height:auto;max-height:80px;border-radius:8px;object-fit:contain;box-shadow:0 2px 8px #0000000f}.captcha-image-placeholder{font-size:.85rem;color:var(--text-muted, #64748b);font-weight:500}.captcha-refresh-btn{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:#fff;border:1px solid var(--border, #cbd5e1);border-radius:8px;font-size:.75rem;font-weight:600;color:var(--text-secondary, #475569);cursor:pointer;transition:all .15s ease;box-shadow:0 1px 3px #0000000d}.captcha-refresh-btn:hover:not(:disabled){background:var(--surface-2, #f1f5f9);border-color:var(--primary, #059669);color:var(--primary, #059669)}.captcha-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.captcha-input-group{display:flex;flex-direction:column;gap:8px}.captcha-input-label{font-size:.85rem;font-weight:600;color:var(--text, #1e293b)}.captcha-input-field{width:100%;height:48px;padding:0 16px;background:#fff!important;border:2px solid var(--border, #cbd5e1)!important;border-radius:12px!important;font-size:1.1rem;font-weight:700;font-family:JetBrains Mono,Fira Code,Consolas,monospace;letter-spacing:3px;text-transform:uppercase;color:var(--text, #0f172a)!important;transition:all .2s ease;box-shadow:inset 0 1px 2px #00000008}.captcha-input-field:hover:not(:disabled){border-color:var(--border-hover, #94a3b8)!important}.captcha-input-field:focus{border-color:var(--primary, #059669)!important;box-shadow:0 0 0 4px var(--primary-light, #ecfdf5),inset 0 1px 2px #00000008!important;outline:none!important}.captcha-input-field::placeholder{letter-spacing:normal;text-transform:none;font-family:var(--font-family, sans-serif);font-weight:400;font-size:.9rem;color:var(--text-muted, #94a3b8)}.captcha-error-alert{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:.85rem;font-weight:500;line-height:1.4}.captcha-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px;padding-top:12px;border-top:1px solid var(--border-light, #f1f5f9)}.captcha-attempts-badge{font-size:.8rem;color:var(--text-muted, #64748b);background:var(--surface-2, #f1f5f9);padding:4px 10px;border-radius:20px}.captcha-attempts-badge strong{color:var(--text, #0f172a);font-weight:700}.captcha-actions{display:flex;align-items:center;gap:10px}@media(max-width:480px){.captcha-card{padding:20px;border-radius:16px}.captcha-footer{flex-direction:column;align-items:stretch}.captcha-attempts-badge{text-align:center}.captcha-actions{justify-content:flex-end}}:root{--bg: #f8f9fa;--bg-subtle: #f1f3f5;--surface: #ffffff;--surface-2: #f8f9fa;--surface-3: #e9ecef;--surface-hover: #f1f3f5;--border: #e2e8f0;--border-light: #edf2f7;--border-hover: #cbd5e1;--border-active: #059669;--text: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--text-inverse: #ffffff;--primary: #059669;--primary-hover: #047857;--primary-active: #065f46;--primary-light: #ecfdf5;--primary-border: #a7f3d0;--primary-text: #065f46;--secondary: #0284c7;--secondary-hover: #0369a1;--secondary-light: #e0f2fe;--secondary-border: #bae6fd;--secondary-text: #0369a1;--success: #16a34a;--success-hover: #15803d;--success-light: #dcfce7;--success-border: #86efac;--success-text: #15803d;--danger: #dc2626;--danger-hover: #b91c1c;--danger-light: #fee2e2;--danger-border: #fca5a5;--danger-text: #b91c1c;--warning: #d97706;--warning-hover: #b45309;--warning-light: #fef3c7;--warning-border: #fde68a;--warning-text: #b45309;--purple: #7c3aed;--purple-light: #f3e8ff;--purple-text: #6d28d9;--gradient-primary: linear-gradient(135deg, #059669, #0d9488);--gradient-accent: linear-gradient(135deg, #0284c7, #2563eb);--gradient-success: linear-gradient(135deg, #16a34a, #059669);--gradient-warm: linear-gradient(135deg, #d97706, #dc2626);--gradient-surface: #ffffff;--gradient-hero: linear-gradient(135deg, #ecfdf5, #f0fdf4);--glass-bg: rgba(255, 255, 255, .95);--glass-bg-light: rgba(255, 255, 255, .9);--glass-border: #e2e8f0;--glass-blur: blur(8px);--glass-blur-heavy: blur(12px);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.7;--space-0: 0;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08);--shadow-glow-primary: 0 4px 12px rgba(5, 150, 105, .12);--shadow-glow-secondary: 0 4px 12px rgba(2, 132, 199, .12);--shadow-glow-success: 0 4px 12px rgba(22, 163, 74, .12);--shadow-glow-danger: 0 4px 12px rgba(220, 38, 38, .12);--transition-fast: .12s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--sidebar-width: 232px;--sidebar-collapsed: 72px;--topbar-height: 56px;--content-max: 1176px;--content-padding: 28px;--mobile-nav-height: 60px;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400;--z-tooltip: 500;--grammar-bg: #f6f8f7;--grammar-stage: #ffffff;--grammar-stage-text: var(--text);--grammar-surface: #ffffff;--grammar-surface-soft: #f1f5f3;--grammar-accent: var(--primary);--grammar-highlight: #fff7e0;--grammar-mascot-surface: #ecfdf5;--grammar-correct: var(--success);--grammar-incorrect: var(--danger);--grammar-warning: var(--warning);--grammar-scene-width: clamp(760px, 62vw, 1080px);--grammar-reading-width: clamp(640px, 54vw, 900px);--grammar-tone-subject: #0284c7;--grammar-tone-subject-bg: #e0f2fe;--grammar-tone-verb: #059669;--grammar-tone-verb-bg: #d1fae5;--grammar-tone-object: #7c3aed;--grammar-tone-object-bg: #f3e8ff;--grammar-tone-modifier: #d97706;--grammar-tone-modifier-bg: #fef3c7;--grammar-tone-connector: #64748b;--grammar-tone-connector-bg: #eef2f7}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:17.5px;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--text);background:var(--bg);min-height:100dvh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--text)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}a{color:var(--primary-text);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}button{cursor:pointer;-webkit-tap-highlight-color:transparent}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}::selection{background:var(--primary);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes glowPulse{0%,to{box-shadow:0 0 12px #6366f133}50%{box-shadow:0 0 24px #6366f166}}@keyframes borderGlow{0%,to{border-color:var(--primary-border)}50%{border-color:var(--primary)}}@keyframes countUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes checkmark{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}@keyframes typewriter{0%{width:0}to{width:100%}}.page-enter{animation:fadeInUp .4s ease both}.fade-in{animation:fadeIn .3s ease both}.fade-in-up{animation:fadeInUp .4s ease both}.fade-in-left{animation:fadeInLeft .3s ease both}.scale-in{animation:scaleIn .3s ease both}.slide-down{animation:slideDown .2s ease both}.stagger-children>*{animation:fadeInUp .4s ease both}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:60ms}.stagger-children>*:nth-child(3){animation-delay:.12s}.stagger-children>*:nth-child(4){animation-delay:.18s}.stagger-children>*:nth-child(5){animation-delay:.24s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.36s}.stagger-children>*:nth-child(8){animation-delay:.42s}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:400% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:1em;width:80%;margin-bottom:var(--space-2)}.skeleton-title{height:1.5em;width:60%;margin-bottom:var(--space-3)}.skeleton-card{height:120px;width:100%}.spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hover-glow{transition:box-shadow var(--transition-base)}.hover-glow:hover{box-shadow:var(--shadow-glow-primary)}.animation-fadeIn{animation:fadeIn .3s ease both}@keyframes pageEnter{0%{opacity:.94}to{opacity:1}}.page-transition{animation:pageEnter .14s ease-out both;min-height:100%;display:flex;flex-direction:column;flex:1}.app-frame:not(.is-session) .content{view-transition-name:app-content}::view-transition-old(root),::view-transition-new(root){animation:none}::view-transition-old(app-content),::view-transition-new(app-content){animation-duration:.16s;animation-timing-function:ease-out}::view-transition-old(app-content){animation-name:appViewExit}::view-transition-new(app-content){animation-name:appViewEnter}@keyframes appViewExit{to{opacity:.82}}@keyframes appViewEnter{0%{opacity:.82}to{opacity:1}}.app-frame{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;min-height:100dvh;background:var(--bg)}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100dvh;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);padding:var(--space-6) var(--space-4);z-index:var(--z-sticky);overflow-y:auto;overflow-x:hidden}.brand{display:flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-3) var(--space-4);margin-bottom:var(--space-5);text-decoration:none;border-bottom:1px solid var(--border)}.brand .ti-logo{font-size:1.5rem}.student-nav{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.nav-section-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:var(--space-2) var(--space-3);margin-top:var(--space-2);margin-bottom:var(--space-1)}.nav-section-label:first-child{margin-top:0}.student-nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:var(--weight-medium);transition:background .12s ease,color .12s ease;position:relative}.student-nav-link:hover{background:var(--surface-2)}.student-nav-link.active{background:var(--primary-light);color:var(--primary-text)}.student-nav-link.active .nav-icon{color:var(--primary)}.nav-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:var(--text-muted)}.nav-divider{height:1px;background:var(--border);margin:var(--space-3) var(--space-3)}.sidebar-footer{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--border)}.user-panel{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:background var(--transition-fast)}.user-panel:hover{background:var(--surface-2)}.avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;font-size:var(--text-xs);font-weight:var(--weight-bold);flex-shrink:0}.avatar-sm{width:28px;height:28px;font-size:10px}.avatar-img{object-fit:cover;background:var(--surface-2)}.user-panel div{flex:1;min-width:0}.user-panel strong{font-size:var(--text-sm);font-weight:var(--weight-medium);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-panel small{font-size:var(--text-xs);color:var(--text-muted)}.admin-entry{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-fast)}.admin-entry:hover{background:var(--surface-3);color:var(--text)}.app-main{grid-column:1;display:flex;flex-direction:column;min-height:100dvh;min-width:0;background:var(--bg)}.app-main.exam-app-main{grid-column:1 / -1}.app-header{min-height:var(--topbar-height);padding:8px var(--content-padding);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);background:color-mix(in srgb,var(--surface) 92%,transparent);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:var(--z-sticky);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);user-select:none;-webkit-user-select:none}.app-header-brand{display:inline-flex;align-items:center;text-decoration:none;flex-shrink:0}.header-nav{display:flex;align-items:center;gap:4px;margin:0 auto;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;min-width:0;flex-shrink:1}.header-nav::-webkit-scrollbar{display:none}.header-nav-link{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:var(--text-base);font-weight:var(--weight-semibold);transition:background .12s ease,color .12s ease;white-space:nowrap}.header-nav-link:hover{background:var(--surface-2)}.header-nav-link.active{background:var(--primary-light);color:var(--primary-text);font-weight:var(--weight-bold)}.header-nav-link.active .header-nav-icon svg{color:var(--primary)!important}.header-nav-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}.header-nav-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--danger);color:#fff;font-size:10px;font-weight:var(--weight-bold);padding:1px 6px;border-radius:var(--radius-full);margin-left:var(--space-1);min-width:16px;height:16px;line-height:1}.app-header-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.app-header-control{display:flex;align-items:center;gap:var(--space-2)}.header-icon-button,.header-account-button{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:all var(--transition-fast)}.header-icon-button:hover,.header-account-button:hover{border-color:var(--border-hover);background:var(--surface-hover);color:var(--text)}.header-icon-button{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;position:relative}.header-badge{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:var(--danger);color:#fff;border:2px solid var(--surface);font-size:10px;font-weight:700}.header-account-button{min-height:42px;border-radius:14px;padding:4px 10px 4px 5px;display:flex;align-items:center;gap:9px}.header-account-copy{display:grid;min-width:120px;text-align:left}.header-account-copy strong,.header-account-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-account-copy small{color:var(--text-secondary);font-size:var(--text-xs)}.notification-dropdown{position:fixed;width:min(380px,calc(100vw - 24px));max-height:min(560px,calc(100vh - 90px));overflow:auto;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-xl);z-index:var(--z-tooltip)}.notification-head{position:sticky;top:0;display:flex;justify-content:space-between;padding:14px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.notification-head span{color:var(--text-secondary)}.notification-list{display:grid}.notification-item{display:grid;grid-template-columns:24px 1fr;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.notification-item.is-clickable{cursor:pointer;transition:background .12s ease}.notification-item.is-clickable:hover{background:var(--surface-2)}.notification-item.is-clickable:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.notification-item p{margin:3px 0 8px;color:var(--text-secondary);font-size:var(--text-sm)}.notification-actions{display:flex;flex-wrap:wrap;gap:8px}.notification-actions button,.notification-actions a{border:0;border-radius:8px;padding:6px 9px;background:var(--surface-2);color:var(--primary);font:inherit;font-size:var(--text-xs);cursor:pointer;text-decoration:none}.notification-empty{padding:28px 16px;color:var(--text-secondary);text-align:center}.mobile-topbar{display:none}.mobile-topbar-menu{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:background .12s ease,border-color .12s ease}.mobile-topbar-menu:hover{background:var(--surface-2)}.mobile-topbar-menu:active{background:var(--surface-3)}.mobile-topbar-brand{display:inline-flex;align-items:center;text-decoration:none;flex:1;justify-content:center}.mobile-topbar-brand .ti-logo{font-size:1.2rem}.mobile-topbar-user{position:relative}.mobile-user-trigger{display:inline-flex;align-items:center;justify-content:center;padding:2px;background:transparent;border:0;border-radius:999px;cursor:pointer}.sidebar-scrim{display:none;position:fixed;inset:0;z-index:calc(var(--z-sticky) - 1);background:#0f172a73;border:0;cursor:pointer;animation:scrimIn .2s ease both}@keyframes scrimIn{0%{opacity:0}to{opacity:1}}.user-panel,.user-menu,.topbar-user-menu{position:relative}.user-menu-trigger{border:0;cursor:pointer;font:inherit;color:inherit}.sidebar-user-trigger{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:0;background:transparent;text-align:left}.topbar-user-trigger{padding:2px}.user-trigger-copy{flex:1;min-width:0}.user-chevron{color:var(--text-muted);font-size:var(--text-sm);transition:transform var(--transition-fast)}.user-menu-trigger[aria-expanded=true] .user-chevron{transform:rotate(180deg)}.header-account-button[aria-expanded=true]>svg{transform:rotate(180deg)}.user-menu-dropdown{position:fixed;padding:var(--space-2);border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 8px 28px #0f172a1f,0 2px 6px #0f172a0f;z-index:var(--z-tooltip);animation:umFade .12s ease both}@keyframes umFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.um-head{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-2)}.um-head-main{display:flex;align-items:center;gap:var(--space-3)}.um-avatar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;font-size:var(--text-base);font-weight:var(--weight-bold);flex-shrink:0;border:2px solid var(--border-light);box-shadow:0 2px 8px #0e93841a}.um-head-info{min-width:0}.um-head-info strong,.um-head-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.um-name-wrapper{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.um-head-info strong{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text);line-height:1.2}.um-head-info small{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.um-badges{display:flex;gap:4px}.um-badge{font-size:9px;font-weight:var(--weight-bold);padding:1px 5px;border-radius:4px;text-transform:uppercase;line-height:1}.um-badge.is-admin{background:var(--purple-light);color:var(--purple-text);border:1px solid rgba(124,58,237,.2)}.um-badge.is-premium{background:var(--warning-light);color:var(--warning-text);border:1px solid var(--warning-border)}.um-head-stats{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) 10px;background:var(--bg-subtle);border-radius:10px;border:1px solid var(--border);margin-top:var(--space-1)}.um-stats-row{display:flex;gap:var(--space-2)}.um-stat-item{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 8px;border-radius:6px;font-size:var(--text-xs);font-weight:var(--weight-semibold);text-decoration:none;transition:transform .15s ease,background-color .15s ease;line-height:1}.um-stat-item.streak.active{background:var(--warning-light);color:var(--warning-text);border:1px solid var(--warning-border)}.um-stat-item.streak.inactive{background:var(--surface-3);color:var(--text-muted);border:1px solid var(--border)}.um-stat-item.coins{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.um-stat-item:hover{transform:translateY(-1px)}.um-xp-progress{display:flex;flex-direction:column;gap:4px;margin-top:2px}.um-xp-info{display:flex;justify-content:space-between;font-size:10px;font-weight:var(--weight-medium);color:var(--text-secondary)}.um-level-title{font-weight:var(--weight-bold);color:var(--primary-text)}.um-xp-value{color:var(--text-muted)}.um-progress-bar-bg{height:6px;background:var(--surface-3);border-radius:var(--radius-full);overflow:hidden;position:relative}.um-progress-bar-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width .4s cubic-bezier(.4,0,.2,1)}.um-actions{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-2);border-top:1px solid var(--border)}.um-group{display:flex;flex-direction:column;gap:1px}.um-group-title{font-size:10px;font-weight:var(--weight-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:0 var(--space-3) 4px}.um-actions a,.um-actions button{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:8px var(--space-3);border:0;border-radius:8px;background:transparent;color:var(--text-secondary);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:left;text-decoration:none;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.um-actions a svg,.um-actions button svg{flex-shrink:0;color:var(--text-muted);transition:color var(--transition-fast)}.um-actions a:hover,.um-actions button:hover{background:var(--surface-2);color:var(--text);transform:translate(2px)}.um-actions a:hover svg,.um-actions button:hover svg{color:var(--text)}.um-theme-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px var(--space-3) 8px}.um-theme-selector button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:8px 4px!important;border-radius:8px!important;border:1px solid var(--border)!important;background:var(--surface)!important;color:var(--text-secondary)!important;cursor:pointer!important;font-size:11px!important;font-weight:var(--weight-semibold)!important;transition:all var(--transition-fast)!important;text-align:center!important;width:100%!important;transform:none!important}.um-theme-selector button:hover{background:var(--surface-hover)!important;color:var(--text)!important;transform:none!important;border-color:var(--border-hover)!important}.um-theme-selector button.active{background:var(--primary-light)!important;border-color:var(--primary-border)!important;color:var(--primary-text)!important}.um-theme-selector button.active svg{color:var(--primary)!important}.um-theme-selector button svg{margin:0!important;color:var(--text-muted)!important;transition:color var(--transition-fast)!important}.um-actions .um-action-premium{background:linear-gradient(135deg,#fffbeb,var(--warning-light));border:1px solid var(--warning-border);color:var(--warning-text);font-weight:var(--weight-semibold)}.um-actions .um-action-premium svg{color:var(--warning)}.um-actions .um-action-premium:hover{background:linear-gradient(135deg,var(--warning-light),var(--warning-border));color:var(--warning-text);border-color:#f59e0b}.um-premium-badge{margin-left:auto;font-size:9px;font-weight:var(--weight-bold);background:var(--gradient-warm);color:#fff;padding:2px 6px;border-radius:var(--radius-full);text-transform:uppercase;box-shadow:0 2px 5px #d9770633}.um-actions .um-admin{color:var(--purple-text);font-weight:var(--weight-semibold)}.um-actions .um-admin svg{color:var(--purple)}.um-actions .um-admin:hover{background:var(--purple-light);color:var(--purple-text)}.um-ext-icon{margin-left:auto;opacity:.6;display:inline-flex;align-items:center}.um-actions .um-danger{color:var(--danger-text)}.um-actions .um-danger svg{color:var(--danger-text)}.um-actions .um-danger:hover{background:var(--danger-light);color:var(--danger-text)}.um-actions .um-danger:hover svg{color:var(--danger-text)}.um-login-btn{justify-content:center!important;background:var(--gradient-primary);color:#fff!important;font-weight:var(--weight-bold)!important;box-shadow:0 4px 10px #0e938426;border:none}.um-login-btn svg{color:#fff!important}.um-login-btn:hover{background:var(--primary-hover)!important;transform:scale(1.02)!important}.content{flex:1;display:flex;flex-direction:column;padding:var(--content-padding);max-width:var(--content-max);width:100%;min-width:0;margin:0 auto}.content.exam-content{max-width:100%;padding:0}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--mobile-nav-height);background:var(--glass-bg);backdrop-filter:var(--glass-blur-heavy);-webkit-backdrop-filter:var(--glass-blur-heavy);border-top:1px solid var(--border);z-index:var(--z-sticky);align-items:center;justify-content:space-around;padding:0 var(--space-2)}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-muted);font-size:10px;font-weight:var(--weight-medium);text-decoration:none;transition:all var(--transition-fast);min-width:56px}.mobile-bottom-nav a:hover,.mobile-bottom-nav a.active{color:var(--primary-text)}.mobile-bottom-nav a.active{background:var(--primary-light)}.mobile-bottom-nav a svg{width:20px;height:20px}.notification-permission-banner{padding:8px 16px;background:var(--primary-light);border:1px solid var(--primary-border);border-radius:var(--radius-md);color:var(--primary-text);font-size:13px}.header-nav-more-trigger{border:none;background:transparent;cursor:pointer;display:flex!important}.more-menu-dropdown{position:fixed;padding:6px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 8px 24px #0f172a14,0 2px 6px #0f172a0a;z-index:var(--z-tooltip);display:flex;flex-direction:column;gap:2px;animation:umFade .12s ease both}.more-menu-item{display:flex;align-items:center;gap:var(--space-3);padding:8px 12px;border-radius:8px;color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:var(--weight-medium);transition:background .12s ease,color .12s ease}.more-menu-item:hover{background:var(--surface-2);color:var(--text)}.more-menu-item.active{background:var(--primary-light);color:var(--primary-text);font-weight:var(--weight-semibold)}.more-menu-item.active .more-menu-icon svg{color:var(--primary)!important}.more-menu-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}.more-menu-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--danger);color:#fff;font-size:9px;font-weight:var(--weight-bold);padding:1px 5px;border-radius:var(--radius-full);margin-left:auto;min-width:14px;height:14px;line-height:1}.community-chat-fab{position:fixed;bottom:84px;right:18px;z-index:var(--z-sticky);display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);cursor:pointer;font-size:13.5px;font-weight:var(--weight-semibold);color:var(--text-secondary);transition:all .2s ease}.community-chat-fab:hover{transform:translateY(-2px);border-color:var(--primary-border);background:var(--surface-2);color:var(--text)!important}.community-chat-fab .icon{color:var(--warning)}.live-chat-panel{position:fixed;bottom:140px;right:18px;width:380px;height:520px;max-height:calc(100vh - 160px);background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-xl);z-index:var(--z-modal);display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s cubic-bezier(.22,1,.36,1)}.live-chat-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--surface-2)}.live-chat-tabs{display:flex;gap:4px;background:var(--surface-3);padding:3px;border-radius:8px}.live-chat-tab-btn{padding:6px 12px;border-radius:6px;font-size:12.5px;font-weight:600;border:none;background:transparent;color:var(--text-secondary);cursor:pointer}.live-chat-tab-btn.active{background:var(--surface);color:var(--primary-text);box-shadow:var(--shadow-xs)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.live-chat-panel{inset:0;width:100%;height:100%;max-height:100dvh;border-radius:0;border:none}}@media(min-width:900px){.community-chat-fab{bottom:22px;right:18px}.live-chat-panel{bottom:78px;right:18px}}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base)}.glass-card:hover{border-color:var(--border-hover)}.glass-card.interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-hover)}.glass-card.glow:hover{box-shadow:var(--shadow-glow-primary);border-color:var(--primary-border)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.card-compact{padding:var(--space-4)}.card-flush{padding:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 18px;border-radius:var(--radius-full);font-size:13.5px;font-weight:700;line-height:1.2;cursor:pointer;border:none;white-space:nowrap;text-decoration:none;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast);will-change:transform}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn:focus-visible{outline:2px solid var(--primary-border);outline-offset:2px}.btn svg,.btn img{color:inherit!important}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover);color:#fff}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-hover);color:var(--text);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary:active:not(:disabled){background:var(--surface-3);transform:translateY(0);box-shadow:var(--shadow-xs)}.btn-outline{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-outline:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-hover);color:var(--text);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outline:active:not(:disabled){background:var(--surface-3);transform:translateY(0);box-shadow:var(--shadow-xs)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);transform:translateY(-1px)}.btn-ghost:active:not(:disabled){background:var(--surface-2);transform:translateY(0)}.btn-danger{background:linear-gradient(120deg,var(--danger),var(--danger-hover));color:#fff;box-shadow:0 4px 12px #dc262626}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #dc26264d;filter:brightness(1.05);color:#fff}.btn-danger:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #dc262626}.btn-success{background:linear-gradient(120deg,var(--success),var(--success-text));color:#fff;box-shadow:0 4px 12px #16a34a26}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #16a34a4d;filter:brightness(1.05);color:#fff}.btn-success:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #16a34a26}.btn.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border);transition:background .15s ease,border-color .15s ease}.btn.secondary:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-hover);color:var(--text)}.btn.secondary:active:not(:disabled){background:var(--surface-3)}.btn.subtle{background:var(--surface);color:var(--text);border:1px solid var(--border);transition:background .15s ease,border-color .15s ease,color .15s ease}.btn.subtle:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-hover);color:var(--text)}.btn.subtle:active:not(:disabled){background:var(--surface-3)}.btn.ghost{background:transparent;color:var(--text-secondary);transition:background .15s ease,color .15s ease}.btn.ghost:hover:not(:disabled){background:var(--surface-2)}.btn.ghost:active:not(:disabled){background:var(--surface-2)}.btn.danger{background:var(--danger);color:#fff;box-shadow:0 3px #991b1b;transition:transform .1s ease,box-shadow .1s ease,filter .15s ease}.btn.danger:hover:not(:disabled){filter:brightness(1.08);color:#fff}.btn.danger:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 #991b1b}.btn.good{background:linear-gradient(120deg,var(--success),var(--success-text));color:#fff;box-shadow:0 4px 12px #16a34a26}.btn.good:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #16a34a4d;filter:brightness(1.05)}.btn.good:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #16a34a26}.btn-xs{min-height:32px;padding:0 12px;font-size:11px;border-radius:var(--radius-full)}.btn-sm{min-height:36px;padding:0 16px;font-size:12px;border-radius:var(--radius-full)}.btn-lg{min-height:52px;padding:0 28px;font-size:15px;border-radius:var(--radius-full)}@media(max-width:768px){.btn{min-height:48px;padding:0 20px;font-size:14px}.btn-sm{min-height:42px;padding:0 16px}.btn-xs{min-height:36px;padding:0 12px;font-size:12px}}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-full)}.btn-icon.btn-sm{width:32px;height:32px;border-radius:var(--radius-full)}.btn-icon.btn-lg{width:52px;height:52px;border-radius:var(--radius-full)}.btn-group{display:flex;gap:var(--space-2)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1.4;white-space:nowrap}.badge-primary{background:var(--primary-light);color:var(--primary-text);border:1px solid var(--primary-border)}.badge-secondary{background:var(--secondary-light);color:var(--secondary-text);border:1px solid var(--secondary-border)}.badge-success{background:var(--success-light);color:var(--success-text);border:1px solid var(--success-border)}.badge-warning{background:var(--warning-light);color:var(--warning-text);border:1px solid var(--warning-border)}.badge-danger{background:var(--danger-light);color:var(--danger-text);border:1px solid var(--danger-border)}.badge-purple{background:var(--purple-light);color:var(--purple-text);border:1px solid rgba(168,85,247,.3)}.badge-ghost{background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border)}.pill-tabs{display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);overflow-x:auto;scrollbar-width:none}.pill-tabs::-webkit-scrollbar{display:none}.pill-tab{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;background:none}.pill-tab:hover{color:var(--text);background:var(--surface-2)}.pill-tab.active{background:var(--primary);color:#fff;font-weight:var(--weight-semibold);box-shadow:var(--shadow-xs)}.input-field{width:100%;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-sm);transition:all var(--transition-fast)}.input-field:hover{border-color:var(--border-hover)}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.input-field::placeholder{color:var(--text-muted)}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-group label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.textarea-field{width:100%;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-sm);resize:vertical;min-height:100px;transition:border-color var(--transition-fast)}.textarea-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.checkbox-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.checkbox-card:hover{border-color:var(--border-hover);background:var(--surface-2)}.checkbox-card.checked{border-color:var(--primary-border);background:var(--primary-light)}.checkbox-card .check-box{width:20px;height:20px;border:2px solid var(--border-hover);border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.checkbox-card.checked .check-box{background:var(--primary);border-color:var(--primary)}.progress-track{height:6px;background:var(--surface-2);border-radius:var(--radius-full);overflow:hidden}.progress-track.lg{height:10px}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width var(--transition-slow)}.progress-fill.success{background:var(--gradient-success)}.progress-fill.warning{background:var(--warning)}.progress-fill.danger{background:var(--danger)}.progress-labeled{display:flex;flex-direction:column;gap:var(--space-2)}.progress-labeled .progress-info{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--text-muted)}.score-ring{position:relative;width:120px;height:120px}.score-ring svg{transform:rotate(-90deg)}.score-ring .ring-bg{fill:none;stroke:var(--surface-2);stroke-width:8}.score-ring .ring-fill{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s ease}.score-ring .ring-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-ring .ring-value{font-size:var(--text-2xl);font-weight:var(--weight-bold)}.score-ring .ring-unit{font-size:var(--text-xs);color:var(--text-muted)}.stat-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.stat-card .stat-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);flex-shrink:0}.stat-card .stat-value{font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:1}.stat-card .stat-label{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center}.empty-state .empty-icon{font-size:48px;margin-bottom:var(--space-4);opacity:.5}.empty-state .empty-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.empty-state .empty-desc{font-size:var(--text-sm);color:var(--text-muted);max-width:400px}.tooltip-wrapper{position:relative;display:inline}.tooltip-content{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:var(--space-2) var(--space-3);background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);z-index:var(--z-tooltip);box-shadow:var(--shadow-md)}.tooltip-wrapper:hover .tooltip-content{opacity:1}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn .2s ease}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8);max-width:480px;width:90%;animation:scaleIn .3s ease;box-shadow:var(--shadow-xl)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.modal-header h3{font-size:var(--text-lg)}.divider{height:1px;background:var(--border);margin:var(--space-6) 0}.divider-sm{margin:var(--space-3) 0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.section-header h2{font-size:var(--text-xl);font-weight:var(--weight-semibold)}.section-header h3{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.section-head,.workspace-head{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.section-head.compact{padding:var(--space-5)}.section-head .eyebrow,.workspace-head .eyebrow{display:inline-flex;align-items:center;width:fit-content;margin-bottom:var(--space-2)}.section-head h1,.workspace-head h1{font-size:var(--text-3xl);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.section-head p,.workspace-head p{color:var(--text-secondary);font-size:var(--text-base);margin:0}.page-title{margin-bottom:var(--space-8);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.page-title h1{font-size:var(--text-3xl);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.page-title p{color:var(--text-secondary);font-size:var(--text-base)}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-5)}.breadcrumb a{color:var(--text-muted)}.breadcrumb a:hover{color:var(--text)}.breadcrumb .sep{font-size:var(--text-xs)}.breadcrumb .current{color:var(--text);font-weight:var(--weight-medium)}.audio-player{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.audio-player .play-btn{width:40px;height:40px;border-radius:var(--radius-full);background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all var(--transition-fast);border:none}.audio-player .play-btn:hover{background:var(--primary-hover);transform:scale(1.05)}.audio-player .audio-track{flex:1;height:4px;background:var(--surface-3);border-radius:var(--radius-full);overflow:hidden;cursor:pointer}.audio-player .audio-progress{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width .1s linear}.audio-player .audio-time{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:40px;text-align:right}.choice-list{display:flex;flex-direction:column;gap:var(--space-2)}.choice-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.choice-item:hover{border-color:var(--border-hover);background:var(--surface-2)}.choice-item.selected{border-color:var(--primary-border);background:var(--primary-light)}.choice-item.correct{border-color:var(--success-border);background:var(--success-light)}.choice-item.wrong{border-color:var(--danger-border);background:var(--danger-light)}.choice-item .choice-label{width:28px;height:28px;border-radius:var(--radius-full);background:var(--surface-3);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--weight-semibold);flex-shrink:0;transition:all var(--transition-fast)}.choice-item.selected .choice-label{background:var(--primary);color:#fff}.choice-item.correct .choice-label{background:var(--success);color:#fff}.choice-item.wrong .choice-label{background:var(--danger);color:#fff}.choice-item .choice-text{font-size:var(--text-sm);flex:1}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border)}.figma-page{animation:fadeInUp .4s ease both;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-8);padding-bottom:var(--space-12)}.figma-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.figma-page-head>div:first-child,.figma-page-head-text{min-width:0;flex:1 1 420px}.figma-page-head-action,.figma-page-head-meta,.figma-page-head>div:last-child:not(:first-child){display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap}.figma-page-head h1{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--text);margin-bottom:var(--space-2)}.figma-page-head p{font-size:var(--text-base);color:var(--text-secondary);margin:0}.figma-blue-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);background:var(--primary);color:#fff!important;font-weight:var(--weight-semibold);font-size:var(--text-sm);line-height:1;text-decoration:none;border:1px solid var(--primary);box-shadow:var(--shadow-xs);transition:all var(--transition-fast);cursor:pointer}.figma-blue-btn:hover{background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.figma-blue-btn.small{padding:var(--space-1-5) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.figma-blue-btn.muted-btn{background:var(--surface-2);color:var(--text)!important;border-color:var(--border)}.figma-blue-btn.muted-btn:hover{background:var(--surface-3);border-color:var(--border-hover)}.figma-outline-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.figma-outline-btn:hover{background:var(--surface-2);border-color:var(--border-hover);color:var(--text)}.figma-outline-btn.danger{color:var(--danger-text);border-color:var(--danger-border);background:var(--danger-light)}.figma-outline-btn.danger:hover{color:#fff;background:var(--danger);border-color:var(--danger)}.figma-import-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.figma-import-box h3{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.figma-import-box p{color:var(--text-secondary)}.figma-import-box textarea{width:100%!important;box-sizing:border-box;padding:var(--space-3) var(--space-4)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;background:var(--surface-2);color:var(--text);font-family:var(--font-mono)!important;font-size:var(--text-sm)!important;line-height:var(--leading-normal);resize:vertical}.figma-import-box textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-light)}.figma-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.figma-stat-grid article{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);display:flex;align-items:center;gap:var(--space-4);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.figma-stat-grid article:hover{border-color:var(--primary-border);transform:translateY(-2px);box-shadow:var(--shadow-md)}.figma-stat-grid article strong{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text);line-height:1.2}.figma-stat-grid article small{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.figma-stat-icon{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:var(--weight-bold);flex-shrink:0}.figma-stat-icon.blue{background:#e0f2fe;color:var(--secondary)}.figma-stat-icon.teal{background:#ccfbf1;color:#0d9488}.figma-stat-icon.purple{background:var(--purple-light);color:var(--purple)}.figma-stat-icon.green{background:var(--primary-light);color:var(--success)}.figma-stat-icon.amber{background:var(--warning-light);color:var(--warning)}.figma-stat-icon.red{background:var(--danger-light);color:var(--danger)}.figma-stat-grid article div{display:flex;flex-direction:column}.figma-stat-grid article strong{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text)}.figma-stat-grid article small{font-size:var(--text-xs);color:var(--text-secondary)}.figma-tab-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.figma-tabbar{display:flex;gap:var(--space-1);padding:0 var(--space-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto;scrollbar-width:none}.figma-tab-card .figma-tabbar{border:none;border-bottom:1px solid var(--border);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.figma-tabbar::-webkit-scrollbar{display:none}.figma-tabbar button,.figma-tabbar a{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-decoration:none}.figma-tabbar button:hover,.figma-tabbar a:hover{color:var(--text);background:transparent}.figma-tabbar button.active,.figma-tabbar a.active{background:transparent;color:var(--primary-text);font-weight:var(--weight-semibold);border-bottom-color:var(--primary)}.figma-tab-body{padding:var(--space-6)}.figma-test-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.figma-test-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-4);transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}.figma-test-card:hover{border-color:var(--primary-border);transform:translateY(-2px);box-shadow:var(--shadow-md)}.figma-test-card:hover .figma-test-head h2{color:var(--primary-text)}.figma-test-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.figma-test-meta .progress{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--primary);background:var(--primary-light);padding:2px 8px;border-radius:var(--radius-sm)}.figma-test-meta small{font-size:var(--text-xs);color:var(--text-muted)}.figma-test-head h2{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text);margin-bottom:var(--space-2)}.figma-test-head p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.figma-card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-light);padding-top:var(--space-3);font-size:var(--text-xs);color:var(--text-muted)}.figma-progress-list{display:flex;flex-direction:column;gap:var(--space-3)}.figma-progress-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);text-decoration:none;color:var(--text);transition:all var(--transition-fast)}.figma-progress-row:hover{background:var(--surface-3);border-color:var(--primary-border)}.figma-quick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4)}.figma-quick-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;color:var(--text);font-weight:var(--weight-medium);box-shadow:var(--shadow-xs);transition:all var(--transition-fast)}.figma-quick-card:hover{border-color:var(--primary-border);transform:translateY(-2px);box-shadow:var(--shadow-md);background:var(--surface)}.figma-quick-card div{display:flex;flex-direction:column;gap:2px}.figma-quick-card div strong{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text)}.figma-quick-card div small{font-size:var(--text-xs);color:var(--text-muted)}.figma-action-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;transition:transform var(--transition-fast)}.figma-quick-card:hover .figma-action-icon{transform:scale(1.1)}.figma-action-icon.blue{background:var(--secondary-light);color:var(--secondary)}.figma-action-icon.teal{background:#ccfbf1;color:#0d9488}.figma-action-icon.amber{background:var(--warning-light);color:var(--warning)}.figma-action-icon.purple{background:var(--purple-light);color:var(--purple)}.figma-action-icon.red{background:var(--danger-light);color:var(--danger)}.figma-action-icon.green{background:var(--success-light);color:var(--success)}.figma-progress-track{width:100%;height:8px;background:var(--surface-3);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--space-2)}.figma-progress-fill{height:100%;background:var(--primary);border-radius:var(--radius-full);transition:width .5s ease}.figma-option-list{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-4) 0}.figma-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);color:var(--text);text-align:left;width:100%}.figma-option:hover:not(:disabled){border-color:var(--primary-border);background:var(--surface-2)}.figma-option.--selected{border-color:var(--primary);background:var(--primary-light);font-weight:var(--weight-semibold)}.figma-option.--correct{border-color:var(--success);background:var(--success-light);color:var(--success);font-weight:var(--weight-bold)}.figma-option.--wrong{border-color:var(--danger);background:var(--danger-light);color:var(--danger)}.flashcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-3);transition:all var(--transition-base);position:relative;overflow:hidden;min-height:200px}.flashcard:hover{border-color:var(--primary-border);transform:translateY(-2px);box-shadow:var(--shadow-md)}.flashcard.flipped{border-color:var(--primary-border);background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-light) 100%)}.flash-surface{width:100%;flex:1;background:transparent;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);cursor:pointer;text-align:center;border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none}.flash-surface:hover{background:#00000004}.flash-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.flash-badge{font-size:10px;font-weight:var(--weight-bold);color:var(--primary-text);background:var(--primary-light);padding:2px 8px;border-radius:var(--radius-full);border:1px solid var(--primary-border);letter-spacing:.02em}.flash-role-tag{font-size:10px;font-weight:var(--weight-medium);color:var(--text-muted);background:var(--surface-2);padding:2px 8px;border-radius:var(--radius-full);border:1px solid var(--border)}.flash-surface strong{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text);line-height:var(--leading-snug);margin:var(--space-1) 0;transition:color var(--transition-fast)}.flash-phonetic{font-size:var(--text-xs);color:var(--text-muted);padding:2px var(--space-2);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-2);font-style:normal;letter-spacing:.02em}.flash-flip-hint{font-size:var(--text-xs);color:var(--text-muted);font-style:italic;margin-top:var(--space-1)}.flash-vi{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--primary-hover)}.flash-detail{font-size:var(--text-xs);color:var(--text-secondary);font-style:normal;line-height:var(--leading-relaxed);text-align:left;width:100%}.flash-detail span{font-weight:var(--weight-semibold);color:var(--text);margin-right:4px}.flash-detail i{color:var(--text-muted)}.flashcard .action-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-light);padding-top:var(--space-2);width:100%;z-index:2}.study-center-container{width:100%;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-xl);animation:fadeInUp .3s ease}.study-topbar{max-width:620px;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.study-hint{display:flex;align-items:center;gap:var(--space-2);font-size:11px;color:var(--text-muted);flex-wrap:wrap}.study-hint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-bottom-width:2px;border-radius:3px}.study-counter{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text);font-variant-numeric:tabular-nums}.study-counter-sep{color:var(--text-muted);font-weight:var(--weight-medium);margin:0 2px}.study-progress{max-width:620px;width:100%;margin:0 auto;height:3px;background:var(--surface-3);border-radius:var(--radius-full);overflow:hidden}.study-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,#34d399 100%);border-radius:var(--radius-full);transition:width .4s cubic-bezier(.4,0,.2,1)}.quizlet-card-scene{max-width:620px;width:100%;margin:0 auto;height:280px;perspective:1200px;cursor:pointer;-webkit-user-select:none;user-select:none}@media(max-width:640px){.quizlet-card-scene{height:260px}}.quizlet-card-inner{width:100%;height:100%;position:relative;transition:transform .5s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;border-radius:var(--radius-lg)}.quizlet-card-inner.is-flipped{transform:rotateY(180deg)}.quizlet-card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:0 2px 8px #0000000f;padding:var(--space-5);display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.quizlet-card-scene:hover .quizlet-card-front{border-color:var(--border-hover);box-shadow:0 4px 16px #00000014}.quizlet-card-back{transform:rotateY(180deg);border-color:var(--primary-border)}.quizlet-front-top{display:flex;align-items:center;gap:var(--space-2);width:100%;justify-content:center}.quizlet-source-tag{font-size:11px;font-weight:var(--weight-semibold);color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);padding:2px 10px;border-radius:var(--radius-full)}.quizlet-source-tag.is-back{color:var(--primary-text);background:var(--primary-light);border-color:var(--primary-border)}.quizlet-role-badge{font-size:11px;font-weight:var(--weight-medium);color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);padding:2px 10px;border-radius:var(--radius-full)}.quizlet-main-text{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-1)}.quizlet-main-text h2{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text);line-height:var(--leading-tight)}.quizlet-card-back .quizlet-main-text h2{color:var(--primary-hover)}.quizlet-phonetic{color:var(--text-muted);font-size:var(--text-base);font-weight:var(--weight-medium);letter-spacing:.02em}.quizlet-role{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--weight-medium)}.quizlet-front-bottom{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.quizlet-hint{font-size:var(--text-xs);color:var(--text-muted)}.quizlet-hint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;font-family:var(--font-mono);font-size:9px;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);border-bottom-width:2px;border-radius:3px;margin:0 2px}.quizlet-audio{display:flex;align-items:center;gap:var(--space-2)}.quizlet-details{background:var(--surface-2);border:1px solid var(--border);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-secondary);text-align:left;width:100%;display:flex;flex-direction:column;gap:2px;max-height:80px;overflow-y:auto}.quizlet-details p{line-height:var(--leading-snug)}.quizlet-details span{font-weight:var(--weight-semibold);color:var(--text);margin-right:var(--space-1)}.study-typing{max-width:620px;width:100%;margin:0 auto;padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);animation:fadeInUp .2s ease}.study-typing h4{font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.study-memory-bar{max-width:620px;width:100%;margin:0 auto;display:flex;gap:var(--space-2);justify-content:center}.study-memory-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:var(--surface);color:var(--text-secondary)}.study-memory-icon{font-size:14px;line-height:1}.study-memory-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.study-memory-btn.forgot:hover,.study-memory-btn.forgot.is-active{background:#fef2f2;border-color:var(--danger-border);color:var(--danger)}.study-memory-btn.later:hover,.study-memory-btn.later.is-active{background:#fffbeb;border-color:#fcd34d;color:var(--warning)}.study-memory-btn.remembered:hover,.study-memory-btn.remembered.is-active{background:var(--primary-light);border-color:#6ee7b7;color:var(--primary)}.study-memory-btn.is-active{transform:scale(.97);box-shadow:none}@keyframes memoryPulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.study-memory-bar.is-remembered .study-memory-btn.remembered.is-active,.study-memory-bar.is-forgot .study-memory-btn.forgot.is-active,.study-memory-bar.is-later .study-memory-btn.later.is-active{animation:memoryPulse .3s ease}.quizlet-nav-bar{max-width:620px;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.study-prev svg{transform:rotate(180deg)}.phrase-tooltip{position:relative;display:inline;cursor:pointer;color:inherit;font-weight:700;padding:2px 6px;margin:0 1px;border-radius:8px;background:linear-gradient(transparent 55%,#ffe1aa 55%);transition:background .15s ease,transform .15s ease}.phrase-tooltip:hover{background:#ffe1aa}.phrase-popover{position:fixed;left:0;top:0;transform:translate(-50%,calc(-100% - 14px)) scale(.95);transform-origin:bottom center;width:min(310px,88vw);background:#0f172af5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f8fafc;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 25px -5px #0000004d,0 8px 10px -6px #0003;display:flex;flex-direction:column;gap:8px;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1);z-index:9999;pointer-events:none;text-align:left;line-height:1.4}.phrase-popover:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:rgba(15,23,42,.96) transparent transparent transparent}.phrase-popover.is-open{opacity:1;visibility:visible;transform:translate(-50%,calc(-100% - 8px)) scale(1);pointer-events:auto}.phrase-popover strong{font-size:15px;font-weight:800;color:#34d399;letter-spacing:.3px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:6px}.phrase-popover span{color:#f1f5f9;font-weight:600;font-size:14px}.phrase-popover small{color:#94a3b8;font-size:12px;font-style:italic;line-height:1.45}.phrase-popover .phrase-pop-role{color:#a78bfa;font-style:normal;font-weight:700;font-size:11px;letter-spacing:.04em;text-transform:uppercase}.phrase-popover .phrase-pop-pattern{color:#cbd5e1;font-style:normal}.phrase-popover .phrase-pop-pattern b{color:#34d399}.phrase-popover .phrase-pop-example{color:#e2e8f0;font-style:normal;background:#60a5fa14;border-left:2px solid rgba(96,165,250,.5);padding:6px 8px;border-radius:4px;display:block}.phrase-popover .phrase-pop-example b{color:#60a5fa}.phrase-popover .phrase-pop-example i{font-style:italic}.phrase-popover .phrase-pop-example-vi{display:block;margin-top:3px;color:#94a3b8;font-size:11px}.phrase-popover .phrase-pop-note{color:var(--warning-border);font-style:normal;background:#fbbf2414;border-left:2px solid rgba(251,191,36,.5);padding:6px 8px;border-radius:4px}.phrase-panel{margin-top:var(--space-4);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.phrase-panel-head{display:flex;align-items:center;gap:8px;margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px dashed var(--border);color:var(--primary-text);font-size:var(--text-sm);font-weight:800;letter-spacing:.02em}.phrase-panel-head svg{color:var(--primary)}.phrase-panel-head small{margin-left:auto;font-size:11px;font-weight:700;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);padding:2px 8px}.phrase-panel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-3)}.phrase-card{background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:var(--radius-md);padding:10px 12px;display:flex;flex-direction:column;gap:6px;transition:border-color .15s,box-shadow .15s}.phrase-card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-xs)}.phrase-card-head{display:flex;align-items:center;gap:6px}.phrase-card-head strong{flex:1;font-size:var(--text-sm);font-weight:800;color:var(--primary-text);line-height:1.3}.phrase-card-vi{font-size:var(--text-xs);color:var(--text);font-weight:600;line-height:1.4}.phrase-card-meta{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:11px;color:var(--text-secondary)}.phrase-card-tag{display:inline-block;padding:1px 7px;background:var(--surface-3);border-radius:var(--radius-full);font-weight:700;font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.phrase-card-pattern{font-family:var(--font-mono);font-size:11px}.phrase-card-pattern b{color:var(--primary);font-weight:700;margin-right:4px}.phrase-card-example{font-size:11.5px;color:var(--text);background:var(--surface);border-left:2px solid #60a5fa;border-radius:var(--radius-sm);padding:5px 8px;line-height:1.5}.phrase-card-example b{color:#2563eb;margin-right:4px}.phrase-card-example i{font-style:italic;color:var(--text)}.phrase-card-example-vi{margin-top:3px;color:var(--text-secondary);font-size:11px;font-style:italic}.phrase-card-note{font-size:11px;color:var(--warning-text);background:var(--warning-light);border-radius:var(--radius-sm);padding:5px 8px;line-height:1.45}.key-pop{position:absolute;color:#0d9488;font-family:var(--font-mono, monospace);font-size:26px;font-weight:900;pointer-events:none;z-index:100;animation:keyPopFly .6s cubic-bezier(.2,.8,.2,1) forwards;text-shadow:0 4px 12px rgba(13,148,136,.3)}@keyframes keyPopFly{0%{opacity:1;transform:scale(.5) translateY(0) rotate(-12deg)}50%{opacity:.95;transform:scale(1.4) translateY(-32px) rotate(6deg)}to{opacity:0;transform:scale(1) translateY(-64px) rotate(18deg)}}.typing-glow{box-shadow:0 0 0 4px #0d948840,0 0 25px #0d948833!important;border-color:#0d9488!important}.toast-viewport{position:fixed;top:max(16px,env(safe-area-inset-top));right:16px;z-index:var(--z-toast);width:min(380px,calc(100vw - 32px));display:grid;gap:10px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg);animation:slideDown .2s ease}.toast button{border:0;background:none;color:currentColor;cursor:pointer;font-size:20px;line-height:1;opacity:.7}.toast-action{flex:1;padding:0;font:inherit;font-size:var(--text-sm);line-height:1.45;text-align:left;text-decoration:underline;text-underline-offset:2px;opacity:1!important}.toast-action:hover{opacity:.8!important}.toast-success{border-color:var(--success);background:color-mix(in srgb,var(--success) 10%,var(--surface))}.toast-error{border-color:var(--danger);background:var(--danger-light);color:var(--danger-text)}.toast-warning{border-color:var(--warning);background:color-mix(in srgb,var(--warning) 12%,var(--surface))}.toast-info{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,var(--surface))}@media(max-width:560px){.toast-viewport{left:12px;right:12px;width:auto}}.tooich-mascot{position:fixed;top:0;left:0;z-index:calc(var(--z-sticky) + 1);width:76px;height:88px;pointer-events:none;transform:translate3d(var(--tooich-x),var(--tooich-y),0);will-change:transform}.tooich-mascot.is-settling{transition:transform .55s cubic-bezier(.16,1.35,.3,1)}.tooich-mascot.is-practice-companion{z-index:24}.tooich-mascot.is-practice-companion:not(.is-open) .tooich-mascot-float{opacity:.94}.tooich-mascot-button{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:grab;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.tooich-mascot-button:before{position:absolute;inset:16px 4px 4px;border-radius:50%;background:radial-gradient(circle,rgba(14,147,132,.18),transparent 68%);content:"";opacity:0;transform:scale(.7);transition:opacity .2s ease,transform .2s ease}.tooich-mascot-button:after{position:absolute;inset:24px 13px 12px;border:2px solid rgba(45,199,181,.28);border-radius:50%;content:"";opacity:0;pointer-events:none}.tooich-mascot-button:hover:before,.tooich-mascot.is-open .tooich-mascot-button:before,.tooich-mascot.mood-grabbed .tooich-mascot-button:before,.tooich-mascot.mood-zooming .tooich-mascot-button:before{opacity:1;transform:scale(1.2)}.tooich-mascot-button:focus-visible{outline:3px solid rgba(14,147,132,.34);outline-offset:3px;border-radius:32px}.tooich-mascot-float{position:relative;display:block;width:100%;height:100%;transform-origin:50% 85%;filter:drop-shadow(0 8px 8px rgba(22,50,63,.18));animation:tooichMascotFloat 3.5s ease-in-out infinite;transition:filter .2s ease}[data-shop-mascot=detective] .tooich-mascot-float:before{position:absolute;z-index:3;top:3px;left:18px;width:43px;height:17px;border:3px solid #16323f;border-radius:50% 50% 18% 18%;background:#b78655;box-shadow:12px 19px 0 -7px #d9b17b;content:"";transform:rotate(-7deg)}[data-shop-mascot=detective] .tooich-mascot-float:after{position:absolute;z-index:4;right:-3px;bottom:7px;font-size:28px;content:"⌕";color:#16323f;transform:rotate(-18deg)}[data-shop-mascot=astronaut] .tooich-mascot-float:before{position:absolute;z-index:3;inset:20px 9px 12px;border:4px solid rgba(226,245,255,.88);border-radius:48%;box-shadow:inset 0 0 0 2px #5ca8c7,0 0 14px #6fd3efa6;content:""}[data-shop-mascot=astronaut] .tooich-mascot-float{animation-duration:2.2s;filter:drop-shadow(0 0 10px rgba(111,211,239,.6))}.tooich-mascot-button:hover .tooich-mascot-float{filter:drop-shadow(0 11px 10px rgba(14,147,132,.26))}.tooich-mascot-svg{display:block;width:100%;height:100%;overflow:visible}.tooich-mascot-shadow{fill:#16323f29;transform-box:fill-box;transform-origin:center;animation:tooichMascotShadow 3.5s ease-in-out infinite}.tooich-mascot-body{stroke:#16323f;stroke-width:2.5;stroke-linejoin:round;transform-box:fill-box;transform-origin:center bottom}.tooich-mascot-body-shine{fill:none;stroke:#ffffff94;stroke-width:3;stroke-linecap:round}.tooich-mascot-face{fill:#f5fffc;stroke:#16323f;stroke-width:2.3;transform-box:fill-box;transform-origin:center}.tooich-mascot-face-rig{transform:translate(var(--tooich-look-x, 0),var(--tooich-look-y, 0)) rotate(var(--tooich-look-r, 0));transform-box:fill-box;transform-origin:center;transition:transform .18s cubic-bezier(.2,.8,.2,1)}.tooich-mascot-ear{fill:#20b6a5;stroke:#16323f;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transform-box:fill-box;transform-origin:center}.tooich-mascot-ear-inner{fill:none;stroke:#ffffff9e;stroke-width:2;stroke-linecap:round}.tooich-mascot-antenna{transform-box:fill-box;transform-origin:50% 100%}.tooich-mascot-antenna path{fill:none;stroke:#16323f;stroke-width:3;stroke-linecap:round}.tooich-mascot-eye{transform-box:fill-box;transform-origin:center;transition:transform .1s ease}.tooich-mascot-eye ellipse{fill:#fff;stroke:#16323f;stroke-width:1.8;transition:rx .16s ease,ry .16s ease}.tooich-mascot-eye circle{fill:#16323f;transition:transform .12s ease-out}.tooich-mascot-eye .tooich-eye-glint{fill:#fff;stroke:none;pointer-events:none}.tooich-mascot-eye.is-blinking{transform:scaleY(.1)}.tooich-mascot-smile,.tooich-mascot-mouth-sleep,.tooich-mascot-mouth-frown{fill:none;stroke:#16323f;stroke-width:2.5;stroke-linecap:round}.tooich-mascot-mouth-o{display:none;fill:#16323f}.tooich-mascot-mouth-sleep,.tooich-mascot-mouth-frown{display:none}.tooich-mascot-cheek{fill:#ff9f92;opacity:.65}.tooich-mascot-brows path{fill:none;stroke:#16323f;stroke-width:1.9;stroke-linecap:round;opacity:.22;transform-box:fill-box;transform-origin:center}.tooich-mascot-tear{fill:#6ed7ee;stroke:#16323f;stroke-width:1.2;opacity:0}.tooich-mascot-sweat{fill:#a8e9f4;stroke:#16323f;stroke-width:1.2;opacity:0}.tooich-mascot-mark circle{fill:none;stroke:#ffffffeb;stroke-width:3}.tooich-mascot-foot{fill:none;stroke:#16323f;stroke-width:2.4;stroke-linecap:round}.tooich-mascot-left-arm,.tooich-mascot-right-arm{transform-box:fill-box;transition:opacity .12s ease}.tooich-mascot-left-arm{transform-origin:100% 10%}.tooich-mascot-right-arm{transform-origin:0 10%}.tooich-mascot-left-arm path,.tooich-mascot-right-arm path{fill:none;stroke:#16323f;stroke-width:4.5;stroke-linecap:round}.tooich-mascot-left-arm circle,.tooich-mascot-right-arm circle{fill:#20b6a5;stroke:#16323f;stroke-width:2}.tooich-mascot-held-cursor{opacity:0;transform-box:fill-box;transform-origin:center;transition:opacity .12s ease}.tooich-mascot-held-cursor .cursor-arrow{fill:#fff;stroke:#16323f;stroke-width:2;stroke-linejoin:round}.tooich-mascot-held-cursor .hug-arm{fill:none;stroke:#16323f;stroke-width:5;stroke-linecap:round}.tooich-mascot-held-cursor .hug-hand{fill:#20b6a5;stroke:#16323f;stroke-width:2}.tooich-mascot-online{position:absolute;right:5px;bottom:7px;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:#22c55e;box-shadow:0 2px 5px #16323f33;transition:opacity .15s ease,transform .15s ease}.tooich-mascot.mood-curious .tooich-mascot-float{animation:tooichMascotCurious 1.1s ease-in-out infinite}.tooich-mascot.mood-curious .tooich-mascot-ear.left{animation:tooichEarLeft .55s ease-in-out alternate infinite}.tooich-mascot.mood-curious .tooich-mascot-ear.right{animation:tooichEarRight .55s .16s ease-in-out alternate infinite}.tooich-mascot.mood-curious .tooich-mascot-antenna{animation:tooichAntenna .5s ease-in-out alternate infinite}.tooich-mascot.mood-wave .tooich-mascot-right-arm{animation:tooichMascotWave 1.25s ease-in-out}.tooich-mascot.mood-wave .tooich-mascot-float{animation:tooichMascotHello 1.25s ease-in-out}.tooich-mascot.mood-wave .tooich-mascot-button:after,.tooich-mascot.mood-laugh .tooich-mascot-button:after,.tooich-mascot.mood-excited .tooich-mascot-button:after{animation:tooichVoiceRing .8s ease-out 2}.tooich-mascot.mood-stretch .tooich-mascot-left-arm{animation:tooichStretchLeft 1.6s ease-in-out}.tooich-mascot.mood-stretch .tooich-mascot-right-arm{animation:tooichStretchRight 1.6s ease-in-out}.tooich-mascot.mood-stretch .tooich-mascot-body{animation:tooichBodyStretch 1.6s ease-in-out}.tooich-mascot.mood-stretch .tooich-mascot-eye{animation:tooichHappyEyes 1.6s ease-in-out}.tooich-mascot.mood-dance .tooich-mascot-float{animation:tooichDance .62s ease-in-out infinite}.tooich-mascot.mood-dance .tooich-mascot-left-arm{animation:tooichDanceLeft .62s ease-in-out infinite alternate}.tooich-mascot.mood-dance .tooich-mascot-right-arm{animation:tooichDanceRight .62s ease-in-out infinite alternate}.tooich-mascot.mood-dance .tooich-mascot-antenna{animation:tooichAntenna .22s ease-in-out alternate infinite}.tooich-mascot.is-playing-music .tooich-mascot-float{animation:tooichMusicGroove .72s ease-in-out infinite!important}.tooich-mascot.is-playing-music .tooich-mascot-left-arm{animation:tooichDanceLeft .54s ease-in-out infinite alternate}.tooich-mascot.is-playing-music .tooich-mascot-right-arm{animation:tooichDanceRight .54s ease-in-out infinite alternate-reverse}.tooich-mascot.is-playing-music .tooich-mascot-antenna{animation:tooichAntenna .22s ease-in-out alternate infinite}.tooich-mascot.is-playing-music .tooich-mascot-eye{transform:scaleY(.3)}.tooich-mascot.is-playing-music .tooich-mascot-cheek{opacity:1}.tooich-mascot.is-playing-music .tooich-mascot-smile{display:block!important}.tooich-mascot.is-playing-music .tooich-mascot-mouth-o,.tooich-mascot.is-playing-music .tooich-mascot-mouth-sleep,.tooich-mascot.is-playing-music .tooich-mascot-mouth-frown{display:none!important}.tooich-mascot.mood-excited .tooich-mascot-float{animation:tooichExcited .72s cubic-bezier(.2,.9,.3,1.3)}.tooich-mascot.mood-excited .tooich-mascot-eye ellipse{ry:9.5px}.tooich-mascot.mood-excited .tooich-mascot-cheek{opacity:1}.tooich-mascot.mood-laugh .tooich-mascot-float{animation:tooichLaugh .42s ease-in-out infinite alternate}.tooich-mascot.mood-laugh .tooich-mascot-eye{transform:scaleY(.16)}.tooich-mascot.mood-laugh .tooich-mascot-smile{display:none}.tooich-mascot.mood-laugh .tooich-mascot-mouth-o{display:block;transform-box:fill-box;transform-origin:center;animation:tooichLaughMouth .42s ease-in-out infinite alternate}.tooich-mascot.mood-laugh .tooich-mascot-cheek{opacity:1}.tooich-mascot.mood-surprised .tooich-mascot-float{animation:tooichSurprised .28s cubic-bezier(.2,1.3,.3,1)}.tooich-mascot.mood-surprised .tooich-mascot-eye ellipse{rx:7.5px;ry:9.5px}.tooich-mascot.mood-surprised .tooich-mascot-smile{display:none}.tooich-mascot.mood-surprised .tooich-mascot-mouth-o{display:block}.tooich-mascot.mood-surprised .tooich-mascot-sweat{opacity:1;animation:tooichSweat .6s ease-out}.tooich-mascot.mood-surprised .tooich-mascot-left-arm,.tooich-mascot.mood-surprised .tooich-mascot-right-arm{opacity:0}.tooich-mascot.mood-surprised .tooich-mascot-held-cursor{opacity:1}.tooich-mascot.mood-sad .tooich-mascot-float{animation:tooichSad 1.35s ease-in-out infinite}.tooich-mascot.mood-sad .tooich-mascot-smile{display:none}.tooich-mascot.mood-sad .tooich-mascot-mouth-frown{display:block}.tooich-mascot.mood-sad .tooich-mascot-tear{opacity:1;animation:tooichTear 1.2s ease-in infinite}.tooich-mascot.mood-sad .tooich-mascot-brows path{opacity:1}.tooich-mascot.mood-sad .tooich-mascot-brows .left{transform:rotate(13deg)}.tooich-mascot.mood-sad .tooich-mascot-brows .right{transform:rotate(-13deg)}.tooich-mascot.mood-sigh .tooich-mascot-float{animation:tooichSigh 1.1s ease-out}.tooich-mascot.mood-sigh .tooich-mascot-eye{transform:scaleY(.35)}.tooich-mascot.mood-sigh .tooich-mascot-smile{display:none}.tooich-mascot.mood-sigh .tooich-mascot-mouth-sleep{display:block}.tooich-mascot.mood-complain .tooich-mascot-float{animation:tooichComplain .22s ease-in-out infinite alternate}.tooich-mascot.mood-complain .tooich-mascot-smile{display:none}.tooich-mascot.mood-complain .tooich-mascot-mouth-frown{display:block}.tooich-mascot.mood-complain .tooich-mascot-brows path{opacity:1}.tooich-mascot.mood-complain .tooich-mascot-brows .left{transform:rotate(-15deg)}.tooich-mascot.mood-complain .tooich-mascot-brows .right{transform:rotate(15deg)}.tooich-mascot.mood-complain .tooich-mascot-left-arm{animation:tooichComplainLeft .44s ease-in-out infinite alternate}.tooich-mascot.mood-complain .tooich-mascot-right-arm{animation:tooichComplainRight .44s ease-in-out infinite alternate}.tooich-mascot.mood-sleepy .tooich-mascot-float{animation:tooichSleep 2.2s ease-in-out infinite}.tooich-mascot.mood-sleepy .tooich-mascot-eye{transform:scaleY(.12)}.tooich-mascot.mood-sleepy .tooich-mascot-smile{display:none}.tooich-mascot.mood-sleepy .tooich-mascot-mouth-sleep{display:block}.tooich-mascot.mood-sleepy .tooich-mascot-antenna{transform:rotate(12deg)}.tooich-mascot.mood-grabbed .tooich-mascot-button,.tooich-mascot.mood-zooming .tooich-mascot-button{cursor:grabbing}.tooich-mascot.mood-grabbed .tooich-mascot-float{animation:tooichGrabbed .34s ease-in-out infinite alternate}.tooich-mascot.mood-zooming .tooich-mascot-float{animation:tooichZooming .22s ease-in-out infinite alternate}.tooich-mascot.mood-grabbed .tooich-mascot-left-arm,.tooich-mascot.mood-grabbed .tooich-mascot-right-arm,.tooich-mascot.mood-zooming .tooich-mascot-left-arm,.tooich-mascot.mood-zooming .tooich-mascot-right-arm{opacity:0}.tooich-mascot.mood-grabbed .tooich-mascot-held-cursor,.tooich-mascot.mood-zooming .tooich-mascot-held-cursor{opacity:1;animation:tooichHug .36s ease-in-out infinite alternate}.tooich-mascot.mood-grabbed .tooich-mascot-smile,.tooich-mascot.mood-zooming .tooich-mascot-smile{display:none}.tooich-mascot.mood-grabbed .tooich-mascot-mouth-o,.tooich-mascot.mood-zooming .tooich-mascot-mouth-o{display:block}.tooich-mascot.mood-grabbed .tooich-mascot-online,.tooich-mascot.mood-zooming .tooich-mascot-online{opacity:0;transform:scale(0)}.tooich-mascot.mood-dizzy .tooich-mascot-float{animation:tooichDizzy .3s ease-in-out 4}.tooich-mascot.mood-dizzy .tooich-mascot-eye circle{animation:tooichDizzyEyes .38s linear infinite}.tooich-mascot.mood-dizzy .tooich-mascot-smile{display:none}.tooich-mascot.mood-dizzy .tooich-mascot-mouth-o{display:block}body.is-dragging-tooich,body.is-dragging-tooich *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.tooich-mascot-sparks,.tooich-mascot-zzz{position:absolute;inset:0;pointer-events:none}.tooich-mascot-sparks i{position:absolute;width:5px;height:5px;border-radius:1px;background:#f6b83f;opacity:0;transform:rotate(45deg)}.tooich-mascot-sparks i:nth-child(1){top:5%;left:2%}.tooich-mascot-sparks i:nth-child(2){top:-2%;left:46%;background:#2dc7b5}.tooich-mascot-sparks i:nth-child(3){top:14%;right:-4%;background:#7c8cff}.tooich-mascot-sparks i:nth-child(4){top:52%;right:-9%}.tooich-mascot-sparks i:nth-child(5){bottom:4%;right:5%;background:#2dc7b5}.tooich-mascot-sparks i:nth-child(6){bottom:12%;left:-8%;background:#ff8e7c}.tooich-mascot-sparks i:nth-child(7){top:42%;left:-10%;background:#7c8cff}.tooich-mascot.mood-excited .tooich-mascot-sparks i,.tooich-mascot.mood-dance .tooich-mascot-sparks i{animation:tooichSpark .85s ease-out infinite}.tooich-mascot-sparks i:nth-child(2n){animation-delay:.14s!important}.tooich-mascot-sparks i:nth-child(3n){animation-delay:.28s!important}.tooich-mascot-zzz{inset:-8px -14px auto auto;width:46px;height:44px;opacity:0}.tooich-mascot-zzz i{position:absolute;color:#0e9384;font-family:var(--font-mono);font-style:normal;font-weight:800;opacity:0}.tooich-mascot-zzz i:nth-child(1){bottom:2px;left:2px;font-size:10px}.tooich-mascot-zzz i:nth-child(2){bottom:13px;left:14px;font-size:13px}.tooich-mascot-zzz i:nth-child(3){top:0;right:2px;font-size:16px}.tooich-mascot.mood-sleepy .tooich-mascot-zzz{opacity:1}.tooich-mascot.mood-sleepy .tooich-mascot-zzz i{animation:tooichZzz 1.65s ease-out infinite}.tooich-mascot.mood-sleepy .tooich-mascot-zzz i:nth-child(2){animation-delay:.35s}.tooich-mascot.mood-sleepy .tooich-mascot-zzz i:nth-child(3){animation-delay:.7s}.tooich-mascot-music-notes{position:absolute;inset:-20px -22px -8px;overflow:visible;pointer-events:none}.tooich-mascot-music-notes i{position:absolute;color:#0e9384;font-family:Georgia,serif;font-style:normal;font-weight:900;opacity:0;filter:drop-shadow(0 2px 3px rgba(22,50,63,.16))}.tooich-mascot-music-notes i:nth-child(1){right:-2px;bottom:12px;color:#f0a81c;font-size:18px}.tooich-mascot-music-notes i:nth-child(2){left:-1px;bottom:3px;font-size:22px}.tooich-mascot-music-notes i:nth-child(3){right:8px;bottom:34px;color:#786de7;font-size:16px}.tooich-mascot-music-notes i:nth-child(4){left:9px;bottom:30px;color:#ef7d6b;font-size:15px}.tooich-mascot.is-playing-music .tooich-mascot-music-notes i{animation:tooichMusicNote 1.8s ease-out infinite}.tooich-mascot.is-playing-music .tooich-mascot-music-notes i:nth-child(2){animation-delay:.42s}.tooich-mascot.is-playing-music .tooich-mascot-music-notes i:nth-child(3){animation-delay:.86s}.tooich-mascot.is-playing-music .tooich-mascot-music-notes i:nth-child(4){animation-delay:1.24s}.tooich-thought{position:absolute;width:226px;min-height:58px;padding:13px 16px;border:1px solid rgba(14,147,132,.16);border-radius:28px;background:#fffffffa;box-shadow:0 12px 30px #16323f24;color:#294b54;font-size:12.5px;font-weight:650;line-height:1.48;pointer-events:none;animation:tooichThoughtIn .38s cubic-bezier(.2,1.25,.3,1),tooichThoughtHover 2.8s .4s ease-in-out infinite}.tooich-thought:before,.tooich-thought:after{position:absolute;z-index:-1;border:1px solid rgba(14,147,132,.12);border-radius:50%;background:inherit;content:""}.tooich-thought:before{top:-12px;left:32px;width:48px;height:38px}.tooich-thought:after{top:-17px;right:34px;width:62px;height:48px}.tooich-thought>span{position:relative;z-index:2;display:block}.tooich-thought.align-right{right:-1px}.tooich-thought.align-left{left:-1px}.tooich-thought.place-above{bottom:calc(100% + 24px);transform-origin:bottom}.tooich-thought.place-below{top:calc(100% + 24px);transform-origin:top}.tooich-thought>i{position:absolute;display:block;border:1px solid rgba(14,147,132,.18);border-radius:50%;background:#fff}.tooich-thought>i:nth-of-type(1){width:13px;height:13px}.tooich-thought>i:nth-of-type(2){width:8px;height:8px}.tooich-thought>i:nth-of-type(3){width:5px;height:5px}.tooich-thought.place-above>i:nth-of-type(1){bottom:-17px}.tooich-thought.place-above>i:nth-of-type(2){bottom:-29px}.tooich-thought.place-above>i:nth-of-type(3){bottom:-39px}.tooich-thought.place-below>i:nth-of-type(1){top:-17px}.tooich-thought.place-below>i:nth-of-type(2){top:-29px}.tooich-thought.place-below>i:nth-of-type(3){top:-39px}.tooich-thought.align-right>i:nth-of-type(1){right:24px}.tooich-thought.align-right>i:nth-of-type(2){right:15px}.tooich-thought.align-right>i:nth-of-type(3){right:9px}.tooich-thought.align-left>i:nth-of-type(1){left:24px}.tooich-thought.align-left>i:nth-of-type(2){left:15px}.tooich-thought.align-left>i:nth-of-type(3){left:9px}.tooich-thought.tone-sleep{border-color:#7c8cff40;background:#f8f8ff;color:#505a86}.tooich-thought.tone-praise{border-color:#f6b83f57;background:#fffdf4;color:#6f5722}.tooich-thought.tone-reaction{border-color:#ff8e7c4d;background:#fff9f7;color:#75453d}.tooich-thought.tone-wake{border-color:#2dc7b547;background:#f4fffc;color:#176c63}.tooich-thought.tone-coach{border-color:#2987ce40;background:#f5fbff;color:#285a72}.tooich-mascot-bubble{position:absolute;width:262px;padding:14px;border:1px solid rgba(14,147,132,.22);border-radius:18px;background:#fffffffa;box-shadow:0 16px 40px #16323f2b;color:#16323f;pointer-events:auto;animation:tooichMascotBubbleIn .24s cubic-bezier(.2,.9,.25,1.15)}.tooich-mascot-bubble.place-above{bottom:calc(100% + 12px);transform-origin:bottom}.tooich-mascot-bubble.place-below{top:calc(100% + 12px);transform-origin:top}.tooich-mascot-bubble.align-right{right:4px}.tooich-mascot-bubble.align-left{left:4px}.tooich-mascot-bubble-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.tooich-mascot-bubble-head strong{color:#0e766c;font-size:13px;font-weight:800}.tooich-mascot-bubble-actions{display:flex;align-items:center;gap:5px}.tooich-mascot-bubble-head button{display:grid;width:23px;height:23px;padding:0;place-items:center;border:0;border-radius:50%;background:#edf7f5;color:#58716f;cursor:pointer;font-size:18px;line-height:1}.tooich-mascot-bubble-head button:hover{background:#dcefeb;color:#0e766c}.tooich-mascot-bubble-head button span{font-size:12px;font-weight:800}.tooich-mascot-bubble p{margin:8px 0 11px;color:#3e5c62;font-size:13px;line-height:1.55}.tooich-mascot-ask{display:inline-flex;min-height:32px;padding:6px 11px;align-items:center;gap:8px;border:0;border-radius:10px;background:#e1f5f1;color:#0b776d;cursor:pointer;font-family:inherit;font-size:12px;font-weight:750}.tooich-mascot-ask:hover{background:#cceee8}.tooich-mascot-ask span{transition:transform .16s ease}.tooich-mascot-ask:hover span{transform:translate(3px)}.tooich-mascot-bubble-tail{position:absolute;width:14px;height:14px;background:#fff;transform:rotate(45deg)}.tooich-mascot-bubble.align-right .tooich-mascot-bubble-tail{right:18px}.tooich-mascot-bubble.align-left .tooich-mascot-bubble-tail{left:18px}.tooich-mascot-bubble.place-above .tooich-mascot-bubble-tail{bottom:-7px;border-right:1px solid rgba(14,147,132,.22);border-bottom:1px solid rgba(14,147,132,.22)}.tooich-mascot-bubble.place-below .tooich-mascot-bubble-tail{top:-7px;border-left:1px solid rgba(14,147,132,.22);border-top:1px solid rgba(14,147,132,.22)}@keyframes tooichMascotFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}@keyframes tooichMascotShadow{0%,to{opacity:.8;transform:scaleX(1)}50%{opacity:.42;transform:scaleX(.74)}}@keyframes tooichMascotCurious{0%,to{transform:translateY(-2px) rotate(-5deg)}50%{transform:translateY(-7px) rotate(6deg)}}@keyframes tooichEarLeft{to{transform:rotate(-13deg) scale(1.08)}}@keyframes tooichEarRight{to{transform:rotate(13deg) scale(1.08)}}@keyframes tooichAntenna{to{transform:rotate(12deg)}}@keyframes tooichMascotWave{0%,to{transform:rotate(0)}18%{transform:rotate(-52deg)}36%{transform:rotate(-12deg)}54%{transform:rotate(-48deg)}72%{transform:rotate(-8deg)}}@keyframes tooichMascotHello{0%,to{transform:translateY(0) rotate(0)}35%{transform:translateY(-7px) rotate(-4deg)}70%{transform:translateY(-4px) rotate(3deg)}}@keyframes tooichStretchLeft{0%,to{transform:rotate(0)}35%,70%{transform:rotate(48deg) translate(-3px,-4px)}}@keyframes tooichStretchRight{0%,to{transform:rotate(0)}35%,70%{transform:rotate(-48deg) translate(3px,-4px)}}@keyframes tooichBodyStretch{0%,to{transform:scale(1)}35%,70%{transform:scale(.92,1.1) translateY(-4px)}}@keyframes tooichHappyEyes{0%,to{transform:scaleY(1)}35%,70%{transform:scaleY(.25)}}@keyframes tooichDance{0%,to{transform:translate(-4px,-4px) rotate(-8deg)}50%{transform:translate(4px,-8px) rotate(8deg)}}@keyframes tooichMusicGroove{0%,to{transform:translate(-2px,-2px) rotate(-5deg) scaleY(.98)}25%{transform:translate(2px,-7px) rotate(4deg) scaleY(1.03)}50%{transform:translate(4px,-3px) rotate(7deg) scaleY(.98)}75%{transform:translate(-3px,-8px) rotate(-3deg) scaleY(1.03)}}@keyframes tooichMusicNote{0%{opacity:0;transform:translateY(8px) rotate(-10deg) scale(.65)}18%,68%{opacity:1}to{opacity:0;transform:translate(8px,-48px) rotate(14deg) scale(1.16)}}@keyframes tooichDanceLeft{to{transform:rotate(48deg)}}@keyframes tooichDanceRight{to{transform:rotate(-48deg)}}@keyframes tooichExcited{0%{transform:scale(.82) translateY(6px)}45%{transform:scale(1.12,.9) translateY(-10px)}72%{transform:scale(.94,1.08) translateY(-2px)}to{transform:none}}@keyframes tooichLaugh{0%{transform:translateY(-3px) rotate(-3deg) scaleY(.96)}to{transform:translateY(-8px) rotate(3deg) scaleY(1.04)}}@keyframes tooichLaughMouth{to{transform:scale(1.12,.82)}}@keyframes tooichSurprised{0%{transform:scale(.78,1.15)}to{transform:none}}@keyframes tooichSweat{0%{opacity:0;transform:translate(-4px,4px) scale(.5)}to{opacity:1;transform:none}}@keyframes tooichSad{0%,to{transform:translateY(1px) rotate(-2deg)}50%{transform:translateY(5px) rotate(2deg) scaleY(.96)}}@keyframes tooichTear{0%{opacity:0;transform:translateY(-3px) scale(.6)}30%{opacity:1}to{opacity:0;transform:translateY(8px) scale(.9)}}@keyframes tooichSigh{0%{transform:translateY(-3px) scale(1.03)}55%{transform:translateY(5px) scale(.96,.9)}to{transform:translateY(2px)}}@keyframes tooichComplain{0%{transform:translate(-2px) rotate(-2deg)}to{transform:translate(2px) rotate(2deg)}}@keyframes tooichComplainLeft{to{transform:rotate(35deg)}}@keyframes tooichComplainRight{to{transform:rotate(-35deg)}}@keyframes tooichSleep{0%,to{transform:translateY(2px) rotate(-4deg) scaleY(.98)}50%{transform:translateY(5px) rotate(-6deg) scaleY(.94)}}@keyframes tooichGrabbed{0%{transform:scale(.96) rotate(-2deg)}to{transform:scale(1.02) rotate(2deg)}}@keyframes tooichZooming{0%{transform:scale(.9,1.08) rotate(-4deg)}to{transform:scale(.94,1.04) rotate(4deg)}}@keyframes tooichHug{0%{transform:scale(.96)}to{transform:scale(1.04)}}@keyframes tooichDizzy{0%,to{transform:rotate(0)}25%{transform:rotate(-9deg)}75%{transform:rotate(9deg)}}@keyframes tooichDizzyEyes{to{transform:rotate(360deg) translate(2px)}}@keyframes tooichSpark{0%{opacity:0;transform:rotate(45deg) scale(.2)}35%{opacity:1;transform:rotate(135deg) scale(1)}to{opacity:0;transform:rotate(225deg) scale(.2) translateY(-8px)}}@keyframes tooichZzz{0%{opacity:0;transform:translateY(5px) scale(.7)}35%{opacity:1}to{opacity:0;transform:translate(5px,-7px) scale(1.15)}}@keyframes tooichThoughtIn{0%{opacity:0;transform:translateY(8px) scale(.72)}to{opacity:1;transform:none}}@keyframes tooichThoughtHover{0%,to{translate:0 0}50%{translate:0 -3px}}@keyframes tooichMascotBubbleIn{0%{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:none}}@keyframes tooichVoiceRing{0%{opacity:.65;transform:scale(.65)}to{opacity:0;transform:scale(1.7)}}@media(max-width:899px){.tooich-mascot{width:58px;height:68px}.tooich-mascot-bubble{width:min(260px,calc(100vw - 24px))}.tooich-thought{width:min(218px,calc(100vw - 22px));font-size:12px}.tooich-mascot-online{right:2px;bottom:4px;width:10px;height:10px}}@media(prefers-reduced-motion:reduce){.tooich-mascot,.tooich-mascot *,.tooich-mascot *:before,.tooich-mascot *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.tooich-action-fan{position:absolute;z-index:12;left:50%;width:232px;height:126px;pointer-events:none;transform:translate(-50%)}.tooich-action-fan.place-above{bottom:calc(100% - 10px);--tooich-fan-enter-y: 26px}.tooich-action-fan.place-below{top:calc(100% - 10px);--tooich-fan-enter-y: -26px}.tooich-action-fan.align-left{left:calc(50% + 68px)}.tooich-action-fan.align-right{left:calc(50% - 68px)}.tooich-action-fan-item{position:absolute;left:var(--tooich-fan-x);display:grid;width:50px;height:50px;padding:0;place-items:center;border:1px solid color-mix(in srgb,var(--tooich-action-color) 34%,white);border-radius:50%;background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.98) 0 20%,transparent 48%),color-mix(in srgb,var(--tooich-action-color) 12%,#fbfffd);color:var(--tooich-action-color);box-shadow:0 9px 22px #16323f21,inset 0 0 0 5px #ffffff85;cursor:pointer;pointer-events:auto;opacity:0;transform:translate(-50%,var(--tooich-fan-enter-y)) scale(.48) rotate(-8deg);animation:tooichFanIn .3s cubic-bezier(.18,.9,.24,1.22) forwards;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.tooich-action-fan.place-above .tooich-action-fan-item{bottom:var(--tooich-fan-rise)}.tooich-action-fan.place-below .tooich-action-fan-item{top:var(--tooich-fan-rise)}.tooich-action-fan-item:nth-child(1){--tooich-fan-x: 10%;--tooich-fan-rise: 2px;animation-delay:0ms}.tooich-action-fan-item:nth-child(2){--tooich-fan-x: 36%;--tooich-fan-rise: 52px;animation-delay:42ms}.tooich-action-fan-item:nth-child(3){--tooich-fan-x: 64%;--tooich-fan-rise: 52px;animation-delay:84ms}.tooich-action-fan-item:nth-child(4){--tooich-fan-x: 90%;--tooich-fan-rise: 2px;animation-delay:126ms}.tooich-action-fan-item[data-action=chat]{--tooich-action-color: #3186a8}.tooich-action-fan-item[data-action=music]{--tooich-action-color: #8b5fd3}.tooich-action-fan-item[data-action=vocab]{--tooich-action-color: #d58a18}.tooich-action-fan-item[data-action=note]{--tooich-action-color: #0e9384}@keyframes tooichFanIn{to{opacity:1;transform:translate(-50%) scale(1) rotate(0)}}.tooich-action-fan-item:hover{border-color:var(--tooich-action-color);background:radial-gradient(circle at 32% 24%,#fff 0 20%,transparent 48%),color-mix(in srgb,var(--tooich-action-color) 19%,white);box-shadow:0 12px 28px color-mix(in srgb,var(--tooich-action-color) 22%,transparent),inset 0 0 0 5px #ffffff9e;transform:translate(-50%,-3px) scale(1.09)}.tooich-action-fan-item:focus-visible{outline:3px solid color-mix(in srgb,var(--tooich-action-color) 38%,transparent);outline-offset:3px}.tooich-action-fan-icon{display:grid;place-items:center;filter:drop-shadow(0 2px 2px rgba(22,50,63,.08))}.tooich-action-fan-item[data-active=true]:after{position:absolute;top:2px;right:2px;width:9px;height:9px;border:2px solid white;border-radius:50%;background:#20bd72;box-shadow:0 0 0 3px #20bd7224;content:""}.tooich-action-fan-label{position:absolute;top:calc(100% + 7px);left:50%;width:max-content;max-width:96px;padding:5px 8px;border-radius:8px;background:#16323ff0;color:#fff;font:750 10px/1 inherit;opacity:0;pointer-events:none;transform:translate(-50%,-4px) scale(.94);transition:opacity .15s ease,transform .15s ease}.tooich-action-fan-item:hover .tooich-action-fan-label,.tooich-action-fan-item:focus-visible .tooich-action-fan-label{opacity:1;transform:translate(-50%) scale(1)}.tooich-action-fan.place-below .tooich-action-fan-label{top:auto;bottom:calc(100% + 7px)}@media(prefers-reduced-motion:reduce){.tooich-action-fan-item{animation:none;opacity:1;transform:translate(-50%)}}@media(max-width:899px){.tooich-action-fan{width:204px;height:112px}.tooich-action-fan.align-left{left:calc(50% + 58px)}.tooich-action-fan.align-right{left:calc(50% - 58px)}.tooich-action-fan-item{width:44px;height:44px}.tooich-action-fan-item:nth-child(2),.tooich-action-fan-item:nth-child(3){--tooich-fan-rise: 44px}.tooich-action-fan-icon svg{width:19px;height:19px}}.tooich-mini-panel{position:absolute;z-index:13;width:min(330px,calc(100vw - 24px));padding:14px;border:1px solid rgba(14,147,132,.18);border-radius:18px 18px 8px;background:#fffffcfa;box-shadow:0 12px 30px #16323f21;color:#16323f;pointer-events:auto;animation:tooichMiniPanelIn .2s cubic-bezier(.2,.9,.3,1.05)}.tooich-mini-panel.align-right{right:0}.tooich-mini-panel.align-left{left:0}.tooich-mini-panel.place-above{bottom:calc(100% + 14px)}.tooich-mini-panel.place-below{top:calc(100% + 14px)}.tooich-mini-panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.tooich-mini-panel-title strong{font-size:13px}.tooich-mini-panel-title button{width:30px;height:30px;border:0;border-radius:50%;background:#eef6f4;color:#5d7775;cursor:pointer}.tooich-quick-vocab-form,.tooich-quick-music-form{display:grid;gap:8px}.tooich-quick-vocab-form input,.tooich-quick-vocab-form textarea,.tooich-quick-music-row input{width:100%;min-width:0;padding:9px 10px;border:1px solid #ccdcda;border-radius:10px;outline:none;background:#fff;color:#16323f;font:600 11px/1.3 inherit}.tooich-quick-vocab-form input:focus,.tooich-quick-vocab-form textarea:focus,.tooich-quick-music-row input:focus{border-color:#0e9384;box-shadow:0 0 0 3px #0e93841a}.tooich-quick-vocab-form details summary{color:#68827f;cursor:pointer;font-size:10px}.tooich-quick-vocab-form details textarea{margin-top:7px;resize:vertical}.tooich-quick-music-row{display:flex;gap:7px}.tooich-mini-primary{display:inline-flex;min-height:38px;padding:0 13px;align-items:center;justify-content:center;gap:5px;border:0;border-radius:10px;background:#0e9384;color:#fff;cursor:pointer;font:800 11px/1 inherit}.tooich-mini-switch{display:flex;align-items:center;gap:8px;color:#607b77;cursor:pointer;font-size:10.5px}.tooich-mini-switch input{width:34px;height:19px;appearance:none;border-radius:99px;background:#cddbd8;cursor:pointer;transition:background .18s ease}.tooich-mini-switch input:after{display:block;width:15px;height:15px;margin:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000002e;content:"";transition:transform .18s ease}.tooich-mini-switch input:checked{background:#0e9384}.tooich-mini-switch input:checked:after{transform:translate(15px)}.tooich-mini-secondary{margin-top:9px;padding:3px 0;border:0;background:none;color:#6b817f;cursor:pointer;font:700 10px/1 inherit;text-decoration:underline;text-underline-offset:3px}.tooich-mini-error{margin:0;color:#b64f3c;font-size:10px}@keyframes tooichMiniPanelIn{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}@media(max-width:899px){.tooich-mini-panel{position:fixed;left:12px;right:12px;bottom:94px;width:auto;border-radius:18px}}@media(prefers-reduced-motion:reduce){.tooich-mini-panel{animation:none;opacity:1;transform:none}}.tooich-mascot-intro-text{margin:6px 0 10px!important;color:var(--text-secondary, #475569)!important;font-size:12.5px!important;line-height:1.5!important}.tooich-mascot-menu{display:flex;flex-direction:column;gap:6px;margin-top:8px}.tooich-mascot-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:var(--surface-1, #f8fafc);border:1px solid var(--border-light, #e2e8f0);border-radius:8px;text-align:left;cursor:pointer;transition:all .2s ease}.tooich-mascot-menu-item:hover{background:var(--primary-light, rgba(45, 199, 181, .08));border-color:var(--primary, #2dc7b5);transform:translateY(-1px)}.tooich-mascot-menu-item.is-music .tooich-mascot-menu-icon{border-color:#f0a81c4d;background:#fff8e8;color:#c47d00}.tooich-mascot-menu-icon{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:9px;background:var(--surface-2);border:1px solid var(--border-light);color:var(--text-secondary)}.tooich-mascot-menu-text{display:flex;flex-direction:column;line-height:1.3}.tooich-mascot-menu-text strong{font-size:12px;font-weight:700;color:var(--text, #1e293b)}.tooich-mascot-menu-text small{font-size:10px;color:var(--text-muted, #64748b);margin-top:1px}.tooich-mascot-vocab-form{display:flex;flex-direction:column;gap:6px;margin-top:8px}.mascot-form-field{width:100%}.mascot-form-field input{width:100%;padding:6px 10px;font-size:12px;border:1px solid var(--border, #cbd5e1);border-radius:6px;background:#fff;color:var(--text, #0f172a);outline:none;transition:border-color .15s ease}.mascot-form-field input:focus{border-color:var(--primary, #2dc7b5)}.mascot-form-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:4px}.btn-xs{padding:4px 8px!important;font-size:11px!important;height:auto!important;min-height:auto!important}.tooich-mascot-music-form{display:flex;flex-direction:column;gap:7px;margin-top:10px}.tooich-mascot-music-form>label{color:#38585e;font-size:10.5px;font-weight:750}.tooich-music-search-row{display:flex;gap:6px}.tooich-music-search-row input{min-width:0;flex:1;height:36px;padding:0 10px;border:1px solid #cddedb;border-radius:10px;outline:none;background:#fff;color:#16323f;font:600 11.5px/1.2 inherit}.tooich-music-search-row input:focus{border-color:#18a894;box-shadow:0 0 0 3px #18a8941a}.tooich-music-search-row>button{display:inline-flex;min-width:70px;height:36px;padding:0 10px;align-items:center;justify-content:center;gap:5px;border:0;border-radius:10px;background:linear-gradient(135deg,#13a994,#1cc567);color:#fff;cursor:pointer;font:800 11px/1 inherit}.tooich-music-search-row>button:disabled{cursor:wait;opacity:.68}.tooich-mascot-music-form .tooich-music-form-hint{margin:0;color:#78908d;font-size:10px;line-height:1.4}.tooich-music-background-toggle{display:flex;align-items:center;gap:6px;margin-top:8px;color:#5e7d79;font-size:10px;cursor:pointer}.tooich-music-background-toggle input{accent-color:#12a994}.tooich-mascot-music-form .tooich-music-form-error{margin:0;padding:7px 8px;border:1px solid #ffd5cc;border-radius:8px;background:#fff5f2;color:#a74432;font-size:10px;line-height:1.35}.tooich-music-player{position:absolute;z-index:7;width:46px;height:46px;padding:5px;overflow:hidden;border:1px solid rgba(14,147,132,.24);border-radius:14px;background:#fffffffa;box-shadow:0 12px 30px #16323f2e;pointer-events:auto;animation:tooichMusicPlayerIn .3s cubic-bezier(.2,1.05,.3,1)}.tooich-music-player>*:not(.tooich-music-frame){position:relative;z-index:1}.tooich-music-player.place-above{bottom:calc(100% + 14px)}.tooich-music-player.place-below{top:calc(100% + 14px)}.tooich-music-player.align-right{right:0}.tooich-music-player.align-left{left:0}.tooich-music-player-head{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.tooich-music-disc-button{display:grid;width:100%;height:100%;padding:0;place-items:center;border:0;border-radius:50%;background:transparent;cursor:pointer}.tooich-music-disc-button:disabled{cursor:wait;opacity:.68}.tooich-music-disc-button:focus-visible{outline:2px solid #12a994;outline-offset:2px}.tooich-vinyl{position:relative;width:34px;height:34px;flex:0 0 auto;border-radius:50%;background:radial-gradient(circle at center,#f6bc45 0 10%,#f7efe1 11% 17%,transparent 18%),repeating-radial-gradient(circle at center,#1d2b31 0 3px,#111a1e 4px 6px);box-shadow:0 4px 10px #16323f38}.tooich-vinyl:before,.tooich-vinyl:after{position:absolute;border-radius:50%;content:""}.tooich-vinyl:before{inset:7px;border:1px solid rgba(255,255,255,.15)}.tooich-vinyl:after{top:4px;left:7px;width:7px;height:3px;background:#ffffff4d;transform:rotate(-30deg)}.tooich-vinyl i{position:absolute;z-index:1;inset:14px;border:1px solid #fff7dc;border-radius:50%;background:#17343f}.tooich-music-player.is-playing .tooich-vinyl{animation:tooichVinylSpin 1.8s linear infinite}.tooich-music-player.is-playing .tooich-vinyl:before{box-shadow:0 0 0 3px #20bd781f}.tooich-music-player.is-paused .tooich-vinyl{opacity:.78}.tooich-music-media-layer{position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none}.tooich-music-media-layer:not(.is-background){width:200px;height:200px;opacity:0;z-index:0}.tooich-music-media-layer.is-background{opacity:1;isolation:isolate;z-index:-10;-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 10%,rgba(0,0,0,.92) 40%,rgba(0,0,0,.6) 75%,transparent 100%);mask-image:radial-gradient(ellipse at 50% 50%,#000 10%,rgba(0,0,0,.92) 40%,rgba(0,0,0,.6) 75%,transparent 100%)}.tooich-music-media-layer.is-background:before{position:absolute;z-index:1;inset:-10%;background:radial-gradient(ellipse at 20% 30%,rgba(14,147,132,.22),transparent 45%),radial-gradient(ellipse at 80% 70%,rgba(34,197,94,.18),transparent 45%),linear-gradient(135deg,rgba(255,255,255,.04),transparent 50%,rgba(14,147,132,.06));content:"";mix-blend-mode:screen;opacity:.85;animation:tooichMusicPaint 24s ease-in-out infinite alternate;pointer-events:none}.tooich-music-frame{position:absolute;top:0;left:0;width:200px;height:200px;border:0;opacity:0;pointer-events:none}.tooich-music-frame>iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}.tooich-music-frame.is-background{position:absolute;top:-5%;left:-5%;width:110vw;height:110vh;opacity:.72;transform:scale(1.05);filter:blur(1px) saturate(1.5) contrast(1.05) brightness(.98);transition:opacity .5s ease,filter .5s ease}:root[data-tooich-shop-theme=night] .tooich-music-frame.is-background{opacity:.52;filter:blur(1.5px) saturate(1.7) contrast(1.1) brightness(.75)}.tooich-music-player.is-background{border-color:transparent;background:transparent;box-shadow:none}@media(prefers-reduced-motion:reduce){.tooich-music-player.is-playing .tooich-vinyl{animation:none}}.tooich-music-first-play{margin:5px 1px 0;color:#7b6a42;font-size:8.7px;font-weight:650;line-height:1.35}.tooich-music-player-head>.tooich-music-play{background:linear-gradient(135deg,#13a994,#1cc567);color:#fff;box-shadow:0 4px 10px #13a99438}.tooich-music-player-head>.tooich-music-play:hover{background:linear-gradient(135deg,#0e9384,#16b45c);color:#fff}.tooich-music-player-head>.tooich-music-play:disabled{cursor:wait;opacity:.45}.tooich-music-player-error{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.tooich-mascot.has-music.is-open .tooich-mascot-bubble.place-above{bottom:calc(100% + 60px)}.tooich-mascot.has-music.is-open .tooich-mascot-bubble.place-below{top:calc(100% + 60px)}@keyframes tooichMusicPlayerIn{0%{opacity:0;transform:translateY(8px) scale(.92)}to{opacity:1;transform:none}}@keyframes tooichVinylSpin{to{transform:rotate(360deg)}}@keyframes tooichMusicPaint{0%{transform:translate3d(-2%,-1%,0) scale(1);opacity:.52}50%{transform:translate3d(1%,2%,0) scale(1.04);opacity:.78}to{transform:translate3d(3%,-1%,0) scale(1.01);opacity:.58}}@media(max-width:899px){.tooich-music-player{width:46px;max-width:calc(100vw - 16px)}}.tooich-notebook-floating-container{position:fixed;top:0;left:0;width:400px;height:330px;background:#f1f5f9;border-radius:12px;box-shadow:0 12px 32px #0f172a38;border:3px solid #475569;display:flex;flex-direction:column;overflow:hidden;z-index:9999;-webkit-user-select:none;user-select:none;will-change:transform;animation:notebookFadeIn .25s cubic-bezier(.16,1,.3,1)}@keyframes notebookFadeIn{0%{opacity:0}to{opacity:1}}.notebook-drag-handle{display:flex;align-items:center;justify-content:space-between;background:#334155;color:#f8fafc;padding:6px 12px;font-size:11.5px;font-weight:700;cursor:move;border-bottom:2px solid #1e293b;-webkit-user-select:none;user-select:none}.notebook-drag-title{display:flex;align-items:center;gap:6px}.notebook-close-x{background:transparent;border:none;color:#94a3b8;font-size:16px;cursor:pointer;padding:0 4px;line-height:1;display:flex;align-items:center}.notebook-close-x:hover{color:#f8fafc}.tooich-notebook-body-wrap{display:flex;flex:1;position:relative;background:#fff;overflow:hidden}.tooich-notebook-spiral-mini{position:absolute;top:0;bottom:0;left:110px;width:14px;transform:translate(-50%);background:repeating-linear-gradient(to bottom,transparent,transparent 10px,#94a3b8 10px,#64748b 13px,#94a3b8 14px,transparent 14px,transparent 22px);z-index:10;box-shadow:inset -1px 0 2px #0000000f,inset 1px 0 2px #0000000f}.tooich-notebook-side-left{width:110px;background:#fafaf9;border-right:1px solid #cbd5e1;box-shadow:inset -10px 0 10px -10px #00000014;padding:10px;display:flex;flex-direction:column;overflow:hidden}.notebook-side-scroll{flex:1;overflow-y:auto;padding-right:2px}.notebook-side-scroll::-webkit-scrollbar{width:3px}.notebook-side-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.meta-eyebrow{display:block;font-size:8.5px;font-weight:800;color:#94a3b8;letter-spacing:.05em;margin-bottom:6px}.notebook-meta-box{margin-bottom:12px;padding-bottom:8px;border-bottom:1px dashed #e2e8f0}.meta-row{font-size:10px;line-height:1.4;margin-bottom:4px;color:#475569;word-break:break-word}.meta-row strong{display:block;font-size:9px;color:#64748b}.meta-row-single{font-size:10px;color:#475569}.meta-row-single strong{display:block;font-size:9px;color:#64748b}.notebook-mini-history{display:flex;flex-direction:column;gap:4px}.notebook-no-other{font-size:9px;color:#94a3b8;line-height:1.3}.notebook-history-mini-btn{display:block;width:100%;padding:4px 6px;background:#fff;border:1px solid #e2e8f0;border-radius:4px;font-size:9px;text-align:left;color:#475569;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .15s ease}.notebook-history-mini-btn:hover{border-color:var(--primary, #2dc7b5);color:var(--primary, #2dc7b5);background:var(--primary-light, rgba(45, 199, 181, .04))}.tooich-notebook-side-right{flex:1;padding:10px 12px;display:flex;flex-direction:column;background:#fff;box-shadow:inset 10px 0 10px -10px #00000014}.notebook-paper-mini{flex:1;position:relative;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden;display:flex;background:#fff}.notebook-paper-margin-mini{position:absolute;top:0;bottom:0;left:24px;width:1px;background:#f87171;opacity:.55;pointer-events:none}.notebook-textarea-mini{flex:1;border:none;outline:none;resize:none;font-family:monospace,Courier,monospace;font-size:12.5px;line-height:24px;padding:1px 6px 6px 32px;color:#334155;-webkit-user-select:text;user-select:text;background:repeating-linear-gradient(to bottom,#fff,#fff 23px,#e2e8f0 23px 24px);background-attachment:local}.notebook-mini-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:8px;flex-shrink:0}.my-notebook-page-container{display:flex;flex-direction:column;gap:20px;height:calc(100vh - 120px);min-height:550px}.notebook-page-layout-v2{display:flex;flex:1;min-height:0;align-items:stretch}.notebook-main-editor-v2{flex:1;display:flex;flex-direction:column;min-width:0}.large-notebook-container-v2{--notebook-index-w: 272px;position:relative;flex:1;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0f172a14;border:4px solid #475569;display:flex;overflow:hidden;min-height:0}.large-notebook-spiral-v2{position:absolute;top:0;bottom:0;left:var(--notebook-index-w);width:24px;transform:translate(-50%);background:repeating-linear-gradient(to bottom,transparent,transparent 14px,#94a3b8 14px,#64748b 18px,#94a3b8 19px,transparent 19px,transparent 30px);z-index:10;box-shadow:inset -1px 0 3px #00000014,inset 1px 0 3px #00000014}.large-notebook-page-v2{display:flex;flex-direction:column;position:relative;min-height:0}.left-page-v2{width:var(--notebook-index-w);flex-shrink:0;background:#fafaf9;border-right:1px solid #cbd5e1;box-shadow:inset -15px 0 15px -15px #00000014;padding:20px 26px 20px 18px}.notebook-add-row-v2{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;font:inherit;font-size:12.5px;font-weight:600;color:#94a3b8;background:transparent;border:1px dashed #cbd5e1;border-radius:8px;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.notebook-add-row-v2:hover{color:var(--primary-text, #0e766c);border-color:var(--primary, #2dc7b5);background:var(--primary-light, rgba(45, 199, 181, .06))}.left-page-content-scroll-v2{flex:1;display:flex;flex-direction:column;min-height:0;margin-bottom:16px}.notebook-section-title-v2{font-size:10px;font-weight:800;color:#94a3b8;letter-spacing:.05em;margin-bottom:8px;display:block}.notebook-sidebar-list-v2{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.notebook-sidebar-list-v2::-webkit-scrollbar{width:4px}.notebook-sidebar-list-v2::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.notebook-sidebar-empty-v2{text-align:center;color:#94a3b8;padding:30px 0}.notebook-sidebar-item-v2{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;text-align:left;transition:all .2s ease;color:#334155;box-shadow:0 1px 2px #00000005}.notebook-sidebar-item-v2:hover{border-color:var(--primary, #2dc7b5);background:var(--primary-light, rgba(45, 199, 181, .02))}.notebook-sidebar-item-v2.active{background:var(--primary-light, rgba(45, 199, 181, .08));border-color:var(--primary, #2dc7b5);color:var(--primary, #0e766c);box-shadow:0 4px 6px -1px #2dc7b51a}.notebook-sidebar-item-v2.is-draft{border-style:dashed;cursor:default}@keyframes notebookNoteAppear{0%{opacity:0;transform:translateY(-6px) scaleY(.82)}to{opacity:1;transform:translateY(0) scaleY(1)}}.notebook-sidebar-item-v2.is-new{animation:notebookNoteAppear .28s cubic-bezier(.16,1,.3,1);transform-origin:top center}@media(prefers-reduced-motion:reduce){.notebook-sidebar-item-v2.is-new{animation:none}}.notebook-sidebar-item-info-v2{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.notebook-sidebar-item-info-v2 strong{font-size:11.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notebook-sidebar-item-info-v2 p{margin:0;font-size:10.5px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.left-page-footer-tips-v2{flex-shrink:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px}.notebook-tips-badge-v2{font-size:9px;font-weight:800;background:#fef3c7;color:#d97706;padding:1px 6px;border-radius:4px;width:fit-content;margin-bottom:4px}.left-page-footer-tips-v2 p{margin:0;font-size:10px;color:#64748b;line-height:1.4}.right-page-v2{flex:1;min-width:0;background:#fff;box-shadow:inset 15px 0 15px -15px #00000014;padding:20px 24px 20px 30px}.right-page-header-v2{margin-bottom:14px;flex-shrink:0}.right-page-title-area-v2{display:flex;align-items:center;gap:10px}.notebook-title-input-v2{flex:1;padding:6px 10px;font-size:13.5px;font-weight:700;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#0f172a;outline:none}.notebook-title-input-v2:focus{border-color:var(--primary, #2dc7b5)}.notebook-title-input-v2:disabled{background:#f1f5f9;color:#64748b;cursor:not-allowed;border-color:#e2e8f0}.notebook-meta-badge-v2{font-size:9px;color:var(--primary, #0e766c);background:var(--primary-light, rgba(45, 199, 181, .08));padding:3px 8px;border-radius:4px;white-space:nowrap}.right-page-body-v2{flex:1;min-height:0;display:flex}.large-notebook-paper-v2{flex:1;position:relative;border:1px solid #cbd5e1;border-radius:8px;overflow:hidden;display:flex;background:#fff}.large-notebook-margin-v2{position:absolute;top:0;bottom:0;left:36px;width:1px;background:#f87171;opacity:.55;pointer-events:none}.large-notebook-textarea-v2{flex:1;border:none;outline:none;resize:none;font-family:monospace,Courier,monospace;font-size:13px;line-height:24px;padding:1px 12px 12px 48px;color:#1e293b;-webkit-user-select:text;user-select:text;background:repeating-linear-gradient(to bottom,#fff,#fff 23px,#e2e8f0 23px 24px);background-attachment:local}.right-page-footer-v2{display:flex;justify-content:space-between;align-items:center;margin-top:14px;flex-shrink:0}.notebook-editor-toolbar-v2{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;padding:4px 8px;margin-top:8px}.toolbar-select-group{display:flex;gap:8px}.toolbar-select-item{display:flex;align-items:center;gap:4px;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:2px 6px;color:#64748b}.toolbar-select-item select{border:none;background:transparent;font-size:11px;font-weight:600;color:#475569;outline:none;cursor:pointer;padding:0;height:auto;line-height:1}.toolbar-stats-v2{font-size:11px;color:#94a3b8;display:flex;align-items:center;gap:6px;font-weight:500}.stats-separator{color:#cbd5e1}@media(max-width:799px){.large-notebook-container-v2{flex-direction:column}.large-notebook-spiral-v2{display:none}.large-notebook-page-v2{width:100%}.left-page-v2{width:100%;height:200px;padding:12px;border-right:none;border-bottom:2px solid #cbd5e1}.right-page-v2{flex:1;padding:12px}}.tooich-mascot.has-music .tooich-music-player.place-above{bottom:calc(100% - 20px)}.tooich-mascot.has-music .tooich-music-player.place-below{top:calc(100% - 20px)}.tooich-mascot.has-music .tooich-music-player.align-right{right:-7px}.tooich-mascot.has-music .tooich-music-player.align-left{left:-7px}.tooich-mascot.is-open .tooich-music-player{opacity:0;pointer-events:none;transform:scale(.72)}body.has-tooich-music-bg .tooich-music-media-layer.is-background{z-index:1}body.has-tooich-music-bg .tooich-music-media-layer.is-background:after{background:linear-gradient(180deg,#e9f6f238,#e9f6f212 45%,#e9f6f247)}body.has-tooich-music-bg .tooich-music-media-layer.mode-glow .tooich-music-frame.is-background{opacity:.58;filter:blur(52px) saturate(.85) brightness(.86) contrast(1.05)}body.has-tooich-music-bg .tooich-music-media-layer.mode-video .tooich-music-frame.is-background{opacity:.68;filter:blur(16px) saturate(.92) brightness(.84) contrast(1.06)}body.has-tooich-music-bg{--bg: transparent !important;--bg-subtle: transparent !important;--surface: #ffffff !important;--surface-2: #f7fbfa !important;--surface-3: #e3efeb !important;--surface-hover: #eef8f5 !important;--glass-bg: rgba(255, 255, 255, .85) !important;--glass-bg-light: rgba(255, 255, 255, .75) !important;--glass-blur: blur(16px);--glass-blur-heavy: blur(20px)}:root[data-tooich-shop-theme=night] body.has-tooich-music-bg{--bg: transparent !important;--bg-subtle: transparent !important;--surface: #172a31 !important;--surface-2: #1b3138 !important;--surface-3: #243d44 !important;--surface-hover: #20383f !important;--glass-bg: rgba(23, 42, 49, .85) !important;--glass-bg-light: rgba(23, 42, 49, .75) !important;--glass-blur: blur(16px);--glass-blur-heavy: blur(20px)}body.has-tooich-music-bg,body.has-tooich-music-bg .app-frame,body.has-tooich-music-bg .app-main,body.has-tooich-music-bg .toeic-exam-screen,body.has-tooich-music-bg .p1-screen{background-color:transparent!important;background-image:none!important}body.has-tooich-music-bg .sidebar{background:#ffffff73!important;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-right:1px solid color-mix(in srgb,var(--border) 40%,transparent)!important}:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .sidebar{background:#172a318c!important}body.has-tooich-music-bg .app-header,body.has-tooich-music-bg .toeic-exam-header,body.has-tooich-music-bg .p1-header{background:#ffffff6b!important;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid color-mix(in srgb,var(--border) 40%,transparent)!important}:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .app-header,:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .toeic-exam-header,:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .p1-header{background:#172a3180!important}body.has-tooich-music-bg .p1-left{background:#eef7f466!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid color-mix(in srgb,var(--border) 40%,transparent)!important}:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .p1-left{background:#12252b73!important}body.has-tooich-music-bg .p1-right{background:#f7fbfa47!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .p1-right{background:#0e1c224d!important}body.has-tooich-music-bg .toeic-listening-panel{background:#eef7f466!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:var(--space-4)!important;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--border) 40%,transparent)!important}:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .toeic-listening-panel{background:#12252b73!important}body.has-tooich-music-bg .toeic-question-panel{background:#f7fbfa47!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:var(--space-4)!important;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--border) 40%,transparent)!important}:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .toeic-question-panel{background:#0e1c224d!important}body.has-tooich-music-bg .card,body.has-tooich-music-bg .practice-card,body.has-tooich-music-bg .toeic-card,body.has-tooich-music-bg .vocab-card,body.has-tooich-music-bg .vocab-box,body.has-tooich-music-bg .p5-sentence-card{position:relative;background:var(--surface)!important;border:1px solid rgba(14,147,132,.1)!important;box-shadow:0 16px 48px #0e1c220d,0 0 24px #0e93841f,0 0 48px #12b5b014!important;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease!important}:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .card,:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .practice-card,:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .toeic-card,:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .vocab-card,:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .vocab-box,:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .p5-sentence-card{border:1px solid rgba(18,181,176,.15)!important;box-shadow:0 16px 48px #0006,0 0 24px #12b5b029,0 0 48px #0e93841a!important}body.has-tooich-music-bg .card:hover,body.has-tooich-music-bg .practice-card:hover,body.has-tooich-music-bg .toeic-card:hover,body.has-tooich-music-bg .p5-sentence-card:hover{transform:translateY(-2px)!important;border-color:#0e938440!important;box-shadow:0 20px 56px #0e1c2214,0 0 32px #0e93842e,0 0 64px #12b5b01f!important}:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .card:hover,:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .practice-card:hover,:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .toeic-card:hover,:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .p5-sentence-card:hover{border-color:#12b5b04d!important;box-shadow:0 20px 56px #00000080,0 0 32px #12b5b038,0 0 64px #0e938426!important}body.has-tooich-music-bg .toeic-option,body.has-tooich-music-bg .figma-option,body.has-tooich-music-bg .p1-option,body.has-tooich-music-bg .toeic-audio-bar{background:var(--surface)!important;border:1px solid var(--border)!important;box-shadow:0 4px 12px #16323f0a!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}body.has-tooich-music-bg .p1-option:not(:disabled):hover,body.has-tooich-music-bg .toeic-option:not(:disabled):hover,body.has-tooich-music-bg .figma-option:not(:disabled):hover{background:var(--surface-hover)!important;border-color:var(--primary)!important;transform:translateY(-1.5px)!important;box-shadow:0 8px 24px #16323f14,0 0 16px #0e93841a!important}body.has-tooich-music-bg .mobile-bottom-nav{background:#ffffffb8!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid color-mix(in srgb,var(--border) 40%,transparent)!important}:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .mobile-bottom-nav{background:#172a31c7!important}body.has-tooich-music-bg .tooich-music-media-layer.is-background{animation:tooichPaintPour 2.5s cubic-bezier(.16,1,.3,1) forwards;transform-origin:top center}@keyframes tooichPaintPour{0%{transform:scaleY(1.3) translateY(-120px);filter:blur(40px) brightness(.6);opacity:0}to{transform:scaleY(1) translateY(0);filter:blur(8px) brightness(1);opacity:1}}body.has-tooich-music-bg{--bg: #e9f6f2 !important;--bg-subtle: #e9f6f2 !important}body.has-tooich-music-bg .app-frame{background:#e9f6f2!important}body.has-tooich-music-bg .app-sidebar,body.has-tooich-music-bg .app-header,body.has-tooich-music-bg .sidebar,body.has-tooich-music-bg .mobile-bottom-nav{background:var(--surface, #fff)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body.has-tooich-music-bg .app-main{position:relative;overflow:hidden;background:#e9f6f2!important}body.has-tooich-music-bg main.content{position:relative;z-index:1;background:transparent!important}body.has-tooich-music-bg .page-transition{position:relative;z-index:1}body.has-tooich-music-bg .tooich-music-media-layer.is-background{z-index:0;top:var(--topbar-height, 64px);right:0;bottom:0;left:var(--sidebar-width, 256px);width:auto;height:auto;overflow:hidden;background:#e8f5f1;-webkit-mask-image:radial-gradient(ellipse at 52% 44%,#000 0%,rgba(0,0,0,.94) 42%,rgba(0,0,0,.7) 78%,rgba(0,0,0,.35) 100%);mask-image:radial-gradient(ellipse at 52% 44%,#000,#000000f0 42%,#000000b3 78%,#00000059)}body.has-tooich-music-bg .tooich-music-media-layer.is-background:before{z-index:1;inset:0;background:linear-gradient(125deg,#0e93842e,#ebfaf661 46%,#f6b83f14);opacity:1;mix-blend-mode:color;animation:none}body.has-tooich-music-bg .tooich-music-media-layer.is-background:after{position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,#e9f6f27a,#e9f6f238 45%,#e9f6f28f);content:"";pointer-events:none}body.has-tooich-music-bg .tooich-music-frame.is-background{position:absolute;inset:-6%;width:112%;height:112%;transform:scale(1.12)}body.has-tooich-music-bg .tooich-music-media-layer.mode-glow .tooich-music-frame.is-background{opacity:.4;filter:blur(56px) saturate(.72) brightness(.73)}body.has-tooich-music-bg .tooich-music-media-layer.mode-video .tooich-music-frame.is-background{opacity:.43;filter:blur(28px) saturate(.78) brightness(.76)}body.has-tooich-music-bg .card,body.has-tooich-music-bg .practice-card,body.has-tooich-music-bg .toeic-card,body.has-tooich-music-bg .vocab-card,body.has-tooich-music-bg .vocab-box,body.has-tooich-music-bg .p5-sentence-card,body.has-tooich-music-bg .toeic-listening-panel,body.has-tooich-music-bg .toeic-question-panel{background:#fffffff2!important;border-color:#16323f1a!important;box-shadow:0 8px 24px #16323f14!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body.has-tooich-music-bg .tooich-music-player{z-index:5}body.has-tooich-music-bg .tooich-music-media-layer.is-background{animation:none;transform-origin:center}body.has-tooich-music-bg .tooich-now-playing-capsule{background:#fffffff7}body.has-tooich-music-bg .tooich-music-media-layer.is-background.is-tab-hidden{opacity:0}body.has-tooich-music-bg .tooich-music-media-layer.mode-glow{contain:paint}body.has-tooich-music-bg .tooich-music-media-layer.mode-glow .tooich-music-frame.is-background,body.has-tooich-music-bg .tooich-music-media-layer.mode-video .tooich-music-frame.is-background{will-change:transform,filter}@media(max-width:899px){body.has-tooich-music-bg .tooich-music-media-layer.is-background{top:var(--topbar-height, 52px);left:0;bottom:var(--mobile-nav-height, 64px)}body.has-tooich-music-bg .tooich-music-media-layer.mode-glow .tooich-music-frame.is-background{opacity:.3;filter:blur(42px) saturate(.68) brightness(.74)}body.has-tooich-music-bg .tooich-music-media-layer.mode-video .tooich-music-frame.is-background{opacity:.34;filter:blur(22px) saturate(.74) brightness(.76)}}@media(prefers-reduced-motion:reduce){body.has-tooich-music-bg .tooich-music-frame.is-background{transition:none}}.tooich-music-player.is-controls-open{overflow:visible}.tooich-now-playing-capsule{position:absolute;right:0;bottom:calc(100% + 10px);display:grid;width:min(286px,calc(100vw - 24px));gap:9px;padding:10px;border:1px solid rgba(14,147,132,.16);border-radius:15px;background:#fff;box-shadow:0 10px 26px #16323f24;color:#16323f}.tooich-now-playing-meta{display:flex;min-width:0;align-items:center;gap:9px;font:750 11px/1.3 inherit}.tooich-now-playing-meta img{flex:0 0 auto;border-radius:8px;object-fit:cover}.tooich-now-playing-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooich-now-playing-actions{display:flex;align-items:center;gap:9px}.tooich-now-playing-actions button{display:grid;width:30px;height:30px;place-items:center;border:0;border-radius:50%;background:#0e9384;color:#fff;cursor:pointer;font-size:12px}.tooich-now-playing-actions label{display:flex;flex:1;align-items:center;gap:6px;color:#66807b;font-size:10px}.tooich-now-playing-actions input{width:100%;accent-color:#0e9384}.tooich-now-playing-modes{display:flex;gap:4px}.tooich-now-playing-modes button{flex:1;padding:6px 4px;border:1px solid #d6e4e1;border-radius:8px;background:#f7fbfa;color:#68827e;cursor:pointer;font:700 9px/1.1 inherit}.tooich-now-playing-modes button.active{border-color:#0e9384;background:#e8f7f3;color:#0b7568}.tooich-now-playing-actions button.active{background:#e8f7f3;color:#0b7568;box-shadow:inset 0 0 0 1px #0e93843d}.tooich-lyrics-settings{display:grid;gap:8px;padding-top:8px;border-top:1px solid #e6efed}.tooich-lyrics-settings-head{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px}.tooich-lyrics-settings-head strong{font:800 11px/1.2 inherit}.tooich-lyrics-settings-head span{overflow:hidden;color:#78908c;font:650 8px/1.2 inherit;text-overflow:ellipsis;white-space:nowrap}.tooich-lyrics-mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.tooich-lyrics-mode-grid button,.tooich-lyrics-settings-row>button,.tooich-lyrics-offset button{min-height:28px;border:1px solid #d6e4e1;border-radius:8px;background:#f8fbfa;color:#607b76;cursor:pointer;font:750 9px/1.1 inherit}.tooich-lyrics-mode-grid button.active{border-color:#0e9384;background:#e5f6f2;color:#087b6e}.tooich-lyrics-mode-grid button:disabled{cursor:not-allowed;opacity:.42}.tooich-lyrics-settings-row{display:flex;align-items:center;gap:8px}.tooich-lyrics-settings-row>button{flex:1}.tooich-lyrics-settings-row label{display:inline-flex;align-items:center;gap:4px;color:#607b76;font:700 9px/1 inherit}.tooich-lyrics-settings-row input{accent-color:#0e9384}.tooich-lyrics-offset{display:grid;grid-template-columns:1fr .8fr 1fr;gap:4px}.tooich-lyrics-offset-range{width:100%;accent-color:#0e9384}.tooich-lyrics-view-options{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tooich-lyrics-view-options label{display:grid;gap:3px;color:#68827e;font:700 8px/1.2 inherit}.tooich-lyrics-view-options select{width:100%;min-height:28px;border:1px solid #d6e4e1;border-radius:8px;background:#f8fbfa;color:#365d58;font:700 9px/1 inherit}.tooich-lyrics-empty{margin:0;color:#738c87;font:650 9px/1.35 inherit}.tooich-lyrics-skeleton{display:grid;gap:4px;padding:2px 0}.tooich-lyrics-skeleton i{height:5px;border-radius:99px;background:linear-gradient(90deg,#edf4f2,#dcebe7,#edf4f2);background-size:180% 100%;animation:tooichLyricsSkeleton 1.4s ease-in-out infinite}.tooich-lyrics-skeleton i:nth-child(1){width:72%}.tooich-lyrics-skeleton i:nth-child(2){width:91%}.tooich-lyrics-skeleton i:nth-child(3){width:58%}.tooich-lyrics-transcript-toggle{min-height:29px;border:1px solid #d6e4e1;border-radius:8px;background:#fff;color:#0b7568;cursor:pointer;font:750 9px/1 inherit}.tooich-lyrics-transcript{max-height:130px;overflow:auto;padding:7px 9px;border-radius:8px;background:#f3f8f7;color:#4c6864;font:600 9px/1.45 inherit}.tooich-lyrics-transcript p{margin:0 0 5px}.tooich-lyrics-error{margin:0;color:#c34e48;font:650 9px/1.35 inherit}.tooich-lyrics-stage{position:fixed;z-index:74;right:clamp(18px,5vw,80px);bottom:clamp(24px,6vh,72px);left:max(280px,clamp(18px,5vw,80px));display:grid;min-height:128px;place-items:end center;pointer-events:none}.tooich-lyrics-stage.position-upper{top:clamp(112px,18vh,190px);bottom:auto;place-items:start center}.tooich-lyrics-stage-scrim{position:absolute;inset:-26px -8vw -22px;background:radial-gradient(ellipse at 50% 80%,rgba(8,42,48,.63) 0%,rgba(8,42,48,.28) 48%,transparent 76%);filter:blur(4px);opacity:.88}.tooich-lyrics-stage-content{position:relative;display:grid;width:min(760px,92%);justify-items:center;gap:5px;color:#fff;text-align:center;text-wrap:balance}.tooich-lyrics-line{margin:0}.tooich-lyrics-line.is-context{max-width:720px;color:#ffffff8f;font:650 clamp(12px,1.2vw,16px)/1.25 inherit;transform:scale(.96)}.tooich-lyrics-line.is-current{--line-progress: 0%;max-width:900px;background:linear-gradient(90deg,#7ff6d5 0 var(--line-progress),#fff var(--line-progress) 100%);background-clip:text;color:transparent;filter:drop-shadow(0 2px 8px rgba(1,20,26,.72));animation:tooichLyricsLineIn .22s cubic-bezier(.2,.76,.3,1) both;font:820 var(--lyrics-font-size, 31px)/1.16 inherit;letter-spacing:-.025em;-webkit-background-clip:text}.tooich-lyrics-stage.mode-compact{min-height:72px;bottom:clamp(22px,4vh,48px)}.tooich-lyrics-stage.mode-compact .tooich-lyrics-stage-scrim{inset:-18px -5vw}.tooich-lyrics-stage.mode-compact .tooich-lyrics-line.is-current{font-size:var(--lyrics-compact-font-size, 23px)}.tooich-lyrics-translation{max-width:760px;margin:0;color:#f0fffbd1;font:650 clamp(12px,1.35vw,17px)/1.35 inherit}.tooich-lyrics-word{padding:2px 3px;border:0;border-radius:6px;background:transparent;color:inherit;cursor:pointer;font:inherit;pointer-events:auto}.tooich-lyrics-word.is-timed{display:inline;color:#ffffff73;transition:color .12s ease,filter .12s ease}.tooich-lyrics-word.is-timed.is-active{color:#fff;filter:drop-shadow(0 1px 5px rgba(127,246,213,.5))}.tooich-lyrics-word.is-timed.is-sung{color:#7ff6d5}.tooich-lyrics-word:hover,.tooich-lyrics-word:focus-visible{outline:none;background:#7ff6d52e;box-shadow:0 0 0 1px #7ff6d575}.tooich-lyrics-word-card{position:fixed;z-index:76;right:clamp(18px,5vw,80px);bottom:clamp(168px,22vh,240px);display:grid;width:min(270px,calc(100vw - 32px));gap:5px;padding:13px 38px 13px 14px;border:1px solid rgba(14,147,132,.2);border-radius:15px;background:#fffffff5;box-shadow:0 14px 36px #0c2d362e;color:#16323f}.tooich-lyrics-word-card strong{color:#087b6e;font-size:16px}.tooich-lyrics-word-card>span{color:#76908b;font-size:10px}.tooich-lyrics-word-card p{margin:0;font:600 11px/1.4 inherit}.tooich-lyrics-word-card>button:not(.tooich-lyrics-word-close){justify-self:start;padding:7px 10px;border:0;border-radius:8px;background:#0e9384;color:#fff;cursor:pointer;font:750 10px/1 inherit}.tooich-lyrics-word-close{position:absolute;top:7px;right:8px;width:25px;height:25px;border:0;border-radius:50%;background:#eff6f4;color:#607b76;cursor:pointer}@media(max-width:899px){.tooich-lyrics-stage{right:14px;bottom:116px;left:14px;min-height:94px}.tooich-lyrics-stage-scrim{inset:-18px -20px}.tooich-lyrics-line.is-current{font-size:clamp(20px,7vw,29px)}.tooich-lyrics-line.is-context{display:none}.tooich-lyrics-stage.position-upper{top:92px}.tooich-lyrics-word-card{right:14px;bottom:236px}}@media(prefers-reduced-motion:reduce){.tooich-lyrics-line,.tooich-lyrics-skeleton i,.tooich-lyrics-word{transition:none!important}.tooich-lyrics-line,.tooich-lyrics-skeleton i{animation:none!important}}@keyframes tooichLyricsLineIn{0%{opacity:0;filter:blur(4px);transform:translateY(8px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes tooichLyricsSkeleton{0%,to{background-position:100% 0;opacity:.68}50%{background-position:0 0;opacity:1}}.tooich-mascot[data-face-eyes=wide] .tooich-mascot-eye ellipse{rx:7.5px;ry:9.5px}.tooich-mascot[data-face-eyes=half-closed] .tooich-mascot-eye{transform:scaleY(.48)}.tooich-mascot[data-face-eyes=closed-happy] .tooich-mascot-eye{transform:scaleY(.16)}.tooich-mascot[data-face-eyes=closed-sleepy] .tooich-mascot-eye{transform:scaleY(.12)}.tooich-mascot[data-face-eyes=focused] .tooich-mascot-eye ellipse{ry:6px}.tooich-mascot[data-face-eyes=worried] .tooich-mascot-eye{transform:scaleY(.74)}.tooich-mascot[data-face-eyes=dizzy] .tooich-mascot-eye circle{animation:tooichDizzyEyes .38s linear infinite}.tooich-mascot[data-face-eyes=glance-side] .tooich-mascot-eye circle{transform:translate(2px)}.tooich-mascot[data-face-eyes=glance-up] .tooich-mascot-eye circle{transform:translateY(-2px)}.tooich-mascot[data-face-eyes=wink-left] .tooich-mascot-eye:first-of-type,.tooich-mascot[data-face-eyes=wink-right] .tooich-mascot-eye:last-of-type{transform:scaleY(.12)}.tooich-mascot[data-face-brows=raised] .tooich-mascot-brows{transform:translateY(-2px)}.tooich-mascot[data-face-brows=curious-asymmetric] .tooich-mascot-brows .left{transform:rotate(-9deg) translateY(-2px)}.tooich-mascot[data-face-brows=curious-asymmetric] .tooich-mascot-brows .right{transform:rotate(7deg)}.tooich-mascot[data-face-brows=focused] .tooich-mascot-brows path{opacity:.9}.tooich-mascot[data-face-brows=worried] .tooich-mascot-brows .left{transform:rotate(13deg)}.tooich-mascot[data-face-brows=worried] .tooich-mascot-brows .right{transform:rotate(-13deg)}.tooich-mascot[data-face-brows=sad] .tooich-mascot-brows{opacity:.72;transform:translateY(1px)}.tooich-mascot[data-face-brows=mildly-angry] .tooich-mascot-brows .left{transform:rotate(-15deg)}.tooich-mascot[data-face-brows=mildly-angry] .tooich-mascot-brows .right{transform:rotate(15deg)}.tooich-mascot-mouth-grin,.tooich-mascot-mouth-determined,.tooich-mascot-mouth-pout,.tooich-mascot-mouth-nervous{display:none;fill:none;stroke:#16323f;stroke-width:2.5;stroke-linecap:round}.tooich-mascot[data-face-mouth=grin] .tooich-mascot-smile,.tooich-mascot[data-face-mouth=big-smile] .tooich-mascot-smile{display:none}.tooich-mascot[data-face-mouth=grin] .tooich-mascot-mouth-grin,.tooich-mascot[data-face-mouth=determined] .tooich-mascot-mouth-determined,.tooich-mascot[data-face-mouth=pout] .tooich-mascot-mouth-pout,.tooich-mascot[data-face-mouth=nervous-smile] .tooich-mascot-mouth-nervous,.tooich-mascot[data-face-mouth=open-laugh] .tooich-mascot-mouth-o,.tooich-mascot[data-face-mouth=small-o] .tooich-mascot-mouth-o,.tooich-mascot[data-face-mouth=surprised-o] .tooich-mascot-mouth-o{display:block}.tooich-mascot[data-face-mouth=flat] .tooich-mascot-smile,.tooich-mascot[data-face-mouth=sleepy] .tooich-mascot-smile,.tooich-mascot[data-face-mouth=frown] .tooich-mascot-smile{display:none}.tooich-mascot[data-face-mouth=sleepy] .tooich-mascot-mouth-sleep,.tooich-mascot[data-face-mouth=frown] .tooich-mascot-mouth-frown{display:block}.tooich-mascot[data-face-effects~=blush] .tooich-mascot-cheek,.tooich-mascot[data-face-effects~=sweat] .tooich-mascot-sweat,.tooich-mascot[data-face-effects~=tear] .tooich-mascot-tear{opacity:1}.tooich-mascot-face-effects{opacity:0;pointer-events:none}.tooich-mascot-face-effects path{fill:none;stroke:#0e9384;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tooich-mascot[data-face-effects~=question] .face-effect-question,.tooich-mascot[data-face-effects~=heart] .face-effect-heart,.tooich-mascot[data-face-effects~=sparkle] .face-effect-sparkle{opacity:1}.tooich-mascot[data-face-effects~=heart] .face-effect-heart{stroke:#ef7d6b}.tooich-mascot[data-face-effects~=sparkle] .face-effect-sparkle{stroke:#f0a81c}.tooich-mascot.pose-idle-breathe .tooich-mascot-float{animation:tooichMascotFloat 3.2s ease-in-out infinite}.tooich-mascot.pose-look-around .tooich-mascot-face-rig{animation:tooichMascotLookAround 1s ease-in-out;transform-origin:center}.tooich-mascot.pose-tilt-head .tooich-mascot-face-rig{animation:tooichMascotTilt .9s ease-in-out;transform-origin:center}.tooich-mascot.pose-nod .tooich-mascot-face-rig{animation:tooichMascotNod .65s ease-out;transform-origin:center}.tooich-mascot.pose-listen .tooich-mascot-antenna{animation:tooichAntenna .8s ease-in-out alternate infinite}.tooich-mascot.pose-comfort .tooich-mascot-float{animation:tooichMascotComfort 1.1s ease-in-out}.tooich-mascot.pose-celebrate .tooich-mascot-sparks i{animation:tooichSpark .85s ease-out 2}.tooich-mascot[data-gaze=content] .tooich-mascot-eye circle{transform:translate(-1px) translateY(1px)}.tooich-mascot[data-gaze=progress] .tooich-mascot-eye circle{transform:translateY(-1px)}.tooich-mascot[data-gaze=music-player] .tooich-mascot-eye circle{transform:translate(1.5px) translateY(1px)}.tooich-mini-activity-modes{margin-top:5px}.tooich-mini-background-modes{display:grid;grid-template-columns:48px repeat(3,minmax(0,1fr));align-items:center;gap:4px}.tooich-mini-background-modes>span{color:#607b77;font-size:9px;font-weight:800}.tooich-mini-background-modes>button{min-width:0;padding:6px 3px;border:1px solid #d5e2df;border-radius:8px;background:#f7fbfa;color:#6a817e;cursor:pointer;font:750 8.5px/1.1 inherit}.tooich-mini-background-modes>button.active{border-color:#0e9384;background:#e8f7f3;color:#0b7568}@keyframes tooichMascotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes tooichMascotLookAround{0%,to{transform:translate(0)}45%{transform:translate(3px)}}@keyframes tooichMascotTilt{0%,to{transform:rotate(0)}50%{transform:rotate(-5deg)}}@keyframes tooichMascotNod{0%,to{transform:translateY(0)}45%{transform:translateY(2px)}}@keyframes tooichMascotComfort{0%,to{transform:translateY(0)}45%{transform:translateY(2px) scale(.99)}}@media(prefers-reduced-motion:reduce){.tooich-mascot.pose-idle-breathe .tooich-mascot-float,.tooich-mascot.pose-look-around .tooich-mascot-face-rig,.tooich-mascot.pose-tilt-head .tooich-mascot-face-rig,.tooich-mascot.pose-nod .tooich-mascot-face-rig,.tooich-mascot.pose-listen .tooich-mascot-antenna,.tooich-mascot.pose-comfort .tooich-mascot-float{animation:none}}body.has-tooich-music-bg .app-main{z-index:auto;isolation:isolate;background:transparent!important}body.has-tooich-music-bg{background:#e9f6f2!important}body.has-tooich-music-bg #root{position:relative;z-index:1}body.has-tooich-music-bg .app-frame{background:transparent!important}body.has-tooich-music-bg .tooich-music-media-layer.is-background{z-index:0}body.has-tooich-music-bg main.content,body.has-tooich-music-bg .page-transition{position:relative;z-index:2}body.has-tooich-music-bg .app-sidebar,body.has-tooich-music-bg .app-header,body.has-tooich-music-bg .sidebar,body.has-tooich-music-bg .mobile-bottom-nav{position:relative;z-index:4}body.has-tooich-music-bg .tooich-music-media-layer.is-background:before{background:linear-gradient(125deg,#0e93841f,#ebfaf629 46%,#f6b83f0f);mix-blend-mode:color}body.has-tooich-music-bg .tooich-music-media-layer.is-background:after{background:linear-gradient(180deg,#e9f6f229,#e9f6f208 45%,#e9f6f233)}body.has-tooich-music-bg .tooich-music-media-layer.mode-glow .tooich-music-frame.is-background{opacity:.64;filter:blur(50px) saturate(.88) brightness(.88) contrast(1.05)}body.has-tooich-music-bg .tooich-music-media-layer.mode-video .tooich-music-frame.is-background{opacity:.74;filter:blur(14px) saturate(.96) brightness(.88) contrast(1.06)}.tooich-music-player>.tooich-now-playing-capsule{position:absolute;right:0;bottom:calc(100% + 10px)}@media(max-width:899px){body.has-tooich-music-bg .tooich-music-media-layer.mode-glow .tooich-music-frame.is-background{opacity:.44;filter:blur(38px) saturate(.8) brightness(.86)}body.has-tooich-music-bg .tooich-music-media-layer.mode-video .tooich-music-frame.is-background{opacity:.55;filter:blur(14px) saturate(.88) brightness(.84)}}.learning-session-shell{--learning-session-max-width: 1320px;--learning-session-gutter: clamp(16px, 3vw, 40px);--learning-session-header-height: 76px;min-height:100dvh;display:flex;flex-direction:column;color:var(--text);background:var(--bg)}.learning-session-shell__header{position:sticky;top:0;z-index:var(--z-sticky);flex:0 0 auto;background:color-mix(in srgb,var(--surface) 96%,transparent);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.learning-session-shell__header-inner{width:min(100%,var(--learning-session-max-width));min-height:var(--learning-session-header-height);margin:0 auto;padding:12px var(--learning-session-gutter);box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.learning-session-shell__identity,.learning-session-shell__header-meta,.learning-session-shell__back,.learning-session-shell__header-actions{display:flex;align-items:center}.learning-session-shell__identity{min-width:0;gap:var(--space-4)}.learning-session-shell__back{flex:0 0 auto;gap:var(--space-2);min-height:38px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);background:var(--surface);text-decoration:none;font-size:var(--text-sm);font-weight:var(--weight-semibold);transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.learning-session-shell__back:hover,.learning-session-shell__back:focus-visible{color:var(--primary-text);border-color:var(--primary);background:var(--primary-light)}.learning-session-shell__back:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 28%,transparent);outline-offset:2px}.learning-session-shell__titles{min-width:0}.learning-session-shell__eyebrow{overflow:hidden;color:var(--primary-text);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.08em;line-height:1.2;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.learning-session-shell__title{margin:2px 0 0;overflow:hidden;color:var(--text);font-size:clamp(var(--text-lg),2vw,var(--text-xl));font-weight:var(--weight-bold);letter-spacing:-.02em;line-height:var(--leading-tight);text-overflow:ellipsis;white-space:nowrap}.learning-session-shell__subtitle{margin:4px 0 0;overflow:hidden;color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-snug);text-overflow:ellipsis;white-space:nowrap}.learning-session-shell__header-meta{flex:0 0 auto;justify-content:flex-end;gap:var(--space-3)}.learning-session-shell__progress-copy{padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);background:var(--bg-subtle);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap}.learning-session-shell__header-actions{gap:var(--space-2)}.learning-session-shell__progress{width:100%;height:4px;overflow:hidden;background:var(--bg-subtle)}.learning-session-shell__progress-fill{height:100%;border-radius:0 var(--radius-full) var(--radius-full) 0;background:var(--gradient-primary);transition:width var(--transition-base)}.learning-session-shell__body{width:min(100%,var(--learning-session-max-width));flex:1 1 auto;min-height:0;margin:0 auto;padding:clamp(20px,3vw,36px) var(--learning-session-gutter);box-sizing:border-box;display:flex;flex-direction:column}.learning-session-shell__content{min-width:0;flex:1 1 auto}.learning-session-shell__feedback{flex:0 0 auto;margin-top:var(--space-4)}.learning-session-shell__footer{position:sticky;bottom:0;z-index:calc(var(--z-sticky) - 1);flex:0 0 auto;padding:12px max(var(--learning-session-gutter),env(safe-area-inset-left)) max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 -8px 24px color-mix(in srgb,var(--text) 6%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.learning-session-shell__footer>*{width:min(100%,var(--learning-session-max-width));margin:0 auto}.learning-session-shell__state{width:min(100%,640px);min-height:240px;margin:auto;padding:var(--space-8);box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--surface);box-shadow:var(--shadow-sm);text-align:center}.learning-session-shell__state--loading{color:var(--text-muted)}.learning-session-shell__state--error{align-items:flex-start;justify-content:flex-start;text-align:left}.learning-session-shell__state-icon{flex:0 0 auto;width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius-full);color:var(--danger-text);background:var(--danger-light);font-weight:var(--weight-bold)}.learning-session-shell__state-copy{min-width:0}.learning-session-shell__state-copy h2{margin:0;color:var(--text);font-size:var(--text-lg)}.learning-session-shell__state-copy p{margin:var(--space-2) 0 0;color:var(--text-secondary);line-height:var(--leading-relaxed)}.learning-session-shell__state-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.learning-session-shell__spinner{width:20px;height:20px;flex:0 0 auto;border:2px solid var(--primary-border);border-top-color:var(--primary);border-radius:var(--radius-full);animation:learning-session-shell-spin .8s linear infinite}@keyframes learning-session-shell-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.learning-session-shell__progress-fill,.learning-session-shell__spinner{animation:none;transition:none}}@media(max-width:720px){.learning-session-shell__header-inner{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.learning-session-shell__identity,.learning-session-shell__header-meta{width:100%}.learning-session-shell__identity{gap:10px}.learning-session-shell__back{width:40px;height:40px;min-height:40px;padding:0;justify-content:center}.learning-session-shell__back-label{display:none}.learning-session-shell__header-meta{justify-content:space-between}.learning-session-shell__title,.learning-session-shell__subtitle{white-space:normal}.learning-session-shell__footer{padding-right:max(12px,env(safe-area-inset-right));padding-left:max(12px,env(safe-area-inset-left))}.learning-session-shell__state{min-height:200px;padding:var(--space-6)}}.hub{display:flex;flex-direction:column;gap:var(--space-6)}.hub-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.hub-head-text h1{font-size:24px;font-weight:700;letter-spacing:-.015em;color:var(--text);margin-bottom:4px;line-height:1.2}.hub-head-text p{font-size:13.5px;color:var(--text-muted);max-width:62ch;line-height:1.5}.hub-head-side{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.hub-select-group{display:flex;flex-direction:column;gap:2px}.hub-select-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted)}.hub-select{appearance:none;padding:var(--space-2) var(--space-6) var(--space-2) var(--space-3);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.hub-select:hover{border-color:var(--border-hover)}.hub-select:focus{outline:2px solid var(--primary-border);outline-offset:1px}.hub-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.chip:hover{border-color:var(--border-hover);background:var(--surface-2)}.chip.active{background:var(--primary-light);border-color:var(--primary-border);color:var(--primary-text)}.chip small{font-size:var(--text-xs);color:var(--text-muted)}.chip.active small{color:var(--primary-text)}.hub-section{display:flex;flex-direction:column;gap:var(--space-3)}.hub-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.hub-section-head h3{font-size:15px;font-weight:600;color:var(--text);letter-spacing:-.005em}.hub-section-head small{font-size:12px;color:var(--text-muted)}.hub-section-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--primary-text);text-decoration:none}.hub-section-link:hover{color:var(--primary-hover)}.count-badge{display:inline-flex;align-items:center;padding:2px 9px;font-size:11.5px;font-weight:600;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;letter-spacing:.01em}.hub-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface)}.hub-row{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--surface);transition:background .12s ease}.hub-row+.hub-row{border-top:1px solid var(--border-light, #edf2f7)}a.hub-row,button.hub-row{text-decoration:none;color:inherit;border:0;font:inherit;text-align:left;width:100%;cursor:pointer}a.hub-row:hover,button.hub-row:hover{background:var(--surface-2);color:inherit}.hub-row.hub-row-check{cursor:pointer;transition:background var(--transition-fast);font:inherit;text-align:left;text-decoration:none;color:inherit;border:none;padding:var(--space-4);width:100%}.hub-row.hub-row-check:hover{background:var(--surface-2)}.hub-row.hub-row-check .hub-checkbox{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--border-hover);border-radius:var(--radius-sm);background:var(--surface);color:transparent;flex-shrink:0;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.hub-row.hub-row-check.checked .hub-checkbox{background:var(--primary);border-color:var(--primary);color:#fff}.hub-row.hub-row-check.checked{background:var(--primary-light)}.hub-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.hub-row-title{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.hub-row-title strong{font-size:14.5px;font-weight:600;color:var(--text);letter-spacing:-.005em}.hub-row-main small{font-size:12px;color:var(--text-muted);line-height:1.4}.pvp-room-dialog{display:grid;gap:var(--space-3);margin-bottom:var(--space-4)}.pvp-room-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pvp-room-actions{display:flex;gap:8px}.pvp-room-code-input{text-transform:uppercase;letter-spacing:.18em;font-size:var(--text-xl);font-weight:800;text-align:center}@media(max-width:700px){.pvp-room-fields{grid-template-columns:1fr}.pvp-room-actions .btn{flex:1}}.hub-empty{max-width:520px;margin:var(--space-8, 32px) auto;padding:var(--space-8, 32px) var(--space-6, 24px);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;font-size:var(--text-sm);color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg, 16px);box-shadow:0 10px 30px -10px #0000004d,0 0 20px #49cdb80d;transition:all .3s ease}:root[data-tooich-shop-theme=night] .hub-empty{background:linear-gradient(145deg,#16202cd9,#101822f2);border:1px solid rgba(73,205,184,.2);box-shadow:0 16px 40px #00000080,0 0 24px #49cdb814;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hub-empty p{margin:0;font-size:var(--text-base, 1rem);color:var(--primary-text, #49cdb8);font-weight:600;line-height:1.5;word-break:break-word}.hub-empty a:not(.btn){display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;padding:10px 22px;font-size:var(--text-sm, .875rem);font-weight:600;color:#fff!important;background:linear-gradient(135deg,#49cdb8,#2bb39e);border-radius:var(--radius-full, 9999px);text-decoration:none;box-shadow:0 4px 14px #49cdb84d;transition:transform .2s ease,box-shadow .2s ease}.hub-empty a:not(.btn):hover{transform:translateY(-2px);box-shadow:0 6px 20px #49cdb873}.hub-empty-icon{width:56px;height:56px;border-radius:50%;background:#49cdb81f;color:var(--primary-text, #49cdb8);display:flex;align-items:center;justify-content:center;margin-bottom:4px;border:1px solid rgba(73,205,184,.25);box-shadow:0 0 16px #49cdb826}.hub-empty-spinner{width:36px;height:36px;border:3px solid rgba(73,205,184,.15);border-top-color:var(--primary-text, #49cdb8);border-radius:50%;animation:hub-empty-spin .8s linear infinite;margin-bottom:4px}@keyframes hub-empty-spin{to{transform:rotate(360deg)}}.hub-empty-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:8px;width:100%}.part-pill-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.part-pill{padding:1px 7px;font-size:11px;font-weight:500;color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:4px;white-space:nowrap}.hub-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.hub-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.hub-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);font:inherit;text-align:left;text-decoration:none;cursor:pointer;transition:border-color .12s ease,background .12s ease}.hub-item:hover{border-color:var(--border-hover);background:var(--surface-2);color:var(--text)}.hub-item-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:color-mix(in srgb,var(--surface-2) 60%,transparent);flex-shrink:0}.hub-item-icon svg{width:18px;height:18px}.hub-item-text{flex:1;min-width:0;display:flex;flex-direction:column}.hub-item-text strong{font-size:14px;font-weight:600;letter-spacing:-.005em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-item-text small{font-size:12px;color:var(--text-muted);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-item-meta{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;font-size:var(--text-xs);color:var(--text-muted)}.hub-item-meta svg{color:var(--text-muted)}.q-badge{display:inline-flex;align-items:center;padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;color:var(--primary-text);background:var(--primary-light);border:1px solid var(--primary-border);border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0}.hub-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.hub-step-head{display:flex;align-items:center;gap:var(--space-2)}.hub-step-n{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-full);background:var(--primary);color:#fff;font-size:var(--text-xs);font-weight:var(--weight-bold);flex-shrink:0}.hub-step-head h3{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text);flex:1}.hub-step-head small{font-size:var(--text-xs);color:var(--text-muted)}.hub-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.hub-check{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.hub-check:hover{border-color:var(--border-hover)}.hub-check.checked{background:var(--primary-light);border-color:var(--primary-border)}.hub-check .hub-item-icon{width:30px;height:30px}.hub-check.checked .hub-item-icon{background:var(--surface);border-color:var(--primary-border)}.hub-checkbox{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:2px solid var(--border-hover);border-radius:var(--radius-sm);background:var(--surface);color:transparent;flex-shrink:0;transition:background var(--transition-fast),border-color var(--transition-fast)}.hub-check.checked .hub-checkbox{background:var(--primary);border-color:var(--primary);color:#fff}.hub-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-4) var(--space-5);background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:var(--radius-md)}.hub-summary-text{font-size:var(--text-sm);color:var(--text-secondary)}.hub-summary-text strong{color:var(--text)}.hub-summary.sticky{position:sticky;bottom:var(--space-4);z-index:var(--z-sticky);box-shadow:var(--shadow-md);margin-top:var(--space-2)}@media(max-width:900px){.hub-grid-2,.hub-check-grid{grid-template-columns:minmax(0,1fr)}.hub-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-head{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.hub-grid-4{grid-template-columns:minmax(0,1fr)}.hub-row{flex-wrap:wrap}}.flashcard-tools{display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,1.4fr);gap:var(--space-3);align-items:stretch}.flashcard-search{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.flashcard-search-wide{max-width:760px}.flashcard-search span,.flashcard-suggestions small{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.flashcard-suggestions{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--surface),var(--primary-light))}.flashcard-suggestion-chip{position:relative}.fc-create-panel{position:relative;overflow:hidden;border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface)}.fc-create-hint{margin:0;padding:var(--space-4) var(--space-5) 0;color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.fc-create-hint strong{color:var(--text-secondary);font-weight:var(--weight-semibold)}.fc-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);padding:var(--space-5) var(--space-6)}.fc-field{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.fc-field-wide{grid-column:1 / -1}.fc-field span:first-child{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text)}.fc-input-row{display:flex;gap:var(--space-3);min-width:0;position:relative}.fc-dict-input{flex:1;min-width:0;padding:var(--space-3) var(--space-4);font-size:var(--text-base);border:2px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-base);background:var(--surface);box-shadow:0 2px 4px #00000005 inset}.fc-dict-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #22c55e1a,0 2px 4px #00000005 inset}.fc-dict-btn{flex-shrink:0;padding:0 var(--space-5);font-size:var(--text-base);font-weight:var(--weight-bold);border-radius:var(--radius-lg);display:inline-flex;align-items:center;gap:var(--space-2);background:var(--primary);color:#fff;border:none;box-shadow:0 4px 12px #0e93844d;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.fc-dict-btn:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);transform:rotate(30deg) translate(-100%);transition:transform .6s ease}.fc-dict-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #0e938466}.fc-dict-btn:hover:not(:disabled):after{transform:rotate(30deg) translate(100%)}.fc-dict-btn:disabled{background:var(--surface-3);color:var(--text-muted);box-shadow:none;cursor:not-allowed}.fc-create-panel.is-looking .fc-dict-btn{background:var(--primary);animation:btn-pulse 1.5s infinite}@keyframes btn-pulse{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.fc-create-panel.is-saved{animation:flashcard-soft-pop .45s ease}.fc-create-panel.is-shaking{animation:flashcard-shake .42s ease}.fc-lookup-error{margin:0 var(--space-6) var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--danger) 8%,transparent);color:var(--danger);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-2)}.fc-lookup{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2)}.fc-lookup-head{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.fc-lookup-head strong{color:var(--text);font-size:var(--text-base)}.fc-lookup-head em,.fc-lookup-head small{color:var(--text-muted);font-size:var(--text-xs)}.fc-meaning{display:flex;align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.fc-meaning:hover{border-color:var(--primary-border);background:var(--primary-light);transform:translateY(-1px)}.fc-meaning-text{display:flex;flex-direction:column;gap:2px;font-size:var(--text-sm);line-height:1.45}.fc-meaning-text small{color:var(--text-muted)}.fc-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.fc-saved{color:var(--success);font-size:var(--text-sm);font-weight:var(--weight-semibold)}@media(max-width:700px){.flashcard-tools,.fc-form-grid{grid-template-columns:1fr}.fc-input-row{flex-direction:column}}@keyframes flashcard-border-run{0%{filter:hue-rotate(0deg);transform:rotate(0)}to{filter:hue-rotate(40deg);transform:rotate(360deg)}}@keyframes flashcard-soft-pop{0%{transform:scale(.99)}50%{transform:scale(1.01)}to{transform:scale(1)}}@keyframes flashcard-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.seg-toggle{display:inline-flex;padding:3px;gap:2px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md)}.seg-toggle-item{display:inline-flex;align-items:center;gap:6px;padding:var(--space-1-5) var(--space-4);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.seg-toggle-item:hover{color:var(--text);background:#00000008}.seg-toggle-item.is-active{background:var(--surface);color:var(--primary-text);font-weight:var(--weight-semibold);box-shadow:var(--shadow-xs)}.fc-controls{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.fc-toolbar{display:flex;align-items:center;gap:var(--space-3)}.fc-searchbar{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);height:36px;flex:1;min-width:0;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.fc-searchbar:focus-within{background:var(--surface);border-color:var(--primary-border);box-shadow:0 0 0 3px var(--primary-light);color:var(--primary-text)}.fc-searchbar input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:var(--text-sm);color:var(--text)}.fc-searchbar input::placeholder{color:var(--text-muted)}.fc-searchbar-clear{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.fc-searchbar-clear:hover{background:var(--surface-3);color:var(--text)}.fc-test-select{height:36px;padding:0 var(--space-4);padding-right:var(--space-8, 2rem);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2 4 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;flex-shrink:0;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.fc-test-select:hover{border-color:var(--border-hover)}.fc-test-select:focus{outline:0;border-color:var(--primary-border);box-shadow:0 0 0 3px var(--primary-light)}.fc-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-light);flex-wrap:wrap}.fc-part-chips{display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.fc-part-chips::-webkit-scrollbar{display:none}.fc-part-chip{display:inline-flex;align-items:center;justify-content:center;padding:4px 14px;font:inherit;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all var(--transition-fast)}.fc-part-chip:hover{background:var(--surface-3);color:var(--text);border-color:var(--border-hover)}.fc-part-chip.is-active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 1px 4px #0e938440}.fc-filter-meta{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.fc-count-badge{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.fc-count-badge strong{font-weight:var(--weight-bold);color:var(--text)}.fc-remembered-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--primary-text);background:var(--primary-light);border:1px solid var(--primary-border);padding:2px 10px;border-radius:var(--radius-full);white-space:nowrap}.fc-hide-toggle{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.fc-hide-toggle input[type=checkbox]{width:14px;height:14px;accent-color:var(--primary);cursor:pointer}.fc-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-12, 3rem) var(--space-6);text-align:center;animation:fadeInUp .3s ease}.fc-empty-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-muted);margin-bottom:var(--space-2)}.fc-empty-state h3{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text)}.fc-empty-state p{font-size:var(--text-sm);color:var(--text-secondary);max-width:360px}@media(max-width:640px){.fc-toolbar{flex-direction:column}.fc-test-select{width:100%}.fc-filter-bar{flex-direction:column;align-items:flex-start}.fc-filter-meta{flex-wrap:wrap}}.hub.home{display:grid;grid-template-columns:1fr 300px;gap:var(--space-6);align-items:start}.hub.home .hub-head-text h1{font-size:clamp(1.65rem,3.2vw,2.2rem);font-weight:820;letter-spacing:-.025em;line-height:1.2;color:var(--text)}.hub.home .hub-head-text p{font-size:clamp(.9rem,1.2vw,.98rem);margin-top:6px}.home-main{display:flex;flex-direction:column;gap:var(--space-6);min-width:0}.home-sidebar{display:flex;flex-direction:column;gap:var(--space-4);position:sticky;top:var(--space-4)}.home-side-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:20px}.home-side-title{font-size:15px;font-weight:700;color:var(--text);margin-bottom:16px}.home-side-ring{position:relative;width:80px;height:80px;margin:0 auto 8px}.home-side-ring-svg{width:80px;height:80px}.home-side-ring-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:var(--primary-text)}.home-side-ring-sub{text-align:center;font-size:12px;color:var(--text-muted);margin-bottom:12px}.home-side-link{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:8px;font-size:13px;font-weight:600;color:var(--primary-text);background:var(--primary-light);border-radius:var(--radius-md);text-decoration:none;transition:background var(--transition-fast)}.home-side-link:hover{background:var(--primary-border);color:var(--primary-text)}.home-side-stats{display:flex;flex-direction:column;gap:12px}.home-side-stat{display:flex;align-items:center;gap:12px}.home-side-stat-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);flex-shrink:0}.home-side-stat-text{display:flex;flex-direction:column}.home-side-stat-text strong{font-size:16px;font-weight:800;color:var(--text);line-height:1.1}.home-side-stat-text small{font-size:12px;color:var(--text-muted)}.home-side-cta{display:flex;align-items:center;gap:14px;padding:16px;background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-radius:var(--radius-xl);text-decoration:none;color:#fff;transition:filter var(--transition-fast),transform var(--transition-spring)}.home-side-cta:hover{filter:brightness(1.08);transform:translateY(-2px);color:#fff}.home-side-cta-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);background:#fff3;flex-shrink:0;color:#fff}.home-side-cta-icon svg,.home-side-cta-icon img{color:#fff!important}.home-side-cta-text{display:flex;flex-direction:column;flex:1}.home-side-cta-text strong{font-size:14px;font-weight:700}.home-side-cta-text small{font-size:12px;opacity:.85}.home-recent-list{display:flex;flex-direction:column;gap:var(--space-3)}.home-recent-card{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:var(--radius-xl);text-decoration:none;color:var(--text);cursor:pointer;transition:transform var(--transition-spring),border-color var(--transition-base),box-shadow var(--transition-base)}.home-recent-card:hover{transform:translateY(-2px);border-color:var(--primary-border);border-left-color:var(--primary);box-shadow:var(--shadow-md);color:var(--text)}.home-recent-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);background:var(--primary-light);flex-shrink:0}.home-recent-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.home-recent-text strong{font-size:15px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-recent-text small{font-size:12px;color:var(--text-muted)}.home-recent-cta{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;color:var(--primary-text);background:var(--primary-light);border-radius:var(--radius-full);flex-shrink:0;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast)}.home-recent-card:hover .home-recent-cta{background:var(--primary);color:#fff}.home-stats-banner{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:linear-gradient(135deg,var(--primary-light),var(--surface));border:1px solid var(--primary-border);border-radius:var(--radius-xl)}.home-stat-ring{position:relative;width:56px;height:56px;flex-shrink:0}.home-ring-svg{width:56px;height:56px}.home-ring-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:var(--primary-text)}.home-stats-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.home-stats-info strong{font-size:15px;font-weight:700;color:var(--text)}.home-stats-info small{font-size:12px;color:var(--text-muted)}.home-stats-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);color:var(--primary-text);text-decoration:none;background:var(--surface);border:1px solid var(--primary-border);transition:background var(--transition-fast)}.home-stats-link:hover{background:var(--primary-light)}.home-skills-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.home-skill-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);text-decoration:none;color:var(--text);cursor:pointer;transition:transform var(--transition-spring),border-color var(--transition-base),box-shadow var(--transition-base)}.home-skill-card:hover{transform:translateY(-3px);border-color:var(--skill-color, var(--primary-border));box-shadow:0 8px 24px color-mix(in srgb,var(--skill-color, var(--primary)) 8%,transparent);color:var(--text)}.home-skill-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg);flex-shrink:0}.home-skill-icon svg{color:var(--skill-color, var(--primary))}.home-skill-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.home-skill-text strong{font-size:15px;font-weight:700;color:var(--text)}.home-skill-text small{font-size:12px;color:var(--text-muted);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.home-skill-arrow{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-muted);flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.home-skill-card:hover .home-skill-arrow{background:var(--skill-color, var(--primary));color:#fff}.home .hub-list{border-radius:var(--radius-xl)}.home .hub-row:hover{background:var(--primary-light)}.home .hub-section-head h3{font-size:17px;font-weight:700}.home .count-badge{background:var(--primary-light);border-color:var(--primary-border);color:var(--primary-text)}.home-progress-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.home-progress-card{display:flex;align-items:center;gap:12px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast)}.home-progress-card:hover{border-color:var(--border-hover)}.home-progress-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);flex-shrink:0}.home-progress-text{display:flex;flex-direction:column;gap:1px;min-width:0}.home-progress-text strong{font-size:18px;font-weight:800;color:var(--text);letter-spacing:-.02em;line-height:1}.home-progress-text small{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1024px){.hub.home{grid-template-columns:1fr}.home-sidebar{display:none}}@media(min-width:1280px){.home-skills-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.home-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.home-skill-card{padding:14px}.home-skill-icon{width:44px;height:44px}.home-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.ai-tutor-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.ai-tutor-chip{padding:6px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.ai-tutor-chip:hover:not(:disabled){border-color:var(--border-hover);color:var(--text)}.ai-tutor-chip:disabled{opacity:.5;cursor:not-allowed}.ai-tutor-form{display:flex;flex-direction:column;gap:10px;max-width:640px;margin-bottom:16px}.ai-tutor-input{width:100%;resize:vertical;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text);font-family:inherit}.ai-tutor-input:focus{outline:none;border-color:var(--primary)}.ai-tutor-send{align-self:flex-end;padding:8px 18px;background:var(--primary);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:#fff;cursor:pointer}.ai-tutor-send:disabled{opacity:.5;cursor:not-allowed}.ai-tutor-error{max-width:640px;padding:10px 14px;background:#dc262614;border:1px solid rgba(220,38,38,.2);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--danger, var(--danger))}.ai-tutor-answer{max-width:640px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.ai-tutor-answer-text{font-size:var(--text-sm);line-height:1.6;color:var(--text);white-space:pre-wrap;margin:0 0 12px}.ai-tutor-meta{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--text-muted)}.streak-card{display:flex;flex-direction:column;gap:10px}.streak-main{display:flex;align-items:center;gap:12px}.streak-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--warning-light, rgba(255, 159, 28, .12));color:var(--warning, #f59f00);flex-shrink:0}.streak-main-text{display:flex;flex-direction:column}.streak-main-text strong{font-size:18px;font-weight:800;color:var(--text);line-height:1.1}.streak-main-text small{font-size:12px;color:var(--text-muted)}.streak-freeze{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);padding:6px 8px;background:var(--surface-2, rgba(0, 0, 0, .03));border-radius:var(--radius-sm)}.streak-hint{margin:0;font-size:12px;color:var(--text-muted);line-height:1.4}.gamification-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);color:var(--text-muted);text-align:center;font-size:14px}.gamification-empty-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-full);background:var(--surface-2, rgba(0, 0, 0, .03));color:var(--text-muted)}.gamification-list{gap:var(--space-1)}.gamification-row{display:flex;align-items:center;gap:var(--space-3);padding:10px var(--space-3);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);text-decoration:none}.gamification-row.is-me{border-color:color-mix(in srgb,var(--warning) 40%,var(--border));background:color-mix(in srgb,var(--warning) 10%,var(--surface))}.gamification-rank{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);font-size:14px;font-weight:800;color:var(--text-muted);background:var(--surface-2, rgba(0, 0, 0, .04));flex-shrink:0}.gamification-rank.rank-1{color:#fff;background:linear-gradient(140deg,#fbbf24,#f59f00);box-shadow:0 2px 8px #f59f0059}.gamification-rank.rank-2{color:#fff;background:linear-gradient(140deg,#c3cad4,#98a1ae);box-shadow:0 2px 8px #98a1ae4d}.gamification-rank.rank-3{color:#fff;background:linear-gradient(140deg,#e0a06a,#c07a41);box-shadow:0 2px 8px #c07a414d}.gamification-avatar{width:36px;height:36px;border-radius:var(--radius-full);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--surface-2, rgba(0, 0, 0, .04));font-size:14px;font-weight:700;color:var(--text-muted);flex-shrink:0}.gamification-avatar img{width:100%;height:100%;object-fit:cover}.gamification-row .hub-row-main{flex:1;min-width:0}.gamification-row .hub-row-title{display:flex;align-items:center;gap:var(--space-2)}.gamification-row .hub-row-title small{display:inline-flex;align-items:center;gap:4px}.gamification-tag{font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);background:var(--primary-light, rgba(0, 122, 255, .1));color:var(--primary)}.gamification-xp{font-size:16px;font-weight:800;color:var(--primary-text);font-variant-numeric:tabular-nums;flex-shrink:0}.leaderboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 18px}.leaderboard-toolbar>.figma-tabbar{width:auto;margin:0;padding:4px;border:0;border-radius:999px;background:var(--surface-3)}.leaderboard-toolbar>.figma-tabbar button{min-width:112px;padding:9px 20px;border:0;border-radius:999px}.leaderboard-toolbar>.figma-tabbar button.active{background:var(--surface);box-shadow:var(--shadow-sm)}.leaderboard-toolbar .leaderboard-metric-caption{display:inline-flex;align-items:center;gap:7px;margin:0;color:var(--text-muted);font-size:14px;font-weight:500;white-space:nowrap}.leaderboard-toolbar .leaderboard-metric-caption svg{color:var(--warning)}.leaderboard-card{overflow:hidden;padding:10px 14px;border:1px solid var(--border);border-radius:20px;background:var(--surface)}.leaderboard-row{display:grid;grid-template-columns:44px 48px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:86px;padding:12px 16px;border-radius:16px;transition:background var(--transition-fast)}.leaderboard-row:hover{background:var(--surface-2)}.leaderboard-row.is-me{background:color-mix(in srgb,var(--warning) 8%,var(--surface))}.leaderboard-row .gamification-rank{width:38px;height:38px;font-size:16px}.leaderboard-row .gamification-avatar{width:46px;height:46px}.leaderboard-person{min-width:0;display:grid;gap:5px}.leaderboard-person>div{display:flex;align-items:center;gap:8px}.leaderboard-person strong{overflow:hidden;color:var(--text);font-size:16px;text-overflow:ellipsis;white-space:nowrap}.leaderboard-person small{display:inline-flex;align-items:center;gap:5px;color:var(--text-muted);font-size:13px}.leaderboard-person small svg{color:var(--warning)}.leaderboard-coins{display:inline-flex;align-items:center;gap:8px;color:var(--primary-text);font-size:20px;font-variant-numeric:tabular-nums}.leaderboard-coins svg{color:var(--warning)}@media(max-width:620px){.leaderboard-toolbar{align-items:stretch;flex-direction:column}.leaderboard-metric-caption{align-self:flex-end}.leaderboard-row{grid-template-columns:34px 40px minmax(0,1fr) auto;gap:9px;min-height:72px;padding:9px 8px}.leaderboard-row .gamification-rank{width:32px;height:32px}.leaderboard-row .gamification-avatar{width:38px;height:38px}.leaderboard-coins{font-size:15px}.leaderboard-coins svg{display:none}}.gamification-head-stat{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}.gamification-head-stat-value{font-size:22px;font-weight:800;color:var(--primary)}.gamification-head-stat small{font-size:12px;color:var(--text-muted)}.gamification-summary-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border)}.gamification-summary-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--primary-light, rgba(0, 122, 255, .1));color:var(--primary);flex-shrink:0}.gamification-progress{margin-top:8px;flex:1;max-width:280px}.gamification-reward-row{display:flex;align-items:center;gap:var(--space-3);padding:12px var(--space-3);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);opacity:.65}.gamification-reward-row.is-unlocked{opacity:1;border-color:var(--primary-border)}.gamification-reward-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--surface-2, rgba(0, 0, 0, .04));color:var(--text-muted);flex-shrink:0}.gamification-reward-row.is-unlocked .gamification-reward-icon{background:var(--warning-light, rgba(255, 159, 28, .12));color:var(--warning, #f59f00)}.gamification-reward-row .hub-row-main{display:flex;flex-direction:column;gap:4px}.gamification-reward-row .hub-row-title{display:flex;align-items:center;gap:var(--space-2)}.gamification-reward-row small{color:var(--text-muted)}.gamification-required{font-weight:600;color:var(--text-secondary)}.gamification-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);background:var(--success-light, rgba(34, 197, 94, .12));color:var(--success, #22c55e)}.premium-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);color:var(--text-muted);text-align:center;font-size:14px}.premium-empty-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted)}.premium-error{color:var(--danger);flex-direction:row;gap:var(--space-2)}.premium-plan-row{align-items:flex-start;gap:var(--space-3)}.premium-plan-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);flex-shrink:0}.premium-plan-features{list-style:none;margin:var(--space-2) 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.premium-plan-features li{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-muted)}.premium-plan-features li svg{color:var(--success)}.premium-plan-monthly{margin-top:var(--space-2);color:var(--text-muted)}.premium-plan-side{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2);flex-shrink:0}.premium-plan-price{font-size:18px;font-weight:700;color:var(--text);letter-spacing:-.01em}.premium-plan-cta{white-space:nowrap}.premium-gate{padding:var(--space-4)}.premium-gate-panel{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-5);border:1px solid var(--border-light, #edf2f7);border-radius:10px;background:var(--surface-2)}.premium-gate-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);flex-shrink:0}.premium-gate-body{display:flex;flex-direction:column;gap:4px}.premium-gate-body strong{font-size:15px;color:var(--text)}.premium-gate-body p{font-size:13.5px;color:var(--text-muted);margin:0}.premium-gate-cta{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:7px 14px;border-radius:8px;background:var(--primary);color:var(--primary-text, #fff);font-size:13.5px;font-weight:600;text-decoration:none;width:fit-content}.premium-gate-cta:hover{opacity:.92}.affiliate-link-input{width:100%;min-width:0;margin-top:8px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-secondary)}.affiliate-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;background:transparent;border:0}.affiliate-stat-row{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.affiliate-stat-row strong{display:block;margin-top:5px;font-size:var(--text-xl)}.affiliate-withdraw-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.affiliate-withdraw-form input{min-width:0;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text)}.affiliate-withdraw-form-modal{display:flex;flex-direction:column;gap:14px}.affiliate-payment-field{display:flex;flex-direction:column;gap:6px}.affiliate-payment-field span{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.affiliate-payment-field input{min-width:0;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text)}.affiliate-payment-method{display:grid;grid-template-columns:1fr 1fr;gap:8px}.affiliate-method-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .15s}.affiliate-method-btn.is-active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--primary)}.affiliate-method-btn:hover{border-color:var(--border-hover)}.table-wrap{width:100%;overflow-x:auto}.compact-table table{width:100%;min-width:720px}.compact-table th,.compact-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border)}.accuracy-pill{display:inline-flex;padding:4px 8px;border-radius:999px;background:var(--surface-2);font-size:var(--text-xs)}.accuracy-pill.good{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success)}.accuracy-pill.mid{background:color-mix(in srgb,var(--warning) 14%,transparent);color:#92400e}.accuracy-pill.low{background:var(--danger-light);color:var(--danger-text)}@media(max-width:900px){.affiliate-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.affiliate-stats,.affiliate-withdraw-form{grid-template-columns:1fr}.affiliate-withdraw-form .btn{width:100%}}.toeic-hub{animation:fadeInUp .4s ease both;display:flex;flex-direction:column;gap:var(--space-8)}.test-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.test-card{display:flex;flex-direction:column;gap:var(--space-4)}.test-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.test-card-header h3{font-size:var(--text-xl);font-weight:var(--weight-bold)}.test-card-parts{display:flex;flex-wrap:wrap;gap:var(--space-2)}.part-chip{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-medium);background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border);text-decoration:none;transition:all var(--transition-fast)}.part-chip:hover:not(.locked){background:var(--surface-3);color:var(--text);border-color:var(--border-hover)}.part-chip.completed{background:var(--success-light);color:var(--success-text);border-color:var(--success-border)}.part-chip.locked{opacity:.4;cursor:not-allowed}.test-progress{display:flex;flex-direction:column;gap:var(--space-2)}.test-progress .progress-info{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--text-muted)}.test-overview{animation:fadeInUp .4s ease both;display:flex;flex-direction:column;gap:var(--space-5)}.part-section{display:flex;flex-direction:column;gap:var(--space-3)}.part-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4)}.part-card .part-left{display:flex;align-items:center;gap:var(--space-4);min-width:0}.part-number{width:40px;height:40px;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--primary-text);flex-shrink:0}.part-info{display:flex;flex-direction:column;gap:2px;min-width:0}.part-info h4{font-size:var(--text-sm);font-weight:var(--weight-semibold);margin:0}.part-info p{font-size:var(--text-xs);color:var(--text-secondary);margin:0}.part-actions{display:flex;gap:var(--space-2);flex-shrink:0}@media(max-width:768px){.test-grid{grid-template-columns:1fr}.part-card{flex-direction:column;align-items:stretch;gap:var(--space-4);min-width:0}.part-card .part-left{align-items:flex-start;min-width:0}.part-info{min-width:0}.part-actions{width:100%;justify-content:stretch;flex-wrap:wrap;flex-shrink:1}.part-actions .btn{flex:1 1 180px;white-space:normal;line-height:1.25;min-height:44px;display:inline-flex;align-items:center;justify-content:center}}.test-history-section{margin-top:var(--space-6, 24px);padding:20px 24px 24px;border-radius:20px;background:var(--surface);border:1px solid var(--border)}.test-history-head{margin-bottom:16px}.test-history-head h2{margin:0;font-size:18px;font-weight:800;color:var(--text);display:flex;align-items:center;gap:8px}.test-history-empty{display:flex;align-items:center;gap:10px;padding:20px 16px;color:var(--text-muted, #6d8a83);font-size:14px;border-radius:14px;background:var(--bg-subtle, #eef7f4)}.test-history-list{display:flex;flex-direction:column;gap:8px}.test-history-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:inherit;cursor:pointer;transition:all .15s ease;text-align:left;width:100%;font:inherit}.test-history-row:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--border));transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.test-history-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.test-history-row-main strong{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.test-history-row-main small{color:var(--text-muted, #6d8a83);font-size:12px}.test-history-row-score{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.test-history-row-score small{color:var(--text-muted, #6d8a83);font-size:12px}.test-history-accuracy{font-weight:800;font-size:16px}.test-history-accuracy.excellent{color:var(--success-text, #16a34a)}.test-history-accuracy.good{color:var(--warning-text, #d97706)}.test-history-accuracy.poor{color:var(--danger-text, #ef4444)}.test-history-accuracy.pending{color:var(--primary-text, #0b7568)}.test-history-row.grade-excellent{border-left:3px solid var(--success-text, #16a34a)}.test-history-row.grade-good{border-left:3px solid var(--warning-text, #d97706)}.test-history-row.grade-poor{border-left:3px solid var(--danger-text, #ef4444)}.test-history-row.grade-pending{border-left:3px solid var(--primary, #0e9384)}.test-history-review{animation:fadeInUp .25s ease both}.test-history-review-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.test-history-review-meta{font-size:14px;font-weight:600;color:var(--text)}.test-history-local-detail__body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:8px 0 18px}.test-history-local-detail__copy h3{margin:8px 0 5px;color:var(--text);font-size:20px}.test-history-local-detail__copy p{max-width:620px;margin:0;color:var(--text-muted);font-size:13px;line-height:1.55}.test-history-local-detail__badge{display:inline-flex;min-height:24px;align-items:center;padding:0 9px;border-radius:999px;color:var(--primary-text);background:var(--primary-light);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.test-history-local-detail__stats{display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));gap:10px}.test-history-local-detail__stats>span{min-height:78px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:var(--bg-subtle);display:flex;flex-direction:column;gap:6px}.test-history-local-detail__stats small{color:var(--text-muted);font-size:11px}.test-history-local-detail__stats strong{color:var(--text);font-size:22px;line-height:1}.test-history-local-detail__actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:16px;border-top:1px solid var(--border)}@media(max-width:600px){.test-history-section{padding:16px}.test-history-row{padding:12px;gap:10px}.test-history-review-header{flex-direction:column;align-items:flex-start}.test-history-local-detail__body{grid-template-columns:1fr}.test-history-local-detail__stats{width:100%}.test-history-local-detail__actions .btn{flex:1;justify-content:center}}.toeic-exam-screen{height:100dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);overflow:hidden}.toeic-exam-header{position:sticky;top:0;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);height:56px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border);z-index:var(--z-sticky)}.toeic-exam-header .exam-part-label{padding:var(--space-1) var(--space-3);background:var(--primary-light);color:var(--primary-text);border:1px solid var(--primary-border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.toeic-exam-header .exam-question-counter{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--weight-medium)}.toeic-exam-body{flex:1;min-height:0;display:grid;grid-template-columns:1.1fr .9fr;gap:20px;padding:var(--space-5) var(--space-6);align-items:stretch;max-width:1400px;margin:0 auto;width:100%;overflow:hidden}.toeic-exam-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);max-width:1200px;margin:0 auto}.toeic-question-image{border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);border:1px solid var(--border);margin-bottom:var(--space-4);max-height:400px;display:flex;align-items:center;justify-content:center}.toeic-question-image img{max-height:400px;object-fit:contain}.toeic-audio-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.toeic-listening-panel{display:flex;flex-direction:column;gap:var(--space-4);height:100%;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.toeic-question-panel{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.toeic-question-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3);padding-right:var(--space-2);scrollbar-width:thin;scrollbar-color:var(--border) transparent}.toeic-question-text{font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-relaxed);margin-bottom:var(--space-2)}.toeic-option-list,.figma-option-list{display:flex;flex-direction:column;gap:var(--space-3)}.toeic-option,.figma-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;font-size:var(--text-sm)}.toeic-option:hover:not(:disabled),.figma-option:hover:not(:disabled){border-color:var(--primary);background:var(--primary-light);transform:translate(4px);box-shadow:var(--shadow-sm)}.toeic-option.selected,.figma-option.selected,.figma-option.--selected{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.toeic-option.correct,.figma-option.correct,.figma-option.--correct{border-color:var(--success);background:var(--success-light);box-shadow:var(--shadow-sm)}.toeic-option.wrong,.figma-option.wrong,.figma-option.--wrong{border-color:var(--danger);background:var(--danger-light);box-shadow:var(--shadow-sm)}.toeic-option:disabled,.figma-option:disabled{cursor:not-allowed}.option-label,.figma-option-letter{width:36px;height:36px;border-radius:var(--radius-full);background:var(--surface-3);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--weight-bold);flex-shrink:0;transition:all var(--transition-fast)}.figma-option>span:last-child{display:flex;flex-direction:column;gap:2px;flex:1}.figma-option strong{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text)}.figma-option small{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--weight-normal)}.selected .option-label,.selected .figma-option-letter,.--selected .option-label,.--selected .figma-option-letter{background:var(--primary);color:#fff;font-weight:var(--weight-bold)}.correct .option-label,.correct .figma-option-letter,.--correct .option-label,.--correct .figma-option-letter{background:var(--success);color:#fff;font-weight:var(--weight-bold)}.wrong .option-label,.wrong .figma-option-letter,.--wrong .option-label,.--wrong .figma-option-letter{background:var(--danger);color:#fff;font-weight:var(--weight-bold)}.toeic-question-nav{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-6);margin-top:var(--space-6);border-top:1px solid var(--border)}.toeic-exam-submit{padding:var(--space-8);text-align:center}.toeic-explanation{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--success);border-radius:var(--radius-md);padding:var(--space-5);margin-top:var(--space-4);animation:fadeInUp .3s ease}.toeic-explanation.wrong-explanation{border-left-color:var(--danger)}.toeic-transcript{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-4)}.transcript-turn{display:flex;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.transcript-turn:last-child{border-bottom:none}.speaker-label{padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--surface-3);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-semibold);height:fit-content}.transcript-word{display:inline;transition:background var(--transition-fast);padding:1px 2px}.transcript-word.active{background:var(--primary-light);color:var(--primary-text);border-radius:var(--radius-xs)}.toeic-passage{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);font-size:var(--text-base);line-height:var(--leading-relaxed)}.passage-blank{display:inline-block;min-width:60px;padding:0 var(--space-2);border-bottom:2px dashed var(--border-hover);text-align:center;color:var(--text-secondary)}.passage-blank.filled{border-bottom-color:var(--primary);color:var(--primary-text);font-weight:var(--weight-semibold)}.part7-screen .toeic-exam-body{display:flex;flex-direction:column;gap:var(--space-4);max-width:none;width:100%;padding:var(--space-5) clamp(20px,4vw,64px)}.part7-layout{display:grid;grid-template-columns:minmax(560px,1.12fr) minmax(460px,.88fr);gap:var(--space-5);max-width:1680px;width:100%;margin:0 auto;min-height:0;flex:1}.part7-passage-panel,.part7-question-panel{min-height:0;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.part7-passage-panel{display:flex;flex-direction:column}.part7-passage-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-5);border-bottom:1px solid var(--border);background:linear-gradient(180deg,#fffffff2,#f8fafce0)}.part7-passage-toolbar h2{margin:var(--space-1) 0 0;font-size:var(--text-xl);color:var(--text)}.part7-document{flex:1;min-height:0;overflow:auto;padding:clamp(24px,3vw,44px);background:linear-gradient(180deg,#fffffffa,#ffffffeb),var(--surface);background-size:24px 24px}.part7-doc-url{display:inline-flex;width:fit-content;max-width:100%;margin-bottom:var(--space-4);padding:7px 12px;border-radius:999px;background:#eef6ff;color:#1d4ed8;font-size:var(--text-sm);font-weight:800;overflow-wrap:anywhere}.part7-doc-url.muted{background:#0f172a0f;color:var(--text-secondary)}.part7-document h3{margin:0 0 var(--space-5);color:var(--text);font-size:clamp(22px,2vw,30px);line-height:1.25;letter-spacing:0}.part7-doc-body{display:flex;flex-direction:column;gap:var(--space-4)}.part7-doc-body p,.part7-translation-box p{margin:0;font-family:var(--font-sans);font-size:clamp(16px,1.05vw,18px);line-height:1.78;color:var(--text)}.part7-translation-box{margin-top:var(--space-6);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--primary-border);background:linear-gradient(180deg,#ecfdf5b8,#ffffffe6)}.part7-translation-box>span{display:block;margin-bottom:var(--space-3);color:var(--primary-text);font-size:var(--text-xs);font-weight:900;text-transform:uppercase}.part7-translation-box h4{margin:0 0 var(--space-3);color:var(--text);font-size:var(--text-lg)}.part7-question-panel{display:flex;flex-direction:column}.part7-score-strip{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border);background:var(--surface-2)}.part7-question-list{flex:1;min-height:0;overflow:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.part7-question-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);background:var(--surface);box-shadow:var(--shadow-xs)}.part7-question-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--text-xs);font-weight:800;color:var(--text-muted);text-transform:uppercase}.part7-question-card h3{margin:0 0 var(--space-3);font-size:var(--text-lg);line-height:1.45;color:var(--text)}.part7-question-card .toeic-option{align-items:flex-start}.part7-option-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;text-align:left}.part7-option-copy strong{display:block;color:var(--text);font-size:var(--text-base);line-height:1.45}.part7-option-copy small{display:block;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5;font-weight:500}.part7-question-vi{margin:-4px 0 var(--space-3);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.55}.part7-result-ok{color:var(--success)}.part7-result-bad{color:var(--danger)}.part7-phrase-bank{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--space-3)}.part7-phrase-bank span{border:1px solid var(--border);border-radius:999px;padding:6px 10px;background:#ffffffa6;color:var(--text-secondary);font-size:var(--text-xs)}.part7-nav{max-width:1680px;width:100%;margin:0 auto;padding:var(--space-3) 0 0;flex-shrink:0}.part7-mini-map{display:flex;gap:5px;max-width:min(70vw,980px);overflow-x:auto;padding:2px}.part7-mini-map button{width:30px;height:30px;flex:0 0 auto;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:var(--text-xs);font-weight:800;cursor:pointer}.part7-mini-map button.active{background:var(--primary);border-color:var(--primary);color:#fff}.part7-submit-summary{max-width:1480px;margin:var(--space-3) auto 0;padding:var(--space-3) var(--space-4);border:1px solid var(--success);border-radius:var(--radius-lg);background:var(--success-light);color:var(--success-text);text-align:center}.p7-body{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.p7-passage-col{display:flex;flex-direction:column;min-height:0;overflow:hidden;margin:var(--space-1) 0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-xs)}.p7-passage-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--surface);flex-shrink:0}.p7-passage-title{margin:var(--space-1) 0 0;font-size:var(--text-xl);color:var(--text)}.p7-passage-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.p7-restart-btn{padding:4px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer}.p7-restart-btn:hover{background:var(--surface-2)}.p7-done-count{font-size:var(--text-xs);font-weight:700;color:var(--text-muted)}.p7-document{flex:1;min-height:0;overflow-y:auto;padding:clamp(20px,2.5vw,40px)}.p7-doc-url{display:inline-flex;width:fit-content;max-width:100%;margin-bottom:var(--space-4);padding:6px 12px;border-radius:999px;background:#eef6ff;color:#1d4ed8;font-size:var(--text-sm);font-weight:800;overflow-wrap:anywhere}.p7-doc-heading{margin:0 0 var(--space-5);padding-bottom:var(--space-3);border-bottom:2px solid var(--border);font-size:clamp(18px,1.8vw,26px);font-weight:800;letter-spacing:.01em;line-height:1.3;color:var(--text)}.p7-graphic{margin:0 0 var(--space-5);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2)}.p7-graphic img{display:block;width:100%;max-height:min(520px,58vh);object-fit:contain;border-radius:var(--radius-sm)}.p7-doc-body{display:flex;flex-direction:column;gap:var(--space-3)}.p7-doc-body p{margin:0;font-size:clamp(15px,1vw,17px);line-height:1.78;color:var(--text)}.p6-body{grid-template-columns:1.1fr .9fr}.p6-left{display:flex;flex-direction:column;gap:0;padding:var(--space-4);overflow:hidden}.p6-doc-card{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-xs);overflow:hidden}.p6-doc-toolbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.p6-skin-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:var(--primary-light);color:var(--primary-text);font-size:var(--text-xs);font-weight:var(--weight-bold)}.p6-listen-wrap .btn,.p6-listen-wrap .btn.subtle{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:var(--text-xs);font-weight:var(--weight-semibold)}.p6-paper{flex:1;min-height:0;overflow-y:auto;border-radius:var(--radius-lg);padding:clamp(24px,3vw,44px);scrollbar-width:thin;scrollbar-color:var(--border) transparent}.p6-blank{display:inline-flex;align-items:center;justify-content:center;min-width:78px;min-height:26px;padding:1px 10px;margin:0 3px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;font-family:var(--font-sans);font-size:13px;font-weight:var(--weight-bold);border:none;cursor:pointer;box-shadow:0 2px 6px #0e93844d,inset 0 1px #fff3;transition:transform .14s ease,box-shadow .14s ease;vertical-align:baseline}.p6-blank:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0e938466}.p6-blank.is-filled{animation:p5BlankFill .35s ease both}.p6-blank span{opacity:.85;font-style:italic;font-family:Georgia,serif}.p6-skin-notice .p6-paper{background:#fdfaf3;border:1px solid #d9c99a;border-top:5px solid #7a5f2b;color:#2a2415;font-family:Georgia,Times New Roman,serif}.p6-notice-heading{text-align:center;font-size:clamp(22px,2.4vw,32px);font-weight:900;letter-spacing:.12em;padding-bottom:var(--space-3);border-bottom:2px double #7a5f2b;margin-bottom:var(--space-5)}.p6-notice-body{font-size:clamp(15px,1.05vw,17px);line-height:2;white-space:pre-wrap}.p6-notice-signature{margin-top:var(--space-6);text-align:right;font-style:italic;color:#7a5f2b;font-size:var(--text-sm);font-weight:700}.p6-skin-email .p6-paper{background:#fff;border:1px solid #dbe3ee;padding:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif;color:#1e293b}.p6-email-headers{background:linear-gradient(180deg,#f4f7fb,#eef2f7);border-bottom:1px solid #dbe3ee;padding:14px 20px;display:grid;gap:6px}.p6-email-row{display:grid;grid-template-columns:68px 1fr;gap:12px;font-size:13px}.p6-email-label{color:#64748b;font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.05em;padding-top:2px}.p6-email-value{color:#1e293b;font-weight:500;overflow-wrap:anywhere}.p6-email-body{padding:clamp(20px,2vw,32px);font-size:clamp(14px,1vw,16px);line-height:1.85;white-space:pre-wrap}.p6-skin-letter .p6-paper{background:linear-gradient(180deg,#fdfbf3,#fbf6e8);border:1px solid #eadfc4;background-image:linear-gradient(180deg,#fdfbf3,#fbf6e8),repeating-linear-gradient(to bottom,transparent 0px,transparent 33px,rgba(120,90,30,.08) 33px,rgba(120,90,30,.08) 34px);background-blend-mode:multiply;position:relative;font-family:Georgia,Times New Roman,serif;color:#2d2416}.p6-skin-letter .p6-paper:before{content:"";position:absolute;top:0;bottom:0;left:clamp(40px,5vw,60px);width:1px;background:#c83c3c2e}.p6-letter-greeting{font-size:clamp(16px,1.15vw,19px);font-weight:600;margin-bottom:var(--space-4)}.p6-letter-body{font-size:clamp(15px,1.05vw,17px);line-height:2;white-space:pre-wrap}.p6-letter-closing{margin-top:var(--space-6);font-style:italic;font-size:clamp(15px,1.05vw,17px)}.p6-letter-signature{margin-top:6px;font-family:Brush Script MT,Segoe Script,cursive;font-size:clamp(20px,1.6vw,24px);color:#4a3a12;white-space:pre-wrap}.p6-skin-review .p6-paper{background:#fefefe;border:1px solid #e6e6e6;font-family:Georgia,Times New Roman,serif;color:#1f2937;background-image:linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(180deg,#fff,#f9fafb);background-size:100% 100%}.p6-review-body{font-size:clamp(15px,1.05vw,17px);line-height:1.95;column-count:1;white-space:pre-wrap}.p6-review-body:first-letter{font-size:3em;float:left;line-height:.85;padding:4px 8px 0 0;font-weight:800;color:var(--primary);font-family:Georgia,serif}.p6-review-byline{margin-top:var(--space-5);padding-top:var(--space-3);border-top:1px solid #e6e6e6;text-align:right;font-style:italic;font-weight:600;color:var(--text-secondary);font-size:var(--text-sm)}.p6-passage-vi{flex-shrink:0;max-height:38%;overflow-y:auto;margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--border) transparent}.p6-passage-vi p{margin:0;font-size:var(--text-sm);line-height:1.7;color:var(--text);white-space:pre-wrap}.p6-right{display:flex;flex-direction:column;overflow:hidden;padding:0}.p6-right-head{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);background:var(--surface)}.p6-right-head-info{display:flex;flex-direction:column;gap:2px}.p6-right-head-info strong{font-size:var(--text-base);color:var(--text)}.p6-questions-scroll{flex:1;min-height:0;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);scrollbar-width:thin;scrollbar-color:var(--border) transparent}.p6-q-tabs{flex-shrink:0;display:flex;gap:6px;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap}.p3-q-tab.is-right{border-color:var(--success);background:var(--success-light);color:var(--success-text)}.p3-q-tab.is-wrong{border-color:var(--danger);background:var(--danger-light);color:var(--danger-text)}.p6-question-scroll{flex:1;min-height:0;overflow-y:auto;padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);scrollbar-width:thin;scrollbar-color:var(--border) transparent;animation:fadeInUp .2s ease both}.p6-question-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.p6-actions{flex-shrink:0;display:flex;gap:var(--space-3);align-items:center;justify-content:center;padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);background:var(--surface)}.p7-left{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);overflow:hidden}.p7-doc-card{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-xs);overflow:hidden}.p7-doc-toolbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.p7-doc-toolbar-info{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0}.p7-doc-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3);padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.p7-paper{border-radius:var(--radius-lg);padding:clamp(20px,2.5vw,36px)}.p7-skin-email{background:#fff;border:1px solid #dbe3ee;padding:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif;color:#1e293b}.p7-skin-letter{background:linear-gradient(180deg,#fdfbf3,#fbf6e8);border:1px solid #eadfc4;background-image:linear-gradient(180deg,#fdfbf3,#fbf6e8),repeating-linear-gradient(to bottom,transparent 0px,transparent 33px,rgba(120,90,30,.08) 33px,rgba(120,90,30,.08) 34px);background-blend-mode:multiply;position:relative;font-family:Georgia,Times New Roman,serif;color:#2d2416}.p7-skin-letter:before{content:"";position:absolute;top:0;bottom:0;left:clamp(40px,5vw,60px);width:1px;background:#c83c3c2e}.p7-skin-notice{background:#fdfaf3;border:1px solid #d9c99a;border-top:5px solid #7a5f2b;color:#2a2415;font-family:Georgia,Times New Roman,serif}.p7-skin-webpage{background:#fff;border:1px solid #e2e8f0;padding:0;overflow:hidden;font-family:-apple-system,Segoe UI,Roboto,sans-serif}.p7-url-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(180deg,#f8fafc,#eef2f7);border-bottom:1px solid #e2e8f0;color:#334155;font-size:12px}.p7-url-text{font-family:SF Mono,Menlo,Consolas,monospace;color:#0369a1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.p7-webpage-heading{margin:0;padding:clamp(18px,2vw,28px) clamp(20px,2.2vw,32px) 4px;font-size:clamp(20px,1.8vw,26px);font-weight:800;color:#0f172a;line-height:1.3}.p7-webpage-body{padding:clamp(12px,1.5vw,20px) clamp(20px,2.2vw,32px) clamp(20px,2.2vw,32px);font-size:clamp(14px,1vw,16px);line-height:1.75;color:#1e293b;white-space:pre-wrap}.p7-skin-article{background:#fefefe;border:1px solid #e6e6e6;font-family:Georgia,Times New Roman,serif;color:#1f2937}.p7-article-heading{margin:0 0 var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid #1f2937;font-size:clamp(22px,2vw,28px);font-weight:800;line-height:1.25;color:#0f172a}.p7-article-body{font-size:clamp(15px,1.05vw,17px);line-height:1.95;white-space:pre-wrap}.p7-article-body:first-letter{font-size:3em;float:left;line-height:.85;padding:4px 8px 0 0;font-weight:800;color:var(--primary);font-family:Georgia,serif}.p7-passage-vi{flex-shrink:0;margin-top:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border)}.p7-passage-vi p{margin:0 0 8px;font-size:var(--text-sm);line-height:1.7;color:var(--text);white-space:pre-wrap}.p7-passage-vi p:last-child{margin-bottom:0}.p7-right{display:flex;flex-direction:column;overflow:hidden}.p7-translation-box{margin-top:var(--space-6);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--primary-border);background:linear-gradient(180deg,#ecfdf5b8,#ffffffe6)}.p7-translation-label{display:block;margin-bottom:var(--space-3);color:var(--primary-text);font-size:var(--text-xs);font-weight:900;text-transform:uppercase;letter-spacing:.05em}.p7-translation-box .p7-doc-body p,.p7-translation-box>p{margin:0;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.7}.p7-nav{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);border-radius:0 0 var(--radius-lg) var(--radius-lg);flex-shrink:0;background:var(--surface-2)}.p7-nav-btn{padding:7px 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:var(--text-sm);font-weight:600;cursor:pointer;flex-shrink:0}.p7-nav-btn:hover:not(:disabled){background:var(--surface-2)}.p7-nav-btn:disabled{opacity:.35;cursor:default}.p7-mini-map{display:flex;gap:5px;flex:1;overflow-x:auto;padding:2px}.p7-mini-btn{width:28px;height:28px;flex:0 0 auto;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:var(--text-xs);font-weight:800;cursor:pointer}.p7-mini-btn.is-active{background:var(--primary);border-color:var(--primary);color:#fff}.p7-mini-btn.is-done{background:var(--success-light);border-color:var(--success);color:var(--success-text)}.p7-question-col{display:flex;flex-direction:column;min-height:0;overflow:hidden}.p7-question-list{flex:1;min-height:0;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.p7-check-row{flex-shrink:0;display:flex;justify-content:center;padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);background:var(--surface)}.p7-check-row .figma-primary-btn{width:min(100%,320px);justify-content:center}.p7-question-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--surface)}.p7-question-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--text-xs);font-weight:800;color:var(--text-muted);text-transform:uppercase}.p7-result-ok{color:var(--success)}.p7-result-bad{color:var(--danger)}.p7-question-text{margin:0 0 var(--space-3);font-size:var(--text-base);font-weight:600;line-height:1.5;color:var(--text)}.p7-question-vi{margin:-8px 0 var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.p7-option-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;text-align:left}.p7-option-copy strong{display:block;font-size:var(--text-sm);line-height:1.45}.p7-option-copy small{display:block;font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4}.p5-sentence-card{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-4) var(--space-4);box-shadow:var(--shadow-xs);overflow:hidden}.p5-reveal-fixed{flex-shrink:0}.p5-reveal-shell{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.p5-reveal-scroll{flex:1;min-height:0;overflow-y:auto;padding-right:6px;padding-bottom:32px;scrollbar-width:thin;scrollbar-color:var(--border) transparent;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 calc(100% - 24px),transparent 100%)}.p5-scroll-hint,.scroll-more-hint{position:absolute;left:50%;bottom:10px;transform:translate(-50%);display:inline-flex;align-items:center;gap:6px;padding:5px 13px;border:0;border-radius:999px;background:var(--primary);color:#fff;font:700 11px/1 inherit;box-shadow:0 4px 14px #0e938459;cursor:pointer;animation:p5HintBob 1.6s ease-in-out infinite;z-index:3}.p5-scroll-hint{pointer-events:none}.p5-scroll-hint svg,.scroll-more-hint svg{animation:p5HintArrow 1.6s ease-in-out infinite}.p1-right{position:relative}.p1-right>.scroll-more-hint{bottom:82px}@keyframes p5HintBob{0%,to{transform:translate(-50%);opacity:1}50%{transform:translate(-50%,-4px);opacity:.85}}@keyframes p5HintArrow{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}.p5-speak-mini{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border-radius:999px;border:1px solid var(--primary-border);background:var(--primary-light);color:var(--primary-text);cursor:pointer;flex-shrink:0;transition:all .16s ease;margin-left:auto}.p5-speak-mini:hover{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 0 0 4px #0e93842e;transform:scale(1.08)}.p5-speak-mini:active{transform:scale(.94)}.p5-sentence-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-shrink:0;flex-wrap:wrap}.p5-tag-cluster{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.p5-grammar-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);font-size:11px;font-weight:var(--weight-semibold);letter-spacing:.02em}.p5-tag-toggle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.p5-tag-toggle:hover{border-color:var(--border-hover);color:var(--text)}.p5-tag-toggle.is-on{border-color:var(--primary-border);background:var(--primary-light);color:var(--primary-text)}.p5-sentence-tag{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 10px;border-radius:999px;background:var(--primary-light);color:var(--primary-text);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.03em}.p5-tag-dot{width:6px;height:6px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 3px #0e938426}.p5-listen-wrap .btn,.p5-listen-wrap .btn.subtle{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:var(--text-xs);font-weight:var(--weight-semibold)}.p5-paper{flex-shrink:0;min-height:200px;display:flex;align-items:center;justify-content:center;padding:clamp(28px,4vw,56px) clamp(24px,3vw,44px);background:linear-gradient(180deg,#fdfbf3,#fbf6e8);border:1px solid #eadfc4;border-radius:var(--radius-lg);box-shadow:inset 0 1px #fff9,0 1px 2px #00000008;background-image:linear-gradient(180deg,#fdfbf3,#fbf6e8),repeating-linear-gradient(to bottom,transparent 0px,transparent 39px,rgba(120,90,30,.08) 39px,rgba(120,90,30,.08) 40px);background-blend-mode:multiply;position:relative}.p5-paper:before{content:"";position:absolute;top:0;bottom:0;left:clamp(40px,5vw,68px);width:1px;background:#c83c3c2e}.p5-sentence-text{margin:0;max-width:640px;font-family:Georgia,Times New Roman,serif;font-size:clamp(20px,1.7vw,28px);font-weight:500;line-height:2;color:#2d2416;text-align:center;letter-spacing:.005em}.p5-blank{display:inline-flex;align-items:center;justify-content:center;min-width:100px;min-height:34px;padding:2px 14px;margin:0 4px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;font-family:var(--font-sans);font-size:clamp(15px,1.1vw,18px);font-weight:var(--weight-bold);box-shadow:0 2px 8px #0e938459,inset 0 1px #ffffff40;letter-spacing:.01em;transition:transform .2s ease,box-shadow .2s ease}.p5-blank.is-filled{animation:p5BlankFill .35s ease both}@keyframes p5BlankFill{0%{transform:scale(.85);box-shadow:0 0 #0e938459}60%{transform:scale(1.05);box-shadow:0 0 0 6px #0e938426}to{transform:scale(1);box-shadow:0 2px 8px #0e938459}}.p5-blank-hint{opacity:.9;font-family:Georgia,serif;font-style:italic}.p5-reveal-panel{display:flex;flex-direction:column;gap:var(--space-3);flex-shrink:0;animation:fadeInUp .35s ease both}.p5-reveal-block{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border)}.p5-reveal-label{display:block;margin-bottom:6px;font-size:var(--text-xs);font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--primary-text)}.p5-reveal-block p{margin:0;font-size:var(--text-sm);line-height:1.65;color:var(--text)}.p5-phrase-list{display:flex;flex-direction:column;gap:6px}.p5-phrase-item{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.p5-phrase-item:hover{border-color:var(--primary-border);box-shadow:0 1px 6px #0e938414}.p5-phrase-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.p5-phrase-head strong{font-size:var(--text-sm);color:var(--text)}.p5-phrase-role{display:inline-flex;align-items:center;padding:1px 8px;border-radius:999px;background:var(--primary-light);color:var(--primary-text);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.p5-phrase-vi{font-size:var(--text-xs);color:var(--text-secondary)}.p5-phrase-pattern{display:inline-block;align-self:flex-start;padding:3px 10px;background:#f5f7fa;border:1px dashed var(--border-hover);border-radius:var(--radius-sm);font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px;color:var(--primary-hover);font-weight:600}.p5-phrase-note{display:inline-flex;align-items:flex-start;gap:4px;color:var(--text-muted);font-size:11px;line-height:1.4;font-style:italic}.p5-phrase-note svg{flex-shrink:0;margin-top:2px}.p5-vocab-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px}.p5-vocab-item{display:flex;flex-direction:column;gap:2px;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.p5-vocab-head{display:flex;align-items:baseline;gap:6px}.p5-vocab-head strong{font-size:var(--text-sm);color:var(--text)}.p5-vocab-pos{font-size:10px;font-weight:700;color:var(--primary);background:var(--primary-light);padding:1px 6px;border-radius:999px;font-style:normal;text-transform:lowercase}.p5-vocab-item>span{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4}.exam-result-screen{background:var(--bg)}.exam-result-body{flex:1;min-height:0;overflow-y:auto;padding:var(--space-5) var(--space-5) var(--space-12)}.exam-result-body .exam-review-panel{max-width:860px;margin:0 auto}.exam-review-panel{display:flex;flex-direction:column;gap:var(--space-5);width:100%;animation:fadeInUp .45s ease both}.exam-score-banner{position:relative;display:flex;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-7);border-radius:24px;border:1px solid rgba(255,255,255,.15);overflow:hidden;box-shadow:0 4px 24px #00000014,0 1px 3px #0000000a,inset 0 1px #ffffff1a}.exam-score-banner:has(.exam-score-circle.excellent){background:linear-gradient(135deg,#ecfdf5,#d1fae5 40%,#a7f3d0);border-color:#10b98133}.exam-score-banner:has(.exam-score-circle.good){background:linear-gradient(135deg,#f0fdfa,#ccfbf1 40%,#99f6e4);border-color:#14b8a633}.exam-score-banner:has(.exam-score-circle.poor){background:linear-gradient(135deg,#fff7ed,#ffedd5 40%,#fed7aa);border-color:#fb923c33}.exam-score-banner:before{content:"";position:absolute;top:-60%;right:-20%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.45) 0%,transparent 70%);pointer-events:none}.exam-score-circle{position:relative;width:100px;height:100px;flex-shrink:0;display:grid;place-items:center;border-radius:999px;font-size:26px;font-weight:900;letter-spacing:-.02em;border:4px solid;box-shadow:0 0 0 6px #ffffff80,0 4px 16px #0000001a;animation:scoreRingPop .5s ease both .2s}@keyframes scoreRingPop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.exam-score-circle.excellent{background:linear-gradient(135deg,#d1fae5,#ecfdf5);color:#047857;border-color:#34d399}.exam-score-circle.good{background:linear-gradient(135deg,#ccfbf1,#f0fdfa);color:#0f766e;border-color:#2dd4bf}.exam-score-circle.poor{background:linear-gradient(135deg,#ffedd5,#fff7ed);color:#c2410c;border-color:#fb923c}.exam-score-content{min-width:0;display:flex;flex-direction:column;gap:6px;position:relative;z-index:1}.exam-score-label{color:var(--text);font-size:22px;font-weight:800;letter-spacing:-.01em}.exam-score-stats{display:flex;align-items:center;gap:var(--space-3);color:var(--text-muted)}.exam-score-stat{display:flex;align-items:baseline;gap:6px}.exam-score-stat-value{color:var(--text);font-size:28px;font-weight:800}.exam-score-stat-label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500}.exam-stats-strip{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-4);padding:0 var(--space-4)}.exam-stats-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:700;border:1px solid var(--border);background:var(--surface);box-shadow:0 1px 2px #00000008}.exam-stats-chip.correct{background:linear-gradient(to right,#f0fdf4,#fff);border-color:#bbf7d0;color:#16a34a}.exam-stats-chip.wrong{background:linear-gradient(to right,#fef2f2,#fff);border-color:#fecaca;color:#dc2626}.exam-stats-chip.neutral{background:var(--surface-2);color:var(--text);border-color:var(--border)}.exam-review-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.exam-review-item{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:16px;transition:all .2s ease;position:relative}.exam-review-item:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000012}.exam-review-item.correct{border-color:#86efac;background:linear-gradient(135deg,rgba(220,252,231,.6) 0%,var(--surface) 40%);border-left:4px solid #22c55e}.exam-review-item.wrong{border-color:#fca5a5;background:linear-gradient(135deg,rgba(254,226,226,.6) 0%,var(--surface) 40%);border-left:4px solid #ef4444}.exam-review-status{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;font-size:var(--text-sm);font-weight:var(--weight-bold)}.exam-review-item.correct .exam-review-status{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a;box-shadow:0 2px 6px #22c55e26}.exam-review-item.wrong .exam-review-status{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;box-shadow:0 2px 6px #ef444426}.exam-review-question{min-width:0}.exam-review-question-num{color:var(--text-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.exam-review-question-text{margin-top:3px;overflow:hidden;color:var(--text);font-size:13.5px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.exam-review-drill-btns{display:flex;align-items:center;gap:6px}.exam-review-drill-btn{min-height:30px;padding:5px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-secondary);font-size:11px;font-weight:700;cursor:pointer;transition:all .15s ease;white-space:nowrap}.exam-review-drill-btn:hover{border-color:var(--primary-border);background:var(--primary-light);color:var(--primary-text);transform:translateY(-1px)}.exam-review-detail-btn{min-height:32px;padding:6px 12px;border:1px solid var(--primary-border);border-radius:var(--radius-full);background:var(--primary-light);color:var(--primary-text);font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.exam-review-detail-btn:hover{background:var(--primary);color:#fff}.exam-review-footer{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding-top:var(--space-3)}.exam-review-footer .btn{border-radius:14px;padding:12px 24px;font-weight:700;font-size:14px;transition:all .2s ease}.exam-review-footer .btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0000001a}.exam-review-footer .exam-review-detail-cta{border-radius:14px;padding:12px 28px;font-size:14px;font-weight:700;box-shadow:0 2px 8px #0e938440}@media(max-width:600px){.exam-score-banner{flex-direction:column;text-align:center;padding:var(--space-5);gap:var(--space-4)}.exam-score-banner:before{display:none}.exam-score-stats{justify-content:center}.exam-score-label{font-size:20px}.exam-review-list{grid-template-columns:1fr}.exam-review-footer{flex-direction:column}.exam-review-footer .btn,.exam-review-footer .exam-review-detail-cta{width:100%;justify-content:center}}.score-circle-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:var(--space-8)}.review-list{display:flex;flex-direction:column;gap:var(--space-3)}.review-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}@media(max-width:768px){.toeic-exam-screen{height:auto;min-height:100dvh;overflow:auto}.toeic-exam-split{grid-template-columns:1fr;gap:var(--space-4)}.toeic-exam-header{padding:0 var(--space-4)}.toeic-exam-body{padding:var(--space-4);grid-template-columns:1fr;gap:16px;overflow:visible;height:auto}.toeic-listening-panel{height:auto;overflow-y:visible}.toeic-question-panel{height:auto;overflow:visible}.toeic-question-scroll{overflow-y:visible;flex:none}.toeic-question-actions{padding-right:0}.exam-header-actions{flex-wrap:wrap;gap:var(--space-2)}.exam-score-banner{align-items:flex-start;flex-direction:column}.exam-review-item{grid-template-columns:28px minmax(0,1fr)}.exam-review-drill-btns{grid-column:2;flex-wrap:wrap}.exam-review-question-text{white-space:normal}.toeic-media-stage{flex:none;min-height:220px;max-height:320px}.part1-photo-frame,.exam-graphic,.part1-exam-image{max-height:300px}.part7-layout{grid-template-columns:1fr}.part7-passage-panel,.part7-question-panel,.part7-document,.part7-question-list{overflow:visible}.part7-mini-map{max-width:100%}.part7-nav{flex-wrap:wrap}}.page-stack{display:flex;flex-direction:column;gap:var(--space-6);max-width:1100px;margin:0 auto;padding-bottom:var(--space-12);animation:fadeInUp .35s ease both}.section-head.warm-hero{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-6);flex-wrap:wrap;box-shadow:var(--shadow-sm)}.section-head.warm-hero h1{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text);margin:var(--space-2) 0 var(--space-1)}.section-head.warm-hero p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.5;max-width:680px}.topic-pill{display:inline-block;background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border);padding:4px 14px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.05em}.hero-progress{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-3);min-width:240px}@media(max-width:768px){.hero-progress{align-items:flex-start;width:100%}}.tabs{display:flex;gap:var(--space-2);padding:var(--space-2);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);width:fit-content;flex-wrap:wrap}.tab-btn{background:transparent;border:none;padding:8px 18px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.tab-btn:hover{color:var(--text);background:var(--surface-3)}.tab-btn.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm);font-weight:var(--weight-bold)}.toeic-media-stage{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;justify-content:center;align-items:center;flex:1;min-height:0;overflow:hidden;box-shadow:var(--shadow-sm)}.toeic-photo-stage{padding:var(--space-3)}.part1-photo-frame{flex:1;min-height:0;width:100%;overflow:hidden;border-radius:var(--radius-md);display:flex;justify-content:center;align-items:center}.exam-graphic,.part1-exam-image{width:auto;max-width:100%;height:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-sm);display:block}.exam-question-head{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.exam-question-vi{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4);font-style:italic}.exam-title{display:flex;flex-direction:column;gap:4px}.exam-title span{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.exam-title strong{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text)}.exam-header-actions{display:flex;gap:var(--space-3);align-items:center}.exam-pill{display:inline-flex;align-items:center;padding:6px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary)}.exam-mode-select{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary)}.exam-mode-select select{padding:4px 8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text);cursor:pointer;transition:all var(--transition-fast)}.exam-mode-select select:hover{border-color:var(--border-hover);background:var(--surface-2)}.toeic-audio-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-sm)}.exam-section-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary)}.figma-audio-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md)}.figma-play-btn{width:36px;height:36px;border-radius:var(--radius-md);background:var(--primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:var(--weight-bold);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.figma-play-btn:hover:not(:disabled){background:var(--primary-hover);transform:scale(1.05);box-shadow:var(--shadow-sm)}.figma-play-btn:disabled{opacity:.5;cursor:not-allowed}.figma-track{flex:1;height:6px;background:var(--surface-3);border:none;border-radius:999px;padding:0;cursor:pointer;overflow:hidden;position:relative}.figma-track span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-hover));border-radius:999px;transition:width .1s linear}.figma-time{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);background:var(--surface);padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);min-width:50px;text-align:center}.figma-volume{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);background:var(--surface);padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--border)}.toeic-question-actions{flex-shrink:0;display:flex;gap:var(--space-3);align-items:center;justify-content:flex-end;margin-top:0;padding-top:var(--space-3);padding-bottom:var(--space-1);border-top:1px solid var(--border)}.exam-icon-btn{width:40px;height:40px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text);cursor:pointer;transition:all var(--transition-fast)}.exam-icon-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-hover)}.exam-icon-btn:disabled{opacity:.4;cursor:not-allowed}.figma-primary-btn{padding:10px 24px;border-radius:var(--radius-md);background:var(--primary);color:#fff;border:none;font-size:var(--text-sm);font-weight:var(--weight-bold);cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:8px}.figma-primary-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.figma-primary-btn:disabled{background:var(--surface-3);color:var(--text-muted);cursor:not-allowed;box-shadow:none;border:1px solid var(--border)}.figma-explanation{padding:var(--space-4);border-radius:var(--radius-md);margin-top:var(--space-4);font-size:var(--text-sm);line-height:1.55;animation:fadeInUp .25s ease both}.figma-explanation.correct{background:var(--success-light);border:1px solid var(--success-border);color:var(--success-text)}.figma-explanation.wrong{background:var(--danger-light);border:1px solid var(--danger-border);color:var(--danger-text)}.figma-explanation.neutral{background:var(--surface-2);border:1px solid var(--border);color:var(--text)}.p1-screen{height:100dvh;display:flex;flex-direction:column;background:#f0f2f5;color:var(--text);overflow:hidden}.p1-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);height:56px;padding:0 var(--space-5);background:var(--surface);border-bottom:1px solid var(--border);z-index:10}.p1-header-left{display:flex;align-items:center;gap:var(--space-2);min-width:0}.p1-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--card-bg, #ffffff);color:var(--text);text-decoration:none;transition:all var(--transition-fast);flex-shrink:0;box-shadow:0 1px 3px #0000000d}.p1-back-btn:hover{background:var(--surface-2);border-color:var(--text-muted);color:var(--primary);transform:translate(-1px)}.exam-score-coin-reward{display:inline-flex;align-items:center;gap:5px;margin-top:10px;padding:4px 12px 4px 8px;background:#fbbf241a;border:1px solid rgba(251,191,36,.25);border-radius:999px;color:#b45309;font-size:12px;font-weight:600}.p1-breadcrumb{display:flex;align-items:center;gap:5px;min-width:0}.p1-bc-parent{font-size:var(--text-xs);color:var(--primary-text);font-weight:var(--weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.p1-bc-sep{font-size:var(--text-xs);color:var(--text-muted)}.p1-bc-current{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text);white-space:nowrap}.p1-header-right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.p1-mode-pill{display:flex;align-items:center;gap:6px;padding:5px 10px 5px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);transition:border-color var(--transition-fast)}.p1-mode-pill:focus-within{border-color:var(--primary)}.p1-mode-select{background:transparent;border:none;color:var(--text);font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer;outline:none}.p1-q-counter{display:flex;align-items:center;gap:6px;padding:5px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary);min-height:30px}.p1-q-counter:disabled{opacity:1}.p1-q-counter.is-clickable{cursor:pointer;transition:all var(--transition-fast)}.p1-q-counter.is-clickable:hover,.p1-q-counter.is-clickable[aria-expanded=true]{background:var(--primary-light);border-color:var(--primary-border);color:var(--primary-text)}.p1-q-counter strong{color:var(--primary-text);font-weight:var(--weight-bold);font-size:var(--text-sm)}.trainer-nav-wrap{position:relative}.trainer-nav-caret{color:var(--text-muted);transition:transform var(--transition-fast)}.p1-q-counter[aria-expanded=true] .trainer-nav-caret{transform:rotate(180deg)}.trainer-nav-popover{position:absolute;top:calc(100% + 10px);right:0;z-index:80;width:min(420px,calc(100vw - 32px));max-height:min(520px,calc(100dvh - 88px));display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.trainer-nav-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.trainer-nav-head strong{display:block;font-size:var(--text-sm);color:var(--text)}.trainer-nav-head span{display:block;max-width:220px;overflow:hidden;color:var(--text-muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.trainer-nav-restart{flex-shrink:0;padding:6px 10px;border:1px solid var(--danger-border, #fecaca);border-radius:var(--radius-full);background:var(--danger-light, #fef2f2);color:var(--danger-text, var(--danger-hover));font-size:var(--text-xs);font-weight:var(--weight-bold);cursor:pointer}.trainer-nav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:8px;overflow-y:auto;padding-right:2px}.trainer-nav-item{min-height:36px;display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-bold);cursor:pointer;transition:all var(--transition-fast)}.trainer-nav-item:hover{border-color:var(--primary-border);color:var(--primary-text)}.trainer-nav-item.is-done{background:var(--success-light);border-color:var(--success-border);color:var(--success-text)}.trainer-nav-item.is-active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 0 3px var(--primary-light)}.trainer-nav-item.is-active svg{color:#fff}.resume-progress-overlay{padding:20px;z-index:140}.resume-progress-dialog{width:min(520px,calc(100vw - 32px));max-width:520px;padding:26px;border-radius:18px;border-color:color-mix(in srgb,var(--primary) 28%,var(--border));box-shadow:0 24px 80px #0f172a42}.resume-progress-kicker{display:inline-flex;align-items:center;min-height:26px;padding:4px 10px;margin-bottom:12px;border:1px solid var(--primary-border);border-radius:var(--radius-full);background:var(--primary-light);color:var(--primary-text);font-size:var(--text-xs);font-weight:var(--weight-bold)}.resume-progress-dialog h2{margin:0;color:var(--text);font-size:var(--text-2xl);line-height:1.2}.resume-progress-dialog p{margin:12px 0 0;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.65}.resume-progress-dialog p strong{color:var(--primary-text)}.resume-progress-meter{margin-top:18px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2)}.resume-progress-meter-info{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.resume-progress-meter-info strong{color:var(--text);font-size:var(--text-sm)}.resume-progress-track{height:9px;overflow:hidden;border-radius:var(--radius-full);background:var(--surface-3)}.resume-progress-fill{height:100%;min-width:10px;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .35s ease}.resume-progress-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;margin-top:22px}.resume-progress-actions .btn{justify-content:center;min-height:44px;white-space:normal}@media(max-width:560px){.resume-progress-dialog{padding:22px}.resume-progress-actions{grid-template-columns:1fr}}.p1-lang-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.p1-lang-pill:hover{background:var(--surface-2);border-color:var(--border-hover);color:var(--text)}.ai-assist-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;background:var(--primary, #2563eb);border:1px solid transparent;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:#fff;cursor:pointer;transition:all var(--transition-fast)}.ai-assist-btn:hover{filter:brightness(1.08)}.ai-assist-btn:disabled{opacity:.6;cursor:not-allowed}.ai-assist-panel{position:fixed;top:0;right:0;bottom:0;width:380px;max-width:92vw;background:var(--surface);border-left:1px solid var(--border);box-shadow:-8px 0 24px #00000014;display:flex;flex-direction:column;z-index:1200}.ai-assist-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border)}.ai-assist-title{display:flex;align-items:center;gap:8px;font-size:var(--text-sm)}.ai-assist-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer}.ai-assist-close:hover{background:var(--surface-2);color:var(--text)}.ai-assist-suggestions{display:flex;flex-wrap:wrap;gap:6px;padding:12px 14px;border-bottom:1px solid var(--border)}.ai-assist-chip{padding:5px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.ai-assist-chip:hover:not(:disabled){border-color:var(--border-hover);color:var(--text)}.ai-assist-chip:disabled{opacity:.5;cursor:not-allowed}.ai-assist-form{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border)}.ai-assist-input{width:100%;resize:vertical;padding:8px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text);font-family:inherit}.ai-assist-input:focus{outline:none;border-color:var(--primary)}.ai-assist-send{align-self:flex-end;padding:6px 14px;background:var(--primary);border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:#fff;cursor:pointer}.ai-assist-send:disabled{opacity:.5;cursor:not-allowed}.ai-assist-error{margin:12px 14px;padding:8px 10px;background:#dc262614;border:1px solid rgba(220,38,38,.2);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--danger, var(--danger))}.ai-assist-answer{padding:14px;overflow-y:auto;flex:1}.ai-assist-answer-text{font-size:var(--text-sm);line-height:1.6;color:var(--text);white-space:pre-wrap;margin:0 0 10px}.ai-assist-meta{font-size:var(--text-xs);color:var(--text-muted)}.p1-progress-bar{height:3px;background:var(--surface-3);flex-shrink:0}.p1-progress-fill{height:100%;background:var(--fill-accent, var(--primary));transition:width .5s ease}.p1-body{flex:1;min-height:0;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden}.p5-exam-layout{grid-template-columns:1fr 320px}.p5-exam-options{margin-top:16px;padding:16px 0 4px;border-top:1px solid var(--border)}.p5-exam-options .p1-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.p5-exam-options .p1-option{margin:0}.p1-left{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:#f0f2f5;border-right:1px solid var(--border);overflow:hidden}.p1-left-with-actions{padding:0!important}.p1-left-scroll{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5);overflow-y:auto}.p1-left-actions{flex-shrink:0;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);background:var(--surface);height:69px;box-sizing:border-box}.p1-audio-row{flex-shrink:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-xs);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.p1-audio-row.is-playing{border-color:var(--primary-border);box-shadow:0 0 0 3px var(--primary-light),var(--shadow-sm)}.p1-audio-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.p1-audio-eyebrow{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em}.p1-audio-controls{display:flex;align-items:center;gap:var(--space-3)}.p1-play-btn{width:44px;height:44px;border-radius:var(--radius-full);background:var(--primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all var(--transition-fast);box-shadow:0 2px 8px #0e93844d}.p1-play-btn>svg{transform:translate(-.7px)}.p1-play-btn.is-playing>svg{transform:none}.p1-play-btn:hover{background:var(--primary-hover);transform:scale(1.06);box-shadow:0 4px 14px #0e938466}.p1-play-btn:active{transform:scale(.96)}.p1-play-btn.is-playing{background:var(--primary);box-shadow:0 2px 8px #0e93844d}.p1-play-btn.is-playing:hover{background:var(--primary-hover)}.p1-play-btn:disabled{background:var(--surface-3);color:var(--text-muted);box-shadow:none;cursor:not-allowed;transform:none}.p1-play-btn.is-playing:disabled{background:var(--primary);color:#fff;box-shadow:0 2px 8px #0e93844d}.p1-track-area{flex:1;display:flex;align-items:center;min-width:0;height:36px}.p1-waveform{display:flex;align-items:center;gap:2px;width:100%;height:36px;overflow:hidden}.p1-wave-bar{flex:1;border-radius:2px;background:var(--primary);min-width:2px;max-width:5px;animation:p1Wave .7s ease-in-out infinite alternate;opacity:.7}@keyframes p1Wave{0%{height:3px;opacity:.4}to{height:22px;opacity:.85}}.p1-track{flex:1;height:4px;background:var(--surface-3);border-radius:var(--radius-full);position:relative;overflow:visible}.p1-track-fill{height:100%;background:var(--primary);border-radius:var(--radius-full);transition:width .1s linear}.p1-track-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:var(--primary);border:2px solid white;box-shadow:var(--shadow-sm);transition:left .1s linear}.p1-time-display{font-size:12px;font-weight:600;color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;min-width:90px;text-align:right}.p1-photo-stage{flex:1;min-height:0;position:relative;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:border-color .4s ease,box-shadow .4s ease}.p1-photo-stage.is-playing{border-color:var(--primary-border);box-shadow:0 0 0 4px var(--primary-light),var(--shadow-md);animation:p1StageGlow 2.5s ease-in-out infinite}@keyframes p1StageGlow{0%,to{box-shadow:0 0 0 3px var(--primary-light),var(--shadow-md)}50%{box-shadow:0 0 0 6px #0e93841f,var(--shadow-lg)}}.p1-photo-ring{position:absolute;inset:-2px;border-radius:inherit;background:conic-gradient(from 0deg,transparent 0%,rgba(14,147,132,.7) 12%,transparent 25%,transparent 75%,rgba(13,148,136,.5) 88%,transparent 100%);animation:p1RingSpin 2.2s linear infinite;mask:radial-gradient(ellipse at center,transparent calc(100% - 2.5px),black 100%);-webkit-mask:radial-gradient(ellipse at center,transparent calc(100% - 2.5px),black 100%);z-index:2;pointer-events:none}@keyframes p1RingSpin{to{transform:rotate(360deg)}}.p1-photo-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;position:relative;z-index:1;border-radius:var(--radius-lg);padding:var(--space-4)}.p1-now-playing-badge{position:absolute;bottom:var(--space-4);left:50%;transform:translate(-50%);z-index:3;display:inline-flex;align-items:center;gap:6px;padding:5px 14px;background:#0e9384e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;color:#fff;animation:fadeInUp .3s ease both;box-shadow:0 2px 12px #0e938459}.p1-pulse-dot{width:7px;height:7px;border-radius:50%;background:#fff;animation:p1PulseDot 1.2s ease-in-out infinite}@keyframes p1PulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.65)}}.p1-pre-play-hint{position:absolute;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--text-muted);z-index:1;pointer-events:none;text-align:center}.p1-pre-play-hint span{font-size:var(--text-xs);font-weight:var(--weight-medium)}.p1-right{display:flex;flex-direction:column;background:var(--surface);overflow:hidden}.p1-scroll{flex:1;min-height:0;overflow-y:auto;padding:var(--space-5) var(--space-5) var(--space-3);display:flex;flex-direction:column;gap:var(--space-4);scrollbar-width:thin;scrollbar-color:var(--border) transparent}.p1-q-header{display:flex;align-items:center;gap:var(--space-2)}.p1-q-eyebrow{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--primary-text)}.p1-q-text{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text);line-height:1.5;margin:0}.p1-options{display:flex;flex-direction:column;gap:var(--space-2)}.p1-option{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:11px var(--space-4);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:all .14s ease}.p1-option:hover:not(:disabled){border-color:var(--primary);background:var(--primary-light)}.p1-option:disabled{cursor:not-allowed}.p1-option.picked{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 3px #0e938414}.p1-option.correct{border-color:var(--success);background:var(--success-light)}.p1-option.wrong{border-color:var(--danger);background:var(--danger-light)}.p1-opt-circle{width:34px;height:34px;border-radius:var(--radius-full);border:2px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700;color:var(--text-secondary);flex-shrink:0;transition:all .14s ease}.p1-option:hover:not(:disabled) .p1-opt-circle{border-color:var(--primary);color:var(--primary)}.p1-option.picked .p1-opt-circle{border-color:var(--primary);background:var(--primary);color:#fff}.p1-option.correct .p1-opt-circle{border-color:var(--success);background:var(--success);color:#fff}.p1-option.wrong .p1-opt-circle{border-color:var(--danger);background:var(--danger);color:#fff}.p1-opt-label{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.p1-opt-label strong{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text);line-height:1.4}.p1-option.picked .p1-opt-label strong{color:var(--primary-hover);font-weight:var(--weight-semibold)}.p1-option.correct .p1-opt-label strong{color:var(--success-text);font-weight:var(--weight-semibold)}.p1-option.wrong .p1-opt-label strong{color:var(--danger-text)}.p1-opt-label small{font-size:var(--text-xs);color:var(--text-muted);font-style:italic}.p1-option.correct .p1-opt-label small{color:var(--success-text);opacity:.8}.p1-opt-icon{flex-shrink:0}.p1-option.correct .p1-opt-icon{color:var(--success)}.p1-option.wrong .p1-opt-icon{color:var(--danger)}.p1-explanation{border-radius:var(--radius-lg);padding:var(--space-4);font-size:var(--text-sm);line-height:1.6;animation:fadeInUp .25s ease both;border-left:3px solid transparent}.p1-expl-badge{display:block;font-weight:700;margin-bottom:var(--space-2);font-size:var(--text-sm)}.p1-explanation p{margin:0;opacity:.85}.p1-explanation.correct{background:var(--success-light);border-color:var(--success);color:var(--success-text)}.p1-explanation.wrong{background:var(--danger-light);border-color:var(--danger);color:var(--danger-text)}.p1-explanation.neutral{background:var(--surface-2);border-color:var(--border-hover);color:var(--text-secondary)}.p1-expl-section{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px dashed rgba(0,0,0,.08)}.p1-expl-section:first-of-type{margin-top:var(--space-2);padding-top:var(--space-2);border-top:none}.p1-expl-section-label{display:block;margin-bottom:6px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.75}.p1-expl-section p{margin:0 0 6px;font-size:var(--text-sm);line-height:1.65;opacity:.92}.p1-expl-traps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.p1-expl-traps li{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;background:#ffffff8c;border-radius:var(--radius-sm);font-size:var(--text-sm);line-height:1.55}.p1-expl-trap-choice{flex-shrink:0;width:22px;height:22px;display:grid;place-items:center;border-radius:999px;background:#00000014;color:inherit;font-size:12px;font-weight:800}.p1-actions{flex-shrink:0;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);background:var(--surface)}.p1-nav-btn{width:44px;height:44px;flex-shrink:0;border-radius:var(--radius-md);background:var(--surface);border:1.5px solid var(--border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.p1-nav-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-hover);color:var(--text)}.p1-nav-btn:disabled{opacity:.3;cursor:not-allowed}.p1-cta-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:44px;padding:0 var(--space-5);background:var(--primary);color:#fff;border:1px solid var(--primary);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:700;cursor:pointer;box-shadow:var(--shadow-xs);transition:all var(--transition-fast)}.p1-cta-btn:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.p1-cta-btn:active:not(:disabled){transform:translateY(0)}.p1-cta-btn:disabled{background:var(--surface-3);color:var(--text-muted);border-color:var(--border);box-shadow:none;cursor:not-allowed}.p1-cta-btn.submit{background:var(--primary)}.p1-cta-btn.submit:hover:not(:disabled){background:var(--primary-hover)}@media(max-width:768px){.p1-screen{height:auto;min-height:100dvh;overflow:auto}.p1-body{grid-template-columns:1fr;overflow:visible;height:auto}.p1-left{border-right:none;border-bottom:1px solid var(--border);overflow:visible}.p1-photo-stage{min-height:220px;flex:none;height:280px}.p1-right{overflow:visible}.p1-scroll{overflow-y:visible;flex:none}.p1-bc-parent,.p1-bc-sep{display:none}.p2-stage{min-height:240px;flex:none}}.p1-photo-stage.p2-stage-audio{flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4)}.p1-photo-stage.p2-stage-audio.showing-sub{justify-content:flex-start;align-items:stretch;padding:var(--space-4)}.p1-photo-stage.p2-stage-audio.showing-sub .p2-sub-scroll{max-height:none}.p2-orb{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);z-index:1}.p2-orb-core{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);background:var(--primary-light);border:1.5px solid var(--primary-border);transition:transform .3s ease}.p1-photo-stage.is-playing .p2-orb-core{animation:p2OrbPulse 1.6s ease-in-out infinite}@keyframes p2OrbPulse{0%,to{transform:scale(1);box-shadow:0 0 #0e938440}50%{transform:scale(1.05);box-shadow:0 0 0 14px #0e938400}}.p2-eq{display:flex;align-items:flex-end;gap:4px;height:36px}.p2-eq-bar{width:5px;height:20%;border-radius:999px;background:var(--border-hover);transition:background .3s ease}.p2-eq-bar.on{background:var(--primary);animation:p2EqDance .8s ease-in-out infinite alternate}@keyframes p2EqDance{0%{height:12%}to{height:100%}}.p2-prompt-vi{font-size:var(--text-sm);color:var(--text-secondary);font-style:italic;margin:-4px 0 0}.p3-q-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.p3-q-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;height:36px;border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--surface-2);color:var(--text-secondary);font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.p3-q-tab:hover{border-color:var(--primary-border);color:var(--primary-text);background:var(--primary-light)}.p3-q-tab.is-active{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 0 0 3px #0e938426}.p3-q-tab.is-done:not(.is-active){border-color:var(--success-border);color:var(--success-text);background:var(--success-light)}.p2-opt-listen{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);flex-shrink:0;cursor:pointer;transition:all var(--transition-fast)}.p2-opt-listen:hover{background:var(--primary-light);border-color:var(--primary-border);color:var(--primary)}.p1-option.is-tts{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.p1-option.is-tts .p1-opt-circle{background:var(--primary);border-color:var(--primary);color:#fff}button.p1-audio-hint-tag{cursor:pointer;transition:all var(--transition-fast)}button.p1-audio-hint-tag:hover{background:var(--primary-light);border-color:var(--primary-border);color:var(--primary-text)}.p2-audio-tools{display:inline-flex;align-items:center;gap:6px;margin-left:auto}.p2-sub-switch{display:inline-flex;align-items:center;gap:7px;cursor:pointer;-webkit-user-select:none;user-select:none}.p2-sub-switch input{display:none}.p2-sub-switch-track{position:relative;width:36px;height:20px;border-radius:999px;background:var(--border);border:1.5px solid var(--border);transition:background .22s ease,border-color .22s ease,box-shadow .22s ease;flex-shrink:0}.p2-sub-switch input:checked~.p2-sub-switch-track{background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 3px #10b9812e}.p2-sub-switch-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;transition:transform .22s cubic-bezier(.34,1.4,.64,1)}.p2-sub-switch input:checked~.p2-sub-switch-track .p2-sub-switch-thumb{transform:translate(16px)}.p2-sub-switch-label{font-size:11px;font-weight:800;color:var(--text-secondary);letter-spacing:.04em;transition:color .2s}.p2-sub-switch:has(input:checked) .p2-sub-switch-label{color:var(--primary-text)}.p2-opt-audio-mask{display:inline-flex;align-items:center;gap:3px;height:20px;padding:0 2px;opacity:.55}.p2-opt-mask-bar{width:3px;border-radius:2px;background:currentColor;animation:p2MaskWave 1.2s ease-in-out infinite alternate}@keyframes p2MaskWave{0%{transform:scaleY(.35);opacity:.5}to{transform:scaleY(1);opacity:1}}.p2-sub-panel{width:100%;animation:p2SubPanelIn .28s cubic-bezier(.2,.8,.2,1) both}.p2-sub-scroll{display:flex;flex-direction:column;gap:var(--space-3);max-height:260px;overflow-y:auto;padding:2px 2px 4px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.p2-sub-scroll::-webkit-scrollbar{width:4px}.p2-sub-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.p2-sub-scroll.is-full{max-height:none;overflow-y:visible}.p2-sub-row{display:flex;align-items:flex-start;gap:var(--space-3);max-width:100%;animation:p2SubRowIn .4s cubic-bezier(.34,1.2,.64,1) both}.p2-sub-bubble-body{font-size:var(--text-base);line-height:1.7}.p2-sub-row.is-past{opacity:.52}.p2-sub-avatar-wrap{position:relative;width:34px;height:34px;flex-shrink:0}.p2-sub-avatar{width:34px;height:34px;border-radius:50%;background:var(--surface-3);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:var(--text-secondary);text-transform:uppercase;box-shadow:var(--shadow-xs);transition:border-color .2s}.p2-sub-row.is-active .p2-sub-avatar{border-color:var(--primary);color:var(--primary-text);background:var(--primary-light)}.p2-sub-avatar-pulse{position:absolute;inset:-3px;border-radius:50%;border:2px solid rgba(14,147,132,.45);animation:p2AvatarPulse 1.6s ease-out infinite;pointer-events:none}@keyframes p2AvatarPulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.p2-sub-bubble{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-xl);border-top-left-radius:var(--radius-xs);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow-xs);transition:border-color .2s,box-shadow .2s,transform .2s;min-width:0}.p2-sub-row.is-active .p2-sub-bubble{border-color:var(--primary);box-shadow:0 0 0 3px #0e93841a,var(--shadow-sm);transform:translateY(-1px)}.p2-sub-row.is-past .p2-sub-bubble{background:var(--surface-2)}.p2-sub-bubble-head{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.p2-sub-speaker-name{color:var(--text-secondary)}.p2-sub-row.is-active .p2-sub-speaker-name{color:var(--primary-text)}.p2-sub-label{opacity:.7}.p2-sub-live{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;background:#ef4444;color:#fff;border-radius:var(--radius-full);font-size:9px;font-weight:900;letter-spacing:.06em;animation:p2LiveFade 1.4s ease-in-out infinite}.p2-sub-live-dot{width:5px;height:5px;background:#fff;border-radius:50%}@keyframes p2LiveFade{0%,to{opacity:1}50%{opacity:.65}}.p2-sub-bubble-body{font-size:var(--text-sm);color:var(--text);line-height:1.55}.p2-sub-bubble-vi{font-size:var(--text-xs);color:var(--text-secondary);border-top:1px dashed var(--border);padding-top:5px;margin-top:3px;font-style:italic}.p2-sub-row.is-active .p2-sub-bubble-vi{border-top-color:var(--primary-border);color:var(--primary-text)}.p2-karaoke-flow{display:inline}.p2-karaoke-word{border-radius:3px;transition:background .12s,color .12s}.p2-karaoke-word.past{color:var(--primary-text)}.p2-karaoke-word.active{background:var(--primary-light);color:var(--primary-text);box-shadow:0 0 0 2px var(--primary-border);font-weight:700}@keyframes p2SubPanelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes p2SubRowIn{to{opacity:1;transform:translateY(0)}}.mode-selector{max-width:800px;margin:0 auto;padding:var(--space-8) var(--space-4);animation:fadeInUp .4s ease both}.mode-header{text-align:center;margin-bottom:var(--space-8)}.mode-header h2{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.mode-part-name{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-sm);margin-bottom:var(--space-4)}.mode-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.mode-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;cursor:pointer;transition:all var(--transition-base);display:flex;flex-direction:column;align-items:center}.mode-card:hover{border-color:var(--primary-border);transform:translateY(-4px);box-shadow:var(--shadow-glow-primary)}.mode-card .mode-icon{width:72px;height:72px;border-radius:var(--radius-xl);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:32px;margin-bottom:var(--space-5);box-shadow:var(--shadow-md)}.mode-card.practice-card .mode-icon{background:var(--gradient-accent)}.mode-card .mode-title{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.mode-card .mode-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6);line-height:var(--leading-normal);flex:1}.mode-card .mode-btn{width:100%}@media(max-width:768px){.mode-cards{grid-template-columns:1fr}}.grammar-home,.grammar-quiz{animation:fadeInUp .4s ease both;display:flex;flex-direction:column;gap:var(--space-6)}.grammar-library{max-width:920px}.grammar-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.grammar-stat{display:flex;flex-direction:column;gap:2px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.grammar-stat strong{font-size:22px;font-weight:700;color:var(--text);letter-spacing:-.02em}.grammar-stat small{font-size:12px;color:var(--text-muted)}.grammar-mastered{padding:1px 8px;font-size:11px;font-weight:600;color:var(--primary-text);background:var(--primary-light);border-radius:999px}.grammar-score{font-size:12.5px;font-weight:600;white-space:nowrap}.grammar-score.is-ok{color:var(--primary-text)}.grammar-score.is-low{color:var(--text-muted)}.hub-row.is-locked{cursor:default}.hub-row.is-locked .hub-row-title strong,.hub-row.is-locked .hub-row-main small{color:var(--text-muted)}.grammar-quick-icon{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:9px;background:var(--primary-light);color:var(--primary-text)}@media(max-width:640px){.grammar-stat-row{grid-template-columns:1fr}}.grammar-practice-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--space-6);align-items:start}@media(max-width:900px){.grammar-practice-layout{grid-template-columns:1fr}}.study-card.grammar-side{position:sticky;top:80px}.grammar-question-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2);margin-top:var(--space-4)}.grammar-question-nav button{padding:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.grammar-question-nav button:hover{border-color:var(--primary)}.grammar-question-nav button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.grammar-sentence{font-size:var(--text-lg);font-weight:var(--weight-medium);line-height:var(--leading-relaxed);color:var(--text);padding:var(--space-4) var(--space-5);background:var(--surface-2);border-radius:var(--radius-lg);border-left:4px solid var(--primary);margin:var(--space-4) 0}.choice-grid{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.choice{display:flex;align-items:center;width:100%;padding:var(--space-3.5) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:left}.choice:hover{border-color:var(--border-hover);background:var(--surface-2)}.choice.correct{background:var(--success-light);border-color:var(--success);color:var(--success-text);font-weight:var(--weight-semibold)}.choice.wrong{background:var(--danger-light);border-color:var(--danger);color:var(--danger-text)}.choice.word-form-choice{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.choice.word-form-choice:hover{border-color:var(--primary-border);background:var(--surface-2)}.choice.word-form-choice.correct{background:var(--success-light);border-color:var(--success);color:var(--success)}.choice.word-form-choice.wrong{background:var(--danger-light);border-color:var(--danger);color:var(--danger)}.word-form-choice-main{display:flex;align-items:center;gap:var(--space-3)}.word-form-choice-letter{font-weight:var(--weight-bold);color:var(--primary)}.word-form-choice-word{font-weight:var(--weight-semibold)}.word-form-choice-meta{font-size:var(--text-xs);color:var(--text-secondary)}.explanation-panel{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);margin-top:var(--space-4)}.word-form-option-table{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.word-form-option-row{display:flex;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border-light);font-size:var(--text-sm)}.word-form-option-row.correct{background:var(--success-light);border-color:var(--success)}.pattern-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.pattern-chip{background:var(--primary-light);color:var(--primary);font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:4px 10px;border-radius:var(--radius-full)}.source-hint-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.source-hint{padding:var(--space-2) var(--space-3);background:var(--surface);border-left:3px solid var(--accent);border-radius:var(--radius-sm);font-size:var(--text-xs)}.word-form-vocab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3);margin-top:var(--space-4)}.mini-card{padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.study-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);margin-bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.switch-line{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);margin:var(--space-2) 0 var(--space-4);cursor:pointer;-webkit-user-select:none;user-select:none;width:fit-content}.switch-line input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.pill{display:inline-block;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;background:var(--surface-3);color:var(--text-muted)}.pill.ok{background:var(--success-light);color:var(--success-text);border:1px solid var(--success-border)}.eyebrow{display:inline-block;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.grammar-quiz-page .section-head.warm-hero{margin-bottom:0}.grammar-side-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.grammar-side-head strong{font-size:var(--text-sm)}.grammar-side-head span{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.grammar-question-nav button.done{background:var(--success-light);border-color:var(--success-border);color:var(--success-text)}.grammar-question-nav button.wrong{background:var(--danger-light);border-color:var(--danger-border);color:var(--danger-text)}.grammar-question-nav button.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:var(--shadow-glow-primary)}.grammar-main{gap:var(--space-4)}.grammar-question-card{padding:var(--space-8);gap:var(--space-5)}.grammar-card-head{align-items:flex-start;margin-bottom:0}.grammar-card-head h2{font-size:var(--text-xl);margin:0}.grammar-sentence-large{margin:0;padding:var(--space-6);border:1px solid var(--border);border-left:4px solid var(--primary);background:linear-gradient(180deg,var(--surface),var(--surface-2));font-size:clamp(1.35rem,2.1vw,1.9rem);font-weight:var(--weight-bold);line-height:1.35}.grammar-choice-grid{margin-bottom:0}.grammar-choice{gap:var(--space-3);min-height:56px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.grammar-choice:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.choice-letter{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-bold);flex-shrink:0}.choice-copy{flex:1;min-width:0;font-size:var(--text-base);font-weight:var(--weight-semibold)}.choice-state{color:var(--success-text);font-size:var(--text-xs);font-weight:var(--weight-bold);white-space:nowrap}.choice.correct .choice-letter{background:var(--success);border-color:var(--success);color:#fff}.choice.wrong .choice-letter{background:var(--danger);border-color:var(--danger);color:#fff}.grammar-feedback{margin-top:0;display:flex;flex-direction:column;gap:var(--space-4)}.grammar-feedback.is-correct{border-color:var(--success-border);background:var(--success-light)}.grammar-feedback.is-wrong{border-color:var(--danger-border);background:var(--danger-light)}.grammar-feedback-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.grammar-feedback-head h3{font-size:var(--text-lg)}.grammar-flash-grid{margin-top:var(--space-2)}.grammar-nav-row{display:flex;justify-content:space-between;gap:var(--space-3)}.small{color:var(--text-muted);font-size:var(--text-sm)}.note-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}@media(max-width:900px){.study-card.grammar-side{position:static}}@media(max-width:640px){.grammar-question-card{padding:var(--space-5)}.grammar-sentence-large{padding:var(--space-4);font-size:var(--text-xl)}.grammar-choice{align-items:flex-start}.choice-state{display:none}.grammar-nav-row{flex-direction:column}.grammar-nav-row .btn{width:100%}}.gh-page{display:flex;flex-direction:column;gap:var(--space-6)}.gh-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,1fr);gap:var(--space-8);align-items:center;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-6)}.gh-hero-copy{display:flex;flex-direction:column;gap:var(--space-3)}.gh-hero-copy h2{margin:0;font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-snug);letter-spacing:-.01em}.gh-hero-copy p{margin:0;color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:52ch}.gh-hero-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-2)}.gh-hero-progress{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.gh-hero-progress small{color:var(--text-muted);white-space:nowrap}.gh-progressbar{flex:1;height:8px;min-width:80px;border-radius:var(--radius-full);background:var(--surface-3);overflow:hidden}.gh-progressbar span{display:block;height:100%;background:var(--grammar-accent);border-radius:var(--radius-full);transition:width var(--transition-slow)}.gh-progressbar.is-small{height:6px}.gh-hero-visual{display:flex;flex-direction:column;gap:var(--space-4);align-items:center}.gh-mascot{display:flex;align-items:center;gap:var(--space-3)}.gh-mascot-avatar{width:86px;height:100px;flex-shrink:0}.gh-mascot-avatar svg{width:100%;height:100%}.gh-mascot-speech{margin:0;position:relative;background:var(--surface);border:1px solid var(--primary-border);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text);max-width:240px;box-shadow:var(--shadow-xs)}.gh-mascot-speech:before{content:"";position:absolute;left:-6px;top:50%;width:10px;height:10px;background:inherit;border-left:1px solid var(--primary-border);border-bottom:1px solid var(--primary-border);transform:translateY(-50%) rotate(45deg)}.gh-hero-anatomy{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.gh-hero-anatomy span{display:flex;flex-direction:column;gap:2px;border-radius:var(--radius-md);border:1px solid transparent;padding:var(--space-2) var(--space-3)}.gh-hero-anatomy b{font-size:var(--text-base)}.gh-hero-anatomy i{font-style:normal;font-size:10px;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;opacity:.75}.gh-choices{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.gh-choice{display:flex;justify-content:space-between;gap:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-5);text-decoration:none;color:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.gh-choice:hover{border-color:var(--primary-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.gh-choice-copy{display:flex;flex-direction:column;gap:var(--space-2)}.gh-choice-copy h3{margin:0;font-size:var(--text-xl)}.gh-choice-copy p{margin:0;color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal)}.gh-choice-cta{display:inline-flex;align-items:center;gap:6px;margin-top:auto;color:var(--grammar-accent);font-weight:var(--weight-semibold);font-size:var(--text-sm)}.gh-choice-visual{display:flex;flex-direction:column;gap:var(--space-2);justify-content:center;flex-shrink:0}.gh-choice-visual.is-learn span{display:flex;align-items:center;gap:var(--space-2);background:var(--surface-2);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:6px 12px;font-size:var(--text-sm)}.gh-choice-visual.is-learn i{font-style:normal;font-weight:var(--weight-bold);font-size:var(--text-xs);color:var(--grammar-accent)}.gh-choice-visual.is-practice{flex-direction:row;align-items:center}.gh-choice-visual.is-practice span{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--text-muted)}.gh-choice-visual.is-practice .is-answer{background:var(--primary-light);border-color:var(--primary-border);color:var(--primary-text)}.gh-continue{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border:1px solid var(--primary-border);border-radius:var(--radius-lg);background:var(--primary-light);padding:var(--space-4) var(--space-5)}.gh-continue-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1;max-width:420px}.gh-continue-copy strong{font-size:var(--text-lg)}.gh-continue-copy small{color:var(--text-secondary)}.gh-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3)}.gh-stat{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-4);display:flex;flex-direction:column;gap:2px}.gh-stat strong{font-size:var(--text-2xl);color:var(--text)}.gh-stat span{color:var(--text-muted);font-size:var(--text-sm)}.gh-overview-empty{color:var(--text-secondary);margin:var(--space-3) 0 0}@media(max-width:1023px){.gh-hero{grid-template-columns:1fr;padding:var(--space-6)}.gh-hero-visual{align-items:flex-start}}@media(max-width:767px){.gh-choices{grid-template-columns:1fr}.gh-choice{flex-direction:column}.gh-choice-visual.is-learn{flex-direction:row;flex-wrap:wrap}.gh-continue{flex-direction:column;align-items:stretch}.gh-hero{padding:var(--space-5)}}.gr-page{display:flex;flex-direction:column;gap:var(--space-4)}.gr-layout{display:grid;grid-template-columns:264px minmax(0,1fr);gap:var(--space-6);align-items:start}.gr-sidebar{position:sticky;top:calc(var(--topbar-height) + 16px);display:flex;flex-direction:column;gap:var(--space-3)}.gr-nav ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;position:relative}.gr-nav-item{display:flex;align-items:center;gap:var(--space-3);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);text-decoration:none;color:var(--text-secondary);border:1px solid transparent;transition:background var(--transition-fast),border-color var(--transition-fast)}.gr-nav-item:hover{background:var(--surface-hover)}.gr-nav-item.is-active{background:var(--surface);border-color:var(--border);color:var(--text);box-shadow:var(--shadow-xs)}.gr-nav-item.is-draft{opacity:.62}.gr-nav-marker{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-muted);flex-shrink:0}.gr-nav-item.is-complete .gr-nav-marker{background:var(--primary-light);border-color:var(--primary-border);color:var(--primary-text)}.gr-nav-item.is-current .gr-nav-marker{border-color:var(--grammar-accent);color:var(--grammar-accent)}.gr-nav-copy{min-width:0}.gr-nav-copy strong{display:block;font-size:var(--text-sm);line-height:var(--leading-snug)}.gr-nav-copy small{color:var(--text-muted);font-size:var(--text-xs)}.gr-content{display:flex;flex-direction:column;gap:var(--space-5)}.gr-chapter-head{display:flex;flex-direction:column;gap:var(--space-2)}.gr-chapter-head h2{margin:0;font-size:var(--text-2xl);letter-spacing:-.01em}.gr-chapter-head p{margin:0;color:var(--text-secondary);max-width:60ch}.gr-chapter-progress{display:flex;align-items:center;gap:var(--space-3);max-width:420px}.gr-chapter-progress small{color:var(--text-muted);white-space:nowrap}.gr-lessons{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3);position:relative}.gr-lessons:before{content:"";position:absolute;left:21px;top:20px;bottom:20px;width:2px;background:var(--border-light)}.gr-lesson{position:relative;display:flex;align-items:center;gap:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-4) var(--space-5);text-decoration:none;color:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.gr-lesson:hover{border-color:var(--primary-border);box-shadow:var(--shadow-md);transform:translate(2px)}.gr-lesson.is-current{border-color:var(--primary-border);box-shadow:var(--shadow-glow-primary)}.gr-lesson.is-complete{background:var(--surface-2)}.gr-lesson-order{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);font-weight:var(--weight-bold);color:var(--text-muted);flex-shrink:0;z-index:1}.gr-lesson.is-complete .gr-lesson-order{background:var(--primary-light);border-color:var(--primary-border);color:var(--primary-text)}.gr-lesson.is-current .gr-lesson-order{border-color:var(--grammar-accent);color:var(--grammar-accent)}.gr-lesson-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.gr-lesson-copy strong{font-size:var(--text-lg)}.gr-lesson-copy p{margin:0;color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal)}.gr-lesson-copy small{color:var(--text-muted);font-size:var(--text-xs)}.gr-lesson-copy .gh-progressbar{max-width:260px;margin-top:4px}.gr-lesson-action{display:inline-flex;align-items:center;gap:6px;color:var(--grammar-accent);font-weight:var(--weight-semibold);font-size:var(--text-sm);white-space:nowrap}.gr-empty{display:flex;align-items:center;gap:var(--space-3);border:1px dashed var(--border-hover);border-radius:var(--radius-lg);padding:var(--space-5);color:var(--text-muted)}.gr-empty p{margin:0}.gr-mobile-toggle,.gr-mobile-nav{display:none}@media(max-width:1023px){.gr-layout{grid-template-columns:minmax(0,1fr)}.gr-sidebar{display:none}.gr-mobile-toggle{display:flex;align-items:center;gap:var(--space-2);width:100%;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-3) var(--space-4);cursor:pointer;text-align:left}.gr-mobile-toggle span{color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.gr-mobile-toggle strong{flex:1;font-size:var(--text-sm)}.gr-mobile-nav{display:block;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-2)}.gr-mobile-nav[hidden]{display:none}}@media(max-width:767px){.gr-lesson{flex-wrap:wrap;padding:var(--space-4)}.gr-lesson-action{margin-left:58px}.gr-lessons:before{left:25px}}.gl-page{display:flex;flex-direction:column;flex:1;min-height:0}.gl-kicker{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.09em;color:var(--grammar-accent);text-transform:uppercase}.gl-kicker svg{flex:none;opacity:.85}.gl-shell{display:flex;flex-direction:column;gap:10px;width:100%;background:transparent;border:0;border-radius:0;padding:0;height:100%;min-height:0}.gl-topbar{display:flex;align-items:center;gap:12px;min-height:52px;background:color-mix(in srgb,var(--grammar-surface) 94%,transparent);border:1px solid var(--border-light);border-radius:14px;padding:6px 10px;box-shadow:0 5px 18px -17px #0f172a73}.gl-topbar-lead{display:flex;align-items:center;gap:9px;flex:0 1 320px;min-width:0}.gl-topbar-exit{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast);flex-shrink:0;text-decoration:none}.gl-topbar-exit:hover{border-color:var(--border-light);background:var(--surface-2);color:var(--text)}.gl-topbar-title{min-width:0}.gl-topbar-title strong{display:block;font-size:14px;font-weight:var(--weight-bold);line-height:var(--leading-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gl-topbar-title small{color:var(--text-muted);font-size:10.5px;white-space:nowrap}.gl-topbar-progress{flex:1;height:4px;min-width:60px;border-radius:var(--radius-full);background:var(--surface-3);overflow:hidden}.gl-topbar-progress span{display:block;height:100%;border-radius:var(--radius-full);background:var(--grammar-accent);transition:width var(--transition-slow)}.gl-topbar-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.gl-topbar-audio-progress{display:grid;grid-template-columns:minmax(84px,132px) auto;align-items:center;gap:6px}.gl-topbar-audio-progress input{width:100%;accent-color:var(--grammar-accent);cursor:pointer}.gl-topbar-audio-progress input:disabled{cursor:default;opacity:.45}.gl-topbar-audio-progress span{color:var(--text-muted);font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.gl-topbar-button{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.gl-topbar-button:hover:not(:disabled){background:var(--surface);border-color:var(--border-light);color:var(--text)}.gl-topbar-button:disabled{opacity:.4;cursor:default}.gl-topbar-button.is-active{background:var(--primary-light);border-color:var(--primary-border);color:var(--primary-text)}.gl-topbar-rate{display:flex;border-radius:var(--radius-md);overflow:hidden}.gl-topbar-rate button{border:0;background:transparent;color:var(--text-muted);font-size:10.5px;font-weight:var(--weight-semibold);padding:5px 6px;cursor:pointer}.gl-topbar-rate button.is-active{background:var(--primary-light);color:var(--primary-text)}.gl-body{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);flex:1;min-height:0}.gl-outline-wrap{display:none;min-height:0;overflow-y:auto;overscroll-behavior:contain}.gl-rail{position:sticky;top:calc(var(--topbar-height) + 12px);display:flex;flex-direction:column;gap:var(--space-3);background:var(--grammar-mascot-surface);border:1px solid var(--primary-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-3);min-height:260px}.gl-rail-actions{display:flex;flex-direction:column;gap:var(--space-2)}.gl-rail-button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--primary-border);background:var(--surface);color:var(--primary-text);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:7px 10px;cursor:pointer;transition:background var(--transition-fast)}.gl-rail-button:hover{background:var(--primary-light)}.gl-mascot{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.gl-mascot-avatar-button{border:0;background:transparent;padding:0;cursor:pointer;border-radius:var(--radius-full)}.gl-mascot-avatar{width:108px;height:124px}.gl-mascot-avatar svg{width:100%;height:100%}.gl-mascot-bubble{position:relative;background:var(--surface);border:1px solid var(--primary-border);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);padding-right:30px;max-width:200px;box-shadow:var(--shadow-xs)}.gl-mascot-bubble:before{content:"";position:absolute;top:-6px;left:50%;width:10px;height:10px;background:inherit;border-left:1px solid var(--primary-border);border-top:1px solid var(--primary-border);transform:translate(-50%) rotate(45deg)}.gl-mascot-bubble-text{margin:0;font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--text);animation:gl-bubble-in .24s ease}.gl-mascot-bubble-replay{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:20px;height:20px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer}.gl-mascot-bubble-replay:hover{color:var(--primary-text);background:var(--primary-light)}@keyframes gl-bubble-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.gl-mascot.is-floating{position:fixed;right:12px;bottom:calc(var(--mobile-nav-height) + 14px);z-index:var(--z-sticky);align-items:flex-end}.gl-mascot.is-floating .gl-mascot-avatar{width:64px;height:74px}.gl-mascot.is-floating .gl-mascot-bubble{max-width:220px}.gl-mascot.is-collapsed .gl-mascot-bubble{display:none}.gl-mascot-anchor{position:fixed;z-index:var(--z-tooltip);pointer-events:none;border:2px solid var(--grammar-accent);border-radius:var(--radius-lg);box-shadow:0 0 0 4px #05966924;animation:gl-anchor-pulse .9s ease 2}@keyframes gl-anchor-pulse{0%,to{box-shadow:0 0 0 4px #05966924}50%{box-shadow:0 0 0 9px #0596690d}}.gl-stage{position:relative;background:var(--grammar-stage);border:1px solid var(--border-light);border-radius:18px;padding:clamp(16px,2vw,28px);display:flex;flex-direction:column;gap:clamp(12px,1.4vw,20px);min-height:0;min-width:0;box-shadow:0 18px 48px -40px #0f3c3261}.gl-stage-topline{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.gl-stage-scene-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:.04em;color:var(--text-muted);text-transform:uppercase}.gl-stage-play{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--primary-border);background:var(--primary-light);color:var(--primary-text);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:7px 14px;cursor:pointer}.gl-stage-blocks{display:flex;flex-direction:column;gap:var(--space-5);max-width:min(100%,1180px);width:100%;margin:0 auto;flex:1;min-height:0;overflow-y:auto;overflow-x:clip;overscroll-behavior:contain}.gl-stage.layout-focus .gl-stage-blocks{max-width:min(100%,1120px)}.gl-stage.layout-conversation .gl-stage-blocks,.gl-stage.layout-summary .gl-stage-blocks{max-width:min(100%,1080px)}.gl-stage.layout-immersive{background:linear-gradient(180deg,#f0fdf7,var(--grammar-stage) 55%)}.gl-stage.layout-practice .gl-stage-blocks{max-width:min(100%,1180px)}.gl-stage.layout-comparison .gl-stage-blocks,.gl-stage.layout-diagram .gl-stage-blocks,.gl-stage.layout-split .gl-stage-blocks{max-width:min(100%,1240px)}.is-scene-pending{opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none}.is-scene-revealed{opacity:1;visibility:visible;transform:none;transition:opacity .36s ease,transform .36s ease,visibility 0s}.is-scene-highlighted{position:relative}.is-scene-highlighted:after{content:"";position:absolute;inset:-6px;border-radius:var(--radius-lg);background:var(--grammar-highlight);z-index:-1}.is-scene-dimmed{opacity:.35;transition:opacity var(--transition-base)}.is-scene-focused{outline:2px solid var(--grammar-accent);outline-offset:4px;border-radius:var(--radius-md)}.is-narration-muted{opacity:.34;filter:saturate(.72);transform:scale(.992);transition:opacity .26s ease,filter .26s ease,transform .26s ease}@media(prefers-reduced-motion:reduce){.is-scene-pending{opacity:1;transform:none;pointer-events:auto}.is-scene-revealed{transition:none}.gl-mascot-anchor,.gl-mascot-bubble-text{animation:none}}.gl-audio-fallback{display:flex;align-items:center;gap:var(--space-2);background:var(--warning-light);border:1px solid var(--warning-border);color:var(--warning-text);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.gl-audio-fallback button{margin-left:auto;border:1px solid var(--warning-border);background:var(--surface);color:var(--warning-text);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:4px 10px;cursor:pointer}.gl-subtitle{margin:0}.gl-active-caption{position:absolute;left:50%;bottom:76px;z-index:5;width:max-content;max-width:min(82%,760px);transform:translate(-50%);pointer-events:none;border:none;background:#0f172ad6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 5px 16px -10px #000000a6;border-radius:5px;padding:5px 10px}.gl-active-caption p{margin:0;color:#fff;font-size:13px;font-weight:var(--weight-semibold);line-height:1.35;text-align:center;text-wrap:balance;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.gl-scene-nav{display:flex;justify-content:space-between;gap:var(--space-3);margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--border-light)}.gl-outline-wrap{position:sticky;top:calc(var(--topbar-height) + 12px)}.gl-outline{background:var(--grammar-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);max-height:calc(100vh - var(--topbar-height) - 48px);overflow-y:auto}.gl-outline-head{position:relative}.gl-outline-head small{display:block;color:var(--text-muted);font-size:var(--text-xs);margin-top:2px}.gl-outline-close{position:absolute;top:0;right:0;display:none;place-items:center;width:28px;height:28px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted);cursor:pointer}.gl-outline-section h4{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2);margin:0 0 var(--space-2);font-size:var(--text-sm);color:var(--text)}.gl-outline-section h4 small{color:var(--text-muted);font-weight:var(--weight-normal)}.gl-outline-section ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;position:relative}.gl-outline-section ol:before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:2px;background:var(--border-light)}.gl-outline-scene{position:relative;display:flex;align-items:center;gap:var(--space-2);width:100%;border:0;background:transparent;padding:6px 6px 6px 0;border-radius:var(--radius-md);cursor:pointer;text-align:left;color:var(--text-secondary);font-size:var(--text-sm)}.gl-outline-scene:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.gl-outline-scene:disabled{cursor:default;color:var(--text-muted);opacity:.7}.gl-outline-marker{display:grid;place-items:center;width:24px;height:24px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);font-size:11px;font-weight:var(--weight-semibold);color:var(--text-muted);flex-shrink:0;z-index:1}.gl-outline-scene.is-done .gl-outline-marker{background:var(--primary-light);border-color:var(--primary-border);color:var(--primary-text)}.gl-outline-scene.is-active{color:var(--text);font-weight:var(--weight-semibold)}.gl-outline-scene.is-active .gl-outline-marker{background:var(--grammar-accent);border-color:var(--grammar-accent);color:var(--text-inverse)}.gl-outline-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gl-complete{max-width:var(--grammar-reading-width);margin:auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8) 0}.gl-complete h2{margin:0;font-size:var(--text-3xl)}.gl-complete-score{margin:0;color:var(--text-secondary)}.gl-complete-objectives{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2);text-align:left}.gl-complete-objectives li{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary)}.gl-complete-objectives li svg{color:var(--grammar-correct);flex-shrink:0}.gl-complete-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.gl-loading{display:flex;align-items:center;gap:var(--space-2);justify-content:center;color:var(--text-muted);padding:var(--space-16) 0}.gl-loading-dot{width:10px;height:10px;border-radius:50%;background:var(--grammar-accent);animation:gl-loading-blink .9s ease infinite}@keyframes gl-loading-blink{0%,to{opacity:.3}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.gl-loading-dot{animation:none}}.gl-error-state{max-width:460px;margin:var(--space-16) auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);color:var(--text-secondary)}.gl-error-state svg{color:var(--grammar-warning)}.gl-error-state h2{margin:0;color:var(--text);font-size:var(--text-xl)}.gl-error-state p{margin:0}.gl-error-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.gl-error-details{text-align:left;width:100%;background:var(--danger-light);border:1px solid var(--danger-border);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--text-sm)}.gl-error-details ul{margin:var(--space-2) 0 0;padding-left:var(--space-4)}.gl-error-details code{font-family:var(--font-mono);font-size:var(--text-xs)}.is-outline-open .gl-outline-wrap{position:fixed;inset:0;z-index:var(--z-modal);background:#0f172a59;display:flex;padding:var(--space-6);justify-content:flex-end}.is-outline-open .gl-outline{width:min(360px,100%);max-height:100%}.is-outline-open .gl-outline-close{display:grid}@media(max-width:767px){.gl-shell{padding:0;border-radius:0}.gl-topbar{flex-wrap:wrap;gap:var(--space-2)}.gl-topbar-lead{flex:1 1 calc(100% - 48px)}.gl-topbar-progress{order:3;flex-basis:100%}.gl-topbar-actions{width:100%}.gl-topbar-audio-progress{grid-template-columns:minmax(72px,1fr) auto;flex:1}.gl-topbar-rate{display:none}.gl-rail{position:static;flex-direction:row;align-items:center;min-height:0;padding:var(--space-2) var(--space-3)}.gl-rail .gl-mascot.is-rail{flex-direction:row;align-items:center}.gl-rail .gl-mascot-avatar{width:52px;height:60px}.gl-rail .gl-mascot-bubble{max-width:none}.gl-rail .gl-mascot-bubble:before{display:none}.gl-rail-actions{flex-direction:row;margin-left:auto;flex-wrap:wrap}.gl-rail-button{padding:8px 10px}.gl-stage{padding:var(--space-4) var(--space-3);min-height:0}.gl-active-caption{bottom:72px;max-width:90%;font-size:12px}.gl-scene-nav{position:sticky;bottom:0;background:var(--grammar-stage);padding-bottom:var(--space-2)}.gl-outline-wrap{padding:0;align-items:flex-end}.gl-outline{width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:78vh}}.gl-rail{display:none}.gl-mascot,.gl-mascot.is-floating,.gl-mascot-anchor{display:none!important}.is-scene-pending{opacity:0;visibility:hidden;transform:translateY(20px) scale(.975);filter:blur(9px)}.is-scene-revealed{opacity:1;visibility:visible;transform:none;filter:none;transition:opacity .56s cubic-bezier(.22,.68,.16,1),transform .56s cubic-bezier(.22,.68,.16,1),filter .46s ease,visibility 0s;will-change:opacity,transform,filter}.gl-stage{background:linear-gradient(180deg,#fff,#f6fdfa 130%);border-color:#e6f0ec;border-radius:22px;box-shadow:0 26px 64px -38px #0f3c324d,0 2px 10px -6px #0f3c3214}.gl-stage-play{transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.gl-stage-play:hover{transform:translateY(-1px);box-shadow:0 8px 20px -10px #0f9d7680}.gl-kicker{color:var(--grammar-accent);font-weight:var(--weight-bold);letter-spacing:.14em}.gl-heading{letter-spacing:-.01em}.gl-example{border-left:3px solid var(--grammar-accent);background:linear-gradient(180deg,#fff,#f4fbf8);border-radius:16px;transition:transform .18s ease,box-shadow .18s ease}.gl-example:hover{transform:translateY(-2px);box-shadow:0 16px 32px -20px #0f3c3259}.gl-callout{border-radius:16px;transition:transform .18s ease,box-shadow .18s ease}.gl-callout:hover{transform:translateY(-1px);box-shadow:0 14px 30px -20px #0f3c3247}.gl-comparison-col,.gl-formula-part,.gl-anatomy-segment,.gl-vocab-item,.gl-diagram-node{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.gl-comparison-col:hover,.gl-vocab-item:hover,.gl-diagram-node:hover{transform:translateY(-3px);box-shadow:0 16px 30px -20px #0f3c324d}.gl-anatomy-segment:hover{transform:translateY(-2px) scale(1.02)}.gl-int{border-radius:16px;transition:border-color .18s ease,box-shadow .18s ease}.gl-int[data-phase=revealed]{box-shadow:0 12px 28px -20px #0f3c3240}.is-scene-highlighted:after{background:radial-gradient(120% 120% at 50% 0%,rgba(15,157,118,.12),transparent 70%);animation:gl-soft-glow 1.4s ease}@keyframes gl-soft-glow{0%{opacity:0}40%{opacity:1}to{opacity:.6}}@media(prefers-reduced-motion:reduce){.is-scene-pending{filter:none;transform:none}.is-scene-highlighted:after{animation:none}}.gl-stage-topline{flex-wrap:wrap}.gl-stage-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.gl-stage-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:6px 12px;cursor:pointer;transition:color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}.gl-stage-chip:hover{color:var(--primary-text);border-color:var(--primary-border);transform:translateY(-1px);box-shadow:0 6px 16px -10px #0f3c3259}.gl-stage-actions .ai-assist-btn{border-radius:var(--radius-full)}.gl-stage-chip.is-active{background:var(--primary-light);border-color:var(--primary-border);color:var(--primary-text)}.is-reading{position:relative;z-index:1;opacity:1;filter:none;transform:translateY(-2px) scale(1.006);box-shadow:0 0 0 3px #0f9d7680,0 18px 42px -22px #0f9d76d9;border-radius:var(--radius-lg);transition:opacity .26s ease,filter .26s ease,transform .26s ease,box-shadow .26s ease}@media(prefers-reduced-motion:reduce){.is-reading{transform:none;box-shadow:0 0 0 2px #0f9d7673}.is-narration-muted{transform:none}.gl-caption-pulse{animation:none}}@keyframes gl-child-pop{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}.is-scene-pending .gl-diagram-node,.is-scene-pending .gl-comparison-col,.is-scene-pending .gl-formula-part,.is-scene-pending.gl-timeline>li,.is-scene-pending .gl-anatomy-segment{animation:none;opacity:0}.is-scene-revealed .gl-diagram-node,.is-scene-revealed .gl-comparison-col,.is-scene-revealed .gl-formula-part,.is-scene-revealed.gl-timeline>li,.is-scene-revealed .gl-anatomy-segment{animation:gl-child-pop .42s cubic-bezier(.22,.68,.16,1) both}.gl-comparison-col:nth-child(1),.gl-formula-part:nth-child(1),.gl-timeline>li:nth-child(1),.gl-anatomy-segment:nth-child(1),.gl-diagram-tree li:nth-child(1)>.gl-diagram-node{animation-delay:0ms}.gl-comparison-col:nth-child(2),.gl-formula-part:nth-child(2),.gl-timeline>li:nth-child(2),.gl-anatomy-segment:nth-child(2),.gl-diagram-tree li:nth-child(2)>.gl-diagram-node{animation-delay:80ms}.gl-comparison-col:nth-child(3),.gl-formula-part:nth-child(3),.gl-timeline>li:nth-child(3),.gl-anatomy-segment:nth-child(3),.gl-diagram-tree li:nth-child(3)>.gl-diagram-node{animation-delay:.16s}.gl-comparison-col:nth-child(4),.gl-formula-part:nth-child(4),.gl-timeline>li:nth-child(4),.gl-anatomy-segment:nth-child(4),.gl-diagram-tree li:nth-child(4)>.gl-diagram-node{animation-delay:.24s}.gl-comparison-col:nth-child(5),.gl-formula-part:nth-child(5),.gl-timeline>li:nth-child(5),.gl-anatomy-segment:nth-child(5),.gl-diagram-tree li:nth-child(5)>.gl-diagram-node{animation-delay:.32s}.gl-comparison-col:nth-child(n+6),.gl-formula-part:nth-child(n+6),.gl-timeline>li:nth-child(n+6),.gl-anatomy-segment:nth-child(n+6),.gl-diagram-tree li:nth-child(n+6)>.gl-diagram-node{animation-delay:.4s}@media(prefers-reduced-motion:reduce){.is-scene-revealed .gl-diagram-node,.is-scene-revealed .gl-comparison-col,.is-scene-revealed .gl-formula-part,.is-scene-revealed.gl-timeline>li,.is-scene-revealed .gl-anatomy-segment{animation:none}.is-scene-pending .gl-diagram-node,.is-scene-pending .gl-comparison-col,.is-scene-pending .gl-formula-part,.is-scene-pending.gl-timeline>li,.is-scene-pending .gl-anatomy-segment{opacity:1}}.gl-stage.layout-diagram{background:radial-gradient(60% 50% at 15% 0%,rgba(15,157,118,.06),transparent 70%),linear-gradient(180deg,#fff,#f6fdfa 130%)}.gl-stage.layout-comparison .gl-comparison{position:relative}.gl-stage.layout-comparison .gl-comparison:before{content:"";position:absolute;inset:6% 0 6% 50%;width:1px;background:linear-gradient(180deg,transparent,var(--border) 20%,var(--border) 80%,transparent);transform:translate(-.5px)}@media(max-width:720px){.gl-stage.layout-comparison .gl-comparison:before{display:none}}.gl-stage.layout-split .gl-stage-blocks{position:relative}.gl-stage.layout-split .gl-heading{border-left:3px solid var(--grammar-accent);padding-left:14px}.gl-stage.presentation-hero-split .gl-stage-blocks,.gl-stage.presentation-visual-board .gl-stage-blocks,.gl-stage.presentation-comparison-board .gl-stage-blocks,.gl-stage.presentation-concept-map .gl-stage-blocks,.gl-stage.presentation-recap-board .gl-stage-blocks{display:grid;align-content:center;align-items:center;gap:clamp(14px,2.4vw,32px);max-width:min(100%,1240px)}.gl-stage.presentation-hero-split .gl-stage-blocks{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);grid-template-areas:"heading primary" "support primary" "footer footer"}.gl-stage.presentation-hero-split[data-visual-side=start] .gl-stage-blocks{grid-template-areas:"primary heading" "primary support" "footer footer"}.gl-stage.presentation-visual-board .gl-stage-blocks{grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);grid-template-areas:"heading heading" "primary primary" "secondary secondary" "support support" "footer footer"}.gl-stage.presentation-comparison-board .gl-stage-blocks{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"heading heading" "primary secondary" "support support" "footer footer"}.gl-stage.presentation-concept-map .gl-stage-blocks{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "primary" "secondary" "support" "footer";max-width:min(100%,1000px)}.gl-stage.presentation-recap-board .gl-stage-blocks{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "primary" "support" "footer";max-width:min(100%,980px)}.presentation-hero-split [data-scene-slot=heading],.presentation-visual-board [data-scene-slot=heading],.presentation-comparison-board [data-scene-slot=heading],.presentation-concept-map [data-scene-slot=heading],.presentation-recap-board [data-scene-slot=heading]{grid-area:heading}.presentation-hero-split [data-scene-slot=primary],.presentation-visual-board [data-scene-slot=primary],.presentation-comparison-board [data-scene-slot=primary],.presentation-concept-map [data-scene-slot=primary],.presentation-recap-board [data-scene-slot=primary]{grid-area:primary}.presentation-hero-split [data-scene-slot=secondary],.presentation-visual-board [data-scene-slot=secondary],.presentation-comparison-board [data-scene-slot=secondary],.presentation-concept-map [data-scene-slot=secondary]{grid-area:secondary}.presentation-hero-split [data-scene-slot=support],.presentation-visual-board [data-scene-slot=support],.presentation-comparison-board [data-scene-slot=support],.presentation-concept-map [data-scene-slot=support],.presentation-recap-board [data-scene-slot=support]{grid-area:support}.presentation-hero-split [data-scene-slot=footer],.presentation-visual-board [data-scene-slot=footer],.presentation-comparison-board [data-scene-slot=footer],.presentation-concept-map [data-scene-slot=footer],.presentation-recap-board [data-scene-slot=footer]{grid-area:footer}.presentation-hero-split .gl-image,.presentation-visual-board .gl-image{min-width:0;margin:0;overflow:hidden;border-radius:20px}.presentation-hero-split .gl-image img,.presentation-visual-board .gl-image img{display:block;width:100%;border-radius:inherit;object-fit:cover}.presentation-hero-split .gl-image img{aspect-ratio:16 / 10;max-height:clamp(280px,46vh,440px)}.presentation-visual-board .gl-image img{height:clamp(190px,28vh,280px);min-height:0}.gl-stage.presentation-practice-board .gl-stage-blocks{max-width:min(100%,860px);align-content:start}.gl-practice-progress{display:grid;grid-template-columns:auto auto 1fr;align-items:baseline;gap:9px;width:min(100%,860px);margin:0 auto;border-bottom:1px solid var(--border-light);padding-bottom:10px;color:var(--text-muted);font-size:var(--text-sm)}.gl-practice-progress strong{color:var(--grammar-accent);font-size:var(--text-lg)}.gl-practice-progress .gl-kicker{color:var(--grammar-accent)}.is-reading-part{position:relative;z-index:1;box-shadow:0 0 0 3px #0f9d767a,0 16px 32px -20px #0f9d76b3;transform:translateY(-1px);transition:box-shadow .22s ease,transform .22s ease,opacity .22s ease}.is-narration-part-muted{opacity:.42;transition:opacity .22s ease}.gl-image.variant-hero img{min-height:260px}.gl-image.variant-cutout{background:transparent;border:0;box-shadow:none}.gl-image.variant-cutout img{object-fit:contain}.gl-stage[data-scene-id=sentence-as-blocks] .gl-stage-blocks{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);grid-template-areas:"heading visual" "anatomy visual" "lead callout";align-content:center;align-items:center;gap:clamp(14px,2.4vw,32px);max-width:min(100%,1240px);overflow-y:auto;padding:clamp(4px,1vw,12px) 0}.gl-stage[data-scene-id=sentence-as-blocks] [data-scene-target=wu-heading]{grid-area:heading}.gl-stage[data-scene-id=sentence-as-blocks] [data-scene-target=wu-visual]{grid-area:visual}.gl-stage[data-scene-id=sentence-as-blocks] [data-scene-target=wu-anatomy]{grid-area:anatomy}.gl-stage[data-scene-id=sentence-as-blocks] [data-scene-target=wu-lead]{grid-area:lead}.gl-stage[data-scene-id=sentence-as-blocks] [data-scene-target=wu-callout]{grid-area:callout}.gl-stage[data-scene-id=sentence-as-blocks] .gl-image{width:100%;margin:0;overflow:hidden;border:1px solid rgba(15,157,118,.16);border-radius:22px;background:#fff8eb;box-shadow:0 20px 44px -28px #0f3c328c}.gl-stage[data-scene-id=sentence-as-blocks] .gl-image img{display:block;width:100%;aspect-ratio:16 / 10;max-height:360px;object-fit:cover;border:0;border-radius:0}.gl-stage[data-scene-id=sentence-as-blocks] .gl-heading h2{max-width:14ch;font-size:clamp(2rem,4vw,3.5rem);line-height:.98}.gl-stage[data-scene-id=sentence-as-blocks] .gl-rich-text.tone-lead{max-width:34ch;font-size:clamp(1rem,1.4vw,1.25rem)}.gl-stage[data-scene-id=sentence-as-blocks] .gl-anatomy-note{margin-top:10px}.gl-stage[data-scene-id=sentence-as-blocks] .gl-callout{margin:0;padding:14px 16px}@media(max-width:767px){.gl-stage.presentation-hero-split .gl-stage-blocks,.gl-stage.presentation-hero-split[data-visual-side=start] .gl-stage-blocks,.gl-stage.presentation-visual-board .gl-stage-blocks,.gl-stage.presentation-comparison-board .gl-stage-blocks,.gl-stage.presentation-concept-map .gl-stage-blocks,.gl-stage.presentation-recap-board .gl-stage-blocks{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(5,max-content);grid-template-areas:"heading" "primary" "secondary" "support" "footer";align-content:start;align-items:start;gap:18px}.gl-practice-progress{grid-template-columns:auto auto}.gl-practice-progress>span:last-child{grid-column:1 / -1}.gl-stage[data-scene-id=sentence-as-blocks] .gl-stage-blocks{grid-template-columns:minmax(0,1fr);grid-template-rows:max-content max-content max-content max-content max-content;grid-template-areas:"heading" "visual" "anatomy" "lead" "callout";align-content:start;align-items:start;gap:18px}.gl-stage[data-scene-id=sentence-as-blocks] .gl-heading h2{max-width:none;font-size:clamp(2rem,10vw,2.7rem)}.gl-stage[data-scene-id=sentence-as-blocks] .gl-image img{aspect-ratio:16 / 10;max-height:260px}.presentation-hero-split .gl-image img,.presentation-visual-board .gl-image img{width:100%;height:auto;max-height:240px;aspect-ratio:16 / 10}}body .app-frame.is-learning{grid-template-columns:minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden}body .app-frame.is-learning .app-main{grid-column:1;height:100dvh;min-height:0;overflow:hidden}body .app-frame.is-learning .learning-content{height:100dvh;min-height:0;overflow:hidden}body .app-frame.is-learning .learning-content>.page-transition{width:100%;max-width:none;height:100%;min-height:0;overflow:hidden;padding:clamp(10px,1.6vw,22px)}@media(max-width:767px){body .app-frame.is-learning .learning-content>.page-transition{padding:8px}.gl-active-caption p{font-size:12px}}.gl-block{margin:0}.gl-heading h2{margin:0;font-size:var(--text-3xl);line-height:var(--leading-tight);letter-spacing:-.01em}.gl-heading h3{margin:0;font-size:var(--text-xl)}.gl-heading .gl-kicker{margin-bottom:var(--space-1)}.gl-rich-text{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary)}.gl-rich-text.tone-lead{font-size:var(--text-lg);color:var(--text)}.gl-rich-text.tone-muted{color:var(--text-muted);font-size:var(--text-sm)}.gl-inline-mark{background:var(--grammar-highlight);color:inherit;border-radius:var(--radius-xs);padding:0 3px}.gl-callout{display:flex;flex-direction:column;gap:var(--space-1-5);border:1px solid var(--border);border-left:3px solid var(--grammar-accent);border-radius:var(--radius-md);background:var(--grammar-surface-soft);padding:var(--space-3) var(--space-4)}.gl-callout p{margin:0;color:var(--text-secondary);line-height:var(--leading-normal)}.gl-callout-badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.05em;text-transform:uppercase;color:var(--grammar-accent)}.gl-callout.is-warning{border-left-color:var(--grammar-warning);background:var(--warning-light)}.gl-callout.is-warning .gl-callout-badge{color:var(--warning-text)}.gl-callout.is-rule{border-left-color:var(--secondary);background:var(--secondary-light)}.gl-callout.is-rule .gl-callout-badge{color:var(--secondary-text)}.gl-callout.is-note{border-left-color:var(--grammar-tone-connector);background:var(--surface-2)}.gl-callout.is-note .gl-callout-badge{color:var(--text-muted)}.gl-example{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--grammar-surface);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-xs)}.gl-example-en{margin:0;font-size:var(--text-2xl);line-height:var(--leading-snug);color:var(--text);font-weight:var(--weight-medium)}.gl-example-vi{margin:var(--space-2) 0 0;color:var(--text-muted);font-size:var(--text-sm)}.gl-token-highlight{background:var(--grammar-highlight);border-radius:var(--radius-xs);box-shadow:inset 0 -2px 0 var(--grammar-tone-modifier)}.gl-translation{display:flex;flex-direction:column;gap:4px;border-left:3px solid var(--border);padding-left:var(--space-4)}.gl-translation-en{margin:0;font-size:var(--text-lg);color:var(--text)}.gl-translation-vi{margin:0;color:var(--text-muted);font-size:var(--text-sm)}.gl-vocabulary{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-2)}.gl-vocab-item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--grammar-surface);padding:var(--space-2) var(--space-3)}.gl-vocab-item dt{font-weight:var(--weight-semibold);color:var(--text)}.gl-vocab-item dt em{color:var(--text-muted);font-weight:var(--weight-normal);margin-left:4px}.gl-vocab-item dd{margin:2px 0 0;color:var(--text-secondary);font-size:var(--text-sm)}.gl-vocab-item dd small{color:var(--text-muted)}.gl-dialogue{display:flex;flex-direction:column;gap:var(--space-2)}.gl-dialogue-line{display:flex;margin:0}.gl-dialogue-line.is-learner{justify-content:flex-end}.gl-dialogue-text{display:inline-block;border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);max-width:78%;line-height:var(--leading-normal)}.gl-dialogue-line.is-too .gl-dialogue-text{background:var(--grammar-mascot-surface);border:1px solid var(--primary-border);border-bottom-left-radius:var(--radius-xs)}.gl-dialogue-line.is-learner .gl-dialogue-text{background:var(--surface-2);border:1px solid var(--border);border-bottom-right-radius:var(--radius-xs)}.gl-dialogue-speaker{align-self:flex-end;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-muted);margin:0 var(--space-2)}.gl-anatomy-sentence{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:stretch}.gl-anatomy-segment{display:flex;flex-direction:column;gap:4px;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);border:1px solid transparent}.gl-anatomy-text{font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.gl-anatomy-role{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.04em;text-transform:uppercase;opacity:.8}.gl-anatomy-note{margin-top:var(--space-2);color:var(--text-muted);font-size:var(--text-sm)}.tone-subject{background:var(--grammar-tone-subject-bg);color:var(--grammar-tone-subject);border-color:color-mix(in srgb,var(--grammar-tone-subject) 30%,transparent)}.tone-verb{background:var(--grammar-tone-verb-bg);color:var(--grammar-tone-verb);border-color:color-mix(in srgb,var(--grammar-tone-verb) 30%,transparent)}.tone-object{background:var(--grammar-tone-object-bg);color:var(--grammar-tone-object);border-color:color-mix(in srgb,var(--grammar-tone-object) 30%,transparent)}.tone-modifier{background:var(--grammar-tone-modifier-bg);color:var(--grammar-tone-modifier);border-color:color-mix(in srgb,var(--grammar-tone-modifier) 30%,transparent)}.tone-connector{background:var(--grammar-tone-connector-bg);color:var(--grammar-tone-connector);border-color:color-mix(in srgb,var(--grammar-tone-connector) 30%,transparent)}.tone-neutral{background:var(--surface-2);color:var(--text-secondary);border-color:var(--border)}.gl-word-analysis-word{display:inline-flex;gap:4px;align-items:flex-start}.gl-word-part{display:flex;flex-direction:column;align-items:center;gap:4px}.gl-word-part-text{font-size:var(--text-2xl);font-weight:var(--weight-semibold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.gl-word-part.is-prefix .gl-word-part-text{background:var(--grammar-tone-modifier-bg);color:var(--grammar-tone-modifier)}.gl-word-part.is-root .gl-word-part-text{background:var(--grammar-tone-subject-bg);color:var(--grammar-tone-subject)}.gl-word-part.is-suffix .gl-word-part-text{background:var(--grammar-tone-verb-bg);color:var(--grammar-tone-verb)}.gl-word-part-meaning{font-size:var(--text-xs);color:var(--text-muted)}.gl-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-3)}.gl-comparison-col{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--grammar-surface);padding:var(--space-4)}.gl-comparison-col h4{margin:0 0 var(--space-3);font-size:var(--text-base)}.gl-comparison-col.tone-positive{border-top:3px solid var(--grammar-correct)}.gl-comparison-col.tone-negative{border-top:3px solid var(--grammar-incorrect)}.gl-comparison-col.tone-neutral{border-top:3px solid var(--grammar-tone-connector);background:var(--grammar-surface)}.gl-comparison-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.gl-comparison-col li{display:flex;flex-direction:column;gap:2px}.gl-comparison-col li span{color:var(--text);font-weight:var(--weight-medium)}.gl-comparison-col li small{color:var(--text-muted)}.gl-formula-parts{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.gl-formula-part{display:flex;flex-direction:column;align-items:center;gap:2px;border-radius:var(--radius-md);border:1px solid var(--border);padding:var(--space-2) var(--space-3);font-weight:var(--weight-semibold);font-size:var(--text-base)}.gl-formula-part.is-optional{border-style:dashed;opacity:.85}.gl-formula-part small{font-size:10px;font-weight:var(--weight-normal);text-transform:uppercase;letter-spacing:.06em;opacity:.75}.gl-formula-parts .gl-formula-part+.gl-formula-part{position:relative;margin-left:var(--space-4)}.gl-formula-parts .gl-formula-part+.gl-formula-part:before{content:"+";position:absolute;left:calc(-1 * var(--space-4) + 4px);top:50%;transform:translateY(-50%);color:var(--text-muted);font-weight:var(--weight-bold)}.gl-formula-example{margin:var(--space-3) 0 0;display:flex;gap:var(--space-2);font-size:var(--text-lg)}.gl-formula-example span{background:var(--surface-2);border-radius:var(--radius-sm);padding:2px 10px}.gl-table{overflow-x:auto}.gl-table table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.gl-table th,.gl-table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-light)}.gl-table th{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom-color:var(--border)}.gl-timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.gl-timeline li{display:flex;gap:var(--space-3);align-items:baseline;position:relative;padding-left:var(--space-5)}.gl-timeline li:before{content:"";position:absolute;left:4px;top:4px;width:9px;height:9px;border-radius:50%;background:var(--border-hover)}.gl-timeline li.is-emphasis:before{background:var(--grammar-accent)}.gl-timeline-label{font-weight:var(--weight-semibold);color:var(--text);white-space:nowrap}.gl-timeline-desc{color:var(--text-secondary)}.gl-diagram-tree,.gl-diagram-tree ul{list-style:none;margin:0;padding:0}.gl-diagram-tree{display:flex;flex-direction:column;gap:var(--space-2)}.gl-diagram-tree ul{margin-top:var(--space-2);padding-left:var(--space-6);display:flex;flex-wrap:wrap;gap:var(--space-2);border-left:2px solid var(--border-light);margin-left:var(--space-3)}.gl-diagram-node{display:inline-block;border-radius:var(--radius-md);border:1px solid var(--border);padding:var(--space-1-5) var(--space-3);font-weight:var(--weight-semibold);font-size:var(--text-sm)}.gl-image img{max-width:100%;border-radius:var(--radius-lg);border:1px solid var(--border-light)}.gl-image figcaption{margin-top:var(--space-2);color:var(--text-muted);font-size:var(--text-sm)}.gl-image-fallback{display:grid;place-items:center;min-height:120px;border:1px dashed var(--border-hover);border-radius:var(--radius-lg);color:var(--text-muted);font-size:var(--text-sm)}.gl-int{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--grammar-surface);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-xs)}.gl-int[data-phase=correct]{border-color:var(--success-border)}.gl-int[data-phase=revealed]{border-color:var(--secondary-border)}.gl-int-prompt{display:flex;flex-direction:column;gap:var(--space-1-5)}.gl-int-prompt p{margin:0;font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--text)}.gl-int-kicker{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.07em;text-transform:uppercase;color:var(--grammar-accent)}.gl-int-hint-button{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:4px 10px;cursor:pointer}.gl-int-hint-button:hover{color:var(--warning-text);border-color:var(--warning-border)}.gl-int-body{display:flex;flex-direction:column;gap:var(--space-3)}.gl-int-check{align-self:flex-start;border:0;border-radius:var(--radius-md);background:var(--grammar-accent);color:var(--text-inverse);font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:9px 18px;min-height:40px;cursor:pointer;transition:background var(--transition-fast)}.gl-int-check:hover:not(:disabled){background:var(--primary-hover)}.gl-int-check:disabled{opacity:.45;cursor:default}.gl-int-live{display:flex;flex-direction:column;gap:var(--space-2)}.gl-int-live:empty{display:none}.gl-int-hint{display:flex;gap:var(--space-2);margin:0;background:var(--warning-light);border:1px solid var(--warning-border);color:var(--warning-text);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.gl-int-feedback{display:flex;align-items:center;gap:var(--space-2);margin:0;font-weight:var(--weight-semibold);font-size:var(--text-sm)}.gl-int-feedback.is-correct{color:var(--success-text)}.gl-int-feedback.is-incorrect{color:var(--danger-text)}.gl-int-feedback.is-revealed{color:var(--secondary-text)}.gl-int-explanation{margin:0;border-left:3px solid var(--grammar-accent);padding-left:var(--space-3);color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal)}.gl-choice-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-2)}.gl-choice{display:flex;align-items:center;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-3) var(--space-4);min-height:44px;cursor:pointer;text-align:left;font-size:var(--text-base);color:var(--text);transition:border-color var(--transition-fast),background var(--transition-fast)}.gl-choice:hover:not(:disabled){border-color:var(--border-hover);background:var(--surface-hover)}.gl-choice:disabled{cursor:default}.gl-choice.is-chosen{border-color:var(--grammar-accent);background:var(--primary-light)}.gl-choice.is-correct{border-color:var(--success-border);background:var(--success-light);color:var(--success-text);font-weight:var(--weight-semibold)}.gl-choice.is-wrong{border-color:var(--danger-border);background:var(--danger-light);color:var(--danger-text)}.gl-choice-check{width:16px;height:16px;border-radius:var(--radius-xs);border:2px solid var(--border-hover);flex-shrink:0}.gl-choice.is-chosen .gl-choice-check{border-color:var(--grammar-accent);background:var(--grammar-accent)}.gl-choice.is-boolean{justify-content:center;font-weight:var(--weight-semibold)}.gl-truefalse-statement{margin:0;font-size:var(--text-xl);color:var(--text)}.gl-truefalse-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);max-width:320px}.gl-token-sentence{margin:0;display:flex;flex-wrap:wrap;gap:6px;font-size:var(--text-xl)}.gl-token{border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;font-size:inherit;color:var(--text);padding:3px 7px;cursor:pointer;min-height:38px;transition:background var(--transition-fast),border-color var(--transition-fast)}.gl-token:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border)}.gl-token:disabled{cursor:default}.gl-token.is-chosen{background:var(--primary-light);border-color:var(--primary-border);color:var(--primary-text)}.gl-token.is-correct{background:var(--success-light);border-color:var(--success-border);color:var(--success-text);font-weight:var(--weight-semibold)}.gl-token.is-wrong{background:var(--danger-light);border-color:var(--danger-border);color:var(--danger-text);text-decoration:line-through}.gl-token-count{margin:0;color:var(--text-muted);font-size:var(--text-xs)}.gl-errorhunt-fix{margin:0;font-size:var(--text-lg)}.gl-errorhunt-fix s{color:var(--danger-text)}.gl-errorhunt-fix strong{color:var(--success-text)}.gl-order-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2);max-width:460px}.gl-order-list li{display:flex;align-items:center;gap:var(--space-2)}.gl-order-item{flex:1;display:flex;align-items:center;gap:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-2) var(--space-3);min-height:44px;cursor:pointer;font-size:var(--text-base);text-align:left;transition:border-color var(--transition-fast),transform var(--transition-fast)}.gl-order-list li.is-selected .gl-order-item{border-color:var(--grammar-accent);background:var(--primary-light)}.gl-order-index{display:grid;place-items:center;width:22px;height:22px;border-radius:var(--radius-full);background:var(--surface-3);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-muted)}.gl-order-arrows{display:flex;flex-direction:column;gap:2px}.gl-order-arrows button{display:grid;place-items:center;width:26px;height:20px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted);cursor:pointer}.gl-order-arrows button:disabled{opacity:.35;cursor:default}.gl-order-arrows button.is-up svg{transform:rotate(180deg)}.gl-builder-answer{display:flex;flex-wrap:wrap;gap:var(--space-2);min-height:52px;border:1px dashed var(--border-hover);border-radius:var(--radius-md);background:var(--surface-2);padding:var(--space-2) var(--space-3);align-items:center}.gl-builder-placeholder{color:var(--text-muted);font-size:var(--text-sm)}.gl-builder-bank,.gl-classify-pool{display:flex;flex-wrap:wrap;gap:var(--space-2)}.gl-builder-chip{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);font-size:var(--text-base);color:var(--text);padding:8px 14px;min-height:40px;cursor:pointer;transition:all var(--transition-fast)}.gl-builder-chip:hover:not(:disabled){border-color:var(--border-hover);transform:translateY(-1px)}.gl-builder-chip:disabled{opacity:.4;cursor:default}.gl-builder-chip.is-used{background:var(--primary-light);border-color:var(--primary-border);color:var(--primary-text);opacity:1}.gl-builder-chip.is-active{border-color:var(--grammar-accent);background:var(--primary-light);box-shadow:var(--shadow-glow-primary)}.gl-matching{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.gl-matching-col{display:flex;flex-direction:column;gap:var(--space-2)}.gl-match-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-2) var(--space-3);min-height:44px;cursor:pointer;font-size:var(--text-base);text-align:left;transition:border-color var(--transition-fast)}.gl-match-item small{color:var(--text-muted)}.gl-match-item:disabled{cursor:default;opacity:.75}.gl-match-item.is-active{border-color:var(--grammar-accent);background:var(--primary-light)}.gl-match-item.is-matched{border-style:solid;background:var(--surface-2)}.gl-match-item.is-correct{border-color:var(--success-border);background:var(--success-light)}.gl-match-item.is-wrong{border-color:var(--danger-border);background:var(--danger-light)}.gl-classify-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--space-2)}.gl-classify-group{display:flex;flex-direction:column;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);padding:var(--space-3);min-height:90px;cursor:default;text-align:left;transition:border-color var(--transition-fast),background var(--transition-fast)}.gl-classify-group.is-droppable{cursor:pointer;border-color:var(--primary-border);background:var(--primary-light)}.gl-classify-group:disabled{opacity:1}.gl-classify-label{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text)}.gl-classify-items{display:flex;flex-wrap:wrap;gap:6px}.gl-classify-chip{display:inline-block;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);padding:3px 10px;font-size:var(--text-sm);cursor:pointer}.gl-classify-chip.is-correct{border-color:var(--success-border);background:var(--success-light);color:var(--success-text)}.gl-classify-chip.is-wrong{border-color:var(--danger-border);background:var(--danger-light);color:var(--danger-text)}.gl-fillblank{margin:0;font-size:var(--text-lg);line-height:2.2}.gl-fillblank-input{border:0;border-bottom:2px solid var(--border-hover);background:var(--surface-2);border-radius:var(--radius-xs) var(--radius-xs) 0 0;font-size:inherit;font-family:inherit;padding:2px 8px;margin:0 3px;min-height:36px}.gl-fillblank-input:focus{outline:none;border-bottom-color:var(--grammar-accent)}.gl-fillblank-input.is-correct{border-bottom-color:var(--grammar-correct);background:var(--success-light)}.gl-fillblank-input.is-wrong{border-bottom-color:var(--grammar-incorrect);background:var(--danger-light)}.gl-fillblank-options{display:inline-flex;gap:4px;margin:0 3px;vertical-align:middle}.gl-fillblank-option{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);font-size:var(--text-sm);padding:4px 12px;min-height:34px;cursor:pointer}.gl-fillblank-option.is-chosen{border-color:var(--grammar-accent);background:var(--primary-light);color:var(--primary-text);font-weight:var(--weight-semibold)}.gl-fillblank-options.is-correct .gl-fillblank-option.is-chosen{border-color:var(--success-border);background:var(--success-light);color:var(--success-text)}.gl-fillblank-options.is-wrong .gl-fillblank-option.is-chosen{border-color:var(--danger-border);background:var(--danger-light);color:var(--danger-text)}.gl-fillblank-option:disabled{cursor:default}.gl-fillblank-options.is-wrong .gl-fillblank-option.is-correct{border-color:var(--success-border);background:var(--success-light);color:var(--success-text)}.gl-transform{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.gl-transform-from{font-size:var(--text-xl);font-weight:var(--weight-medium);background:var(--surface-2);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.gl-transform-arrow{color:var(--text-muted);font-size:var(--text-xl)}.gl-transform-input{border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-lg);font-family:inherit;padding:var(--space-2) var(--space-3);min-height:44px;min-width:180px}.gl-transform-input:focus{outline:none;border-color:var(--grammar-accent);box-shadow:var(--shadow-glow-primary)}.gl-recap{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--grammar-surface);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.gl-recap h3{margin:0;font-size:var(--text-xl)}.gl-recap ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.gl-recap li{display:flex;align-items:flex-start;gap:var(--space-2);color:var(--text-secondary);line-height:var(--leading-normal)}.gl-recap li svg{flex-shrink:0;margin-top:3px}.gl-recap li.tone-do svg{color:var(--grammar-correct)}.gl-recap li.tone-dont svg{color:var(--grammar-incorrect)}.gl-recap li.tone-note svg{color:var(--grammar-tone-connector)}.gl-recap-takeaway{display:flex;align-items:center;gap:var(--space-2);margin:0;border-top:1px solid var(--border-light);padding-top:var(--space-3);color:var(--text);font-weight:var(--weight-medium)}.gl-recap-takeaway svg{color:var(--grammar-accent)}.gl-block-unsupported{color:var(--text-muted);font-style:italic}@media(max-width:767px){.gl-example-en{font-size:var(--text-xl)}.gl-anatomy-text,.gl-token-sentence{font-size:var(--text-lg)}.gl-matching{grid-template-columns:1fr}.gl-int{padding:var(--space-3)}.gl-choice-list{grid-template-columns:1fr}}.glab-page{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);max-width:1240px;margin:0 auto}.glab-head h1{margin:0;font-size:var(--text-2xl)}.glab-head p{margin:4px 0 0;color:var(--text-muted);font-size:var(--text-sm)}.glab-controls{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:stretch;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-4)}.glab-field{display:flex;flex-direction:column;gap:6px;min-width:260px}.glab-field span{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.glab-field select{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);background:var(--surface)}.glab-dropzone{display:flex;align-items:center;gap:var(--space-2);border:1px dashed var(--border-hover);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--text-muted);font-size:var(--text-sm);flex:1;min-width:260px}.glab-dropzone.is-over{border-color:var(--grammar-accent);background:var(--primary-light);color:var(--primary-text)}.glab-dropzone code{font-family:var(--font-mono)}.glab-toggles{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.glab-viewports{display:flex;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.glab-viewports button{border:0;background:var(--surface);padding:8px 12px;font-size:var(--text-sm);cursor:pointer;color:var(--text-muted)}.glab-viewports button+button{border-left:1px solid var(--border-light)}.glab-viewports button.is-active{background:var(--primary-light);color:var(--primary-text);font-weight:var(--weight-semibold)}.glab-check{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--text-secondary)}.glab-button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:8px 12px;font-size:var(--text-sm);cursor:pointer;color:var(--text-secondary)}.glab-button:disabled{opacity:.45;cursor:default}.glab-issues{border:1px solid var(--danger-border);background:var(--danger-light);border-radius:var(--radius-lg);padding:var(--space-4);color:var(--danger-text)}.glab-issues h2{display:flex;align-items:center;gap:6px;margin:0 0 var(--space-2);font-size:var(--text-base)}.glab-issues ul{margin:0;padding-left:var(--space-5);display:flex;flex-direction:column;gap:4px;font-size:var(--text-sm)}.glab-issues code{font-family:var(--font-mono);font-size:var(--text-xs)}.glab-assets{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-4)}.glab-assets h2{margin:0 0 var(--space-2);font-size:var(--text-base)}.glab-assets ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:var(--text-sm)}.glab-assets li{display:flex;align-items:center;gap:6px}.glab-assets li.is-ok svg{color:var(--success)}.glab-assets li.is-missing{color:var(--danger-text)}.glab-assets code{font-family:var(--font-mono);font-size:var(--text-xs)}.glab-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-3) var(--space-4)}.glab-meta strong{display:block}.glab-meta small{color:var(--text-muted)}.glab-meta-actions{display:flex;flex-wrap:wrap;gap:6px}.glab-meta-actions button{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-2);font-size:var(--text-xs);font-family:var(--font-mono);padding:4px 10px;cursor:pointer;color:var(--text-secondary)}.glab-meta-actions button:hover{border-color:var(--primary-border);color:var(--primary-text)}.glab-preview{border:1px solid var(--border-hover);border-radius:var(--radius-xl);overflow:hidden;margin:0 auto;width:100%;background:var(--bg);padding:var(--space-2)}.glab-preview.is-reduced *{animation:none!important;transition:none!important}.glab-empty{color:var(--text-muted);text-align:center;padding:var(--space-8)}.glab-section h2{font-size:var(--text-base);margin:0 0 var(--space-3)}.glab-mascot-sim{display:flex;gap:var(--space-5);align-items:flex-start;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-4)}.glab-mascot-buttons{display:flex;flex-wrap:wrap;gap:6px}.glab-mascot-buttons button{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-2);font-size:var(--text-xs);font-family:var(--font-mono);padding:6px 12px;cursor:pointer}.glab-mascot-buttons button:hover{border-color:var(--primary-border);color:var(--primary-text)}.writing-home,.writing-practice{animation:fadeInUp .4s ease both;display:flex;flex-direction:column;gap:var(--space-6)}.topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.topic-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);text-decoration:none;color:var(--text);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.topic-card:hover{border-color:var(--primary);background:var(--surface);transform:translateY(-2px);box-shadow:var(--shadow-md)}.word-boxes{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-4) 0}.word-box{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);color:var(--text);font-weight:var(--weight-medium);text-align:center;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}.word-box:hover{border-color:var(--primary);background:var(--surface)}.word-box.correct{background:var(--success-light);border-color:var(--success);color:var(--success)}.word-box.wrong{background:var(--danger-light);border-color:var(--danger);color:var(--danger)}.wd-card{position:relative;overflow:hidden;border:1px solid rgba(230,126,34,.22);border-radius:30px;background:radial-gradient(circle at 12% 0%,rgba(243,156,18,.14),transparent 34%),linear-gradient(145deg,#fff8ee,#fffdf8 48%,#fff);color:#2b241d;padding:clamp(22px,3vw,34px);box-shadow:0 28px 70px #5b39151c,0 1px #ffffffe6 inset;isolation:isolate}.wd-card-glow{position:absolute;inset:auto -120px -160px auto;width:360px;height:360px;border-radius:999px;background:radial-gradient(circle,rgba(230,126,34,.16),transparent 64%);pointer-events:none;z-index:-1}.wd-header,.wd-footer,.wd-quick-actions,.wd-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.wd-header{justify-content:space-between;margin-bottom:20px}.wd-eyebrow{display:inline-flex;align-items:center;width:fit-content;border:1px solid rgba(230,126,34,.25);border-radius:999px;background:#ffffffb8;color:#9a4f08;padding:7px 11px;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 10px 24px #e67e2214}.wd-header h2{margin:12px 0 4px;color:#2b241d;font-size:clamp(28px,4vw,44px);line-height:1.02;letter-spacing:-.02em}.wd-header p{margin:0;color:#7d6d5d;font-weight:700}.wd-progress-ring{--wd-progress: 0%;display:grid;place-items:center;width:104px;height:104px;border-radius:50%;background:radial-gradient(circle at center,#fffdf8 0 58%,transparent 59%),conic-gradient(#e67e22 var(--wd-progress),rgba(230,126,34,.14) 0);box-shadow:0 18px 36px #e67e2224}.wd-progress-ring strong{color:#2b241d;font-size:22px;line-height:1}.wd-progress-ring span{color:#9a4f08;font-size:11px;font-weight:900;text-transform:uppercase}.wd-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:14px 0 20px}.wd-toggle{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;border:1px solid rgba(230,126,34,.18);border-radius:18px;background:#ffffffb8;padding:12px 14px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.wd-toggle:hover{transform:translateY(-1px);border-color:#e67e225c;box-shadow:0 12px 28px #2b241d12}.wd-toggle input{position:absolute;opacity:0;pointer-events:none}.wd-switch{position:relative;width:42px;height:24px;border-radius:999px;background:#ead9c5;transition:background .18s ease}.wd-switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 3px 8px #2b241d2e;transition:transform .18s ease}.wd-toggle input:checked+.wd-switch{background:linear-gradient(135deg,#e67e22,#f39c12)}.wd-toggle input:checked+.wd-switch:after{transform:translate(18px)}.wd-toggle strong,.wd-toggle small{display:block}.wd-toggle strong{color:#2b241d;font-size:13px;line-height:1.2}.wd-toggle small{margin-top:2px;color:#8b7764;font-size:11px;font-weight:800}.wd-prompt-box{position:relative;border:1px solid rgba(230,126,34,.32);border-radius:26px;background:linear-gradient(135deg,#fff8eeeb,#fff);padding:clamp(20px,3vw,28px);box-shadow:0 16px 34px #5b391514,0 1px #ffffffe6 inset}.wd-prompt-box:before{content:"“";position:absolute;top:2px;right:22px;color:#e67e222e;font-family:Georgia,serif;font-size:92px;line-height:1}.wd-prompt-box span{display:block;color:#b45f12;font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.wd-prompt-box blockquote{position:relative;margin:0;color:#2b241d;font-size:clamp(20px,2.4vw,26px);font-weight:950;line-height:1.42;max-width:980px}.wd-quick-actions{margin:16px 0}.wd-input-zone{display:grid;gap:9px}.wd-input-zone label{color:#654;font-size:13px;font-weight:950;letter-spacing:.04em;text-transform:uppercase}.wd-textarea{width:100%;min-height:166px;resize:vertical;border:2px solid #f0bd7f;border-radius:24px;background:#ffffffdb;color:#2b241d;padding:20px 22px;font-size:clamp(18px,2vw,21px);font-weight:750;line-height:1.65;outline:none;box-shadow:0 18px 40px #2b241d12,0 1px #fffffff2 inset;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease}.wd-textarea::placeholder{color:#b09b84;font-weight:650}.wd-textarea:focus{border-color:#e67e22;background:#fff;box-shadow:0 0 0 5px #f39c122e,0 18px 40px #2b241d14}.wd-textarea.is-wrong{border-color:#e74c3c;background:#fff3f1;animation:wdShake .36s ease both,wdErrorFlash 1.2s ease both}.wd-textarea.is-passed{border-color:#1f9d55;background:#f1fff7}.wd-feedback{display:grid;gap:10px;border-radius:22px;padding:17px 18px;margin-top:16px;animation:wdPanelIn .22s ease both}.wd-feedback strong{display:block;font-size:16px}.wd-feedback p{margin:4px 0 0;line-height:1.55}.wd-feedback-error{border:1px solid rgba(231,76,60,.24);background:#fff3f1;color:#8f2418}.wd-feedback-success{border:1px solid rgba(31,157,85,.24);background:linear-gradient(135deg,#effff6,#fff);color:#116337;box-shadow:0 16px 34px #1f9d5514}.wd-feedback-hint{border:1px solid rgba(40,120,200,.22);background:#eff7ff;color:#1b4d7d}.wd-word-compare,.wd-answer-chips{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.wd-word-compare span,.wd-answer-chips span{border-radius:999px;padding:7px 10px;font-size:13px;font-weight:950}.wd-word-compare .bad{background:#ffe1dd;color:#c0392b;text-decoration:line-through}.wd-word-compare .good,.wd-answer-chips span{background:#ddf8e9;color:#167342}.wd-word-compare .arrow{background:transparent;color:#8b7764}.wd-footer{justify-content:space-between;border-top:1px solid rgba(230,126,34,.14);margin-top:20px;padding-top:18px}.wd-nav-actions,.wd-main-actions{display:flex;flex-wrap:wrap;gap:10px}.wd-btn{min-height:44px;border:0;border-radius:15px;padding:0 17px;color:#2b241d;font-weight:950;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.wd-btn:hover:not(:disabled){transform:translateY(-1px)}.wd-btn:disabled{cursor:not-allowed;opacity:.48}.wd-btn-primary{background:linear-gradient(135deg,#e67e22,#f39c12);color:#fff;box-shadow:0 15px 28px #e67e2245}.wd-btn-secondary{border:1px solid rgba(230,126,34,.24);background:#ffffffe0;box-shadow:0 10px 22px #2b241d0f}.wd-btn-ghost{background:transparent;color:#9a4f08}.wd-key-pop{position:absolute;z-index:5;border-radius:999px;background:#f39c1221;color:#e67e22;padding:5px 9px;font-size:12px;font-weight:950;pointer-events:none;animation:wdKeyPop .72s ease forwards;box-shadow:0 0 18px #f39c1252}.wd-confetti{pointer-events:none;position:fixed;inset:0;z-index:9999;overflow:hidden}.wd-confetti i{position:absolute;top:-12px;width:8px;height:14px;border-radius:3px;animation:wdConfettiFall 1.3s ease-in forwards}@keyframes wdShake{0%,to{transform:translate(0)}18%{transform:translate(-8px)}36%{transform:translate(7px)}54%{transform:translate(-5px)}72%{transform:translate(4px)}}@keyframes wdErrorFlash{0%,to{background:#fff3f1}45%{background:#ffe1dd}}@keyframes wdKeyPop{0%{opacity:0;transform:translateY(14px) scale(.88)}18%{opacity:1}to{opacity:0;transform:translateY(-42px) scale(1.16)}}@keyframes wdPanelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes wdConfettiFall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(105vh) rotate(620deg)}}@media(max-width:860px){.wd-toolbar{grid-template-columns:1fr}.wd-progress-ring{width:86px;height:86px}.wd-footer,.wd-nav-actions,.wd-main-actions{align-items:stretch;width:100%}.wd-btn,.wd-nav-actions,.wd-main-actions{width:100%}}.mode-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-3);background:var(--surface-2);border-radius:var(--radius-xl);border:1px solid var(--border)}.mode-tabs button.tab-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-xs);padding:8px 16px!important;font-size:var(--text-sm)!important;margin:0!important}.mode-tabs button.tab-btn:hover{border-color:var(--primary);color:var(--text);background:var(--surface-3);transform:translateY(-1px)}.mode-tabs button.tab-btn.active{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important;font-weight:var(--weight-bold);box-shadow:var(--shadow-sm)}.card-grid.two{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6);align-items:stretch}@media(max-width:768px){.card-grid.two{grid-template-columns:1fr}}.flashcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-4);transition:all var(--transition-base);position:relative;overflow:hidden;min-height:240px}.flashcard:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.flashcard.flipped{border-color:var(--primary);background:var(--primary-light)}.flash-surface{width:100%;flex:1;background:transparent;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4);cursor:pointer;text-align:center;border-radius:var(--radius-lg);transition:all var(--transition-fast);outline:none}.flash-surface:hover{background:#00000005}.flash-surface .eyebrow{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--primary);background:#fff;padding:4px 12px;border-radius:var(--radius-full);border:1px solid var(--border);box-shadow:var(--shadow-xs);margin-bottom:var(--space-2)}.flash-surface strong{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text);line-height:var(--leading-snug);margin:var(--space-2) 0;transition:color var(--transition-fast)}.flashcard:hover .flash-surface strong{color:var(--primary)}.flash-surface small{font-size:var(--text-xs);color:var(--text-muted);font-style:italic;margin-top:var(--space-2)}.flash-back{display:flex;flex-direction:column;gap:var(--space-2);align-items:center;animation:fadeIn .3s ease;padding-top:var(--space-3);border-top:1px dashed var(--border);width:100%}.flash-back span{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--primary-hover)}.flash-back small{font-size:var(--text-sm);color:var(--text-secondary);font-style:normal;line-height:var(--leading-relaxed)}.flashcard .action-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-light);padding-top:var(--space-3);width:100%;z-index:2}.progress-page{animation:fadeInUp .4s ease both;display:flex;flex-direction:column;gap:var(--space-6)}.progress-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.progress-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:var(--shadow-sm)}.toeic-history-page{width:min(1040px,calc(100% - 64px));margin:0 auto;padding:40px 0 96px;display:flex;flex-direction:column;gap:20px}.toeic-history-page__hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 30px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));border-radius:24px;background:radial-gradient(circle at 88% 20%,color-mix(in srgb,var(--primary) 13%,transparent),transparent 34%),var(--surface);box-shadow:var(--shadow-sm)}.toeic-history-page__heading{display:flex;align-items:center;gap:18px;min-width:0}.toeic-history-page__icon{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;border-radius:17px;color:var(--primary-text);background:var(--primary-light)}.toeic-history-page__eyebrow{display:block;margin-bottom:3px;color:var(--primary-text);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.toeic-history-page h1{margin:0;color:var(--text);font-size:clamp(28px,3vw,36px);line-height:1.15;letter-spacing:-.025em}.toeic-history-page__heading p{margin:7px 0 0;color:var(--text-muted);font-size:14px}.toeic-history-page__start{flex:0 0 auto;gap:8px;border-radius:12px}.toeic-history-section{margin:0;padding:22px 24px 24px;border-radius:22px;box-shadow:var(--shadow-sm)}.toeic-history-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-4);padding-bottom:18px;border-bottom:1px solid var(--border)}.toeic-history-head h2{margin:0;font-size:19px;letter-spacing:-.01em}.toeic-history-head p{margin:4px 0 0;color:var(--text-muted);font-size:13px}.toeic-history-tabs{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--border);background:var(--bg-subtle);border-radius:999px}.toeic-history-tabs button{min-height:34px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:700}.toeic-history-tabs button.is-active{background:var(--surface);color:var(--primary-text);box-shadow:var(--shadow-sm)}.toeic-history-list{display:flex;flex-direction:column;gap:9px}.toeic-history-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto 18px;gap:14px;align-items:center;min-height:76px;padding:13px 16px 13px 14px;border:1px solid var(--border);border-left:3px solid var(--border);border-radius:15px;color:inherit;text-decoration:none;background:var(--surface);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.toeic-history-row.grade-excellent{border-left-color:var(--success-text, #16a34a)}.toeic-history-row.grade-good{border-left-color:var(--warning-text, #d97706)}.toeic-history-row.grade-poor{border-left-color:var(--danger-text, #ef4444)}.toeic-history-row.grade-pending{border-left-color:var(--primary)}.toeic-history-row:hover{border-color:color-mix(in srgb,var(--primary) 42%,var(--border));transform:translateY(-1px);box-shadow:0 5px 16px color-mix(in srgb,var(--text) 7%,transparent)}.toeic-history-status{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;color:var(--primary-text);background:var(--primary-light)}.toeic-history-status.is-completed{color:var(--success-text, #168447);background:var(--success-light, #eaf8ef)}.toeic-history-mode{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.toeic-history-mode.is-practice{background:var(--primary-light, #e5f6f2);color:var(--primary-text, #0b7568)}.toeic-history-mode.is-exam{background:var(--purple-light, #f2edff);color:var(--purple-text, #6a4fd0)}:root[data-tooich-shop-theme=night] .toeic-history-mode.is-practice{background:#49cdb826;color:var(--primary-text, #49cdb8)}:root[data-tooich-shop-theme=night] .toeic-history-mode.is-exam{background:#a78bfa26;color:var(--purple-text, #a78bfa)}:root[data-tooich-shop-theme=night] .toeic-history-tabs{background:var(--bg-subtle, #12252b);border-color:var(--border)}:root[data-tooich-shop-theme=night] .toeic-history-tabs button{color:var(--text-muted)}:root[data-tooich-shop-theme=night] .toeic-history-tabs button.is-active{background:var(--surface-hover, #20383f);color:var(--primary-text, #49cdb8)}.toeic-history-copy,.toeic-history-score{display:flex;flex-direction:column;gap:4px;min-width:0}.toeic-history-row-title{display:flex;align-items:center;gap:8px;min-width:0}.toeic-history-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toeic-history-copy small,.toeic-history-score small{color:var(--text-muted)}.toeic-history-score{text-align:right}.toeic-history-score strong{color:var(--text);font-size:18px;line-height:1}.toeic-history-row.grade-excellent .toeic-history-score strong{color:var(--success-text, #16a34a)}.toeic-history-row.grade-good .toeic-history-score strong{color:var(--warning-text, #d97706)}.toeic-history-row.grade-poor .toeic-history-score strong{color:var(--danger-text, #ef4444)}.toeic-history-state{display:grid;place-items:center;width:100%;min-height:72px;color:var(--text-muted);text-align:center}.toeic-history-more{align-self:center}.toeic-attempt-detail{width:min(980px,calc(100% - 64px));margin:0 auto;padding:34px 0 96px;display:flex;flex-direction:column;gap:18px}.toeic-attempt-detail__back{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;color:var(--primary-text);font-size:13px;font-weight:750;text-decoration:none}.toeic-attempt-detail__back:hover{text-decoration:underline}.toeic-attempt-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;padding:26px 28px;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-sm)}.toeic-attempt-hero__copy{min-width:0}.toeic-attempt-hero__badges{display:flex;align-items:center;gap:8px}.toeic-attempt-status{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:0 8px;border-radius:999px;color:var(--text-muted);background:var(--bg-subtle);font-size:10px;font-weight:800}.toeic-attempt-status.is-completed{color:var(--success-text, #168447);background:var(--success-light, #eaf8ef)}.toeic-attempt-hero h1{margin:10px 0 7px;color:var(--text);font-size:clamp(25px,3vw,34px);line-height:1.15;letter-spacing:-.025em}.toeic-attempt-hero p{display:flex;align-items:center;gap:6px;margin:0;color:var(--text-muted);font-size:13px}.toeic-attempt-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.toeic-attempt-actions .btn{white-space:nowrap;border-radius:11px}.toeic-attempt-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.toeic-attempt-summary article{min-height:94px;padding:18px 20px;border:1px solid var(--border);border-radius:18px;background:var(--surface);display:flex;align-items:center;gap:14px;box-shadow:var(--shadow-xs)}.toeic-attempt-summary article>span:last-child{display:flex;flex-direction:column;gap:5px}.toeic-attempt-summary__icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px}.toeic-attempt-summary__icon.is-answered{color:var(--primary-text);background:var(--primary-light)}.toeic-attempt-summary__icon.is-correct{color:var(--success-text, #168447);background:var(--success-light, #eaf8ef)}.toeic-attempt-summary__icon.is-accuracy{color:var(--purple-text, #6a4fd0);background:var(--purple-light, #f2edff)}.toeic-attempt-summary small{color:var(--text-muted)}.toeic-attempt-summary strong{color:var(--text);font-size:25px;line-height:1}.toeic-attempt-parts{padding:0;gap:0;overflow:hidden;border-radius:20px}.toeic-attempt-parts__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:20px 22px 16px;border-bottom:1px solid var(--border)}.toeic-attempt-parts__heading span{color:var(--primary-text);font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.toeic-attempt-parts__heading h2{margin:3px 0 0;color:var(--text);font-size:19px}.toeic-attempt-parts__heading small{color:var(--text-muted)}.toeic-attempt-parts__list{padding:2px 22px 8px}.toeic-part-result{display:grid;grid-template-columns:38px minmax(130px,.7fr) minmax(120px,1fr) auto;align-items:center;gap:14px;min-height:68px;padding:10px 0;border-bottom:1px solid var(--border)}.toeic-part-result:last-child{border-bottom:0}.toeic-part-result__number{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;color:var(--primary-text);background:var(--primary-light);font-size:13px;font-weight:800}.toeic-part-result__copy,.toeic-part-result__score{display:flex;flex-direction:column;gap:3px}.toeic-part-result__copy small,.toeic-part-result__score small{color:var(--text-muted);font-size:11px}.toeic-part-result__track{height:7px;overflow:hidden;border-radius:999px;background:var(--bg-subtle)}.toeic-part-result__track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--success-text, #22a861))}.toeic-part-result__score{min-width:66px;text-align:right}.toeic-part-result__score strong{color:var(--text);font-size:16px}.toeic-review-panel>div{padding:12px 0;border-bottom:1px solid var(--border)}.toeic-protected-session{min-height:100%}.toeic-protected-session__content{height:100%}.toeic-protected-item{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start;gap:var(--space-6)}.toeic-protected-item__stimulus{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}.toeic-protected-item__audio-card,.toeic-protected-item__content-card,.toeic-protected-options{padding:clamp(18px,2vw,24px);border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--surface);box-shadow:var(--shadow-sm)}.toeic-protected-item__audio-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.toeic-protected-item__audio-label{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.05em}.toeic-protected-item__audio-type{padding:2px 10px;border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);background:var(--bg-subtle);font-size:11px;font-weight:var(--weight-bold)}.toeic-protected-item__audio-unavailable{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.toeic-protected-item__content-card{display:flex;align-items:center;justify-content:center;min-height:360px}.toeic-protected-item__feedback{align-self:flex-start}.toeic-protected-item-copy img{display:block;max-width:100%;max-height:440px;margin:14px auto;border-radius:14px}.toeic-protected-item-copy audio{width:100%;margin-top:14px}.toeic-protected-options{display:flex;flex-direction:column;gap:var(--space-3);min-height:100%}.toeic-protected-q-header{margin-bottom:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.toeic-protected-q-header .q-subtitle{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.05em}.toeic-protected-q-header .q-prompt{margin:6px 0 0;color:var(--text);font-size:var(--text-base);font-weight:var(--weight-bold);line-height:var(--leading-relaxed)}.toeic-protected-item__answer-status{margin-top:var(--space-3);padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-subtle)}.toeic-protected-item__answer-status p{margin:0;font-weight:var(--weight-bold)}.toeic-protected-item__actions{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--border)}.toeic-protected-passage{white-space:pre-wrap;line-height:1.65}.toeic-protected-question-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}@media(max-width:720px){.toeic-history-page,.toeic-attempt-detail{width:calc(100% - 32px);padding-top:20px}.toeic-history-page__hero,.toeic-attempt-hero{align-items:stretch;flex-direction:column;padding:20px}.toeic-history-page__heading{align-items:flex-start}.toeic-history-page__start{align-self:stretch;justify-content:center}.toeic-history-head{align-items:stretch;flex-direction:column}.toeic-history-tabs{align-self:stretch;display:grid;grid-template-columns:repeat(3,1fr)}.toeic-history-row{grid-template-columns:40px minmax(0,1fr) 16px;padding-right:13px}.toeic-history-score{grid-column:2;text-align:left}.toeic-history-row>svg{grid-column:3;grid-row:1 / span 2}.toeic-attempt-actions{justify-content:flex-start}.toeic-attempt-summary{grid-template-columns:1fr}.toeic-part-result{grid-template-columns:38px minmax(0,1fr) auto}.toeic-part-result__score{grid-column:3;grid-row:1}.toeic-part-result__track{grid-column:2 / span 2;grid-row:2}.toeic-protected-item{grid-template-columns:1fr}.toeic-protected-item__content-card{min-height:260px}}.toeic-protected-session-wrapper{height:100dvh;min-height:0;overflow:hidden;background:var(--surface)}.toeic-protected-session-wrapper .p1-screen{height:calc(100dvh - 58px);min-height:0}.toeic-protected-session-wrapper .toeic-protected-item{width:100%;max-width:none;min-height:0;margin:0;flex:1;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:stretch;gap:0;overflow:hidden}.toeic-protected-session-wrapper .toeic-protected-item__audio-card{flex:0 0 auto;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-xs)}.toeic-protected-session-wrapper .toeic-protected-item__audio-card>.p1-audio-row{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.toeic-protected-session-wrapper .toeic-protected-item__content-stage{min-height:0;flex:1;display:flex;flex-direction:column}.toeic-protected-session-wrapper .toeic-protected-item__content-stage>.p1-photo-stage{width:100%;min-height:0;flex:1}.toeic-protected-session-wrapper .toeic-protected-item__feedback{width:100%;align-self:stretch}.toeic-protected-session-wrapper .toeic-protected-options{min-height:0;padding:0;gap:0;border:0;border-radius:0;background:var(--surface);box-shadow:none}.toeic-protected-session-wrapper .toeic-protected-item__answer-status{margin-top:0}.toeic-protected-session-wrapper .toeic-protected-item__actions{margin-top:0;padding:var(--space-3) var(--space-4);gap:var(--space-2);border-top:1px solid var(--border)}.toeic-protected-session-wrapper .toeic-protected-item__actions .p1-nav-btn{width:44px;height:44px;flex:0 0 44px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.toeic-protected-session-wrapper .toeic-protected-item__actions .p1-cta-btn{height:44px;min-height:44px;padding:0 var(--space-5);border-radius:var(--radius-md)}.toeic-protected-session-wrapper .protected-p6-body .p6-doc-card{width:100%}.toeic-protected-session-wrapper .protected-p6-body .p6-question-scroll{padding-bottom:var(--space-5)}.toeic-protected-session-wrapper .protected-p6-body .p6-actions .figma-primary-btn,.toeic-protected-session-wrapper .protected-listening-group .p6-actions .figma-primary-btn,.toeic-protected-session-wrapper .protected-p7-body .p6-actions .figma-primary-btn{flex:1;justify-content:center;min-height:44px}.protected-listening-group__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.protected-listening-group__subtitle-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-bold);cursor:pointer}.protected-listening-group__subtitle-toggle.is-on{border-color:var(--primary-border);background:var(--primary-light);color:var(--primary-text)}.protected-listening-group__stage{flex:1;min-height:260px;gap:var(--space-4);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.protected-listening-group__transcript{flex:1;min-height:0}.protected-p7-body .p7-doc-card{width:100%}.toeic-protected-session-wrapper .protected-p6-body .p6-blank.is-active{outline:3px solid color-mix(in srgb,var(--primary) 24%,transparent);outline-offset:2px}.toeic-protected-session-wrapper .protected-p6-body .p6-blank.is-correct{background:var(--success);box-shadow:0 2px 6px color-mix(in srgb,var(--success) 32%,transparent)}.toeic-protected-session-wrapper .protected-p6-body .p6-blank.is-wrong{background:var(--danger);box-shadow:0 2px 6px color-mix(in srgb,var(--danger) 28%,transparent)}.toeic-protected-session__finish{min-height:32px}@media(max-width:768px){.toeic-protected-session-wrapper{height:auto;min-height:100dvh;overflow:visible}.toeic-protected-session-wrapper .p1-screen{height:auto;min-height:calc(100dvh - 58px)}.toeic-protected-session-wrapper .toeic-protected-item{grid-template-columns:1fr;overflow:visible}}.auth-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:var(--space-4);position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;top:10%;left:50%;transform:translate(-50%);width:500px;height:500px;background:var(--primary-light);filter:blur(120px);border-radius:50%;pointer-events:none}.auth-card{max-width:440px;width:100%;padding:var(--space-8);position:relative;z-index:1;animation:scaleIn .3s ease}.auth-logo{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-6);text-decoration:none;color:var(--text)}.auth-title{text-align:center;font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-bottom:var(--space-6)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-field{display:grid;gap:var(--space-2);color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-medium)}.auth-field small{color:var(--text-secondary);font-weight:var(--weight-normal)}.auth-submit{width:100%}.auth-error{padding:var(--space-3);background:var(--danger-light);border:1px solid var(--danger-border);border-radius:var(--radius-md);color:var(--danger-text);font-size:var(--text-sm);text-align:center}.auth-device-list{display:grid;gap:var(--space-2)}.auth-device-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md)}.auth-device-row span{display:grid;gap:2px}.auth-device-row small{color:var(--text-secondary)}@media(max-width:560px){.auth-device-row{align-items:stretch;flex-direction:column}}.auth-footer{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm);color:var(--text-secondary)}.auth-subtitle{text-align:center;color:var(--text-secondary);font-size:var(--text-sm);margin:calc(-1 * var(--space-4)) 0 var(--space-6)}.auth-google-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);min-height:60px;justify-content:center}.auth-google-btn{display:flex;justify-content:center}.auth-google-loading{font-size:var(--text-sm);color:var(--text-secondary)}.auth-provider-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:300px;height:40px;border-radius:20px;font-size:14px;font-weight:500;font-family:inherit,sans-serif;text-decoration:none;cursor:pointer;transition:background-color .2s,box-shadow .2s}.auth-provider-btn--google{background:#fff;color:#3c4043;border:1px solid #dadce0;box-shadow:0 1px 2px #3c40434d}.auth-provider-btn--google:hover{background:#f8f9fa}.auth-provider-logo{flex-shrink:0}.auth-provider-btn--facebook{background:#1877f2;color:#fff;border:none;box-shadow:0 1px 2px #1877f24d,0 1px 3px 1px #1877f226}.auth-provider-btn--facebook:hover{background:#166fe5;box-shadow:0 1px 3px #1877f24d,0 4px 8px 3px #1877f226}.auth-provider-divider{display:flex;align-items:center;gap:var(--space-3);width:300px;margin:var(--space-3) 0;color:var(--text-muted);font-size:var(--text-sm)}.auth-provider-divider:before,.auth-provider-divider:after{content:"";flex:1;height:1px;background:var(--border)}:root[data-tooich-shop-theme=night] .auth-page{background:var(--bg, #0e1c22)}:root[data-tooich-shop-theme=night] .auth-page:before{background:radial-gradient(circle,rgba(73,205,184,.25) 0%,rgba(14,147,132,.05) 70%,transparent 100%);filter:blur(100px)}:root[data-tooich-shop-theme=night] .auth-card{background:var(--surface, #172a31);border:1.5px solid rgba(73,205,184,.22);border-radius:24px;box-shadow:0 20px 50px #00000080,0 0 0 1px #49cdb81a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}:root[data-tooich-shop-theme=night] .auth-title{color:#fff}:root[data-tooich-shop-theme=night] .auth-subtitle{color:var(--text-secondary, #c2d8d4)}:root[data-tooich-shop-theme=night] .auth-field span{color:var(--text, #eef9f7);font-weight:600}:root[data-tooich-shop-theme=night] .auth-field .input-field{background:var(--bg-subtle, #12252b);border:1.5px solid rgba(73,205,184,.25);color:#fff;border-radius:12px;padding:12px 16px;font-size:15px;box-shadow:inset 0 2px 4px #0000004d;transition:border-color .2s,box-shadow .2s,background .2s}:root[data-tooich-shop-theme=night] .auth-field .input-field:focus{border-color:var(--primary-text, #49cdb8);background:#0b1a20;box-shadow:0 0 0 3px #49cdb84d,inset 0 2px 4px #0000004d;outline:none}:root[data-tooich-shop-theme=night] .auth-submit{background:var(--primary-text, #49cdb8);color:#0e1c22;font-weight:700;border-radius:12px;height:44px;font-size:15px;border:none;box-shadow:0 4px 16px #49cdb84d;transition:transform .15s,box-shadow .15s,background .15s}:root[data-tooich-shop-theme=night] .auth-submit:hover:not(:disabled){background:#3ebaa6;box-shadow:0 6px 20px #49cdb873;transform:translateY(-1px)}:root[data-tooich-shop-theme=night] .auth-provider-divider{color:var(--text-muted, #91aaa6)}:root[data-tooich-shop-theme=night] .auth-provider-divider:before,:root[data-tooich-shop-theme=night] .auth-provider-divider:after{background:#49cdb833}:root[data-tooich-shop-theme=night] .auth-provider-btn--google{background:#1e3138;color:#eef9f7;border:1.5px solid rgba(73,205,184,.25);box-shadow:0 4px 12px #0000004d;border-radius:999px}:root[data-tooich-shop-theme=night] .auth-provider-btn--google:hover{background:#273e46;border-color:var(--primary-text, #49cdb8);color:#fff}:root[data-tooich-shop-theme=night] .auth-provider-btn--facebook{background:#1877f2;color:#fff;border-radius:999px;box-shadow:0 4px 12px #1877f259}:root[data-tooich-shop-theme=night] .auth-error{background:#ef444426;border:1px solid rgba(239,68,68,.35);color:#f87171;font-weight:500;border-radius:12px}:root[data-tooich-shop-theme=night] .auth-footer{color:var(--text-muted, #91aaa6)}.profile-page{max-width:960px}.profile-section{display:grid;gap:var(--space-4);margin-bottom:var(--space-4)}.profile-summary{display:flex;align-items:center;gap:var(--space-4)}.profile-summary>div{display:grid;gap:3px}.profile-summary small{color:var(--text-secondary)}.profile-avatar-preview{width:72px;height:72px;border-radius:50%;object-fit:cover;display:grid;place-items:center;font-weight:var(--weight-bold);background:var(--primary-light);color:var(--primary)}.profile-field{display:grid;gap:var(--space-2);font-weight:var(--weight-medium)}.profile-field small{color:var(--text-secondary);font-weight:var(--weight-normal)}.profile-avatar-picker{border:0;padding:0;display:grid;gap:var(--space-3)}.profile-avatar-picker legend{font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.profile-avatar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.profile-avatar-grid button{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-3);display:grid;justify-items:center;gap:var(--space-2);color:var(--text-secondary);cursor:pointer}.profile-avatar-grid button:hover,.profile-avatar-grid button.is-selected{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.profile-avatar-grid img{width:58px;height:58px}.profile-avatar-grid span{font-size:var(--text-xs);text-align:center}.profile-success{padding:var(--space-3);border:1px solid var(--success);background:color-mix(in srgb,var(--success) 10%,transparent);color:var(--success);border-radius:var(--radius-md)}.profile-section>.btn{justify-self:start}.profile-session-list{display:grid;gap:var(--space-3)}.profile-session-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3)}.profile-session-row>div{display:grid;gap:4px}.profile-session-row small{color:var(--text-secondary)}@media(max-width:640px){.profile-avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-section>.btn{width:100%}}@media(max-width:640px){.profile-session-row{align-items:stretch;flex-direction:column}}.pvp-active-overlay{position:fixed;inset:0;z-index:20;overflow:auto;background:var(--bg)}.pvp-exam-shell{min-height:100dvh;background:var(--bg)}.pvp-submitted-wait{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:10px;padding:24px;text-align:center;background:var(--bg)}.pvp-submitted-wait svg{color:var(--success)}.pvp-submitted-wait p{color:var(--text-secondary)}.pvp-exam-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:var(--text-xs);color:var(--text-secondary)}.pvp-exam-meta span,.pvp-exam-meta strong{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:999px;background:var(--surface-2)}.pvp-exam-clock{font-variant-numeric:tabular-nums;font-weight:700;color:var(--text)}.pvp-opponent-live{color:var(--primary-text)}.pvp-opponent-status{display:flex;align-items:center;gap:7px;margin-bottom:12px;padding:9px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--text-muted);font-size:12px}.pvp-opponent-status strong{color:var(--text)}.pvp-opponent-status.is-done{border-color:var(--primary-border);background:var(--primary-light);color:var(--primary-text)}.pvp-opponent-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);box-shadow:0 0 0 3px color-mix(in srgb,var(--text-muted) 15%,transparent)}.pvp-opponent-status.is-done .pvp-opponent-dot{background:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent)}.pvp-exam-body{flex:1;min-height:0;height:auto}.pvp-exam-left{padding:0}.pvp-exam-title{margin:12px 0;font-size:var(--text-lg)}.pvp-exam-audio{width:100%;margin:12px 0}.pvp-exam-audio--locked{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.pvp-locked-audio-status{display:inline-flex;align-items:center;gap:8px;margin:12px 0;padding:9px 12px;border:1px solid var(--primary-border);border-radius:12px;background:var(--primary-light);color:var(--primary-text);font-size:12px;font-weight:700}.pvp-locked-audio-status.is-blocked{border-color:var(--warning-border);background:var(--warning-light);color:var(--warning-text)}.pvp-locked-audio-status button{padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;text-align:left}.pvp-exam-image{display:block;max-width:100%;max-height:360px;object-fit:contain;border-radius:14px;margin:16px auto;box-shadow:0 2px 12px #00000014}.pvp-exam-passage{line-height:1.8;white-space:pre-wrap;padding:20px;border-radius:12px;background:var(--surface-2);margin:16px 0;max-height:360px;overflow-y:auto;font-family:Georgia,Times New Roman,serif;font-size:.95rem;border:1px solid var(--border)}.pvp-exam-prompt{font-size:1.05rem;font-weight:600;line-height:1.6;margin:16px 0;color:var(--text)}.pvp-exam-navigation{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:16px}.pvp-answer-pair{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:12px;align-items:start}.pvp-answer-box{display:flex;flex-direction:column;gap:10px;padding:12px;border:1.5px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.pvp-answer-box.is-mine{border-color:var(--primary-border)}.pvp-answer-box.is-rival{background:var(--surface-2)}.pvp-answer-box.is-rival.is-done{border-color:var(--primary-border)}.pvp-answer-box-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.pvp-answer-who{font-size:12.5px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pvp-answer-state{font-size:11.5px;font-weight:600;color:var(--text-muted);white-space:nowrap}.is-rival.is-done .pvp-answer-state{color:var(--primary-text)}.pvp-rival-slots{display:flex;flex-direction:column;gap:8px}.pvp-rival-slot{height:30px;border-radius:var(--radius-md);border:1.5px dashed var(--border);background:repeating-linear-gradient(135deg,transparent,transparent 5px,rgba(22,50,63,.05) 5px,rgba(22,50,63,.05) 10px)}.pvp-rival-slot.is-done{border-style:solid;border-color:var(--primary-border);background:var(--primary-light)}.pvp-rival-note{margin:0;font-size:11px;line-height:1.45;color:var(--text-muted)}.pvp-rival-progress{margin-top:auto;font-size:11.5px;font-weight:600;color:var(--text-secondary)}@media(max-width:1100px){.pvp-answer-pair{grid-template-columns:minmax(0,1fr)}.pvp-answer-box.is-rival{flex-direction:row;align-items:center;flex-wrap:wrap}.pvp-rival-slots{flex-direction:row}.pvp-rival-slot{width:30px}}.pvp-statusbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px}.pvp-status-pill,.pvp-conn-pill,.pvp-timer-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;font-size:12.5px;font-weight:600;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary)}.pvp-status-pill--waiting{background:var(--warning-light);color:var(--warning-text);border-color:var(--warning-border)}.pvp-status-pill--active{background:var(--primary-light);color:var(--primary-text);border-color:var(--primary-border)}.pvp-status-pill--completed{background:var(--success-light);color:var(--success-text);border-color:var(--success-border)}.pvp-status-pill--cancelled,.pvp-status-pill--expired{background:var(--danger-light);color:var(--danger-text);border-color:var(--danger-border)}.pvp-conn-pill.is-online{background:var(--success-light);color:var(--success-text);border-color:var(--success-border)}.pvp-timer-pill{background:var(--surface-2);color:var(--text);font-variant-numeric:tabular-nums}.pvp-players{display:flex;align-items:stretch;gap:12px;margin-bottom:16px}.pvp-player-card{flex:1;display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:16px;background:var(--surface);position:relative}.pvp-player-card.is-me{border-color:var(--primary-border);background:var(--primary-light)}.pvp-player-avatar{flex-shrink:0}.pvp-player-info{display:grid;gap:2px;min-width:0}.pvp-player-info strong{font-size:14px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pvp-player-info small{font-size:12px;color:var(--text-secondary)}.pvp-player-flag{margin-left:auto;font-size:11px;font-weight:700;color:var(--success-text);background:var(--success-light);border:1px solid var(--success-border);padding:3px 8px;border-radius:999px;white-space:nowrap}.pvp-vs{display:grid;place-items:center;font-size:13px;font-weight:800;letter-spacing:.05em;color:var(--text-muted);padding:0 4px}.pvp-invite{gap:0}.pvp-invite-body{display:flex;flex-direction:column;gap:14px;padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.pvp-invite-body p{margin:0;color:var(--text-secondary)}.pvp-room-code{display:flex;flex-direction:column;gap:4px;align-items:center;padding:14px;border:1.5px dashed var(--primary-border);border-radius:14px;background:var(--primary-light)}.pvp-room-code small{font-size:11px;font-weight:600;color:var(--primary-text);text-transform:uppercase;letter-spacing:.06em}.pvp-room-code strong{font-size:28px;font-weight:800;letter-spacing:.15em;color:var(--primary-text);font-variant-numeric:tabular-nums}.pvp-invite-actions{display:flex;flex-wrap:wrap;gap:10px}.pvp-ended{text-align:center;padding:32px;color:var(--text-secondary)}.pvp-create{gap:12px}.pvp-create-error{margin-bottom:0}.pvp-create-fields{display:grid;gap:10px}.pvp-create-actions,.pvp-room-actions{display:grid;grid-template-columns:minmax(120px,.65fr) minmax(180px,1.15fr);gap:12px;margin-top:8px}.pvp-create-actions .btn,.pvp-room-actions .btn{min-height:48px;border-radius:14px}.social-dialog-panel:has(.pvp-setup){width:min(100%,560px);max-height:min(540px,calc(100dvh - 56px));padding:6px}.pvp-room-dialog,.pvp-create{gap:0;padding:16px 18px 18px}.pvp-dialog-heading h2{margin:0;color:var(--text);font-size:23px;line-height:1.2}.pvp-dialog-heading p{margin:5px 0 0;color:var(--text-muted);font-size:13px;line-height:1.45}.pvp-setup{display:grid;gap:11px;margin-top:12px}.pvp-setup-group{display:grid;gap:7px}.pvp-setup-label{display:flex;align-items:baseline;gap:7px;color:var(--text-secondary)}.pvp-setup-label strong{font-size:14px}.pvp-setup-label span{color:var(--text-muted);font-size:12px}.pvp-test-picker{display:grid;gap:6px;max-height:112px;padding-right:6px;overflow-y:auto;scrollbar-color:var(--primary-border) transparent;scrollbar-width:thin}.pvp-test-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:50px;padding:8px 13px;border:1.5px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer}.pvp-test-choice:hover{border-color:var(--primary-border)}.pvp-test-choice.is-selected{border-color:var(--primary);background:var(--primary-light);box-shadow:inset 0 0 0 1px var(--primary)}.pvp-test-choice>span{display:grid;gap:1px}.pvp-test-choice strong{font-size:14px}.pvp-test-choice small{color:var(--text-muted);font-size:11px}.pvp-test-choice>svg{flex-shrink:0;color:var(--primary)}.pvp-scope-chips,.pvp-duration-presets{display:flex;flex-wrap:wrap;gap:6px}.pvp-scope-chips{flex-wrap:nowrap}.pvp-scope-chips button,.pvp-duration-presets button{min-height:32px;padding:5px 10px;border:1.5px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted);font:inherit;font-size:11.5px;font-weight:700;cursor:pointer}.pvp-scope-chips button{flex:1 1 auto;padding-inline:8px;white-space:nowrap}.pvp-scope-chips button.is-selected,.pvp-duration-presets button.is-selected{border-color:var(--primary);background:var(--primary-light);color:var(--primary-text)}.pvp-duration-switch{display:inline-flex;justify-self:start;padding:4px;border-radius:14px;background:var(--surface-3)}.pvp-duration-switch button{min-width:96px;padding:7px 14px;border:0;border-radius:11px;background:transparent;color:var(--text-muted);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.pvp-duration-switch button.is-selected{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.pvp-duration-note{margin:0;color:var(--text-muted);font-size:13px}.pvp-duration-note strong{color:var(--primary-text)}.pvp-room-actions,.pvp-create-actions{margin-top:14px}.pvp-join-field{margin:26px 0 18px}.pvp-room-code-input{min-height:58px;text-align:center;font-size:24px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.pvp-result{gap:16px}.pvp-result-hero{display:flex;align-items:center;gap:16px;padding:24px;border-radius:18px;background:var(--surface-2);border:1px solid var(--border)}.pvp-result-hero.is-win{background:var(--success-light);border-color:var(--success-border)}.pvp-result-hero.is-draw{background:var(--warning-light);border-color:var(--warning-border)}.pvp-result-hero-text h2{margin:0;font-size:20px;font-weight:800;color:var(--text)}.pvp-result-hero-text p{margin:4px 0 0;color:var(--text-secondary);font-size:13px}.pvp-result-mark{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--warning);color:#fff;font-size:28px;font-weight:800;flex-shrink:0}.pvp-result-hero.is-win .pvp-result-mark{background:var(--success)}.pvp-result-scores{display:flex;align-items:stretch;gap:12px}.pvp-result-score-card{flex:1;display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.pvp-result-score-card.is-me{border-color:var(--primary-border);background:var(--primary-light)}.pvp-result-score-card.is-loser{opacity:.65}.pvp-result-avatar{display:grid;place-items:center}.pvp-result-player{display:flex;flex-direction:column;gap:2px}.pvp-result-player strong{font-size:14px;color:var(--text)}.pvp-result-player small{font-size:13px;color:var(--text-secondary);font-weight:600}.pvp-result-bar{height:8px;border-radius:999px;background:var(--surface-3);overflow:hidden}.pvp-result-bar span{display:block;height:100%;border-radius:999px;background:var(--primary);transition:width .5s ease}.pvp-result-vs{display:grid;place-items:center;font-size:13px;font-weight:800;color:var(--text-muted);padding:0 4px}.pvp-breakdown{display:grid;gap:8px}.pvp-breakdown-row{display:flex;align-items:center;gap:10px;padding:12px 14px}.pvp-breakdown-label{flex:1;font-size:13px;font-weight:600;color:var(--text)}.pvp-breakdown-host,.pvp-breakdown-guest{font-size:15px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;min-width:24px;text-align:center}.pvp-breakdown-sep{color:var(--text-muted);font-weight:600}.pvp-breakdown-total{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}.pvp-result-back{align-self:flex-start;margin-top:4px}@media(max-width:768px){.pvp-exam-main{padding:12px}.pvp-exam-paper{min-height:auto}.pvp-exam-meta{display:none}.pvp-exam-navigation .btn{flex:1}.pvp-players{gap:8px}.pvp-player-card{padding:12px;gap:10px}.pvp-vs{font-size:11px}.pvp-room-code strong{font-size:24px}.pvp-result-scores{flex-direction:column}.pvp-result-vs,.pvp-breakdown-total{display:none}.pvp-room-dialog,.pvp-create{padding:18px}.pvp-dialog-heading h2{font-size:23px}.pvp-create-actions,.pvp-room-actions{grid-template-columns:1fr 1.4fr}}.pvp-countdown-overlay{position:fixed;inset:0;z-index:calc(var(--z-modal) + 20);display:grid;place-content:center;justify-items:center;gap:16px;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pvp-countdown-number{font-size:8rem;font-weight:800;color:#fff;line-height:1;animation:pvp-countdown-pulse 1s ease-in-out infinite}.pvp-countdown-referee{position:relative;display:grid;justify-items:center;width:150px;min-height:150px;color:#fff}.pvp-countdown-referee .tooich-mascot{position:relative;inset:auto;width:112px;height:128px;z-index:1;transform:none!important}.pvp-countdown-referee .tooich-mascot-bubble{display:none}.pvp-countdown-referee strong{margin-top:-6px;font-size:14px;letter-spacing:.04em}.pvp-countdown-label{color:#ffffffd1;font-size:1.1rem;font-weight:500}.pvp-countdown-skip{margin-top:12px;background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.3)}.pvp-countdown-skip:hover{background:#fff3}@keyframes pvp-countdown-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.18);opacity:.82}}.social-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.social-stat-card{display:flex;flex-direction:column;gap:2px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.social-stat-card strong{font-size:22px;font-weight:700;color:var(--text);line-height:1.2;letter-spacing:-.02em}.social-stat-card small{font-size:12px;color:var(--text-muted)}.social-lobby-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px}.social-lobby-card{display:flex;align-items:center;gap:16px;width:100%;padding:16px 18px;font:inherit;background:var(--surface);border:1px solid var(--border);border-radius:12px;text-align:left;text-decoration:none;cursor:pointer;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.social-lobby-card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-sm)}.social-lobby-card-text{display:flex;flex-direction:column;gap:3px;text-align:left}.social-lobby-card-text strong{font-size:15px;font-weight:700;color:var(--text)}.social-lobby-card-text small{font-size:12px;color:var(--text-muted)}.friend-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.friend-card{display:flex;align-items:center;gap:12px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:14px;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.friend-card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-sm)}.friend-card-avatar{position:relative;display:inline-flex;flex-shrink:0}.friend-card-avatar.is-online:after{content:"";position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:#22c55e;border:2px solid var(--surface)}.friend-card-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.friend-card-info strong{font-size:14.5px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-card-info small{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-card-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.friend-card-ping{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text-muted);cursor:pointer;transition:color .15s ease,border-color .15s ease}.friend-card-ping:hover:not(:disabled){color:var(--primary-text);border-color:var(--primary-border)}.friend-card-ping:disabled{opacity:.5;cursor:not-allowed}.friend-card-duel{padding:7px 14px;font:inherit;font-size:12.5px;font-weight:700;color:var(--primary-text);background:var(--surface);border:1.5px solid var(--primary-border);border-radius:999px;cursor:pointer;transition:color .15s ease,background .15s ease}.friend-card-duel:hover{color:#fff;background:var(--primary);border-color:var(--primary)}.social-lobby-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.social-create-cta{display:flex;align-items:center;gap:14px;width:100%;margin:0;padding:16px 20px;font:inherit;text-align:left;background:color-mix(in srgb,var(--warning) 8%,var(--surface));border:1.5px dashed color-mix(in srgb,var(--warning) 45%,var(--border));border-radius:14px;cursor:pointer;transition:border-color var(--transition-base),background var(--transition-base)}.social-create-cta:hover{border-color:var(--warning);background:color-mix(in srgb,var(--warning) 14%,var(--surface))}.social-create-cta-plus{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:50%;background:var(--primary);color:#fff}.social-create-cta strong{font-size:15px;font-weight:700;color:var(--primary-text)}.social-create-cta small{display:block;margin-top:3px;font-size:12.5px;color:var(--text-muted)}.social-join-icon{background:var(--surface-3);color:var(--primary-text)}.social-lobby-actions .social-lobby-card{margin:0;min-height:72px;border-color:var(--border)}@media(max-width:700px){.social-lobby-actions{grid-template-columns:1fr}.social-search-form{flex-direction:column}.social-search-button{width:100%}.social-dialog-backdrop{padding:12px;align-items:end}.social-dialog-panel{max-height:calc(100dvh - 24px);border-radius:22px 22px 14px 14px}.social-create-cta{flex-wrap:wrap}.social-create-cta small{margin-left:0;text-align:left}}.pvp-invite-link{display:flex;gap:8px;align-items:center;margin-top:10px}.pvp-invite-link .input-field{flex:1;min-width:0;font-size:12.5px;color:var(--text-secondary)}.pvp-invite-link .btn{flex-shrink:0}.pvp-matchup-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:16px 20px;margin-bottom:14px;transition:transform var(--transition-spring),border-color var(--transition-base),box-shadow var(--transition-base)}.pvp-matchup-card:hover{transform:translateY(-2px);border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.pvp-matchup-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-light);padding-bottom:10px;margin-bottom:14px}.pvp-matchup-meta{display:flex;align-items:center;gap:8px;min-width:0}.pvp-matchup-title{font-size:14.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pvp-matchup-badge{font-size:11px;padding:2px 8px;border-radius:var(--radius-full);font-weight:600}.pvp-matchup-arena{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-bottom:12px}.pvp-matchup-player{display:flex;align-items:center;gap:12px;min-width:0}.pvp-matchup-player.is-host{justify-content:flex-start}.pvp-matchup-player.is-guest{flex-direction:row-reverse;justify-content:flex-start;text-align:right}.pvp-matchup-info{display:flex;flex-direction:column;gap:2px;min-width:0}.pvp-matchup-info strong{font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pvp-matchup-info small{font-size:11px;color:var(--text-muted)}.pvp-matchup-vs-container{display:flex;flex-direction:column;align-items:center;gap:4px}.pvp-matchup-vs{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--surface-3);font-size:11px;font-weight:800;color:var(--text-muted);border:1px solid var(--border)}.pvp-matchup-vs.is-active{background:var(--primary-light);color:var(--primary);border-color:var(--primary-border)}.pvp-matchup-vs.is-completed{background:var(--success-light);color:var(--success);border-color:var(--success-border)}.pvp-matchup-vs-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase}.pvp-matchup-progress-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:6px;border-top:1px dashed var(--border-light);padding-top:10px}.pvp-matchup-bar-wrapper{display:flex;flex-direction:column;gap:4px}.pvp-matchup-bar-header{display:flex;justify-content:space-between;font-size:11px;font-weight:600;color:var(--text-secondary)}.pvp-matchup-bar-header.is-guest{flex-direction:row-reverse}.pvp-matchup-bar-bg{height:8px;background:var(--surface-3);border-radius:4px;overflow:hidden}.pvp-matchup-bar-fill{height:100%;background:var(--primary);border-radius:4px;transition:width .35s ease}.pvp-matchup-bar-fill.is-guest{float:right}.pvp-matchup-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:12px;border-top:1px solid var(--border-light);padding-top:10px}.pvp-matchup-invite-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:10px 0 2px;border-top:1px dashed var(--border-light)}.pvp-matchup-share-hint{margin-right:auto;color:var(--text-muted);font-size:12px;font-weight:700}.pvp-matchup-invite-actions .btn{display:inline-flex;align-items:center;gap:6px;min-height:36px}.pvp-copy-link-button{padding-inline:15px;border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 6px 16px color-mix(in srgb,var(--primary) 24%,transparent)}.pvp-copy-link-button:hover{border-color:var(--primary-hover);background:var(--primary-hover);color:#fff;transform:translateY(-1px)}@media(max-width:900px){.social-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.social-stats-grid,.social-lobby-grid{grid-template-columns:1fr}.pvp-matchup-arena{grid-template-columns:1fr;gap:12px}.pvp-matchup-player.is-guest{flex-direction:row;text-align:left}.pvp-matchup-vs-container{display:none}.pvp-matchup-progress-row{grid-template-columns:1fr;gap:12px}.pvp-matchup-bar-header.is-guest{flex-direction:row}.pvp-matchup-bar-fill.is-guest{float:left}}.ti-landing{--bg: #f8f9fa;--bg-subtle: #f1f3f5;--surface: #ffffff;--surface-2: #f8f9fa;--surface-3: #e9ecef;--surface-hover: #f1f3f5;--border: #e2e8f0;--border-light: #edf2f7;--border-hover: #cbd5e1;--border-active: #059669;--text: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--text-inverse: #ffffff;--primary: #059669;--primary-hover: #047857;--primary-active: #065f46;--primary-light: #ecfdf5;--primary-border: #a7f3d0;--primary-text: #065f46;--secondary: #0284c7;--secondary-hover: #0369a1;--secondary-light: #e0f2fe;--secondary-border: #bae6fd;--secondary-text: #0369a1;--ti-ink: #0f172a;--ti-muted: #475569;--ti-green: #10b981;--ti-blue: #0ea5e9;--ti-bg: #f8fafc;min-height:100dvh;background:var(--ti-bg);color:var(--ti-ink);overflow-x:clip;font-family:var(--font-sans, "Inter", system-ui, sans-serif)}.ti-logo{--tl-green: #10b981;--tl-ink: var(--text, #14212e);display:inline-flex;align-items:baseline;gap:.06em;font-weight:800;font-size:1.5rem;letter-spacing:-.035em;line-height:1;color:var(--tl-ink);-webkit-user-select:none;user-select:none}.ti-logo-word{font:inherit}.ti-logo-i{position:relative;display:inline-block}.ti-logo-i:after{content:"";position:absolute;left:50%;top:.03em;width:.17em;height:.17em;border-radius:50%;transform:translate(-50%);background:var(--tl-green)}.ti-logo-inf{height:.78em;width:auto;align-self:baseline;transform:translateY(.05em);overflow:visible;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.ti-inf-base,.ti-inf-flow{fill:none;stroke-width:11;stroke-linecap:round;stroke-linejoin:round}.ti-inf-base{stroke-dasharray:100;stroke-dashoffset:0;animation:ti-inf-draw 1.2s cubic-bezier(.65,0,.35,1) both}.ti-inf-flow{stroke:#ffffffe6;stroke-width:4.5;stroke-dasharray:10 90;animation:ti-inf-flow 3.4s linear 1.2s infinite;opacity:0;animation-fill-mode:forwards}.ti-logo:hover .ti-logo-inf{transform:translateY(.05em) scale(1.12) rotate(-4deg)}.ti-logo:hover .ti-inf-flow{animation-duration:1.1s}@keyframes ti-inf-draw{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes ti-inf-flow{0%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-100;opacity:1}}.ti-logo.compact{font-size:1.15rem}.ti-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(16px,5vw,56px);background:#f8fafccc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(15,23,42,.06);animation:ti-drop .6s ease both}@keyframes ti-drop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.ti-nav-brand{text-decoration:none}.ti-nav-links{display:flex;gap:clamp(14px,3vw,32px)}.ti-nav-links a{color:var(--ti-muted);text-decoration:none;font-weight:600;font-size:.95rem;position:relative}.ti-nav-links a:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--ti-green),var(--ti-blue));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.ti-nav-links a:hover:after{transform:scaleX(1)}.ti-btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;font-weight:700;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease;will-change:transform}.ti-btn.primary{background:linear-gradient(120deg,var(--ti-green),var(--ti-blue));background-size:160% 160%;color:#fff;box-shadow:0 8px 24px #10b98159;animation:ti-gradient-shift 5s ease infinite}.ti-btn.primary:hover{transform:translateY(-3px);box-shadow:0 14px 32px #10b98173}.ti-btn.ghost{border:2px solid rgba(15,23,42,.14);color:var(--ti-ink);background:#fff}.ti-btn.ghost:hover{transform:translateY(-3px);border-color:var(--ti-green)}.ti-btn.small{padding:9px 18px;font-size:.9rem}.ti-btn.big{padding:15px 30px;font-size:1.05rem}.ti-btn-arrow{transition:transform .25s ease}.ti-btn:hover .ti-btn-arrow{transform:translate(4px)}.ti-btn.pulse{animation:ti-gradient-shift 5s ease infinite,ti-pulse 2.4s ease-in-out infinite}@keyframes ti-pulse{0%,to{box-shadow:0 8px 24px #10b98159,0 0 #10b98166}50%{box-shadow:0 8px 24px #10b98159,0 0 0 14px #10b98100}}@keyframes ti-gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.ti-hero{position:relative;padding:clamp(48px,8vw,96px) clamp(16px,5vw,56px) clamp(56px,8vw,110px);overflow:hidden}.ti-blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;pointer-events:none;animation:ti-blob-float 14s ease-in-out infinite}.ti-blob.b1{width:480px;height:480px;background:#a7f3d0;top:-140px;left:-100px;transform:translate(calc(var(--mx, 0) * 18px),calc(var(--my, 0) * 18px))}.ti-blob.b2{width:420px;height:420px;background:#bae6fd;top:60px;right:-120px;animation-delay:-5s;transform:translate(calc(var(--mx, 0) * -24px),calc(var(--my, 0) * -24px))}.ti-blob.b3{width:300px;height:300px;background:#fef08a;bottom:-120px;left:38%;opacity:.35;animation-delay:-9s}@keyframes ti-blob-float{0%,to{scale:1}50%{scale:1.15}}.ti-hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,64px);align-items:center;max-width:1180px;margin:0 auto}.ti-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:999px;background:#fff;border:1px solid rgba(16,185,129,.3);color:#047857;font-weight:700;font-size:.85rem;box-shadow:0 4px 14px #10b9811f;animation:ti-rise .7s ease .1s both}.ti-hero h1{margin:20px 0 0;font-size:clamp(1.9rem,4.6vw,3.4rem);line-height:1.14;letter-spacing:-.03em;font-weight:850;animation:ti-rise .7s ease .22s both}.ti-gradient-text{background:linear-gradient(120deg,var(--ti-green),var(--ti-blue),var(--ti-green));background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ti-gradient-shift 4s linear infinite}.ti-hero-sub{margin:18px 0 0;max-width:34rem;color:var(--ti-muted);font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.65;animation:ti-rise .7s ease .34s both}.ti-hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;animation:ti-rise .7s ease .46s both}.ti-hero-trust{display:block;margin-top:16px;font-size:.86rem;color:var(--ti-muted);animation:ti-rise .7s ease .58s both}@keyframes ti-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.ti-hero-visual{position:relative;min-height:380px;display:flex;align-items:center;justify-content:center;animation:ti-rise .8s ease .4s both}.ti-demo-card{position:relative;width:min(360px,100%);background:#fff;border-radius:20px;border:1px solid rgba(15,23,42,.07);box-shadow:0 24px 60px #0f172a24;padding:20px;animation:ti-card-float 6s ease-in-out infinite}@keyframes ti-card-float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(1deg)}}.ti-demo-head{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--ti-muted)}.ti-demo-tag{background:linear-gradient(120deg,var(--ti-green),var(--ti-blue));color:#fff;font-weight:800;padding:3px 10px;border-radius:999px}.ti-demo-timer{margin-left:auto;font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;gap:4px}.ti-demo-sentence{margin:16px 0 14px;font-size:1rem;line-height:1.55;font-weight:600}.ti-demo-blank{display:inline-block;min-width:74px;border-bottom:2px dashed var(--ti-blue);animation:ti-blink 1.6s ease infinite}@keyframes ti-blink{0%,to{border-color:var(--ti-blue)}50%{border-color:transparent}}.ti-demo-options{display:grid;gap:8px}.ti-demo-opt{padding:9px 14px;border-radius:12px;border:1.5px solid rgba(15,23,42,.08);font-size:.92rem;font-weight:600;background:#fff;display:flex;align-items:center;justify-content:space-between}.ti-demo-opt.picked{animation:ti-opt-pick 7s ease infinite}.ti-demo-check{opacity:0;font-style:normal;animation:ti-check-in 7s ease infinite}@keyframes ti-opt-pick{0%,24%{border-color:#0f172a14;background:#fff;color:inherit}30%,38%{border-color:var(--ti-blue);background:#eff6ff}46%,92%{border-color:var(--ti-green);background:#ecfdf5;color:#047857}to{border-color:#0f172a14;background:#fff}}@keyframes ti-check-in{0%,44%{opacity:0;transform:scale(.4)}50%,92%{opacity:1;transform:scale(1)}to{opacity:0}}.ti-demo-explain{margin-top:12px;padding:10px 14px;border-radius:12px;background:#ecfdf5;border:1px solid rgba(16,185,129,.25);display:flex;flex-direction:column;gap:2px;font-size:.85rem;color:#065f46;opacity:0;animation:ti-explain-in 7s ease infinite}@keyframes ti-explain-in{0%,48%{opacity:0;transform:translateY(8px)}56%,92%{opacity:1;transform:translateY(0)}to{opacity:0}}.ti-demo-toast{position:absolute;top:-14px;right:-10px;background:#fbbf24;color:#78350f;font-weight:800;font-size:.85rem;padding:7px 14px;border-radius:999px;box-shadow:0 8px 20px #fbbf2466;opacity:0;animation:ti-toast-in 7s ease infinite}@keyframes ti-toast-in{0%,50%{opacity:0;transform:translateY(10px) scale(.7)}58%,88%{opacity:1;transform:translateY(0) scale(1)}96%,to{opacity:0;transform:translateY(-8px) scale(.9)}}.ti-float-chip{position:absolute;display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:999px;padding:8px 16px;font-size:.85rem;font-weight:700;box-shadow:0 10px 26px #0f172a1f;animation:ti-chip-float 5s ease-in-out infinite}.ti-float-chip.c1{top:4%;left:-4%;animation-delay:-1s}.ti-float-chip.c2{top:16%;right:-6%;animation-delay:-2.4s}.ti-float-chip.c3{bottom:12%;left:-8%;animation-delay:-3.2s}.ti-float-chip.c4{bottom:-2%;right:2%;animation-delay:-4.1s}@keyframes ti-chip-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.ti-marquee{overflow:hidden;background:var(--ti-ink);padding:13px 0;transform:rotate(-1deg) scale(1.02)}.ti-marquee-track{display:flex;gap:38px;width:max-content;animation:ti-marquee 30s linear infinite}.ti-marquee-track span{color:#e2e8f0;font-weight:700;font-size:.88rem;white-space:nowrap;display:flex;align-items:center;gap:38px}.ti-marquee-track span:after{content:"✦";color:var(--ti-green)}@keyframes ti-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.ti-section{max-width:1180px;margin:0 auto;padding:clamp(60px,9vw,110px) clamp(16px,5vw,56px) clamp(50px,7vw,90px);text-align:center}.ti-kicker{display:inline-block;color:#047857;font-weight:800;font-size:.82rem;text-transform:uppercase;letter-spacing:.14em}.ti-h2{margin:12px auto 0;max-width:40rem;font-size:clamp(1.5rem,3.4vw,2.3rem);letter-spacing:-.02em;line-height:1.2;font-weight:820}.ti-reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}.ti-reveal.in-view{opacity:1;transform:translateY(0)}.ti-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:44px;text-align:left}.ti-feature-card{height:100%;background:#fff;border:1px solid rgba(15,23,42,.07);border-radius:18px;padding:26px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.ti-feature-card:hover{transform:translateY(-8px);border-color:#10b98166;box-shadow:0 22px 48px #0f172a1f}.ti-feature-icon{display:inline-grid;place-items:center;width:52px;height:52px;font-size:1.5rem;border-radius:14px;background:linear-gradient(135deg,#ecfdf5,#e0f2fe);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.ti-feature-card:hover .ti-feature-icon{transform:scale(1.15) rotate(-6deg)}.ti-feature-card h3{margin:16px 0 8px;font-size:1.08rem;font-weight:800}.ti-feature-card p{margin:0;color:var(--ti-muted);font-size:.93rem;line-height:1.6}.ti-stats{background:linear-gradient(120deg,#064e3b,#0c4a6e);padding:clamp(40px,6vw,64px) clamp(16px,5vw,56px)}.ti-stats-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;text-align:center}.ti-stat strong{display:block;font-size:clamp(2rem,4.6vw,3.1rem);font-weight:850;background:linear-gradient(120deg,#6ee7b7,#7dd3fc);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}.ti-stat span{color:#cbd5e1;font-size:.9rem;font-weight:600}.ti-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:44px;text-align:left}.ti-step{position:relative;height:100%;background:#fff;border:1px solid rgba(15,23,42,.07);border-radius:18px;padding:28px 26px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.ti-step:hover{transform:translateY(-8px);box-shadow:0 22px 48px #0f172a1f}.ti-step-n{position:absolute;top:-18px;right:6px;font-size:5.4rem;font-weight:900;color:#10b9811a;letter-spacing:-.06em}.ti-step h3{margin:0 0 8px;font-size:1.08rem;font-weight:800}.ti-step p{margin:0;color:var(--ti-muted);font-size:.93rem;line-height:1.6}.ti-final{position:relative;text-align:center;padding:clamp(70px,10vw,130px) clamp(16px,5vw,56px);overflow:hidden}.ti-blob.b4{width:520px;height:520px;background:#a7f3d0;left:50%;top:50%;translate:-50% -50%;opacity:.35}.ti-final-inner{position:relative}.ti-final h2{margin:0;font-size:clamp(1.7rem,4vw,2.7rem);font-weight:850;letter-spacing:-.02em}.ti-final p{margin:14px 0 28px;color:var(--ti-muted);font-size:1.05rem}.ti-footer{background:linear-gradient(180deg,var(--ti-bg) 0%,rgba(241,245,249,.6) 100%);border-top:1px solid rgba(15,23,42,.07);padding:64px clamp(16px,5vw,56px) 32px;color:var(--ti-muted);font-size:.9rem}.ti-footer-inner{max-width:1180px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:48px}.ti-footer-main{display:grid;grid-template-columns:1.2fr 2fr;gap:48px}.ti-footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.ti-footer-tagline{margin:0;color:var(--text-secondary);font-size:.92rem;line-height:1.6;text-align:left}.ti-footer-meta{font-size:.82rem;display:flex;align-items:center;gap:6px;color:var(--text-muted)}.ti-footer-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.ti-footer-col{display:flex;flex-direction:column;gap:16px;text-align:left}.ti-footer-col h4{margin:0;font-size:.88rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ti-ink)}.ti-footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.ti-footer-col a{color:var(--ti-muted);text-decoration:none;font-weight:600;transition:color .2s ease,transform .2s ease;display:inline-block}.ti-footer-col a:hover{color:var(--ti-green);transform:translate(3px)}.ti-status-indicator{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:#047857;font-weight:600}.ti-status-dot{width:8px;height:8px;background-color:#10b981;border-radius:50%;display:inline-block;position:relative}.ti-status-dot:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#10b981;border-radius:50%;animation:ti-ping 1.5s cubic-bezier(0,0,.2,1) infinite}@keyframes ti-ping{75%,to{transform:scale(2.5);opacity:0}}.ti-footer-bottom{border-top:1px solid rgba(15,23,42,.06);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-size:.82rem;color:var(--text-muted)}.ti-footer-bottom p{margin:0}.ti-footer-bottom-links{display:flex;align-items:center;gap:12px}.ti-footer-bottom-links a{color:var(--text-muted);text-decoration:none;font-weight:500}.ti-footer-bottom-links a:hover{color:var(--ti-green)}.ti-divider{color:#0f172a26}@media(max-width:900px){.ti-footer-main{grid-template-columns:1fr;gap:36px}.ti-footer-brand{max-width:100%}}@media(max-width:560px){.ti-footer-links-grid{grid-template-columns:1fr 1fr}.ti-footer-bottom{flex-direction:column;align-items:flex-start}}@media(max-width:900px){.ti-hero-inner{grid-template-columns:1fr}.ti-hero-visual{min-height:340px;margin-top:12px}.ti-feature-grid,.ti-steps,.ti-stats-grid{grid-template-columns:1fr 1fr}.ti-nav-links{display:none}}@media(max-width:560px){.ti-feature-grid,.ti-steps{grid-template-columns:1fr}.ti-float-chip.c1,.ti-float-chip.c3{left:0}.ti-float-chip.c2,.ti-float-chip.c4{right:0}}@media(prefers-reduced-motion:reduce){.ti-landing *,.ti-landing *:before,.ti-landing *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ti-reveal{opacity:1;transform:none}}.welcome-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--gradient-hero)}.welcome-card{width:100%;max-width:560px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--space-8) var(--space-8) var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-5);text-align:center;overflow:hidden}.welcome-logo{display:flex;justify-content:center}.welcome-slides-wrapper{width:100%;overflow:hidden}.welcome-slides{display:flex;width:100%;transition:transform .35s cubic-bezier(.22,1,.36,1)}.welcome-slide{flex:0 0 100%;min-width:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding-bottom:12px;min-height:380px;justify-content:flex-start}.welcome-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%;animation:welcome-fade .4s ease}.welcome-title{font-size:var(--text-3xl);font-weight:800;letter-spacing:-.02em;color:var(--text);display:inline-flex;align-items:center;gap:var(--space-2)}.welcome-h2{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.015em;color:var(--text)}.welcome-sub{font-size:var(--text-base);color:var(--text-muted);line-height:var(--leading-relaxed);max-width:42ch}.welcome-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:52px;padding:0 var(--space-8);margin-top:var(--space-3);border:none;border-radius:16px;background:var(--primary);color:#fff;font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;box-shadow:0 5px 0 var(--primary-active);transition:transform .08s ease,box-shadow .08s ease,filter .12s ease}.welcome-btn:hover:not(:disabled){filter:brightness(1.06)}.welcome-btn:active:not(:disabled){transform:translateY(5px);box-shadow:0 0 0 var(--primary-active)}.welcome-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.welcome-goals{display:flex;flex-direction:column;gap:var(--space-3);width:100%;margin-top:var(--space-2)}.welcome-goal-chip{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:2px solid var(--border);border-bottom-width:4px;border-radius:var(--radius-lg);cursor:pointer;text-align:left;font:inherit;transition:border-color var(--transition-fast),background var(--transition-fast),transform .08s ease}.welcome-goal-chip:hover{border-color:var(--border-hover)}.welcome-goal-chip.active{border-color:var(--primary);border-bottom-color:var(--primary-active);background:var(--primary-light)}.welcome-goal-chip:active{transform:translateY(2px);border-bottom-width:2px}.welcome-goal-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);background:var(--primary-light);flex-shrink:0}.welcome-goal-text{display:flex;flex-direction:column;gap:2px}.welcome-goal-text strong{font-size:var(--text-base);font-weight:700;color:var(--text)}.welcome-goal-text small{font-size:var(--text-sm);color:var(--text-muted)}.welcome-skills{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);width:100%;margin-top:var(--space-2)}.welcome-skill{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:left;transition:transform var(--transition-spring),border-color var(--transition-fast)}.welcome-skill:hover{transform:translateY(-2px);border-color:var(--primary-border)}.welcome-skill-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--surface);flex-shrink:0}.welcome-skill-text{display:flex;flex-direction:column;gap:1px;min-width:0}.welcome-skill-text strong{font-size:var(--text-sm);font-weight:700;color:var(--text)}.welcome-skill-text small{font-size:var(--text-xs);color:var(--text-muted);line-height:1.35}.welcome-nav-row{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3);width:100%;justify-content:space-between}.welcome-back-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:none;background:transparent;color:var(--text-muted);font-size:var(--text-sm);font-weight:600;cursor:pointer;border-radius:var(--radius-md);transition:background .15s ease,color .15s ease}.welcome-back-btn:hover{background:var(--surface-2);color:var(--text)}.welcome-dots{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.welcome-dot{width:8px;height:8px;border-radius:50%;background:var(--border-hover);transition:background var(--transition-fast),width var(--transition-spring)}.welcome-dot.active{background:var(--primary);width:22px;border-radius:var(--radius-full)}@keyframes welcome-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.welcome-hero-card{position:relative;width:100%;padding:var(--space-6) var(--space-5);background:linear-gradient(135deg,var(--primary-light),var(--surface-2));border:1px solid var(--primary-border);border-radius:var(--radius-xl);overflow:hidden;margin:var(--space-4) 0;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);box-shadow:0 4px 15px #00000005}.welcome-hero-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(34,197,94,.1) 120deg,transparent 240deg);animation:rotate-glow 6s linear infinite;pointer-events:none}.welcome-hero-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:#fff;border:1px solid var(--primary-border);border-radius:var(--radius-full);color:var(--primary-text);font-size:var(--text-xs);font-weight:var(--weight-bold);box-shadow:0 4px 12px #22c55e1f;z-index:1}.welcome-hero-card h3{font-size:18px;font-weight:800;color:var(--text);margin:var(--space-1) 0 0;letter-spacing:-.01em;z-index:1}.welcome-hero-card p{font-size:13px;color:var(--text-secondary);max-width:32ch;line-height:1.45;margin:0;z-index:1}@media(max-width:520px){.welcome-card{padding:var(--space-6) var(--space-5) var(--space-5)}.welcome-title{font-size:var(--text-2xl)}.welcome-h2{font-size:var(--text-xl)}.welcome-skills{grid-template-columns:1fr}}.dictation-hub{animation:fadeInUp .4s ease both;max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-8)}.dictation-steps{display:flex;flex-direction:column;gap:var(--space-8)}.dictation-step{display:flex;flex-direction:column;gap:var(--space-4)}.step-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-lg);font-weight:var(--weight-semibold)}.step-number{width:28px;height:28px;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--weight-bold)}.part-select-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.part-select-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.part-select-card:hover{border-color:var(--border-hover);background:var(--surface-2)}.part-select-card.selected{border-color:var(--primary-border);background:var(--primary-light)}.part-select-icon{font-size:24px}.part-select-info{flex:1}.part-select-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);display:block}.part-select-desc{font-size:var(--text-xs);color:var(--text-muted)}.test-select-list{display:flex;flex-direction:column;gap:var(--space-2)}.dictation-summary{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.dictation-session{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6);animation:fadeInUp .4s ease both}.learning-session-shell__content.protected-dictation-session-content .toeic-protected-item{max-width:1100px;margin:0 auto}.learning-session-shell__content.protected-dictation-session-content .protected-dictation-session__stimulus{padding:22px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-sm)}.protected-dictation-session__layout{align-items:stretch}.protected-dictation-session__audio-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border)}.protected-dictation-session__audio-head .count-badge{font-weight:800;letter-spacing:.055em}.protected-dictation-session__replay{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.protected-dictation-session__image{margin-top:16px}.protected-dictation-session__editor{min-height:100%;padding:22px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),background var(--transition-fast)}.protected-dictation-session__editor.is-wrong{border-color:var(--danger-border);background:color-mix(in srgb,var(--danger-light) 45%,var(--surface));animation:dictShake .4s ease}.protected-dictation-session__editor.is-correct{border-color:var(--success-border)}.protected-dictation-session__question-head p{margin:10px 0 0;color:var(--text-muted);font-size:13px;line-height:1.55}.protected-dictation-session__question-head kbd,.protected-dictation-session__keyboard-hint kbd{padding:2px 6px;border:1px solid var(--border);border-bottom-width:2px;border-radius:6px;color:var(--text-secondary);background:var(--bg-subtle);font:700 11px/1.2 var(--font-sans)}.protected-dictation-session__word-boxes{align-content:flex-start;padding:18px 0}.protected-dictation-session__word-boxes .word-cell{max-width:min(100%,220px)}.protected-dictation-session__word-boxes .word-input:disabled{opacity:.8;cursor:default}.protected-dictation-session__keyboard-hint{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:auto;padding-top:14px;border-top:1px solid var(--border);color:var(--text-muted);font-size:11px}.protected-dictation-session__keyboard-hint>span{display:inline-flex;align-items:center;gap:6px}.protected-dictation-session__review{padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--bg-subtle);color:var(--text)}.protected-dictation-session__review strong{color:var(--primary-text)}.protected-dictation-session__message,.protected-dictation-session__actions+p{margin:0;color:var(--text-secondary);font-weight:650}.protected-dictation-session__actions{display:flex;width:100%;gap:10px}.protected-dictation-session__actions .btn{flex:1;min-height:44px}.protected-dictation-session__actions .protected-dictation-session__previous{flex:0 0 auto}.protected-dictation-classic-shell .p1-mode-pill>span{font-size:11px;font-weight:700}.protected-dictation-classic-shell__left .p1-audio-row{padding:var(--space-3) var(--space-4)}.protected-dictation-classic-shell__left .p1-photo-stage{min-height:260px}.protected-dictation-classic-shell__no-audio{color:var(--text-muted);font-size:var(--text-sm)}.protected-dictation-classic-shell__right .p1-scroll{gap:var(--space-3)}.protected-dictation-classic-shell__instruction{margin:0;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.65}.protected-dictation-classic-shell__instruction kbd{display:inline-block;padding:1px 6px;border:1px solid var(--border);border-bottom-width:2px;border-radius:var(--radius-sm);background:var(--surface-3);color:var(--text-secondary);font:700 11px/1.3 var(--font-mono)}.protected-dictation-classic-shell__right .toeic-copy-row{gap:var(--space-3);padding:var(--space-4)}.protected-dictation-classic-shell__right .toeic-copy-label strong{overflow:hidden;color:var(--text);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap}.protected-dictation-classic-shell__right .protected-dictation-session__word-boxes{padding:8px 0 2px}.protected-dictation-classic-shell__right .protected-dictation-session__keyboard-hint{margin-top:2px}.protected-dictation-classic-shell__right .protected-dictation-session__review{background:var(--success-light)}.protected-dictation-classic-shell__review-action{min-width:110px;height:44px;padding:0 var(--space-4);border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.protected-dictation-classic-shell__review-action:hover:not(:disabled){border-color:var(--primary-border);background:var(--primary-light);color:var(--primary-text)}.protected-dictation-classic-shell__review-action:disabled{opacity:.45;cursor:not-allowed}.dictation-mobile-head{display:none}.dictation-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.dictation-item-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}@media(max-width:768px){body:has(.protected-dictation-session-content) .tooich-mascot{display:none}.part-select-grid{grid-template-columns:1fr}.dictation-hub,.dictation-step,.dictation-summary{max-width:100%;min-width:0}.dictation-step .flex.gap-2{flex-wrap:wrap}.part-select-card,.part-select-info{min-width:0}.dictation-start-btn{width:100%;min-width:0!important;white-space:normal;line-height:1.25}.dictation-mobile-head{display:block;margin:0 0 18px;padding:0 2px}.dictation-mobile-head>span{color:var(--primary-text);font-size:10px;font-weight:800;letter-spacing:.08em}.dictation-mobile-head h1{margin:4px 0 3px;color:var(--text);font-size:24px;line-height:1.18;letter-spacing:-.02em}.dictation-mobile-head p{margin:0;color:var(--text-muted);font-size:13px;line-height:1.45}.dictation-mobile-head.is-detail{margin-bottom:16px}.protected-dictation-session__actions{flex-direction:row;flex-wrap:wrap}.protected-dictation-session__actions .btn{min-width:0;padding-inline:12px}.protected-dictation-session__actions .protected-dictation-session__previous{flex:0 1 auto}.protected-dictation-session__editor,.learning-session-shell__content.protected-dictation-session-content .protected-dictation-session__stimulus{padding:16px}.protected-dictation-session__keyboard-hint{gap:8px}.protected-dictation-classic-shell .p1-header-right .p1-mode-pill{display:none}.protected-dictation-classic-shell__left .p1-photo-stage{min-height:220px}.protected-dictation-classic-shell__review-action{min-width:0;padding-inline:10px}}.toeic-copy-row{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition-base),background var(--transition-base)}.toeic-copy-row.passed{border-color:var(--success-border);background:var(--success-light)}.toeic-copy-row.wrong{border-color:var(--danger-border);background:var(--danger-light);animation:dictShake .4s ease}@keyframes dictShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.toeic-copy-label{display:flex;align-items:center;gap:var(--space-2)}.toeic-copy-label>span:first-child{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:800;color:var(--text-secondary);flex-shrink:0}.toeic-copy-row.passed .toeic-copy-label>span:first-child{background:var(--success);border-color:var(--success);color:#fff}.toeic-copy-label>span:first-child:empty{display:none}.toeic-copy-label .btn.subtle{margin-left:auto;padding:4px 12px;font-size:var(--text-xs);gap:5px}.toeic-copy-label .btn.subtle:before{content:"";width:0;height:0;border-left:7px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent}.toeic-copy-main{display:flex;flex-direction:column;gap:var(--space-3)}.toeic-copy-main>.small{font-size:var(--text-sm);color:var(--text-secondary);font-style:italic;line-height:1.5}.toeic-word-boxes{display:flex;flex-wrap:wrap;gap:8px;margin:0}.word-cell{position:relative;display:inline-flex;height:46px;min-width:3.5ch;flex-shrink:0;font-family:var(--font-mono);font-size:var(--text-base)}.word-input{width:100%;height:100%;min-width:0;padding:0 10px;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-base);font-weight:var(--weight-bold);text-align:center;font-family:var(--font-mono);letter-spacing:.02em;outline:none;transition:all var(--transition-fast)}.word-input::placeholder{color:var(--text-muted)}.word-input:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px var(--primary-light)}.word-input.correct{border-color:var(--success);background:var(--success-light);color:var(--success-text)}.word-input.speaking{border-color:var(--primary);background:var(--primary-light);color:var(--primary-text)}@property --ring-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.word-cell-ring{position:absolute;inset:-3px;border-radius:10px;padding:2.5px;background:conic-gradient(from var(--ring-angle),transparent 0%,var(--primary) 12%,transparent 32%,transparent 68%,var(--primary) 88%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:wordRingSpin 1.1s linear infinite;pointer-events:none;z-index:0}@keyframes wordRingSpin{to{--ring-angle: 360deg}}@supports not (background: conic-gradient(from var(--ring-angle),#000,#fff)){.word-cell-ring{background:none;box-shadow:0 0 0 2px var(--primary);animation:none}}.feedback-line{font-size:var(--text-xs);color:var(--text-muted);line-height:1.4;min-height:1.2em}.feedback-line.ok-text{color:var(--success-text);font-weight:var(--weight-bold)}.feedback-line.bad-text{color:var(--danger-text);font-weight:var(--weight-semibold)}.typing-reveal{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--success-text);background:var(--surface);border:1px dashed var(--success-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);line-height:1.5;word-break:break-word}.typing-caret{display:inline-block;width:2px;height:1em;background:var(--success);margin-left:2px;vertical-align:text-bottom;animation:dictCaret .8s step-end infinite}@keyframes dictCaret{0%,to{opacity:1}50%{opacity:0}}.phrase-review{display:flex;flex-direction:column;gap:4px;padding-top:var(--space-2);border-top:1px dashed var(--border)}.phrase-review .small.muted{font-size:11px;color:var(--text-muted)}.phrase-review-text{font-size:var(--text-sm);line-height:1.7;color:var(--text)}.p1-dict-progress-pill{margin-left:auto;padding:2px 10px;background:var(--primary-light);color:var(--primary-text);border:1px solid var(--primary-border);border-radius:var(--radius-full);font-size:11px;font-weight:700}.p1-dict-rows{display:flex;flex-direction:column;gap:var(--space-3)}.p1-dict-row{transition:opacity var(--transition-base)}.p1-q-text kbd{display:inline-block;padding:1px 6px;background:var(--surface-3);border:1px solid var(--border);border-bottom-width:2px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--text-secondary)}.p1-audio-hint-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);padding:2px 8px}.p1-track.has-segments{height:10px;overflow:visible}.p1-track-seg{position:absolute;top:-2px;height:calc(100% + 4px);padding:0;border:1px solid rgba(14,147,132,.35);border-radius:var(--radius-full);background:#0e938424;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.p1-track-seg:hover{background:#0e938452;border-color:var(--primary)}.p1-track-seg.is-active{background:#0e938473;border-color:var(--primary);box-shadow:0 0 0 2px #0e93842e}.p1-track-seg.is-done{background:#64748b38;border-color:transparent}.p1-audio-full-btn{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary-text);background:var(--primary-light);border:1px solid var(--primary-border);border-radius:var(--radius-full);padding:2px 10px;cursor:pointer;transition:background var(--transition-fast)}.p1-audio-full-btn:hover{background:#d1fae5}.p1-seg-hint{margin-top:6px;font-size:var(--text-xs);color:var(--text-muted)}.p1-dict-row{border-radius:var(--radius-md);transition:opacity var(--transition-base),box-shadow var(--transition-fast)}.p1-dict-row.is-active{box-shadow:0 0 0 2px var(--primary-border)}.p1-dict-row.is-active .toeic-copy-row{border-color:var(--primary-border)}.dict-hintbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;margin:0 0 14px;background:var(--surface-2, #fff);border:1px solid var(--border, #e5e7eb);border-radius:12px}.dict-hintbar-label{font-size:12px;font-weight:600;color:var(--text-secondary, #6b7280)}.dict-hintbar-seg{display:inline-flex;padding:3px;background:var(--surface-1, #f3f4f6);border-radius:999px;gap:2px}.dict-hintbar-opt{border:none;background:transparent;padding:5px 14px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--text-secondary, #6b7280);cursor:pointer;transition:background .15s,color .15s}.dict-hintbar-opt:hover{color:var(--primary, var(--primary))}.dict-hintbar-opt.is-active{background:var(--primary, var(--primary));color:#fff}.dict-hintbar-example{font-size:11.5px;color:var(--text-muted, #9ca3af);font-family:var(--font-mono, monospace)}.dict-hint-bar{display:inline-flex;align-items:center;gap:8px;margin:6px 0 2px;padding:5px 12px;background:var(--primary-light, var(--primary-light));border:1px solid var(--primary-border, var(--primary-border));border-radius:999px;animation:dict-hint-pop .2s ease}.dict-hint-key{font-size:11px;font-weight:600;color:var(--primary-text, var(--primary-text));text-transform:uppercase;letter-spacing:.03em}.dict-hint-text{font-family:var(--font-mono, monospace);font-size:16px;font-weight:700;letter-spacing:.22em;color:var(--primary, var(--primary))}@keyframes dict-hint-pop{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}:root[data-tooich-shop-theme=night] .dictation-session,:root[data-tooich-shop-theme=night] .p1-right,:root[data-tooich-shop-theme=night] .p1-left{color:var(--text, #eef9f7)}:root[data-tooich-shop-theme=night] .p1-card{background:var(--surface, #172a31);border:1px solid var(--border, rgba(202, 235, 230, .14))}:root[data-tooich-shop-theme=night] .p1-right{background:var(--surface, #172a31);border:1.5px solid rgba(73,205,184,.2);border-radius:var(--radius-xl, 18px);box-shadow:0 10px 30px #00000059}:root[data-tooich-shop-theme=night] .p1-photo-stage{background:#091419;border:1.5px solid rgba(73,205,184,.2);box-shadow:inset 0 0 20px #00000080}:root[data-tooich-shop-theme=night] .p1-audio-bar{background:var(--surface-2, #1b3138);border:1px solid rgba(73,205,184,.2)}:root[data-tooich-shop-theme=night] .p1-audio-eyebrow{color:var(--primary-text, #49cdb8);font-weight:700}:root[data-tooich-shop-theme=night] .toeic-copy-row{background:var(--surface-2, #1b3138);border:1.5px solid rgba(73,205,184,.18);box-shadow:0 4px 14px #00000040}:root[data-tooich-shop-theme=night] .p1-dict-row.is-active .toeic-copy-row{border-color:var(--primary-text, #49cdb8);background:#1e373f;box-shadow:0 0 0 3px #49cdb840,0 6px 20px #00000059}:root[data-tooich-shop-theme=night] .toeic-copy-row.passed{border-color:var(--success-border, #285f57);background:#10b98124}:root[data-tooich-shop-theme=night] .toeic-copy-row.wrong{border-color:var(--danger-border, #7f1d1d);background:#ef444424}:root[data-tooich-shop-theme=night] .toeic-copy-label>span:first-child{background:var(--surface-3, #243d44);border:1.5px solid rgba(73,205,184,.3);color:#fff;font-weight:800}:root[data-tooich-shop-theme=night] .toeic-copy-main>.small{color:#cce3df;font-size:14px;font-style:italic;line-height:1.5}:root[data-tooich-shop-theme=night] .word-input{background:var(--bg-subtle, #12252b);border:1.5px solid rgba(73,205,184,.28);color:#fff;font-weight:700;font-size:16px;box-shadow:inset 0 2px 4px #0006}:root[data-tooich-shop-theme=night] .word-input::placeholder{color:var(--text-muted, #91aaa6)}:root[data-tooich-shop-theme=night] .word-input:focus{border-color:var(--primary-text, #49cdb8);background:#0b1a20;box-shadow:0 0 0 3px #49cdb859,inset 0 2px 4px #0006}:root[data-tooich-shop-theme=night] .word-input.correct{border-color:#10b981;background:#10b98133;color:#34d399}:root[data-tooich-shop-theme=night] .word-input.speaking{border-color:var(--primary-text, #49cdb8);background:#49cdb838;color:#fff}:root[data-tooich-shop-theme=night] .feedback-line{color:#a3c2be}:root[data-tooich-shop-theme=night] .dict-hintbar{background:var(--surface-2, #1b3138);border:1px solid rgba(73,205,184,.2)}:root[data-tooich-shop-theme=night] .dict-hintbar-label{color:var(--text-secondary, #c2d8d4)}:root[data-tooich-shop-theme=night] .dict-hintbar-seg{background:var(--bg-subtle, #12252b);border:1px solid rgba(73,205,184,.15)}:root[data-tooich-shop-theme=night] .dict-hintbar-opt{color:var(--text-secondary, #c2d8d4)}:root[data-tooich-shop-theme=night] .dict-hintbar-opt.is-active{background:var(--primary-text, #49cdb8);color:#0e1c22;font-weight:700}:root[data-tooich-shop-theme=night] .p1-q-text{color:var(--text, #eef9f7)}:root[data-tooich-shop-theme=night] .p1-q-text kbd{background:var(--surface-3, #243d44);border:1px solid rgba(73,205,184,.3);border-bottom-width:2px;color:#fff}:root[data-tooich-shop-theme=night] .p1-dict-progress-pill{background:#49cdb82e;color:var(--primary-text, #49cdb8);border:1px solid rgba(73,205,184,.35)}:root[data-tooich-shop-theme=night] .toeic-copy-label .btn.subtle{background:#49cdb81f;border:1px solid rgba(73,205,184,.3);color:var(--primary-text, #49cdb8);font-weight:700}:root[data-tooich-shop-theme=night] .toeic-copy-label .btn.subtle:hover{background:#49cdb840;color:#fff}.skill-page{max-width:var(--content-max);margin-inline:auto;padding:var(--space-6) var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.skill-page-hero{display:flex;align-items:center;gap:var(--space-3)}.skill-page-back{flex-shrink:0;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);cursor:pointer;font-size:var(--text-lg);transition:border-color .14s ease,color .14s ease}.skill-page-back:hover{border-color:var(--border-hover);color:var(--text)}.skill-page-title{display:flex;flex-direction:column;gap:2px;min-width:0}.skill-page-title h1{margin:0;font-size:var(--text-2xl);font-weight:600;line-height:1.2}.skill-page-badge{font-size:var(--text-sm);color:var(--text-muted)}.skill-progress-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.skill-progress-text{font-size:var(--text-sm);color:var(--text-secondary)}.skill-progress-percent{font-size:var(--text-sm);font-weight:600;color:var(--primary);font-variant-numeric:tabular-nums}.writing-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.write-head{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-light)}.toeic-copy-panel{display:flex;flex-direction:column;gap:var(--space-4)}.skill-done-banner{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-8);text-align:center}.skill-done-icon{font-size:44px;line-height:1}.skill-done-title{margin:var(--space-3) 0 var(--space-2);font-size:var(--text-2xl);font-weight:600}.skill-done-text{margin:0 0 var(--space-5);color:var(--text-muted)}.skill-done-actions{display:flex;justify-content:center;gap:var(--space-3)}.spk-hub{display:flex;flex-direction:column;gap:var(--space-5);animation:fadeInUp .35s ease both}.spk-hub-title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text);margin:0;line-height:1.2}.spk-hub-subtitle{font-size:var(--text-xs);color:var(--text-muted);margin:0;line-height:1.4}.spk-hub-test-select{display:flex;flex-direction:column;gap:3px;flex-shrink:0}.spk-select-label{font-size:10px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em}.spk-select{padding:6px 28px 6px 10px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer;min-width:220px;outline:none;transition:border-color var(--transition-fast)}.spk-select:focus{border-color:var(--primary)}.spk-stats-row{display:flex;gap:var(--space-2);align-items:center}.spk-stat-chip{display:inline-flex;align-items:baseline;gap:6px;padding:6px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);box-shadow:var(--shadow-xs)}.spk-stat-num{font-size:var(--text-base);font-weight:800;color:var(--text);line-height:1;font-variant-numeric:tabular-nums}.spk-stat-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--weight-medium)}.spk-section{display:flex;flex-direction:column;gap:var(--space-3)}.spk-section-header{display:flex;align-items:center;gap:10px;padding:0 2px}.spk-section-icon{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.spk-section-icon svg{width:14px;height:14px}.spk-icon-blue,.spk-icon-purple{background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border)}.spk-section-header>div:nth-child(2){display:flex;align-items:baseline;gap:8px;min-width:0;flex:1}.spk-section-title{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text);margin:0;white-space:nowrap}.spk-section-desc{font-size:var(--text-xs);color:var(--text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spk-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:700;flex-shrink:0}.spk-badge-blue,.spk-badge-purple{background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border)}.spk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-3)}.spk-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-xs);transition:all var(--transition-fast);position:relative;overflow:hidden}.spk-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--primary);transform:scaleY(0);transform-origin:center;transition:transform var(--transition-fast)}.spk-card-mono:before{background:var(--primary)}.spk-card:hover{border-color:var(--primary-border);transform:translateY(-2px);box-shadow:var(--shadow-md)}.spk-card-mono:hover{border-color:var(--primary-border)}.spk-card:hover:before{transform:scaleY(1)}.spk-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.spk-card-badge{font-size:10px;font-weight:800;padding:2px 8px;border-radius:var(--radius-full);letter-spacing:.03em}.spk-card-turns{font-size:11px;color:var(--text-muted);font-weight:var(--weight-semibold)}.spk-card-preview{font-size:var(--text-sm);color:var(--text);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3em}.spk-card-speakers{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-top:8px;border-top:1px dashed var(--border)}.spk-card-speakers-inner{display:flex;gap:4px;flex-wrap:wrap;flex:1;min-width:0}.spk-speaker-tag{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);font-size:10px;color:var(--text-secondary);font-weight:var(--weight-semibold)}.spk-speaker-dot{width:5px;height:5px;border-radius:50%;background:var(--primary);flex-shrink:0}.spk-speaker-mono{background:var(--primary-light);border-color:var(--primary-border);color:var(--primary)}.spk-card-arrow{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-muted);flex-shrink:0;transition:all var(--transition-fast)}.spk-card:hover .spk-card-arrow{background:var(--primary);color:#fff;transform:translate(2px)}.spk-card-mono:hover .spk-card-arrow{background:var(--primary)}.spk-session{display:flex;flex-direction:column;min-height:100dvh;background:#f0f2f5}.spk-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:60vh;color:var(--text-secondary)}.spk-empty-icon{color:var(--text-muted)}.spk-empty h3{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text);margin:0}.spk-sess-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);height:56px;padding:0 var(--space-5);background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;z-index:10}.spk-sess-header-left{display:flex;align-items:center;gap:var(--space-2);min-width:0}.spk-back-btn{width:32px;height:32px;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.spk-back-btn:hover{background:var(--surface-2);color:var(--text)}.spk-sess-breadcrumb{display:flex;align-items:center;gap:5px;min-width:0}.spk-sess-bc-parent{font-size:var(--text-xs);color:var(--primary);font-weight:var(--weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.spk-sess-bc-sep{font-size:var(--text-xs);color:var(--text-muted)}.spk-sess-bc-current{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text);white-space:nowrap}.spk-sess-header-right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.spk-sess-q-badge{padding:4px 10px;background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700}.spk-sess-counter{display:flex;align-items:center;gap:3px;padding:4px 10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary)}.spk-sess-counter-num{font-weight:700;color:var(--text);font-size:var(--text-sm)}.spk-sess-counter-sep{color:var(--text-muted)}.spk-sess-counter-total{color:var(--text-secondary)}.spk-exit-btn{width:32px;height:32px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.spk-exit-btn:hover{background:var(--danger-light);border-color:var(--danger);color:var(--danger)}.spk-sess-progress{height:3px;background:var(--surface-3);flex-shrink:0}.spk-sess-progress-fill{height:100%;background:var(--gradient-primary);transition:width .5s ease}.spk-sess-body{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6);max-width:860px;width:100%;margin:0 auto}.spk-sess-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--surface);border-top:1px solid var(--border);flex-shrink:0}.spk-nav-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:9px var(--space-4);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast)}.spk-nav-btn:hover:not(:disabled){border-color:var(--border-hover);color:var(--text);background:var(--surface-2)}.spk-nav-btn:disabled{opacity:.35;cursor:not-allowed}.spk-nav-next{background:var(--primary);color:#fff;border-color:var(--primary)}.spk-nav-next:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);color:#fff}.spk-sess-pos{font-size:var(--text-sm);color:var(--text-secondary)}.spk-sess-pos strong{color:var(--primary)}.speaking-article{display:flex;flex-direction:column;gap:var(--space-5)}.speaking-setup-panel{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.speaking-setup-panel h3{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin:0 0 var(--space-1)}.setup-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.setup-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);min-width:150px;flex-shrink:0}.role-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 14px;border-radius:var(--radius-full);background:var(--surface-2);border:1.5px solid var(--border);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast)}.role-chip:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-hover);color:var(--text)}.role-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.role-chip:disabled{opacity:.4;cursor:not-allowed}.role-avatar-sm{width:22px;height:22px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(255,255,255,.6);flex-shrink:0}.chat-container{display:flex;flex-direction:column;gap:var(--space-4);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5)}.chat-turn{display:flex;gap:var(--space-3);align-items:flex-start;max-width:88%;transition:opacity var(--transition-base)}.chat-turn.mine{align-self:flex-end;flex-direction:row-reverse}.chat-turn.done{opacity:.65}.chat-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--border);box-shadow:var(--shadow-xs);flex-shrink:0}.chat-turn.active .chat-avatar{border-color:var(--primary);box-shadow:0 0 0 3px #0e938426}.chat-bubble{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-xl);border-top-left-radius:var(--radius-xs);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);box-shadow:var(--shadow-xs)}.chat-turn.mine .chat-bubble{background:var(--primary-light);border-color:var(--primary-border);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xs)}.chat-turn.active .chat-bubble{border-color:var(--primary);box-shadow:var(--shadow-sm),0 0 0 2px #0e93841a}.speaker-header{display:flex;align-items:center;gap:var(--space-1);font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.chat-turn.mine .speaker-header{justify-content:flex-end;color:var(--primary)}.hidden-line{font-size:var(--text-sm);font-style:italic;color:var(--text-muted);background:var(--surface-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);text-align:center}.karaoke-flow{line-height:1.8;font-size:var(--text-sm);color:var(--text)}.karaoke-word{display:inline-block;margin-right:.26em;padding:0 2px;border-radius:3px;transition:all .12s ease}.karaoke-word.active{background:var(--primary);color:#fff;font-weight:700;transform:scale(1.08)}.karaoke-word.past{color:var(--text-muted)}.translation-text{font-size:var(--text-xs);color:var(--text-secondary);border-top:1px dashed var(--border);padding-top:var(--space-2);margin-top:var(--space-1);font-style:italic}.chat-turn.mine .translation-text{border-top-color:var(--primary-border)}.speaking-action-bar{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center;box-shadow:var(--shadow-sm);animation:fadeInUp .25s ease both}.action-buttons-row{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center;align-items:center}.recording-controls{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--primary-light);border:2px solid var(--primary-border);border-radius:var(--radius-xl);width:100%;transition:all var(--transition-base)}.recording-controls.active{background:var(--danger-light);border-color:var(--danger)}.mic-button{width:72px;height:72px;border-radius:50%;background:var(--primary);border:3px solid white;display:flex;align-items:center;justify-content:center;font-size:28px;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 16px #0e93844d;color:#fff}.mic-button:hover:not(:disabled){transform:scale(1.06);box-shadow:0 6px 24px #0e938466}.recording-controls.active .mic-button{background:var(--danger);box-shadow:0 4px 16px #ef44444d;animation:pulse-recording 1.5s ease-in-out infinite}@keyframes pulse-recording{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 16px #ef444400}}.recording-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary)}.recording-status.active{color:var(--danger)}.recording-status:before{content:"";width:7px;height:7px;background:var(--text-muted);border-radius:50%}.recording-status.active:before{background:var(--danger);animation:blink-dot 1s ease-in-out infinite}@keyframes blink-dot{0%,to{opacity:1}50%{opacity:.25}}.waveform-container{width:100%;height:48px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;gap:2px;padding:var(--space-2);overflow:hidden}.waveform-bar{width:3px;height:25%;background:var(--primary);border-radius:999px;opacity:.55;transition:height .1s linear}.waveform-bar.active{opacity:1}.ai-feedback-panel{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);animation:fadeInUp .35s ease both}.feedback-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.feedback-score-badge{width:56px;height:56px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);font-weight:var(--weight-bold);box-shadow:var(--shadow-sm);flex-shrink:0}.feedback-title h3{margin:0;font-size:var(--text-lg);font-weight:var(--weight-bold)}.feedback-title p{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.feedback-sections{display:flex;flex-direction:column;gap:var(--space-3)}.feedback-section{background:var(--surface-2);border-left:3px solid var(--primary);border-radius:var(--radius-md);padding:var(--space-4)}.feedback-section.warning{border-color:#f59e0b;background:#fffbeb}.feedback-section.success{border-color:var(--success);background:var(--success-light)}.feedback-section-title{font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--text);margin-bottom:var(--space-2)}.feedback-section-content{font-size:var(--text-sm);line-height:1.6;color:var(--text-secondary)}.feedback-item{display:flex;gap:var(--space-2);font-size:var(--text-sm)}.feedback-item:before{content:"";width:14px;height:14px;flex-shrink:0;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/contain no-repeat;color:var(--success)}.feedback-item.issue:before{content:"";width:14px;height:14px;flex-shrink:0;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E") center/contain no-repeat;color:#f59e0b}.speaking-retry-section{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border)}.retry-button-group{display:flex;gap:var(--space-3);flex-wrap:wrap}.retry-button{flex:1;min-width:140px;padding:11px 20px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-bold);cursor:pointer;border:none;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.retry-button.primary{background:var(--primary);color:#fff}.retry-button.primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.retry-button.secondary{background:var(--surface-2);color:var(--text);border:1.5px solid var(--border)}.retry-button.secondary:hover{background:var(--surface-3);border-color:var(--border-hover)}.spk-screen{height:100dvh;display:flex;flex-direction:column;background:#f0f2f5;overflow:hidden}.spk-session-error{flex:0 0 auto;margin:0;padding:8px var(--space-5);border-bottom:1px solid var(--danger-border);background:var(--danger-light);text-align:center}.learning-session-shell__body.protected-speaking-session-body{overflow:hidden}.learning-session-shell__content.protected-speaking-session-content{display:flex;min-height:0}.learning-session-shell__content.protected-speaking-session-content>.spk-body{flex:1 1 auto;min-height:0}.spk-body{flex:1;min-height:0;display:grid;grid-template-columns:420px 1fr;overflow:hidden}.spk-control{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:#f0f2f5;border-right:1px solid var(--border);overflow-y:auto}.spk-control>*{flex-shrink:0}.spk-now-card{position:relative;display:flex;align-items:center;gap:var(--space-3);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-xs);overflow:hidden;transition:border-color .4s ease,box-shadow .4s ease}.spk-now-card.is-machine{border-color:var(--primary-border);box-shadow:0 0 0 3px #0e938414,var(--shadow-sm)}.spk-now-card.is-mine{border-color:var(--primary-border);box-shadow:0 0 0 3px var(--primary-light),var(--shadow-sm)}.spk-now-card.is-done{background:var(--success-light);border-color:var(--success-border)}.spk-now-ring{position:absolute;inset:-2px;border-radius:inherit;background:conic-gradient(from 0deg,transparent 0%,rgba(14,147,132,.6) 12%,transparent 25%,transparent 75%,rgba(14,147,132,.5) 88%,transparent 100%);animation:spkRingSpin 2.2s linear infinite;mask:radial-gradient(ellipse at center,transparent calc(100% - 2px),black 100%);-webkit-mask:radial-gradient(ellipse at center,transparent calc(100% - 2px),black 100%);pointer-events:none;z-index:0}.spk-now-card.is-mine .spk-now-ring{background:conic-gradient(from 0deg,transparent 0%,rgba(14,147,132,.7) 12%,transparent 25%,transparent 75%,rgba(13,148,136,.5) 88%,transparent 100%)}@keyframes spkRingSpin{to{transform:rotate(360deg)}}.spk-now-avatar-wrap{position:relative;width:56px;height:56px;border-radius:50%;flex-shrink:0;z-index:1}.spk-now-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid white;box-shadow:var(--shadow-sm);display:block}.spk-now-done-overlay{position:absolute;inset:0;border-radius:50%;background:#0e9384e6;color:#fff;display:flex;align-items:center;justify-content:center;animation:spkPopIn .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes spkPopIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.spk-now-info{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0;z-index:1}.spk-now-eyebrow{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.spk-now-card.is-mine .spk-now-eyebrow{color:var(--primary-text)}.spk-now-card.is-machine .spk-now-eyebrow{color:var(--primary)}.spk-now-card.is-done .spk-now-eyebrow{color:var(--success-text)}.spk-now-name{font-size:var(--text-base);font-weight:700;color:var(--text);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spk-now-mini-bars{display:flex;align-items:flex-end;gap:2px;height:16px;margin-top:4px}.spk-mini-bar{width:3px;height:30%;background:var(--text-muted);border-radius:999px;opacity:.35}.spk-mini-bar.is-on{background:var(--primary);opacity:.8;animation:spkBarDance .7s ease-in-out infinite alternate}.spk-now-card.is-mine .spk-mini-bar.is-on{background:var(--primary)}@keyframes spkBarDance{0%{height:18%}to{height:95%}}.spk-action-zone{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);box-shadow:var(--shadow-xs);min-height:168px;justify-content:center}.spk-action-finish{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.spk-mega-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:13px var(--space-5);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.spk-mega-primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:var(--shadow-xs)}.spk-mega-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.spk-mega-success{background:var(--success);border-color:var(--success);color:#fff;box-shadow:var(--shadow-xs)}.spk-mega-success:hover:not(:disabled){background:var(--success-hover);border-color:var(--success-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.spk-mega-warning{background:var(--warning);border-color:var(--warning);color:#fff;box-shadow:var(--shadow-xs)}.spk-mega-warning:hover:not(:disabled){background:var(--warning-hover);border-color:var(--warning-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.spk-mic-mega{position:relative;width:96px;height:96px;flex-shrink:0;border-radius:50%;border:none;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 28px #0e938466;transition:all .2s ease}.spk-mic-mega:hover:not(.is-listening){transform:scale(1.06);box-shadow:0 10px 32px #0e938480}.spk-mic-mega:active{transform:scale(.96)}.spk-mic-mega.is-listening{background:linear-gradient(135deg,#ef4444,var(--danger));box-shadow:0 8px 28px #ef444466;animation:spkMicPulse 1.4s ease-in-out infinite}@keyframes spkMicPulse{0%,to{box-shadow:0 8px 28px #ef444466}50%{box-shadow:0 8px 32px #ef4444b3}}.spk-mic-icon{display:flex;align-items:center;justify-content:center;z-index:2}.spk-mic-ripple{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(239,68,68,.6);opacity:0;pointer-events:none}.spk-mic-mega.is-listening .spk-mic-ripple{animation:spkMicRipple 1.8s ease-out infinite}.spk-mic-mega.is-listening .spk-mic-ripple-2{animation:spkMicRipple 1.8s ease-out .6s infinite}@keyframes spkMicRipple{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.spk-mic-label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-align:center}.spk-mic-mega.is-listening+.spk-mic-label{color:var(--danger)}.spk-flow-hint{margin:0;max-width:30ch;color:var(--text-muted);font-size:var(--text-xs);line-height:1.5;text-align:center}.spk-sub-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;width:100%}.spk-chip-btn{padding:6px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.spk-chip-btn:hover{background:var(--surface-3);color:var(--text);border-color:var(--border-hover)}.spk-status-area{width:100%;display:flex;flex-direction:column;gap:4px;padding-top:var(--space-2);border-top:1px dashed var(--border);animation:fadeIn .3s ease both}.spk-heard{font-size:var(--text-xs);color:var(--text-secondary);background:var(--surface-2);padding:6px 10px;border-radius:var(--radius-md);margin:0}.spk-heard strong{color:var(--text)}.spk-status{font-size:var(--text-xs);font-weight:600;color:var(--primary-text);margin:0;text-align:center}.spk-settings{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-xs)}.spk-set-group{display:flex;flex-direction:column;gap:6px}.spk-set-note{color:var(--text-muted);font-size:11px;line-height:1.45}.spk-set-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.spk-set-chips{display:flex;flex-wrap:wrap;gap:4px}.spk-set-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.spk-set-chip:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-hover);color:var(--text)}.spk-set-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.spk-set-chip:disabled{opacity:.4;cursor:not-allowed}.spk-shadow-tip{display:flex;align-items:flex-start;gap:8px;padding:10px 11px;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border));border-radius:var(--radius-md);background:color-mix(in srgb,var(--primary) 7%,var(--surface));color:var(--text-secondary);font-size:11px;line-height:1.45}.spk-shadow-tip svg{flex:0 0 auto;margin-top:1px;color:var(--primary)}.spk-set-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.5)}.spk-group-nav{display:flex;gap:var(--space-2);margin-top:auto;padding-top:var(--space-2)}.spk-nav-mini{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 12px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.spk-nav-mini:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-hover);color:var(--text)}.spk-nav-mini:disabled{opacity:.4;cursor:not-allowed}.spk-chat-pane{display:flex;flex-direction:column;background:var(--surface);overflow:hidden}.spk-chat-pane-head{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.spk-chat-eyebrow{display:block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:2px}.spk-chat-title{font-size:var(--text-base);font-weight:700;color:var(--text);margin:0}.spk-chat-progress{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:140px}.spk-chat-progress-text{font-size:var(--text-xs);font-weight:700;color:var(--text-secondary)}.spk-chat-progress-bar{width:140px;height:5px;background:var(--surface-3);border-radius:999px;overflow:hidden}.spk-chat-progress-fill{height:100%;background:var(--primary);border-radius:999px;transition:width .5s ease}.spk-chat-scroll{flex:1;min-height:0;overflow-y:auto;padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);scrollbar-width:thin;scrollbar-color:var(--border) transparent}.spk-bubble-row{display:flex;gap:var(--space-3);align-items:flex-start;max-width:86%;animation:spkBubbleIn .45s cubic-bezier(.34,1.2,.64,1) both}.spk-bubble-row.mine{align-self:flex-end;flex-direction:row-reverse}.spk-bubble-row.done{opacity:.6}@keyframes spkBubbleIn{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.spk-bubble-avatar-wrap{position:relative;width:38px;height:38px;flex-shrink:0}.spk-bubble-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--border);box-shadow:var(--shadow-xs)}.spk-bubble-row.active .spk-bubble-avatar,.spk-bubble-row.mine.active .spk-bubble-avatar{border-color:var(--primary)}.spk-bubble-avatar-pulse{position:absolute;inset:-3px;border-radius:50%;border:2px solid rgba(14,147,132,.5);animation:spkAvatarPulse 1.6s ease-out infinite;pointer-events:none}.spk-bubble-row.mine .spk-bubble-avatar-pulse{border-color:#0e938480}@keyframes spkAvatarPulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.spk-bubble{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-xl);border-top-left-radius:var(--radius-xs);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);box-shadow:var(--shadow-xs);transition:all .25s ease}.spk-bubble-row.mine .spk-bubble{background:var(--primary-light);border-color:var(--primary-border);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xs)}.spk-bubble-row.active .spk-bubble{border-color:var(--primary);box-shadow:0 0 0 3px #0e93841f,var(--shadow-sm);transform:translateY(-1px)}.spk-bubble-row.mine.active .spk-bubble{background:var(--primary-light);border-color:var(--primary);box-shadow:0 0 0 3px #0e93841f,var(--shadow-sm)}.spk-bubble-head{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.spk-bubble-row.mine .spk-bubble-head{justify-content:flex-end;color:var(--primary-text)}.spk-bubble-name{white-space:nowrap}.spk-bubble-mine-tag{padding:1px 7px;background:var(--primary);color:#fff;border-radius:var(--radius-full);font-size:9px;font-weight:800;letter-spacing:.04em}.spk-bubble-live{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;background:#ef4444;color:#fff;border-radius:var(--radius-full);font-size:9px;font-weight:800;letter-spacing:.06em;animation:spkLiveFade 1.4s ease-in-out infinite}.spk-live-dot{width:5px;height:5px;background:#fff;border-radius:50%}@keyframes spkLiveFade{0%,to{opacity:1}50%{opacity:.6}}.spk-bubble-body{font-size:var(--text-sm);color:var(--text);line-height:1.5}.spk-bubble-hidden{display:inline-flex;align-items:center;gap:6px;font-style:italic;color:var(--text-muted);background:#0000000a;padding:4px 10px;border-radius:var(--radius-md);font-size:var(--text-xs)}.spk-bubble-vi{font-size:var(--text-xs);color:var(--text-secondary);border-top:1px dashed var(--border);padding-top:6px;margin-top:4px;font-style:italic}.spk-bubble-row.mine .spk-bubble-vi{border-top-color:var(--primary-border)}.spk-bubble-duck{font-size:var(--text-xs);font-weight:700;color:var(--warning);margin-top:4px}@media(max-width:1024px){.spk-body{grid-template-columns:360px 1fr}}@media(max-width:768px){.spk-hub-test-select{margin-left:0;width:100%}.spk-select{min-width:unset;width:100%}.spk-stats-row{flex-wrap:wrap}.spk-grid{grid-template-columns:1fr}.spk-screen{height:auto;min-height:100dvh;overflow:auto}.learning-session-shell__body.protected-speaking-session-body{overflow:visible}.learning-session-shell__content.protected-speaking-session-content{display:block}.spk-body{grid-template-columns:1fr;overflow:visible}.spk-control{border-right:none;border-bottom:1px solid var(--border);overflow:visible}.spk-chat-pane{overflow:visible}.spk-chat-scroll{overflow-y:visible;flex:none;padding:var(--space-4)}.p1-bc-parent,.p1-bc-sep{display:none}}.feedback-fab{position:fixed;right:18px;bottom:84px;z-index:900;display:inline-flex;align-items:center;gap:7px;padding:9px 14px;background:var(--surface, #fff);color:var(--primary, var(--primary));border:1px solid var(--primary-border, var(--primary-border));border-radius:var(--radius-full, 999px);font-size:13px;font-weight:600;cursor:pointer;overflow:hidden;animation:fabGlow 2.6s ease-in-out infinite;transition:color .15s,border-color .15s,transform .1s}.app-frame.is-session .feedback-fab{display:none!important}@keyframes fabGlow{0%,to{box-shadow:0 4px 14px #0000001a,0 0 #0e938459}50%{box-shadow:0 4px 18px #0e938459,0 0 0 6px #0e938400}}.feedback-fab:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skew(-20deg);animation:fabShine 2.6s ease-in-out infinite;pointer-events:none}@keyframes fabShine{0%,55%{left:-60%}75%,to{left:130%}}.feedback-fab:hover{color:var(--primary-hover, var(--primary-hover));border-color:var(--primary, var(--primary));animation-play-state:paused;box-shadow:0 6px 22px #0e938466}.feedback-fab:active{transform:scale(.97)}@media(prefers-reduced-motion:reduce){.feedback-fab{animation:none}.feedback-fab:after{display:none}}@media(min-width:900px){.feedback-fab{bottom:22px}}.feedback-overlay{position:fixed;inset:0;z-index:1000;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:16px;animation:feedbackFade .15s ease}@keyframes feedbackFade{0%{opacity:0}to{opacity:1}}.feedback-modal{width:100%;max-width:440px;background:var(--surface, #fff);border:1px solid var(--border, #e5e7eb);border-radius:16px;box-shadow:var(--shadow-xl, 0 20px 50px rgba(0,0,0,.25));padding:18px 20px 20px;animation:feedbackPop .18s cubic-bezier(.2,.8,.2,1)}@keyframes feedbackPop{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:none;opacity:1}}.feedback-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.feedback-modal-head strong{display:block;font-size:16px;color:var(--text, #111)}.feedback-page-chip{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:3px 10px;background:var(--primary-light, var(--primary-light));color:var(--primary-text, var(--primary-text));border-radius:999px;font-size:12px;font-weight:600}.feedback-close{flex-shrink:0;background:transparent;border:none;color:var(--text-muted, #9ca3af);cursor:pointer;padding:4px;border-radius:8px}.feedback-close:hover{background:var(--surface-2, #f3f4f6);color:var(--text, #111)}.feedback-field{display:block;margin-bottom:12px}.feedback-field>span{display:block;font-size:12.5px;font-weight:600;color:var(--text-secondary, #555);margin-bottom:5px}.feedback-field input,.feedback-field textarea{width:100%;padding:9px 12px;border:1px solid var(--border, #e5e7eb);border-radius:var(--radius-md, 8px);background:var(--surface, #fff);color:var(--text, #111);font-size:14px;font-family:inherit;outline:none;resize:vertical;transition:border-color .15s,box-shadow .15s}.feedback-field input:focus,.feedback-field textarea:focus{border-color:var(--primary, var(--primary));box-shadow:0 0 0 3px var(--primary-light, var(--primary-light))}.feedback-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.feedback-btn{padding:8px 16px;border-radius:var(--radius-md, 8px);font-size:13.5px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .15s,opacity .15s}.feedback-btn.subtle{background:var(--surface-2, #f3f4f6);color:var(--text-secondary, #555);border-color:var(--border, #e5e7eb)}.feedback-btn.subtle:hover{background:var(--surface-3, #e5e7eb)}.feedback-btn.primary{background:var(--primary, var(--primary));color:#fff}.feedback-btn.primary:hover{background:var(--primary-hover, var(--primary-hover))}.feedback-btn:disabled{opacity:.5;cursor:not-allowed}.feedback-error{margin:4px 0 10px;padding:8px 12px;background:var(--danger-light, #fef2f2);color:var(--danger-text, #991b1b);border:1px solid var(--danger-border, #fecaca);border-radius:var(--radius-md, 8px);font-size:13px}.feedback-note{padding:10px 4px 4px;color:var(--text-secondary, #555);font-size:14px}.feedback-note a{color:var(--primary, var(--primary));font-weight:600}.feedback-done{text-align:center;padding:12px 4px 4px;color:var(--primary, var(--primary))}.feedback-done p{margin:8px 0 16px;color:var(--text, #111);font-weight:600}.feedback-inline-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;background:var(--surface);color:var(--text-secondary);border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.feedback-inline-btn:hover{background:#fff;border-color:var(--danger-border);color:var(--danger);box-shadow:0 2px 8px #dc262614}@keyframes vocabPageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes vocabFabEnter{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.vc-bar{height:6px;border-radius:999px;background:var(--surface-3, #e5e7eb);overflow:hidden}.vc-bar>div{height:100%;background:var(--primary, var(--primary));border-radius:inherit;transition:width .35s ease}.vc-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border-radius:var(--radius-md, 8px);font-size:14px;font-weight:600;line-height:1.2;cursor:pointer;border:1px solid transparent;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.vc-btn svg{width:16px;height:16px}.vc-btn.primary{background:var(--primary, var(--primary));color:#fff;box-shadow:0 2px 6px #0e938433}.vc-btn.primary:hover{background:var(--primary-hover, var(--primary-hover));box-shadow:0 4px 10px #0e93844d}.vc-btn.warn{background:#fffbeb;color:var(--warning-text);border-color:var(--warning-border)}.vc-btn.warn:hover{background:var(--warning-light)}.vc-btn.subtle{background:var(--surface, #fff);color:var(--text-secondary, #475569);border-color:var(--border, #e2e8f0)}.vc-btn.subtle:hover{background:var(--surface-2, #f8f9fa);border-color:var(--border-hover, #cbd5e1);color:var(--text, #1e293b)}.vc-btn.block{width:100%}.vc-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.vw-status{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.vw-status.is-known{background:var(--primary-light, var(--primary-light));color:var(--primary-text, var(--primary-text))}.vw-status.is-weak{background:#fef2f2;color:var(--danger-hover)}.vw-status.is-learning{background:#eff6ff;color:#1d4ed8}.vw-pos{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--surface-2, #f1f5f9);color:var(--text-secondary, #475569);font-size:12px;font-weight:600}.vr-body{position:relative;flex:1;padding:16px var(--space-5, 20px) 80px}.vr-body:before{content:"";position:absolute;inset:0 0 auto;height:520px;pointer-events:none;z-index:-1;background:linear-gradient(90deg,rgba(226,232,240,.55) 1px,transparent 1px),linear-gradient(180deg,rgba(226,232,240,.55) 1px,transparent 1px),radial-gradient(circle at 22% 12%,rgba(14,147,132,.08),transparent 34%),radial-gradient(circle at 82% 20%,rgba(2,132,199,.06),transparent 30%);background-size:44px 44px,44px 44px,auto,auto;border-radius:28px;-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.78) 48%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.78) 48%,transparent 100%)}.vr-back-chip{display:inline-flex;align-items:center;gap:7px;width:fit-content;padding:7px 12px;border:1px solid var(--border, #e2e8f0);border-radius:999px;background:#ffffffd6;color:var(--text-secondary, #475569);font-size:13px;font-weight:650;box-shadow:var(--shadow-xs, 0 1px 2px rgba(0, 0, 0, .04))}.vr-back-chip svg{transform:rotate(180deg)}.vr-back-chip:hover{background:var(--surface, #fff);border-color:var(--border-hover, #cbd5e1)}.vr-scorecard{border:1px solid var(--border, #e2e8f0);border-radius:18px;background:linear-gradient(180deg,#fffffff5,#f8fafcf5);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .06));padding:16px}.vr-scorecard-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.vr-scorecard-top span,.vr-section-kicker,.vr-chapter-step,.vw-side-kicker{color:var(--text-muted, #64748b);font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.vr-scorecard-top strong{font-size:34px;line-height:1;letter-spacing:-.04em}.vr-scoregrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.vr-scoregrid span{display:flex;flex-direction:column;gap:2px;padding:9px 10px;border:1px solid var(--border-light, #edf2f7);border-radius:10px;background:var(--surface, #fff);color:var(--text-muted, #64748b);font-size:12px}.vr-scoregrid strong{color:var(--text, #1e293b);font-size:15px}.vr-loading-card{padding:40px 0}.vr-loading-card h1{font-size:22px;margin:4px 0 6px}.vr-continue{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 18px;border-radius:14px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary) 54%,var(--primary-hover) 100%);color:#fff;margin:0 0 16px;text-decoration:none;box-shadow:0 10px 24px #0e93841f}.vr-continue:hover{background:var(--primary-hover, var(--primary-hover))}.vr-continue.is-done{background:var(--surface, #fff);color:var(--text, #1e293b);border:1px solid var(--border, #e2e8f0)}.vr-continue-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#ffffff2e;flex-shrink:0}.vr-continue.is-done .vr-continue-icon{background:var(--primary-light, var(--primary-light));color:var(--primary, var(--primary))}.vr-continue-icon svg{width:16px;height:16px}.vr-continue-body{min-width:0;flex:1}.vr-continue-body small{font-size:11px;opacity:.85}.vr-continue-body strong{display:block;font-size:15px;margin-top:1px;letter-spacing:-.01em}.vr-continue-go{flex-shrink:0;font-size:13px;font-weight:750;display:inline-flex;align-items:center;gap:6px}.vr-continue-go svg{width:14px;height:14px}.vr-map-panel{position:relative;overflow:hidden;border:1px solid var(--border, #e2e8f0);border-radius:22px;background:linear-gradient(180deg,#fffffffa,#f8fafcf5);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .06));padding:22px 24px 10px}.vr-map-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(14,147,132,.06),transparent 38%),radial-gradient(circle at 88% 4%,rgba(14,147,132,.09),transparent 24%);opacity:.9}.vr-map-panel>*{position:relative}.vr-timeline-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.vr-timeline-head h2{font-size:24px;font-weight:750;margin:3px 0 0}.vr-legend{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.vr-legend span{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid var(--border-light, #edf2f7);border-radius:999px;background:#ffffffc2;font-size:12px;color:var(--text-muted, #64748b)}.vr-legend i{width:9px;height:9px;border-radius:50%;display:inline-block}.vr-legend i.is-current{background:var(--primary, var(--primary))}.vr-legend i.is-completed{background:var(--success-border)}.vr-legend i.is-review{background:#f59e0b}.vr-legend i.is-locked{background:var(--border-hover, #cbd5e1)}.vr-map-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.vr-map-summary span{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--border-light, #edf2f7);border-radius:12px;background:#ffffffb8;color:var(--text-muted, #64748b);font-size:13px}.vr-map-summary strong{color:var(--text, #1e293b);font-size:17px}.vr-timeline{list-style:none;margin:0;padding:0 0 8px;position:relative}.vr-chapter{position:relative;animation:vocabPageEnter .34s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--ch-i, 0) * 60ms);display:grid;grid-template-columns:48px 1fr;gap:18px;padding-bottom:18px}.vr-chapter:before{content:"";position:absolute;left:23px;top:48px;bottom:-2px;width:2px;background:var(--border, #e2e8f0)}.vr-chapter:last-child:before{display:none}.vr-chapter-dot{width:48px;height:48px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--border, #e2e8f0);background:var(--surface, #fff);color:var(--text-muted, #94a3b8);z-index:1}.vr-chapter-dot svg{width:19px;height:19px}.vr-chapter.is-completed .vr-chapter-dot{background:var(--primary, var(--primary));border-color:var(--primary, var(--primary));color:#fff}.vr-chapter.is-current .vr-chapter-dot{border-color:var(--primary, var(--primary));color:var(--primary, var(--primary));box-shadow:0 0 0 4px var(--primary-light, var(--primary-light))}.vr-chapter.is-review .vr-chapter-dot{border-color:#f59e0b;color:var(--warning-text);background:#fffbeb}.vr-chapter-body{display:grid;grid-template-columns:minmax(110px,140px) minmax(0,1fr);gap:8px 16px;border:1px solid var(--border, #e2e8f0);border-radius:14px;background:#ffffffeb;box-shadow:0 1px #0f172a05;padding:12px}.vr-chapter.is-current .vr-chapter-body{border-color:var(--primary-border, var(--primary-border));background:linear-gradient(180deg,#fffffffa,#ecfdf580)}.vr-chapter-head{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;margin:0;padding-right:12px;border-right:1px solid var(--border-light, #edf2f7);grid-row:1 / span 2}.vr-chapter-head strong{font-size:16px;font-weight:750;letter-spacing:-.02em}.vr-chapter-head .vr-chapter-count{font-size:12px;color:var(--text-muted, #64748b);font-variant-numeric:tabular-nums}.vr-chapter-body .vc-bar{height:5px;margin:4px 0 0;align-self:center}.vr-chapter-secs{display:flex;flex-wrap:wrap;gap:8px;align-content:start}.vr-sec{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:5px 11px;border-radius:8px;border:1px solid var(--border, #e2e8f0);background:var(--surface, #fff);font-size:13px;font-weight:700;color:var(--text-secondary, #475569);cursor:pointer;transition:background .12s,border-color .12s}.vr-sec svg{width:13px;height:13px}.vr-sec:hover{border-color:var(--border-hover, #cbd5e1);background:#fff}.vr-sec.is-completed{background:var(--primary-light, var(--primary-light));border-color:var(--primary-border, var(--primary-border));color:var(--primary-text, var(--primary-text))}.vr-sec.is-current{background:var(--primary, var(--primary));border-color:var(--primary, var(--primary));color:#fff}.vr-sec.is-review{background:#fffbeb;border-color:var(--warning-border);color:var(--warning-text)}.vr-sec.is-locked{color:var(--text-muted, #94a3b8);background:var(--surface-2, #f8fafc)}.vr-sec.is-locked svg{opacity:.7}.vr-locked-toast{position:fixed;left:50%;bottom:88px;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:10px;max-width:340px;padding:11px 14px;border-radius:var(--radius-lg, 12px);background:var(--text, #1e293b);color:#fff;box-shadow:var(--shadow-lg, 0 10px 30px rgba(0, 0, 0, .25));animation:vcToastUp .2s ease}.vr-locked-toast svg{width:16px;height:16px;flex-shrink:0}.vr-locked-toast strong{font-size:13.5px;display:block}.vr-locked-toast p{font-size:12.5px;opacity:.8;margin:1px 0 0}.vr-locked-toast>button{margin-left:auto;background:none;border:0;color:#fff;opacity:.7;cursor:pointer;padding:2px}@keyframes vcToastUp{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.vw-dol-page{width:100%;min-height:100dvh;background:#fff;color:#1e293b;padding-bottom:80px}.vw-dol-shell{max-width:1120px;margin:0 auto;padding:24px 20px 0}.vw-dol-header{margin-bottom:24px}.vw-dol-title-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.vw-dol-back-btn{width:40px;height:40px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;color:#475569;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:all .15s ease;box-shadow:0 1px 2px #0000000a}.vw-dol-back-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b;transform:translate(-2px)}.vw-dol-title{font-size:clamp(24px,3.5vw,32px);font-weight:800;color:#0f172a;margin:0;letter-spacing:-.03em}.vw-dol-quality-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:#fef9c3;color:#854d0e;font-size:13px;font-weight:700;border:1px solid #fde047}.vw-dol-quality-badge svg{color:#eab308;fill:#eab308}.vw-dol-subtitle{color:#64748b;font-size:15px;margin:6px 0 0 54px;line-height:1.5}.vw-dol-meta-row{display:flex;align-items:center;gap:16px;margin:16px 0 0 54px;flex-wrap:wrap}.vw-dol-avatars{display:flex;align-items:center;margin-right:4px}.vw-dol-avatar{width:26px;height:26px;border-radius:50%;border:2px solid #ffffff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;margin-left:-6px;box-shadow:0 1px 2px #0000001a}.vw-dol-learn-banner{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:20px;padding:20px 24px;margin-bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;box-shadow:0 4px 16px -2px #0f172a0a}.vw-dol-learn-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.vw-dol-study-btn{display:inline-flex;align-items:center;gap:12px;padding:12px 24px;border-radius:16px;background:#fff;border:1px solid #e2e8f0;color:#0f172a;font-size:16px;font-weight:750;text-decoration:none;cursor:pointer;box-shadow:0 2px 8px #0000000d;transition:all .2s cubic-bezier(.16,1,.3,1)}.vw-dol-study-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 20px -4px #0e938426}.vw-dol-study-btn svg{color:#f43f5e;width:20px;height:20px;transition:transform .2s ease}.vw-dol-study-btn:hover svg{transform:scale(1.15)}.vw-dol-mode-select{display:flex;background:#f1f5f9;padding:4px;border-radius:14px;gap:4px}.vw-dol-mode-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;font-size:13.5px;font-weight:650;color:#64748b;border:none;background:transparent;cursor:pointer;transition:all .15s ease}.vw-dol-mode-chip:hover{color:#1e293b}.vw-dol-mode-chip.is-active{background:#fff;color:var(--primary);box-shadow:0 1px 3px #00000014}.vw-dol-mode-chip svg{width:16px;height:16px}.vw-dol-learn-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.vw-dol-status-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:650;transition:transform .15s ease}.vw-dol-status-tag:hover{transform:scale(1.03)}.vw-dol-status-tag.success{background:var(--primary-light);color:var(--primary-text);border:1px solid var(--primary-border)}.vw-dol-status-tag.info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.vw-dol-status-tag.warning{background:var(--warning-light);color:#92400e;border:1px solid var(--warning-border)}.vw-dol-status-tag.empty{background:#f8fafc;color:#94a3b8;border:1px dashed #cbd5e1}.vw-dol-quick-start{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.vw-dol-tab-pill{display:inline-flex;background:#f1f5f9;padding:4px;border-radius:14px;gap:4px}.vw-dol-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:10px;font-size:14px;font-weight:700;color:#64748b;border:none;background:transparent;cursor:pointer;transition:all .15s ease}.vw-dol-tab:hover{color:#1e293b}.vw-dol-tab.is-active{background:#fff;color:#0f172a;box-shadow:0 1px 3px #00000014}.vw-dol-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:8px 14px;min-width:280px;transition:border-color .15s,box-shadow .15s}.vw-dol-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #0e93841a}.vw-dol-search svg{color:#94a3b8}.vw-dol-search input{border:none;outline:none;font-size:14px;color:#1e293b;width:100%;background:transparent}.vw-dol-search input::placeholder{color:#94a3b8}.vw-dol-flashcard-wrap{width:100%;max-width:680px;margin:0 auto 36px;perspective:1400px}.vw-dol-flip-card{position:relative;width:100%;min-height:400px;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none}.vw-dol-flip-inner{position:relative;width:100%;height:100%;display:grid;grid-template-areas:"card";transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.vw-dol-flip-card.is-flipped .vw-dol-flip-inner{transform:rotateY(180deg)}.vw-dol-face{grid-area:card;backface-visibility:hidden;-webkit-backface-visibility:hidden;width:100%;min-height:400px;background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 12px 36px -6px #0f172a14;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:border-color .2s,box-shadow .2s}.vw-dol-face:hover{border-color:var(--primary-border);box-shadow:0 16px 44px -6px #0e93841f}.vw-dol-back{transform:rotateY(180deg)}.vw-dol-card-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid transparent}.vw-dol-card-header>div{display:flex;align-items:center;gap:10px}.vw-dol-card-label{font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.vw-dol-icon-btn{width:34px;height:34px;border-radius:10px;background:#f1f5f9;color:#475569;border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.vw-dol-icon-btn:hover{background:var(--primary-light);color:var(--primary)}.vw-screen{background:var(--bg, #f8f9fa);color:var(--text, #1e293b)}.vw-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 340px;overflow:hidden}.vw-left{display:flex;flex-direction:column;gap:0;overflow-y:auto;overflow-x:hidden;padding:var(--space-3, 12px) var(--space-4, 16px)}.vw-right{display:flex;flex-direction:column;gap:var(--space-3, 12px);padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--surface, #ffffff);border-left:1px solid var(--border, #e2e8f0);overflow-y:auto}.vw-toolbar{display:flex;flex-direction:column;gap:10px;background:var(--surface, #ffffff);border:1px solid var(--border, #e2e8f0);border-radius:10px;padding:10px 12px;margin-bottom:12px;flex-shrink:0}.vw-toolbar-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.vw-seg{display:inline-flex;background:var(--surface-2, #f1f5f9);border:1px solid var(--border, #e2e8f0);border-radius:8px;padding:2px}.vw-seg-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:none;background:transparent;color:var(--text-muted, #64748b);font-size:12.5px;font-weight:600;border-radius:6px;cursor:pointer;transition:color .15s,background .15s}.vw-seg-btn:hover{color:var(--text, #0f172a)}.vw-seg-btn.is-active{background:var(--surface, #ffffff);color:var(--primary, var(--primary));box-shadow:0 1px 2px #0f172a0f}.vw-search{position:relative;display:flex;align-items:center;width:220px;max-width:100%}.vw-search svg{position:absolute;left:10px;color:var(--text-muted, #94a3b8);pointer-events:none}.vw-search input{width:100%;padding:7px 10px 7px 30px;border:1px solid var(--border, #e2e8f0);border-radius:8px;background:var(--bg, #f8fafc);font-size:13px;color:var(--text, #0f172a);outline:none;transition:border-color .15s,background .15s}.vw-search input:focus{border-color:var(--primary, var(--primary));background:var(--surface, #ffffff);box-shadow:0 0 0 3px #0e938414}.vw-star-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--border, #e2e8f0);border-radius:8px;background:var(--surface, #ffffff);color:var(--text-muted, #94a3b8);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.vw-star-toggle:hover{color:#f59e0b;border-color:var(--warning-border);background:#fffbeb}.vw-star-toggle.is-active{color:var(--warning-text);background:#fffbeb;border-color:#fcd34d}.vw-star-toggle .vw-star-count{font-family:var(--font-mono, monospace);font-size:11px;opacity:.85}.vw-toolbar-count{margin-left:auto;font-size:12px;font-weight:600;color:var(--text-muted, #64748b);font-family:var(--font-mono, monospace);white-space:nowrap}.vw-toolbar-filters{padding-top:8px;border-top:1px dashed var(--border, #e2e8f0);row-gap:8px}.vw-filter-group{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:nowrap}.vw-filter-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #64748b);white-space:nowrap}.vw-chip-row{display:flex;gap:4px;flex-wrap:wrap;min-width:0}.vw-chip{display:inline-flex;align-items:center;padding:4px 10px;border:1px solid var(--border, #e2e8f0);background:var(--surface, #ffffff);color:var(--text-secondary, #475569);font-size:12px;font-weight:600;border-radius:999px;cursor:pointer;transition:all .15s;white-space:nowrap}.vw-chip:hover{border-color:var(--border-hover, #cbd5e1);color:var(--text, #0f172a)}.vw-chip.is-active{background:var(--primary-light, var(--primary-light));border-color:var(--primary, var(--primary));color:var(--primary-text, var(--primary-hover))}.vw-word-list{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:0}.vw-word-item{display:flex;align-items:center;gap:var(--space-3, 12px);background:var(--surface, #ffffff);border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-lg, 12px);padding:10px 12px;margin-bottom:6px;transition:border-color var(--transition-fast, .15s ease),box-shadow var(--transition-fast, .15s ease)}.vw-word-item:hover{border-color:var(--border-hover, #cbd5e1);box-shadow:0 2px 8px #0f172a0a}.vw-word-image{width:56px;height:56px;border-radius:var(--radius-md, 8px);overflow:hidden;border:1px solid var(--surface-2, #f1f5f9);background:var(--bg, #f8fafc);flex-shrink:0}.vw-word-image img{width:100%;height:100%;object-fit:cover}.vw-word-main{flex:1;min-width:0}.vw-word-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:2px}.vw-word-term{font-size:var(--text-base, 15px);font-weight:var(--weight-bold, 700);color:var(--text, #1e293b)}.vw-word-pron{font-size:var(--text-xs, 11px);color:var(--text-muted, #64748b);font-family:var(--font-mono, monospace)}.vw-word-meaning{font-size:var(--text-sm, 13px);font-weight:var(--weight-semibold, 600);color:var(--primary, var(--primary));margin:0 0 2px}.vw-word-example{font-size:var(--text-xs, 11px);color:var(--text-secondary, #475569);font-style:italic;margin:0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vw-word-colloc{display:flex;flex-direction:column;gap:3px;margin-top:5px;line-height:1.35}.vw-word-colloc .vw-colloc-block{display:flex;flex-wrap:wrap;align-items:center;gap:3px}.vw-word-colloc .vw-colloc-heading{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#0d9488;background:#ccfbf1;padding:1px 6px;border-radius:4px;flex-shrink:0;margin-right:2px}.vw-word-colloc .vw-colloc-chip{font-size:11px;color:#334155;background:#f1f5f9;padding:1px 7px;border-radius:5px;border:1px solid #e2e8f0;white-space:nowrap}.vw-word-colloc .vw-colloc-example{display:block;font-size:11px;font-style:italic;color:#64748b;margin-top:2px;line-height:1.35}.vw-word-colloc .vw-colloc-dict-links{display:flex;gap:6px;margin-top:2px}.vw-word-colloc .vw-dict-link{font-size:10px;font-weight:600;color:#6366f1;text-decoration:none;padding:1px 6px;border-radius:4px;border:1px solid #c7d2fe;background:#eef2ff;transition:all .15s}.vw-word-colloc .vw-dict-link:hover{background:#c7d2fe;color:#4338ca}.vw-word-colloc.is-flash{margin-top:10px}.vw-word-colloc.is-flash .vw-colloc-chip{font-size:12.5px;padding:2px 8px}.vw-word-colloc.is-flash .vw-colloc-heading{font-size:11px}.vw-word-colloc.is-compact{margin-top:3px;gap:2px}.vw-word-colloc.is-compact .vw-colloc-chip{font-size:10px;padding:0 5px}.vw-word-colloc.is-compact .vw-colloc-heading{font-size:9px}.vs-trophy-colloc{text-align:left;margin:0 0 14px;padding:10px 14px;background:var(--primary-light);border-radius:10px;max-width:420px;display:flex;flex-direction:column;gap:4px}.vs-trophy-colloc .vw-colloc-block{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.vs-trophy-colloc .vw-colloc-heading{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--primary-hover);background:var(--primary-border);padding:1px 7px;border-radius:4px}.vs-trophy-colloc .vw-colloc-chip{font-size:13px;color:var(--primary-text);background:#d1fae5;padding:2px 9px;border-radius:6px;border:1px solid var(--primary-border)}.vs-trophy-colloc .vw-colloc-example{display:block;font-size:12.5px;font-style:italic;color:#475569;margin-top:3px;line-height:1.4}.vs-trophy-colloc .vw-colloc-dict-links{margin-top:4px}.vs-trophy-colloc .vw-dict-link{font-size:11px;color:#6366f1;text-decoration:none;padding:2px 8px;border-radius:5px;border:1px solid #c7d2fe;background:#eef2ff}.vw-word-actions{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}.vw-action-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:var(--radius-md, 8px);font-size:var(--text-xs, 11px);font-weight:var(--weight-bold, 700);cursor:pointer;transition:all var(--transition-fast, .15s ease);border:1px solid var(--border, #e2e8f0);background:var(--surface, #ffffff);color:var(--text-secondary, #475569);white-space:nowrap}.vw-action-btn.audio{width:30px;height:30px;padding:0;justify-content:center}.vw-action-btn.star{width:30px;height:30px;padding:0;justify-content:center;background:var(--surface, #ffffff);color:var(--text-muted, #94a3b8);border-color:var(--border, #e2e8f0)}.vw-action-btn svg{width:13px;height:13px}.vw-sidebar-section{padding:0}.vw-sidebar-title{font-size:var(--text-xs, 11px);font-weight:var(--weight-bold, 700);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted, #64748b);margin:0 0 var(--space-2, 8px)}.vw-progress-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.vw-progress-row span{font-size:var(--text-xs, 11px);font-weight:var(--weight-semibold, 600);color:var(--text-secondary, #475569)}.vw-progress-row strong{font-size:var(--text-sm, 13px);font-weight:800;font-family:var(--font-mono, monospace);color:var(--primary, var(--primary))}.vw-progress-bar{height:6px;border-radius:var(--radius-full, 999px);background:var(--border, #e2e8f0);overflow:hidden;display:flex;margin-bottom:var(--space-2, 8px)}.vw-progress-known{background:var(--primary, var(--primary));height:100%;transition:width .35s ease}.vw-progress-learning{background:#3b82f6;height:100%;transition:width .35s ease}.vw-progress-weak{background:#ef4444;height:100%;transition:width .35s ease}.vw-stat-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.vw-stat-tile{background:var(--bg, #f8fafc);border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-md, 8px);padding:8px 6px;text-align:center;display:flex;flex-direction:column;gap:2px}.vw-stat-tile.is-known{border-color:var(--primary-border);background:var(--primary-light)}.vw-stat-tile.is-learning{border-color:#bfdbfe;background:#eff6ff}.vw-stat-tile.is-weak{border-color:#fecaca;background:#fef2f2}.vw-stat-tile strong{font-size:var(--text-lg, 17px);font-weight:800;font-family:var(--font-mono, monospace);line-height:1}.vw-stat-tile.is-known strong{color:var(--primary-text)}.vw-stat-tile.is-learning strong{color:#1e40af}.vw-stat-tile.is-weak strong{color:#991b1b}.vw-stat-tile span{font-size:10px;font-weight:var(--weight-semibold, 600);color:var(--text-muted, #64748b)}.vw-stat-tile.is-known span{color:var(--primary-text)}.vw-stat-tile.is-learning span{color:#1e40af}.vw-stat-tile.is-weak span{color:#991b1b}.vw-mode-list{display:flex;flex-direction:column;gap:6px}.vw-mode-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-lg, 12px);border:1px solid var(--border, #e2e8f0);background:var(--surface, #ffffff);color:var(--text, #1e293b);cursor:pointer;text-align:left;transition:all var(--transition-fast, .15s ease)}.vw-mode-btn:hover{border-color:#6ee7b7;background:var(--primary-light)}.vw-mode-btn.is-active{border-color:var(--primary, var(--primary));background:var(--primary-light, var(--primary-light))}.vw-mode-icon{width:32px;height:32px;border-radius:var(--radius-md, 8px);background:var(--surface-2, #f1f5f9);color:var(--text-muted, #64748b);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast, .15s ease)}.vw-mode-btn.is-active .vw-mode-icon{background:var(--primary, var(--primary));color:#fff}.vw-mode-info{flex:1;min-width:0}.vw-mode-info strong{display:block;font-size:var(--text-sm, 13px);font-weight:var(--weight-bold, 700);color:var(--text, #0f172a);line-height:1.2}.vw-mode-btn.is-active .vw-mode-info strong{color:var(--primary, var(--primary))}.vw-mode-info span{display:block;font-size:10px;color:var(--text-muted, #64748b);margin-top:1px}.vw-mode-check{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full, 999px);background:var(--primary, var(--primary));color:#fff;font-size:12px;font-weight:700;flex-shrink:0}.vw-start-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:var(--primary, var(--primary));color:#fff;border-radius:var(--radius-lg, 12px);font-size:var(--text-sm, 13px);font-weight:var(--weight-bold, 700);text-decoration:none;box-shadow:0 4px 14px #0e938440;transition:all var(--transition-fast, .15s ease)}.vw-start-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #0e938459}.vw-reminder{margin:0;text-align:center;color:var(--text-muted, #64748b);font-size:var(--text-xs, 11px)}.vw-reminder strong{color:var(--danger);font-weight:var(--weight-bold, 700)}.vw-flash{display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px 0 20px}.vw-flash-top{width:100%;max-width:520px;display:flex;align-items:center;justify-content:space-between;gap:8px}.vw-flash-progress{font-size:12.5px;font-weight:600;color:var(--text-muted, #64748b)}.vw-flash-progress strong{font-family:var(--font-mono, monospace);color:var(--text, #0f172a);font-weight:700}.vw-flash-card{width:100%;max-width:520px;height:260px;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;perspective:1400px;outline:none}.vw-flash-card:focus-visible .vw-flash-face{border-color:var(--primary, var(--primary))}.vw-flash-card-inner{position:absolute;inset:0;transition:transform .6s cubic-bezier(.66,0,.28,1);transform-style:preserve-3d}.vw-flash-card.is-flipped .vw-flash-card-inner{transform:rotateY(180deg)}.vw-flash-card:active .vw-flash-card-inner{transform:scale(.985)}.vw-flash-card.is-flipped:active .vw-flash-card-inner{transform:rotateY(180deg) scale(.985)}@keyframes vwFlashEnter{0%{opacity:0;transform:translate(26px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}.vw-flash-card{animation:vwFlashEnter .28s cubic-bezier(.16,1,.3,1)}@media(prefers-reduced-motion:reduce){.vw-flash-card{animation:none}.vw-flash-card-inner{transition-duration:.01ms}}.vw-flash-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:10px;border:1px solid var(--border, #e2e8f0);background:var(--surface, #ffffff);padding:16px 20px;display:flex;flex-direction:column;overflow:hidden}.vw-flash-face.is-back{transform:rotateY(180deg);background:#fbfefc;border-color:var(--primary-border);border-left:3px solid var(--primary, var(--primary))}.vw-flash-face-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--border, #eef2f5);flex-shrink:0}.vw-flash-source{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted, #64748b)}.vw-flash-star{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border, #e2e8f0);background:var(--surface, #ffffff);color:var(--text-muted, #94a3b8);border-radius:6px;font-size:15px;cursor:pointer;transition:all .15s}.vw-flash-star:hover{color:#f59e0b;border-color:var(--warning-border);background:#fffbeb}.vw-flash-star.is-starred{color:#f59e0b;background:#fffbeb;border-color:var(--warning-border)}.vw-flash-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;min-height:0}.vw-flash-term{font-size:clamp(26px,3.4vw,34px);font-weight:800;letter-spacing:-.01em;color:var(--text, #0f172a);margin:0;line-height:1.15}.vw-flash-sub{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.vw-flash-pron{font-family:var(--font-mono, monospace);font-size:13px;color:var(--text-muted, #64748b)}.vw-flash-audio{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;border:1px solid var(--border, #e2e8f0);background:var(--surface, #ffffff);color:var(--text-secondary, #475569);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s}.vw-flash-audio:hover{border-color:var(--primary, var(--primary));color:var(--primary, var(--primary));background:var(--primary-light, var(--primary-light))}.vw-flash-meaning{font-size:clamp(20px,2.6vw,24px);font-weight:700;color:var(--primary-text, var(--primary-hover));margin:0;line-height:1.3}.vw-flash-example{margin:0;font-size:13px;line-height:1.5;color:var(--text-secondary, #475569);max-width:460px}.vw-flash-example-en{font-style:italic}.vw-flash-example-vi{display:block;margin-top:2px;font-style:normal;color:var(--text-muted, #64748b);font-size:12.5px}.vw-flash-note{margin:0;font-size:12.5px;color:var(--text-secondary, #475569);line-height:1.5;max-width:460px}.vw-flash-note-label{display:inline-block;margin-right:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted, #64748b);background:var(--surface-2, #f1f5f9);padding:1px 6px;border-radius:4px}.vw-flash-hint{flex-shrink:0;padding-top:8px;font-size:11px;color:var(--text-muted, #94a3b8);text-align:center;letter-spacing:.02em}.vw-flash-hint kbd{display:inline-block;padding:1px 5px;margin:0 1px;border:1px solid var(--border, #e2e8f0);border-bottom-width:2px;border-radius:4px;background:var(--surface, #ffffff);font-family:var(--font-mono, monospace);font-size:10.5px;color:var(--text-secondary, #475569)}.vw-flash-controls{display:flex;align-items:center;gap:8px;margin-top:4px}.vw-flash-nav{width:34px;height:34px;border-radius:8px;background:var(--surface, #ffffff);border:1px solid var(--border, #e2e8f0);color:var(--text-secondary, #475569);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.vw-flash-nav:hover:not(:disabled){border-color:var(--primary, var(--primary));color:var(--primary, var(--primary));background:var(--primary-light, var(--primary-light))}.vw-flash-nav:disabled{opacity:.4;cursor:not-allowed}.vw-flash-flip{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:8px;background:var(--text, #0f172a);border:1px solid var(--text, #0f172a);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.vw-flash-flip:hover{background:#1f2937;border-color:#1f2937}.vw-flash-study{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:520px;margin-top:4px}.vw-flash-study-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border-radius:8px;border:1px solid var(--border, #e2e8f0);background:var(--surface, #ffffff);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.vw-flash-study-btn.is-wrong{color:var(--danger-hover)}.vw-flash-study-btn.is-wrong:hover{background:#fef2f2;border-color:#fecaca}.vw-flash-study-btn.is-later{color:var(--warning-text)}.vw-flash-study-btn.is-later:hover{background:#fffbeb;border-color:var(--warning-border)}.vw-flash-study-btn.is-known{color:var(--primary-text, var(--primary-hover))}.vw-flash-study-btn.is-known:hover{background:var(--primary-light, var(--primary-light));border-color:var(--primary-border)}.vw-dol-empty,.vw-dol-loading,.vw-dol-error{text-align:center;padding:40px 20px;color:var(--text-muted, #64748b);font-size:var(--text-base, 15px);background:var(--bg, #f8fafc);border-radius:10px;border:1px dashed var(--border-hover, #cbd5e1)}@media(max-width:900px){.vw-body{grid-template-columns:1fr;overflow:visible;height:auto}.vw-right{border-left:none;border-top:1px solid var(--border, #e2e8f0)}.vw-screen{height:auto;min-height:100dvh;overflow:auto}}.vw-screen{background:#eef7f4}.vw-body{background:radial-gradient(circle at 12% 16%,rgba(14,147,132,.16),transparent 34%),radial-gradient(circle at 88% 84%,rgba(22,50,63,.08),transparent 40%),#dfeeea}.vw-left{padding:16px 24px 28px}.vw-toolbar{border-radius:16px;padding:12px 14px;border-color:#16323f1a;box-shadow:0 6px 22px #16323f0a}.vw-flash{width:min(100%,860px);gap:16px;margin:6px auto 0;padding:8px 0 28px}.vw-flash-top,.vw-flash-card,.vw-flash-study{max-width:820px}.vw-flash-card{height:clamp(380px,calc(100dvh - 330px),540px);min-height:380px}.vw-flash-face{padding:20px 26px;border-radius:24px;border:1px solid rgba(22,50,63,.14);box-shadow:0 24px 50px -12px #16323f42,0 6px 14px -6px #16323f24}.vw-flash-top-right{display:flex;align-items:center;gap:8px}.vw-flash-autospeak{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font:inherit;font-size:12px;font-weight:600;color:var(--text-muted, #64748b);background:var(--surface, #fff);border:1px solid var(--border, #e2e8f0);border-radius:999px;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.vw-flash-autospeak:hover{border-color:var(--primary-border)}.vw-flash-autospeak.is-on{color:var(--primary-text);background:var(--primary-light);border-color:var(--primary-border)}.vw-flash-face.is-front{background:linear-gradient(180deg,#fff,#fbfefd)}.vw-flash-face.is-back{background:linear-gradient(145deg,#f4fcf9,#fff 72%)}.vw-flash-visual{position:relative;flex:0 0 122px;display:grid;place-items:center;overflow:hidden;margin:0 -22px;background:linear-gradient(135deg,#d7f3ec,#e8f5ff)}.vw-flash-visual:after{content:"";position:absolute;width:190px;height:26px;bottom:12px;border-radius:50%;background:#16323f1f;filter:blur(2px)}.vw-flash-visual .vocab-illustration{position:relative;z-index:2;width:116px;height:96px;margin:0}.vw-flash-visual .vocab-illustration svg,.vw-flash-visual .vocab-illustration img{width:100%;height:100%;object-fit:contain}.vw-flash-visual-orb{position:absolute;z-index:1;width:12px;height:12px;border-radius:50%;background:#f6b83f}.vw-flash-visual-orb.orb-one{top:24px;right:24%}.vw-flash-visual-orb.orb-two{top:42px;right:20%;width:7px;height:7px;background:#0e9384}.vw-flash-body{gap:12px}.vw-flash-term{font-size:clamp(32px,4vw,44px);letter-spacing:-.03em}.vw-flash-controls{gap:10px}.vw-flash-nav,.vw-flash-flip{min-height:40px;border-radius:12px}.vw-flash-flip{padding-inline:20px;background:#16323f}.vw-right{width:300px;padding:18px 16px 28px;gap:18px;background:#ffffffe0;border-left-color:#16323f1a}.vw-sidebar-section{padding:14px;border:1px solid rgba(22,50,63,.09);border-radius:18px;background:#ffffffd6;box-shadow:0 6px 18px #16323f0a}.vw-start-btn{min-height:48px;border-radius:14px;background:linear-gradient(135deg,#0e9384,#0b7568)}@media(max-width:900px){.vw-left{padding:12px 14px 20px}.vw-flash{width:min(100%,640px)}.vw-flash-card{height:410px;min-height:0}.vw-right{width:auto;padding:14px}}@media(max-width:560px){.vw-flash-card{height:360px}.vw-flash-face{padding-inline:16px}.vw-flash-visual{margin-inline:-16px}.vw-flash-term{font-size:32px}}.vw-dol-header{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid #e2e8f0;margin-bottom:24px;flex-wrap:wrap;gap:16px}.vw-dol-title-row{display:flex;align-items:center;gap:16px;min-width:0}.vw-dol-back-btn{width:44px;height:44px;border-radius:12px;background:#fff;border:1px solid #e2e8f0;color:#475569;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 2px 6px #00000008;transition:all .15s ease;flex-shrink:0}.vw-dol-back-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light);transform:translateY(-1px)}.vw-dol-back-btn svg{width:20px;height:20px;transform:rotate(180deg)}.vw-dol-title-content{min-width:0}.vw-dol-title-flex{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.vw-dol-title-flex h1{font-size:clamp(20px,3vw,24px);font-weight:800;color:#0f172a;margin:0;letter-spacing:-.02em}.vw-dol-quality-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:#fffbeb;border:1px solid var(--warning-border);color:var(--warning-text);font-size:11px;font-weight:750;text-transform:uppercase}.vw-dol-quality-badge svg{width:14px;height:14px;color:#f59e0b}.vw-dol-subtitle{color:#64748b;font-size:13.5px;margin:4px 0 0}.vw-dol-meta-row{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e2e8f0;padding:8px 16px;border-radius:12px;box-shadow:0 1px 3px #00000005}.vw-dol-avatars{display:flex;align-items:center}.vw-dol-avatar{width:26px;height:26px;border-radius:50%;border:2px solid #ffffff;color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;margin-left:-6px}.vw-dol-avatar:first-child{margin-left:0}.vw-dol-stat-highlight{font-size:13px;color:#475569}.vw-dol-stat-highlight strong{color:#0f172a;font-weight:750;font-family:var(--font-mono, monospace)}.vw-dol-stat-sep{color:#cbd5e1}.vw-dol-layout-2col{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;align-items:start}.vw-dol-sidebar-panel{position:sticky;top:12px;order:2;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:16px;box-shadow:0 4px 20px #0f172a08}.vw-dol-sidebar-title{font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin:0 0 12px}.vw-dol-progress-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:16px}.vw-dol-progress-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.vw-dol-progress-head span{font-size:12px;font-weight:700;color:#475569}.vw-dol-progress-head strong{font-size:16px;font-weight:800;font-family:var(--font-mono, monospace);color:var(--primary)}.vw-dol-progress-bar{height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden;display:flex;margin-bottom:14px}.vw-dol-progress-known{background:var(--primary);height:100%;transition:width .35s ease}.vw-dol-progress-learning{background:#3b82f6;height:100%;transition:width .35s ease}.vw-dol-progress-weak{background:#ef4444;height:100%;transition:width .35s ease}.vw-dol-stat-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.vw-dol-stat-tile{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px 8px;text-align:center;display:flex;flex-direction:column;gap:2px}.vw-dol-stat-tile.is-known{border-color:var(--primary-border);background:var(--primary-light)}.vw-dol-stat-tile.is-learning{border-color:#bfdbfe;background:#eff6ff}.vw-dol-stat-tile.is-weak{border-color:#fecaca;background:#fef2f2}.vw-dol-stat-tile strong{font-size:18px;font-weight:800;font-family:var(--font-mono, monospace);line-height:1}.vw-dol-stat-tile.is-known strong{color:var(--primary-text)}.vw-dol-stat-tile.is-learning strong{color:#1e40af}.vw-dol-stat-tile.is-weak strong{color:#991b1b}.vw-dol-stat-tile span{font-size:11px;font-weight:650;color:#64748b}.vw-dol-stat-tile.is-known span{color:var(--primary-text)}.vw-dol-stat-tile.is-learning span{color:#1e40af}.vw-dol-stat-tile.is-weak span{color:#991b1b}.vw-dol-mode-list{display:flex;flex-direction:column;gap:8px}.vw-dol-mode-btn{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid #e2e8f0;background:#fff;color:#1e293b;cursor:pointer;text-align:left;transition:all .15s ease}.vw-dol-mode-btn:hover{border-color:#6ee7b7;background:var(--primary-light)}.vw-dol-mode-btn.is-active{border-color:var(--primary);background:var(--primary-light)}.vw-dol-mode-icon{width:36px;height:36px;border-radius:12px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.vw-dol-mode-btn.is-active .vw-dol-mode-icon{background:var(--primary);color:#fff}.vw-dol-mode-info{flex:1;min-width:0}.vw-dol-mode-info strong{display:block;font-size:13.5px;font-weight:750;color:#0f172a;line-height:1.2}.vw-dol-mode-btn.is-active .vw-dol-mode-info strong{color:var(--primary)}.vw-dol-mode-info span{display:block;font-size:11.5px;color:#64748b;margin-top:2px}.vw-dol-start-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;background:var(--primary);color:#fff;border-radius:16px;font-size:15px;font-weight:750;text-decoration:none;box-shadow:0 4px 14px #0e938440;transition:all .15s ease}.vw-dol-start-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #0e938459}.vw-dol-start-btn svg{width:18px;height:18px}.vw-dol-reminder{margin:0;text-align:center;color:#64748b;font-size:13px}.vw-dol-reminder strong{color:var(--danger);font-weight:700}.vw-dol-preview-box{border-top:1px solid #e2e8f0;padding-top:20px}.vw-dol-flashcard-mini{width:100%;height:180px;border-radius:18px;border:1px solid #e2e8f0;background:#f8fafc;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;perspective:1000px}.vw-dol-flashcard-inner{position:absolute;inset:0;transition:transform .4s ease;transform-style:preserve-3d}.vw-dol-flashcard-mini.is-flipped .vw-dol-flashcard-inner{transform:rotateY(180deg)}.vw-dol-face-mini{position:absolute;inset:0;backface-visibility:hidden;border-radius:18px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 8px #00000005}.vw-dol-face-mini.back{background:linear-gradient(135deg,var(--primary-light),#d1fae5);border-color:var(--primary);transform:rotateY(180deg)}.vw-dol-face-mini strong{font-size:20px;font-weight:800;color:#0f172a}.vw-dol-face-mini.back strong{color:var(--primary-text);font-size:18px}.vw-dol-face-mini span{font-size:12px;color:#64748b;font-family:var(--font-mono, monospace);margin-top:4px}.vw-dol-face-mini p{font-size:12px;color:var(--primary);font-style:italic;margin:8px 0 0;line-height:1.4}.vw-dol-content-panel{display:flex;flex-direction:column;gap:16px;min-width:0;order:1}.vw-dol-toolbar{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:12px 16px;flex-wrap:wrap;box-shadow:0 2px 8px #00000005}.vw-dol-view-toggle{display:flex;align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:3px;gap:2px}.vw-dol-view-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:none;background:transparent;color:#64748b;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s ease}.vw-dol-view-btn.is-active{background:var(--primary);color:#fff;box-shadow:0 1px 3px #0e938433}.vw-dol-view-btn svg{width:14px;height:14px}.vw-dol-search{flex:1;min-width:200px;position:relative;display:flex;align-items:center}.vw-dol-search svg{position:absolute;left:12px;width:16px;height:16px;color:#94a3b8}.vw-dol-search input{width:100%;padding:8px 12px 8px 36px;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc;font-size:13.5px;color:#0f172a;outline:none;transition:all .15s ease}.vw-dol-search input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #0e93841a}.vw-dol-filter-tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.vw-dol-filter-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;border:1px solid transparent;background:#f8fafc;color:#64748b;font-size:12px;font-weight:650;cursor:pointer;transition:all .15s ease}.vw-dol-filter-tab:hover{background:#f1f5f9;color:#0f172a}.vw-dol-filter-tab.is-active{background:var(--primary);color:#fff;box-shadow:0 2px 6px #0e938433}.vw-dol-filter-tab span{font-family:var(--font-mono, monospace);font-size:11px;opacity:.8}.vw-dol-word-list{display:flex;flex-direction:column;gap:8px}.vw-dol-word-item{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease;box-shadow:0 1px 2px #00000005}.vw-dol-word-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a0d}.vw-dol-word-image{width:60px;height:60px;border-radius:10px;overflow:hidden;border:1px solid #f1f5f9;background:#f8fafc;flex-shrink:0}.vw-dol-word-image img{width:100%;height:100%;object-fit:cover}.vw-dol-word-main{flex:1;min-width:0}.vw-dol-word-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}.vw-dol-word-term{font-size:18px;font-weight:800;color:#0f172a;letter-spacing:-.01em}.vw-dol-word-pron{font-size:13.5px;color:#64748b;font-family:var(--font-mono, monospace)}.vw-dol-word-meaning{font-size:15px;font-weight:700;color:var(--primary);margin:0 0 4px}.vw-dol-word-example{font-size:13px;color:#475569;font-style:italic;margin:0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vw-dol-word-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.vw-action-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s ease;border:1px solid var(--border, #e2e8f0);background:var(--surface, #ffffff);color:var(--text-secondary, #475569);white-space:nowrap}.vw-action-btn:hover{background:var(--surface-2, #f8fafc);color:var(--text, #1e293b);border-color:#cbd5e1}.vw-action-btn.audio{width:34px;height:34px;padding:0;justify-content:center}.vw-action-btn.star{width:34px;height:34px;padding:0;justify-content:center;background:var(--surface, #ffffff);color:#94a3b8;border-color:#e2e8f0}.vw-action-btn.star:hover{color:#f59e0b;background:#fffbeb;border-color:var(--warning-border)}.vw-action-btn.star.is-starred{background:#fffbeb;color:#f59e0b;border-color:var(--warning-border)}.vw-action-btn svg{width:14px;height:14px}.vw-dol-flashcard-full-wrap{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px 0}.vw-dol-flash-counter{font-size:14px;font-weight:700;color:#64748b}.vw-dol-flash-counter strong{font-family:var(--font-mono, monospace);color:#0f172a}.vw-dol-flashcard-full{width:100%;max-width:640px;height:360px;border-radius:28px;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;perspective:1400px}.vw-dol-flashcard-full-inner{position:absolute;inset:0;transition:transform .5s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.vw-dol-flashcard-full.is-flipped .vw-dol-flashcard-full-inner{transform:rotateY(180deg)}.vw-dol-face-full{position:absolute;inset:0;backface-visibility:hidden;border-radius:28px;padding:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;border:2px solid #e2e8f0;box-shadow:0 10px 30px #0000000d}.vw-dol-face-full.back{background:linear-gradient(135deg,var(--primary-light),#d1fae5);border-color:var(--primary);transform:rotateY(180deg)}.vw-dol-face-full h2{font-size:clamp(36px,5vw,48px);font-weight:800;color:#0f172a;margin:0 0 8px}.vw-dol-face-full.back h2{color:var(--primary-text);font-size:clamp(30px,4vw,40px)}.vw-dol-face-full span{font-size:18px;color:#64748b;font-family:var(--font-mono, monospace)}.vw-dol-face-full p{font-size:16px;color:var(--primary);font-style:italic;margin:16px 0 0;max-width:480px;line-height:1.5}.vw-dol-face-full img{width:80px;height:80px;border-radius:16px;object-fit:cover;border:2px solid #fff;box-shadow:0 4px 12px #0000001a;margin-top:16px}.vw-dol-flash-controls{display:flex;align-items:center;gap:16px}.vw-dol-nav-btn{width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid #e2e8f0;color:#475569;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000000a;transition:all .15s ease}.vw-dol-nav-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary);transform:scale(1.05)}.vw-dol-flip-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:16px;background:#fff;border:1px solid #e2e8f0;color:#1e293b;font-size:14px;font-weight:750;cursor:pointer;box-shadow:0 2px 8px #0000000a;transition:all .15s ease}.vw-dol-flip-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.vw-dol-empty,.vw-dol-loading,.vw-dol-error{text-align:center;padding:60px 20px;color:#64748b;font-size:16px;background:#f8fafc;border-radius:20px;border:1px dashed #cbd5e1}.content:has(>.vr-roadmap-layout),.content:has(>.vs-page){max-width:100%;padding:0}.vs-page{height:100dvh;display:flex;flex-direction:column;background:#f0f2f5;color:var(--text, #1e293b);overflow:hidden}.vs-studio-body{display:flex;gap:12px;align-items:stretch;flex:1;min-height:0;overflow:hidden;padding:12px;background:#f0f2f5}.vs-center-stage{flex:1;min-width:0;min-height:0;display:flex;gap:12px;align-items:stretch}.vs-question-stack{width:420px;flex-shrink:0;position:relative;perspective:1400px;display:flex;flex-direction:column;min-height:0}.vs-stack-container{position:relative;flex:1;min-height:0}.vs-ghost-card{position:absolute;inset:0;border-radius:28px;border:1px solid #e2e8f0;background:#fff;pointer-events:none}.vs-ghost-card.layer-3{transform:translate(12px,12px);z-index:10;opacity:.25}.vs-ghost-card.layer-2{transform:translate(6px,6px);z-index:20;opacity:.6;overflow:hidden}.vs-ghost-card.layer-2 img{width:100%;height:100%;object-fit:cover;opacity:.25}.vs-top-card{position:absolute;inset:0;border-radius:28px;border:1px solid #e2e8f0;background:#fff;z-index:30;overflow:hidden;box-shadow:0 10px 30px #0000000f;display:flex;flex-direction:column;transform-origin:50% 0%}.vs-top-card.is-tearing{animation:tearOff .42s cubic-bezier(.55,0,.9,.4) forwards}.vs-top-card.is-rising{animation:riseUp .38s cubic-bezier(.22,1,.36,1)}.vs-card-media{height:52%;position:relative;overflow:hidden;background:#f8fafc}.vs-card-media img{width:100%;height:100%;object-fit:cover}.vs-card-media-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.2) 50%,transparent 100%)}.vs-card-media-badges{position:absolute;bottom:12px;left:16px;right:16px;display:flex;align-items:center;gap:8px}.vs-card-kicker-badge{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase;color:#fff;letter-spacing:.05em}.vs-card-kicker-badge.quiz{background:var(--purple)}.vs-card-kicker-badge.typing{background:var(--secondary)}.vs-card-content{flex:1;padding:20px;display:flex;flex-direction:column;justify-content:center;gap:10px}.vs-card-title{font-size:clamp(26px,3.5vw,32px);font-weight:800;color:#0f172a;line-height:1.15;margin:0}.vs-card-ipa{font-family:var(--font-mono, monospace);font-size:15px;color:#64748b;margin:0}.vs-listen-circle-wrap{position:relative;display:flex;align-items:center;justify-content:center}.vs-listen-circle-btn{width:88px;height:88px;border-radius:50%;background:var(--primary);color:#fff;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #0e938459;position:relative;z-index:10;transition:all .2s ease}.vs-listen-circle-btn:hover{background:var(--primary-hover);transform:scale(1.06)}.vs-listen-circle-btn svg{width:40px;height:40px}.vs-wave-ring{position:absolute;border-radius:50%;border:2px solid var(--primary);opacity:0;pointer-events:none}.vs-wave-ring.ring-1{width:120px;height:120px;animation:wavePing 1.2s ease-out infinite;animation-delay:0s}.vs-wave-ring.ring-2{width:156px;height:156px;animation:wavePing 1.2s ease-out infinite;animation-delay:.3s}.vs-wave-ring.ring-3{width:192px;height:192px;animation:wavePing 1.2s ease-out infinite;animation-delay:.6s}.vs-stack-dots{display:flex;align-items:center;justify-content:center;gap:6px;padding-top:10px;flex:0 0 auto}.vs-stack-dot{height:6px;border-radius:999px;transition:all .3s ease}.vs-stack-dot.active{width:20px;background:var(--primary)}.vs-stack-dot.passed{width:8px;background:#0e938459}.vs-stack-dot.future{width:8px;background:#e2e8f0}.vs-answer-zone{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:20px;box-shadow:0 4px 20px #00000008;position:relative;justify-content:flex-start;overflow:hidden}.vs-mode-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:10px;font-size:13px;font-weight:750;border:1px solid transparent}.vs-mode-badge.quiz{background:#f5f3ff;color:var(--purple-text);border-color:#ddd6fe}.vs-mode-badge.typing{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.vs-mode-badge.listening{background:#fffbeb;color:var(--warning-text);border-color:var(--warning-border)}.vs-mode-badge svg{width:15px;height:15px}.vs-answer-header{display:flex;align-items:center;gap:12px}.vs-answer-header span{font-size:14px;color:#64748b;font-weight:600}.vs-center-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;width:100%}.vs-action-btn-flat{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:13.5px;font-weight:700;cursor:pointer;transition:all .15s ease;flex:1;max-width:160px}.vs-action-btn-flat:hover{background:#f1f5f9;color:#0f172a}.vs-action-btn-flat.audio{border-color:var(--primary-border);background:var(--primary-light);color:var(--success-text)}.vs-action-btn-flat.audio:hover{background:var(--primary-light)}.vs-action-btn-flat.youglish{border-color:#fed7aa;background:#fff7ed;color:#c2410c}.vs-action-btn-flat.youglish:hover{background:#ffedd5}.vs-action-btn-flat.star{border-color:var(--warning-border);background:#fffbeb;color:var(--warning-text)}.vs-action-btn-flat.star:hover{background:var(--warning-light)}.vs-action-btn-flat.star.is-active{background:#f59e0b;border-color:#f59e0b;color:#fff}.vs-action-btn-flat svg{width:16px;height:16px}.vs-unicode-star{display:inline-flex;align-items:center;line-height:1}.vs-options-grid-2x2{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,80px);gap:12px;margin-top:16px;margin-bottom:auto}.vs-option-btn-big{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:18px;border:2px solid #e2e8f0;background:#fff;cursor:pointer;text-align:left;transition:all .15s ease;width:100%;height:100%}.vs-option-btn-big:hover:not(:disabled){border-color:var(--primary);background:var(--primary-light)}.vs-option-btn-big.is-correct{border-color:var(--primary);background:var(--primary-light);cursor:default}.vs-option-btn-big.is-wrong{border-color:var(--danger);background:#fef2f2;cursor:default}.vs-option-btn-big:disabled{cursor:default}.vs-opt-shortcut{width:30px;height:30px;border-radius:8px;background:#f1f5f9;border:1px solid #e2e8f0;color:#475569;font-family:var(--font-mono, monospace);font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vs-option-btn-big.is-correct .vs-opt-shortcut{background:var(--primary);color:#fff;border-color:var(--primary)}.vs-option-btn-big.is-wrong .vs-opt-shortcut{background:var(--danger);color:#fff;border-color:var(--danger)}.vs-opt-text{flex:1;min-width:0}.vs-opt-text strong{display:block;font-size:15px;font-weight:700;color:#0f172a;line-height:1.3}.vs-option-btn-big.is-correct .vs-opt-text strong{color:var(--primary-text)}.vs-option-btn-big.is-wrong .vs-opt-text strong{color:#991b1b}.vs-opt-meta{display:block;font-size:12px;color:#64748b;margin-top:4px;font-family:var(--font-mono, monospace)}.vs-typing-container{display:flex;flex-direction:column;gap:14px;flex:1;min-height:0;overflow:hidden}.vs-typing-container.is-input{justify-content:center}.vs-typing-input-card{display:flex;flex-direction:column;gap:14px;padding:24px;border:1px solid #e2e8f0;border-radius:24px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 8px 26px #0f172a0a}.vs-input-row{display:flex;gap:12px}.vs-input-wrap{flex:1;position:relative;display:flex;align-items:center}.vs-input-wrap input{width:100%;padding:16px 48px 16px 20px;border-radius:16px;border:2px solid #e2e8f0;background:#fff;font-size:16px;font-weight:650;color:#0f172a;outline:none;transition:all .15s ease}.vs-input-wrap input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #0e93841a}.vs-input-wrap.is-error input{border-color:var(--danger);background:#fef2f2;color:#991b1b}.vs-mic-btn{position:absolute;right:12px;width:32px;height:32px;border-radius:8px;background:transparent;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.vs-mic-btn:hover{background:var(--primary-light);color:var(--primary)}.vs-mic-btn.is-active{background:#ef4444;color:#fff;animation:pulseAnim 1s infinite}.vs-mic-btn svg{width:16px;height:16px}.vs-check-btn{padding:0 24px;background:var(--primary);color:#fff;border:none;border-radius:16px;font-size:15px;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .15s ease}.vs-check-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.vs-check-btn:disabled{opacity:.4;cursor:not-allowed}.vs-amber-hint{display:flex;align-items:center;gap:10px;background:#fffbeb;border:1px solid var(--warning-border);border-radius:14px;padding:12px 16px;color:var(--warning-text);font-size:13.5px;animation:slideUp .25s ease-out}.vs-amber-hint svg{width:18px;height:18px;flex-shrink:0;color:#f59e0b}.vs-amber-hint code{font-family:var(--font-mono, monospace);font-weight:800;color:#92400e;letter-spacing:.1em}.vs-arrange-badge{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--primary-light);border:1px solid var(--primary-border);border-radius:16px;animation:slideUp .25s ease-out}.vs-arrange-badge img{width:36px;height:36px;border-radius:10px;object-fit:cover}.vs-arrange-badge strong{font-size:15px;color:var(--primary-text);font-weight:800}.vs-arrange-badge span{font-family:var(--font-mono, monospace);font-size:13px;color:var(--primary);margin-left:8px}.vs-arrange-box{flex:1;display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:20px;border:2px dashed rgba(14,147,132,.4);background:#f0fdf499;animation:slideUp .3s ease-out}.vs-arrange-title{font-size:12px;font-weight:800;text-transform:uppercase;color:var(--primary-text);letter-spacing:.05em;display:flex;align-items:center;gap:6px;margin:0}.vs-arrange-slot{min-height:52px;display:flex;flex-wrap:wrap;gap:8px;padding:10px;border-radius:14px;background:#fff;border:2px solid rgba(14,147,132,.25);box-shadow:inset 0 2px 4px #00000005}.vs-arrange-slot-empty{font-size:13px;color:#94a3b8;font-style:italic;align-self:center;padding:0 4px}.vs-word-bank{flex:1;display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}.vs-arrange-word{padding:6px 12px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s ease;line-height:1.2;border:1px solid transparent}.vs-arrange-word.in-slot{background:var(--primary);color:#fff}.vs-arrange-word.in-slot:hover{background:var(--danger)}.vs-arrange-word.in-bank{background:#fff;border-color:#e2e8f0;color:#1e293b;box-shadow:0 2px 4px #00000008}.vs-arrange-word.in-bank:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.vs-trophy-card{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px;border-radius:24px;background:linear-gradient(135deg,var(--primary-light),#d1fae5);border:2px solid var(--primary);text-align:center;animation:slideUp .3s ease-out}.vs-trophy-icon{width:56px;height:56px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #0e93844d}.vs-trophy-icon svg{width:28px;height:28px}.vs-trophy-card h3{font-size:22px;font-weight:850;color:var(--primary-text);margin:0}.vs-trophy-card p{font-size:15px;color:var(--primary);font-style:italic;margin:0;max-width:400px;line-height:1.5}.vs-word-reveal-compact{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--primary-light);border:1px solid var(--primary);border-radius:18px;animation:slideUp .25s ease-out}.vs-word-reveal-compact img{width:44px;height:44px;border-radius:12px;object-fit:cover;flex-shrink:0}.vs-word-reveal-compact strong{font-size:16px;color:var(--primary-text);font-weight:800}.vs-word-reveal-compact span{font-family:var(--font-mono, monospace);font-size:13px;color:var(--primary);margin-left:8px}.vs-word-reveal-compact p{font-size:13.5px;color:var(--primary);font-weight:650;margin:2px 0 0}.vs-next-btn{width:100%;padding:14px 24px;background:var(--primary);color:#fff;border:none;border-radius:18px;font-size:15px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px #0e938440;transition:all .15s ease;animation:slideUp .2s ease-out}.vs-next-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #0e938459}.vs-next-btn svg{width:18px;height:18px}.vs-side-dock{width:280px;flex-shrink:0;background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-xl, 16px);padding:16px;display:flex;flex-direction:column;gap:16px;max-height:none;min-height:0;overflow:hidden;box-shadow:0 4px 20px #00000008}.vs-card-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--surface, #ffffff);border-top:1px solid var(--border, #e2e8f0);margin-top:auto;flex-shrink:0}.vs-card-counter{font-size:13px;font-weight:850;font-family:var(--font-mono, monospace);color:var(--primary, var(--primary))}.vs-listen-eyebrow{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:#fff7ed;border:1px solid #fed7aa;color:#c2410c;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;width:fit-content}.vs-listen-btn-mini{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:var(--primary-light, var(--primary-light));color:var(--primary, var(--primary));border:1px solid var(--primary-border);font-size:12px;font-weight:700;cursor:pointer;width:fit-content;margin-top:10px;transition:all .15s ease}.vs-listen-btn-mini:hover{background:var(--primary-light);border-color:var(--success-border)}.vs-listen-btn-mini svg{width:14px;height:14px}.vs-typing-hint-row{display:flex;flex-direction:column;gap:6px;margin-top:8px}.vs-typing-hint-row span{font-size:12px;color:var(--text-muted, #64748b);font-weight:600}.vs-typing-dots{font-family:var(--font-mono, monospace);font-size:20px;font-weight:900;color:var(--primary, var(--primary));letter-spacing:.15em;word-break:break-all;background:var(--bg, #f8fafc);padding:6px 12px;border-radius:var(--radius-md, 8px);border:1px solid var(--border, #e2e8f0)}.vs-card-index{position:absolute;top:12px;right:16px;font-size:11px;font-weight:800;color:#ffffffe6;font-family:var(--font-mono, monospace);z-index:5;background:#0f172a73;padding:3px 8px;border-radius:var(--radius-sm, 6px)}.vs-dock-section{display:flex;flex-direction:column;gap:10px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.vs-dock-section:last-child{border-bottom:none;padding-bottom:0}.vs-dock-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin:0;display:flex;align-items:center;gap:6px}.vs-dock-title svg{width:14px;height:14px}.vs-quick-actions{display:flex;flex-direction:column;gap:8px}.vs-quick-btn{display:flex;align-items:center;gap:12px;padding:9px 11px;border-radius:14px;border:1px solid #e2e8f0;background:#f8fafc;cursor:pointer;text-align:left;transition:all .15s ease}.vs-quick-btn:hover{border-color:var(--primary);background:var(--primary-light)}.vs-quick-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid transparent}.vs-quick-icon.audio{background:var(--primary-light);color:var(--primary);border-color:var(--primary-border)}.vs-quick-icon.youglish{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.vs-quick-icon.star{background:#fffbeb;color:#f59e0b;border-color:var(--warning-border)}.vs-quick-btn strong{display:block;font-size:13px;font-weight:750;color:#0f172a;line-height:1.2}.vs-quick-btn span{display:block;font-size:11px;color:#64748b;margin-top:2px}.vs-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.vs-stat-tile{padding:12px 8px;border-radius:14px;border:1px solid #e2e8f0;text-align:center;display:flex;flex-direction:column;gap:2px}.vs-stat-tile.correct{background:var(--primary-light);border-color:var(--primary-border);color:var(--primary)}.vs-stat-tile.wrong{background:#fef2f2;border-color:#fecaca;color:var(--danger)}.vs-stat-tile.acc{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.vs-stat-tile.streak{background:#fffbeb;border-color:var(--warning-border);color:var(--warning)}.vs-stat-tile strong{font-size:20px;font-weight:850;font-family:var(--font-mono, monospace);line-height:1}.vs-stat-tile span{font-size:11px;font-weight:700;opacity:.8}.vs-shortcuts-list{display:flex;flex-direction:column;gap:8px}.vs-shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.vs-shortcut-row span{font-size:12px;color:#64748b}.vs-shortcut-kbd{display:inline-flex;align-items:center;gap:4px}.vs-shortcut-kbd kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:6px;background:#f1f5f9;border:1px solid #cbd5e1;font-family:var(--font-mono, monospace);font-size:11px;font-weight:800;color:#334155}.vs-current-word-card{border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;background:#f8fafc}.vs-current-word-card img{width:100%;height:80px;object-fit:cover}body:has(.vs-page) .feedback-fab{right:18px}.vs-current-word-body{padding:12px}.vs-current-word-body strong{font-size:15px;font-weight:800;color:#0f172a;display:block}.vs-current-word-body span{font-size:13px;font-weight:700;color:var(--primary);display:block;margin-top:2px}.vs-current-word-body p{font-size:11.5px;color:#64748b;font-style:italic;margin:4px 0 0;line-height:1.4}.vs-empty-state{min-height:420px;max-width:560px;margin:48px auto;padding:32px;border:1px solid #e2e8f0;border-radius:24px;background:#fff;box-shadow:0 8px 30px #0f172a0a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;color:#334155}.vs-spinner{width:34px;height:34px;border:3px solid var(--primary-border);border-top-color:var(--primary);border-radius:999px;animation:ygSpin .85s linear infinite}.vs-card-content.is-centered{align-items:center;text-align:center}.vs-inline-link{border:0;background:transparent;color:var(--primary-hover);font:inherit;font-size:13px;font-weight:750;cursor:pointer;text-decoration:none}.vs-inline-link:hover{color:var(--primary-text);text-decoration:underline}.vs-quick-youglish{width:100%;justify-content:flex-start;color:#c2410c}.vs-quick-youglish svg{width:34px;height:34px;padding:9px;border:1px solid #fed7aa;border-radius:10px;background:#fff7ed;color:#c2410c}.vs-quick-youglish span{display:block;font-size:13px;font-weight:750;color:#0f172a}.vs-done{background:#fff;border:1px solid #e2e8f0;border-radius:28px;padding:48px 32px;text-align:center;box-shadow:0 8px 30px #0f172a0d;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:560px;margin:40px auto 0}.vs-done-icon{width:76px;height:76px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:8px}.vs-done-icon.success{background:var(--primary-light);color:var(--primary);border:2px solid var(--primary-border)}.vs-done-icon.target{background:#eff6ff;color:#3b82f6;border:2px solid #bfdbfe}.vs-done-icon svg{width:38px;height:38px}.vs-done h2{font-size:28px;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.02em}.vs-done p{color:#475569;font-size:16px;margin:0;line-height:1.5;max-width:440px}.vs-done p strong{color:#0f172a}.vs-done-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%;margin:12px 0 8px}.vs-stat-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:4px}.vs-stat-box span{font-size:13.5px;color:#64748b;font-weight:600}.vs-stat-box strong{font-size:28px;font-weight:800;color:#0f172a}.vs-stat-box.correct strong{color:var(--primary)}.vs-done-actions{display:flex;gap:12px;width:100%;justify-content:center;flex-wrap:wrap;margin-top:8px}.vs-done-actions .vc-btn{flex:1;min-width:180px;height:52px;font-size:15px}@keyframes tearOff{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(-80px,-120px) rotate(-12deg);opacity:0}}@keyframes riseUp{0%{transform:translateY(40px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes wavePing{0%{transform:scale(.8);opacity:.6}to{transform:scale(1.4);opacity:0}}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes waveAnim{0%,to{height:10px;opacity:.4}50%{height:24px;opacity:1}}@keyframes pulseAnim{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shakeAnim{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.shake-anim{animation:shakeAnim .35s ease-in-out}.slide-up-anim{animation:slideUp .25s cubic-bezier(.16,1,.3,1)}@media(max-width:1240px)and (min-width:1081px){.vs-studio-shell{padding:16px}.vs-top-bar{grid-template-columns:minmax(0,1fr) auto minmax(180px,300px);gap:12px}.vs-center-stage{gap:16px}.vs-question-stack{width:40%}.vs-answer-zone{padding:16px}.vs-side-dock{width:240px;padding:14px 14px 76px}}@media(max-width:1080px){.vw-dol-layout-2col{grid-template-columns:1fr}.vw-dol-sidebar-panel{position:static}.vs-page{height:auto;min-height:calc(100dvh - var(--topbar-height, 70px));overflow:visible}.vs-studio-shell{height:auto;padding:16px}.vs-top-bar{grid-template-columns:1fr;align-items:stretch}.vs-mode-controls{justify-self:start}.vs-studio-body{flex-direction:column;overflow:visible}.vs-side-dock{width:100%;max-height:none}.vs-center-stage{flex-direction:column}.vs-question-stack{width:100%;min-height:420px}.vs-stack-container{min-height:420px}}@media(max-width:720px){.vw-dol-header,.vw-dol-toolbar{flex-direction:column;align-items:stretch}.vw-dol-search{width:100%}.vw-dol-word-item{flex-direction:column}.vw-dol-word-image{width:100%;height:180px}.vw-dol-word-actions{align-self:flex-start;width:100%;justify-content:flex-end;margin-top:10px}.vs-options-grid-2x2{grid-template-columns:1fr}.vs-input-row{flex-direction:column}.vs-check-btn{width:100%;padding:16px}.vs-done-stats{grid-template-columns:1fr}.vs-done-actions{flex-direction:column}body:has(.vs-page) .feedback-fab{width:46px;height:46px;right:12px;bottom:calc(var(--mobile-nav-height, 72px) + 10px);justify-content:center;padding:0}body:has(.vs-page) .feedback-fab span{display:none}}@media(max-width:640px){.vr-body:before{left:0;right:0}.vr-map-panel{padding:18px 14px 6px;border-radius:18px}.vr-timeline-head{flex-direction:column}.vr-legend{margin-left:0;justify-content:flex-start}.vr-map-summary{grid-template-columns:1fr}.vr-chapter{grid-template-columns:38px 1fr;gap:12px}.vr-chapter-dot{width:38px;height:38px}.vr-chapter:before{left:18px;top:38px}.vr-continue{padding:16px}.vr-continue-go{display:none}}.yg-context-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:7px 12px;border:1px solid var(--primary-border, var(--primary-border));border-radius:var(--radius-md, 8px);background:var(--primary-light, var(--primary-light));color:var(--primary-text, var(--primary-text));font:inherit;font-size:13px;font-weight:650;line-height:1;cursor:pointer;text-decoration:none;transition:background .14s ease,border-color .14s ease,color .14s ease}.yg-context-btn:hover{border-color:var(--primary, var(--primary));background:#dff8ec;color:var(--primary-text, var(--primary-text))}.yg-context-btn svg{width:15px;height:15px;flex:0 0 auto}.vocab-illustration{margin:0;overflow:hidden;width:min(180px,46%);aspect-ratio:16 / 9;border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-lg, 12px);background:var(--surface, #fff)}.vocab-illustration img{display:block;width:100%;height:100%;object-fit:cover}.vocab-illustration.is-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ecfdf5e6,#f8fafce6);color:var(--primary, var(--primary))}.vocab-illustration.is-placeholder svg{width:28px;height:28px;opacity:.72}.vocab-illustration.is-card{margin-bottom:2px}.vocab-illustration.is-study{width:min(240px,60%);margin-bottom:8px;border-radius:16px}.vocab-illustration.is-row{width:58px;border-radius:var(--radius-md, 8px);box-shadow:none}.vocab-illustration.is-row svg{width:20px;height:20px}.vocab-illustration.is-card-row{width:100%;height:100%;aspect-ratio:4 / 3;border-radius:14px}.vocab-illustration.is-list-dol,.vocab-illustration.is-study-card,.vocab-illustration.is-stack-preview{width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:0;transition:filter .2s ease,opacity .2s ease}.vocab-illustration.is-blurred{filter:blur(28px) grayscale(60%);opacity:.85}.vs-toggle-image-btn{position:absolute;top:12px;left:12px;z-index:10;width:32px;height:32px;border-radius:50%;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:0;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.vs-toggle-image-btn:hover{background:#0f172acc;transform:scale(1.05)}.vocab-illustration.is-flash-thumb{width:82px!important;height:82px!important;aspect-ratio:1 / 1!important;margin-top:16px;border:2px solid #fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;flex-shrink:0;display:block}.vw-flash-meta{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.vw-flash-example{font-size:13px;color:var(--text-secondary, #475569);font-style:italic;margin:8px 0 0;max-width:440px;line-height:1.5}.vocab-illustration.is-arrange-badge,.vocab-illustration.is-reveal-thumb{width:44px;height:44px;aspect-ratio:1;border-radius:12px;flex:0 0 auto}.vocab-illustration.is-arrange-badge{width:36px;height:36px;border-radius:10px}.vocab-illustration.is-current-word{width:100%;height:80px;aspect-ratio:auto;border:0;border-radius:0}.vs-question-actions .vs-speak,.vs-context-btn{min-height:36px}.yg-modal-overlay{position:fixed;inset:0;z-index:var(--z-modal, 300);display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.yg-modal{width:min(980px,100%);max-height:min(760px,calc(100dvh - 48px));display:flex;flex-direction:column;border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-xl, 20px);background:var(--surface, #fff);box-shadow:0 25px 70px #0f172a40;overflow:hidden}.yg-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid var(--border, #e2e8f0)}.yg-kicker{display:block;margin-bottom:3px;font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted, #64748b)}.yg-modal-head h2{margin:0;font-size:22px;font-weight:700;color:var(--text, #1e293b)}.yg-close{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-md, 8px);background:var(--surface, #fff);color:var(--text-secondary, #475569);cursor:pointer}.yg-close:hover{background:var(--surface-2, #f8fafc);color:var(--text, #1e293b)}.yg-widget-shell{position:relative;flex:1;min-height:420px;overflow:auto;padding:16px;background:var(--surface-2, #f8fafc)}.yg-widget-host{width:100%;min-height:420px;border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-lg, 12px);background:#fff;overflow:hidden;display:block}.yg-widget-host.is-hidden{display:none}.yg-widget-mount{min-height:420px}.yg-loading,.yg-fallback{position:absolute;inset:16px;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-lg, 12px);background:#fffffff5;text-align:center}.yg-loading strong,.yg-fallback strong{font-size:16px;color:var(--text, #1e293b)}.yg-loading small,.yg-fallback p{max-width:440px;margin:0;font-size:13.5px;color:var(--text-muted, #64748b);line-height:1.5}.yg-spinner{width:32px;height:32px;border:3px solid var(--primary-border, var(--primary-border));border-top-color:var(--primary, var(--primary));border-radius:999px;animation:ygSpin .85s linear infinite}@keyframes ygSpin{to{transform:rotate(360deg)}}.yg-fallback-links,.yg-modal-foot div{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.yg-fallback-links a,.yg-modal-foot a{color:var(--primary-text, var(--primary-text));font-size:13px;font-weight:650;text-decoration:none}.yg-fallback-links a{padding:8px 14px;border:1px solid var(--primary-border, var(--primary-border));border-radius:var(--radius-md, 8px);background:var(--primary-light, var(--primary-light))}.yg-modal-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;border-top:1px solid var(--border, #e2e8f0);color:var(--text-muted, #64748b);font-size:13px}.vs-header-nav-wrap{display:flex;align-items:center;gap:4px;background:#f1f5f9;padding:2px;border-radius:10px;border:1px solid #cbd5e1}.vs-header-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:8px;border:0;background:transparent;color:#64748b;cursor:pointer;transition:all .15s ease}.vs-header-nav-btn:hover:not(:disabled){background:#fff;color:#0f172a;box-shadow:0 1px 2px #0000000d}.vs-header-nav-btn:disabled{opacity:.35;cursor:not-allowed}.vs-header-nav-btn svg{width:14px;height:14px}.vs-card-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--border, #e2e8f0);background:var(--surface, #ffffff);color:var(--text-secondary, #64748b);cursor:pointer;transition:all .15s ease;flex-shrink:0}.vs-card-nav-btn:hover:not(:disabled){background:#f1f5f9;color:#0f172a;border-color:#cbd5e1}.vs-card-nav-btn:disabled{opacity:.3;cursor:not-allowed}.vs-listen-peel-overlay{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:32px;background:linear-gradient(135deg,var(--warning-light) 0%,#ffffff 100%);transition:transform .8s cubic-bezier(.19,1,.22,1),opacity .7s ease;transform-origin:bottom left;clip-path:polygon(0 0,calc(100% - 46px) 0,100% 46px,100% 100%,0 100%)}.vs-listen-peel-overlay:after{content:"";position:absolute;top:0;right:0;width:46px;height:46px;background:linear-gradient(225deg,transparent 50%,var(--warning-border) 50%);border-bottom-left-radius:10px;box-shadow:-4px 4px 8px #0f172a26;pointer-events:none}.vs-listen-peel-overlay.is-peeled{transform:translate(-10%,-105%) rotate(-12deg);opacity:0;pointer-events:none}.vs-listen-peel-content{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.vr-roadmap-layout{display:flex;flex-direction:column;min-height:100%;height:100%}.vr-header-sticky{position:sticky;top:0;z-index:50}.vr-fab-continue{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:100;display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:14px;background:var(--primary, var(--primary));color:#fff;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:0 8px 28px #0e93844d,0 2px 8px #00000014;transition:background .15s,box-shadow .15s;animation:vocabFabEnter .3s cubic-bezier(.22,1,.36,1) .1s both}.vr-fab-continue:hover{background:var(--primary-hover, var(--primary-hover));box-shadow:0 12px 36px #0e938459,0 4px 12px #0000001a}.vr-fab-continue svg{width:16px;height:16px;flex-shrink:0}.vr-fab-continue small{font-size:11px;opacity:.85;font-weight:500}.personal-vocab-layout{animation:vocabPageEnter .35s cubic-bezier(.16,1,.3,1) both}.text-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-field{background:var(--bg, #f8fafc);border:1px solid var(--border, #e2e8f0);color:var(--text, #0f172a);border-radius:var(--radius-md, 8px);padding:8px 12px;font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input-field:focus{border-color:var(--primary, var(--primary));box-shadow:0 0 0 3px #0e938426}.btn-danger-link{transition:transform .15s ease,color .15s ease}.btn-danger-link:hover{transform:scale(1.1);color:#ef4444!important}.hub-row{transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .15s ease,box-shadow .15s ease!important}.hub-row:hover{transform:translateY(-2px);border-color:var(--primary, var(--primary))!important;box-shadow:0 4px 12px #0f172a0d}@keyframes studyFlip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.vc-bar{height:6px;background:var(--surface-3, #e2e8f0);border-radius:999px;overflow:hidden}.vc-bar>div{height:100%;background:var(--primary, var(--primary));border-radius:inherit;transition:width .3s cubic-bezier(.16,1,.3,1)}.study-topbar{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:8px}.hub-card::-webkit-scrollbar{width:6px}.hub-card::-webkit-scrollbar-thumb{background:var(--border-hover, #cbd5e1);border-radius:99px}.hub-card::-webkit-scrollbar-track{background:transparent}.store-stats{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;margin-bottom:4px;color:var(--text-muted);font-size:13px}.store-stats span{display:inline-flex;align-items:center;gap:6px}.store-stats svg{color:var(--warning)}.store-stats strong{color:var(--text);font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.store-stats a{margin-left:auto;color:var(--primary-text);font-size:var(--text-sm);font-weight:var(--weight-medium)}.shop-category-tabs{display:inline-flex;gap:5px;margin-bottom:18px;padding:5px;border:1px solid var(--border-light);border-radius:16px;background:var(--surface-2)}.shop-category-tabs button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 15px;border:0;border-radius:12px;background:transparent;color:var(--text-muted);font:inherit;font-size:13px;font-weight:750;cursor:pointer;transition:background var(--transition-base),color var(--transition-base),box-shadow var(--transition-base)}.shop-category-tabs button.is-active{background:var(--surface);color:var(--primary-text);box-shadow:var(--shadow-sm)}.hub.store-page .shop-catalog-section{padding:22px}.shop-catalog-head{align-items:flex-end}.shop-catalog-head h3,.shop-history-section h3{margin:0}.shop-catalog-head p,.shop-history-section .hub-section-head p{margin:4px 0 0;color:var(--text-muted);font-size:12px}.shop-catalog-head>span{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:11.5px}.hub.store-page .shop-items-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hub.store-page .shop-item-card{position:relative;display:flex;min-height:240px;flex-direction:column;gap:12px;padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--surface);transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.hub.store-page .shop-item-card:hover{transform:translateY(-2px);border-color:var(--primary-border);box-shadow:var(--shadow-md)}.hub.store-page .shop-item-card.is-owned{border-color:color-mix(in srgb,var(--success) 30%,var(--border))}.shop-item-topline{display:flex;align-items:center;justify-content:space-between;min-height:18px;color:var(--text-muted);font-size:11.5px;font-weight:var(--weight-medium)}.shop-item-card.is-owned .shop-item-topline{color:var(--success-text)}.shop-item-icon{display:grid;place-content:center;width:44px;height:44px;border-radius:10px;background:var(--primary-light);color:var(--primary-text)}.shop-item-card.is-mascot .shop-item-icon{background:color-mix(in srgb,var(--purple) 10%,var(--surface));color:var(--purple)}.shop-item-card.is-utility .shop-item-icon{background:var(--warning-light);color:var(--warning-text)}.shop-item-info{position:relative;z-index:1;flex:1}.shop-item-info strong{display:block;margin-bottom:6px;color:var(--text);font-size:16px;font-weight:800}.shop-item-info p{margin:0;color:var(--text-secondary);font-size:12.5px;line-height:1.55}.shop-item-actions{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid var(--border-light)}.shop-item-price{display:inline-flex;align-items:center;gap:4px;color:var(--warning-text);font-size:13px;font-weight:800}.hub.store-page .shop-item-actions .btn{min-width:100px;min-height:38px;padding:8px 15px;border-radius:12px;font-size:12.5px}.shop-history-section{margin-top:18px}.lifetime-reward-card{position:relative;margin-top:18px;padding:24px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.lifetime-reward-glow{display:none}.lifetime-reward-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.lifetime-reward-title-row{position:relative;z-index:1;display:flex;align-items:flex-start;gap:14px}.lifetime-reward-gift{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;border-radius:10px;background:var(--warning-light);color:var(--warning)}.lifetime-reward-kicker{color:var(--text-muted);font-size:11.5px;font-weight:var(--weight-medium)}.lifetime-reward-head h2{margin:4px 0;color:var(--text);font-size:16px;font-weight:600}.lifetime-reward-head p{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.5}.lifetime-reward-value{flex:0 0 auto;padding:7px 12px;border-radius:8px;background:var(--warning-light);color:var(--warning-text);font-size:15px;font-weight:700}.lifetime-reward-conditions{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}.lifetime-reward-conditions>div{display:grid;grid-template-columns:auto 1fr;gap:2px 9px;padding:12px;border:1px solid var(--border-light);border-radius:10px;background:var(--surface-2)}.lifetime-reward-conditions>div>span{grid-row:1 / 3;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--surface-3);color:var(--text-muted)}.lifetime-reward-conditions>div.is-done>span{background:var(--success-light);color:var(--success-text)}.lifetime-reward-conditions strong{color:var(--text);font-size:11.5px}.lifetime-reward-conditions small{color:var(--text-muted);font-size:10.5px}.lifetime-reward-progress-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.lifetime-reward-progress>div{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:12px}.lifetime-reward-progress span{color:var(--text-secondary)}.lifetime-reward-progress strong{color:var(--text);font-size:12px}.lifetime-reward-track{display:block;height:6px;overflow:hidden;border-radius:999px;background:var(--surface-3)}.lifetime-reward-track i{display:block;height:100%;border-radius:inherit;background:var(--warning);transition:width .4s ease}.lifetime-reward-note{display:flex;align-items:center;gap:8px;margin:18px 0 0;padding:12px 14px;border-radius:10px;background:var(--surface-2);color:var(--text-secondary);font-size:12.5px;line-height:1.5}.lifetime-reward-claim-form{display:grid;grid-template-columns:150px 1fr auto;gap:10px;margin-top:18px}.lifetime-reward-claim-form select,.lifetime-reward-claim-form input{min-width:0;min-height:44px;padding:0 13px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font:inherit}.lifetime-reward-claim-form select:focus,.lifetime-reward-claim-form input:focus{outline:2px solid color-mix(in srgb,var(--primary) 22%,transparent);border-color:var(--primary)}.lifetime-reward-status{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:18px;padding:13px 15px;border-radius:12px;background:var(--surface-2);color:var(--text-secondary);font-size:13px}.lifetime-reward-status strong{color:var(--primary-text)}.lifetime-reward-status small{flex-basis:100%}.lifetime-reward-status.is-fulfilled{background:color-mix(in srgb,var(--success) 10%,var(--surface))}.reward-channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.reward-channel-grid article{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.reward-channel-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;border-radius:10px}.reward-channel-icon.is-milestone{background:var(--primary-light);color:var(--primary-text)}.reward-channel-icon.is-streak{background:var(--warning-light);color:var(--warning-text)}.reward-channel-icon.is-lifetime{background:color-mix(in srgb,var(--purple) 10%,var(--surface));color:var(--purple)}.reward-channel-grid strong{color:var(--text);font-size:13px}.reward-channel-grid p{margin:4px 0 0;color:var(--text-muted);font-size:11.5px;line-height:1.45}.rewards-milestone-section{padding:22px}.rewards-section-head>div p{margin:4px 0 0;color:var(--text-muted);font-size:12px}.rewards-section-head>span{padding:3px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--text-secondary);font-size:11.5px;font-weight:600}.reward-milestone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.reward-milestone-card{display:flex;min-height:200px;flex-direction:column;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.reward-milestone-card.is-unlocked{border-color:var(--primary-border)}.reward-milestone-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.reward-milestone-top>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--surface-3);color:var(--text-muted)}.reward-milestone-card.is-unlocked .reward-milestone-top>span{background:var(--warning-light);color:var(--warning)}.reward-milestone-top small{color:var(--text-muted);font-size:11px;font-weight:var(--weight-medium)}.reward-milestone-card>strong{color:var(--text);font-size:14.5px}.reward-milestone-card>p{flex:1;margin:6px 0 14px;color:var(--text-muted);font-size:11.5px;line-height:1.5}.reward-milestone-progress{height:6px;overflow:hidden;border-radius:999px;background:var(--surface-3)}.reward-milestone-progress i{display:block;height:100%;border-radius:inherit;background:var(--primary)}.reward-milestone-card footer{display:flex;justify-content:space-between;gap:8px;margin-top:9px;color:var(--text-muted);font-size:10.5px;font-weight:750}.reward-milestone-card footer b{display:inline-flex;align-items:center;gap:4px;color:var(--success-text)}@media(max-width:680px){.shop-hero,.rewards-hero{grid-template-columns:1fr;padding:22px}.shop-wallet-card{min-height:150px}.shop-category-tabs{display:flex;overflow-x:auto}.shop-category-tabs button{flex:0 0 auto}.hub.store-page .shop-items-grid,.reward-channel-grid,.reward-milestone-grid,.lifetime-reward-conditions{grid-template-columns:1fr}.shop-catalog-head{align-items:flex-start}.shop-catalog-head>span{display:none}.lifetime-reward-card{padding:22px}.lifetime-reward-title-row{flex-direction:column}.lifetime-reward-value{display:none}.lifetime-reward-progress-grid,.lifetime-reward-claim-form{grid-template-columns:1fr}}@media(min-width:681px)and (max-width:980px){.hub.store-page .shop-items-grid,.reward-milestone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.user-profile-head{display:flex;align-items:center;gap:14px;padding:4px 0 16px}.avatar-lg{width:56px;height:56px;font-size:22px}.user-profile-info{display:flex;flex-direction:column;gap:2px}.user-profile-info strong{font-size:1.2rem;font-weight:800}.user-profile-level{font-size:var(--text-sm);color:var(--text-secondary);font-weight:600}.user-profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 0}.user-profile-stat{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.user-profile-stat small{display:block;font-size:var(--text-xs);color:var(--text-secondary)}.user-profile-stat strong{display:block;font-size:1.1rem;font-weight:700;margin-top:2px}.user-profile-actions{display:flex;gap:8px;padding-top:12px}.user-profile-actions .btn{flex:1}.chat-container{display:flex;flex-direction:column;height:calc(100dvh - 140px);max-height:700px;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.chat-load-more{align-self:center;padding:6px 16px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer}.chat-load-more:hover{background:var(--surface)}.chat-empty{text-align:center;color:var(--text-muted);padding:40px 20px}.chat-msg{display:flex;gap:10px;max-width:80%}.chat-msg.is-own{flex-direction:row-reverse;margin-left:auto}.chat-msg-avatar{flex-shrink:0}.chat-msg-body{display:flex;flex-direction:column;gap:2px}.chat-msg-head{display:flex;align-items:baseline;gap:6px}.chat-msg-head strong{font-size:var(--text-sm);font-weight:700}.chat-msg-head small{font-size:10px;color:var(--text-muted)}.chat-msg-text{padding:8px 14px;border-radius:14px 14px 14px 4px;background:var(--surface-2);font-size:var(--text-sm);line-height:1.5;word-break:break-word}.chat-msg.is-own .chat-msg-text{border-radius:14px 14px 4px;background:var(--primary);color:#fff}.chat-input-form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border);background:var(--surface)}.chat-input{flex:1;min-width:0;padding:10px 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-size:var(--text-sm)}.chat-input:focus{outline:none;border-color:var(--primary)}.avatar-xs{width:28px;height:28px;font-size:12px}.shop-item-button-stack{display:flex;align-items:center;gap:8px}.shop-item-button-stack .btn{white-space:nowrap;text-decoration:none}@media(max-width:560px){.chat-container{height:calc(100dvh - 120px);border-radius:var(--radius-md)}.chat-msg{max-width:90%}}.test-comments{margin-top:24px;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:16px}.test-comments-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.test-comments-head h3{display:flex;align-items:center;gap:8px;margin:0;font-size:17px;font-weight:800;letter-spacing:-.01em;color:var(--text)}.test-comments-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--surface-3);color:var(--text-muted);font-size:12px;font-weight:600}.test-comments-sort{display:inline-flex;padding:3px;gap:2px;border-radius:999px;background:var(--surface-3)}.test-comments-sort button{padding:5px 14px;border:0;border-radius:999px;background:transparent;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.test-comments-sort button.is-active{background:var(--surface);color:var(--primary-text);box-shadow:var(--shadow-sm)}.test-comments-compose{display:flex;gap:12px;margin-bottom:18px}.test-comments-avatar{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--gradient-primary);color:#fff;font-size:13px;font-weight:700;overflow:hidden}.test-comments-avatar img{width:100%;height:100%;object-fit:cover}.test-comments-compose-body{flex:1;min-width:0}.test-comments-compose textarea{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--text);font:inherit;font-size:14px;line-height:1.5;resize:vertical;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.test-comments-compose textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0e938424;background:var(--surface)}.test-comments-compose-foot{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:8px}.test-comments-error{margin-right:auto;color:var(--danger-text);font-size:13px}.test-comments-login{display:flex;align-items:center;gap:10px;padding:14px 16px;margin-bottom:18px;border:1px dashed var(--border);border-radius:12px;background:var(--surface-2);color:var(--text-secondary);font-size:14px}.test-comments-login .btn{margin-left:auto}.test-comments-empty{padding:20px 4px;color:var(--text-muted);font-size:14px;text-align:center}.test-comments-list{display:flex;flex-direction:column;gap:18px;list-style:none;margin:0;padding:0}.test-comment{display:flex;gap:12px}.test-comment-body{flex:1;min-width:0}.test-comment-meta{display:flex;align-items:baseline;gap:8px}.test-comment-meta strong{font-size:14px;font-weight:700;color:var(--text)}.test-comment-time{color:var(--text-muted);font-size:12px}.test-comment-content{margin:3px 0 0;color:var(--text-secondary);font-size:14px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.test-comment-actions{display:flex;align-items:center;gap:8px;margin-top:8px}.test-comment-vote{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.test-comment-vote:hover:not(:disabled){border-color:var(--primary-border);color:var(--primary-text)}.test-comment-vote.is-voted{border-color:var(--primary-border);background:var(--primary-light);color:var(--primary-text)}.test-comment-vote:disabled{cursor:default;opacity:.7}.test-comment-delete{display:inline-grid;place-items:center;width:28px;height:28px;border:0;border-radius:8px;background:transparent;cursor:pointer;transition:background .15s ease}.test-comment-delete:hover{background:var(--danger-light)}.video-lesson-workspace-page{gap:var(--space-5)}.video-draft-form label,.video-admin-form label{display:grid;gap:6px;color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.video-draft-form input,.video-draft-form select,.video-draft-form textarea,.video-admin-form input,.video-admin-form select,.video-admin-form textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);padding:10px 12px;font:inherit}.video-draft-form input:focus,.video-draft-form select:focus,.video-draft-form textarea:focus,.video-admin-form input:focus,.video-admin-form select:focus,.video-admin-form textarea:focus{outline:3px solid var(--primary-border);border-color:var(--primary)}.video-folder-section{margin:2px 0 22px}.video-section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:12px}.video-section-heading h2{margin:0;color:var(--text);font-size:var(--text-xl)}.video-section-heading p{margin:4px 0 0;color:var(--text-muted);font-size:var(--text-sm)}.video-folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.video-folder-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:76px;border:1px solid var(--border-light);border-radius:15px;background:var(--surface);color:var(--text);padding:14px;text-align:left;font:inherit;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.video-folder-card:hover{transform:translateY(-1px);border-color:var(--primary-border);box-shadow:var(--shadow-sm)}.video-folder-card:focus-visible{outline:3px solid var(--primary-border);outline-offset:2px}.video-folder-card.child{margin-left:14px;border-style:dashed}.video-folder-card.muted{color:var(--text-secondary)}.video-folder-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:11px;background:var(--primary-light);color:var(--primary-text)}.video-folder-copy{display:grid;min-width:0;gap:3px}.video-folder-copy strong,.video-folder-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-folder-copy small{color:var(--text-muted);font-size:var(--text-xs)}.video-folder-current{display:flex;align-items:center;gap:16px;margin:2px 0 18px;padding:14px 16px;border:1px solid var(--primary-border);border-radius:15px;background:var(--primary-light)}.video-folder-current .btn{display:inline-flex;align-items:center;gap:7px}.video-folder-current>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px}.video-folder-current span,.video-folder-current small{color:var(--text-muted);font-size:var(--text-xs)}.video-folder-current strong{color:var(--text)}.video-load-more{display:flex;justify-content:center;padding:22px 0 4px}.video-load-more-error{margin:14px 0 0;color:var(--danger-text);text-align:center}.video-lesson-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.video-lesson-card{overflow:hidden;border:1px solid var(--border-light);border-radius:18px;background:var(--surface);transition:box-shadow .15s ease,transform .15s ease,border-color .15s ease}.video-lesson-card:hover{transform:translateY(-2px);border-color:var(--primary-border);box-shadow:var(--shadow-md)}.video-lesson-card-link{display:block;color:inherit;text-decoration:none}.video-lesson-card-link:hover{color:inherit;text-decoration:none}.video-lesson-thumbnail{position:relative;aspect-ratio:16 / 9;display:grid;place-items:center;overflow:hidden;background:var(--surface-3);color:var(--text-muted)}.video-lesson-thumbnail img{width:100%;height:100%;object-fit:cover}.video-lesson-duration{position:absolute;right:8px;bottom:8px;padding:3px 6px;border-radius:4px;background:#0f172ad1;color:#fff;font-size:var(--text-xs);font-variant-numeric:tabular-nums}.video-lesson-card-body{padding:16px 18px 18px}.video-lesson-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:12px}.video-lesson-card-meta .count-badge,.video-lesson-card-meta .chip,.video-lesson-tags .chip{min-height:0;padding:3px 10px;font-size:11px}.video-workspace-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--text-muted);font-size:var(--text-xs)}.video-lesson-card-body h2{margin:0 0 10px;color:var(--text);font-size:14px;font-weight:var(--weight-bold);line-height:var(--leading-snug)}.video-lesson-tags{display:flex;flex-wrap:wrap;gap:7px}.video-lesson-progress{height:4px;margin-top:14px;overflow:hidden;border-radius:999px;background:var(--surface-3)}.video-lesson-progress span{display:block;height:100%;border-radius:inherit;background:var(--primary)}.video-learning-state{display:grid;place-items:center;min-height:180px;padding:24px;color:var(--text-muted);text-align:center}.video-learning-state.error,.video-form-error{color:var(--danger-text)}.video-draft-form{display:grid;gap:18px;max-width:760px;margin:20px auto;padding:24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.video-draft-step{display:flex;align-items:flex-start;gap:12px;padding-top:6px;border-top:1px solid var(--border-light)}.video-draft-step>span{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:var(--primary-light);color:var(--primary-text);font-weight:var(--weight-bold)}.video-draft-step h2{margin:0;color:var(--text);font-size:var(--text-lg)}.video-draft-step p{margin:4px 0 0;color:var(--text-muted)}.video-rights-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:10px!important}.video-rights-check input{width:auto;margin-top:3px}.video-form-actions,.video-workspace-meta,.video-admin-file{display:flex;align-items:center;justify-content:flex-end;gap:10px}.video-workspace{display:grid;grid-template-columns:minmax(520px,1.55fr) minmax(380px,.85fr);gap:24px;align-items:start}.video-player-column,.video-workspace>div{min-width:0}.video-player-frame{min-width:200px;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius-lg);background:#0f172a;box-shadow:var(--shadow-md)}.video-player-frame iframe{display:block;width:100%;height:100%;min-height:200px;border:0}.video-player-mount,.video-player-mount iframe{width:100%;height:100%;min-height:200px}.video-player-controls{display:grid;grid-template-columns:auto auto minmax(160px,1fr) minmax(105px,auto);gap:10px;align-items:end;margin-top:12px}.video-player-controls label{display:grid;gap:4px;color:var(--text-muted);font-size:var(--text-xs)}.video-player-controls input,.video-player-controls select{width:100%}.video-workspace-meta{justify-content:flex-start;margin-top:10px}.video-workspace-meta a{color:var(--primary-text);font-weight:var(--weight-semibold)}.video-download-link{border:0;padding:0;background:transparent;color:var(--primary-text);font:inherit;font-weight:var(--weight-semibold);cursor:pointer}.video-practice-shell{min-height:320px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.video-mode-tabs{display:flex;border-bottom:1px solid var(--border)}.video-mode-tabs button{flex:1;border:0;border-bottom:2px solid transparent;padding:12px 8px;background:transparent;color:var(--text-muted);font-weight:var(--weight-semibold);cursor:pointer}.video-mode-tabs button.active{border-bottom-color:var(--primary);color:var(--primary-text)}.video-mode-tabs button:focus-visible,.video-transcript-list button:focus-visible{outline:3px solid var(--primary-border);outline-offset:-3px}.video-practice-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:14px 18px 0;color:var(--text)}.video-practice-heading span{color:var(--text-muted);font-size:var(--text-xs)}.video-practice-panel{display:grid;gap:14px;padding:18px;color:var(--text-secondary)}.video-practice-instruction{margin:0}.video-segment-controls{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 12px}.video-segment-controls .btn{display:inline-flex;align-items:center;gap:7px}.video-transcript-toggle{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:var(--text-sm)}.video-dictation-answer{gap:var(--space-3)}.video-dictation-answer .toeic-copy-main{gap:0}.video-dictation-answer textarea,.video-rate-control select{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);padding:10px 12px;font:inherit;line-height:var(--leading-relaxed);resize:vertical}.video-dictation-answer textarea:focus,.video-rate-control select:focus{outline:3px solid var(--primary-border);border-color:var(--primary)}.video-dictation-answer textarea:disabled{cursor:not-allowed;opacity:.7}.video-dictation-hint-toggle{justify-self:start;border:0;padding:0;background:transparent;color:var(--primary-text);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer}.video-dictation-hint-toggle:hover{text-decoration:underline}.video-dictation-hint-toggle:focus-visible{outline:3px solid var(--primary-border);outline-offset:3px;border-radius:4px}.video-dictation-hint{display:flex;flex-wrap:wrap;gap:8px 12px;margin:-4px 0 0;padding:10px 12px;border:1px dashed var(--primary-border);border-radius:var(--radius-sm);background:var(--primary-light);color:var(--primary-text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-lg);letter-spacing:.08em}.video-dictation-hint>span{white-space:nowrap}.video-dictation-hint>span.correct{color:var(--success-text);font-weight:var(--weight-bold);letter-spacing:0}.video-practice-result{min-height:24px;color:var(--text-muted)}.video-practice-result.success,.video-practice-reward{color:var(--success-text)}.video-practice-result.error{color:var(--danger-text)}.video-inline-check{display:inline-flex;align-items:center;gap:8px}.video-rate-control{display:grid;gap:6px;max-width:180px;font-size:var(--text-sm)}.video-shadowing-cue{margin:0;padding:14px;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);line-height:var(--leading-relaxed)}.video-transcript-panel{padding-top:12px}.video-transcript-toolbar{display:grid;gap:8px}.video-transcript-search{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);padding:7px 9px;color:var(--text-muted)}.video-transcript-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text);font:inherit}.video-transcript-search button{border:0;background:transparent;color:var(--text-muted);cursor:pointer;font-size:18px}.video-transcript-display-modes,.video-transcript-review-filters{display:flex;flex-wrap:wrap;gap:5px}.video-transcript-display-modes button,.video-transcript-review-filters button{border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-secondary);padding:5px 9px;font:inherit;font-size:var(--text-xs);cursor:pointer}.video-transcript-display-modes button.active,.video-transcript-review-filters button.active{border-color:var(--primary);background:var(--primary-light);color:var(--primary-text)}.video-transcript-toolbar>small{color:var(--text-muted)}.video-transcript-translation-status{margin:8px 2px;color:var(--primary-text);font-size:var(--text-sm)}.video-transcript-list{display:grid;max-height:410px;overflow-y:auto;border:1px solid var(--border-light);border-radius:var(--radius-sm)}.video-transcript-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:start;border-bottom:1px solid var(--border-light);padding:9px;color:var(--text-secondary)}.video-transcript-row:last-child{border-bottom:0}.video-transcript-row.active{background:var(--primary-light);color:var(--text)}.video-transcript-cue-number{border:0;border-radius:6px;background:transparent;color:var(--text-muted);padding:3px;font:inherit;font-size:var(--text-xs);cursor:pointer}.video-transcript-copy{min-width:0;line-height:var(--leading-relaxed);-webkit-user-select:text;user-select:text}.video-transcript-row-actions{display:flex;gap:4px}.video-transcript-row-actions button{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text-muted);cursor:pointer}.video-transcript-row-actions button.active{border-color:#d49b12;color:#a56b00;background:#fff7d9}.video-transcript-row-actions button:disabled{cursor:not-allowed;opacity:.55}.video-transcript-empty{margin:0;padding:28px 14px;color:var(--text-muted);text-align:center}.video-translation-fallback{color:var(--text-muted);font-style:italic}.video-transcript-list small{display:block;margin-top:5px;color:var(--text-muted);line-height:var(--leading-normal)}.video-transcript-list small.is-translating{color:var(--primary-text);font-style:italic}.video-practice-reward{margin:0 18px 18px;font-weight:var(--weight-semibold)}.video-progress-status{margin:8px 2px 0;color:var(--text-muted);font-size:var(--text-xs)}.video-admin-form{display:grid;gap:14px;margin-bottom:18px;padding:18px}.video-admin-file{justify-content:flex-start}.video-admin-file input{max-width:260px;border:0;padding:0}@media(max-width:1180px){.video-workspace{grid-template-columns:1fr}.video-practice-shell{min-height:0}}@media(max-width:800px){.video-folder-grid{grid-template-columns:1fr}.video-folder-card.child{margin-left:8px}.video-folder-current{align-items:flex-start;flex-direction:column}.video-transcript-row{grid-template-columns:30px minmax(0,1fr)}.video-transcript-row-actions{grid-column:2}.video-learning-page .toeic-library-search{order:0}.video-learning-page .toeic-library-count{order:1;margin-left:auto}.video-learning-page .hub-select{flex:1 1 140px}.video-lesson-grid{grid-template-columns:1fr}.video-player-controls{grid-template-columns:1fr 1fr}.video-player-frame{min-height:200px}}.hidden{display:none!important}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.grid{display:grid}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.m-0{margin:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.font-normal{font-weight:var(--weight-normal)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--text)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--primary-text)}.text-success{color:var(--success-text)}.text-danger{color:var(--danger-text)}.text-warning{color:var(--warning-text)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.w-full{width:100%}.h-full{height:100%}.min-h-0{min-height:0}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.select-none{-webkit-user-select:none;user-select:none}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.border{border:1px solid var(--border)}.border-t{border-top:1px solid var(--border)}.border-b{border-bottom:1px solid var(--border)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1024px){:root{--content-padding: 24px}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:1250px){.header-nav-collapsible{display:none!important}.header-nav-more-trigger{display:flex!important}}@media(max-width:768px){:root{--content-padding: 16px;--topbar-height: 52px}.app-frame{grid-template-columns:1fr}.header-nav{display:none!important}.app-main{grid-column:1;padding-bottom:var(--mobile-nav-height)}.mobile-bottom-nav{display:flex}.content{padding:var(--content-padding);padding-bottom:calc(var(--mobile-nav-height) + var(--space-4));overflow-x:clip}.figma-page,.page-stack,.toeic-hub,.test-overview,.dictation-hub,.speaking-hub,.study-center-container,.quizlet-card-scene{max-width:100%;width:100%;min-width:0}.figma-page-head,.section-head,.workspace-head,.page-title,.glass-card,.card,.figma-tab-card,.figma-test-card,.figma-quick-card,.test-card,.part-card,.dictation-step,.conversation-card{max-width:100%;min-width:0}.figma-page-head,.section-head,.workspace-head{align-items:stretch}.section-head>.flex,.workspace-head>.flex,.section-head .flex.gap-2,.workspace-head .flex.gap-2{flex-direction:column;align-items:stretch;width:100%;min-width:0}.figma-page-head .figma-blue-btn,.section-head .btn,.workspace-head .btn{width:100%;white-space:normal;line-height:1.25}.figma-stat-grid,.figma-test-grid,.figma-quick-grid,.conversation-grid{grid-template-columns:1fr!important}.figma-tabbar,.mode-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.figma-tabbar::-webkit-scrollbar,.mode-tabs::-webkit-scrollbar{display:none}.mode-tabs button.tab-btn{max-width:min(320px,78vw);overflow:hidden;text-overflow:ellipsis}.figma-progress-row{flex-direction:column;align-items:stretch;gap:var(--space-3)}.figma-progress-row>div,.figma-progress-track{width:100%;min-width:0}.quizlet-nav-bar{gap:var(--space-2)}.quizlet-nav-bar .btn-outline{flex:1;white-space:normal}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-title h1{font-size:var(--text-2xl)}.pill-tabs{border-radius:var(--radius-md)}.hide-mobile{display:none!important}}@media(min-width:1440px){:root{--content-max: 1240px;--content-padding: 32px}}@media(min-width:769px){.show-mobile-only{display:none!important}}@media(hover:none){.hover-lift:hover,.glass-card.interactive:hover{transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.sidebar,.mobile-topbar,.mobile-bottom-nav,.sidebar-scrim{display:none!important}.app-frame{grid-template-columns:1fr}.app-main{grid-column:1}body{background:#fff;color:#000}}@media(max-width:768px){.sidebar,.sidebar.is-open,.sidebar-scrim,.mobile-topbar-menu{display:none!important}.app-header{padding:8px 12px}.app-header-brand{display:inline-flex;align-items:center}.app-header-brand .ti-logo{font-size:1.15rem}.header-account-copy,.header-account-button>svg{display:none}.header-account-button{min-width:42px;padding:4px;justify-content:center;border-radius:999px}.hub-progress{display:flex;flex-direction:column;gap:6px}.hub-progress--sticky{position:sticky;top:0;z-index:var(--z-sticky);padding:10px 16px 8px;background:var(--bg)}.hub-progress-meta{display:flex;align-items:center;justify-content:space-between}.hub-progress-label{font-size:12px;font-weight:700;color:var(--text)}.hub-progress-value{font-size:12px;font-weight:800;color:var(--primary-text);font-variant-numeric:tabular-nums}.hub-progress-track{height:12px;background:var(--surface-3);border-radius:999px;overflow:hidden}.hub-progress-fill{height:100%;border-radius:999px;transition:width .45s cubic-bezier(.34,1.56,.64,1)}.hub-progress-fill--primary{background:linear-gradient(90deg,var(--primary),var(--primary-hover))}.hub-progress-fill--success{background:linear-gradient(90deg,var(--success),var(--success-hover))}.hub-progress-fill--warning{background:linear-gradient(90deg,var(--warning),var(--warning-text))}.hub-progress-fill--danger{background:linear-gradient(90deg,var(--danger),var(--danger-hover))}.bottom-sheet-root{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:flex-end;justify-content:center}.bottom-sheet-scrim{position:absolute;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:bs-scrim-in .2s ease}.bottom-sheet{position:relative;width:100%;max-width:520px;max-height:85vh;overflow-y:auto;background:var(--surface);border-radius:20px 20px 0 0;padding:8px 20px 24px;box-shadow:0 -4px 24px #0000001f;animation:bs-slide-up .35s cubic-bezier(.22,1,.36,1);outline:none}.bottom-sheet-handle{width:40px;height:4px;border-radius:999px;background:var(--border-hover);margin:0 auto 12px}.bottom-sheet-title{font-size:18px;font-weight:800;color:var(--text);margin-bottom:12px;letter-spacing:-.01em}.bottom-sheet-body{display:flex;flex-direction:column;gap:12px}@keyframes bs-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes bs-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-bottom-nav{border-top:none;box-shadow:0 -2px 12px #0000000f;padding:6px 4px;gap:2px}.mobile-bottom-nav a{position:relative;padding:8px 6px;border-radius:12px;gap:3px;font-weight:700;transition:transform .1s ease,background .15s ease,color .15s ease}.mobile-bottom-nav a:active{transform:scale(.88)}.mobile-bottom-nav a.active{background:var(--primary-light);color:var(--primary-text)}.mobile-bottom-nav a.active:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:var(--primary)}.mobile-bottom-nav a svg{width:22px;height:22px}.mobile-bottom-nav a.active svg{transform:scale(1.1)}.hub-row,.hub-panel{border-radius:14px!important}.home-recent-card{border-radius:16px;padding:14px}.home-recent-cta{font-size:12px;padding:6px 12px}.home-skill-card{border-radius:16px!important;padding:14px;flex-direction:column;text-align:center;gap:8px}.home-skill-icon{width:48px;height:48px;border-radius:14px}.home-skill-text strong{font-size:13px}.home-skill-text small,.home-skill-arrow{display:none}.home-progress-card{border-radius:14px;padding:16px;flex-direction:column;text-align:center;gap:8px}.home-progress-text strong{font-size:20px}.hub-head-text h1{font-weight:800;letter-spacing:-.02em}.hub-section-head h3{font-weight:800;font-size:16px}.hub-item-text strong{font-weight:700}.btn{border-radius:12px}.btn-primary{box-shadow:0 3px 0 var(--primary-active)}.btn-primary:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 0 var(--primary-active)}.btn-danger{box-shadow:0 3px #991b1b}.btn-danger:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 #991b1b}.btn-success{box-shadow:0 3px #166534}.btn-success:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 #166534}}@media(min-width:769px){.bottom-sheet-root{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center}.bottom-sheet-scrim{position:absolute;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:bs-scrim-in .2s ease}.bottom-sheet{position:relative;width:90%;max-width:480px;max-height:80vh;overflow-y:auto;background:var(--surface);border-radius:20px;padding:24px;box-shadow:var(--shadow-xl);animation:bs-scale-in .3s cubic-bezier(.22,1,.36,1);outline:none}.bottom-sheet-handle{display:none}@keyframes bs-scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}}@media(min-width:769px){.hub-progress--sticky{display:none}}:root{--bg: #f3faf8;--bg-subtle: #eef8f5;--surface: #ffffff;--surface-2: #f7fbfa;--surface-3: #e3efeb;--surface-hover: #eef8f5;--surface-muted: #eef8f5;--background: #f3faf8;--primary-rgb: 14, 147, 132;--border: rgba(22, 50, 63, .1);--border-light: rgba(22, 50, 63, .07);--border-hover: rgba(14, 147, 132, .35);--border-active: #0e9384;--text: #16323f;--text-secondary: #49665f;--text-muted: #6d8a83;--primary: #0e9384;--primary-hover: #0b7568;--primary-active: #095f55;--primary-light: #e5f6f2;--primary-border: #bce9df;--primary-text: #0b7568;--secondary: #12b5b0;--secondary-hover: #0e9384;--secondary-light: #e4f8f7;--secondary-border: #bdecea;--secondary-text: #0b7568;--warning: #f6b83f;--warning-hover: #d99a24;--warning-light: #fff7e7;--warning-border: #f9dc9f;--warning-text: #8a5a00;--success: #46b26a;--success-hover: #2e8a50;--success-light: rgba(70, 178, 106, .1);--success-border: #a9dcba;--success-text: #2e8a50;--danger: #e0533d;--danger-hover: #c2402c;--danger-light: rgba(224, 83, 61, .08);--danger-border: #f0b6a9;--danger-text: #c2402c;--purple: #6d72d8;--purple-light: #eeeffc;--purple-text: #5257b5;--gradient-primary: linear-gradient(135deg, #0ea5a4, #22c55e);--gradient-success: linear-gradient(135deg, #0e9384, #22c55e);--gradient-hero: #f3faf8;--font-family: "Be Vietnam Pro", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Roboto Mono", ui-monospace, monospace;--sidebar-width: 256px;--topbar-height: 64px;--content-max: 1104px;--content-padding: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 22px;--shadow-xs: 0 1px 2px rgba(22, 50, 63, .04);--shadow-sm: 0 2px 8px rgba(22, 50, 63, .05);--shadow-md: 0 10px 26px rgba(22, 50, 63, .08);--shadow-lg: 0 14px 36px rgba(22, 50, 63, .12);--shadow-xl: 0 24px 56px rgba(22, 50, 63, .16)}:root[data-tooich-shop-theme=night]{color-scheme:dark;--bg: #0e1c22;--bg-subtle: #12252b;--surface: #172a31;--surface-2: #1b3138;--surface-3: #243d44;--surface-hover: #20383f;--surface-muted: #12252b;--background: #0e1c22;--primary-rgb: 73, 205, 184;--border: rgba(202, 235, 230, .14);--border-light: rgba(202, 235, 230, .09);--border-hover: rgba(73, 205, 184, .48);--text: #eef9f7;--text-secondary: #c2d8d4;--text-muted: #91aaa6;--primary-light: #173c38;--primary-border: #285f57;--primary-text: #49cdb8;--secondary-light: #15383a;--secondary-border: #255d5b;--secondary-text: #49cdb8;--warning-light: #392f1d;--warning-border: #6d5728;--warning-text: #f6b83f;--success-light: rgba(70, 178, 106, .15);--success-border: #2e8a50;--success-text: #46b26a;--danger-light: rgba(224, 83, 61, .15);--danger-border: #c2402c;--danger-text: #f87171;--purple-light: #26274d;--purple-border: #444791;--purple-text: #a78bfa;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 10px 26px rgba(0, 0, 0, .28);--shadow-lg: 0 14px 36px rgba(0, 0, 0, .34);--glass-bg: rgba(23, 42, 49, .92);--glass-bg-light: rgba(23, 42, 49, .86);--glass-border: rgba(202, 235, 230, .14)}[data-shop-avatar-frame] .header-avatar-button .avatar,[data-shop-avatar-frame] .profile-avatar-preview,[data-shop-avatar-frame] .user-panel .avatar{outline:3px solid #62d9c5;outline-offset:3px;box-shadow:0 0 0 6px #62d9c529,0 0 18px #2dc7b56b}[data-shop-name-highlight] .user-panel strong,[data-shop-name-highlight] .user-menu-profile strong{color:transparent;background:linear-gradient(90deg,#0e9384,#7c65d9,#f2a93b,#0e9384);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;animation:shopAuroraName 5s linear infinite}@keyframes shopAuroraName{to{background-position:240% 0}}.practice-powerups{position:fixed;right:20px;bottom:124px;z-index:23;display:flex;flex-direction:column;gap:8px}.practice-powerups button{display:flex;align-items:center;gap:7px;min-height:40px;padding:8px 12px;border:1px solid var(--primary-border);border-radius:999px;background:var(--surface);color:var(--primary-text);box-shadow:var(--shadow-md);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.practice-powerups button b{min-width:20px;padding:2px 6px;border-radius:999px;background:var(--primary-light)}.p1-option.is-powerup-hidden{opacity:.34;filter:grayscale(1);text-decoration:line-through;transform:scale(.985)}html{font-size:16px}body{letter-spacing:-.006em}.page-transition,.hub,.hub-page{min-width:0}.app-frame:not(.is-session){grid-template-columns:var(--sidebar-width) minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden}.app-frame:not(.is-session) .app-main{grid-column:2;min-height:0;height:100dvh;overflow:hidden}.app-sidebar{grid-column:1;grid-row:1;width:var(--sidebar-width);height:100dvh;min-height:0;display:flex;flex-direction:column;background:color-mix(in srgb,var(--surface) 97%,var(--bg-subtle));border-right:1px solid var(--border-light);z-index:var(--z-sticky)}.app-sidebar-brand{height:var(--topbar-height);flex:0 0 var(--topbar-height);display:flex;align-items:center;padding:0 24px;border-bottom:1px solid var(--border-light);text-decoration:none}.app-sidebar-brand .ti-logo{font-size:1.3rem}.app-sidebar-nav{flex:1;min-height:0;overflow-y:auto;padding:20px 14px 24px;display:flex;flex-direction:column;gap:24px}.app-sidebar-group{display:grid;gap:8px}.app-sidebar-label{margin:0;padding:0 10px;color:color-mix(in srgb,var(--text-muted) 82%,var(--text));font-size:10.5px;font-weight:700;letter-spacing:.11em;line-height:1.5;text-transform:uppercase}.app-sidebar-links{display:grid;gap:3px}.app-sidebar-link{position:relative;min-height:40px;display:flex;align-items:center;gap:11px;padding:7px 10px;border:1px solid transparent;border-radius:9px;color:color-mix(in srgb,var(--text) 68%,var(--text-muted));font-size:14px;font-weight:500;text-decoration:none;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}.app-sidebar-link:before{content:"";position:absolute;inset:6px auto 6px 0;width:3px;border-radius:999px;background:var(--primary);transform:scaleY(0);transform-origin:center;transition:transform .22s cubic-bezier(.22,1,.36,1)}.app-sidebar-link:hover{color:var(--text);border-color:color-mix(in srgb,var(--border) 55%,transparent);background:color-mix(in srgb,var(--bg-subtle) 72%,transparent);text-decoration:none}.app-sidebar-link:active{transform:scale(.985)}.app-sidebar-link.active{color:color-mix(in srgb,var(--primary-text) 82%,var(--text));border-color:color-mix(in srgb,var(--primary-border) 45%,transparent);background:color-mix(in srgb,var(--primary-light) 44%,var(--surface));box-shadow:none;font-weight:650}.app-sidebar-link.active:before{transform:scaleY(1)}.app-sidebar-icon{width:26px;height:26px;display:grid;place-items:center;flex:0 0 26px;border-radius:7px}.app-sidebar-link .app-sidebar-icon svg{color:currentColor!important;stroke-width:1.75}.app-sidebar-link.active .app-sidebar-icon{background:color-mix(in srgb,var(--primary-light) 72%,var(--surface))}.app-sidebar-badge{min-width:20px;height:20px;padding:0 6px;margin-left:auto;display:grid;place-items:center;border-radius:999px;background:var(--danger);color:#fff;font-size:10px;font-weight:700}.app-header{min-height:var(--topbar-height);height:var(--topbar-height);justify-content:flex-end;padding:0 24px;background:color-mix(in srgb,var(--surface) 84%,transparent);border-bottom-color:var(--border-light);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-header-brand{display:none}.app-header-back{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:10px;color:var(--text-muted);text-decoration:none;transition:color .15s ease,background .15s ease}.app-header-back:hover{color:var(--primary-text);background:var(--primary-light);text-decoration:none}.app-header-page-title{min-width:0;display:grid;gap:1px;margin-right:auto}.app-header-page-title strong{overflow:hidden;color:var(--text);font-size:19px;font-weight:800;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.app-header-page-title small{overflow:hidden;color:var(--text-muted);font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}.app-header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.app-header-pill{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:6px 13px;border:0;border-radius:999px;font-size:14px;line-height:1;text-decoration:none}.app-header-pill:hover{text-decoration:none}.app-header-pill svg{color:currentColor!important}.app-header-streak{color:#8a5a00;background:#f6b83f29}.app-header-coins{color:#0b7568;background:#e5f6f2}.app-header-pill strong{font-size:14px;font-weight:600}.header-icon-button{width:36px;height:36px;border-radius:50%;border-color:var(--border-light)}.header-avatar-button{width:38px;height:38px;display:grid;place-items:center;padding:0;overflow:hidden;border:0;border-radius:50%;background:transparent;cursor:pointer}.header-avatar-button .avatar{width:38px;height:38px;margin:0;border:0}.app-frame:not(.is-session) .content{max-width:none;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0;margin:0}.app-frame:not(.is-session) .content>.notification-permission-banner{width:min(calc(100% - 64px),var(--content-max));margin:18px auto 0}.app-frame:not(.is-session) .content>.page-transition{width:min(100%,calc(var(--content-max) + 64px));margin:0 auto;padding:var(--content-padding)}.app-frame:not(.is-session) .content.ai-tutor-content-shell>.page-transition{width:100%;max-width:none;padding:0}.app-frame:not(.is-session) .content>.page-transition:has(.video-lesson-workspace-page){width:100%;max-width:none}.hub,.hub-page{width:100%;max-width:none}.hub-head{margin-bottom:22px}.hub-head-text h1{font-size:26px;font-weight:800;letter-spacing:-.02em}.hub-head-text p{margin-top:5px;color:var(--text-muted);font-size:14px}.hub-section{margin-top:22px}.hub-section-head{margin-bottom:12px}.hub-section-head h3{font-size:17px;font-weight:800}.hub-list,.hub-panel,.glass-card,.card,.home-side-card,.premium-card,.shop-item-card{border-color:var(--border-light);box-shadow:var(--shadow-xs)}.hub-list{overflow:hidden;border-radius:18px;background:var(--surface)}.hub-row{min-height:76px;padding:16px 18px}.hub-row:hover{background:var(--surface-2)}.hub-row-title strong{font-weight:700}.toeic-library{width:100%;max-width:1080px;margin:0 auto}.toeic-library:not(.dictation-library){margin-top:-12px}.toeic-library-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.toeic-library-toolbar .hub-chips{display:inline-flex;gap:2px;margin:0;padding:4px;border-radius:999px;background:var(--surface-3)}.toeic-library-toolbar .chip{min-height:32px;padding:6px 16px;border:0;background:transparent;box-shadow:none}.toeic-library-toolbar .chip.active{color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm)}.toeic-library-search{width:min(280px,100%);min-height:38px;display:flex;align-items:center;gap:8px;padding:0 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted)}.toeic-library-search input{width:100%;min-height:0;padding:0;border:0;border-radius:0;outline:0;background:transparent;color:var(--text);font-size:13px}.toeic-library-count{margin-left:auto;color:var(--text-muted);font-size:12px}.toeic-library-section{margin-top:0}.toeic-test-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.toeic-test-card{position:relative;min-height:128px;display:block;padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text);text-decoration:none;transition:box-shadow .15s ease,transform .15s ease,border-color .15s ease}.toeic-test-card:hover{color:var(--text);border-color:var(--primary-border);box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-2px)}.toeic-test-tags{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:12px}.toeic-test-tags .count-badge,.toeic-test-tags .chip{min-height:0;padding:3px 10px;font-size:11px}.toeic-test-card>strong{display:block;padding-right:24px;font-size:14px;font-weight:700}.toeic-test-card>small{display:block;margin-top:4px;color:var(--text-muted);font-size:12px}.toeic-test-card-arrow{position:absolute;right:18px;bottom:18px;color:var(--primary)}.dictation-library{margin-top:-14px}.dictation-library .toeic-test-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.dictation-library .toeic-test-card{min-height:0;padding:18px 20px;border-color:var(--border-light);border-radius:18px}.dictation-overview{width:100%;max-width:1080px;margin:0 auto;padding-top:0}.dictation-overview .part-grid-new{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dictation-overview .part-card-new{position:relative;min-height:268px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:148px minmax(0,1fr);align-items:end;gap:16px;padding:20px 22px;overflow:hidden;border-radius:24px;background:linear-gradient(145deg,#fff,#fbfffe);box-shadow:0 8px 24px #16323f0f;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.dictation-overview .part-card-new:hover{border-color:#0e938452;box-shadow:0 14px 30px #16323f1a;transform:translateY(-3px)}.dictation-part-visual{position:relative;grid-column:1 / -1;height:148px;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,#e7f8f4,#eef4ff)}.dictation-part-visual .part-card-new-icon{position:absolute;z-index:1;top:14px;left:14px;width:42px;height:42px;border-radius:14px;background:#ffffffd1;color:var(--primary);font-size:15px;box-shadow:0 4px 10px #16323f14}.dictation-part-illustration{display:block;width:100%;height:100%}.dictation-overview .part-card-new-info{align-self:center}.dictation-overview .part-card-new-info h4{font-size:17px}.dictation-overview .part-card-new-info p{margin-top:5px;font-size:13.5px}.dictation-overview .part-card-new>button{align-self:center;width:40px;height:40px;border-radius:50%;background:var(--primary-light)!important;color:var(--primary)!important;transition:background .15s ease,transform .15s ease}.dictation-overview .part-card-new:hover>button{background:var(--primary)!important;color:#fff!important;transform:translate(2px)}@media(max-width:680px){.dictation-overview .part-grid-new{grid-template-columns:1fr;gap:14px}.dictation-overview .part-card-new{min-height:232px;grid-template-rows:128px minmax(0,1fr);padding:16px}.dictation-part-visual{height:128px}.dictation-overview .part-card-new-info h4{font-size:15px}}.speaking-library{width:100%;max-width:920px;margin:0 auto}.speaking-test-tabs{display:flex;gap:3px;margin:0 0 20px;padding:4px;overflow-x:auto;border-radius:999px;background:var(--surface-3)}.speaking-test-tabs .chip{flex:0 0 auto;border:0;background:transparent}.speaking-test-tabs .chip.active{color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm)}.speaking-library .hub-grid-2{gap:14px}.speaking-library .hub-item{min-height:92px;padding:18px;border-radius:18px;background:var(--surface)}.speaking-library .q-badge{border-radius:12px;color:var(--primary-text);background:var(--primary-light)}.grammar-library{width:100%;max-width:920px;margin:0 auto}.grammar-library .grammar-overview{max-width:none!important;padding:0!important}.grammar-library>.hub-section:not(.grammar-overview){max-width:none!important;padding:0!important}.vocab-library{width:100%;max-width:760px;margin:0 auto}.social-page{width:100%;max-width:1180px;margin:0 auto}.store-page{width:100%;max-width:880px;margin:0 auto}.social-page>.hub-head,.store-page>.hub-head{margin-bottom:20px}.social-page>.figma-tabbar{display:flex;width:100%;gap:2px;margin-bottom:24px;padding:4px;border:0;border-radius:999px;background:var(--surface-3)}.social-page>.figma-tabbar button{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;margin:0;padding:10px 24px;border:0;border-radius:999px;font-size:14px;font-weight:600}.social-page>.figma-tabbar button.active{color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm)}.social-search-form{display:flex;align-items:stretch;gap:10px;width:100%}.social-search-input{flex:1;min-width:0;min-height:48px;background:var(--surface)!important;border:1.5px solid var(--border-strong, #cbd8d7)!important;box-shadow:0 2px 8px #1037400a}.social-search-input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-light)}.social-search-button{min-width:92px;min-height:48px;border-radius:14px}.social-dialog-backdrop{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;padding:24px;background:#10272e57;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:social-dialog-fade .16s ease-out}.social-dialog-panel{width:min(100%,620px);max-height:min(720px,calc(100dvh - 48px));overflow:auto;padding:8px;border:1px solid rgba(255,255,255,.72);border-radius:24px;background:var(--surface);box-shadow:0 24px 80px #10374038;animation:social-dialog-rise .18s cubic-bezier(.2,.8,.2,1)}.social-dialog-panel>.hub-section{margin:0;border:0;box-shadow:none}.social-dialog-panel .hub-section-head{padding-top:4px}@keyframes social-dialog-fade{0%{opacity:0}to{opacity:1}}@keyframes social-dialog-rise{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.leaderboard-period-switch{display:inline-flex;gap:4px;margin:4px 0 6px;padding:4px;border:1px solid var(--border);border-radius:999px;background:var(--surface)}.leaderboard-period-switch .chip{min-width:104px;border:0;background:transparent}.leaderboard-period-switch .chip.is-active{color:var(--text);background:var(--primary-light);box-shadow:var(--shadow-sm)}.leaderboard-period-caption{margin:0 0 14px;color:var(--text-muted);font-size:13px}.leaderboard-period-caption strong{color:var(--primary-text)}.leaderboard-metric-caption{display:inline-flex;align-items:center;gap:7px;margin:4px 0 14px;color:var(--primary-text);font-size:13px;font-weight:700}.figma-tabbar-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--primary);color:#fff;font-size:11.5px;font-weight:700;line-height:1}.store-tabs{display:inline-flex;gap:2px;margin-bottom:24px;padding:4px;border-radius:999px;background:var(--surface-3)}.store-tabs a{padding:8px 20px;border-radius:999px;color:var(--text-muted);font-size:14px;font-weight:600}.store-tabs a.active{color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm)}.store-page .shop-balance-section{margin-top:0}.store-page .shop-balance-section .hub-section-head{display:none}.store-page .shop-balance-display{gap:14px;padding:20px 24px;border:1px solid var(--border-light);border-radius:20px;background:linear-gradient(135deg,#d5f3ec,#e6f7f0)}.store-page .shop-coin-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--surface);color:var(--warning)}.store-page .shop-balance-copy{display:grid;gap:2px}.store-page .shop-balance-copy>small{color:var(--warning-text);font-size:13px;font-weight:600}.store-page .shop-balance-copy>span{display:flex;align-items:baseline;gap:5px}.store-page .shop-balance-copy strong{color:var(--text);font-size:28px;font-weight:800}.store-page .shop-balance-copy em{color:var(--text-muted);font-size:15px;font-style:normal;font-weight:600}.store-page .shop-items-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.store-page .shop-item-card{gap:12px;padding:20px;border-radius:18px}.store-page .shop-item-actions .btn{min-height:0;padding:8px 18px;border-radius:999px;font-size:13px}.premium-store-page{gap:16px;padding-bottom:20px}.premium-store-page .store-tabs{margin-bottom:0}.premium-pricing-section{height:min(600px,calc(100vh - 190px));min-height:480px;margin-top:0;padding:10px 0 0;border:0;background:transparent}.premium-store-page .premium-plan-list{height:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:18px;overflow:visible;border:0;background:transparent}.premium-store-page .premium-plan-row{--plan-accent: var(--primary);position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:clamp(22px,2.1vw,30px);border:1px solid color-mix(in srgb,var(--plan-accent) 24%,var(--border));border-radius:26px;background:linear-gradient(155deg,color-mix(in srgb,var(--plan-accent) 7%,var(--surface)) 0%,var(--surface) 42%);box-shadow:0 12px 32px #1332390f}.premium-store-page .premium-plan-row.is-six_months{--plan-accent: #0e9384;border-width:2px;box-shadow:0 18px 40px #0e938426}.premium-store-page .premium-plan-row.is-annual{--plan-accent: #d99a20}.premium-plan-ribbon{position:absolute;top:0;right:0;padding:8px 15px 9px;border-radius:0 24px 0 16px;color:#fff;background:var(--plan-accent);font-size:9.5px;font-weight:800;letter-spacing:.08em}.premium-plan-header{display:grid;flex:0 0 auto;align-items:start}.premium-plan-emblem{width:46px;height:46px;display:grid;place-items:center;margin-bottom:13px;border-radius:15px;color:var(--plan-accent);background:color-mix(in srgb,var(--plan-accent) 13%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--plan-accent) 12%,transparent)}.premium-plan-duration{width:fit-content;color:var(--plan-accent);font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.premium-plan-header>strong{margin-top:5px;color:var(--text);font-size:clamp(18px,1.7vw,23px);letter-spacing:-.025em}.premium-store-page .premium-plan-price{display:flex;align-items:baseline;gap:6px;margin-top:12px}.premium-store-page .premium-plan-price b{color:var(--text);font-size:clamp(29px,2.5vw,39px);line-height:1;letter-spacing:-.05em}.premium-store-page .premium-plan-price small{color:var(--text-muted);font-size:11px;font-weight:500}.premium-store-page .premium-plan-monthly{margin-top:6px;color:var(--text-muted);font-size:12px}.premium-store-page .premium-plan-monthly b{color:var(--text-secondary)}.premium-plan-saving{width:fit-content;margin-top:8px;padding:5px 9px;border-radius:9px;color:var(--success-text);background:var(--success-light);font-size:11px;font-weight:700}.premium-plan-saving.is-neutral{color:var(--text-muted);background:var(--surface-2)}.premium-plan-body{flex:1 1 auto;min-height:132px;padding-top:15px}.premium-plan-includes{color:var(--text-muted);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.premium-store-page .premium-plan-features{margin:8px 0 0;gap:6px}.premium-store-page .premium-plan-features li{align-items:flex-start;gap:8px;color:var(--text-secondary);font-size:clamp(11px,.9vw,12.5px);line-height:1.25}.premium-store-page .premium-plan-features li svg{flex:0 0 auto;margin-top:2px;color:var(--plan-accent)}.premium-store-page .premium-plan-side{width:100%;flex:0 0 auto;align-items:stretch;gap:7px;padding-top:10px}.premium-store-page .premium-plan-cta{width:100%;min-height:44px;justify-content:center;border:1.5px solid var(--plan-accent);border-radius:14px;color:var(--plan-accent);background:transparent;font-size:13px;font-weight:800}.premium-store-page .premium-plan-cta.primary{color:#fff;background:var(--plan-accent)}.premium-store-page .premium-plan-side>small{color:var(--text-muted);font-size:9.5px;text-align:center}@media(max-width:900px){.premium-pricing-section{height:auto;min-height:0}.premium-store-page .premium-plan-list{grid-template-columns:1fr}.premium-store-page .premium-plan-row{min-height:0}}@media(max-width:520px){.store-tabs{display:flex;width:100%;overflow-x:auto}.store-tabs a{flex:1 0 auto;padding-inline:14px;text-align:center}.premium-store-page .premium-plan-row{padding:22px}}.grammar-overview{margin-top:0}.grammar-overview .hub-section-head>div{display:grid;gap:3px}.grammar-overview .hub-section-head small{color:var(--text-muted)}.grammar-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grammar-topic-card{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--text);text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.grammar-topic-card:hover{color:var(--text);border-color:var(--primary-border);box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-2px)}.grammar-topic-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;color:var(--primary);background:var(--primary-light)}.grammar-topic-icon svg{color:currentColor!important}.grammar-topic-card>strong{font-size:15px;font-weight:700}.grammar-topic-card>small{min-height:46px;color:var(--text-muted);font-size:12px;line-height:1.55}.grammar-topic-footer{width:100%;display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--border-light);color:var(--text-muted);font-size:11px}.grammar-topic-footer span{color:var(--primary-text);font-weight:700}.progress-dashboard{max-width:1080px;margin:0 auto}.progress-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.progress-summary-card{padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.progress-summary-card>span{width:38px;height:38px;display:grid;place-items:center;margin-bottom:12px;border-radius:12px;color:var(--primary);background:var(--primary-light)}.progress-summary-card>span svg{color:currentColor!important}.progress-summary-card>strong{display:block;font-size:22px;font-weight:800}.progress-summary-card>small{color:var(--text-muted);font-size:12px}.progress-summary-card.tone-cyan>span{color:#0b8f8a;background:#e4f8f7}.progress-summary-card.tone-green>span{color:#168a47;background:#e8f8ed}.progress-summary-card.tone-amber>span{color:#b77b14;background:#fff5df}.ai-tutor-page-new{max-width:960px;min-height:calc(100dvh - var(--topbar-height) - 64px);margin:0 auto;display:flex;flex-direction:column}.ai-tutor-chat{flex:1;display:flex;flex-direction:column;gap:16px;padding:6px 0 20px}.ai-tutor-welcome{display:flex;align-items:flex-start;gap:12px;max-width:680px}.ai-tutor-welcome strong{font-size:16px}.ai-tutor-welcome p{margin:4px 0 0;color:var(--text-muted);font-size:13px}.ai-tutor-avatar{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:14px;color:#fff;background:var(--gradient-primary)}.ai-tutor-avatar svg{color:currentColor!important}.ai-tutor-page-new .ai-tutor-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 0 52px}.ai-tutor-page-new .ai-tutor-chip{padding:9px 13px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-secondary);font-size:12px}.ai-chat-row{display:flex;align-items:flex-start;gap:10px}.ai-chat-row.is-user{justify-content:flex-end}.ai-chat-bubble{max-width:min(720px,82%);padding:13px 16px;border-radius:18px;background:var(--surface);border:1px solid var(--border-light);color:var(--text);font-size:13px;line-height:1.65}.ai-chat-row.is-user .ai-chat-bubble{border-color:transparent;border-bottom-right-radius:6px;background:var(--primary);color:#fff}.ai-chat-row.is-ai .ai-chat-bubble{border-top-left-radius:6px}.ai-tutor-composer{position:sticky;bottom:0;display:flex;align-items:flex-end;gap:10px;margin-top:auto;padding:12px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-md)}.ai-tutor-composer .ai-tutor-input{flex:1;min-height:44px;max-height:140px;margin:0;padding:10px 12px;border:0;background:transparent;resize:none}.ai-tutor-composer .ai-tutor-send{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;padding:0;border-radius:50%}.social-primary-actions{display:flex;justify-content:flex-end;gap:10px;margin-bottom:16px}.btn{min-height:40px;border-radius:13px;font-weight:700;letter-spacing:-.01em}.btn-primary{background:var(--primary);border-color:transparent}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:active:not(:disabled){transform:scale(.98)}.chip,.count-badge,.part-pill{border-radius:999px}input,textarea,select,.input,.ai-tutor-input{border-radius:12px;border-color:var(--border)}.modal-content,.bottom-sheet,.dialog{border-radius:20px}.dashboard-page{width:100%;max-width:1040px;margin:0 auto}.dashboard-greeting{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px}.dashboard-greeting>div{flex:1;min-width:0}.dashboard-greeting h1{margin:0;font-size:26px;font-weight:800;letter-spacing:-.015em}.dashboard-greeting h1 span{font-size:inherit}.dashboard-greeting p{margin-top:4px;color:var(--text-muted);font-size:14.5px}.dashboard-primary-action{min-height:0;flex:0 0 auto;padding:12px 22px;border-radius:14px;font-size:14.5px;line-height:normal;box-shadow:0 6px 16px #10a37840}.dashboard-primary-action:hover:not(:disabled){opacity:.94;filter:none;transform:none;box-shadow:0 6px 16px #10a37840}.dashboard-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.dashboard-stat-card{min-width:0;padding:18px 20px;border:1px solid var(--border-light);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-xs)}.dashboard-stat-icon,.dashboard-module-icon{display:grid;place-items:center;color:var(--primary-text);background:var(--primary-light)}.dashboard-stat-icon{width:38px;height:38px;margin-bottom:12px;border-radius:12px}.dashboard-stat-icon svg,.dashboard-module-icon svg,.dashboard-resume-icon svg,.dashboard-referral-icon svg{color:currentColor!important}.dashboard-stat-card>strong{display:block;color:var(--text);font-size:24px;font-weight:800;letter-spacing:-.01em;line-height:1.15}.dashboard-stat-card>small{display:block;margin-top:2px;color:var(--text-muted);font-size:13px}.tone-amber .dashboard-stat-icon,.tone-amber .dashboard-module-icon{color:#c8871a;background:#f6b83f29}.tone-cyan .dashboard-stat-icon,.tone-cyan .dashboard-module-icon{color:#0e9384;background:#12b5b024}.tone-green .dashboard-stat-icon,.tone-green .dashboard-module-icon{color:#22c55e;background:#22c55e24}.dashboard-stat-card.tone-teal>strong{color:#0e9384}.dashboard-stat-card.tone-green>strong{color:#22c55e}.dashboard-stat-card.tone-cyan>strong{color:#12b5b0}.dashboard-resume-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;margin-bottom:24px}.dashboard-panel,.dashboard-insight-stack>.home-side-card,.dashboard-referral-card{border:1px solid var(--border-light);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-xs)}.dashboard-panel{padding:24px;box-shadow:none}.dashboard-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.dashboard-panel-head h2,.dashboard-section-title h2{margin:0;font-size:18px;font-weight:800}.dashboard-panel-head span{color:var(--text-muted);font-size:13px}.dashboard-resume-list{display:grid;gap:10px}.dashboard-resume-card{display:flex;align-items:center;gap:16px;min-width:0;padding:16px;border:1px solid var(--border-light);border-radius:16px;background:var(--bg);color:inherit;text-decoration:none;transition:border-color .15s ease}.dashboard-resume-card:hover{color:inherit;border-color:var(--primary);text-decoration:none}.dashboard-resume-card>svg{flex:0 0 auto;color:var(--primary)}.dashboard-resume-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:12px;background:var(--primary-light);color:var(--primary)}.dashboard-resume-icon.tone-teal{color:#0e9384;background:#0e938414}.dashboard-resume-icon.tone-amber{color:#c8871a;background:#f6b83f1f}.dashboard-resume-copy{display:grid;min-width:0;flex:1}.dashboard-resume-copy strong{color:var(--text);font-size:15px;font-weight:700}.dashboard-resume-copy small{margin-top:4px;margin-bottom:8px;color:var(--text-muted);font-size:13px}.dashboard-progress{height:8px;margin-top:0;overflow:hidden;border-radius:999px;background:var(--surface-3)}.dashboard-progress i{display:block;height:100%;border-radius:inherit;background:var(--gradient-primary)}.dashboard-insight-stack{display:grid;gap:12px;align-content:start}.dashboard-insight-stack>.home-side-card{padding:18px}.dashboard-insight-stack .streak-card{width:100%}.dashboard-achievements{min-height:100%}.dashboard-achievement-list{display:grid;gap:12px}.dashboard-achievement-item{display:flex;align-items:center;gap:12px}.dashboard-achievement-item>span:last-child{display:grid;gap:2px}.dashboard-achievement-item strong{color:var(--text);font-size:14px;font-weight:700}.dashboard-achievement-item small{color:var(--text-muted);font-size:13px}.dashboard-achievement-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:50%;color:var(--primary);background:var(--primary-light)}.dashboard-achievement-item.tone-amber .dashboard-achievement-icon{color:#b77912;background:#fff2d6}.dashboard-achievement-icon svg{color:currentColor!important}.dashboard-achievement-empty{margin:10px 0;color:var(--text-muted);font-size:13px}.dashboard-achievement-link{display:inline-flex;align-items:center;gap:6px;margin-top:16px;padding:0;border:0;background:transparent;color:var(--primary-text);font-size:14px;font-weight:600;cursor:pointer}.dashboard-referral-card{width:100%;min-height:74px;display:flex;align-items:center;gap:12px;padding:14px 16px;color:var(--text);text-align:left;cursor:pointer}.dashboard-referral-card:hover{border-color:var(--primary-border);background:var(--surface-2)}.dashboard-referral-card>span:nth-child(2){display:grid;min-width:0;flex:1}.dashboard-referral-card strong{font-size:13px;font-weight:700}.dashboard-referral-card small{color:var(--text-muted);font-size:11px}.dashboard-referral-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:var(--primary);background:var(--primary-light)}.dashboard-section-title{margin-bottom:14px}.dashboard-module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.dashboard-module-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;padding:20px;border:1px solid var(--border-light);border-radius:18px;background:var(--surface);color:inherit;text-decoration:none;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.dashboard-module-card:hover{color:inherit;border-color:#0e93844d;box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-2px)}.dashboard-module-icon{width:46px;height:46px;border-radius:14px}.dashboard-module-card>span:nth-child(2){display:grid;min-width:0}.dashboard-module-card strong{color:var(--text);font-size:15px;font-weight:700}.dashboard-module-card small{margin-top:4px;color:var(--text-muted);font-size:13px;line-height:1.5}.dashboard-module-card>svg:last-child{display:none}.dashboard-library-section{margin-top:28px}@media(max-width:1100px){.dashboard-stat-grid,.dashboard-module-grid,.grammar-topic-grid,.progress-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1024px){:root{--sidebar-width: 224px;--content-padding: 24px}.app-sidebar-link{gap:10px;padding-inline:10px;font-size:13px}.app-sidebar-label{padding-inline:10px}}@media(max-width:768px){:root{--content-padding: 16px}.app-frame:not(.is-session){display:block;height:auto;min-height:100dvh;overflow:visible}.app-sidebar{display:none}.app-frame:not(.is-session) .app-main{height:auto;min-height:100dvh;overflow:visible}.app-header{height:56px;min-height:56px;padding:0 14px;justify-content:space-between}.app-header-brand{display:inline-flex}.app-header-page-title,.app-header-streak{display:none}.app-header-pill{min-height:32px;padding:5px 10px}.app-header-brand .ti-logo{font-size:1.12rem}.app-frame:not(.is-session) .content{overflow:visible}.app-frame:not(.is-session) .content>.notification-permission-banner{width:calc(100% - 32px);margin-top:12px}.app-frame:not(.is-session) .content>.page-transition{width:100%;padding:var(--content-padding);padding-bottom:calc(var(--mobile-nav-height) + 24px)}.hub-head{align-items:flex-start}.hub-head-text h1{font-size:22px}.hub-head-side{width:100%;justify-content:flex-start}.hub-row{align-items:flex-start}.dashboard-greeting{align-items:flex-start;flex-direction:column}.dashboard-primary-action{width:100%;justify-content:center}.dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-stat-card{padding:15px}.dashboard-resume-grid,.dashboard-module-grid{grid-template-columns:1fr}.dashboard-panel{padding:16px}.dashboard-resume-card{padding:12px}.grammar-topic-grid{grid-template-columns:1fr}.progress-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.toeic-library-toolbar{align-items:stretch}.toeic-library-search{order:3;width:100%;max-width:none}.toeic-library-count{align-self:center}.toeic-test-grid{grid-template-columns:1fr}.ai-tutor-page-new{min-height:calc(100dvh - 112px)}}.test-overview{width:100%;max-width:900px;margin:0 auto;padding:0;gap:0;transform:translateY(-8px)}.test-overview-mobile-head{display:none;align-items:center;gap:14px;margin-bottom:20px}.test-overview-back{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:all .15s ease}.test-overview-back:hover{background:var(--primary-light);color:var(--primary-text)}.test-overview-title-section{min-width:0;margin-right:auto}.test-overview-title-section h1{margin:0;font-weight:800;font-size:19px;letter-spacing:-.01em}.test-overview-title-section p{margin:0;color:var(--text-muted);font-size:12.5px}.toeic-detail-tabs{display:inline-flex;align-self:flex-start;padding:4px;border-radius:999px;background:var(--surface-3);margin-bottom:20px;gap:2px}.toeic-detail-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border-radius:999px;border:none;background:transparent;color:var(--text-secondary);font-weight:600;font-size:15px;line-height:19px;cursor:pointer;transition:all .15s ease}.toeic-detail-tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.part-grid-new{display:grid;width:100%;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.part-selection-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;padding:14px 16px;border:1px solid var(--border-light);border-radius:14px;background:var(--surface)}.part-selection-head>div{display:grid;gap:2px}.part-selection-head strong{font-size:15px;color:var(--text)}.part-selection-head span{font-size:12.5px;color:var(--text-muted)}.part-mode-actions{display:flex!important;grid-auto-flow:column;gap:8px!important}.part-mode-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 13px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-secondary);font-size:12.5px;font-weight:700;white-space:nowrap;cursor:pointer}.part-mode-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary-text)}.part-mode-btn.exam{background:var(--primary);border-color:var(--primary);color:#fff}.part-mode-btn.full{background:#123f3a;border-color:#123f3a;color:#fff}.part-mode-btn:disabled{opacity:.42;cursor:not-allowed}.part-card-new{display:flex;align-items:center;gap:16px;padding:20px;border-radius:16px;background:var(--surface);border:1px solid var(--border-light);box-shadow:var(--shadow-xs)}.part-select-card{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.part-select-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.part-select-card.is-selected{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-light),var(--shadow-sm)}.part-select-card:disabled{cursor:not-allowed;opacity:.55}.part-card-select-indicator{display:grid;place-items:center;width:24px;height:24px;border:1.5px solid var(--border);border-radius:8px;color:#fff;flex-shrink:0}.part-select-card.is-selected .part-card-select-indicator{background:var(--primary);border-color:var(--primary)}.part-card-new-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:28%;background:var(--primary-light);color:var(--primary);font-family:var(--font-family);font-weight:800;font-size:17px;flex-shrink:0}.part-card-new-info{min-width:0;flex:1}.part-card-new-info h4{margin:0;font-weight:700;font-size:15px;color:var(--text)}.part-card-new-info p{margin:2px 0 0;color:var(--text-muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.part-card-coin-note{display:inline-flex;align-items:center;gap:4px;margin-top:5px;padding:2px 8px 2px 5px;border-radius:999px;background:#f6b83f1f;color:#8a5a00;font-size:11.5px;font-weight:600;line-height:1.4}.part-card-new-play{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:none;background:var(--gradient-primary);color:#fff;cursor:pointer;flex-shrink:0;box-shadow:0 2px 8px #0e938440;transition:transform .15s ease,opacity .15s ease}.part-card-new-play:hover{opacity:.94}.part-card-new-play:active{transform:scale(.94)}.toeic-multipart-session{height:100vh;min-height:0;overflow:hidden}.toeic-multipart-session .p1-screen{height:calc(100vh - 58px)}.part-session-bar{height:58px;display:flex;align-items:center;gap:14px;padding:8px 16px;border-bottom:1px solid var(--border);background:var(--surface);box-sizing:border-box}.part-session-mode{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;font-weight:700;color:var(--text-secondary)}.part-session-mode strong{padding:5px 8px;border-radius:8px;background:#0c403a;color:#fff;font-variant-numeric:tabular-nums}.part-session-tabs{display:flex;align-items:center;gap:5px;min-width:0;flex:1;overflow-x:auto;scrollbar-width:none}.part-session-tabs::-webkit-scrollbar{display:none}.part-session-tabs button{padding:7px 10px;border:1px solid var(--border-light);border-radius:9px;background:var(--surface-2);color:var(--text-muted);font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}.part-session-tabs button.is-active{border-color:var(--primary);background:var(--primary-light);color:var(--primary-text)}.part-session-next{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:0;border-radius:9px;background:var(--primary);color:#fff;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}.part-session-next:disabled{background:var(--surface-3);color:var(--text-muted);cursor:default}.exam-audio-gate{position:fixed;inset:0;z-index:1500;display:grid;place-items:center;padding:24px;background:#051f1cc7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.exam-audio-gate-card{width:min(440px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;align-items:center;padding:36px;border:1px solid rgba(255,255,255,.15);border-radius:24px;background:var(--surface);box-shadow:0 28px 80px #0000004d;text-align:center;overflow-y:auto}.exam-audio-gate-icon{display:grid;place-items:center;width:72px;height:72px;margin-bottom:18px;border-radius:50%;background:var(--primary-light);color:var(--primary)}.exam-audio-gate-icon.is-playing{animation:examAudioPulse 1.15s ease-in-out infinite}@keyframes examAudioPulse{50%{transform:scale(1.08);box-shadow:0 0 0 14px #0e93841a}}.exam-audio-gate-kicker{color:var(--primary);font-size:11px;font-weight:800;letter-spacing:.12em}.exam-audio-gate-card h2{margin:8px 0 10px;color:var(--text);font-size:25px}.exam-audio-direction-figure{width:100%;margin:2px 0 16px;overflow:hidden;border:1px solid var(--border-light);border-radius:14px;background:var(--surface-2)}.exam-audio-direction-figure img{display:block;width:100%;height:210px;object-fit:contain;background:#f7f8f8}.exam-audio-direction-figure figcaption{padding:7px 10px;color:var(--text-muted);font-size:10.5px}.exam-audio-gate-card p{min-height:48px;margin:0 0 18px;color:var(--text-secondary);font-size:14px;line-height:1.65}.exam-audio-gate-actions{display:grid;width:100%;gap:9px}.exam-audio-gate-card button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 18px;border:0;border-radius:12px;background:var(--primary);color:#fff;font-weight:750;cursor:pointer}.exam-audio-gate-card .exam-audio-gate-skip{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary)}.exam-audio-gate-card button:disabled{opacity:.72;cursor:wait}.exam-audio-gate-card small{margin-top:12px;color:var(--text-muted);font-size:11px}.exam-audio-gate-error{margin:-8px 0 12px;color:var(--danger);font-size:12px}.exam-reading-gate-card{width:min(560px,100%)}.exam-reading-directions{width:100%;margin:4px 0 20px;padding:18px 20px;border:1px solid var(--border-light);border-radius:14px;background:var(--surface-2);color:var(--text-secondary);text-align:left}.exam-reading-directions strong{display:block;margin-bottom:6px;color:var(--text);font-size:13px}.exam-reading-directions p{min-height:0;margin:0 0 10px;font-size:13px;line-height:1.65}.exam-reading-directions p:last-child{margin-bottom:0}.toeic-multipart-session.is-full-test .p1-audio-controls{display:none}.toeic-test-tags .solved-chip{display:inline-flex;align-items:center;gap:4px;background:#e6f5f1;color:#0f8a7a;border:none}.toeic-test-tags .premium-chip{background:#f6b83f1f!important;color:#8a5a00!important;border:none!important}@media(max-width:600px){.part-selection-head{align-items:stretch;flex-direction:column}.part-mode-actions{width:100%}.part-mode-btn{flex:1;padding-inline:8px}.part-mode-btn.full{font-size:0}.part-mode-btn.full:after{content:"Full test";font-size:12.5px}.part-session-mode>span{display:none}.part-session-next{font-size:0}.part-session-next svg{width:16px;height:16px}}.p1-screen{display:flex;flex-direction:column;height:100vh;min-height:0;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-family)}.p1-body{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);flex:1;min-height:0;overflow:hidden}.p1-left{display:flex;flex-direction:column;background:#eef7f4;border-right:1px solid var(--border);overflow:hidden;min-height:0;padding:20px 24px;gap:14px}.p1-right{display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--surface)}.p1-scroll{flex:1;overflow-y:auto;padding:24px}.p1-header{display:flex;align-items:center;justify-content:space-between;height:var(--topbar-height);flex-shrink:0;padding:0 20px;border-bottom:1px solid var(--border-light);background:var(--surface);color:var(--text);font-family:var(--font-family)}.p1-header-left{display:flex;align-items:center;gap:14px}.p1-breadcrumb{display:flex;align-items:center;gap:6px;font-size:14.5px;font-weight:600}.p1-bc-parent{color:var(--text)}.p1-bc-sep{color:var(--text-muted)}.p1-bc-current{color:var(--primary-text)}.p1-header-right{display:flex;align-items:center;gap:10px}.p1-mode-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--primary-light);color:var(--primary-text);font-weight:600;font-size:13px}.p1-q-counter{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-weight:600;font-size:13px;cursor:pointer;transition:all .15s ease}.p1-q-counter:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.p1-lang-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1.5px solid var(--border-light);background:var(--surface);color:var(--text-secondary);font-weight:600;font-size:13px;cursor:pointer}.p1-lang-pill:hover{border-color:var(--primary-border);color:var(--primary-text)}.trainer-nav-popover{position:absolute;top:70px;right:20px;z-index:var(--z-popover);padding:16px;border-radius:16px;background:var(--surface);border:1px solid var(--border-light);box-shadow:var(--shadow-lg);width:320px}.trainer-nav-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-light)}.trainer-nav-head strong{font-size:13.5px;font-weight:700;color:var(--text)}.trainer-nav-head span{display:block;font-size:11px;color:var(--text-muted)}.trainer-nav-restart{font-size:12px;font-weight:600;color:var(--primary);border:none;background:transparent;cursor:pointer}.trainer-nav-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-height:240px;overflow-y:auto}.trainer-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;border-radius:10px;border:1.5px solid var(--border-light);background:var(--surface);color:var(--text-secondary);font-weight:600;font-size:12px;cursor:pointer;font-variant-numeric:tabular-nums;transition:all .12s ease}.trainer-nav-item:hover{border-color:var(--primary-border);background:var(--bg-subtle)}.trainer-nav-item.is-active{border-color:var(--primary);background:var(--primary-light);color:var(--primary-text);font-weight:700}.trainer-nav-item.is-done{background:var(--surface-2);border-color:var(--border-light)}.p1-options{display:flex;flex-direction:column;gap:10px}.p1-option{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border-radius:16px;border:2px solid var(--border-light);background:var(--surface);text-align:left;cursor:pointer;transition:all .12s ease;color:var(--text);font-size:15px}.p1-option:hover:not(:disabled){border-color:var(--primary)}.p1-opt-circle{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--bg);color:var(--text-secondary);font-weight:700;font-size:13px;flex-shrink:0;transition:all .12s ease}.p1-opt-label{flex:1;min-width:0;display:flex;flex-direction:column}.p1-opt-label strong{font-weight:600}.p1-opt-label small{color:var(--text-muted);font-size:12px;margin-top:2px}.p1-option.picked{background:var(--primary-light);border-color:var(--primary)}.p1-option.picked .p1-opt-circle{background:var(--primary);color:#fff}.p1-option.correct{background:#e6f5f1;border-color:#22c55e}.p1-option.correct .p1-opt-circle{background:#22c55e;color:#fff}.p1-option.wrong{background:#fdf2f2;border-color:#ef4444}.p1-option.wrong .p1-opt-circle{background:#ef4444;color:#fff}.p1-explanation{margin-top:16px;padding:16px 18px;border-radius:16px;font-size:14px;line-height:1.65;border:1px solid transparent}.p1-explanation.correct{background:#e6f5f1;color:#0b7568;border-color:#0e938426}.p1-explanation.wrong{background:#fdf2f2;color:#c2402c;border-color:#ef44441f}.p1-explanation.neutral{background:#eef8f5;color:var(--text);border-color:var(--border-light)}.p1-expl-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:#fff;font-weight:700;font-size:13px;margin-bottom:12px;box-shadow:var(--shadow-xs)}.p1-explanation.correct .p1-expl-badge{color:#0b7568}.p1-explanation.wrong .p1-expl-badge{color:#c2402c}.p1-expl-section{margin-top:12px}.p1-expl-section-label{display:block;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#16323f8c;margin-bottom:6px}.p1-expl-section p{margin:0 0 6px;line-height:1.6}.p1-expl-section p:last-child{margin-bottom:0}.p1-expl-traps{list-style:none;padding:0;margin:0;display:grid;gap:8px}.p1-expl-traps li{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;line-height:1.5}.p1-expl-trap-choice{display:grid;place-items:center;width:20px;height:20px;border-radius:4px;background:var(--danger-light);color:var(--danger);font-weight:700;font-size:11px;flex-shrink:0;margin-top:1px}.speaking-pick-page{width:100%;min-width:0;margin-top:-14px}.speaking-pick-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.speaking-year-tabs{display:inline-flex;max-width:100%;gap:2px;padding:4px;overflow-x:auto;border-radius:999px;background:var(--surface-3)}.speaking-year-tabs button{flex:0 0 auto;padding:7px 16px;border-radius:999px;color:var(--text-muted);font-size:14px;font-weight:600}.speaking-year-tabs button.active{color:var(--text);background:var(--surface);box-shadow:0 2px 6px #16323f1a}.speaking-pick-search{width:min(280px,100%);height:38px;display:flex;align-items:center;gap:8px;padding:0 14px;border:1.5px solid var(--border);border-radius:999px;background:var(--surface);color:#9db3ac}.speaking-pick-search input{min-width:0;flex:1;padding:0;border:0;background:transparent;font-size:14px}.speaking-pick-count{margin-left:auto;color:var(--text-muted);font-size:13px}.speaking-test-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.speaking-test-card{width:100%;display:block;padding:18px 20px;border:1px solid var(--border-light);border-radius:18px;background:var(--surface);text-align:left;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.speaking-test-card:hover{border-color:#0e93844d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.speaking-test-tags{display:flex;align-items:center;gap:8px;margin-bottom:12px}.speaking-test-tags b,.speaking-test-tags i{padding:3px 10px;border-radius:999px;font-size:12px;font-style:normal;font-weight:600}.speaking-test-tags b{color:var(--primary-text);background:var(--primary-light);font-weight:700}.speaking-test-tags i{border:1px solid var(--border);color:var(--text-muted)}.speaking-test-card>strong{display:block;color:var(--text);font-size:16px;font-weight:700}.speaking-test-card>small{display:block;margin-top:4px;color:var(--text-muted);font-size:13.5px}.speaking-back-to-tests{display:inline-flex;align-items:center;gap:7px;margin-bottom:4px;padding:7px 10px;border-radius:10px;color:var(--text-muted);font-size:13px;font-weight:600}.speaking-back-to-tests:hover{color:var(--primary-text);background:var(--primary-light)}.speaking-conversation-section{margin-top:0}.speaking-conversation-section.is-part-four{margin-top:28px}.speaking-section-head{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin:20px 0 12px}.speaking-section-head h3{margin:0;font-size:16px;font-weight:700}.speaking-grid-new{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.speaking-card{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:16px;background:var(--surface);border:1px solid var(--border-light);text-align:left;cursor:pointer;transition:all .15s ease;width:100%}.speaking-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--primary-border)}.speaking-card-tag{align-self:flex-start;padding:3px 10px;border-radius:999px;background:var(--primary-light);color:var(--primary-text);font-size:12px;font-weight:600}.speaking-card-preview{font-size:15px;line-height:1.4;font-weight:700;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.speaking-card-meta{color:var(--text-secondary);font-size:13px}.speaking-part-picker{padding:24px;border:1px solid var(--border-light);border-radius:22px;background:radial-gradient(circle at 94% 3%,rgba(30,177,155,.09),transparent 28%),var(--surface);box-shadow:0 10px 32px #16323f0e}.speaking-part-picker-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--border-light)}.speaking-part-picker-kicker{display:inline-flex;align-items:center;gap:6px;margin-bottom:7px;color:var(--primary-text);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.speaking-part-picker-head h2{margin:0;color:var(--text);font-size:clamp(20px,2.2vw,25px);line-height:1.25;letter-spacing:-.02em}.speaking-part-picker-head p{max-width:570px;margin:7px 0 0;color:var(--text-muted);font-size:13.5px;line-height:1.55}.speaking-part-picker-total{flex:0 0 auto;padding:5px 11px;border:1px solid var(--border-light);border-radius:999px;background:var(--surface-2);color:var(--text-muted);font-size:12px;font-weight:700}.speaking-part-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.speaking-part-card{position:relative;min-width:0;min-height:176px;display:grid;grid-template-columns:126px minmax(0,1fr) 38px;align-items:center;gap:17px;padding:18px;overflow:hidden;border:1px solid var(--border-light);border-radius:18px;background:var(--surface);color:var(--text);font:inherit;text-align:left;box-shadow:0 2px 6px #16323f09;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.speaking-part-card:hover{border-color:color-mix(in srgb,var(--primary) 48%,var(--border));box-shadow:0 12px 28px #16323f17;transform:translateY(-3px)}.speaking-part-card:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.speaking-part-card:disabled{opacity:.48;cursor:not-allowed;transform:none}.speaking-part-visual{position:relative;width:126px;height:138px;display:block;overflow:hidden;border-radius:14px;background:linear-gradient(145deg,#e7f8f4,#eef4ff)}.speaking-part-card.is-part4 .speaking-part-visual{background:linear-gradient(145deg,#f2edff,#eaf5ff)}.speaking-part-visual .dictation-part-illustration{width:100%;height:100%}.speaking-part-number{position:absolute;z-index:1;top:9px;left:9px;display:grid;place-items:center;width:34px;height:28px;border:1px solid rgba(255,255,255,.75);border-radius:8px;background:#ffffffe6;color:var(--primary-text);font-size:11px;font-weight:800;box-shadow:0 3px 9px #16323f14}.speaking-part-content{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.speaking-part-eyebrow{display:inline-flex;align-items:center;gap:5px;margin-bottom:7px;color:var(--primary-text);font-size:11.5px;font-weight:750}.speaking-part-card.is-part4 .speaking-part-eyebrow{color:#7054a3}.speaking-part-content>strong{color:var(--text);font-size:16px;line-height:1.35}.speaking-part-description{margin-top:6px;color:var(--text-muted);font-size:12.5px;line-height:1.5}.speaking-part-stats{display:flex;align-items:center;gap:7px;margin-top:13px;color:var(--text-secondary);font-size:11.5px;font-weight:650}.speaking-part-stats i{color:var(--border);font-style:normal}.speaking-part-arrow{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--border-light);border-radius:11px;background:var(--surface-2);color:var(--text-muted);transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.speaking-part-card:hover .speaking-part-arrow{border-color:var(--primary);background:var(--primary);color:#fff;transform:translate(2px)}@media(max-width:900px){.speaking-part-grid{grid-template-columns:1fr}}@media(max-width:560px){.speaking-part-picker{padding:16px;border-radius:18px}.speaking-part-picker-head{align-items:flex-start;margin-bottom:14px;padding-bottom:14px}.speaking-part-picker-total{display:none}.speaking-part-card{min-height:132px;grid-template-columns:88px minmax(0,1fr) 32px;gap:12px;padding:13px;border-radius:15px}.speaking-part-visual{width:88px;height:104px;border-radius:11px}.speaking-part-description{display:none}.speaking-part-stats{flex-wrap:wrap;gap:4px 6px;margin-top:8px}.speaking-part-arrow{width:32px;height:32px}}.vocab-roadmap-page{width:min(760px,100%);margin:0 auto;padding:4px 0 32px;color:#16323f}.vocab-roadmap-page.is-message{padding-top:24px}.vocab-roadmap-page.is-message h1{margin:0 0 6px;font-size:28px}.vocab-roadmap-page.is-message p{margin:0 0 16px;color:#6d8a83}.vocab-roadmap-library-link{color:#0b7568;font-size:14px;font-weight:700}.vocab-library{width:min(100%,1200px);max-width:1200px;margin:0 auto;padding-bottom:36px}.vocab-library-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:10px 0 24px;padding:24px 26px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.vocab-library-eyebrow{color:var(--text-muted);font-size:11.5px;font-weight:var(--weight-medium)}.vocab-library-intro h2{margin:6px 0 4px;font-size:17px;font-weight:600;color:var(--text)}.vocab-library-intro p{margin:0;color:var(--text-muted);font-size:13px}.vocab-library-total{display:grid;min-width:145px;padding:12px 14px;border-radius:10px;background:var(--surface-2);text-align:right}.vocab-library-total strong{color:var(--text);font-size:19px;font-weight:700;font-variant-numeric:tabular-nums}.vocab-library-total span{color:var(--text-muted);font-size:12px}.vocab-library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.vocab-library-toolbar .hub-chips{display:flex;max-width:100%;overflow-x:auto;padding:4px;border-radius:999px;background:var(--surface-3)}.vocab-library-toolbar .chip{white-space:nowrap}.vocab-library-search{position:relative;display:flex;align-items:center;width:min(320px,100%);flex-shrink:0;color:#6d8a83}.vocab-library-search svg{position:absolute;left:13px}.vocab-library-search input{width:100%;min-height:40px;padding:0 14px 0 38px;border:1px solid rgba(22,50,63,.12);border-radius:999px;outline:none;background:#fff;color:#16323f;font:inherit;font-size:13px}.vocab-library-search input:focus{border-color:#0e9384;box-shadow:0 0 0 3px #0e93841a}.vocab-library-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.vocab-library-path-card{position:relative;display:flex;align-items:flex-start;gap:14px;min-height:140px;padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.vocab-library-path-card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.vocab-library-path-art{position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:10px;color:var(--primary-text);background:var(--primary-light)}.vocab-library-path-copy{position:relative;z-index:1;min-width:0}.vocab-library-path-category{display:block;margin-bottom:6px;color:var(--text-muted);font-size:11.5px;font-weight:var(--weight-medium)}.vocab-library-path-copy h3{display:-webkit-box;margin:0;overflow:hidden;font-size:16px;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}.vocab-library-path-copy p{margin:9px 0 0;color:var(--text-muted);font-size:12px}.vocab-library-path-copy p span{margin:0 4px;color:#b0c5bf}.vocab-library-path-arrow{position:absolute;z-index:2;right:16px;bottom:16px;color:var(--text-muted)}.vocab-library-empty{padding:40px 20px;border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted);text-align:center}@media(max-width:960px){.vocab-library-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.vocab-library-intro{align-items:flex-start;flex-direction:column;padding:20px}.vocab-library-total{width:100%;text-align:left}.vocab-library-toolbar{align-items:stretch;flex-direction:column}.vocab-library-toolbar .hub-chips,.vocab-library-search{width:100%}.vocab-library-path-grid{grid-template-columns:1fr;gap:12px}}.vocab-roadmap-heading{display:block;margin-bottom:24px}.vocab-roadmap-heading h1{margin:0;font-family:Be Vietnam Pro,sans-serif;font-size:28px;font-weight:800;letter-spacing:-.01em}.vocab-roadmap-heading p{margin:4px 0 0;color:#6d8a83;font-size:15px}.vocab-roadmap-summary{margin-bottom:32px;padding:28px;border:1px solid rgba(22,50,63,.1);border-radius:24px;background:#fff}.vocab-roadmap-tags{display:flex;align-items:center;gap:8px;margin-bottom:10px}.vocab-roadmap-tags span{padding:3px 10px;border-radius:999px;color:#6d8a83;font-family:Be Vietnam Pro,sans-serif;font-size:12px;font-weight:600}.vocab-roadmap-tags span:first-child{color:#0b7568;background:#e5f6f2}.vocab-roadmap-tags span:last-child{border:1px solid rgba(22,50,63,.15)}.vocab-roadmap-summary h2{margin:0;font-family:Be Vietnam Pro,sans-serif;font-size:24px;font-weight:800}.vocab-roadmap-summary>p{margin:4px 0 0;color:#6d8a83;font-size:15px}.vocab-roadmap-progress{height:12px;margin-top:16px;overflow:hidden;border-radius:999px;background:#e3efeb}.vocab-roadmap-progress span{display:block;height:100%;min-width:5px;border-radius:inherit;background:#f6b83f;transition:width .4s ease}.vocab-stage-list{position:relative;margin:0;padding:0 0 0 32px;list-style:none}.vocab-stage-list:before{content:"";position:absolute;top:8px;bottom:8px;left:15px;width:2px;background:#16323f1a}.vocab-stage{position:relative;margin-bottom:18px}.vocab-stage-dot{position:absolute;z-index:1;top:14px;left:-32px;display:grid;width:32px;height:32px;place-items:center;border:2px solid #cbded9;border-radius:50%;background:#edf5f3;color:#6d8a83;font-family:Roboto Mono,monospace;font-size:12px;font-weight:700}.vocab-stage-card{display:flex;width:100%;min-height:90px;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border:1.5px solid rgba(22,50,63,.1);border-radius:16px;background:#fff;color:#16323f;text-align:left;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.vocab-stage-card:hover{border-color:#0e938480;box-shadow:0 8px 24px #16323f14}.vocab-stage-copy{min-width:0}.vocab-stage-copy strong{display:block;font-size:15px;font-weight:700}.vocab-stage-copy small{display:block;margin-top:2px;color:#6d8a83;font-size:13px}.vocab-stage-action,.vocab-stage-lock{display:inline-flex;flex:0 0 auto;align-items:center;gap:5px;padding:8px 20px;border-radius:999px;background:#0e9384;color:#fff;font-size:13px;font-weight:700}.vocab-stage-lock{padding:5px 12px;background:#e3efeb;color:#6d8a83;font-size:12px;font-weight:600}.vocab-stage-lock svg{width:12px;height:12px}.vocab-stage.is-current .vocab-stage-dot{border-color:#0e9384;background:#0e9384;color:#fff}.vocab-stage.is-current .vocab-stage-card{border-color:#0e9384}.vocab-stage.is-completed .vocab-stage-dot{border-color:#0e9384;background:#e5f6f2;color:#0b7568}.vocab-stage.is-locked .vocab-stage-card{border-color:#16323f1a;background:#f7f7f2;color:#6d8a83}.vocab-stage.is-locked .vocab-stage-card:hover{border-color:#16323f26;box-shadow:none}.vocab-stage-toast{position:fixed;z-index:30;right:28px;bottom:28px;display:flex;align-items:center;gap:9px;padding:12px 16px;border:1px solid rgba(22,50,63,.1);border-radius:14px;background:#fff;box-shadow:0 10px 30px #16323f24;color:#6d8a83;font-size:13px;font-weight:600}.vocab-stage-toast svg{width:15px;height:15px}@media(max-width:680px){.vocab-roadmap-summary{padding:22px}.vocab-stage-card{min-height:82px;padding:16px}.vocab-stage-action{padding:7px 14px}}.progress-dashboard{width:100%;min-width:0;box-sizing:border-box}.progress-kpi-grid,.progress-lower-grid,.progress-kpi-card,.progress-overview-row,.progress-overview-copy{min-width:0}@media(max-width:820px){.progress-dashboard{padding:20px 20px 96px!important}.progress-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.progress-lower-grid{grid-template-columns:minmax(0,1fr)!important}}@media(max-width:520px){.progress-dashboard{padding:20px 16px 96px!important;overflow:hidden}.progress-kpi-grid{gap:10px!important;margin-bottom:18px!important}.progress-kpi-card{min-height:126px;padding:14px!important}.progress-kpi-card p{font-size:25px!important;line-height:1.2}.progress-overview-card,.progress-lower-card{padding:18px 16px!important}.progress-overview-row{display:grid!important;grid-template-columns:40px minmax(0,1fr) auto;gap:4px 12px!important}.progress-overview-copy{width:auto!important}.progress-overview-copy strong,.progress-overview-copy small{white-space:normal}.progress-overview-bar{grid-column:2 / 4;width:100%}.progress-overview-rate{grid-column:3;grid-row:1;align-self:center;min-width:34px!important}}.review-hub-page .hub-row-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.review-stats{display:flex;flex-wrap:wrap;gap:20px;color:var(--text-muted);font-size:13px}.review-stats strong{margin-right:5px;color:var(--text);font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.review-empty{padding:40px 24px;border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--surface);text-align:center}.review-empty>span,.review-done-icon{display:grid;width:44px;height:44px;margin:0 auto 14px;place-items:center;border-radius:10px;background:var(--surface-2);color:var(--primary-text)}.review-empty h2{margin:0;color:var(--text);font-size:16px;font-weight:600}.review-empty p{margin:6px auto 18px;color:var(--text-muted);font-size:var(--text-sm)}.review-done-page h1{margin:0;color:var(--text);font-size:20px;font-weight:700;letter-spacing:-.01em}.review-session-page{width:min(680px,100%);margin:0 auto}.review-session-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.review-session-head button{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.review-session-head button:hover{background:var(--surface-2);color:var(--text)}.review-session-head>span{color:var(--text-muted);font-size:12px;font-variant-numeric:tabular-nums}.review-session-progress{height:4px;margin-bottom:20px;overflow:hidden;border-radius:999px;background:var(--surface-3)}.review-session-progress span{display:block;height:100%;border-radius:inherit;background:var(--primary);transition:width var(--transition-base)}.review-session-kicker{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--text-muted);font-size:12px}.review-session-kicker strong{padding:2px 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--text-secondary);font-size:11.5px;font-weight:600}.review-question-card{margin-bottom:14px;padding:20px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.review-question-card p{margin:0;font-size:17px;line-height:1.75}.review-question-card b{display:inline-block;min-width:72px;padding:1px 10px;border-bottom:1px dashed var(--border-hover);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-muted);font-weight:var(--weight-medium);text-align:center}.review-options{display:flex;flex-direction:column;gap:8px}.review-options button{display:flex;width:100%;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);text-align:left;transition:border-color var(--transition-fast),background var(--transition-fast)}.review-options button:not(:disabled):hover{border-color:var(--border-hover);background:var(--surface-2)}.review-options button>span{display:grid;width:24px;height:24px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--surface-2);color:var(--text-secondary);font-size:12px;font-weight:700}.review-options button>strong{flex:1;font-size:14px;font-weight:var(--weight-medium)}.review-options button.is-correct{border-color:var(--success);background:var(--success-light);color:var(--success-text)}.review-options button.is-correct>span{background:var(--success);color:#fff}.review-options button.is-wrong{border-color:var(--danger);background:var(--danger-light);color:var(--danger-text)}.review-options button.is-wrong>span{background:var(--danger);color:#fff}.review-explanation{margin-top:14px;padding:14px 16px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.review-explanation>strong{color:var(--danger-text);font-size:13px;font-weight:600}.review-explanation.is-correct{border-color:var(--success-border, var(--border));background:var(--success-light)}.review-explanation.is-correct>strong{color:var(--success-text)}.review-explanation p{margin:6px 0 0;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.65}.review-next{width:100%;margin-top:14px;padding:11px;border-radius:10px;background:var(--primary);color:#fff;font-size:14px;font-weight:600}.review-next:hover{background:var(--primary-hover)}.review-next.is-known{background:#46b26a}.review-done-page{width:min(440px,100%);margin:0 auto;padding:28px 0 32px;text-align:center}.review-done-icon{width:96px;height:96px;margin-bottom:24px}.review-done-page p{margin:8px 0 24px;color:#6d8a83}@media(max-width:600px){.review-hub-page,.review-session-page,.review-done-page{padding-top:10px;padding-bottom:90px}.review-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.review-stats article{padding:14px 10px}.review-stats strong{font-size:24px}.review-stats small{min-height:36px}.review-empty{padding:42px 20px}.review-list article{padding:14px}.review-list i:nth-of-type(n+2){display:none}.review-question-card{padding:18px}.review-question-card p{font-size:17px}}@media(max-width:768px){.p1-screen{height:100dvh;min-height:100dvh;overflow:hidden}.p1-header{height:56px;padding:0 10px;gap:6px}.p1-header-left{min-width:0;gap:4px}.p1-back-btn{padding:7px 9px}.p1-breadcrumb{display:none}.p1-header-right{min-width:0;margin-left:auto;gap:4px}.p1-mode-pill,.p1-q-counter,.p1-lang-pill{min-width:0;padding:5px 8px;font-size:11px;white-space:nowrap}.p1-body,.p5-exam-layout{display:block;min-height:0;overflow-x:hidden;overflow-y:auto}.p1-left{min-height:auto;padding:16px;overflow:visible;border-right:0;border-bottom:1px solid var(--border)}.p1-left-with-actions{overflow:visible}.p1-left-scroll{overflow:visible;padding:16px}.p1-left-actions{height:auto;min-height:56px}.p1-right{min-height:auto;overflow:visible}.p1-scroll{min-height:auto;overflow:visible;padding:20px 16px}.p1-actions{position:sticky;z-index:8;bottom:0;width:100%;padding:10px 12px max(10px,env(safe-area-inset-bottom));box-shadow:0 -6px 20px #16323f14}.p1-actions .p1-nav-btn{width:40px;height:42px}.p1-actions .p1-cta-btn{min-width:0;height:42px;padding-inline:10px;font-size:12px}.p5-exam-options .p1-options{grid-template-columns:1fr}.test-overview{transform:none}.test-overview-mobile-head{display:flex;align-items:flex-start}.part-grid-new{grid-template-columns:minmax(0,1fr)}.part-card-new{min-width:0;padding:16px}.ai-tutor-shell{height:calc(100dvh - 56px - var(--mobile-nav-height))!important;min-height:0}.ai-tutor-shell-header{height:58px!important;padding:0 14px!important;gap:9px!important}.ai-tutor-shell-title{min-width:0;flex:1}.ai-tutor-shell-title strong{display:block}.ai-tutor-shell-title p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-tutor-shell-header>button{width:38px;height:38px;flex:0 0 38px;justify-content:center;padding:0!important}.ai-tutor-shell-header>button>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ai-tutor-shell-body{padding:18px 16px!important}.ai-tutor-empty{padding:12px 0 20px!important}.ai-tutor-empty h2{font-size:20px!important}.ai-tutor-shell-composer{padding:10px 12px!important}}@media(max-width:350px){.ai-tutor-suggestion-grid{grid-template-columns:1fr!important}.ai-tutor-empty>p{font-size:13.5px!important}}@media(min-width:1800px){:root{--sidebar-width: 256px;--content-max: 1240px;--content-padding: 32px}.dashboard-page{max-width:1040px}.toeic-library{max-width:1080px}.speaking-library,.grammar-library{max-width:920px}.social-page{max-width:900px}.store-page{max-width:880px}.progress-dashboard{max-width:860px!important}.vocab-library{max-width:760px}.test-overview{max-width:900px}}@media(min-width:1440px){.app-frame:not(.is-session) .content>.page-transition{width:100%;max-width:none}.dictation-library,.speaking-pick-page{width:min(100%,1400px);max-width:1400px;margin-inline:auto}.toeic-library:not(.dictation-library){width:min(100%,1400px);max-width:1400px}.toeic-library:not(.dictation-library) .toeic-test-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.dashboard-page,.speaking-library,.grammar-library,.vocab-library,.social-page,.store-page,.progress-dashboard,.vocab-roadmap-page,.review-hub-page,.review-session-page,.ai-tutor-page-new{width:min(100%,1400px);max-width:1400px!important}.test-overview{width:min(100%,1200px);max-width:1200px}.mode-chooser-container{width:min(100%,1000px);max-width:1000px}.ai-tutor-shell-body{width:min(100%,1100px)!important;max-width:1100px!important}.part-grid-new{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.dictation-overview{max-width:1200px}}@media(max-width:1439px){.toeic-library:not(.dictation-library),.dictation-library,.speaking-pick-page{width:100%;max-width:1080px;margin-inline:auto}}@media(max-width:768px){.toeic-library:not(.dictation-library) .toeic-test-grid,.dictation-library .toeic-test-grid,.speaking-pick-page .speaking-test-grid{grid-template-columns:1fr;gap:12px}}.toeic-library:not(.dictation-library),.dictation-library,.speaking-pick-page{margin-top:0}.toeic-library-toolbar,.speaking-pick-toolbar{margin-bottom:18px}.toeic-library:not(.dictation-library) .toeic-test-grid,.dictation-library .toeic-test-grid,.speaking-pick-page .speaking-test-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.toeic-test-card,.speaking-test-card{min-height:128px;padding:20px;border-radius:16px}.toeic-test-tags,.speaking-test-tags{min-height:24px;margin-bottom:12px}.dictation-library .toeic-test-card,.speaking-test-card{border-color:var(--border-light)}.catalog-test-card{position:relative;min-height:136px!important;display:flex!important;flex-direction:column;justify-content:flex-start;gap:0;padding:18px!important;border:1px solid color-mix(in srgb,var(--border) 82%,transparent)!important;border-radius:14px!important;background:var(--surface)!important;color:var(--text);text-align:left;text-decoration:none;box-shadow:0 1px 2px #16323f09;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;overflow:hidden}.catalog-test-card:hover{border-color:color-mix(in srgb,var(--primary) 42%,var(--border))!important;box-shadow:0 8px 22px #16323f13!important;color:var(--text);text-decoration:none;transform:translateY(-2px)}.catalog-test-card.is-sealed{border-color:color-mix(in srgb,var(--primary) 26%,var(--border))!important;box-shadow:0 1px 2px #16323f0a}.catalog-test-card.is-opened{background:var(--surface)!important}.catalog-test-card:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.catalog-test-tags{min-height:26px!important;display:flex;align-items:center;gap:6px!important;flex-wrap:wrap;margin:0 0 13px!important}.catalog-test-tags>*{min-height:26px!important;display:inline-flex!important;align-items:center;padding:4px 9px!important;border:1px solid var(--border-light)!important;border-radius:999px!important;background:color-mix(in srgb,var(--surface-2) 78%,var(--surface))!important;color:var(--text-muted)!important;font-size:11.5px!important;font-style:normal!important;font-weight:650!important;line-height:1!important}.catalog-test-tags .solved-chip{border-color:transparent!important;background:color-mix(in srgb,var(--primary-light) 72%,var(--surface))!important;color:var(--primary-text)!important}.catalog-test-title{display:block;margin:0!important;color:var(--text)!important;font-size:15px!important;font-weight:700!important;line-height:1.4}.catalog-test-meta{display:block;margin-top:5px!important;color:var(--text-muted)!important;font-size:12.5px!important;line-height:1.45}.catalog-test-seal{position:absolute;inset:0;z-index:2;display:block;overflow:hidden;border-radius:inherit;pointer-events:none;-webkit-backdrop-filter:blur(1px) saturate(.94);backdrop-filter:blur(1px) saturate(.94);background:linear-gradient(118deg,transparent 30%,rgba(255,255,255,.38) 44%,transparent 58%),linear-gradient(150deg,#ecf8f594,#fff6);transform-origin:100% 0;will-change:transform,opacity}.catalog-test-seal:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffffb3,inset 0 0 20px #0e938412}.catalog-test-seal-sheen{position:absolute;top:-60%;bottom:-60%;left:0;width:46px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);transform:rotate(18deg) translate(-80px);opacity:0}.catalog-test-card.is-sealed:hover .catalog-test-seal-sheen{opacity:1;animation:catalogSealSheen .82s ease-out}.catalog-test-seal-ribbon{position:absolute;top:13px;right:-32px;width:118px;padding:3px 0;background:var(--gradient-primary);color:#fff;font-size:9px;font-weight:800;letter-spacing:.1em;text-align:center;box-shadow:0 2px 6px #0e625842;transform:rotate(45deg)}.catalog-test-seal-hint{position:absolute;left:18px;bottom:14px;display:inline-flex;align-items:center;gap:5px;padding:3px 9px 3px 7px;border-radius:999px;background:#fffc;box-shadow:0 1px 3px #16323f1a;color:var(--primary-text);font-size:10.5px;font-weight:700}.catalog-test-card.is-sealed{cursor:pointer}.catalog-test-card.is-peeling{animation:catalogCardRelease .42s cubic-bezier(.2,.72,.2,1) both}.catalog-test-seal.is-peeling{animation:catalogSealPeel .42s cubic-bezier(.34,.6,.3,1) forwards}@keyframes catalogSealSheen{0%{transform:rotate(18deg) translate(-80px)}to{transform:rotate(18deg) translate(420px)}}@keyframes catalogSealPeel{0%{opacity:1;transform:perspective(760px) rotate3d(1,-1,0,0)}60%{opacity:.92}to{opacity:0;transform:perspective(760px) rotate3d(1,-1,0,82deg) translate(5%,-3%)}}@keyframes catalogCardRelease{0%,55%{transform:translateY(-1px) scale(.998)}78%{transform:translateY(-1px) scale(1.006)}to{transform:translateY(-2px) scale(1)}}@media(prefers-reduced-motion:reduce){.catalog-test-card.is-sealed:hover .catalog-test-seal-sheen{animation:none}.catalog-test-card.is-peeling,.catalog-test-seal.is-peeling{animation-duration:1ms}}.dictation-overview .part-grid-new,.test-overview .part-grid-new,.speaking-grid-new{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.activity-choice-card{position:relative;width:100%;min-height:116px;padding:16px 58px 16px 16px;overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:14px;background:var(--surface);color:var(--text);font:inherit;text-align:left;box-shadow:0 1px 2px #16323f09;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.activity-choice-card:hover{border-color:color-mix(in srgb,var(--primary) 42%,var(--border));background:var(--surface);box-shadow:0 8px 22px #16323f13;transform:translateY(-2px)}.activity-choice-card:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.activity-choice-card:disabled{opacity:.48;cursor:not-allowed;transform:none}.activity-card-action{position:absolute;top:50%;right:15px;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border-light);border-radius:10px;background:var(--surface-2);color:var(--text-muted);transform:translateY(-50%);transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}.activity-choice-card:hover .activity-card-action{border-color:var(--primary);background:var(--primary);color:#fff;transform:translate(2px,-50%)}.part-card-new.dictation-activity-card{min-height:116px;display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:1fr;align-items:center;gap:14px;padding:16px 58px 16px 16px;border-radius:14px;background:var(--surface);box-shadow:0 1px 2px #16323f09}.part-card-new.dictation-activity-card.part-select-card{grid-template-columns:76px minmax(0,1fr) 24px;padding:16px}.part-card-new.dictation-activity-card:hover{border-color:color-mix(in srgb,var(--primary) 42%,var(--border));box-shadow:0 8px 22px #16323f13;transform:translateY(-2px)}.dictation-activity-card .dictation-part-visual{grid-column:auto;width:76px;height:76px;border-radius:11px;background:linear-gradient(135deg,#e7f8f4,#eef4ff)}.dictation-activity-card .dictation-part-visual .part-card-new-icon{top:7px;left:7px;width:27px;height:27px;border-radius:8px;font-size:10px;box-shadow:0 2px 6px #16323f12}.part-card-new.dictation-activity-card .part-card-new-info{align-self:center}.part-card-new.dictation-activity-card .part-card-new-info h4,.speaking-card.activity-choice-card .speaking-card-preview{font-size:14.5px;line-height:1.4}.part-card-new.dictation-activity-card .part-card-new-info p,.speaking-card.activity-choice-card .speaking-card-meta{margin-top:5px;color:var(--text-muted);font-size:12.5px}.speaking-card.activity-choice-card{min-height:116px;gap:6px;padding:16px 58px 16px 16px;border-radius:14px;box-shadow:0 1px 2px #16323f09}.speaking-card.activity-choice-card .speaking-card-tag{padding:4px 9px;border:1px solid var(--border-light);background:var(--surface-2);color:var(--text-muted);font-size:11px}@media(max-width:680px){.dictation-overview .part-grid-new,.test-overview .part-grid-new,.speaking-grid-new{grid-template-columns:1fr}.part-card-new.dictation-activity-card,.speaking-card.activity-choice-card{min-height:106px}.dictation-activity-card .dictation-part-visual{width:68px;height:68px}.part-card-new.dictation-activity-card{grid-template-columns:68px minmax(0,1fr)}.part-card-new.dictation-activity-card.part-select-card{grid-template-columns:68px minmax(0,1fr) 24px}}@media(max-width:1180px){.toeic-library:not(.dictation-library) .toeic-test-grid,.dictation-library .toeic-test-grid,.speaking-pick-page .speaking-test-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.toeic-library:not(.dictation-library) .toeic-test-grid,.dictation-library .toeic-test-grid,.speaking-pick-page .speaking-test-grid{grid-template-columns:1fr;gap:12px}.toeic-test-card,.speaking-test-card{min-height:0;padding:18px}.catalog-test-card{min-height:0!important}}.toeic-library-toolbar,.speaking-pick-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-height:40px;margin-bottom:20px}.toeic-library-toolbar .hub-chips,.speaking-year-tabs{display:inline-flex;align-items:center;gap:2px;min-height:40px;max-width:100%;padding:4px;overflow-x:auto;border-radius:999px;background:var(--surface-3);scrollbar-width:none}.toeic-library-toolbar .hub-chips::-webkit-scrollbar,.speaking-year-tabs::-webkit-scrollbar{display:none}.toeic-library-toolbar .chip,.speaking-year-tabs button{min-height:32px;flex:0 0 auto;padding:6px 16px;border:0;border-radius:999px;background:transparent;color:var(--text-muted);font-size:14px;font-weight:600;line-height:20px;box-shadow:none}.toeic-library-toolbar .chip.active,.speaking-year-tabs button.active{color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm)}.toeic-library-search,.speaking-pick-search{width:min(280px,100%);height:38px;min-height:38px;display:flex;align-items:center;gap:8px;padding:0 14px;border:1.5px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted)}.toeic-library-search input,.speaking-pick-search input{width:100%;min-width:0;min-height:0;flex:1;padding:0;border:0;outline:0;background:transparent;color:var(--text);font-size:13px}.toeic-library-count,.speaking-pick-count{margin-left:auto;align-self:center;color:var(--text-muted);font-size:13px;white-space:nowrap}@media(max-width:768px){.toeic-library-toolbar,.speaking-pick-toolbar{align-items:stretch;min-height:0}.toeic-library-toolbar .hub-chips,.speaking-year-tabs{width:100%}.toeic-library-search,.speaking-pick-search{order:3;width:100%;max-width:none}.toeic-library-count,.speaking-pick-count{margin-left:auto;align-self:center}}.streak-journey{position:relative;margin-bottom:24px;padding:20px 22px 18px;border:1px solid var(--border-light);border-radius:20px;overflow:hidden;background:radial-gradient(120% 80% at 12% 0%,rgba(34,197,94,.1),transparent 60%),radial-gradient(90% 70% at 92% 8%,rgba(246,184,63,.12),transparent 62%),linear-gradient(180deg,#f2fbf8,#fff 78%);box-shadow:var(--shadow-xs)}.streak-journey-head{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.streak-journey-title{display:flex;align-items:center;gap:12px;min-width:0}.streak-journey-flame{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:linear-gradient(140deg,#f6b83f,#f0863f);color:#fff;box-shadow:0 6px 14px #e08c2d47}.streak-journey-title strong{display:block;color:var(--text);font-size:22px;font-weight:800;letter-spacing:-.015em;line-height:1.15}.streak-journey-title strong small{color:var(--text-muted);font-size:13px;font-weight:600}.streak-journey-title p{margin:2px 0 0;color:var(--text-muted);font-size:13px}.streak-journey-side{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.streak-journey-stat{display:inline-flex;align-items:baseline;gap:5px;padding-right:14px;margin-right:2px;border-right:1px solid var(--border-light)}.streak-journey-stat strong{color:var(--text);font-size:16px;font-weight:800;letter-spacing:-.01em}.streak-journey-stat small{color:var(--text-muted);font-size:12px}.streak-journey-lap,.streak-journey-record{display:inline-flex;align-items:center;padding:4px 11px;border-radius:999px;font-size:11.5px;font-weight:700}.streak-journey-lap{background:var(--primary-light);color:var(--primary-text)}.streak-journey-record{background:#f6b83f29;color:#8a5a00}.streak-journey-track{position:relative;z-index:1;height:150px;margin-top:6px}.streak-journey-road{position:absolute;inset:0;width:100%;height:150px}.streak-road-base{fill:none;stroke:#dceee8;stroke-width:9;stroke-linecap:round}.streak-road-walked{fill:none;stroke:var(--primary);stroke-width:9;stroke-linecap:round;stroke-dasharray:1 14;opacity:.55}.streak-stop{position:absolute;transform:translate(-50%,-50%)}.streak-stop-dot{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font-size:13px;font-weight:700;transition:transform .16s ease}.streak-stop.is-locked .streak-stop-dot{border:2px dashed #cfe6df;background:#fff;color:var(--text-muted)}.streak-stop.is-done .streak-stop-dot{border:2px solid transparent;background:var(--gradient-primary);color:#fff;box-shadow:0 5px 12px #0e625838}.streak-stop.is-milestone .streak-stop-dot{width:46px;height:46px}.streak-stop.is-milestone.is-locked .streak-stop-dot{border-color:#f4dca6;background:#fffaf0;color:#c8871a}.streak-stop.is-milestone.is-done .streak-stop-dot{background:linear-gradient(140deg,#f6b83f,#e0972a);box-shadow:0 6px 16px #e0972a57}.streak-stop.is-target .streak-stop-dot{border-color:var(--primary);color:var(--primary-text);animation:streakTargetPulse 1.8s ease-in-out infinite}@keyframes streakTargetPulse{0%,to{box-shadow:0 0 #0e938457}70%{box-shadow:0 0 0 10px #0e938400}}.streak-hiker{position:absolute;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid #fff;background:linear-gradient(140deg,#f6b83f,#f0863f);color:#fff;box-shadow:0 5px 12px #e08c2d57;transform:translate(-50%,-36px);transition:left .8s cubic-bezier(.34,1.56,.64,1),top .8s cubic-bezier(.34,1.56,.64,1);animation:streakHikerHop 1.6s ease-in-out infinite}.streak-hiker:after{content:"";position:absolute;top:calc(100% - 1px);left:50%;width:7px;height:7px;background:#f0863f;transform:translate(-50%) rotate(45deg);border-radius:1px}.streak-hiker.is-cheering{animation-duration:1s}@keyframes streakHikerHop{0%,to{transform:translate(-50%,-36px) translateY(0)}50%{transform:translate(-50%,-36px) translateY(-5px)}}.streak-cloud{position:absolute;border-radius:999px;background:#ffffffd9;box-shadow:0 2px 10px #16323f0d;pointer-events:none}.streak-cloud:before,.streak-cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.streak-cloud-a{top:8px;left:16%;width:54px;height:15px}.streak-cloud-a:before{width:22px;height:22px;top:-10px;left:9px}.streak-cloud-a:after{width:15px;height:15px;top:-6px;left:30px}.streak-cloud-b{top:18px;right:12%;width:40px;height:12px}.streak-cloud-b:before{width:17px;height:17px;top:-8px;left:7px}.streak-cloud-b:after{width:12px;height:12px;top:-4px;left:22px}.streak-journey-foot{position:relative;z-index:1;display:flex;align-items:center;gap:10px}.streak-journey-cta{display:inline-flex;align-items:center;gap:6px;margin-top:2px;padding:9px 18px;border:0;border-radius:12px;background:var(--primary);color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 5px 14px #0e938442;transition:background .15s ease,transform .15s ease}.streak-journey-cta:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.streak-journey-cta:active:not(:disabled){transform:scale(.98)}.streak-journey-cta:disabled{opacity:.65;cursor:default}.streak-journey-error{color:var(--danger-text);font-size:12.5px}@media(max-width:720px){.streak-journey{padding:16px 14px 14px}.streak-journey-track,.streak-journey-road{height:132px}.streak-stop-dot{width:32px;height:32px;font-size:12px}.streak-stop.is-milestone .streak-stop-dot{width:38px;height:38px}.streak-cloud{display:none}}@media(prefers-reduced-motion:reduce){.streak-hiker,.streak-stop.is-target .streak-stop-dot{animation:none}}:root[data-tooich-shop-theme=night] .streak-journey{background:radial-gradient(120% 80% at 12% 0%,rgba(34,197,94,.12),transparent 60%),radial-gradient(90% 70% at 92% 8%,rgba(246,184,63,.12),transparent 62%),linear-gradient(180deg,var(--surface) 0%,var(--bg-subtle) 100%);border-color:var(--border);box-shadow:var(--shadow-sm)}:root[data-tooich-shop-theme=night] .streak-journey-flame{box-shadow:0 6px 14px #f6b83f33}:root[data-tooich-shop-theme=night] .streak-journey-stat{border-right-color:var(--border-light)}:root[data-tooich-shop-theme=night] .streak-journey-record{background:#f6b83f2e;color:var(--warning-text)}:root[data-tooich-shop-theme=night] .streak-journey-lap{background:var(--primary-light);color:var(--primary-text)}:root[data-tooich-shop-theme=night] .streak-road-base{stroke:#caebe629}:root[data-tooich-shop-theme=night] .streak-stop.is-locked .streak-stop-dot{border-color:#caebe638;background:var(--surface-2);color:var(--text-muted)}:root[data-tooich-shop-theme=night] .streak-stop.is-milestone.is-locked .streak-stop-dot{border-color:#f6b83f59;background:#f6b83f1f;color:#f6b83f}:root[data-tooich-shop-theme=night] .streak-hiker{border-color:var(--surface)}:root[data-tooich-shop-theme=night] .streak-cloud{background:#ffffff12;box-shadow:none}.badge-icon{position:relative;display:inline-grid;place-items:center;flex:0 0 auto}.badge-icon svg{display:block}.badge-icon-glyph{position:absolute;inset:0;display:grid;place-items:center}.badge-icon.is-locked{opacity:.85}.badge-showcase{display:flex;flex-direction:column;gap:16px}.badge-empty{margin:0;padding:14px 2px;color:var(--text-muted);font-size:13.5px}.badge-earned-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}.badge-earned{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.badge-earned small{color:var(--text-secondary);font-size:11px;font-weight:600;line-height:1.3}.badge-next-list{display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px solid var(--border-light)}.badge-next{display:flex;align-items:center;gap:10px}.badge-next-copy{flex:1;min-width:0}.badge-next-copy strong{display:block;color:var(--text);font-size:12.5px;font-weight:700}.badge-next-copy small{color:var(--text-muted);font-size:11px}.badge-next-bar{display:block;height:4px;margin-top:4px;border-radius:999px;background:var(--surface-3);overflow:hidden}.badge-next-bar i{display:block;height:100%;border-radius:999px;background:var(--primary)}.badge-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 3px;border-radius:999px;background:var(--surface-3);color:var(--text-secondary);font-size:10.5px;font-weight:700;white-space:nowrap;vertical-align:middle}.badge-chip .badge-icon{margin-right:1px}.app-frame.is-immersive,.immersive-app-main,.immersive-content,.immersive-content>.page-transition{width:100%;height:100dvh;min-height:0;max-width:none;overflow:hidden}.app-frame.is-immersive{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-height:0;max-height:100dvh}.app-frame.is-immersive .immersive-app-main{grid-column:1 / -1;min-height:0;padding-bottom:0}.app-frame.is-immersive .immersive-content,.app-frame.is-immersive .immersive-content>.page-transition{width:100%;max-width:none;padding:0;margin:0}.immersive-content{padding:0;margin:0}.gi-demo{--gi-ink: #173449;--gi-muted: #607c86;--gi-teal: #0da99a;--gi-deep: #087c78;--gi-coral: #f36f64;--gi-gold: #f6bd52;--gi-violet: #7165df;--gi-ok: #20ad75;--gi-line: rgba(24, 83, 89, .13);position:relative;display:grid;grid-template-rows:60px minmax(0,1fr);gap:10px;width:100%;height:100dvh;padding:10px;overflow:hidden;color:var(--gi-ink);background:radial-gradient(circle at 8% 4%,rgba(111,224,203,.3),transparent 28%),radial-gradient(circle at 94% 0%,rgba(139,127,238,.24),transparent 31%),#edf7f5;font-family:Inter,ui-rounded,SF Pro Rounded,system-ui,sans-serif}.gi-demo button{font:inherit}.gi-pilot-load-state{display:grid;place-items:center;width:100%;min-height:100dvh;padding:24px;color:#087c78;background:#edf7f5;font-weight:800;text-align:center}.gi-pilot-load-state.is-error{color:#a13c35}.gi-cue-debug{position:fixed;z-index:80;bottom:14px;left:14px;width:min(340px,calc(100vw - 28px));padding:10px;border:1px solid rgba(102,243,219,.35);border-radius:13px;color:#dffbf5;background:#091f26eb;box-shadow:0 14px 40px #02141b52;font-size:10px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.gi-cue-debug header,.gi-cue-debug dl div,.gi-cue-debug>label{display:flex;align-items:center;justify-content:space-between;gap:10px}.gi-cue-debug header{margin-bottom:7px}.gi-cue-debug header strong{color:#72e6d1;letter-spacing:.14em}.gi-cue-debug header span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gi-cue-debug dl{display:grid;gap:3px;margin:0 0 8px}.gi-cue-debug dl div{min-width:0}.gi-cue-debug dt{color:#91afa9}.gi-cue-debug dd{overflow:hidden;margin:0;font-family:ui-monospace,monospace;text-overflow:ellipsis;white-space:nowrap}.gi-cue-debug-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.gi-cue-debug button{min-height:27px;border:1px solid rgba(128,222,206,.22);border-radius:7px;color:#eafffa;background:#5dc4b21f;cursor:pointer}.gi-cue-debug>label{justify-content:flex-start;margin-top:8px;color:#b9d5cf}.gi-controlbar{position:relative;z-index:40;display:grid;grid-template-columns:40px minmax(170px,.7fr) minmax(250px,1.15fr) 46px auto 46px 40px 40px;align-items:center;gap:9px;min-width:0;padding:7px 10px;border:1px solid rgba(255,255,255,.86);border-radius:18px;background:#ffffffd1;box-shadow:0 12px 34px #1f4a531c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.gi-icon-button,.gi-text-button,.gi-play-button{display:inline-grid;place-items:center;height:38px;min-width:38px;border:0;border-radius:12px;color:var(--gi-ink);background:transparent;cursor:pointer;transition:transform .18s ease,color .18s ease,background .18s ease}.gi-icon-button:hover,.gi-text-button:hover{color:var(--gi-deep);background:#0da99a1a}.gi-icon-button:active,.gi-text-button:active,.gi-play-button:active{transform:scale(.94)}.gi-icon-button.is-active{color:var(--gi-deep);background:#0da99a21}.gi-exit{border:1px solid var(--gi-line);background:#ffffffa3}.gi-title-lockup{display:grid;min-width:0;line-height:1.08}.gi-title-lockup span,.gi-progress-copy span{color:var(--gi-deep);font-size:9px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.gi-title-lockup strong{overflow:hidden;margin-top:4px;font-size:13px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.gi-progress-block{display:grid;grid-template-columns:minmax(0,auto) minmax(100px,1fr);align-items:center;gap:12px;min-width:0}.gi-progress-copy{display:grid;min-width:0;line-height:1.08}.gi-progress-copy b{overflow:hidden;margin-top:4px;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.gi-progress-track{position:relative;height:5px;overflow:hidden;border-radius:999px;background:#dcebea}.gi-progress-track input{position:absolute;inset:-10px 0;width:100%;margin:0;opacity:0;cursor:pointer}.gi-progress-track input:disabled{cursor:default}.gi-progress-track i{position:absolute;inset:0 auto 0 0;width:var(--progress);border-radius:inherit;background:linear-gradient(90deg,var(--gi-teal),#5c77e7);transition:width .18s linear}.gi-play-button{width:44px;height:44px;border-radius:50%;color:#fff;background:linear-gradient(145deg,#14b6a5,#078b84);box-shadow:0 8px 18px #088b844d}.gi-play-button:disabled{cursor:default;opacity:.52}.gi-loading-icon{display:inline-flex;animation:giLoadingSpin .9s linear infinite}.gi-time{display:flex;align-items:center;justify-content:center;gap:5px;min-width:86px;color:var(--gi-muted);font-size:11px;font-variant-numeric:tabular-nums}.gi-time i{opacity:.45;font-style:normal}.gi-text-button{color:var(--gi-deep);font-size:12px;font-weight:850}.gi-cc{font-size:10px;font-weight:950;letter-spacing:.04em}.gi-stage{position:relative;min-width:0;min-height:0;overflow:hidden;isolation:isolate;border:1px solid rgba(255,255,255,.84);border-radius:28px;background:linear-gradient(135deg,#ffffffeb,#edfaf7de 52%,#ebedffe8),#edf8f5;box-shadow:0 24px 70px #1a444f24}.gi-stage:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.36;background-image:linear-gradient(rgba(40,112,112,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(40,112,112,.075) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 72%);mask-image:linear-gradient(to bottom,black,transparent 72%)}.gi-ambient{position:absolute;z-index:-1;border-radius:999px;filter:blur(4px);opacity:.48}.gi-ambient-one{top:-22%;left:-8%;width:36vw;height:36vw;background:#58d9be5c}.gi-ambient-two{right:-8%;bottom:-30%;width:38vw;height:38vw;background:#7769e13d}.gi-stage-id{position:absolute;z-index:14;top:18px;right:22px;display:flex;align-items:center;gap:8px;color:#18475094;font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.gi-stage-id i{width:7px;height:7px;border-radius:50%;background:#35c6a7;box-shadow:0 0 0 5px #35c6a721}.gi-preview-badge{position:absolute;z-index:15;top:18px;left:22px;padding:6px 9px;border:1px solid rgba(113,101,223,.22);border-radius:999px;color:#5d53bd;background:#f4f2ffd6;font-size:8px;font-weight:950;letter-spacing:.12em}.gi-scene{position:absolute;inset:0;z-index:3;overflow:hidden}.gi-kicker{color:var(--gi-deep);font-size:clamp(9px,.8vw,12px);font-weight:950;letter-spacing:.18em;text-transform:uppercase}.gi-scene h1{max-width:760px;margin:10px 0 0;color:var(--gi-ink);font-size:clamp(34px,4.7vw,70px);font-weight:900;line-height:.97;letter-spacing:-.055em}.gi-scene h1 em{color:var(--gi-deep);font-style:normal}.gi-scene-heading{position:absolute;top:12%;left:23%;z-index:3}.gi-lab-doors{position:absolute;inset:0;z-index:20;display:flex;pointer-events:none}.gi-lab-doors span{width:50%;border-color:#befff1bf;background:linear-gradient(90deg,transparent 48%,rgba(255,255,255,.12) 50%,transparent 52%),repeating-linear-gradient(90deg,#1e6670 0 22px,#287883 22px 44px);box-shadow:inset -8px 0 20px #072d352e;transition:transform .8s cubic-bezier(.76,0,.22,1)}.gi-lab-doors span:first-child{border-right:3px solid}.gi-lab-doors span:last-child{border-left:3px solid}.gi-lab-doors.is-open span:first-child{transform:translate(-102%)}.gi-lab-doors.is-open span:last-child{transform:translate(102%)}.gi-object-line{position:absolute;z-index:5;left:24%;right:7%;top:43%;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(8px,2vw,26px);align-items:end}.gi-object{display:grid;justify-items:center;opacity:0;transform:translateY(34px) scale(.78);transition:opacity .35s ease,transform .5s cubic-bezier(.2,.8,.2,1)}.gi-object.is-visible{opacity:1;transform:none}.gi-object-icon{display:grid;place-items:center;width:clamp(62px,7vw,94px);aspect-ratio:1;border:1px solid rgba(255,255,255,.9);border-radius:28%;color:var(--gi-deep);background:#ffffffbf;box-shadow:0 16px 30px #214c521f}.gi-object strong{margin-top:10px;font-size:clamp(16px,1.6vw,24px)}.gi-object small{margin-top:2px;color:var(--gi-muted);font-size:10px}.gi-conveyor{position:absolute;z-index:2;left:21%;right:5%;top:69%;display:flex;justify-content:space-around;height:72px;padding:14px 22px;border:7px solid #356776;border-radius:22px;background:#22495f;box-shadow:inset 0 0 0 2px #cff7ef73,0 18px 30px #193b462e}.gi-conveyor i{width:44px;border-radius:10px;background:linear-gradient(90deg,#97b8b7,#c7dcd7);animation:giConveyor 1.8s linear infinite}.gi-noun-stamp{position:absolute;z-index:8;top:26%;right:7%;display:grid;justify-items:center;padding:12px 22px;border:5px solid var(--gi-violet);border-radius:16px;color:var(--gi-violet);background:#ffffffd4;opacity:0;transform:rotate(-5deg) scale(1.5)}.gi-noun-stamp.is-visible{opacity:1;animation:giStamp .55s cubic-bezier(.2,.9,.25,1) both}.gi-noun-stamp small{font-size:8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.gi-noun-stamp strong{font-size:clamp(30px,4vw,58px);line-height:.95}.gi-noun-stamp span{font-size:11px;font-weight:800}.gi-count-copy,.gi-quantity-copy,.gi-checker-copy{position:absolute;z-index:5;top:13%;left:24%;width:39%}.gi-count-copy p{margin:15px 0 0;color:var(--gi-muted);font-weight:800;letter-spacing:.18em}.gi-count-machine{position:absolute;z-index:4;top:19%;right:6%;display:grid;place-items:center;width:min(38vw,540px);height:55%;border:clamp(7px,.8vw,11px) solid #9ce5d9;border-radius:44px;background:linear-gradient(145deg,#246b73,#173f55);box-shadow:inset 0 -22px #051f2c33,0 28px 48px #1a37443b;transition:border-color .25s ease}.gi-count-machine.is-approved{border-color:#68d6a2}.gi-machine-head{position:absolute;top:-14%;display:flex;align-items:center;justify-content:space-between;width:52%;height:22%;padding:0 18px;border:5px solid #9ce5d9;border-radius:18px;color:#d9fff9;background:#235266;font-size:11px;letter-spacing:.16em}.gi-machine-head span{width:8px;height:8px;border-radius:50%;background:var(--gi-coral)}.gi-machine-head span:last-child{background:var(--gi-gold)}.gi-machine-screen{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;align-items:center;gap:0 18px;width:76%;min-height:48%;padding:18px 24px;border:2px solid rgba(196,255,244,.42);border-radius:26px;color:#fff;background:#0624338f;box-shadow:inset 0 7px 22px #02131c61}.gi-machine-screen>strong{grid-row:1 / 3;color:#cafff3;font-size:clamp(58px,8vw,112px);line-height:.8}.gi-machine-screen>span:last-child{font-size:clamp(16px,2vw,28px);font-weight:900}.gi-machine-ready{grid-column:1 / 3;place-self:center;color:#9feadd;font-size:clamp(22px,3vw,42px);font-weight:950;letter-spacing:.18em}.gi-count-tokens{display:flex;flex-wrap:wrap;gap:7px}.gi-count-tokens i{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:var(--gi-deep);background:#f2fffb;animation:giPop .42s both}.gi-machine-slot{position:absolute;bottom:7%;width:58%;height:10px;border-radius:99px;background:#0b2b3a}.gi-machine-slot i{display:block;width:38%;height:100%;border-radius:inherit;background:#5fe0c5;animation:giScanner 1.6s ease-in-out infinite alternate}.gi-approved-stamp{position:absolute;z-index:9;right:24%;bottom:16%;display:flex;align-items:center;gap:8px;padding:12px 20px;border:6px solid var(--gi-ok);border-radius:14px;color:var(--gi-ok);background:#f5fffaf0;font-size:clamp(18px,2.4vw,34px);font-weight:950;opacity:0;transform:rotate(-6deg) scale(1.5)}.gi-approved-stamp.is-visible{opacity:1;animation:giStamp .55s both}.gi-singular-plural{position:absolute;left:25%;bottom:17%;display:flex;align-items:center;gap:12px;color:var(--gi-muted);font-size:12px;font-weight:800}.gi-singular-plural i{width:34px;height:1px;background:var(--gi-teal)}.gi-quantity-copy{width:42%}.gi-materials{position:absolute;top:38%;left:24%;display:grid;grid-template-columns:repeat(3,minmax(120px,170px));gap:15px}.gi-material{display:grid;justify-items:center;padding:22px 12px 16px;border:1px solid rgba(255,255,255,.9);border-radius:25px;color:var(--gi-deep);background:#ffffffa8;box-shadow:0 18px 35px #1f4c531a;opacity:0;transform:translateY(24px) scale(.9);transition:.42s cubic-bezier(.2,.8,.2,1)}.gi-material.is-visible{opacity:1;transform:none}.gi-material.is-air{color:#6579d4}.gi-material.is-money{color:#bd8123}.gi-material strong{margin-top:8px;color:currentColor;font-size:20px}.gi-material small{margin-top:3px;color:var(--gi-muted);font-size:9px}.gi-water-test{position:absolute;z-index:7;top:33%;right:7%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:min(32vw,460px);padding:34px 28px 22px;border:6px solid #87d8cd;border-radius:34px;background:linear-gradient(145deg,#235f6b,#153d51);box-shadow:0 24px 44px #1a38453d;opacity:0;transform:translate(30px)}.gi-water-test.is-visible{opacity:1;transform:none;transition:.38s ease}.gi-water-test.is-failed{border-color:#ff9c93;animation:giShake .35s 2}.gi-water-test span{padding:12px;border-radius:14px;color:var(--gi-ink);background:#f7fffd;text-align:center;font-size:clamp(22px,3vw,42px);font-weight:950}.gi-water-test i{color:#a6e5dc;font-style:normal;font-size:28px}.gi-water-test b{grid-column:1 / 4;color:#c7fff4;text-align:center;font-size:12px}.gi-water-test.is-failed b{color:#ffb4ad}.gi-quantity-rule{position:absolute;z-index:10;top:28%;right:6%;display:grid;gap:10px;width:min(39vw,560px);opacity:0;transform:translateY(25px)}.gi-quantity-rule.is-visible{opacity:1;transform:none;transition:.42s ease}.gi-quantity-rule>div{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1px solid rgba(255,255,255,.88);border-radius:19px;color:var(--gi-deep);background:#ffffffc2;box-shadow:0 14px 30px #1c4a5117}.gi-quantity-rule>div span{color:var(--gi-ink);font-size:clamp(17px,2vw,26px)}.gi-quantity-rule>div b{color:var(--gi-violet)}.gi-quantity-rule p{display:flex;align-items:flex-start;gap:7px;margin:2px 4px 0;color:var(--gi-muted);font-size:11px;line-height:1.5}.gi-checker-copy{width:42%}.gi-phrase-check{position:absolute;z-index:5;top:29%;right:7%;display:grid;grid-template-columns:60px 1fr 54px;align-items:center;width:min(43vw,590px);min-height:210px;padding:30px;border:8px solid #a1e2d8;border-radius:38px;background:linear-gradient(145deg,#235f6b,#153d51);box-shadow:0 27px 48px #18384438;animation:giCheckIn .36s both}.gi-phrase-check strong{color:#fff;text-align:center;font-size:clamp(31px,4vw,58px);letter-spacing:-.04em}.gi-phrase-check p{grid-column:1 / 4;margin:18px 0 0;color:#c8efe9;text-align:center;font-size:12px;font-weight:700}.gi-checker-port,.gi-checker-status{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;color:#153e50;background:#ecfffa}.gi-phrase-check.is-ok{border-color:#78d8a9}.gi-phrase-check.is-ok .gi-checker-status{color:#fff;background:var(--gi-ok)}.gi-phrase-check.is-warn{border-color:#ffc86b}.gi-phrase-check.is-warn .gi-checker-status{color:#865900;background:#ffe8b9}.gi-phrase-check.is-bad{border-color:#ff9b93;animation:giShake .35s 2}.gi-phrase-check.is-bad .gi-checker-status{color:#fff;background:var(--gi-coral)}.gi-determiner-map{position:absolute;top:24%;right:6%;display:grid;grid-template-columns:repeat(2,minmax(190px,1fr));gap:11px;width:min(45vw,630px)}.gi-determiner-map>div{display:grid;min-height:130px;padding:18px;border:1px solid rgba(255,255,255,.9);border-radius:20px;background:#ffffffb8;box-shadow:0 15px 30px #1f4a5217}.gi-determiner-map b{color:var(--gi-violet);font-size:21px}.gi-determiner-map span{color:var(--gi-ink);font-size:12px;font-weight:750}.gi-determiner-map small{align-self:end;color:var(--gi-deep);font-size:11px}.gi-checker-track{position:absolute;left:23%;right:5%;bottom:17%;display:flex;gap:9px;height:16px;padding:3px;border-radius:99px;background:#315d6d}.gi-checker-track i{flex:1;border-radius:inherit;background:#a7cbc6}.gi-quiz-copy{position:absolute;top:10%;left:24%;width:72%;text-align:center}.gi-quiz-copy h1{max-width:none}.gi-quiz-copy p{margin:11px 0 0;color:var(--gi-muted);font-size:13px}.gi-quiz-counter{display:block;margin-top:6px;color:var(--gi-violet);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.gi-quiz-grid{position:absolute;z-index:5;top:38%;left:27%;right:9%;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.gi-quiz-grid button{display:grid;grid-template-columns:34px 1fr 24px;align-items:center;gap:10px;min-height:72px;padding:11px 16px;border:2px solid rgba(255,255,255,.92);border-radius:18px;color:var(--gi-ink);background:#ffffffc2;box-shadow:0 13px 28px #1d474f17;cursor:pointer;text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease}.gi-quiz-grid button:hover:not(:disabled){transform:translateY(-2px);border-color:#0da99a8c}.gi-quiz-grid button>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:var(--gi-deep);background:#0da99a1c;font-size:12px;font-weight:950}.gi-quiz-grid button b{font-size:clamp(17px,1.8vw,25px)}.gi-quiz-grid button.is-wrong{border-color:#ff998f;background:#fff0ed;animation:giShake .34s}.gi-quiz-grid button.is-correct{border-color:#48c88c;background:#e7faef;box-shadow:0 0 0 5px #20ad751a}.gi-quiz-grid button.is-correct>span{color:#fff;background:var(--gi-ok)}.gi-quiz-feedback{position:absolute;z-index:7;left:33%;right:15%;bottom:18%;color:#b3433b;font-size:12px;font-weight:800;text-align:center}.gi-confetti{position:absolute;inset:0;z-index:2;pointer-events:none;background-image:radial-gradient(circle,#ff766f 0 3px,transparent 4px),radial-gradient(circle,#7568df 0 3px,transparent 4px),radial-gradient(circle,#14b5a4 0 3px,transparent 4px);background-position:0 0,30px 20px,60px 5px;background-size:83px 71px,67px 89px,91px 61px;animation:giConfetti 1.4s both}.gi-recap-scene{display:grid;align-content:center;justify-items:center;padding:4% 10% 12% 22%;text-align:center}.gi-recap-scene h1{max-width:none;margin-bottom:30px}.gi-recap-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));align-items:stretch;justify-content:center;gap:12px;width:min(940px,92%)}.gi-recap-steps>div{display:grid;min-height:135px;padding:18px;border:1px solid rgba(255,255,255,.94);border-radius:22px;background:#ffffffb8;box-shadow:0 15px 30px #19465014;opacity:0;transform:translateY(16px);transition:opacity .35s ease,transform .35s ease}.gi-recap-steps>div.is-visible{opacity:1;transform:none}.gi-recap-steps span{color:var(--gi-teal);font-size:11px;font-weight:950;letter-spacing:.14em}.gi-recap-steps b{margin-top:10px;font-size:18px}.gi-recap-steps p{color:var(--gi-muted);font-size:12px}.gi-recap-steps>i{color:var(--gi-teal)}.gi-recap-example{display:flex;align-items:center;gap:8px;margin-top:20px;color:var(--gi-ok);font-size:20px}.gi-mascot-wrap{position:absolute;z-index:18;left:3.6%;bottom:68px;width:clamp(154px,18vw,250px);pointer-events:none}.gi-mascot-button{display:grid;justify-items:center;width:100%;padding:0;border:0;color:var(--gi-deep);background:transparent;cursor:pointer;pointer-events:auto}.gi-mascot{position:relative;top:auto;left:auto;z-index:auto;display:block;width:100%;height:auto;aspect-ratio:112 / 128;pointer-events:none;transform:none;will-change:auto;filter:drop-shadow(0 18px 15px rgba(23,60,70,.2))}.gi-mascot.pose-wave .tooich-mascot-right-arm{animation:giMascotWave .8s ease-in-out infinite alternate}.gi-mascot.pose-point .tooich-mascot-right-arm{transform:rotate(-32deg) translate(2px,-2px)}.gi-mascot.pose-shake-head .tooich-mascot-face-rig{animation:giMascotNo .55s ease-in-out infinite}.gi-mascot.pose-clap .tooich-mascot-left-arm{transform:rotate(-24deg) translate(5px,-1px)}.gi-mascot.pose-clap .tooich-mascot-right-arm{transform:rotate(24deg) translate(-5px,-1px)}.gi-mascot.pose-celebrate{animation:giMascotCelebrate .55s ease-in-out infinite alternate}.gi-ask-too{display:flex;align-items:center;gap:5px;margin-top:-4px;padding:6px 10px;border:1px solid rgba(255,255,255,.9);border-radius:999px;background:#ffffffbf;box-shadow:0 8px 18px #19444d1a;font-size:10px;font-weight:850}.gi-mascot-bubble{position:absolute;left:65%;bottom:72%;width:min(260px,22vw);padding:13px 15px;border:1px solid rgba(255,255,255,.94);border-radius:18px 18px 18px 5px;background:#ffffffe6;box-shadow:0 15px 32px #1a464f21;pointer-events:auto;animation:giBubble .25s both}.gi-mascot-bubble:after{content:"";position:absolute;left:12px;bottom:-8px;width:18px;height:18px;border-radius:0 0 0 4px;background:inherit;transform:rotate(45deg)}.gi-mascot-bubble-kicker{color:var(--gi-teal);font-size:8px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.gi-mascot-bubble p{position:relative;z-index:1;margin:5px 0 0;color:var(--gi-ink);font-size:11px;font-weight:700;line-height:1.45}.gi-subtitle{position:absolute;z-index:22;left:50%;bottom:15px;display:flex;align-items:center;gap:12px;width:min(760px,66%);min-height:42px;padding:9px 14px;border:1px solid rgba(255,255,255,.72);border-radius:14px;color:#fff;background:#14313ede;box-shadow:0 12px 28px #0e2a362e;transform:translate(-50%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.gi-subtitle span{flex:none;padding:4px 7px;border-radius:7px;color:#bdf8e9;background:#5bdabc21;font-size:8px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.gi-subtitle p{margin:0;font-size:clamp(11px,1vw,13px);font-weight:650;line-height:1.35}.gi-audio-error{position:absolute;z-index:24;left:50%;bottom:72px;display:flex;align-items:center;gap:7px;padding:9px 13px;border:0;border-radius:10px;color:#a13c35;background:#fff0ee;cursor:pointer;transform:translate(-50%)}.gi-playback-message{position:absolute;z-index:24;left:50%;bottom:72px;max-width:min(520px,72%);padding:8px 12px;border-radius:10px;color:#8a5d13;background:#fff6daf2;box-shadow:0 8px 20px #4e3a131a;font-size:11px;font-weight:750;text-align:center;transform:translate(-50%)}.gi-interaction-overlay{position:absolute;z-index:17;top:50%;left:50%;display:grid;gap:14px;width:min(650px,68%);padding:22px;border:1px solid rgba(255,255,255,.96);border-radius:24px;background:#fafffdf5;box-shadow:0 24px 70px #1238443d;transform:translate(-40%,-54%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.gi-interaction-heading{display:grid;gap:5px;text-align:center}.gi-interaction-heading span{color:var(--gi-violet);font-size:9px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.gi-interaction-heading strong{font-size:clamp(19px,2vw,28px)}.gi-interaction-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.gi-interaction-options button{min-height:54px;padding:10px 13px;border:2px solid rgba(13,169,154,.14);border-radius:14px;color:var(--gi-ink);background:#fff;cursor:pointer;font-size:13px;font-weight:800}.gi-interaction-options button:hover:not(:disabled){border-color:#0da99a8c}.gi-interaction-options button.is-wrong{border-color:#ff998f;background:#fff0ed}.gi-interaction-options button.is-correct{border-color:#48c88c;background:#e7faef}.gi-interaction-overlay>p{margin:0;color:var(--gi-deep);font-size:11px;font-weight:750;text-align:center}.gi-drawer{position:absolute;z-index:60;top:76px;right:12px;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;width:min(370px,calc(100vw - 24px));max-height:calc(100dvh - 90px);overflow:hidden;border:1px solid rgba(255,255,255,.94);border-radius:24px;background:#f9fffdf2;box-shadow:0 28px 80px #143a453b;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);animation:giDrawer .25s cubic-bezier(.2,.8,.2,1) both}.gi-drawer-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 13px;border-bottom:1px solid var(--gi-line)}.gi-drawer-heading>div{display:grid}.gi-drawer-heading span{color:var(--gi-teal);font-size:9px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.gi-drawer-heading strong{margin-top:4px;font-size:17px}.gi-drawer-heading button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:10px;background:#174c520f;cursor:pointer}.gi-drawer nav{display:grid;gap:5px;padding:10px;overflow:auto}.gi-drawer nav button{position:relative;display:grid;grid-template-columns:32px 1fr 7px;align-items:center;gap:10px;padding:10px;border:0;border-radius:14px;color:var(--gi-ink);background:transparent;cursor:pointer;text-align:left}.gi-drawer nav button:hover{background:#0da99a12}.gi-drawer nav button.is-current{background:#0da99a1c}.gi-drawer nav button>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(13,169,154,.25);border-radius:10px;color:var(--gi-deep);font-size:10px;font-weight:950}.gi-drawer nav button div{display:grid}.gi-drawer nav button b{font-size:12px}.gi-drawer nav button small{margin-top:2px;color:var(--gi-muted);font-size:9px}.gi-drawer nav button>i{width:6px;height:6px;border-radius:50%;background:var(--gi-teal)}.gi-drawer-settings{display:grid;gap:6px;padding:10px 14px;border-top:1px solid var(--gi-line)}.gi-drawer-settings>button{display:flex;align-items:center;gap:8px;padding:9px 5px;border:0;color:var(--gi-deep);background:transparent;cursor:pointer;font-size:11px;font-weight:800}.gi-drawer-settings label{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 5px;cursor:pointer}.gi-drawer-settings label>span{display:grid}.gi-drawer-settings label b{font-size:11px}.gi-drawer-settings label small{margin-top:2px;color:var(--gi-muted);font-size:9px}.gi-drawer-settings input{position:absolute;opacity:0}.gi-drawer-settings label>i{position:relative;width:38px;height:22px;border-radius:99px;background:#cbdedb;transition:.2s ease}.gi-drawer-settings label>i:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #16383f33;transition:.2s ease}.gi-drawer-settings input:checked+i{background:var(--gi-teal)}.gi-drawer-settings input:checked+i:after{transform:translate(16px)}.gi-scene-arrows{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px 14px 14px}.gi-scene-arrows button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;border:1px solid var(--gi-line);border-radius:11px;color:var(--gi-deep);background:#fff;cursor:pointer;font-size:10px;font-weight:800}.gi-scene-arrows button:disabled{cursor:default;opacity:.38}@keyframes giConveyor{to{transform:translate(18px)}}@keyframes giStamp{0%{opacity:0;transform:rotate(-7deg) scale(1.7)}65%{transform:rotate(-5deg) scale(.95)}to{opacity:1;transform:rotate(-5deg) scale(1)}}@keyframes giPop{0%{opacity:0;transform:translateY(15px) scale(.7)}to{opacity:1;transform:none}}@keyframes giScanner{to{transform:translate(165%)}}@keyframes giShake{25%{transform:translate(-7px)}75%{transform:translate(7px)}}@keyframes giCheckIn{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}@keyframes giConfetti{0%{opacity:0;transform:translateY(-25px)}25%{opacity:1}to{opacity:.35;transform:translateY(45px)}}@keyframes giBubble{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:none}}@keyframes giDrawer{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:none}}@keyframes giMascotWave{0%{transform:rotate(0)}to{transform:rotate(-38deg) translate(-2px,-4px)}}@keyframes giMascotNo{0%,to{transform:translate(0)}35%{transform:translate(-4px)}70%{transform:translate(4px)}}@keyframes giMascotCelebrate{0%{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-10px) rotate(2deg)}}@keyframes giLoadingSpin{to{transform:rotate(360deg)}}@media(max-width:1040px){.gi-controlbar{grid-template-columns:40px minmax(130px,.7fr) minmax(190px,1fr) 46px auto 44px 38px 38px;gap:5px}.gi-title-lockup span{display:none}.gi-title-lockup strong{margin:0;font-size:11px}.gi-scene-heading,.gi-count-copy,.gi-quantity-copy,.gi-checker-copy{left:22%}.gi-object-line{left:23%;right:4%}.gi-count-machine{right:4%}.gi-materials{left:22%;grid-template-columns:repeat(3,minmax(105px,145px))}}@media(max-width:760px){.gi-demo{grid-template-rows:60px minmax(0,1fr);gap:7px;padding:7px}.gi-controlbar{grid-template-columns:38px minmax(80px,1fr) 42px 42px 38px 38px;gap:3px;padding:6px;border-radius:16px}.gi-title-lockup,.gi-time{display:none}.gi-progress-block{grid-template-columns:1fr;gap:5px}.gi-progress-copy{display:flex;align-items:center;justify-content:space-between;gap:6px}.gi-progress-copy span{font-size:7px}.gi-progress-copy b{margin:0;font-size:9px}.gi-play-button{width:40px;height:40px}.gi-stage{border-radius:22px}.gi-stage-id{top:12px;right:13px;max-width:56%;font-size:7px;letter-spacing:.1em;text-align:right}.gi-preview-badge{top:11px;left:12px;padding:5px 7px;font-size:6px}.gi-stage:before{background-size:28px 28px}.gi-scene h1{margin-top:7px;font-size:clamp(29px,9vw,42px)}.gi-kicker{font-size:8px}.gi-scene-heading,.gi-count-copy,.gi-quantity-copy,.gi-checker-copy{top:8%;left:7%;width:80%}.gi-scene-heading{top:9%}.gi-object-line{top:32%;left:5%;right:5%;gap:5px}.gi-object-icon{width:clamp(56px,17vw,72px);border-radius:20px}.gi-object-icon svg{width:31px;height:31px}.gi-object strong{margin-top:6px;font-size:14px}.gi-object small{font-size:8px}.gi-conveyor{left:4%;right:4%;top:55%;height:54px;padding:10px;border-width:5px}.gi-conveyor i{width:26px}.gi-noun-stamp{top:62%;right:7%;padding:9px 15px;border-width:4px}.gi-noun-stamp strong{font-size:29px}.gi-count-copy p{margin-top:8px;font-size:10px}.gi-count-machine{top:29%;left:14%;right:auto;width:72%;height:39%;border-radius:28px}.gi-machine-head{top:-13%;width:56%;padding:0 10px;border-width:4px}.gi-machine-screen{width:82%;min-height:54%;padding:12px 15px}.gi-machine-screen>strong{font-size:61px}.gi-count-tokens i{width:34px;height:34px}.gi-count-tokens svg{width:23px;height:23px}.gi-approved-stamp{right:10%;bottom:25%;padding:8px 12px;border-width:4px;font-size:18px}.gi-singular-plural{left:auto;right:7%;bottom:18%;font-size:9px}.gi-materials{top:27%;left:5%;right:5%;grid-template-columns:repeat(3,1fr);gap:6px}.gi-material{padding:15px 5px 10px;border-radius:17px}.gi-material svg{width:34px;height:34px}.gi-material strong{margin-top:4px;font-size:14px}.gi-material small{display:none}.gi-water-test{top:47%;left:8%;right:8%;width:auto;padding:22px 18px 15px;border-width:5px;border-radius:25px}.gi-water-test span{font-size:24px}.gi-quantity-rule{top:42%;left:7%;right:7%;width:auto;gap:7px}.gi-quantity-rule>div{padding:12px 14px;border-radius:15px}.gi-quantity-rule>div span{font-size:16px}.gi-quantity-rule p{font-size:9px}.gi-phrase-check{top:30%;left:7%;right:7%;width:auto;min-height:170px;grid-template-columns:45px 1fr 45px;padding:20px 14px;border-width:6px;border-radius:28px}.gi-phrase-check strong{font-size:31px}.gi-checker-port,.gi-checker-status{width:42px;height:42px;border-radius:13px}.gi-checker-port svg{width:27px;height:27px}.gi-phrase-check p{margin-top:12px;font-size:10px}.gi-determiner-map{top:28%;left:6%;right:6%;width:auto;grid-template-columns:repeat(2,1fr);gap:7px}.gi-determiner-map>div{min-height:103px;padding:12px;border-radius:15px}.gi-determiner-map b{font-size:17px}.gi-determiner-map span{font-size:10px}.gi-checker-track{left:6%;right:6%;bottom:20%}.gi-quiz-copy{top:7%;left:5%;width:90%}.gi-quiz-copy p{margin-top:6px;font-size:10px}.gi-quiz-grid{top:27%;left:8%;right:8%;grid-template-columns:1fr;gap:7px}.gi-quiz-grid button{min-height:52px;padding:7px 11px;border-radius:14px}.gi-quiz-grid button b{font-size:17px}.gi-quiz-feedback{left:8%;right:8%;bottom:19%;font-size:10px}.gi-recap-scene{padding:5% 6% 26%}.gi-recap-scene h1{margin-bottom:16px}.gi-recap-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%}.gi-recap-steps>div{min-height:128px;padding:12px 8px;border-radius:16px}.gi-recap-steps b{font-size:13px}.gi-recap-steps p{font-size:9px}.gi-recap-steps>i{display:none}.gi-mascot-wrap{left:1%;bottom:65px;width:clamp(102px,31vw,130px)}.gi-ask-too{padding:5px 8px;font-size:8px}.gi-mascot-bubble{left:53%;bottom:78%;width:min(230px,64vw);padding:10px 11px}.gi-mascot-bubble p{font-size:9px}.gi-subtitle{bottom:8px;width:calc(100% - 16px);min-height:43px;padding:8px 10px;border-radius:12px}.gi-subtitle span{display:none}.gi-subtitle p{font-size:10px}.gi-playback-message{bottom:60px;max-width:calc(100% - 32px);font-size:9px}.gi-interaction-overlay{top:47%;width:calc(100% - 28px);padding:15px;border-radius:18px;transform:translate(-50%,-50%)}.gi-interaction-options{grid-template-columns:1fr;gap:7px}.gi-interaction-options button{min-height:48px;font-size:11px}.gi-drawer{top:72px;right:7px;max-height:calc(100dvh - 80px);border-radius:20px}}@media(max-width:420px)and (max-height:760px){.gi-object-line{top:29%}.gi-conveyor{top:51%}.gi-count-machine{top:26%;height:38%}.gi-materials{top:25%}.gi-water-test{top:43%}.gi-quantity-rule{top:37%}.gi-phrase-check{top:26%}.gi-determiner-map{top:24%}.gi-quiz-grid{top:25%}.gi-quiz-grid button{min-height:47px}.gi-mascot-wrap{width:96px}}@media(prefers-reduced-motion:reduce){.gi-demo *,.gi-demo *:before,.gi-demo *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.gi-scene-concepts,.gi-scene-hero,.gi-scene-object-reveal,.gi-scene-expression{display:grid;align-content:center;justify-items:center;gap:clamp(18px,3vh,40px);padding:clamp(48px,9vh,92px) clamp(22px,6vw,88px) clamp(86px,15vh,150px);text-align:center}.gi-concept-heading,.gi-object-reveal-heading,.gi-expression-heading,.gi-hero-copy{display:grid;justify-items:center;gap:8px;min-width:0}.gi-scene-concepts h1,.gi-scene-hero h1,.gi-scene-object-reveal h1,.gi-scene-expression h1{max-width:min(920px,92%);text-align:center}.gi-concept-desc,.gi-hero-desc{max-width:620px;margin:0;color:var(--gi-muted);font-size:clamp(12px,1.4vw,17px);line-height:1.5}.gi-concept-cards{display:grid;grid-template-columns:repeat(var(--columns, 3),minmax(0,1fr));gap:clamp(11px,1.6vw,22px);width:min(100%,1020px)}.gi-concept-card{display:grid;justify-items:center;gap:6px;min-width:0;padding:clamp(16px,2.4vw,30px) clamp(10px,1.6vw,20px);border:1px solid rgba(255,255,255,.9);border-radius:clamp(16px,2vw,26px);color:var(--gi-deep);background:#ffffffb3;box-shadow:0 18px 35px #1f4c531a;opacity:0;transform:translateY(22px) scale(.94);transition:.42s cubic-bezier(.2,.8,.2,1)}.gi-concept-card.is-visible{opacity:1;transform:none}.gi-concept-card.is-visible.is-dim{opacity:.42}.gi-concept-card.is-highlight{box-shadow:0 0 0 4px #0da99a38,0 18px 35px #1f4c531f}.gi-concept-icon{display:grid;place-items:center}.gi-concept-card strong{color:currentColor;font-size:clamp(17px,2vw,26px)}.gi-concept-card small{color:var(--gi-muted);font-size:clamp(9px,1vw,12px)}.gi-concept-card[data-tone=blue],.gi-object[data-tone=blue]{color:#4f74d6}.gi-concept-card[data-tone=violet],.gi-object[data-tone=violet]{color:#6f63d8}.gi-concept-card[data-tone=amber],.gi-object[data-tone=amber]{color:#c08327}.gi-concept-card[data-tone=coral],.gi-object[data-tone=coral]{color:#d85f52}.gi-scene-hero{grid-auto-rows:min-content}.gi-scene-hero.align-left{justify-items:start;text-align:left}.gi-scene-hero.align-left .gi-hero-copy{justify-items:start}.gi-hero-copy,.gi-hero-asset{opacity:0;transform:translateY(18px);transition:.5s cubic-bezier(.2,.8,.2,1)}.gi-scene-hero.is-revealed .gi-hero-copy,.gi-scene-hero.is-revealed .gi-hero-asset{opacity:1;transform:none}.gi-hero-asset{display:grid;justify-items:center;gap:8px;padding:clamp(20px,3vw,42px);border:1px solid rgba(255,255,255,.9);border-radius:clamp(20px,2.4vw,30px);color:var(--gi-deep);background:#ffffffa8;box-shadow:0 20px 40px #1f4c531f}.gi-hero-asset strong{font-size:clamp(20px,2.4vw,34px);font-weight:900;letter-spacing:.05em}.gi-hero-asset[data-tone=violet]{color:var(--gi-violet)}.gi-hero-asset[data-tone=amber]{color:#c08327}.gi-hero-asset[data-tone=blue]{color:#4f74d6}.gi-hero-asset[data-tone=coral]{color:var(--gi-coral)}.gi-object-reveal-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:clamp(14px,2vw,32px);width:min(100%,940px)}.gi-expression-line{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:clamp(8px,1.2vw,16px)}.gi-expression-token{display:grid;justify-items:center;gap:5px;padding:clamp(12px,1.6vw,20px) clamp(14px,1.8vw,24px);border:1px solid rgba(255,255,255,.9);border-radius:16px;background:#ffffffc7;box-shadow:0 12px 26px #1c4a511a;opacity:0;transform:translateY(14px);transition:.36s ease}.gi-expression-token.is-visible{opacity:1;transform:none}.gi-expression-token.is-emph{border-color:#7165df80;box-shadow:0 0 0 3px #7165df29}.gi-expression-token b{color:var(--gi-ink);font-size:clamp(19px,2.4vw,34px);font-weight:900}.gi-expression-token.is-emph b{color:var(--gi-violet)}.gi-expression-token small{color:var(--gi-muted);font-size:clamp(9px,1vw,11px)}.gi-expression-note{max-width:640px;margin:0;color:var(--gi-muted);font-size:clamp(11px,1.2vw,14px);line-height:1.5}.gi-count-machine.is-failed{border-color:#ff9c93;animation:giShake .35s 2}.gi-machine-error{color:#ffb4ad}.gi-visual-error,.gi-visual-fallback{display:grid;align-content:center;justify-items:center;gap:10px;padding:40px;text-align:center}.gi-visual-error{color:#a13c35}.gi-visual-error code{padding:4px 10px;border-radius:8px;background:#fff0ee;font-weight:800}.gi-visual-error p{max-width:430px;color:var(--gi-muted);font-size:12px}@media(max-width:760px){.gi-scene-concepts,.gi-scene-hero,.gi-scene-object-reveal,.gi-scene-expression{padding:clamp(36px,10vh,68px) 16px clamp(82px,16vh,116px);gap:16px}.gi-concept-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.gi-concept-cards{gap:8px}}.gvl{display:grid;gap:16px;padding:20px;color:var(--gi-ink);font-family:Inter,system-ui,sans-serif}.gvl-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.gvl-header h1{margin:4px 0;font-size:24px;font-weight:900}.gvl-header p{max-width:660px;margin:0;color:var(--gi-muted);font-size:13px;line-height:1.5}.gvl-header a{color:var(--gi-deep);font-weight:700}.gvl-kicker{color:var(--gi-teal);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.gvl-back{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--gi-line);border-radius:10px;color:var(--gi-deep);font-size:12px;font-weight:700;text-decoration:none}.gvl-body{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;align-items:start}.gvl-list{display:grid;gap:4px}.gvl-list button{padding:9px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--gi-ink);cursor:pointer;text-align:left;font-size:13px;font-weight:700}.gvl-list button:hover{background:#0da99a14}.gvl-list button.is-active{background:#0da99a21;color:var(--gi-deep)}.gvl-main{display:grid;gap:16px;min-width:0}.gvl-controls{display:grid;gap:12px;padding:14px;border:1px solid var(--gi-line);border-radius:14px;background:#fff9}.gvl-control-group{display:grid;gap:6px}.gvl-control-group>span{color:var(--gi-muted);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.gvl-chips{display:flex;flex-wrap:wrap;gap:6px}.gvl-chips button{padding:6px 11px;border:1px solid var(--gi-line);border-radius:99px;background:#fff;color:var(--gi-deep);cursor:pointer;font-size:12px;font-weight:700}.gvl-chips button:hover{border-color:#0da99a80}.gvl-chips button.is-active{background:var(--gi-teal);border-color:var(--gi-teal);color:#fff}.gvl-toggle{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.gvl-preview{display:grid;gap:8px;min-width:0}.gvl-viewport-label{font-size:11px;font-weight:800;color:var(--gi-muted)}.gvl-frame-scroll{overflow:auto;border:1px dashed var(--gi-line);border-radius:14px;padding:12px}.gvl-frame{position:relative;transform-origin:top left}.gvl-frame .gi-stage{width:100%;height:100%}.gvl-reduced .gi-stage *,.gvl-reduced .gi-stage *:before,.gvl-reduced .gi-stage *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}@media(max-width:860px){.gvl-body{grid-template-columns:1fr}.gvl-list{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto}}:root[data-tooich-shop-theme=night]{color-scheme:dark}:root[data-tooich-shop-theme=night] :is(.vw-dol-page,.vw-dol-shell,.vw-screen,.vs-page,.vs-studio-body){background:var(--bg);color:var(--text)}:root[data-tooich-shop-theme=night] :is(.vw-dol-header,.vw-dol-back-btn,.vw-dol-meta-row,.vw-dol-sidebar-panel,.vw-dol-stat-tile,.vw-dol-word-item,.vw-dol-face,.vw-dol-face-full,.vw-dol-study-btn,.vw-dol-search,.vw-dol-tab.is-active,.vw-dol-mode-chip.is-active,.vw-dol-flashcard-full,.vw-flash-face,.vw-right,.vw-sidebar-section,.vs-ghost-card,.vs-top-card,.vs-answer-zone,.vs-option-btn-big,.vs-action-btn-flat,.vs-typing-input-card,.vs-input-wrap input,.vs-arrange-slot,.vs-arrange-word.in-bank,.vs-side-dock,.vs-quick-btn,.vs-current-word-card,.vs-empty-state,.vs-done,.vs-stat-box,.vs-shortcut-kbd kbd,.yg-widget-host){background:var(--surface);border-color:var(--border);color:var(--text)}:root[data-tooich-shop-theme=night] :is(.vw-dol-learn-banner,.vw-dol-progress-box,.vw-dol-mode-select,.vw-dol-tab-pill,.vw-dol-filter-tabs,.vw-dol-filter-tab,.vw-dol-icon-btn,.vw-flash-visual,.vs-card-media,.vs-opt-shortcut,.vs-header-nav-wrap,.vs-typing-dots,.vs-quick-icon,.yg-widget-shell){background:var(--surface-2);border-color:var(--border);color:var(--text-secondary)}:root[data-tooich-shop-theme=night] :is(.vw-dol-title,.vw-dol-title-flex h1,.vw-dol-stat-highlight strong,.vw-dol-flash-counter strong,.vw-dol-face-full h2,.vs-card-title,.vs-opt-text strong,.vs-quick-btn strong,.vs-current-word-body strong,.vs-done h2,.vs-done p strong){color:var(--text)}:root[data-tooich-shop-theme=night] :is(.vw-dol-subtitle,.vw-dol-stat-highlight,.vw-dol-progress-head span,.vw-dol-card-label,.vw-dol-search svg,.vw-dol-search input::placeholder,.vw-dol-filter-tab,.vw-dol-word-pron,.vw-dol-word-example,.vw-dol-face-full span,.vs-card-ipa,.vs-answer-header span,.vs-opt-meta,.vs-dock-title,.vs-shortcut-row span,.vs-quick-btn span,.vs-current-word-body p,.vs-done p,.vs-stat-box span){color:var(--text-muted)}:root[data-tooich-shop-theme=night] :is(.vw-dol-search input,.vocab-library-search input,.vs-input-wrap input)::placeholder{color:var(--text-muted)}:root[data-tooich-shop-theme=night] :is(.vs-empty-state,.vs-stat-box strong,.vs-shortcut-kbd kbd){color:var(--text)}:root[data-tooich-shop-theme=night] :is(.vw-dol-back-btn:hover,.vw-dol-filter-tab:hover,.vw-dol-tab:hover,.vw-dol-mode-chip:hover,.vs-action-btn-flat:hover,.vs-card-nav-btn:hover:not(:disabled),.vs-header-nav-btn:hover:not(:disabled)){background:var(--surface-hover);color:var(--text)}:root[data-tooich-shop-theme=night] :is(.vw-status.is-weak,.vw-stat-tile.is-weak,.vs-option-btn-big.is-wrong,.vs-input-wrap.is-error input,.vs-stat-tile.wrong){background:var(--danger-light);border-color:var(--danger-border);color:var(--danger-text)}:root[data-tooich-shop-theme=night] :is(.vw-status.is-learning,.vw-stat-tile.is-learning,.vw-dol-status-tag.info,.vs-mode-badge.typing,.vs-stat-tile.acc,.vs-done-icon.target){background:color-mix(in srgb,var(--secondary) 15%,var(--surface));border-color:var(--secondary-border);color:var(--secondary-text)}:root[data-tooich-shop-theme=night] :is(.vw-dol-quality-badge,.vw-dol-status-tag.warning,.vs-mode-badge.listening,.vs-amber-hint,.vs-action-btn-flat.star,.vs-stat-tile.streak,.vs-listen-eyebrow){background:var(--warning-light);border-color:var(--warning-border);color:var(--warning-text)}:root[data-tooich-shop-theme=night] .vs-action-btn-flat.star.is-active{background:#f59e0b;border-color:#f59e0b;color:var(--text-inverse)}:root[data-tooich-shop-theme=night] :is(.vs-action-btn-flat.youglish,.vs-quick-icon.youglish,.vs-quick-youglish svg){background:color-mix(in srgb,var(--warning) 12%,var(--surface));border-color:var(--warning-border);color:var(--warning-text)}:root[data-tooich-shop-theme=night] :is(.vw-stat-tile.is-learning strong,.vw-stat-tile.is-learning span){color:var(--secondary-text)}:root[data-tooich-shop-theme=night] :is(.vw-stat-tile.is-weak strong,.vw-stat-tile.is-weak span){color:var(--danger-text)}:root[data-tooich-shop-theme=night] .vs-mode-badge.quiz{background:var(--purple-light);border-color:var(--purple-border);color:var(--purple-text)}:root[data-tooich-shop-theme=night] .vs-arrange-box{background:color-mix(in srgb,var(--primary) 12%,var(--surface));border-color:var(--primary-border)}:root[data-tooich-shop-theme=night] .vs-trophy-card{background:linear-gradient(135deg,var(--primary-light),var(--surface))}:root[data-tooich-shop-theme=night] .vs-trophy-card>p:first-of-type{color:var(--primary-text)!important}:root[data-tooich-shop-theme=night] .vs-trophy-card>p+p{color:var(--text-secondary)!important}:root[data-tooich-shop-theme=night] .vs-listen-peel-overlay{background:linear-gradient(135deg,var(--warning-light),var(--surface))}:root[data-tooich-shop-theme=night] :is(.yg-loading,.yg-fallback){background:color-mix(in srgb,var(--surface) 96%,transparent)}:root[data-tooich-shop-theme=night] :is(.vocab-roadmap-page,.vocab-library-search){color:var(--text)}:root[data-tooich-shop-theme=night] .vocab-library-search input{background:var(--surface);border-color:var(--border);color:var(--text)}:root[data-tooich-shop-theme=night] .vocab-library-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.18)}:root[data-tooich-shop-theme=night] :is(.vocab-roadmap-page.is-message p,.vocab-roadmap-heading p,.vocab-roadmap-summary>p,.vocab-stage-copy small,.vocab-library-path-copy p span){color:var(--text-muted)}:root[data-tooich-shop-theme=night] .vocab-roadmap-library-link{color:var(--primary-text)}:root[data-tooich-shop-theme=night] :is(.vocab-roadmap-summary,.vocab-stage-card,.vocab-stage-toast){background:var(--surface);border-color:var(--border);color:var(--text)}:root[data-tooich-shop-theme=night] .vocab-library .fc-empty-state{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)}:root[data-tooich-shop-theme=night] .vocab-roadmap-tags span:last-child{border-color:var(--border)}:root[data-tooich-shop-theme=night] .vocab-stage-list:before{background:var(--border)}:root[data-tooich-shop-theme=night] :is(.vocab-roadmap-progress,.vocab-stage-dot,.vocab-stage-lock,.vocab-stage.is-locked .vocab-stage-card){background:var(--surface-2);border-color:var(--border);color:var(--text-muted)}:root[data-tooich-shop-theme=night] .vocab-roadmap-tags span:first-child,:root[data-tooich-shop-theme=night] .vocab-stage.is-completed .vocab-stage-dot{background:var(--primary-light);border-color:var(--primary-border);color:var(--primary-text)}:root[data-tooich-shop-theme=night] :is(.vw-dol-empty,.vw-dol-loading,.vw-dol-error){background:var(--surface-2);border-color:var(--border-hover);color:var(--text-muted)}:root[data-tooich-shop-theme=night] :is(.p1-screen,.p1-left){background:var(--bg)}:root[data-tooich-shop-theme=night] .p5-phrase-pattern{background:var(--surface-2);border-color:var(--border-hover);color:var(--primary-text)}:root[data-tooich-shop-theme=night] :is(.spk-session,.spk-screen,.spk-control){background:var(--bg)}:root[data-tooich-shop-theme=night] .feedback-section.warning{background:var(--warning-light);border-color:var(--warning-border)}:root[data-tooich-shop-theme=night] :is(.video-transcript-row-actions button.active,.video-shadowing-cue,.premium-gate-panel,.lifetime-reward-status,.shop-empty-state,.test-history-empty,.exam-review-item.correct,.exam-review-item.wrong){background:var(--surface-2);border-color:var(--border);color:var(--text-secondary)}:root[data-tooich-shop-theme=night] .video-transcript-row-actions button.active{background:var(--warning-light);border-color:var(--warning-border);color:var(--warning-text)}:root[data-tooich-shop-theme=night] .exam-score-banner:has(.exam-score-circle.excellent),:root[data-tooich-shop-theme=night] .exam-score-banner:has(.exam-score-circle.good),:root[data-tooich-shop-theme=night] .exam-score-banner:has(.exam-score-circle.poor){background:var(--surface);border-color:var(--border)}:root[data-tooich-shop-theme=night] :is(.p5-paper,.p6-paper,.p7-paper,.part7-document,.p7-document,.video-player-frame){color-scheme:light}:root[data-tooich-shop-theme=night] :is(.part7-document,.p7-document){--text: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--border: #e2e8f0;--border-light: #edf2f7;--border-hover: #cbd5e1}