@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap";:root{--bg-app: #FAF6F1;--bg-card: #FFFCF7;--text-main: #3A2E28;--text-annotation: #8B4513;--text-muted: #9A8578;--text-mastered: #2A211C;--border-subtle: #E8DFD6;--border-input: #DDD0C4;--accent-warm: #B85C38;--accent-gold: #C9A227;--accent-red: #C54B4B;--bg-metadata: #F7F3EE;--bg-hover: #F5EDE5;--bg-secondary: #F7F3EE;--paper-color: #FFFCF7;--paper-texture: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");--spine-shadow: linear-gradient(90deg, rgba(139, 69, 19, .06) 0%, transparent 8%, transparent 92%, rgba(139, 69, 19, .06) 100%);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-serif-heading: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-xs: .75rem;--font-sm: .875rem;--font-md: 1rem;--font-lg: 1.2rem;--font-xl: 1.4rem;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--container-width: 720px;--radius-button: 8px;--radius-pill: 999px;--radius-card: 12px;--radius-input: 8px;--radius-badge: 6px;--radius-modal: 16px;--radius-tooltip: 8px;--radius-image: 12px;--shadow-border-single: 0 0 0 1.5px var(--border-subtle);--shadow-border-single-active: 0 0 0 2px var(--accent-warm);--shadow-border-double: 0 0 0 1.5px var(--border-subtle);--shadow-border-double-active: 0 0 0 2px var(--accent-warm);--border-mobile: 1.5px solid var(--border-subtle);--border-mobile-active: 2px solid var(--accent-warm);--border-mobile-double: 2.5px solid var(--accent-warm);--border-inactive: var(--border-subtle);--border-active: var(--accent-warm);--border-hover: var(--accent-warm);--transition-none: none;--transition-cozy: transform .25s cubic-bezier(.4, 0, .2, 1), box-shadow .25s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 3px rgba(139, 69, 19, .06);--shadow-md: 0 4px 12px rgba(139, 69, 19, .08);--shadow-lg: 0 8px 24px rgba(139, 69, 19, .1);--shadow-glow: 0 0 20px rgba(201, 162, 39, .15);--focus-ring: 0 0 0 4px rgba(184, 92, 56, .12);--transition: transform .25s cubic-bezier(.4, 0, .2, 1), box-shadow .25s cubic-bezier(.4, 0, .2, 1), color .25s cubic-bezier(.4, 0, .2, 1), border-color .25s cubic-bezier(.4, 0, .2, 1), background-color .25s cubic-bezier(.4, 0, .2, 1);--reader-zoom: 1;--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px;--color-success: #5D8A66;--color-success-bg: #EDF4EE;--color-error: #B54545;--color-error-bg: #FAF0F0;--shadow-ink-sm: rgba(139, 69, 19, .06);--shadow-ink-md: rgba(139, 69, 19, .12);--shadow-ink-lg: rgba(139, 69, 19, .18);--bg-accent-subtle: #F0E6DC;--bg-overlay: rgba(58, 46, 40, .65);--ui-progress-track: #E8DFD6;--sep-line: var(--border-subtle);--color-word-unknown: #C17A4C;--color-word-known: #6B5A50;--color-phrase-highlight: rgba(184, 92, 56, .1);--header-margin-top: 0;--header-margin-bottom: 2rem;--status-line-margin: .5rem;--tabs-margin-bottom: .25rem;--card-padding: 2.5rem;--card-margin-top: 2rem;--card-radius: var(--radius-card);--metadata-padding: .5rem 0;--metadata-min-height: 52px}.audio-playing{color:var(--accent-warm)!important;opacity:1!important}@media(min-width:769px){:root{--font-sm: 1.1rem;--font-md: 1.2rem;--font-lg: 1.4rem;--font-xl: 1.6rem}}@media(max-width:768px){:root{--header-margin-top: .75rem;--header-margin-bottom: .75rem;--tabs-margin-bottom: 2rem;--card-padding: 1.25rem 1rem;--card-margin-top: -1rem;--card-radius: 0;--metadata-padding: .75rem 0;--metadata-min-height: auto}}html[data-theme=sepia-night]{--bg-app: #1C1917;--bg-card: #27272A;--bg-metadata: #1C1917;--bg-hover: #3F3F46;--bg-secondary: #1C1917;--paper-color: #2D2A28;--spine-shadow: linear-gradient(90deg, rgba(0, 0, 0, .4) 0%, transparent 5%, transparent 95%, rgba(0, 0, 0, .4) 100%);--text-main: #E7E5E4;--text-muted: #A8A29E;--text-annotation: #D97706;--text-mastered: #F9F8F6;--border-subtle: #44403C;--border-input: #57534E;--accent-warm: #D97706;--accent-red: #EF4444;--color-success: #84CC16;--color-success-bg: #1A241A;--color-error: #EF4444;--color-error-bg: #261A1A;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--shadow-md: 0 8px 32px rgba(0, 0, 0, .6);--bg-accent-subtle: #3A3228;--bg-overlay: rgba(12, 10, 9, .85);--ui-progress-track: #44403C;--color-word-unknown: #D97706;--color-word-known: #A8A29E;--color-phrase-highlight: rgba(217, 119, 6, .2);--header-margin-top: 0;--card-padding: 2.5rem}html[data-theme=midnight-blue]{--bg-app: #0F172A;--bg-card: #1E293B;--bg-metadata: #0F172A;--bg-hover: #334155;--bg-secondary: #0F172A;--paper-color: #1E293B;--spine-shadow: linear-gradient(90deg, rgba(0, 0, 0, .3) 0%, transparent 5%, transparent 95%, rgba(0, 0, 0, .3) 100%);--text-main: #F1F5F9;--text-muted: #94A3B8;--text-annotation: #38BDF8;--text-mastered: #FFFFFF;--border-subtle: #334155;--border-input: #475569;--accent-warm: #38BDF8;--accent-red: #FB7185;--color-success: #22D3EE;--color-success-bg: #11222C;--color-error: #FB7185;--color-error-bg: #2C1118;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 6px 24px rgba(0, 0, 0, .5);--bg-accent-subtle: #242842;--bg-overlay: rgba(8, 10, 18, .8);--ui-progress-track: #334155;--color-word-unknown: #38BDF8;--color-word-known: #94A3B8;--color-phrase-highlight: rgba(56, 189, 248, .15);--header-margin-top: 0;--card-padding: 2.5rem}html[data-theme=pure-dark]{--bg-app: #000000;--bg-card: #111111;--bg-metadata: #080808;--bg-hover: #222222;--bg-secondary: #080808;--paper-color: #111111;--spine-shadow: none;--text-main: #F9F9F9;--text-muted: #737373;--text-annotation: #8B5CF6;--text-mastered: #FFFFFF;--border-subtle: #262626;--border-input: #404040;--accent-warm: #8B5CF6;--accent-red: #F43F5E;--color-success: #10B981;--color-success-bg: #061A14;--color-error: #F43F5E;--color-error-bg: #1A060A;--shadow-sm: 0 1px 2px rgba(255, 255, 255, .05);--shadow-md: 0 0 0 1px #262626;--bg-accent-subtle: #171717;--bg-overlay: rgba(0, 0, 0, .9);--ui-progress-track: #262626;--color-word-unknown: #8B5CF6;--color-word-known: #737373;--color-phrase-highlight: rgba(139, 92, 246, .15);--header-margin-top: 0;--card-padding: 2.5rem}html[data-theme=forest-night]{--bg-app: #060706;--bg-card: #121612;--bg-metadata: #080A08;--bg-hover: #1D241D;--bg-secondary: #080A08;--paper-color: #121612;--spine-shadow: linear-gradient(90deg, rgba(0, 0, 0, .5) 0%, transparent 5%, transparent 95%, rgba(0, 0, 0, .5) 100%);--text-main: #D1D5D1;--text-muted: #7A827A;--text-annotation: #4ADE80;--text-mastered: #ECFDF5;--border-subtle: #242B24;--border-input: #343F34;--accent-warm: #4ADE80;--accent-red: #F87171;--color-success: #34D399;--color-success-bg: #0D1A15;--color-error: #F87171;--color-error-bg: #1A0D0D;--shadow-sm: 0 1px 3px rgba(0, 10, 0, .4);--shadow-md: 0 8px 24px rgba(0, 8, 0, .5);--bg-accent-subtle: #1A221A;--bg-overlay: rgba(2, 4, 2, .85);--ui-progress-track: #242B24;--color-word-unknown: #4ADE80;--color-word-known: #7A827A;--color-phrase-highlight: rgba(74, 222, 128, .1);--header-margin-top: 0;--card-padding: 2.5rem}html[data-theme=minimalist]{--bg-app: #fbfbfb;--bg-card: #ffffff;--bg-metadata: #fbfbfb;--bg-hover: #f5f5f5;--bg-secondary: #fbfbfb;--paper-color: #ffffff;--spine-shadow: none;--text-main: #111111;--text-muted: #666666;--text-annotation: #000000;--text-mastered: #000000;--border-subtle: #eeeeee;--border-input: #e0e0e0;--accent-warm: #000000;--accent-red: #000000;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .02);--shadow-md: 0 10px 40px rgba(0, 0, 0, .04);--radius-card: 16px;--radius-button: 8px;--header-margin-top: 2rem;--header-margin-bottom: 4rem;--card-padding: 4rem;--card-margin-top: 0;--status-line-margin: 1rem;--font-serif-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif-heading: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}html[data-theme=midnight-indigo]{--bg-app: #121420;--bg-card: #1B1E2E;--bg-metadata: #151826;--bg-hover: #24293E;--bg-secondary: #151826;--paper-color: #1B1E2E;--spine-shadow: linear-gradient(90deg, rgba(0, 0, 0, .2) 0%, transparent 5%, transparent 95%, rgba(0, 0, 0, .2) 100%);--text-main: #E0E2EE;--text-muted: #8E94B4;--text-annotation: #C9B081;--text-mastered: #FFFFFF;--border-subtle: #2A2D45;--border-input: #35395A;--accent-warm: #C9B081;--accent-red: #D65D5D;--color-success: #88B088;--color-success-bg: #1A241A;--color-error: #D65D5D;--color-error-bg: #261A1A;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--bg-accent-subtle: #242842;--bg-overlay: rgba(8, 10, 18, .8);--ui-progress-track: #2A2D45;--color-word-unknown: #C9B081;--color-word-known: #A7ACC7;--color-phrase-highlight: rgba(201, 176, 129, .15);--header-margin-top: 0;--card-padding: 2.5rem}.target-lang-ru .action-menu-context-trans,.target-lang-ru .grammar-item-explanation,.target-lang-ru .cloze-fallback,.target-lang-ru .hint-text,.target-lang-ru #sentenceTranslation,.target-lang-ru .grammar-placeholder,.target-lang-ru .action-menu-meaning,.target-lang-ru .grammar-item-pos,.source-lang-ru .action-menu-word,.source-lang-ru .tooltip-phonetic,.source-lang-ru #sentencePhonetic,.source-lang-ru .flashcard-context,.source-lang-ru .flashcard-context-back,.source-lang-ru .grammar-item-source{font-style:normal!important}*,*:before,*:after{box-sizing:border-box}html{width:100%}body{overflow-x:hidden;width:100%}body{font-family:var(--font-serif-heading);background:var(--bg-app);color:var(--text-main);margin:0;line-height:1.8;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;padding:2rem;box-sizing:border-box;overscroll-behavior-y:contain}@media(max-width:768px){body{min-height:auto;padding:.5rem}body.reader-mode-active,body.result-page-body{background:var(--paper-color)}}h1{font-family:var(--font-serif-body);font-weight:600;font-size:2.25rem;letter-spacing:-.01em;margin-bottom:2rem;text-align:center;color:var(--text-main)}h2{font-family:var(--font-serif-body);font-weight:500;letter-spacing:0;color:var(--text-main)}.page-title{font-family:var(--font-serif-heading);font-size:2.25rem;font-weight:800;margin-bottom:0;text-align:left;line-height:1.2;letter-spacing:-.03em}@media(min-width:769px){.page-title{font-size:2.5rem}}.container{width:100%;max-width:var(--container-width);margin:0 auto;transition:max-width .35s cubic-bezier(.65,0,.35,1),margin .35s cubic-bezier(.65,0,.35,1);will-change:margin,max-width}.container.wide-view{max-width:1600px}kbd{background:var(--bg-metadata);border:1px solid var(--border-subtle);border-radius:4px;padding:2px 5px;font-family:inherit;font-size:.75rem;color:var(--text-annotation);box-shadow:0 1px 0 var(--shadow-ink-lg);margin:0 2px}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.flex-center{display:flex;align-items:center;justify-content:center}.flex-column{display:flex;flex-direction:column}.flex-1{flex:1}.w-full{width:100%}.mt-auto{margin-top:auto}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-align-center{display:flex;align-items:center}.flex-gap-xs{gap:var(--spacing-xs)}.flex-gap-sm{gap:var(--spacing-sm)}.flex-gap-md{gap:var(--spacing-md)}.flex-gap-lg{gap:var(--spacing-lg)}.flex-gap-xl{gap:var(--spacing-xl)}.label-sm{font-family:var(--font-serif-body);font-size:var(--font-sm);letter-spacing:.08em;font-weight:600;color:var(--text-main);margin-bottom:.5rem;display:block;line-height:1.2;text-transform:capitalize}.separator{height:1px;background:var(--sep-line);margin:var(--spacing-sm) 0}.border-b{border-bottom:1px solid var(--border-subtle)}@media(max-width:768px){.border-b.flex{padding:0 .5rem;width:100%;box-sizing:border-box}.flex-wrap-mobile{flex-wrap:wrap;justify-content:center;gap:.4rem}}.hidden{display:none!important}.visible{display:block}.flex-visible{display:flex}.grid-visible{display:grid}.fade-in{animation:fadeIn .5s cubic-bezier(.2,.8,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}*:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:6px}button:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-ghost:focus-visible,.btn-icon:focus-visible,.tab-button:focus-visible,.lang-segment-btn:focus-visible,.review-filter-chip:focus-visible{outline:none;box-shadow:var(--shadow-md),var(--focus-ring)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--shadow-md),var(--focus-ring)}button,.btn-primary,.btn-secondary,.btn-danger,.btn-ghost,.btn-action-primary,.btn-sm,.btn-pill,.btn-icon,.tab-button,.btn-toolbar-pill,.review-mode-pill,.review-filter-chip,.reader-control-btn,.btn-discover-action,.btn-wizard-back,.btn-toolbar-pill.secondary{border-radius:var(--radius-pill)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-2xl{padding:var(--spacing-2xl)}.px-xs{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.px-xl{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.px-2xl{padding-left:var(--spacing-2xl);padding-right:var(--spacing-2xl)}.py-xs{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.py-xl{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.py-2xl{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.required-mark{color:var(--color-error);margin-left:2px;font-weight:700}input[type=text],input[type=url],input[type=email],input[type=number],select,textarea{width:100%;padding:.85rem 1.1rem;border:none;background:var(--bg-card);border-radius:var(--radius-input);font-family:inherit;font-size:var(--font-sm);color:var(--text-main);transition:var(--transition);box-sizing:border-box;box-shadow:var(--shadow-sm),var(--shadow-border-single)}select{background:var(--bg-card);box-shadow:var(--shadow-sm),var(--shadow-border-single)}textarea{min-height:180px;padding:1.5rem;border-radius:var(--radius-input);font-size:1.125rem;line-height:1.7;resize:none;box-shadow:var(--shadow-sm),var(--shadow-border-single)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:var(--shadow-md),var(--shadow-border-single-active)}input::placeholder,textarea::placeholder{color:#a6a098;font-weight:400}select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em;padding-right:2.5rem;cursor:pointer}@media(min-width:769px){input[type=text],input[type=url],input[type=email],select{padding:.8rem 1rem;font-size:.95rem}select{padding-right:2.5rem}}@media(max-width:768px){input[type=text],input[type=url],input[type=email],input[type=number],select,textarea{border:var(--border-mobile);box-shadow:none}input:focus,select:focus,textarea:focus{border:var(--border-mobile-double);box-shadow:none}}select:hover{box-shadow:var(--shadow-border-single-active);color:var(--accent-warm)}select:focus{outline:none;box-shadow:var(--shadow-border-double-active)}select:active{box-shadow:var(--shadow-border-double-active)}.form-input-sm,.form-select-sm{height:38px;padding:0 1rem;font-size:.85rem;border-radius:var(--radius-input);background-color:var(--bg-card);border:none;box-shadow:var(--shadow-border-single);width:auto}.form-input-sm{width:180px}.form-select-sm{padding-right:2.25rem;background-position:right .75rem center;min-width:140px;flex-shrink:0}@media(max-width:768px){input[type=email]{font-size:16px;min-height:48px;padding:.875rem}input[type=text],input[type=url],textarea{font-size:16px}.standard-form-container .premium-input::placeholder{font-size:.85rem;line-height:1.2}#podcastSearchInput::placeholder{font-size:1rem;line-height:1.2}.review-main .standard-form-container .form-group.mb-lg{width:100vw!important;position:relative;left:50%;margin-left:-50vw!important;margin-right:-50vw!important;max-width:100vw!important;padding-left:1rem;padding-right:1rem;box-sizing:border-box}.review-main .standard-form-container .premium-input{width:100%!important;box-sizing:border-box!important}#textInput{min-height:60vh}}.btn-primary,.btn-secondary,.btn-danger,.btn-danger-outline,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.4rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-decoration:none;font-family:var(--font-serif-body);letter-spacing:.01em;gap:.5rem}.btn-primary{background:var(--accent-warm);color:#fff;border:none;box-shadow:0 1px 2px #00000014}.btn-primary:hover{background:color-mix(in srgb,var(--accent-warm) 90%,black);box-shadow:0 2px 4px #0000001f}.btn-primary:active{box-shadow:0 1px 2px #00000014}.btn-secondary{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border-subtle);box-shadow:0 1px 2px #0000000a}.btn-secondary:hover{border-color:var(--text-annotation);box-shadow:0 2px 4px #00000014}.btn-secondary:active{box-shadow:0 1px 2px #0000000a}.btn-danger{background:var(--accent-warm);color:#fff;border:none;box-shadow:0 1px 2px #00000014}.btn-danger:hover{background:color-mix(in srgb,var(--accent-warm) 90%,black);box-shadow:0 2px 4px #0000001f}.btn-danger:active{box-shadow:0 1px 2px #00000014}.btn-danger-outline{background:var(--bg-card);color:var(--accent-warm);border:1px solid var(--accent-warm);box-shadow:0 1px 2px #0000000a}.btn-danger-outline:hover{background:var(--accent-warm);color:#fff;box-shadow:0 2px 4px #0000001f}.btn-danger-outline:active{box-shadow:0 1px 2px #0000000a}.btn-ghost{background:transparent;border:none;color:var(--text-muted);box-shadow:none}.btn-ghost:hover{color:var(--accent-warm);background:var(--bg-hover)}.btn-ghost:active{background:var(--bg-card)}.btn-action-primary{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;width:auto;min-width:240px;align-self:flex-start;padding:1.1rem 3rem;background:var(--accent-warm);color:#fff;border:none;border-radius:var(--radius-pill);font-size:1.15rem;font-weight:600;cursor:pointer;transition:var(--transition-cozy);box-shadow:none;margin-top:1.5rem;font-family:var(--font-serif-body);text-transform:capitalize;letter-spacing:.03em}.btn-action-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-warm-shadow, rgba(184, 92, 56, .25));background:var(--accent-warm-hover, var(--accent-warm))}.btn-action-primary:active{transform:translateY(0);box-shadow:none}.btn-action-primary:disabled{opacity:.8;cursor:wait}.tab-container{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;width:100%}@media(max-width:768px){.tab-container{gap:.5rem;padding:0 .25rem}}.tab-button{box-sizing:border-box;text-decoration:none;line-height:1.2;padding:.6rem 1.1rem;border:1.5px solid var(--border-subtle);background:var(--bg-card);border-radius:var(--radius-pill);cursor:pointer;color:var(--text-main);transition:var(--transition);font-size:.95rem;font-weight:500;font-family:var(--font-serif-body);display:flex;align-items:center;justify-content:center;text-align:center;gap:.5rem;position:relative;box-shadow:none}.tab-button:hover:not(.active):not(.tab-active){border-color:var(--accent-warm);color:var(--accent-warm);transform:translateY(-1px);box-shadow:0 2px 8px #b85c3814}.tab-button:active{transform:translateY(0)}.tab-button.active,.tab-active{border-color:var(--accent-warm);color:var(--accent-warm);font-weight:600;background:color-mix(in srgb,var(--accent-warm) 8%,transparent);box-shadow:none}.tab-button:focus-visible,.tab-button.active:focus-visible,.tab-button.tab-active:focus-visible{outline:none;box-shadow:var(--shadow-md),var(--focus-ring)}.tab-button.tab-main.active,.tab-button.tab-main.tab-active{background:color-mix(in srgb,var(--accent-warm) 8%,transparent)}.tab-button.tab-sub{font-size:clamp(1.15rem,3.5vw,1.2rem);font-weight:500}.tab-button.tab-sub.active,.tab-button.tab-sub.tab-active{background:color-mix(in srgb,var(--accent-warm) 8%,transparent);border-color:var(--accent-warm);color:var(--accent-warm);box-shadow:none}@media(max-width:600px){.tab-button{padding:.4rem .5rem;white-space:normal;font-size:.95rem;gap:.3rem;min-width:fit-content;line-height:1.2}.tab-button.tab-sub{font-size:.85rem;padding:.35rem .45rem}@media(max-width:380px){.tab-button{padding:.4rem;font-size:.85rem;gap:.22em}.tab-button.tab-sub{font-size:.78rem;padding:.35rem .4rem}}.tab-button:not(.active):not(.tab-active){border:1.5px solid var(--border-subtle);color:var(--text-main);background:var(--bg-card);box-shadow:none}.tab-button.active,.tab-button.tab-active{border-color:var(--accent-warm);color:var(--accent-warm);font-weight:600;background:color-mix(in srgb,var(--accent-warm) 12%,transparent);box-shadow:none}.tab-container{flex-wrap:nowrap;gap:.5rem;justify-content:center}.tab-container .tab-button:not(.tab-main){flex:0 1 auto!important;min-width:0;max-width:none;height:26px!important;padding:0 .6rem!important;font-size:.75rem!important;border-radius:20px!important;white-space:nowrap;gap:4px!important;display:inline-flex;align-items:center;justify-content:center}.tab-container .tab-button:not(.tab-main) .tab-icon{width:12px!important;height:12px!important;margin-right:0}}@media(max-width:768px){.tab-container{flex-wrap:nowrap;gap:.5rem;justify-content:center}.tab-container .tab-button.tab-main{flex:0 1 auto!important;min-width:0;height:auto!important;padding:4px 12px!important;font-size:.8rem!important;line-height:1.4!important;border-radius:20px!important;white-space:nowrap;gap:4px!important;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box!important}.tab-container .tab-button.tab-main .tab-icon{width:13px!important;height:13px!important}}.btn-text-danger{background:none;border:none;color:var(--accent-warm);font-size:.9rem;font-weight:500;cursor:pointer;padding:.6rem 1rem;transition:var(--transition)}.btn-text-danger:hover{color:var(--accent-warm);text-decoration:underline;opacity:.8;transform:translateY(-1px)}.btn-pill{border-radius:var(--radius-pill);padding:.35rem 1rem;min-height:auto}.btn-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-pill);border:none;background:var(--bg-card);color:var(--text-muted);transition:none;cursor:pointer;box-shadow:var(--shadow-border-single);padding:0;flex-shrink:0}.btn-icon:hover{color:var(--accent-warm);background:var(--bg-card);box-shadow:var(--shadow-border-single-active)}.btn-icon:active{background:var(--bg-hover)}.btn-sm{height:38px;padding:0 1.25rem;font-size:.85rem;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center}@media(max-width:768px){.btn-primary,.btn-secondary,.btn-danger,.btn-danger-outline,.btn-ghost{min-height:48px;padding:.875rem 1.5rem}.btn-secondary,.btn-danger-outline,.btn-ghost,.btn-icon{border:var(--border-mobile);box-shadow:none}.tab-button:not(.active):not(.tab-active){border:1.5px solid var(--border-subtle);color:var(--text-main);background:var(--bg-card);box-shadow:none}.tab-button.active,.tab-button.tab-active{border-color:var(--accent-warm);color:var(--accent-warm);font-weight:600;background:color-mix(in srgb,var(--accent-warm) 12%,transparent);box-shadow:none}.tab-container{flex-wrap:nowrap;gap:.5rem;justify-content:center}.tab-container .tab-button{flex:0 1 auto!important;min-width:0;max-width:none;height:26px!important;padding:0 .6rem!important;font-size:.75rem!important;border-radius:20px!important;white-space:nowrap;gap:4px!important;display:inline-flex;align-items:center;justify-content:center}.tab-container .tab-button .tab-icon{width:12px!important;height:12px!important;margin-right:0}.standard-form-container .btn-action-primary,#generatePracticeBtn{display:inline-flex!important;margin:0 auto!important;align-self:center!important;width:auto!important;min-width:200px!important;padding-left:2rem!important;padding-right:2rem!important}.landing-main .btn-action-primary,.landing-main #importBtn,.landing-main #analyzeBtn{font-size:1.05rem!important;padding:.9rem 2.5rem!important;min-width:200px!important;margin-top:1rem!important;box-shadow:0 4px 14px var(--accent-warm-shadow, rgba(184, 92, 56, .3))!important}.landing-main #generateBtn{font-size:1.25rem!important;height:56px!important;min-width:220px!important;margin-top:1rem!important;box-shadow:0 4px 14px var(--accent-warm-shadow, rgba(184, 92, 56, .3))!important}.landing-main #analyzeBtn{height:56px!important}.tab-button:hover,.btn-secondary:hover,.btn-ghost:hover,.btn-icon:hover{border-color:var(--border-active)}.btn-primary,.btn-danger{border:var(--border-mobile-double);box-shadow:none}.btn-danger-outline{border:var(--border-mobile-active)}.btn-danger-outline:hover{border:var(--border-mobile-double);border-color:var(--border-active)}}.result-card{background:var(--paper-color);background-image:var(--spine-shadow);border-radius:var(--card-radius);border:none;padding:var(--card-padding);margin-top:var(--card-margin-top);margin-bottom:2rem;position:relative;box-shadow:var(--shadow-md);overflow:visible;background:linear-gradient(135deg,rgba(255,252,247,.5) 0%,transparent 50%),var(--paper-color)}:root[data-appearance=dark] .result-card{background:var(--paper-color)}.book-perspective{perspective:1500px;transform-style:preserve-3d;position:relative;z-index:1}.flipping-page{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--paper-color);background-image:var(--spine-shadow);border-radius:var(--radius-card);border:1px solid var(--border-subtle);z-index:100;transform-origin:left center;transition:transform 1s cubic-bezier(.645,.045,.355,1);backface-visibility:hidden;pointer-events:none;will-change:transform}.flipping-page.flip-backward{transform-origin:right center}.flipping-page.active-next{transform:rotateY(-180deg)}.flipping-page.active-prev{transform:rotateY(180deg)}.progress-pill-group{display:inline-flex;align-items:center;background:var(--bg-card);border:none;border-radius:var(--radius-badge);padding:0 2px;box-shadow:none;white-space:nowrap;gap:0;height:36px}#progressIndicator .progress-pill-group,#btnJumpToCard{border:none;box-shadow:none;background:var(--bg-card)}.pill-divider-vertical{width:1px;height:16px;background:var(--border-subtle);margin:0 4px;flex-shrink:0}.btn-toolbar-pill{background:var(--bg-card);border:none;cursor:pointer;font-size:.85rem;font-weight:500;color:var(--text-muted);padding:6px 14px;border-radius:var(--radius-pill);transition:none;display:flex;align-items:center;gap:8px;height:36px;white-space:nowrap}.btn-toolbar-pill:hover{color:var(--accent-warm)}.btn-toolbar-pill.active{background:var(--bg-hover);color:var(--accent-warm)}.btn-toolbar-pill svg{opacity:.8}.btn-toolbar-pill.active svg{opacity:1;stroke:var(--accent-warm)}.btn-toolbar-pill.secondary{background:transparent;border:1px solid var(--border-subtle);padding:4px 12px;height:32px;box-shadow:none;font-size:.8rem;color:var(--text-muted)}.btn-toolbar-pill.secondary:hover{color:var(--text-main);border-color:var(--text-muted)}.btn-toolbar-pill.secondary.wide-view-active{background:transparent;border-color:var(--accent-warm);color:var(--accent-warm)}.hud-pill{display:flex;align-items:center;background:var(--bg-card);border:none;border-radius:var(--radius-badge);padding:2px 4px 2px 12px;box-shadow:var(--shadow-border-single);height:36px;gap:10px}.hud-pill .hud-label{font-size:.85rem;font-weight:600;color:var(--text-annotation)}.hud-pill .btn-primary{padding:4px 12px;height:28px;font-size:.75rem;border-radius:var(--radius-pill)}.metadata-group.stats-group{display:flex;align-items:center;gap:1rem;min-width:0}.metadata-group.desktop-only{gap:1rem;margin-left:auto}.progress-stage .stage-icon{position:relative}.progress-stage.active .stage-icon{border-color:var(--accent-warm);background:#b86e601a}.progress-stage.active .stage-icon svg{color:var(--accent-warm);animation:pulse 1.5s ease-in-out infinite}.progress-stage.completed .stage-icon{border-color:#22c55e;background:#22c55e}.progress-stage.completed .stage-icon svg{color:#fff}.progress-stage.completed span{color:var(--text-main);font-weight:600}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}#progressIndicator{animation:slideInUp .4s cubic-bezier(.2,.8,.2,1)}.sidebar{width:220px;background:var(--bg-app);border-right:1px solid var(--border-subtle);padding:1.25rem 1rem .5rem 0;display:flex;flex-direction:column;flex-shrink:0;height:100vh;position:fixed;top:0;overflow-y:hidden;transition:width .2s ease}.sidebar-brand-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding:0 .25rem 0 .5rem}.sidebar-brand{font-size:1.25rem;font-weight:700;color:var(--text-main);white-space:nowrap}.sidebar-collapse-btn{background:none;border:1.5px solid var(--border-subtle);border-radius:6px;cursor:pointer;color:var(--text-muted);padding:5px;display:flex;align-items:center;justify-content:center;transition:color .15s,border-color .15s}.sidebar-collapse-btn:hover{color:var(--accent-warm);border-color:var(--accent-warm)}.sidebar-brand-short{display:none;font-size:1.4rem;font-weight:700;color:var(--text-main)}.sidebar.collapsed{width:60px;padding:1.5rem .5rem;align-items:center}.sidebar.collapsed .sidebar-brand-row{justify-content:center;margin-bottom:1.25rem}.sidebar.collapsed .sidebar-brand{display:none}.sidebar.collapsed .sidebar-brand-short{display:block}.sidebar.collapsed .sidebar-collapse-btn{display:none}.sidebar.collapsed .nav-item span,.sidebar.collapsed .sidebar-section-label,.sidebar.collapsed .sidebar-user-spot #userEmail,.sidebar.collapsed .sidebar-settings-trigger svg:last-child{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:.55rem;gap:0}.sidebar.collapsed .sidebar-user-spot{width:100%}.sidebar.collapsed .sidebar-settings-trigger{justify-content:center;padding:.5rem}.sidebar.collapsed .sidebar-settings-trigger .user-profile-info{justify-content:center}.sidebar.collapsed .sidebar-settings-trigger .user-profile-info span{display:none}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:var(--radius-scrollbar)}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sidebar-title{font-family:var(--font-serif-heading);font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.sidebar-progress{margin-top:auto;margin-bottom:2rem;padding:0;background:transparent;border-radius:0;border:none;box-shadow:none}.progress-track{width:100%;height:6px;background:var(--ui-progress-track);border-radius:var(--radius-progress);overflow:hidden;margin:.75rem 0}.progress-fill{height:100%;background:var(--accent-warm);transition:width .4s ease}.nav-item{display:flex;background:transparent;border:none;width:100%;text-align:left;align-items:center;gap:.65rem;padding:.5rem .75rem .5rem .5rem;border-radius:8px;color:var(--text-main);text-decoration:none;font-weight:500;font-size:.95rem;margin-bottom:2px;transition:background .15s,color .15s;cursor:pointer;font-family:var(--font-serif-body);position:relative;box-shadow:none}.nav-item:hover{color:var(--accent-warm);background:color-mix(in srgb,var(--accent-warm) 6%,transparent);box-shadow:none;transform:none}.nav-item.active{background:color-mix(in srgb,var(--accent-warm) 12%,transparent);color:var(--accent-warm);font-weight:600;box-shadow:none;transform:none}.nav-item svg{width:20px;height:20px;color:var(--text-muted)}.nav-item.active svg{color:var(--accent-warm)}.nav-group{display:flex;flex-direction:column}.nav-group-header{display:flex;align-items:center}.nav-group-chevron{margin-left:.4rem;flex-shrink:0;color:var(--text-muted);transition:transform .2s ease}.nav-group-header.open .nav-group-chevron{transform:rotate(180deg)}.nav-group-children{display:none;flex-direction:column;padding-left:.75rem}.nav-group-children.open{display:flex}.nav-child-item{font-size:.875rem!important;padding:.35rem .75rem .35rem .5rem!important;color:var(--text-muted)!important}.nav-child-item:hover{color:var(--accent-warm)!important;background:color-mix(in srgb,var(--accent-warm) 6%,transparent)!important}@media(max-width:768px){.sidebar{display:none!important}.nav-item{border:none;box-shadow:none}.nav-item:hover{border-color:transparent}.nav-item.active{border:none;box-shadow:none}}.history-section-title{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:1.5rem;margin-bottom:.6rem;padding-left:.5rem}.history-item-sidebar{padding:.55rem .85rem;border-radius:var(--radius-sm);font-size:.9rem;color:var(--text-secondary);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s;display:flex;justify-content:space-between}.history-item-sidebar:hover{color:var(--accent-warm);transform:translateY(-1px)}.history-delete-btn{opacity:0;font-size:1.1em;padding:0 4px}.history-item-sidebar:hover .history-delete-btn{opacity:1}.history-group{margin-bottom:.25rem}.history-group-header{background:transparent;color:var(--text-muted);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-radius:var(--radius-sm);transition:background .2s;-webkit-user-select:none;user-select:none}.history-group-header:hover{color:var(--accent-warm);transform:translateY(-1px)}.history-group-header svg{width:12px;height:12px;stroke-width:2px;transition:transform .2s;opacity:.4;pointer-events:none;transform:rotate(-90deg)}.history-group.expanded .history-group-header svg{transform:rotate(0)}.history-group-content{display:none;padding-left:.25rem;margin-bottom:.5rem}.history-group.expanded .history-group-content{display:flex;flex-direction:column;gap:2px}.history-checkbox{display:none;margin-right:8px;width:14px;height:14px;cursor:pointer;accent-color:var(--accent-warm)}#historyList.edit-mode .history-checkbox{display:block}#historyList.edit-mode .delete-btn{display:none}#historyList.edit-mode .history-item-sidebar{padding-left:.5rem}.sidebar-action-btn{background:none;border:none;font-size:.7rem;color:var(--text-muted);cursor:pointer;padding:.2rem .5rem;border-radius:var(--radius-pill);font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .2s}.sidebar-action-btn:hover{color:var(--accent-warm);transform:translateY(-1px)}.sidebar .user-profile{margin-top:0;padding-top:.5rem;padding-bottom:.5rem;border-top:none;flex-direction:column;align-items:center;gap:1rem;width:100%}.sidebar .user-profile-info{width:auto;padding:0;color:var(--text-muted);flex-direction:column;gap:.2rem;display:flex;align-items:flex-start;line-height:1}.sidebar-settings-trigger svg{margin-left:.5rem;flex-shrink:0}.sidebar #logoutBtn{width:100%;justify-content:center;padding:.6rem}.mobile-streak-summary{display:none;flex-direction:column;padding:1rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:.75rem;box-shadow:0 1px 2px var(--shadow-ink-sm)}.desktop-streak-summary{display:flex;justify-content:center;margin:0 0 1.5rem}@media(max-width:768px){.desktop-streak-summary{display:none}}.streak-header{display:flex;justify-content:space-between;align-items:center}.streak-label-group{display:flex;align-items:center;justify-content:center;gap:.4rem}.label-xs{font-family:var(--font-serif-body);font-size:.86rem;letter-spacing:.05em;font-weight:600;color:var(--text-muted)}.streak-count{font-size:.95rem;font-weight:700;color:var(--accent-warm);font-family:var(--font-serif-body)}.progress-bar-container-sm{width:100%;height:7px;background:var(--ui-progress-track);border-radius:var(--radius-progress);overflow:hidden}.streak-footer{font-size:1.2rem;color:var(--text-muted);font-family:var(--font-serif-body)}#mobileWordsRead{color:var(--text-main);font-size:1.5rem;font-weight:700}@media(max-width:768px){.mobile-streak-summary.mobile-only-flex{display:flex}}.theme-customizer-btn{position:absolute;top:2rem;right:2.5rem;z-index:1000;width:44px;height:44px;border-radius:50%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:transform .2s,background .2s}.theme-customizer-btn svg{color:var(--accent-warm);width:28px;height:28px;transition:color .2s}.theme-customizer-btn:hover{background:var(--bg-hover);transform:scale(1.05)}.theme-customizer-btn:hover svg{color:var(--accent-warm)}@media(max-width:768px){.theme-customizer-btn{position:fixed!important;top:1rem!important;left:1rem!important;right:auto!important;z-index:1001;width:44px;height:44px;background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:0 2px 8px #0000001a}.theme-customizer-btn svg{width:20px;height:20px}}.mastery-celebration-text{animation:mastery-pop-in .6s cubic-bezier(.16,1,.3,1) forwards;filter:drop-shadow(0 4px 12px rgba(176,74,43,.15))}.mastery-celebration-text .delta-number{font-family:var(--font-sans);font-size:1.4rem;font-weight:800;color:var(--accent-warm);line-height:.8;display:block}.mastery-celebration-text .delta-label{font-family:var(--font-serif-body);font-size:.95rem;font-weight:700;color:var(--text-mastered);opacity:.9;letter-spacing:-.01em}.mastery-celebration-text.fade-out{animation:mastery-fade-out .6s ease-in forwards}@keyframes mastery-pop-in{0%{transform:translateY(10px) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes mastery-fade-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(-20px);opacity:0}}.auth-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:5000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.auth-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-modal-content{position:relative;background:#fff;border-radius:var(--radius-lg);padding:2.5rem;width:90%;max-width:420px;box-shadow:0 8px 24px #3e2f281f;animation:slideInUp .3s cubic-bezier(.2,.8,.2,1)}.auth-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;border-radius:var(--radius-sm);transition:var(--transition);display:flex;align-items:center;justify-content:center}.auth-modal-close:hover{color:var(--accent-warm);transform:translateY(-1px)}.auth-tabs{display:flex;gap:.5rem;margin-top:.5rem;margin-bottom:2rem;background:var(--bg-hover);padding:.35rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.auth-tab{flex:1;padding:.65rem 1rem;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);font-family:var(--font-serif-body)}.auth-tab:hover:not(.active){color:var(--accent-warm);transform:translateY(-1px)}.auth-tab.active{background:#fff;color:var(--text-main);box-shadow:var(--shadow-sm)}.unified-tooltip{position:fixed;top:0;right:0;left:auto;width:320px;height:100vh;background:var(--bg-card);box-shadow:-5px 0 25px #0000001a;z-index:5000;display:none;flex-direction:column;padding:0;border-left:1px solid var(--border-subtle);transition:transform .35s cubic-bezier(.65,0,.35,1),opacity .35s cubic-bezier(.65,0,.35,1);transform:translate(100%);opacity:0;visibility:hidden;pointer-events:none;font-family:var(--font-serif-heading);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent;will-change:transform,opacity;backface-visibility:hidden;-webkit-font-smoothing:antialiased;-webkit-user-select:text;user-select:text}.unified-tooltip.visible{transform:translate(0);opacity:1;visibility:visible;pointer-events:auto}@media(min-width:769px)and (max-width:1199px){.unified-tooltip{top:50%;left:50%;right:auto;width:360px;height:auto;max-height:85vh;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);transform:translate(-50%,-40%);box-shadow:0 20px 50px #0003}.unified-tooltip.visible{transform:translate(-50%,-50%)}}@media(max-width:768px){.unified-tooltip{position:absolute;inset:auto;width:280px;height:auto;max-height:70vh;border:1px solid var(--border-subtle);border-radius:var(--radius-tooltip);transform:translateY(8px) scale(.95);opacity:0;box-shadow:0 8px 24px #0000001f}.unified-tooltip.visible{transform:translateY(0) scale(1);opacity:1}}.action-menu-header{padding:14px 16px;background:var(--bg-metadata);border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:2px}.action-menu-context-word{font-size:1.1rem;font-weight:700;color:var(--text-main);letter-spacing:-.01em}.action-menu-context-trans{font-size:1.2rem;color:var(--text-muted);font-style:italic;font-family:var(--font-serif-body)}.action-menu-list{display:flex;flex-direction:column;padding:6px}.action-menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;border:none;border-radius:var(--radius-button);color:var(--text-main);font-size:.95rem;font-weight:600;cursor:pointer;text-align:left;font-family:inherit;opacity:.95}.action-menu-item:hover{color:var(--accent-warm)}.action-menu-item svg{color:var(--text-main);opacity:.7;transition:color .15s,opacity .15s}.action-menu-item:hover svg{color:var(--accent-warm);opacity:1}.action-menu-item.active{color:var(--accent-warm)}.action-menu-item.active svg{color:var(--accent-warm);opacity:1}.action-menu-divider{height:1px;background:var(--border-subtle);margin:4px 10px}.action-menu-details{padding:16px;background:var(--bg-card);border-top:1px solid var(--border-subtle);font-size:1.05rem;line-height:1.4;color:var(--text-main);animation:slideUp .2s ease-out}.action-menu-grammar{margin-top:12px;font-size:.85rem;color:var(--text-muted);line-height:1.5;padding:10px;background:var(--bg-secondary);border-radius:var(--radius-tooltip)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tooltip-actions{display:flex;gap:.5rem;align-items:center}.tooltip-mark-known{background:none;border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-sm);display:flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;transition:all .2s}.tooltip-mark-known:hover{border-color:var(--accent-warm);color:var(--accent-warm);transform:translateY(-1px)}.tooltip-mark-known.is-known{background:var(--accent-warm);border-color:var(--accent-warm);color:#fff}.tooltip-phonetic{font-family:var(--font-serif-body);color:#94a3b8;font-size:.85rem;margin-bottom:.25rem;display:block}.tooltip-action-icon,.tooltip-audio-btn,.tooltip-copy-btn,.tooltip-status-btn,.tooltip-analyze-btn{pointer-events:auto!important;position:relative;z-index:1002;cursor:pointer;min-width:24px;min-height:24px}.tooltip-utility-bar{display:none!important}.tooltip-def{line-height:1.4}.action-menu-item.saved-state{color:var(--accent-warm);opacity:.85}.action-menu-item.saved-state svg{color:var(--accent-warm);opacity:1}.action-menu-item.saved-state:hover{opacity:1}.save-btn-text{transition:all .2s ease}.page-header-section{margin-bottom:2rem}.saved-phrase-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:1.2rem 1.25rem;margin-bottom:1rem;box-shadow:0 1px 2px #0000000a;transition:all .2s ease}.saved-phrase-card:hover{box-shadow:0 2px 8px #00000014;border-color:var(--text-annotation)}.save-phrase-btn:hover{color:var(--accent-warm)!important}.save-phrase-btn:hover svg{transform:scale(1.1)}.delete-phrase-btn:hover{color:#ef4444!important;background:#fee2e2;opacity:1}.delete-phrase-btn:hover svg{transform:scale(1.1)}.save-phrase-btn svg,.delete-phrase-btn svg{transition:transform .2s}@media(max-width:768px){.phrase-checkbox{width:24px!important;height:24px!important;margin-right:.5rem!important}.delete-phrase-btn{padding:.75rem!important;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.delete-phrase-btn svg{width:20px!important;height:20px!important}.saved-phrase-card{margin-bottom:1rem!important;padding:1.25rem!important}}.phrase-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--border-subtle);transition:var(--transition)}.phrase-item:last-child{border-bottom:none}.phrase-item:hover .chunk-text{color:var(--accent-warm)}.chunk-text{font-weight:600;font-size:1.1rem;color:var(--text-main)}.phrase-card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:.5rem}.phrase-card-content{display:flex;align-items:start;gap:.75rem;flex:1}.phrase-card-text-wrapper{flex:1}.phrase-card-title{font-size:1.05rem;font-weight:500;color:var(--text-main);margin-bottom:.35rem;font-family:var(--font-serif-body);line-height:1.4}.phrase-card-translation{color:var(--text-muted);font-size:.95rem;margin-bottom:.75rem;font-family:var(--font-serif-body);line-height:1.4}.phrase-card-context{font-size:.85rem;color:var(--text-main);background:color-mix(in srgb,var(--accent-warm) 9%,var(--bg-card));padding:.75rem;border-radius:8px;font-family:var(--font-serif-body);line-height:1.5}.phrase-card-context strong{font-weight:600}.phrase-card-meta{font-size:.75rem;color:var(--text-muted);margin-top:.65rem;opacity:.8;font-family:var(--font-serif-body)}.phrase-checkbox{margin-top:.25rem;cursor:pointer;accent-color:var(--accent-warm);width:18px;height:18px;flex-shrink:0}.delete-phrase-btn{background:none;border:none;color:#ef4444;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;opacity:.7;flex-shrink:0}.empty-state-message{text-align:center;color:var(--text-muted);padding:3rem;font-family:var(--font-serif-body)}.error-state-message{text-align:center;color:#ef4444;padding:2rem;font-family:var(--font-serif-body)}.grammar-sidebar{display:flex;position:fixed;top:0;right:0;width:420px;height:100vh;background:var(--bg-card);box-shadow:-10px 0 50px #3e2f2826;border-left:1px solid var(--border-subtle);padding:2.5rem 2rem;flex-direction:column;gap:1.5rem;z-index:5000;transition:transform .35s cubic-bezier(.65,0,.35,1),opacity .35s cubic-bezier(.65,0,.35,1);transform:translate(100%);opacity:0;visibility:hidden;pointer-events:none;font-family:var(--font-serif-heading);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent;will-change:transform,opacity;backface-visibility:hidden;-webkit-font-smoothing:antialiased;-webkit-user-select:text;user-select:text}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sidebar-backdrop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;z-index:4999;opacity:0}.sidebar-backdrop.active{display:block;opacity:1}.grammar-sidebar.active{transform:translate(0);opacity:1;visibility:visible;pointer-events:auto}.grammar-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle)}.grammar-sidebar-title{font-size:1.1rem;font-weight:600;color:var(--text-main);margin:0}.grammar-close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;line-height:1;padding:0}.grammar-content{display:flex;flex-direction:column;gap:1.25rem}.grammar-placeholder{color:var(--text-muted);font-style:italic;font-size:.9rem;text-align:center;padding:2rem 0}.grammar-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-left:4px solid var(--accent-warm);border-radius:var(--radius-md);box-shadow:0 1px 2px #3e2f280a;transition:var(--transition);overflow:hidden;padding:0}.grammar-item-header{background:var(--bg-metadata);padding:14px 16px;border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:4px}.grammar-item-source{font-size:1.1rem;font-weight:700;color:var(--text-main);letter-spacing:-.01em;line-height:1.2;margin:0}.grammar-item-pos{font-size:1rem;color:var(--text-muted);font-style:italic;font-family:var(--font-serif-body);font-weight:400;text-transform:none;letter-spacing:normal;background:none;padding:0;margin:0}.grammar-item-body{padding:16px;background:var(--bg-card)}.grammar-item-explanation{font-size:1.05rem;line-height:1.6;color:var(--text-main);opacity:.85}@media(max-width:768px){.grammar-sidebar{width:100%;height:auto;max-height:85vh;top:auto;bottom:0;right:0;border-left:none;border-top:1px solid var(--border-subtle);border-top-left-radius:24px;border-top-right-radius:24px;padding:1.5rem 1.5rem 2.5rem;animation:drawerSlideUp .4s cubic-bezier(.16,1,.3,1);box-shadow:0 -10px 40px #0000001a;position:fixed}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:65px;background:var(--bg-app);border-top:1px solid var(--border-subtle);display:none;justify-content:space-between;align-items:center;z-index:1000;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 .5rem;gap:.5rem}.bottom-nav::-webkit-scrollbar{display:none}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.5rem .25rem;color:var(--text-muted);text-decoration:none;font-size:.7rem;min-width:60px;flex:0 0 auto;transition:var(--transition);font-family:inherit;text-align:center;white-space:nowrap;line-height:1.1;position:relative}.bottom-nav-item.active{color:var(--accent-warm)}.bottom-nav-item svg{width:24px;height:24px}@media(max-width:768px){.bottom-nav{display:flex}}@media(max-width:400px){.bottom-nav-item{font-size:.6rem;padding:.4rem .2rem}}.review-badge{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 6px;background:var(--accent-warm);color:#fff;font-size:.85rem;font-weight:700;border-radius:var(--radius-badge);display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:none;z-index:100}.sidebar .nav-item .review-badge{position:static;margin-left:auto}.bottom-nav-item .review-badge{top:0;right:8px}.toolbar-item .review-badge{top:-2px;right:-6px}.tab-button .review-badge{top:-4px;right:-4px}.bottom-nav-more-backdrop{position:fixed;inset:0;background:#0006;z-index:1999;display:none;opacity:0;transition:opacity .2s ease}.bottom-nav-more-backdrop.visible{opacity:1}.bottom-nav-more-menu{position:fixed;bottom:75px;right:.5rem;width:max-content;min-width:140px;background:var(--paper-color);display:none;flex-direction:column;align-items:stretch;z-index:2000;border-radius:.5rem;padding:.25rem 0;box-shadow:0 4px 20px #00000026;pointer-events:auto;transform:translateY(20px);opacity:0;transition:transform .2s ease,opacity .2s ease}.bottom-nav-more-menu.visible{transform:translateY(0);opacity:1}.bottom-nav-more-item{padding:.6rem .65rem;text-align:left;color:var(--text-main);text-decoration:none;font-size:.9rem;display:flex;flex-direction:row;align-items:center;gap:.5rem;font-family:var(--font-sans);font-weight:500;transition:background .15s ease;border-bottom:none;white-space:nowrap}.bottom-nav-more-item:hover{background:var(--bg-hover)}.bottom-nav-more-item svg{width:18px;height:18px;flex-shrink:0;color:var(--text-muted)}.bottom-nav-more-item span{flex:1}#navMore{background:var(--bg-app);z-index:1002}.bottom-nav-more-item:last-child{border-bottom:none}.bottom-nav-more-item:first-child{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.bottom-nav-more-item:last-child{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.target-unit{cursor:pointer}.highlight-unit{border-radius:var(--radius-button);padding:2px 0;transition:background-color .15s ease;display:inline;cursor:pointer;box-decoration-break:clone;-webkit-box-decoration-break:clone}.highlight-unit.active,.highlight-unit.interaction-active{background-color:var(--color-phrase-highlight)}.interactive-word.cursor-active{position:relative;border-radius:var(--radius-button);background:var(--color-phrase-highlight);text-decoration:none;z-index:5}.unit-alignment-container{display:flex;flex-wrap:wrap;row-gap:1.5rem;column-gap:.25rem;align-items:flex-start}.unit-stack{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.unit-stack .source-unit{margin-bottom:.5rem;white-space:pre-wrap}.unit-stack .target-unit{white-space:pre-wrap}.sidebar-mirror-list{display:flex;flex-direction:column;gap:.75rem;animation:fadeIn .3s ease}.sidebar-mirror-item{display:flex;flex-direction:column;padding:.85rem 1rem;background:transparent;border:none;border-bottom:1px solid var(--border-subtle);border-radius:0;transition:none;cursor:pointer;box-shadow:none}.sidebar-mirror-item:hover{background:var(--bg-hover)}.sidebar-mirror-source{font-weight:600;color:var(--text-main);font-size:1rem;line-height:1.4}.sidebar-mirror-target{color:var(--text-muted);font-size:.9rem;font-style:italic;margin-top:.25rem;line-height:1.4}.sidebar-mirror-item.active{background:var(--bg-hover);border-left:3px solid var(--accent-warm);padding-left:calc(1rem - 3px)}.unit-tooltip-trigger{border-bottom:2px dotted var(--text-muted);padding-bottom:1px}.history-group-page{margin-bottom:2.5rem}.history-group-header-page{color:var(--accent-warm);border-bottom:none;padding-bottom:.5rem;margin-bottom:1rem;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-serif-body)}.history-items-list{display:grid;gap:.75rem}.history-item-card{display:flex;align-items:center;gap:1rem;padding:1.2rem 1.25rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000a}.history-item-card:hover{border-color:var(--text-annotation);box-shadow:0 2px 8px #00000014}.history-page-checkbox{width:20px;height:20px;accent-color:var(--accent-warm);cursor:pointer;flex-shrink:0}.history-item-content{flex:1;min-width:0}.history-item-text{font-size:1rem;line-height:1.5;color:var(--text-main);font-weight:400;margin-bottom:.35rem;font-family:var(--font-serif-body);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.history-item-date{font-size:.8rem;color:var(--text-muted);font-family:var(--font-serif-body)}.history-action-buttons{display:flex;gap:.25rem;align-items:center;flex-shrink:0}.history-copy-btn,.history-delete-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.history-copy-btn{color:var(--text-muted)}.history-copy-btn:hover{background:var(--bg-hover);color:var(--text-main)}.history-delete-btn{color:var(--text-muted);opacity:1}.history-delete-btn:hover{background:var(--bg-hover);color:var(--text-main)}.history-copy-btn svg,.history-delete-btn svg{width:18px;height:18px}.history-item{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;background:#fff;border:1px solid var(--border-subtle);border-radius:4px;margin-bottom:.8rem;cursor:pointer;text-decoration:none;box-shadow:0 1px 2px #3e2f280a}.history-item:hover{border-color:var(--accent-warm);box-shadow:0 4px 12px #3e2f280f}.history-snippet{font-family:var(--font-serif-heading);font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.history-meta{font-size:.85rem;color:var(--text-muted);font-family:var(--font-serif-body)}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.history-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}@media(max-width:768px){.history-page-checkbox{width:24px!important;height:24px!important;margin-right:.5rem!important}.history-delete-btn{padding:.75rem!important;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.history-delete-btn svg{width:20px!important;height:20px!important}.history-item-card{margin-bottom:1rem!important;padding:1.25rem!important}.history-header{flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center;text-align:center}.history-header h1{width:100%;margin-bottom:.5rem!important}.history-actions{width:100%;justify-content:center}}.vocab-container{padding:5rem 3rem!important;min-height:500px;display:flex;flex-direction:column;justify-content:flex-start}.vocab-row{border-bottom:1px solid var(--border-subtle);transition:background-color .15s ease}.vocab-row:hover{background-color:var(--bg-hover)}.vocab-cell{padding:.75rem 1rem}.vocab-word{font-weight:500;cursor:pointer}.vocab-word-text{font-weight:500}.vocab-word-clickable:hover{color:var(--accent-warm);text-decoration:underline}.status-known .vocab-word,.status-known .vocab-status-badge{color:var(--text-main)}.status-unknown .vocab-word,.status-unknown .vocab-status-badge{color:var(--accent-warm)}.vocab-count{text-align:center;color:var(--text-muted)}.vocab-status{text-align:center}.vocab-status-badge{padding:.25rem .75rem;border-radius:4px;font-size:.85rem;font-weight:500;display:inline-block;background:transparent}.vocab-definition{max-width:250px;word-wrap:break-word}.definition-btn:hover{background-color:var(--bg-hover);color:var(--accent-warm)!important}.definition-btn:disabled{opacity:.5;cursor:not-allowed}.definition-text{line-height:1.4;word-wrap:break-word;margin-left:.5rem}.vocab-header{position:sticky;top:0;background-color:var(--bg-card);z-index:10;text-align:left;padding:.75rem 1rem;font-weight:600;color:var(--text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-subtle)}.vocab-header-center{text-align:center}.vocab-toolbar{display:flex;align-items:center;justify-content:space-evenly;gap:1rem}.vocab-toolbar .form-input-sm{flex:0 1 250px}.vocab-toolbar .form-select-sm{flex:0 1 200px}.vocab-toolbar #btnExportCSV{flex:0 1 auto;display:flex;justify-content:center;align-items:center;gap:.5rem;white-space:nowrap}@media(max-width:600px){.vocab-cell,.vocab-header{padding:.75rem .5rem;font-size:.8rem}.vocab-status-badge{padding:.2rem .5rem;font-size:.75rem}.vocab-toolbar{flex-wrap:wrap;gap:.75rem;justify-content:space-between}.vocab-toolbar .form-input-sm,.vocab-toolbar .form-select-sm{flex:1 1 140px;min-width:0}.vocab-toolbar #btnExportCSV{flex:1 1 100%;justify-content:center}.vocab-header-center{width:60px!important}.vocab-definition{max-width:150px;font-size:.8rem}.definition-text{font-size:.75rem}}.quick-start-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:1.5rem;overflow:hidden;box-shadow:var(--shadow-sm)}.quick-start-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;border-bottom:1px solid var(--border-subtle);background:var(--bg-card);cursor:pointer}.quick-start-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-main);display:flex;align-items:center;gap:.5rem}.quick-start-header h3:before{display:none}.quick-start-toggle{background:none;border:none;cursor:pointer;padding:.25rem;color:var(--text-muted);transition:transform .3s ease}.quick-start-toggle:hover{color:var(--text-main)}.quick-start-toggle.collapsed{transform:rotate(-90deg)}.quick-start-content{max-height:600px;overflow:hidden;transition:max-height .3s ease}.quick-start-content.collapsed{max-height:0}.quick-start-tabs{display:flex;gap:.5rem;padding:1rem 1.5rem 0;border-bottom:1px solid var(--border-subtle);background:var(--bg-card)}.quick-start-tab{padding:.5rem 1rem;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-weight:500;color:var(--text-muted);transition:all .2s ease;font-size:.9rem}.quick-start-tab:hover{color:var(--text-main)}.quick-start-tab.active{color:var(--accent-warm);border-bottom-color:var(--accent-warm)}.quick-start-tab-content{padding:1.5rem}.quick-start-tab-content.hidden{display:none}.quick-start-intro{margin:0 0 1rem;color:var(--text-muted);font-size:.9rem}.quick-start-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.quick-start-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:1.5rem;cursor:pointer;text-align:left;box-shadow:var(--shadow-sm);transition:var(--transition-cozy)}.quick-start-card:hover{border-color:var(--accent-warm);box-shadow:var(--shadow-md);transform:translateY(-2px)}.quick-start-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;gap:.5rem}.quick-start-card-title{font-weight:600;color:var(--text-main);font-size:.95rem}.quick-start-badge{padding:.15rem .5rem;border-radius:var(--radius-badge);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.quick-start-badge-beginner{background:#10b98126;color:var(--color-success)}.quick-start-badge-intermediate{background:#d9770626;color:var(--accent-warm)}.quick-start-badge-advanced{background:#ef444426;color:var(--accent-red)}.quick-start-card-desc{margin:0;color:var(--text-muted);font-size:.85rem;line-height:1.4}.quick-start-list{display:flex;flex-direction:column;gap:1rem}.quick-start-item{display:flex;gap:1rem;padding:1.25rem;background:var(--bg-card);border:none;border-radius:var(--radius-card);box-shadow:var(--shadow-border-single)}.quick-start-item-icon{font-size:1.5rem;flex-shrink:0}.quick-start-item-content{flex:1}.quick-start-item-content h4{margin:0 0 .25rem;font-size:.95rem;font-weight:600;color:var(--text-main)}.quick-start-item-content p{margin:0 0 .5rem;color:var(--text-secondary);font-size:.85rem;line-height:1.4}.quick-start-item-example{display:inline-block;font-size:.8rem;color:var(--text-muted);font-style:italic}@media(max-width:768px){.quick-start-grid{grid-template-columns:1fr}.quick-start-header{padding:.75rem 1rem}.quick-start-tabs{padding:.75rem 1rem 0;gap:.25rem}.quick-start-tab{padding:.4rem .75rem;font-size:.85rem}.quick-start-tab-content{padding:1rem}.quick-start-item{flex-direction:column;gap:.5rem}.quick-start-item-icon{font-size:1.25rem}}.hero-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 1rem;width:100%;text-align:center}.hero-subtitle{margin:0 0 1rem;padding:.5rem;color:var(--text-muted);font-size:1.4rem;font-family:var(--font-serif-body);font-style:italic;font-weight:300;letter-spacing:.02em;line-height:1.2;text-align:center;width:auto;max-width:95%}.hero-button{padding:1.35rem 3.5rem;font-size:1.5rem;width:auto;max-width:90%;font-weight:700;border-radius:50px;background:linear-gradient(135deg,var(--accent-warm) 0%,#9A4A2C 100%);box-shadow:var(--shadow-lg),0 0 30px #b85c3840;transition:var(--transition-cozy)}.hero-button:hover{transform:scale(1.03) translateY(-2px);box-shadow:var(--shadow-lg),0 0 40px #b85c3859}.wizard-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;animation:wizardFadeIn .2s ease}@keyframes wizardFadeIn{0%{opacity:0}to{opacity:1}}.wizard-modal{background:var(--bg-card);padding:2.5rem;border-radius:var(--radius-modal);max-width:520px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg);transition:opacity .2s ease;border:1px solid var(--border-subtle)}.wizard-close-btn{position:absolute;top:1.25rem;right:1.25rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1}.wizard-close-btn:hover{background:var(--bg-accent-subtle);color:var(--text-main)}@media(max-width:768px){.podcast-lang-grid>div{display:flex;flex-direction:column;justify-content:flex-end}.podcast-lang-grid>div label{white-space:nowrap}}.wizard-heading{margin:0 0 1.5rem;color:var(--text-main);font-size:1.25rem;font-weight:700;font-family:var(--font-serif-heading);text-align:center}.wizard-heading-alt{text-align:left}.wizard-button-row{display:flex;justify-content:space-between;margin-top:1.5rem}.wizard-button-row-center{justify-content:center}.wizard-selection-btn{width:100%;padding:1.25rem 1.5rem;margin-bottom:14px;border:2px solid var(--border-subtle);border-radius:var(--radius-card);cursor:pointer;background:var(--bg-card);color:var(--text-main);transition:var(--transition);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:var(--font-serif-body);box-shadow:var(--shadow-sm);text-decoration:none}.wizard-selection-btn:hover,.wizard-selection-btn.active{border-color:var(--accent-warm);color:var(--accent-warm);transform:translateY(-3px);box-shadow:var(--shadow-md),0 0 15px #b85c381a}.wizard-selection-label{font-weight:600;font-size:1.1rem;color:var(--text-main)}.wizard-story-title{font-weight:600;font-size:1.05rem;color:var(--text-main);margin-bottom:.25rem}.wizard-story-category{font-size:.9rem;color:var(--text-muted)}.wizard-level-btn{text-align:left;align-items:flex-start;justify-content:flex-start}.wizard-level-badge{font-weight:700;font-size:.85rem;color:var(--accent-warm);background:#8b5c4714;padding:.4rem .75rem;border-radius:8px;min-width:2.5rem;text-align:center}.wizard-level-content{flex:1}.wizard-level-label{font-weight:700;font-size:1.125rem;color:var(--text-main);margin-bottom:.25rem}.wizard-level-desc{font-size:.875rem;color:var(--text-muted);line-height:1.4}.wizard-loading-container{text-align:center;padding:5rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.wizard-spinner{width:56px;height:56px;border:4px solid var(--border-subtle);border-top-color:var(--accent-warm);border-radius:50%;animation:wizardSpin 1s linear infinite}@keyframes wizardSpin{to{transform:rotate(360deg)}}.wizard-loading-text{margin:0;color:var(--text-main);font-size:1.25rem;font-weight:700}.selection-modal-subtitle{margin:0 0 1.75rem;color:var(--text-muted);font-size:.9375rem}.selection-modal-section{margin-bottom:1.5rem}.selection-modal-divider{padding-top:1.25rem;border-top:1px solid var(--border-subtle)}.selection-modal-label{display:block;margin-bottom:.625rem;font-weight:500;color:var(--text-main);font-size:.9375rem}.selection-modal-select{width:100%;padding:.75rem;font-size:1rem;border:2px solid var(--border-subtle);border-radius:6px;background:var(--bg-card);color:var(--text-main);cursor:pointer;transition:border-color .2s}.wizard-center-container{max-width:400px;margin:0 auto}.wizard-button-row-single{display:flex;justify-content:center;margin-top:1.5rem}.wizard-grid.lang-controls{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:flex-end}.lang-controls button[id*=swap]{margin-bottom:.65rem;display:flex;align-items:center;justify-content:center;opacity:.7;transition:var(--transition)}.lang-controls button[id*=swap]:hover{opacity:1;color:var(--accent-warm);transform:scale(1.1)}.wizard-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.wizard-scroll-area{max-height:350px;overflow-y:auto;padding-right:.5rem;padding-top:4px}.wizard-item-row{display:flex;align-items:center;gap:.75rem}.hero-grid-override{display:flex!important;justify-content:center;align-items:center}.wizard-step-container{padding:.25rem 0 3rem;display:flex;flex-direction:column;align-items:center;width:100%}.wizard-step-header{width:100%;max-width:800px;margin-bottom:2.5rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.wizard-back-btn-wrapper{width:100%;display:flex;justify-content:flex-start}.btn-wizard-back{background:var(--bg-card);border:none;box-shadow:var(--shadow-border-single);padding:.5rem 1rem;border-radius:var(--radius-pill);color:var(--text-muted);font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:var(--transition)}.btn-wizard-back:hover{color:var(--accent-warm);box-shadow:var(--shadow-border-single-active)}.wizard-step-title{font-family:var(--font-serif-heading);font-size:1.75rem;font-weight:700;color:var(--text-main);margin:0;text-align:center}.wizard-lang-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.5rem;width:100%;max-width:800px}.wizard-card-code{font-size:2.5rem;margin-bottom:.5rem;font-family:monospace;letter-spacing:-1px;font-weight:500;opacity:.8}.wizard-card-name{font-weight:700;font-size:1rem;color:var(--text-main);opacity:.9}.wizard-selection-btn{min-height:140px;justify-content:center;padding:1.5rem}.wizard-brand-grounding{padding-bottom:2rem;position:relative;width:fit-content;margin-left:auto;margin-right:auto;display:flex;justify-content:center;align-items:center}.wizard-brand-grounding svg{filter:drop-shadow(0 4px 12px rgba(160,66,37,.08));transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.wizard-brand-grounding:hover svg{transform:scale(1.05) rotate(-2deg)}.wizard-brand-grounding:after{content:"";position:absolute;bottom:.5rem;left:-20px;right:-20px;height:1.5px;background:radial-gradient(circle,var(--border-subtle) 0%,transparent 80%);opacity:.6}.discover-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding:1rem 0}.quick-start-card{background:var(--bg-card);border:none;border-radius:var(--radius-card);padding:1.5rem;transition:var(--transition-cozy);display:flex;flex-direction:column;gap:.75rem;box-shadow:var(--shadow-sm),0 0 0 1px var(--border-subtle);cursor:pointer}.quick-start-card:hover{box-shadow:var(--shadow-md),0 0 0 2px var(--accent-warm);transform:translateY(-3px)}.quick-start-title{font-family:var(--font-serif-heading);font-size:1.25rem;font-weight:700;color:var(--text-main);margin:0;line-height:1.35}.quick-start-category{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-gold);margin:0}.quick-start-description{font-size:.92rem;color:var(--text-muted);line-height:1.6;margin:0;flex:1}.quick-start-levels{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.level-badge{padding:.5rem 1rem;border:none;border-radius:var(--radius-badge);font-size:.78rem;font-weight:700;cursor:pointer;transition:var(--transition-cozy);letter-spacing:.05em;white-space:nowrap;box-shadow:var(--shadow-sm)}.level-badge:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.level-badge:active{transform:translateY(0)}.level-badge:disabled{opacity:.5;cursor:not-allowed}.level-beginner{background:linear-gradient(135deg,#7c9885,#6a8470);color:#fff}.level-beginner:hover{background:linear-gradient(135deg,#6a8470,#5a7360)}.level-intermediate{background:linear-gradient(135deg,#c17a4c,#a96738);color:#fff}.level-intermediate:hover{background:linear-gradient(135deg,#a96738,#915628)}.level-advanced{background:linear-gradient(135deg,#8f5c6f,#784b5c);color:#fff}.level-advanced:hover{background:linear-gradient(135deg,#784b5c,#673a4b)}.language-dropdown-container{width:100%;max-width:250px}.language-dropdown-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:var(--bg-card);border:2px solid var(--border-subtle);border-radius:6px;color:var(--text-main);font-family:var(--font-serif-body);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm)}.language-dropdown-btn svg{margin-right:.5rem;width:18px;height:18px;color:var(--text-muted);flex-shrink:0}.language-dropdown-btn:hover{border-color:var(--accent-warm);background:var(--bg-secondary)}.language-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:var(--bg-card);border:2px solid var(--border-subtle);border-radius:6px;box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden;animation:slideDown .2s ease-out}.language-dropdown-item{width:100%;text-align:left;padding:.75rem 1rem;background:transparent;border:none;border-bottom:1px solid var(--bg-secondary);color:var(--text-main);font-family:var(--font-sans);font-size:.95rem;cursor:pointer;transition:all .2s}.language-dropdown-item:last-child{border-bottom:none}.language-dropdown-item:hover{background:var(--bg-secondary);color:var(--accent-warm)}.language-dropdown-item.active{background:var(--accent-warm);color:#fff;font-weight:600;position:relative}.language-dropdown-item.active:before{content:"✔";display:inline-block;margin-right:.6rem;color:#fff;font-size:.95rem;line-height:1}.review-language-dropdown .language-dropdown-btn{border:none;box-shadow:none;background:transparent;gap:.5rem;width:auto;justify-content:flex-start;padding:.25rem .4rem}.review-language-dropdown{width:auto!important;max-width:none!important}.review-language-dropdown .language-dropdown-menu{left:auto;right:0;width:max-content;min-width:160px}.review-language-dropdown .language-dropdown-btn svg{color:var(--accent-warm);margin-right:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.lang-segment-btn{display:none}.lang-segment-btn.active{background:#b85c380f;color:var(--accent-warm);font-weight:600;border:1.5px solid var(--accent-warm);box-shadow:none}.lang-segment-btn:focus-visible,.lang-segment-btn.active:focus-visible{outline:none;box-shadow:var(--shadow-md),var(--focus-ring)}.discover-header{display:flex;flex-direction:column;gap:1rem}@media(max-width:768px){.language-segmented-control{flex-wrap:wrap;justify-content:center;max-width:100%;gap:.75rem}.lang-segment-btn{flex-shrink:0;font-size:.85rem;padding:.5rem 1.2rem}.quick-start-card,.discover-card{border:1px solid var(--text-muted);box-shadow:none}.quick-start-card:hover,.discover-card:hover{border-color:var(--accent-warm)}.lang-segment-btn:not(.active){border:1.5px solid var(--border-subtle);color:var(--text-main);background:var(--bg-card);box-shadow:none}.lang-segment-btn:hover:not(.active){border-color:var(--accent-warm);color:var(--accent-warm)}.lang-segment-btn.active{border-color:var(--accent-warm);color:var(--accent-warm);background:#b85c380f;font-weight:600;box-shadow:none}}.discover-card{background:var(--bg-card);border:none;border-radius:var(--radius-card);overflow:hidden;cursor:pointer;transition:var(--transition-cozy);display:flex;flex-direction:column;position:relative;box-shadow:var(--shadow-sm),0 0 0 1px var(--border-subtle)}.discover-card:hover{box-shadow:var(--shadow-md),0 0 0 2px var(--accent-warm);transform:translateY(-3px)}.discover-card-content{padding:1.75rem;display:flex;flex-direction:column;gap:1rem;flex:1}.discover-tag{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;background:var(--bg-body);color:var(--accent-warm);font-size:.7rem;font-weight:800;border-radius:6px;text-transform:uppercase;letter-spacing:.06em;border:1px solid rgba(0,0,0,.05);width:fit-content;box-shadow:var(--shadow-sm)}.discover-title{font-family:var(--font-serif-heading);font-size:1.15rem;font-weight:700;line-height:1.4;color:var(--text-main);margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.discover-description{font-family:var(--font-serif-body);font-size:.9rem;color:var(--text-muted);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;flex:1}.discover-footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-subtle)}.discover-source{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.05em}.discover-link{font-size:.8rem;color:var(--accent-warm);text-decoration:none;font-weight:600;border-bottom:2px solid transparent;transition:border-color .2s ease}.discover-link:hover{border-bottom-color:var(--accent-warm)}.btn-discover-action{background:transparent;color:var(--text-main);border:1px solid var(--border-subtle);padding:.5rem 1rem;border-radius:var(--radius-pill);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.btn-discover-action:hover{background:var(--bg-surface-2);border-color:var(--text-tertiary);transform:translateY(-1px)}.discover-loader{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-muted);background:var(--bg-surface-2);border-radius:var(--radius-lg);border:1px dashed var(--border-subtle)}.loader-spinner{width:40px;height:40px;border:3px solid var(--border-subtle);border-top-color:var(--accent-warm);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.loader-text{font-family:var(--font-serif-body);font-size:1.2rem;color:var(--text-secondary)}.inline-podcast-player{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(to right,#1a1a1a,#2d2d2d);box-shadow:0 -8px 30px #0000004d;padding:1.25rem;z-index:10000;display:flex;flex-direction:column;gap:1rem;border-top:1px solid rgba(255,255,255,.1);animation:slideUp .4s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.player-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.player-info{flex:1;min-width:0;display:flex;flex-direction:row;align-items:center;gap:.5rem}.player-title-status{flex:1;min-width:0}.player-title{font-size:1rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;font-family:var(--font-serif-body)}.player-status{font-size:.7rem;color:var(--accent-warm);font-weight:800;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:6px}.player-status:before{content:"";width:8px;height:8px;background:var(--accent-warm);border-radius:50%;display:inline-block;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.1);opacity:1}to{transform:scale(.95);opacity:.8}}.btn-player-close{background:#ffffff1a;border:none;color:#fff9;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.btn-player-close:hover{background:#fff3;color:#fff;transform:rotate(90deg)}.inline-podcast-player audio{width:100%;height:44px;border-radius:8px;filter:invert(100%) hue-rotate(180deg) brightness(1.5)}.inline-rewind-btn:hover,.inline-forward-btn:hover{background:var(--bg-hover, rgba(255, 255, 255, .1));border-color:var(--accent-primary, #ff914d);transform:scale(1.05);transition:all .2s ease}.inline-rewind-btn:active,.inline-forward-btn:active{transform:scale(.95)}.playlist-toggle-btn{background:#ffffff1a!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;border-radius:4px;transition:all .2s ease}.playlist-toggle-btn:hover{background:#fff3!important;border-color:#fff6!important;transform:scale(1.05)}.playlist-panel{background:#0003;border-top:1px solid rgba(255,255,255,.1);color:#fff}.playlist-header{color:#fff;font-size:.9rem;font-weight:700;margin-bottom:.5rem}.playlist-item{color:#fff!important}.playlist-item .playlist-title{color:#fff;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-item:hover{background:#ffffff0d!important}.playlist-item.current{background:#ff914d33!important;border-left:3px solid var(--accent-warm)}.mode-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.8rem;min-width:28px;display:flex;align-items:center;justify-content:center}.mode-btn:hover{background:#fff3}.mode-btn.active{background:var(--accent-warm);border-color:var(--accent-warm)}.select-mode-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.8rem;margin-left:.5rem;transition:all .2s ease}.select-mode-btn:hover{background:#fff3}.clear-selected-btn{background:#f003;border:1px solid rgba(255,0,0,.4);color:#fff;padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.8rem;margin-left:.5rem;display:none;transition:all .2s ease}.clear-selected-btn:hover{background:#f006}.item-checkbox{display:none;margin-right:.5rem;accent-color:var(--accent-warm)}.btn-add-to-queue:hover{background:var(--bg-hover, rgba(255, 255, 255, .05));border-color:var(--accent-primary, #ff914d)}.btn-add-to-queue svg{opacity:.8}@media(max-width:768px){.inline-podcast-player{bottom:60px;padding:1.25rem;gap:.85rem}.playlist-panel{max-height:150px}.discover-footer{gap:.25rem}.btn-add-to-queue{padding:.4rem .8rem;font-size:.8rem}.inline-scrubber{display:flex;align-items:center;gap:.5rem;width:100%}.inline-scrubber .scrub-time{color:#fff;font-size:.9rem;min-width:42px;text-align:center}.inline-scrubber .scrub-range{-webkit-appearance:none;appearance:none;flex:1;height:12px;background:#ffffff1f;border-radius:8px;outline:none;padding:0;margin:0}.inline-scrubber .scrub-range::-webkit-slider-thumb{-webkit-appearance:none;height:24px;width:24px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0000004d;margin-top:-6px;border:2px solid rgba(0,0,0,.08)}.inline-scrubber .scrub-range::-moz-range-thumb{height:24px;width:24px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0000004d}}.help-entry{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:1.25rem}.help-entry-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--text-muted);flex-shrink:0}.help-entry-text{font-size:1rem;font-weight:500;color:var(--text-muted);line-height:1.6;flex:1}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:3000;display:flex;align-items:center;justify-content:center}.modal-content{background:var(--bg-card);padding:2rem 2.5rem;border-radius:1rem;width:100%;max-width:600px;max-height:85vh;box-shadow:0 10px 40px #00000026;font-size:1rem;line-height:1.6;color:var(--text-muted);position:relative;overflow:hidden}.help-modal-panel .help-body-container{overflow-y:auto;max-height:calc(85vh - 4rem);padding-right:.5rem;scrollbar-width:none}.help-modal-panel .help-body-container::-webkit-scrollbar{display:none}.help-close-x-btn{position:absolute;top:1.25rem;right:1.25rem;width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.help-close-x-btn:hover{background:var(--bg-metadata);color:var(--accent-warm)}.help-close-x-btn svg{width:18px;height:18px}.help-body-inner>*+*{margin-top:0}.help-section{margin-bottom:0}.help-section h4{font-size:.95rem;text-transform:uppercase;color:var(--text-main);letter-spacing:.05em;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.help-list{list-style:none;padding-left:1.25rem;margin:0}.help-list li{display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.35rem;border-bottom:none}.help-list li:last-child{margin-bottom:0}.help-welcome{color:var(--text-main);padding-bottom:.5rem}.help-welcome-wizard{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:1rem 0;max-width:480px;margin:0 auto}.wizard-title{font-family:DM Sans,sans-serif;font-size:1.5rem;font-weight:600;color:var(--text-main);margin:0;text-align:center}.wizard-subtitle{font-size:.85rem;color:var(--text-muted);text-align:center;margin:-2.05rem 0 0;line-height:1.5}.wizard-section{width:100%;display:flex;flex-direction:column;gap:.75rem}.wizard-flow-arrow{display:flex;justify-content:center;color:var(--text-muted);opacity:.5;margin:-.75rem 0}.wizard-section-label{font-size:.7rem;font-weight:600;letter-spacing:.05em;color:var(--text-muted);text-align:center;margin:0}.wizard-icon-group{display:flex;justify-content:center;background:var(--bg-card, #FFFCF7);border:1px solid var(--border-subtle, #E8DFD6);border-radius:100px;overflow:hidden;width:fit-content;align-self:center}.wizard-icon-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:.75rem 1.5rem;background:transparent;border:none;border-right:1px solid var(--border-subtle, #E8DFD6);border-radius:0;cursor:not-allowed;opacity:1;transition:none;min-width:80px}.wizard-icon-btn:last-child{border-right:none}.wizard-icon-btn svg{color:var(--accent-warm);flex-shrink:0}.wizard-icon-btn span{font-size:.8rem;font-weight:500;color:var(--accent-warm)}.wizard-dropdown-preview{display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;min-height:44px}.wizard-dropdown-preview .dropdown-chevron{color:var(--text-muted)}.wizard-card-preview{background:var(--bg-card, #FFFCF7);border:1px solid var(--border-subtle, #E8DFD6);border-radius:16px;padding:2.5rem 1.75rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 2px 12px #0000000f;width:100%;min-height:180px;justify-content:center}.preview-card-label{font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);text-align:center;margin:0 0 .25rem}.preview-source{font-size:1.3rem;font-weight:500;color:var(--text-main);margin:0;line-height:1.55;text-align:center}.preview-target{font-size:1rem;color:var(--accent-warm);font-style:italic;margin:0;line-height:1.55;text-align:center}.wizard-connector{display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin:.25rem 0}.wizard-enjoy{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:.25rem}.wizard-enjoy-label{font-size:.7rem;font-weight:600;letter-spacing:.05em;color:var(--text-muted);margin:0}.wizard-enjoy-tagline{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-muted);flex-wrap:wrap;justify-content:center}.enjoy-line-1-wrap{display:flex;align-items:center;gap:.4rem}@media(max-width:480px){.wizard-enjoy-tagline{flex-direction:column;gap:.15rem;text-align:center}.enjoy-sep{display:none}}.wizard-enjoy .enjoy-icon{color:var(--accent-warm);flex-shrink:0}.wizard-btn-go{width:100%;padding:.875rem 2rem;background:var(--accent-warm);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.wizard-btn-go:hover{background:var(--accent-warm-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.wizard-btn-go:active{transform:translateY(0)}.help-title{font-family:DM Sans,sans-serif;font-size:1.75rem;font-weight:600;color:var(--text-main);margin:0 0 1.25rem;padding-right:2rem}.help-subtitle{font-size:1.05rem;font-weight:600;color:var(--text-main);margin:1.5rem 0 .75rem;display:block}.help-paragraph{font-size:.95rem;line-height:1.65;color:var(--text-muted);margin:0 0 1rem}.help-steps{list-style:none;padding-left:0;margin:1rem 0}.help-step{margin-bottom:1rem;position:relative;padding-left:1.5rem;color:var(--text-muted);font-size:.95rem;line-height:1.65}.help-step strong,.help-welcome strong,.help-paragraph strong,.help-entry-text strong,.help-list strong{font-weight:600;color:var(--text-main)}.help-step:before{content:"•";position:absolute;left:0;top:.1rem;color:var(--text-muted);font-weight:400}.help-close-btn{display:none}.help-tab-group{display:flex;justify-content:center;gap:.75rem;margin-bottom:2rem;padding:0;background:transparent;border-radius:0;width:fit-content;margin-left:auto;margin-right:auto}.help-tab-btn{padding:.5rem 1.25rem;border-radius:var(--radius-pill);font-size:.85rem;font-weight:600;background:var(--bg-card);border:none;cursor:pointer;transition:none;box-shadow:var(--shadow-border-single);color:var(--text-main)}.help-tab-btn:hover{box-shadow:var(--shadow-border-single-active);color:var(--accent-warm)}.help-tab-btn.active{background:var(--bg-card);color:var(--accent-warm);box-shadow:var(--shadow-border-double-active)}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:1rem}.feature-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:1.25rem;transition:all .25s ease;display:flex;flex-direction:column;gap:.6rem;position:relative}.feature-card:hover{transform:translateY(-2px);border-color:var(--accent-warm);box-shadow:0 8px 20px #0000000f}.feature-icon{font-size:1.5rem;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--bg-metadata);border-radius:10px;color:var(--text-muted)}.feature-title{font-size:1.3rem;font-weight:700;color:var(--text-main);font-family:var(--font-serif-body)}.feature-desc{font-size:1.1rem;line-height:1.6;color:var(--text-muted);font-family:var(--font-serif-body)}@media(min-width:769px){#helpModal .modal-content{max-width:600px!important;border-radius:1rem!important;padding:2rem 2.5rem!important;align-self:center!important}}@media(max-width:768px){.modal-content{padding:1.5rem 1.25rem;max-width:calc(100% - 2rem);margin:1rem}.help-title{font-size:1.5rem}.help-close-x-btn{top:1rem;right:1rem}}.onboarding-highlight{position:relative;background:color-mix(in srgb,var(--accent-warm) 8%,var(--bg-elevated))!important;border-color:var(--accent-warm)!important;color:var(--accent-warm)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-warm) 15%,transparent)!important}.onboarding-highlight .tab-icon{color:var(--accent-warm)!important}.onboarding-tooltip{position:fixed;z-index:10001;animation:tooltipFadeIn .3s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.onboarding-tooltip-content{background:#fff;border-radius:12px;padding:1.25rem 1.5rem;box-shadow:0 8px 24px #00000026,0 0 0 1px #0000000d;max-width:320px;position:relative;pointer-events:auto}@media(max-width:768px){.onboarding-tooltip-content{width:100%;box-sizing:border-box}}.onboarding-tooltip-arrow{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid white;filter:drop-shadow(0 -2px 2px rgba(0,0,0,.05))}.onboarding-tooltip-title{font-family:DM Sans,sans-serif;font-size:1.125rem;font-weight:600;color:var(--text-main);margin:0 0 .5rem}.onboarding-tooltip-desc{font-size:.9rem;line-height:1.5;color:var(--text-muted);margin:0 0 1rem}.onboarding-tooltip-btn{width:100%;padding:.625rem 1rem;background:transparent;color:var(--accent-warm);border:1px solid var(--accent-warm);border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.onboarding-tooltip-btn:hover{background:color-mix(in srgb,var(--accent-warm) 8%,transparent)}.onboarding-tooltip-btn:active{transform:scale(.98)}@media(max-width:768px){.onboarding-tooltip{animation:tooltipFadeInMobile .3s ease-out}}@keyframes tooltipFadeInMobile{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-color-scheme:dark){.onboarding-tooltip-content{background:var(--bg-card);box-shadow:0 8px 24px #0006,0 0 0 1px #ffffff1a}.onboarding-tooltip-arrow{border-bottom-color:var(--bg-card)}}.reader-header-grid{display:grid;grid-template-columns:60px 1fr 60px;align-items:center;gap:2rem;margin-top:var(--header-margin-top);margin-bottom:var(--header-margin-bottom)}.reader-header-grid .theme-customizer-btn,.reader-header-grid #themeCustomizerBtn{display:none!important}.header-left-spacer{width:60px;height:60px;display:block}@media(max-width:768px){.reader-header-grid{grid-template-columns:1fr;gap:.5rem;justify-items:center;text-align:center}}.reader-tabs-row{display:flex;align-items:center;justify-content:center;padding:.5rem 0;margin-bottom:var(--tabs-margin-bottom);gap:1rem}.reader-tabs-left{display:flex;align-items:center;gap:.75rem}#mobileSentenceCounter,.mobile-finish-btn,.mobile-finish-btn-icon,.mobile-jump-btn-icon,.mobile-chunk-controls,.translation-toggle-row{display:none}.mobile-jump-btn-icon{position:static}@media(max-width:768px){.reader-header-grid{margin-top:0}.reader-header-grid .header-left-spacer,.card-nav-arrow,.reader-header-grid .theme-picker,.meta-right,.mobile-finish-btn{display:none}.mobile-finish-btn-icon{display:flex!important}.mobile-jump-btn-icon{display:flex}#mobileSentenceCounter{display:inline}.reader-tabs-row{padding:.25rem 0;margin-bottom:.5rem;gap:.5rem}.reader-tabs-left{gap:.4rem}.mobile-chunk-controls:not(.hidden){display:flex;align-items:center;gap:.5rem}.translation-toggle-row{display:flex;justify-content:center;align-items:center;gap:1rem;margin:.5rem auto .75rem}.translation-toggle-row .mobile-chunk-controls:not(.hidden){display:flex;align-items:center;background:transparent;border:none;border-radius:0;padding:0;box-shadow:none;font-size:.75rem;gap:.5rem;margin:0;height:auto}.mobile-translation-toggle{display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:.3rem .6rem;box-shadow:none;gap:.35rem}.mobile-translation-label{display:flex;align-items:center;gap:.35rem;cursor:pointer;margin:0;font-size:.75rem;font-weight:500;color:var(--text-main);-webkit-user-select:none;user-select:none}.mobile-translation-checkbox{width:13px;height:13px;cursor:pointer;accent-color:var(--accent-warm)}.mobile-translation-text{white-space:nowrap}.mobile-finish-btn-icon{display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;cursor:pointer;color:var(--text-muted);transition:color .15s;position:static}.mobile-jump-btn-icon{display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;cursor:grab;color:var(--text-muted);transition:color .15s;position:fixed;bottom:60px;left:10px;transform:none;z-index:1200}.mobile-jump-btn-icon:active{cursor:grabbing}.mobile-finish-btn-icon:hover,.mobile-finish-btn-icon:active,.mobile-jump-btn-icon:hover,.mobile-jump-btn-icon:active{color:var(--accent-warm)}.mobile-finish-btn-icon svg,.mobile-jump-btn-icon svg{width:15px;height:15px;flex-shrink:0}.mobile-translation-toggle.mobile-only{display:flex}.chunk-indicator-text{font-family:var(--font-serif-body);font-size:12px;color:var(--text-muted);font-weight:500}#mobileLoadMoreBtn{display:flex;align-items:center;justify-content:center;padding:.25rem .4rem .25rem .65rem;font-size:.7rem;min-height:auto;border-radius:var(--radius-pill);background:var(--accent-warm);color:#fff;border:none;font-weight:600}#mobileLoadMoreBtn svg{flex-shrink:0;margin-left:0!important}}@media(max-width:1400px){.card-nav-left{left:10px;background:#ffffffe6}.card-nav-right{right:10px;background:#ffffffe6}}.container.wide-view .card-nav-left{left:15px}.container.wide-view .card-nav-right{right:15px}.focus-sentence-row{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%}.sentence-controls{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1rem;padding:.5rem 0;width:100%;max-width:600px;margin:3rem auto 0}.mark-all-row{display:contents}@media(max-width:768px){.sentence-controls{flex-direction:column;width:100%;padding:0;gap:.75rem;align-items:stretch;margin-top:2.5rem;position:sticky;top:0;background:var(--bg-card);border-bottom:none;padding:1rem 0;z-index:40}.reader-control-btn{width:100%;padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--text-muted);box-shadow:none;justify-content:center;font-size:.95rem;flex-direction:row;gap:.5rem}.tab-button{font-size:.85rem!important;padding:.5rem .75rem!important;flex:1;min-width:fit-content}.reader-control-btn svg{width:18px;height:18px}#btnPlayAudio,#btnMarkAll{min-width:0}.mark-all-row{display:block;position:relative;width:100%}.mark-all-row #btnMarkAll{width:100%}.mark-all-row .info-icon{position:absolute;right:-28px;top:50%;transform:translateY(-50%)}.mark-all-row .info-tooltip-wrap[data-tooltip]:after{left:auto!important;right:0!important;transform:none!important}.reader-control-divider{display:none}}@media(max-width:480px){#totalKnownWords{font-size:15px!important;margin-top:-2rem!important}.tab-button{font-size:.8rem!important;padding:.4rem .6rem!important;position:relative!important;z-index:1!important}.tab-button .review-badge{top:-6px!important;right:-6px!important;min-width:18px!important;height:18px!important;font-size:.75rem!important;padding:0 4px!important;z-index:100!important;box-shadow:0 1px 2px #0003!important}}.reader-control-btn,.btn-toolbar-pill{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.4rem .75rem;border-radius:var(--radius-pill);border:none;background:transparent;color:var(--text-muted);font-size:.8rem;font-weight:500;cursor:pointer;transition:none;white-space:nowrap;box-shadow:var(--shadow-border-single);font-family:var(--font-serif-body)}.sentence-controls{flex-wrap:nowrap;justify-content:center}.sentence-controls>.reader-control-btn{flex:1 1 0;min-width:0}.reader-control-btn svg{width:16px;height:16px;color:var(--text-muted);transition:none;opacity:.7}.reader-control-btn:hover svg{color:var(--accent-warm);opacity:1}.reader-control-divider{width:1px;height:20px;background:var(--border-subtle);margin:0 .25rem}.metadata-bar{display:flex;justify-content:center;align-items:center;padding:.5rem 0;background:transparent;border-radius:0;border:none;border-bottom:none;margin-bottom:.5rem;flex-wrap:wrap;gap:.75rem;box-shadow:none;min-height:52px;position:relative;z-index:1100}#readerContainer{margin-top:.5rem!important}.meta-left,.meta-right{display:flex;align-items:center;gap:1.5rem}.meta-left{justify-content:flex-start;font-weight:400;opacity:.9}.meta-right{justify-content:flex-end}@media(max-width:768px){.metadata-bar,#btnFinishReading{display:none!important}.mobile-finish-btn{position:sticky;bottom:50px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:.95rem;font-weight:600;color:#fff;background:var(--accent-warm);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;box-shadow:0 2px 12px #e639464d;z-index:50}.study-mode-content{padding-bottom:220px!important}.translations-hidden .study-mode-content,.source-hidden .study-mode-content{padding-bottom:80px!important}#podcastPlayerContainer{padding:.5rem!important;margin-bottom:1rem!important}#podcastPlayerContainer audio{height:35px!important}}#podcastPlayerContainer{position:sticky;top:0;z-index:100;background:var(--bg-secondary);box-shadow:0 2px 8px #0000001a}#statusLine{font-family:var(--font-serif-body);font-size:20px;color:var(--text-muted);letter-spacing:.01em;text-align:center;width:100%;margin-bottom:var(--status-line-margin);line-height:1.6}#totalKnownWords{font-weight:600}@media(max-width:768px){#statusLine{font-weight:500;font-size:15px!important}.mobile-chunk-indicator{margin-left:.75rem;opacity:.8;font-size:12px;display:inline-flex;align-items:center;vertical-align:middle}#mobileSentenceCounter{opacity:.7;font-weight:400;font-size:12px}.btn-mobile-load-more{margin-left:.5rem;padding:.15rem .6rem;font-size:12px;font-weight:600;background:var(--accent-warm);color:#fff;border:none;border-radius:4px;cursor:pointer;font-family:var(--font-sans);box-shadow:0 1px 3px #0000001a}}#progressIndicator,#youtubeChunkIndicator{font-family:var(--font-serif-body);font-size:12px;letter-spacing:.01em;color:var(--text-muted);font-weight:400}#progressIndicator .progress-pill-group,#youtubeControls{background:transparent;border:none;box-shadow:none;padding:0}#btnJumpToCard{background:transparent;border:none;color:var(--text-muted);font-family:var(--font-sans);font-size:.85rem;font-weight:400;cursor:pointer;padding:0;display:flex;align-items:center;gap:.5rem}#btnJumpToCard:hover{color:var(--text-main)}#btnJumpToCard svg{opacity:.6}#btnJumpToCard:hover svg{opacity:1}.metadata-group{display:flex;align-items:center;gap:1rem}.compact-select{background:var(--bg-card);border:none;border-radius:var(--radius-input);padding:3px 8px;cursor:pointer;color:var(--text-main);font-weight:500;font-size:.85rem;outline:none;box-shadow:var(--shadow-border-single)}.compact-select:focus{box-shadow:0 0 0 2px var(--accent-warm)}#zoomSelect{cursor:pointer;min-width:65px;height:36px;line-height:normal;padding:0 8px;border-radius:var(--radius-input);background:var(--bg-card);border:none;font-size:.85rem;font-weight:500;color:var(--text-main);box-shadow:var(--shadow-border-single);transition:none}#zoomSelect:hover{box-shadow:var(--shadow-border-single-active);color:var(--accent-warm)}#focusSentence{font-size:calc(2.25rem * var(--reader-zoom));font-weight:450;line-height:1.4;color:var(--text-main);margin-top:0;margin-bottom:.5rem;letter-spacing:-.01em}#focusSentence.long-sentence{font-size:calc(1.8rem * var(--reader-zoom));line-height:1.5}@media(max-width:768px){#focusSentence{-webkit-hyphens:auto;hyphens:auto;word-break:break-word;overflow-wrap:break-word}}@media(max-width:768px){#focusSentence.long-sentence{font-size:calc(1.45rem * var(--reader-zoom))!important;line-height:1.5!important}}#sentenceTranslation{font-family:var(--font-serif-body);font-style:italic;font-size:calc(1.5rem * var(--reader-zoom));color:var(--text-muted);font-weight:400;margin-top:1.5rem;line-height:1.5}#sentencePhonetic{font-size:calc(1.25rem * var(--reader-zoom));color:var(--text-muted);font-style:italic}.inline-confirm{position:fixed;bottom:var(--confirm-bottom-offset, 5rem);left:50%;transform:translate(-50%);background:var(--toast-bg, #999999);color:#fff;padding:.75rem 1rem;border-radius:4px;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;z-index:10001;box-shadow:0 4px 6px #0000001a;max-width:90vw;min-width:180px}.inline-confirm-msg{flex:1 1 auto;white-space:normal;word-break:break-word}.inline-confirm button{background:#fff3;border:none;color:#fff;padding:.3rem .6rem;border-radius:3px;cursor:pointer;font-size:.85rem}.inline-confirm button:hover{background:#ffffff59}.trans-text{font-weight:400;color:var(--text-muted);font-family:var(--font-serif-body)}.page-list{-webkit-hyphens:auto;hyphens:auto;word-break:break-word;overflow-wrap:break-word}@media(max-width:768px){.page-header{margin-bottom:1.5rem!important;flex-direction:column;align-items:flex-start!important;gap:1rem}.page-row{gap:.75rem!important;padding:.75rem .5rem!important}.page-source{font-size:calc(1.3rem * var(--reader-zoom))!important;line-height:1.5!important}.page-translation{font-size:calc(1.15rem * var(--reader-zoom))!important;margin-top:.5rem!important}}.reader-phrases-list{display:flex;flex-direction:column;gap:0}.reader-phrase-item{padding:1rem 0;border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:.25rem}.reader-phrase-item:last-child{border-bottom:none}.reader-phrase-term{font-weight:600;font-size:1.05rem;color:var(--text-main);line-height:1.4}.reader-phrase-trans{font-size:.95rem;color:var(--text-muted);line-height:1.4}@media(max-width:768px){#focusSentence{font-size:calc(1.65rem * var(--reader-zoom))!important;line-height:1.6!important;margin-top:0;font-weight:400}#sentenceTranslation{font-size:calc(1.4rem * var(--reader-zoom))!important;line-height:1.5!important;margin-top:2rem;border-top:1px solid var(--border-subtle);padding-top:1.5rem;font-style:normal;color:var(--text-muted)}.reader-focus-col{padding:0!important;margin:0!important;width:100%!important}}.view-toggle-container{position:relative;display:inline-block}.view-dropdown{position:absolute;top:100%;left:0;margin-top:.25rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;z-index:1200;min-width:140px;overflow:visible}.view-settings-menu{position:absolute;top:100%;right:0;margin-top:.25rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem;min-width:200px;box-shadow:var(--shadow-lg);z-index:11000;overflow:visible}.view-dropdown-item{display:block;width:100%;padding:.75rem 1rem;text-align:left;background:var(--bg-card);border:none;color:var(--text-main);font-size:.9rem;font-weight:500;cursor:pointer;transition:background .15s ease;font-family:var(--font-serif-body)}.view-dropdown-item:hover{background:var(--bg-hover);color:var(--accent-warm)}@media(max-width:768px){.view-dropdown-item[data-view=fulltext]{display:none}}.filter-bar{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;margin-top:1rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 1px 3px #0000000f;flex-wrap:wrap;gap:1.5rem}.filter-group{display:flex;align-items:center;gap:.75rem}.filter-label{font-weight:500;color:var(--text-main);font-family:var(--font-serif-body)}.action-buttons{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}@media(max-width:768px){.filter-bar{flex-direction:column;align-items:stretch;gap:1rem}.filter-group{width:100%;flex-direction:column;align-items:flex-start;gap:.5rem}.filter-group .form-label{font-size:.9rem;font-weight:600;margin-bottom:0}.filter-group .form-input,.filter-group .form-select{width:100%;font-size:16px!important;min-height:48px}.action-buttons{width:100%;flex-direction:column;gap:.75rem}.action-buttons button{width:100%;justify-content:center}}.topic-suggestions-panel{position:absolute;top:100%;left:0;right:0;z-index:50;margin-top:6px;background:var(--bg-card, #FFFCF7);border:1.5px solid var(--border-subtle, #E8DFD6);border-radius:var(--radius-md, 12px);box-shadow:0 8px 24px #3a2e2814;overflow:hidden;animation:topicSuggestionsIn .18s ease-out}@keyframes topicSuggestionsIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.topic-suggestions-tabs{display:flex;gap:0;padding:8px 10px 0;border-bottom:1.5px solid var(--border-subtle, #E8DFD6);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.topic-suggestions-tabs::-webkit-scrollbar{display:none}.topic-suggestions-tab{flex:0 0 auto;padding:7px 14px;font-size:.82rem;font-weight:600;font-family:var(--font-serif-body, Georgia, serif);color:var(--text-muted, #9A8578);background:transparent;border:none;border-radius:0;border-bottom:3px solid transparent;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap;margin-bottom:-1px}.topic-suggestions-tab:hover{color:var(--text-main, #3A2E28)}.topic-suggestions-tab.active{color:var(--accent-warm, #B85C38);border-bottom:3px solid var(--accent-warm, #B85C38);margin-bottom:-1px}.topic-suggestions-items{max-height:220px;overflow-y:auto;padding:6px 0;scrollbar-width:thin;scrollbar-color:var(--border-subtle, #E8DFD6) transparent}.topic-suggestions-items::-webkit-scrollbar{width:5px}.topic-suggestions-items::-webkit-scrollbar-track{background:transparent}.topic-suggestions-items::-webkit-scrollbar-thumb{background:var(--border-subtle, #E8DFD6);border-radius:3px}.topic-suggestions-item{padding:9px 16px;font-size:.88rem;font-family:var(--font-serif-body, Georgia, serif);color:var(--text-main, #3A2E28);cursor:pointer;transition:background .12s;line-height:1.4}.topic-suggestions-item:hover{background:#b85c380f}.topic-suggestions-hint{display:block;font-size:.75rem;color:var(--text-muted, #888);margin-top:2px}@media(max-width:600px){.topic-suggestions-panel{border-radius:var(--radius-button, 8px)}.topic-suggestions-tab{padding:6px 10px;font-size:.78rem}.topic-suggestions-item{padding:8px 12px;font-size:.84rem}.topic-suggestions-items{max-height:180px}}.flag-select{position:relative;width:100%}.flag-select-trigger{width:100%;display:flex;align-items:center;gap:.5rem;padding:.45rem .75rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md, 8px);cursor:pointer;font-size:.9rem;color:var(--text-main);font-family:var(--font-body);box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease;text-align:left}.flag-select-trigger:hover{border-color:var(--accent-warm)}.flag-select-trigger.open{border-color:var(--accent-warm);box-shadow:var(--shadow-sm),0 0 0 2px color-mix(in srgb,var(--accent-warm) 18%,transparent)}.flag-select-flag{border-radius:2px;flex-shrink:0;object-fit:cover}.flag-select-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flag-select-chevron{flex-shrink:0;color:var(--text-muted);transition:transform .2s ease}.flag-select-trigger.open .flag-select-chevron{transform:rotate(180deg)}.flag-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:300;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md, 8px);box-shadow:0 4px 20px #0000001f;overflow:hidden}@media(max-width:768px){.flag-select-dropdown{min-width:max-content}}.flag-select-group-label{padding:.5rem .85rem .3rem;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);pointer-events:none;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border-subtle);margin-bottom:.25rem;white-space:nowrap}.flag-select-option{width:100%;display:flex;align-items:center;gap:.6rem;padding:.55rem .85rem;background:none;border:none;cursor:pointer;font-size:.9rem;color:var(--text-main);font-family:var(--font-body);text-align:left;transition:background .1s ease}.flag-select-option:hover{background:color-mix(in srgb,var(--accent-warm) 8%,transparent)}.flag-select-option.selected{background:color-mix(in srgb,var(--accent-warm) 12%,transparent);color:var(--accent-warm);font-weight:500}.flag-select-option img{border-radius:2px;flex-shrink:0;object-fit:cover}.landing-main .compact-filters .flag-select-trigger{height:40px;min-width:140px;padding:.5rem .75rem;border-radius:var(--radius-pill);border:1.5px solid var(--border-subtle);box-shadow:none}.landing-main .compact-filters .flag-select-trigger.open{box-shadow:none}.review-main .compact-filters .flag-select-trigger{height:40px;min-width:140px;padding:.5rem .75rem;border-radius:var(--radius-pill);border:1.5px solid var(--border-subtle);box-shadow:none}.review-main .compact-filters .flag-select-trigger.open{box-shadow:none}#buildNewContainer .practice-level-group .flag-select,#buildNewContainer .practice-level-group .flag-select-trigger{min-width:0;width:auto}#buildNewContainer .practice-level-group .flag-select-dropdown{left:auto;right:0}@media(max-width:768px){.landing-main .compact-filters .flag-select-trigger{height:49px!important;min-width:154px!important;padding:0 .9rem!important;font-size:.97rem!important}.landing-main .compact-filters .flag-select-trigger img{width:20px!important;height:15px!important}#modeGenerate .gen-level-group .flag-select,#modeGenerate .gen-level-group .flag-select-trigger{min-width:0!important;width:100%!important}#modeGenerate .gen-level-group .flag-select-dropdown{left:0!important;right:0!important;width:100%!important}.review-main .compact-filters .flag-select-trigger{height:49px!important;min-width:154px!important;padding:0 .9rem!important;font-size:.97rem!important}.review-main .compact-filters .flag-select-trigger img{width:20px!important;height:15px!important}}.loading-idioms-container{margin-top:2rem;width:100%;max-width:480px}.loading-idiom-card{background:var(--bg-surface);border:2px solid var(--border-accent);border-radius:12px;padding:1.5rem;text-align:center;animation:slideInUp .4s ease-out}.idiom-badge{display:inline-block;padding:.25rem .75rem;background:var(--accent-warm);color:#fff;border-radius:12px;font-size:.75rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase}.idiom-phrase{font-size:1.5rem;font-weight:700;color:var(--text-main);margin-bottom:.75rem;line-height:1.4}.idiom-translation{font-size:1rem;color:var(--text-muted);margin-bottom:1.25rem;font-style:italic}.idiom-save-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#d97706;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;margin-bottom:1rem}.idiom-save-btn:hover:not(:disabled){background:#b45309;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.idiom-save-btn:active:not(:disabled){transform:translateY(0)}.idiom-save-btn:disabled{opacity:.6;cursor:not-allowed}.idiom-save-btn.saved{background:#10b981;color:#fff}.idiom-save-btn svg{width:16px;height:16px;fill:none;stroke:currentColor}.save-btn-text{color:inherit;font-weight:inherit}.idiom-rotation-dots{display:flex;justify-content:center;gap:.5rem;margin-top:.5rem}.rotation-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);opacity:.3;transition:all .3s ease}.rotation-dot.active{opacity:1;background:var(--accent-primary);transform:scale(1.3)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-theme=pure-dark] .loading-idiom-card,[data-theme=midnight-blue] .loading-idiom-card,[data-theme=forest-night] .loading-idiom-card,[data-theme=midnight-indigo] .loading-idiom-card{background:var(--bg-surface-2);border-color:var(--border-subtle)}@media(max-width:640px){.loading-idioms-container{padding:0 1rem}.loading-idiom-card{padding:1.25rem}.idiom-phrase{font-size:1.25rem}.idiom-translation{font-size:.9rem}}.wizard-loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999}[data-theme=pure-dark] .wizard-loading-overlay,[data-theme=midnight-blue] .wizard-loading-overlay,[data-theme=forest-night] .wizard-loading-overlay,[data-theme=midnight-indigo] .wizard-loading-overlay{background:#141419f5}.wizard-loading-card{background:var(--bg-card);padding:3rem;border-radius:var(--radius-lg);text-align:center;max-width:400px;width:90%;border:1px solid var(--border-subtle);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;align-items:center}.wizard-spinner{width:50px;height:50px;border:4px solid var(--border-subtle);border-top:4px solid var(--accent-warm);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:2rem}.wizard-loading-text{font-family:var(--font-serif-heading);font-size:1.5rem;color:var(--text-main);margin-bottom:.5rem;font-weight:700}.wizard-loading-sub{font-size:1rem;color:var(--text-muted);line-height:1.5}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body.zen-mode .container>div:nth-child(1),body.zen-mode .container>div:nth-child(2),body.zen-mode .reader-tabs-row{display:none!important}body.zen-mode .metadata-bar>:not(.meta-left){display:none!important}body.zen-mode .metadata-bar .meta-left>:not(.metadata-group:has(.view-settings-dropdown)){display:none!important}body.zen-mode .metadata-bar{margin-bottom:2rem;padding:0;border-bottom:none;justify-content:flex-end}body.zen-mode .metadata-bar .meta-left{margin-left:auto}body.zen-mode .card-nav-arrow{opacity:.4;transition:opacity .3s ease;border-color:transparent!important}body.zen-mode .card-nav-arrow:hover{opacity:1;border-color:var(--border-subtle)!important}body.zen-mode .result-card{box-shadow:none;border:none;background:transparent;padding:0;margin-top:2rem}body.zen-mode .full-text-page,body.zen-mode .reader-focus-col{max-width:800px;margin:0 auto}body{overflow-y:scroll}.app-layout{display:flex;min-height:100vh}@media(max-width:768px){.app-layout{min-height:auto}}.app-layout>.container{flex:1;min-width:0}#sidebar-container{width:240px;flex-shrink:0;min-height:100vh;transition:width .2s ease,opacity .1s ease-in-out}#sidebar-container:has(.sidebar.collapsed){width:60px}#sidebar-container:has(.sidebar.reader-hidden){width:0}.sidebar.reader-hidden{width:0!important;overflow:hidden!important;padding:0!important;border-right:none!important;min-width:0!important}#reader-sidebar-toggle{position:fixed;top:.85rem;left:.85rem;z-index:200;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:color .15s,border-color .15s,background .15s;box-shadow:0 1px 4px #00000014}#reader-sidebar-toggle:hover{color:var(--accent-warm);border-color:var(--accent-warm);background:var(--bg-hover)}@media(max-width:768px){#reader-sidebar-toggle{display:none!important}}#sidebar-container:empty{background:var(--bg-app);border-right:1px solid var(--border-subtle)}#sidebar-container .sidebar{opacity:1;transition:opacity .1s ease-in-out}.main-content{flex:1;padding:1rem 3rem 2rem;max-width:1200px;margin-left:0;margin-right:0;display:flex;flex-direction:column;justify-content:center}.landing-main{justify-content:flex-start}.main-content.landing-main{padding-top:1rem!important}.landing-width-wrapper{margin-top:1.5rem!important}.app-header{margin-bottom:0!important;padding-top:0!important}#main-landing-header{margin:0 0 1rem!important}.tab-container.mb-md{margin-top:0!important;margin-bottom:1.5rem!important}.landing-main .mode-container{margin-top:0!important}#youtubePlayerContainer{width:100%;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;margin-bottom:1.5rem;box-shadow:var(--shadow-sm);z-index:100}.reader-mode-active #youtubePlayerContainer{position:relative;width:100%;margin-bottom:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.reader-mode-active #youtubePlayerContainer.yt-collapsed{position:sticky;top:.75rem;z-index:1000}@media(min-width:1200px){.reader-mode-active:not(.full-text-mode-active):has(#youtubePlayerContainer.yt-expanded) .container{max-width:1650px!important;transition:max-width .4s ease}.reader-mode-active:not(.full-text-mode-active):has(#youtubePlayerContainer.yt-expanded) .reader-grid{display:flex!important;flex-direction:row-reverse;justify-content:center;align-items:flex-start;gap:5rem;max-width:100%!important;padding:3rem 2rem!important}.reader-mode-active:not(.full-text-mode-active) #youtubePlayerContainer.yt-expanded{width:600px;position:sticky;top:2rem;flex-shrink:0;margin-bottom:0;z-index:100;box-shadow:var(--shadow-lg)}.reader-mode-active:not(.full-text-mode-active):has(#youtubePlayerContainer.yt-expanded) .full-text-page{flex:1;max-width:850px;min-width:500px}}.page-list{hyphens:none!important;-webkit-hyphens:none!important}#youtubePlayerContainer.yt-dormant{display:none}.yt-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.yt-header-left{display:flex;align-items:center;gap:.75rem}.yt-controls{display:flex;align-items:center;gap:.5rem}.yt-control-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-main);cursor:pointer;transition:all .2s ease}.yt-control-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.yt-sync-active{background:var(--accent-warm)!important;color:#fff!important;border-color:var(--accent-warm)!important}.yt-speed-select{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-main);padding:.35rem .5rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.yt-speed-select:hover{border-color:var(--accent-primary)}.yt-time-display{font-size:.75rem;font-weight:600;color:var(--text-muted);font-family:monospace;min-width:85px;text-align:center}.yt-toggle-btn{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-main);padding:.4rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.yt-toggle-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.yt-video-wrapper{width:100%;aspect-ratio:16 / 9;transition:height .3s ease,opacity .3s ease}.yt-video-wrapper iframe{width:100%;height:100%;display:block}#youtubePlayerContainer.yt-collapsed .yt-video-wrapper{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;opacity:0}#youtubePlayerContainer.yt-expanded .yt-video-wrapper{display:block}@media(max-width:768px){.main-content{padding:.5rem 1rem;margin:0 auto;width:100%}}.landing-width-wrapper{max-width:900px;margin:0 auto;width:100%}.app-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;margin-bottom:.75rem;position:relative}.app-header .theme-picker{position:relative;top:auto;right:auto}.app-header .wizard-brand-grounding{margin-left:-6px}@media(max-width:768px){.app-header{padding:.5rem 0;margin-bottom:.5rem;min-height:auto}.app-header .theme-picker{display:block!important}}.mode-container{background:transparent;padding:2.5rem;border-radius:20px;border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:1.5rem;max-width:900px;margin:0 auto;width:100%;box-shadow:none}.landing-main .mode-container{border:none;padding:0}.mode-container.hero-mode{padding:1.75rem 2.5rem 2.5rem;min-height:auto;justify-content:center;box-shadow:none}.landing-main .mode-container.hero-mode{padding:0}.mode-container.hero-mode .generator-gate{width:100%}@media(max-width:768px){.mode-container{padding:1.5rem}.landing-main .mode-container{padding:0}}@media(min-width:769px){.mode-container{display:flex;flex-direction:column}}.interactive-word{color:var(--color-word-unknown);font-weight:450;cursor:pointer;border-radius:3px;padding:0 1px;transition:none}.interactive-word.known{color:var(--color-word-known);font-weight:400;text-decoration:none}::selection{background-color:var(--color-phrase-highlight);color:inherit}::-moz-selection{background-color:var(--color-phrase-highlight);color:inherit}.interactive-word:focus{outline:none;z-index:5;position:relative}.grammar-chunk{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle)}.grammar-chunk:last-child{border-bottom:none}.grammar-source{font-size:1.1rem;font-weight:600;color:var(--text-main);margin-bottom:.25rem}.grammar-pos{font-size:.7rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-bottom:.5rem;display:inline-block;background:transparent;padding:2px 0;border-radius:0;font-family:var(--font-serif-body);font-weight:500}.cloze-input.correct{border-color:var(--color-success);color:var(--color-success)}.cloze-input.incorrect{border-color:var(--color-error);color:var(--color-error)}.cloze-sentence{font-size:calc(1.8rem * var(--reader-zoom));line-height:1.6;color:var(--text-annotation)}.toggle-container{display:inline-flex;background-color:transparent;padding:0;border-radius:0;box-shadow:none;gap:1.5rem}.toggle-btn{padding:6px 16px;border:none;background:var(--bg-card);border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:600;color:var(--text-muted);transition:none;font-family:var(--font-serif-body);box-shadow:0 0 0 1px var(--text-muted)}.toggle-btn:hover{color:var(--accent-warm);box-shadow:0 0 0 1px var(--accent-warm)}.toggle-btn.active{background-color:var(--bg-card);color:var(--accent-warm);box-shadow:0 0 0 2px var(--accent-warm);font-weight:700}#logoutBtn{width:100%;margin-top:1rem}#logoutBtn:hover{color:var(--accent-warm);border-color:var(--accent-warm);transform:translateY(-1px)}#resetKnownWordsBtn:hover{opacity:1!important;color:#ef4444!important}#resetKnownWordsBtn:hover svg{transform:rotate(180deg);transition:transform .3s ease}.interactive-word{user-select:text;-webkit-user-select:text}.tooltip-mark-known svg{flex-shrink:0}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);white-space:nowrap;background:var(--text-main);color:var(--bg-card);font-size:.75rem;font-weight:500;padding:4px 10px;border-radius:6px;pointer-events:none;opacity:0;transition:opacity .1s ease;z-index:9999}[data-tooltip]:hover:after{opacity:1}.info-tooltip-wrap[data-tooltip]:after{white-space:normal!important;width:280px;max-width:90vw;text-align:center;line-height:1.5;padding:10px 14px;top:calc(100% + 32px);bottom:auto}@keyframes flash-known-anim{0%,to{background-color:transparent}}@keyframes flash-unknown-anim{0%,to{background-color:transparent}}.flash-known,.flash-unknown{animation:none}@media(min-width:769px){.mobile-only-flex{display:none!important}}.auth-form{animation:fadeIn .2s ease}.auth-error{background:var(--color-error-bg);border:1px solid var(--border-subtle);color:var(--color-error);padding:.75rem;border-radius:6px;font-size:.9rem;margin-bottom:1rem}.auth-form input:focus{outline:none;border-color:var(--text-annotation);box-shadow:0 0 0 3px #4a7c9e1a}.user-profile{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:transparent;border:none;border-radius:4px;box-shadow:none}.user-profile span{font-size:.9rem;color:var(--text-main);font-weight:500}#logoutBtn{margin-top:auto}.history-clear-btn{margin-top:1rem;border:none;background:none;color:var(--text-muted);font-size:.8rem;cursor:pointer;text-align:left;padding:.5rem;display:none;width:100%;border-radius:var(--radius-md);transition:all .2s}.history-clear-btn:hover{color:var(--accent-warm)}.history-clear-btn.active{color:var(--accent-warm);font-weight:600}.history-clear-btn:disabled{opacity:.5;cursor:not-allowed;background:none!important;color:var(--text-muted)!important}.toolbar-nav{display:flex;align-items:center;gap:4px;background:var(--bg-card);padding:.25rem;border-radius:4px;border:none;box-shadow:0 0 0 1px var(--text-muted)}.toolbar-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .85rem;border-radius:4px;text-decoration:none;color:var(--text-muted);font-size:.95rem;font-weight:550;transition:none}@media(max-width:600px){.toolbar-nav{display:none!important}.toolbar-item{padding:.4rem .5rem}}.toolbar-item:hover{color:var(--text-main)}.toolbar-item svg{width:16px;height:16px;stroke-width:2.25px;color:var(--accent-warm);opacity:.8}..toolbar-item:hover svg{opacity:1}.user-profile{display:flex;flex-direction:row;align-items:center;gap:.75rem;padding:0;background:transparent;border:none;box-shadow:none;z-index:10;pointer-events:auto}.user-profile-info{display:flex;flex-direction:column;gap:.2rem;color:var(--text-muted)}.user-status-dot{display:none}#userName{font-size:.9rem;color:var(--text-main);font-weight:400;font-family:var(--font-serif-body);line-height:1.2}#userPlan{font-size:.75rem;color:var(--text-muted);font-weight:400;font-family:var(--font-serif-body);line-height:1.2}#userEmail{font-size:.9rem;color:inherit;font-weight:500;font-family:var(--font-serif-body)}.user-profile-divider{width:1px;height:14px;background:var(--border-subtle)}#logoutBtn{padding:.25rem .5rem;background:var(--bg-card);color:var(--text-muted);border:none;border-radius:4px;cursor:pointer;font-weight:500;font-size:.75rem;transition:none;box-shadow:0 0 0 1px var(--text-muted)}#logoutBtn:hover{color:var(--accent-warm);box-shadow:0 0 0 1px var(--accent-warm)}.mobile-home-logout{display:none;margin:6rem 0 4rem;width:100%;padding:2.5rem 0;border-top:1px solid var(--border-subtle);flex-direction:column;align-items:center;gap:1.5rem}.reading-stats-bar{display:flex;align-items:center;justify-content:center;padding:.5rem;margin:0 auto 1.5rem;transition:transform .2s ease}.reading-stats-bar:hover{transform:scale(1.02)}.reading-stats-bar .streak-text{font-family:var(--font-serif-body);font-size:1.05rem;font-weight:600;color:var(--text-main);transition:transform .3s ease}.reading-stats-bar .streak-text.bump{animation:statBump .5s ease}@keyframes statBump{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@media(max-width:768px){.reading-stats-bar{padding:.7rem 1.25rem;margin-top:-1.75rem}.reading-stats-bar .streak-text{font-size:.95rem}}#desktopStreakSummary,.mobile-streak-summary,#mobileStreakSummary{display:none!important}.desktop-streak-summary .streak-card{width:auto;max-width:900px;margin:0 auto;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-radius:12px;transition:transform .12s ease,box-shadow .12s ease}.desktop-streak-summary .streak-card:hover{transform:translateY(-4px);box-shadow:0 14px 36px #0000001a}.desktop-streak-summary .streak-info{flex:1 1 60%;max-width:62%}.desktop-streak-summary .streak-info .streak-title{font-size:1.05rem;font-weight:700;color:var(--text-muted)}.desktop-streak-summary .streak-info .streak-sub{font-size:.95rem;color:var(--text-muted)}.desktop-streak-summary .streak-meta{flex:0 0 auto;display:flex;align-items:center;gap:.75rem}.desktop-streak-summary .streak-meta .streak-number{font-size:48px;font-weight:900;color:var(--accent-warm);line-height:1;transition:transform .18s cubic-bezier(.2,.9,.3,1)}.streak-bump{animation:streakBump .6s ease}@keyframes streakBump{0%{transform:scale(1)}35%{transform:scale(1.14)}70%{transform:scale(.98)}to{transform:scale(1)}}@media(max-width:768px){.desktop-streak-summary{display:none!important}}@media(min-width:769px){.desktop-streak-summary{display:flex!important}}#logoutBtnMobile{width:100%;max-width:500px;padding:.85rem;border-radius:var(--radius-md);font-weight:500;font-size:1rem}@media(max-width:768px){.user-profile{display:none!important}.mobile-home-logout{display:flex!important}.mobile-home-logout .user-profile-info{color:var(--text-muted);font-size:.9rem;opacity:.7}}.form-label{font-weight:600;color:var(--text-main);font-size:.9rem;font-family:var(--font-serif-body)}.form-input{padding:.6rem 1rem;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-card);color:var(--text-main);font-size:.95rem;min-width:240px;font-family:var(--font-serif-body);transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--accent-warm);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-warm) 10%,transparent)}.form-input::placeholder{color:var(--text-muted);opacity:.6}.form-select{padding:.6rem 1rem;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-card);color:var(--text-main);cursor:pointer;font-size:.95rem;font-family:var(--font-serif-body);transition:all .2s ease;min-width:160px}.form-select:focus{outline:none;border-color:var(--accent-warm);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-warm) 10%,transparent)}.text-muted{color:var(--text-muted)}.text-muted-sm{color:var(--text-muted);font-size:var(--font-sm);font-family:var(--font-serif-body)}.text-sm{font-size:var(--font-sm);font-family:var(--font-serif-body)}.text-xs{font-size:var(--font-xs);font-family:var(--font-serif-body)}.text-center{text-align:center}.whitespace-nowrap{white-space:nowrap}.lang-controls{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:flex-end}.btn-swap-lang{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:.5rem;margin-bottom:.65rem;display:flex;align-items:center;justify-content:center;transition:var(--transition);opacity:.7}.btn-swap-lang:hover{color:var(--accent-warm);opacity:1;transform:scale(1.1)}#modeGenerate .lang-controls{grid-template-columns:1fr auto 1fr 1fr}@media(max-width:768px){.mode-container .lang-controls{grid-template-columns:1fr!important}.btn-swap-lang{display:none!important}.gen-controls{display:flex;flex-direction:column;align-items:stretch;gap:1rem}}.reader-mode-active #readerContainer.result-card{padding:3rem 4rem;background:var(--paper-color);background-image:var(--spine-shadow);border-radius:4px;border:none;max-width:850px;margin:2rem auto;min-height:80vh}@media(max-width:768px){.reader-mode-active #readerContainer.result-card{min-height:auto}}.reader-mode-active .card-nav-arrow,.reader-mode-active .sentence-controls-wrapper{display:none!important}#btnPrevCard.card-nav-arrow{left:-60px!important;top:50%!important}#btnNextCard.card-nav-arrow{right:-60px!important;top:50%!important}@media(max-width:1200px){#btnPrevCard.card-nav-arrow,#btnNextCard.card-nav-arrow{display:none!important}}.full-text-page{display:none;flex-direction:column;width:100%}.reader-mode-active .full-text-page{display:flex}.full-text-mode-active.reader-mode-active .full-text-page{display:none!important}.full-text-container{display:none;flex-direction:column;width:100%;max-width:95%;margin:0 auto;padding:.5rem 2rem 2rem;font-family:var(--font-serif-body);line-height:1.8}.full-text-mode-active .container{max-width:95%!important}.full-text-mode-active .reader-grid{display:flex!important;flex-direction:column!important;max-width:98%!important;width:98%!important;padding:0!important;height:calc(100vh - 120px);overflow:hidden!important;gap:0!important;background:transparent;border:none;align-items:center}.full-text-mode-active .full-text-container{display:flex;flex:1;flex-direction:column;width:100%;max-width:100%;margin:0 auto;padding:1rem 4rem 4rem;overflow-y:auto;font-family:var(--font-serif-body);line-height:1.8;scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent}.full-text-mode-active #youtubePlayerContainer.yt-expanded{position:relative;z-index:100;margin-bottom:1.5rem;width:600px;max-width:100%;flex-shrink:0;background:var(--bg-card);box-shadow:var(--shadow-md);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.full-text-mode-active #youtubePlayerContainer.yt-collapsed{position:relative;width:100%;max-width:900px;flex-shrink:0;margin-bottom:2rem}.full-text-mode-active .fulltext-body{max-width:1400px;width:100%;margin:0 auto;padding-top:1rem}.full-text-mode-active .study-mode-content,.translations-hidden .page-translation,.translations-hidden .fulltext-translation-col,.translations-hidden #sentenceTranslation,.source-hidden .page-source,.source-hidden .fulltext-source-col,.source-hidden #focusSentence{display:none!important}.source-hidden .fulltext-paragraph{grid-template-columns:1fr;max-width:800px;margin-left:auto;margin-right:auto}.fulltext-sentence-wrapper{transition:background-color .4s ease,border-color .4s ease;border-radius:4px;padding:2px 0}.fulltext-sentence-wrapper.active{background-color:var(--color-phrase-highlight);box-shadow:0 0 0 2px var(--color-phrase-highlight)}.fulltext-s-source{display:inline}.fulltext-body{display:flex;flex-direction:column;gap:2rem}.fulltext-paragraph{display:grid;grid-template-columns:1fr 1fr;gap:5rem;margin-bottom:2rem}.translations-hidden .fulltext-paragraph{grid-template-columns:1fr;max-width:800px;margin-left:auto;margin-right:auto}.fulltext-source-col{font-size:calc(1.6rem * var(--reader-zoom));line-height:1.7;color:var(--text-main);text-align:justify;-webkit-hyphens:auto;hyphens:auto}.fulltext-translation-col{font-size:calc(1.6rem * var(--reader-zoom));line-height:1.7;color:var(--text-main);opacity:.7;text-align:justify;-webkit-hyphens:auto;hyphens:auto}.fulltext-paragraph .highlight-unit{cursor:pointer;transition:all .15s ease;display:inline;padding:0;margin:0}.fulltext-paragraph .highlight-unit.active{background:var(--color-phrase-highlight)}.fulltext-load-more{margin:3rem auto;padding:1rem 2rem;font-size:1.1rem}@media(max-width:768px){.full-text-container{padding:1rem}.fulltext-paragraph{grid-template-columns:1fr;gap:1.5rem}.fulltext-source-col{font-size:calc(1.4rem * var(--reader-zoom))}.fulltext-translation-col{font-size:calc(1.3rem * var(--reader-zoom));border-top:1px dashed var(--border-subtle);padding-top:1rem}}.reader-mode-active .study-mode-content{display:none!important}.page-header{margin-bottom:2.5rem;padding:1rem 0;border-bottom:none!important}.page-list{display:flex;flex-direction:column;gap:1.5rem;font-family:var(--font-serif-body)}.page-row{display:grid;grid-template-columns:1fr auto;gap:1.25rem;padding:1.5rem 1rem;border-bottom:1px solid var(--border-subtle);border-left:4px solid transparent;cursor:default;transition:all .2s ease;align-items:flex-start}.page-text-container{display:flex;flex-direction:column;gap:.75rem;min-width:0}.page-row:hover{background:transparent;color:var(--accent-warm)}.page-row.active{background:transparent;border-left-color:var(--accent-warm)}.page-row.playing{background:transparent;border-left-color:var(--accent-warm);animation:book-glow 2s infinite}.page-row.paused{background:transparent;border-left-color:var(--accent-warm);opacity:.8}.page-play-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition-cozy);margin-left:.5rem}.page-play-btn:hover{color:var(--accent-warm);background:var(--bg-hover)}.page-play-btn:active{background:var(--bg-card)}.page-play-btn.resume-state{color:var(--accent-warm);background:var(--bg-hover)}.page-source{font-size:calc(2rem * var(--reader-zoom));line-height:1.4;color:var(--text-main);font-weight:500}.page-translation{font-size:calc(1.7rem * var(--reader-zoom));line-height:1.5;color:var(--text-muted);font-style:italic;opacity:.8}@media(max-width:768px){.page-row{gap:1rem;padding:1.25rem 0}.page-source{font-size:calc(1.3rem * var(--reader-zoom))}.page-translation{font-size:calc(1.1rem * var(--reader-zoom))}.reader-mode-active #readerContainer.result-card{padding:2rem 1.5rem}}.page-sentence{display:inline}.page-play-btn{background:transparent;border:none;color:var(--accent-warm);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:.6}.page-play-btn:hover{opacity:1;transform:scale(1.1)}.page-play-btn.audio-playing{opacity:1;color:var(--accent-warm)}.page-source .highlight-unit,.page-translation .highlight-unit{display:inline;padding:0;margin:0;border-radius:4px;transition:background .2s,box-shadow .2s}.page-source .highlight-unit.active,.page-translation .highlight-unit.active{background:var(--color-phrase-highlight)}.page-row .trans-text{display:none}.reader-grid{display:flex;flex-direction:column;gap:2.5rem;padding:3rem 3.5rem;min-height:400px;align-items:center;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s ease;max-width:950px;margin:0 auto}@keyframes sidebarSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.reader-grid,#practiceContainer{padding:2.5rem 1.25rem;flex-direction:column;justify-content:center;min-height:auto;box-sizing:border-box}.reader-focus-col{min-height:auto!important}.reader-grid:not(.hidden),#practiceContainer:not(.hidden){display:flex}}.reader-focus-col{display:flex;flex-direction:column;justify-content:flex-start;min-height:100%}.target-unit.unit-saved:after{display:none}.highlight-unit.unit-saved:hover{background:var(--bg-hover)}.interactive-word.word-saved{position:relative;display:inline-block}.interactive-word.word-saved:after{content:"";position:absolute;top:-3px;right:-4px;width:.35rem;height:.5rem;background-color:var(--accent-warm);clip-path:polygon(0% 0%,100% 0%,100% 100%,50% 75%,0% 100%);opacity:.5;pointer-events:none}@media(max-width:768px){body{padding:.5rem}.login-container{max-width:100%;padding:0}.result-card{padding:1.5rem!important;margin:0 0 1.5rem!important;border-radius:4px!important;width:100%!important;border:none!important;box-shadow:none!important}h1{font-size:1.75rem!important}h2{font-size:1.25rem!important}.main-content{padding:1rem;max-width:100%;box-sizing:border-box}.reader-grid{padding-bottom:2rem!important}}@media(max-width:768px){.mobile-full-width{width:100%!important}.mobile-text-center{text-align:center!important}.mobile-padding-sm{padding:1rem!important}.mobile-only{display:inline-flex!important}.desktop-only{display:none}}@media(min-width:769px){.mobile-only{display:none}.desktop-only{display:block}.app-layout,.main-content{padding-bottom:70px!important}.main-content{padding-left:1rem!important;padding-right:1rem!important}.landing-width-wrapper{max-width:none;padding:0 .5rem}}@media(max-width:768px){.sidebar,#sidebar-container{display:none!important}.practice-translation{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.app-layout,.main-content{padding-bottom:80px!important}.flex-between{flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center;text-align:center}.app-layout{display:block}button[id^=tab]{padding:.875rem 1rem;font-size:.95rem;min-height:48px}#sourceLangSelect,#targetLangSelect,#genLang,#genLevel,#importLang{width:100%!important;min-height:48px}#textInput{min-height:150px!important}#genTopic,#importUrlInput{width:100%!important}#swapLangBtn{min-width:48px;min-height:48px;padding:.75rem!important}#modeWrite,#modeGenerate,#modeImport{padding:1.5rem!important}#analyzeBtn{width:100%!important;margin-bottom:0!important}#generateBtn,#importBtn{width:100%}.reader-grid{display:block;padding:1rem 1.25rem;min-height:auto}.reader-focus-col{width:100%!important}.reader-phrases-col,.shortcuts-legend,.view-controls{display:none!important}.metadata-bar{justify-content:center;padding:.75rem;gap:.75rem}.metadata-group{width:100%;justify-content:center;gap:1rem;flex-wrap:wrap}.youtube-pill{order:-1;width:100%;justify-content:center;margin-bottom:.25rem}#progressIndicator,#wordStats{font-size:.85rem}}.mobile-only-flex{display:none}#btnFinishReadingMobile:hover{color:var(--accent-warm);border-color:var(--accent-warm)}@media(max-width:768px){.desktop-only{display:none!important}}#sentencePhonetic{font-family:var(--font-serif-body);letter-spacing:.01em;opacity:.8;margin-bottom:.75rem;line-height:1.4}@media(max-width:600px){body{padding:1rem .5rem}.container{padding:0 .25rem}.result-card{padding:1.25rem .75rem;margin-bottom:1.5rem}.flex-between{gap:.5rem;flex-wrap:wrap;justify-content:center}}.source-unit:focus,.source-unit.cursor-active{outline:none;box-shadow:none}.interactive-word.grammar-active{background-color:var(--accent-warm);color:#fff!important;border-radius:4px;padding:0 4px;box-shadow:0 0 0 2px var(--accent-warm);z-index:10;position:relative}.practice-translation{background-color:var(--bg-metadata);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg);color:var(--text-main);margin-top:var(--spacing-xl);box-shadow:var(--shadow-sm);font-size:var(--font-lg);text-align:center;margin-inline:auto}.standard-form-container{background:var(--paper-color);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);padding:2rem;max-width:920px;margin:1.5rem auto;-webkit-font-smoothing:antialiased}.landing-main .standard-form-container{background:transparent;border:none;box-shadow:none;padding:0}.landing-main .standard-form-container .form-group.mb-lg{max-width:600px;margin-left:auto;margin-right:auto;margin-bottom:2rem}.landing-main .standard-form-container .standard-form-grid{max-width:900px;margin-left:auto;margin-right:auto}.landing-main .standard-form-container .mt-xl{text-align:center}.compact-filter-label{display:block;font-size:.7rem;font-weight:550;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);opacity:.85;margin-bottom:.35rem;white-space:nowrap;text-align:center}.landing-main .compact-filters{display:flex;align-items:flex-end;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}.landing-main .compact-filters .form-group{margin:0;flex:0 0 auto}.landing-main .compact-filters .premium-select{min-width:140px;width:auto;height:40px;font-size:.9rem;padding:.5rem .75rem;border-radius:var(--radius-pill);border:1.5px solid var(--border-subtle);box-shadow:none}.landing-main .compact-filters .swap-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s;margin-bottom:8px}.landing-main .compact-filters .swap-btn svg{width:16px;height:16px}.landing-main .compact-filters .swap-btn:hover{color:var(--accent-warm)}@media(max-width:768px){.swap-btn{display:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(max-width:768px){.landing-main .standard-form-container .form-group.mb-lg{width:100vw!important;position:relative;left:50%;right:50%;margin-left:-50vw!important;margin-right:-50vw!important;max-width:100vw!important;padding-left:1rem;padding-right:1rem;box-sizing:border-box}.landing-main .standard-form-container .premium-input{width:100%!important;box-sizing:border-box!important}.landing-main .compact-filters,#buildNewContainer .compact-filters{flex-direction:row;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:.6rem;position:relative;left:50%;width:100vw;margin-left:-50vw!important;margin-right:0!important;padding-left:1rem;padding-right:1rem;transform:none;transform-origin:unset;margin-bottom:1rem;box-sizing:border-box}.compact-filters .compact-filter-label{display:block;margin-bottom:.75rem}.compact-filters .form-group[data-tooltip]:after{display:none!important}.landing-main .compact-filters .form-group:nth-child(1),#buildNewContainer .compact-filters .form-group:nth-child(1){width:100%;order:1}.landing-main .compact-filters .form-group:nth-child(3),#buildNewContainer .compact-filters .form-group:nth-child(3){flex:1;min-width:0;order:2}.landing-main .compact-filters .swap-btn,#buildNewContainer .compact-filters .swap-btn{order:3;background:transparent;border:none;padding:.25rem;margin:0 0 8px;width:auto;height:auto;transform:none;color:var(--text-muted);cursor:pointer;flex-shrink:0}.landing-main .compact-filters .form-group:nth-child(5),#buildNewContainer .compact-filters .form-group:nth-child(5),.landing-main .compact-filters .gen-level-group,#buildNewContainer .compact-filters .practice-level-group{width:100%;order:4}.landing-main .compact-filters .gen-level-group .flag-select,.landing-main .compact-filters .gen-level-group .flag-select-trigger,#buildNewContainer .compact-filters .practice-level-group .flag-select,#buildNewContainer .compact-filters .practice-level-group .flag-select-trigger,.landing-main .compact-filters .flag-select,.landing-main .compact-filters .flag-select-trigger,#buildNewContainer .compact-filters .flag-select,#buildNewContainer .compact-filters .flag-select-trigger{width:100%!important;min-width:0!important}.landing-main .compact-filters .flag-select-dropdown,#buildNewContainer .compact-filters .flag-select-dropdown{width:100%!important;min-width:0!important;left:0!important;right:0!important}}.standard-form-container .standard-form-grid{margin-top:1rem}:root[data-appearance=dark] .standard-form-container{background:var(--bg-accent-subtle);border-color:#ffffff0f;box-shadow:0 8px 24px #0009}:root[data-appearance=dark] .landing-main .standard-form-container,:root[data-appearance=dark] .review-main .standard-form-container{background:transparent;border:none;box-shadow:none}:root[data-appearance=dark] .standard-form-container .premium-input,:root[data-appearance=dark] .standard-form-container .premium-select{background:var(--bg-card);border-color:#ffffff12;box-shadow:var(--shadow-sm),0 0 0 1px #ffffff05;color:var(--text-main)}:root[data-appearance=dark] .standard-form-container .label-form{color:var(--text-main);opacity:.98}:root[data-appearance=dark] .standard-form-container input:focus,:root[data-appearance=dark] .standard-form-container select:focus,:root[data-appearance=dark] .standard-form-container textarea:focus{box-shadow:var(--shadow-md),0 0 0 3px #ffffff08;outline:none}#feedbackContent{border:none!important;box-shadow:none!important;outline:none!important}#feedbackContent:focus{outline:none!important;border:none!important;box-shadow:none!important}.standard-form-grid{display:grid;grid-template-columns:1fr auto 1fr 1fr;gap:1.5rem;align-items:end;margin-top:1.5rem}@media(max-width:768px){.standard-form-grid{grid-template-columns:1fr;gap:1rem}}.label-form{display:block;margin-bottom:.75rem;font-size:1.1rem;font-weight:700;color:var(--text-main);font-family:var(--font-serif-heading)}.premium-input,.premium-select{width:100%;height:56px;padding:.85rem 1rem;line-height:1.2;border-radius:var(--radius-pill);border:1.5px solid var(--border-subtle);background:var(--bg-card);color:var(--text-main);font-size:1.1rem;font-family:"Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji",var(--font-serif-body),sans-serif;transition:all .2s;box-shadow:none}.premium-select option{font-family:"Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji",var(--font-serif-body),sans-serif;font-size:1rem}.premium-select img.emoji,.premium-input img.emoji{height:1.2em;width:1.2em;margin:0 .15em 0 0;vertical-align:-.2em;display:inline-block}.premium-select,.premium-input{unicode-bidi:isolate;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.premium-select{cursor:pointer;appearance:none;background-image:none;background-repeat:no-repeat;background-position:right 1rem center}.generator-gate{display:block;text-align:center;padding:0;width:100%}.wizard-path-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:800px;margin:0 auto;justify-items:center}@media(min-width:768px){.wizard-path-grid{grid-template-columns:1fr 1fr}}.wizard-btn-title{font-size:1.25rem;font-weight:700;font-family:var(--font-serif-heading);margin-bottom:.5rem;color:var(--text-main)}.wizard-btn-desc{font-size:.9rem;color:var(--text-muted);margin:0;max-width:220px;line-height:1.4}.wizard-selection-btn.hero-card{min-height:200px;padding:3rem 2rem;margin:0;border:3px solid var(--accent-warm);box-shadow:0 4px 6px -1px #00000005}.wizard-selection-btn.hero-card:hover{border-color:var(--accent-warm);transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.hero-icon-container{width:64px;height:64px;background:var(--color-phrase-highlight);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;color:var(--accent-warm);transition:transform .3s ease}.hero-card:hover .hero-icon-container{transform:scale(1.1) rotate(-5deg)}.hero-card .wizard-btn-title{font-size:1.5rem;margin-bottom:.75rem}.hero-card .wizard-btn-desc{font-size:1rem;opacity:.8;line-height:1.4;min-height:2.8em}.tab-icon{margin-right:.5rem;flex-shrink:0}.mb-sm.flex-center{margin-left:-6px}.btn-back-flow{background:none;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;margin-bottom:1.5rem;padding:.5rem 0;display:flex;align-items:center;gap:.5rem}.btn-back-flow:hover{color:var(--accent-warm)}.mt-xl{margin-top:2rem}.mb-lg{margin-bottom:1.5rem}.bold{font-weight:700}.serif{font-family:var(--font-serif-body)}@media(max-width:768px){#podcastSearchContainer{padding:.5rem .75rem;gap:.5rem}}@media(max-width:768px){body .tab-container button.tab-button.tab-main{padding:7px 18px 7px 15px!important;font-size:.85rem!important;line-height:1.4!important;height:auto!important;min-height:0!important;border-radius:20px!important;white-space:nowrap!important;gap:5px!important;box-sizing:border-box!important}body .tab-container button.tab-button.tab-main .tab-icon{width:12px!important;height:12px!important;flex-shrink:0!important}body .tab-container #tabGenerate{padding-left:19px!important}}