.app-layout{display:flex;flex-direction:column;min-height:100vh;background:#0e0e11}.main-navigation{background:#0e0e11;border-bottom:1px solid rgba(255,255,255,.07);position:sticky;top:0;z-index:100}.nav-container{max-width:1400px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:64px}.nav-brand{flex-shrink:0;text-decoration:none}.nav-brand h1{color:#f0ede8;font-size:1.4rem;font-weight:600;margin:0;font-family:Fraunces,Georgia,serif;letter-spacing:-.02em}.nav-actions{display:flex;gap:12px;align-items:center}.nav-link{color:#f0ede8a6;text-decoration:none;padding:8px 16px;border-radius:8px;font-size:.875rem;font-weight:500;transition:all .2s ease}.nav-link:hover{background:#ffffff0f;color:#f0ede8;text-decoration:none}.nav-button{background:none;border:1px solid rgba(255,255,255,.15);color:#f0ede8bf;padding:8px 16px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.nav-button:hover{border-color:#ffffff4d;background:#ffffff0f;color:#f0ede8}.nav-button-primary{background:#e8a87c;border:none;color:#1a120a;font-weight:600}.nav-button-primary:hover{background:#ebb98f;transform:translateY(-1px);color:#1a120a}.main-content{flex:1;width:100%}@media (max-width: 768px){.nav-container{padding:0 16px;height:56px}.nav-brand h1{font-size:1.2rem}.nav-actions{gap:8px}.nav-link{padding:6px 12px;font-size:.825rem}}.app-layout:has(.vocab-training-container),.app-layout:has(.listening-session-container),.app-layout:has(.listening-practice-container),.app-layout:has(.home-container),.app-layout:has(.reader-container),.app-layout:has(.conversation-practice-home),.app-layout:has(.conversation-practice-container),.app-layout:has(.settings-container),.app-layout:has(.dashboard-container),.app-layout:has(.auth-container){background:#faf8f5}.app-layout:has(.vocab-training-container) .main-navigation,.app-layout:has(.listening-session-container) .main-navigation,.app-layout:has(.listening-practice-container) .main-navigation,.app-layout:has(.home-container) .main-navigation,.app-layout:has(.reader-container) .main-navigation,.app-layout:has(.conversation-practice-home) .main-navigation,.app-layout:has(.conversation-practice-container) .main-navigation,.app-layout:has(.settings-container) .main-navigation,.app-layout:has(.dashboard-container) .main-navigation,.app-layout:has(.auth-container) .main-navigation,.app-layout:has(.landing-page) .main-navigation{background:#faf8f5;border-bottom-color:#2a252014}.app-layout:has(.vocab-training-container) .nav-brand h1,.app-layout:has(.listening-session-container) .nav-brand h1,.app-layout:has(.listening-practice-container) .nav-brand h1,.app-layout:has(.home-container) .nav-brand h1,.app-layout:has(.reader-container) .nav-brand h1,.app-layout:has(.conversation-practice-home) .nav-brand h1,.app-layout:has(.conversation-practice-container) .nav-brand h1,.app-layout:has(.settings-container) .nav-brand h1,.app-layout:has(.dashboard-container) .nav-brand h1,.app-layout:has(.auth-container) .nav-brand h1,.app-layout:has(.landing-page) .nav-brand h1{color:#1a1410}.app-layout:has(.vocab-training-container) .nav-link,.app-layout:has(.listening-session-container) .nav-link,.app-layout:has(.listening-practice-container) .nav-link,.app-layout:has(.home-container) .nav-link,.app-layout:has(.reader-container) .nav-link,.app-layout:has(.conversation-practice-home) .nav-link,.app-layout:has(.conversation-practice-container) .nav-link,.app-layout:has(.settings-container) .nav-link,.app-layout:has(.dashboard-container) .nav-link,.app-layout:has(.auth-container) .nav-link,.app-layout:has(.landing-page) .nav-link{color:#2a252080}.app-layout:has(.vocab-training-container) .nav-link:hover,.app-layout:has(.listening-session-container) .nav-link:hover,.app-layout:has(.listening-practice-container) .nav-link:hover,.app-layout:has(.home-container) .nav-link:hover,.app-layout:has(.reader-container) .nav-link:hover,.app-layout:has(.conversation-practice-home) .nav-link:hover,.app-layout:has(.conversation-practice-container) .nav-link:hover,.app-layout:has(.settings-container) .nav-link:hover,.app-layout:has(.dashboard-container) .nav-link:hover,.app-layout:has(.auth-container) .nav-link:hover,.app-layout:has(.landing-page) .nav-link:hover{background:#2a25200d;color:#2a2520}.app-layout:has(.vocab-training-container) .nav-button,.app-layout:has(.home-container) .nav-button,.app-layout:has(.reader-container) .nav-button,.app-layout:has(.conversation-practice-home) .nav-button,.app-layout:has(.conversation-practice-container) .nav-button,.app-layout:has(.settings-container) .nav-button,.app-layout:has(.dashboard-container) .nav-button,.app-layout:has(.auth-container) .nav-button,.app-layout:has(.landing-page) .nav-button{border-color:#2a25202e;color:#2a252099}.app-layout:has(.vocab-training-container) .nav-button:hover,.app-layout:has(.home-container) .nav-button:hover,.app-layout:has(.reader-container) .nav-button:hover,.app-layout:has(.conversation-practice-home) .nav-button:hover,.app-layout:has(.conversation-practice-container) .nav-button:hover,.app-layout:has(.settings-container) .nav-button:hover,.app-layout:has(.dashboard-container) .nav-button:hover,.app-layout:has(.auth-container) .nav-button:hover,.app-layout:has(.landing-page) .nav-button:hover{background:#2a25200d;color:#2a2520;border-color:#2a25204d}.home-container{min-height:100vh;background:#faf8f5;color:#1a1410}.loading{display:flex;align-items:center;justify-content:center;min-height:60vh;font-size:18px;color:#9b9591}.app-layout:has(.landing-page){background:#faf8f5}.home-container:has(.landing-page){background:transparent}.landing-page{min-height:calc(100vh - 64px);display:flex;align-items:center;padding:60px 40px}.landing-split{max-width:1120px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.landing-copy{animation:fadeInUp .7s ease-out both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.landing-title{font-family:Fraunces,Georgia,serif;font-size:3.75rem;font-weight:500;color:#1a1410;line-height:1.08;letter-spacing:-.025em;margin:0 0 28px}.landing-title em{font-style:italic;color:#1a1410}.landing-subtitle{font-family:DM Sans,sans-serif;font-size:1.1rem;color:#6b6560;line-height:1.72;margin:0 0 40px;max-width:400px}.landing-actions{margin-bottom:16px}.landing-cta{display:inline-flex;align-items:center;padding:12px 26px;background:#e8a87c;border:none;border-radius:7px;color:#1a120a;font-family:DM Sans,sans-serif;font-size:.975rem;font-weight:600;cursor:pointer;letter-spacing:.01em;transition:all .18s ease}.landing-cta:hover{background:#ebb98f;transform:translateY(-1px);box-shadow:0 6px 20px #e8a87c47}.landing-signin-link{display:inline-block;color:#b8b3ad;font-family:DM Sans,sans-serif;font-size:.875rem;text-decoration:none;transition:color .15s ease}.landing-signin-link:hover{color:#6b6560;text-decoration:none}.landing-preview{animation:fadeInUp .7s ease-out .18s both}.preview-reader{background:#f5f2ec;border:1px solid rgba(42,37,32,.08);border-radius:14px;box-shadow:0 2px 4px #2a25200a,0 8px 32px #2a252017,0 32px 72px #2a252012;overflow:visible}.preview-reader-meta{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-bottom:1px solid rgba(42,37,32,.07);border-radius:14px 14px 0 0;background:#f5f2ec}.preview-chapter-tag,.preview-level-tag{font-family:DM Sans,sans-serif;font-size:10.5px;color:#c4bfb9;letter-spacing:.07em;text-transform:uppercase}.preview-content{padding:28px 26px 22px;overflow:visible}.preview-target-text{font-family:Fraunces,Georgia,serif;font-size:18px;line-height:1.9;color:#1a1714;margin:0;position:relative}.preview-word{background-color:#e8a87c4d;color:#6b3e22;padding:1px 3px;border-radius:2px;position:relative;display:inline}.preview-definition-popup{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-40%);background:#1a1714;border-radius:8px;padding:10px 14px;display:flex;flex-direction:column;gap:3px;white-space:nowrap;box-shadow:0 4px 20px #00000038;pointer-events:none;z-index:20}.preview-definition-popup:after{content:"";position:absolute;top:100%;left:40%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #1a1714}.preview-def-headword{font-family:Fraunces,Georgia,serif;font-size:13px;font-weight:500;color:#e8a87c;display:block}.preview-def-meaning{font-family:DM Sans,sans-serif;font-size:12px;color:#f0ede8a6;display:block}.preview-native-text{font-family:DM Sans,sans-serif;font-size:13.5px;color:#8a8580;font-style:italic;line-height:1.65;margin:18px 0 0;padding-top:18px;border-top:1px solid rgba(42,37,32,.07)}.preview-audio{display:flex;align-items:center;gap:12px;padding:14px 22px 17px;border-top:1px solid rgba(42,37,32,.07)}.preview-play-button{width:30px;height:30px;border-radius:50%;background:#2a2520;border:none;display:flex;align-items:center;justify-content:center;color:#f5f2ec;cursor:default;flex-shrink:0}.preview-progress{flex:1}.preview-progress-track{height:3px;background:#2a25201f;border-radius:2px;position:relative}.preview-progress-fill{height:100%;width:35%;background:#e8a87c;border-radius:2px;position:relative}.preview-progress-fill:after{content:"";position:absolute;right:-5px;top:-4px;width:11px;height:11px;background:#e8a87c;border-radius:50%;box-shadow:0 1px 4px #e8a87c66}.preview-time{font-family:DM Sans,sans-serif;font-size:11px;color:#b8b3ad;flex-shrink:0;font-variant-numeric:tabular-nums}.zone-container{max-width:860px;margin:0 auto;padding:0 40px}.zone-heading{font-family:Fraunces,Georgia,serif;font-size:1.1rem;font-weight:500;font-style:italic;color:#6b6560;margin:0;letter-spacing:.005em}.zone-session{padding:52px 0 0}.session-area{background:#f5f0e8;border-radius:12px;padding:40px 44px 36px;box-shadow:0 1px 2px #2a252008,0 4px 16px #2a25200a}.session-daily-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid rgba(42,37,32,.08)}.session-daily-label{font-family:Fraunces,Georgia,serif;font-size:.85rem;font-style:italic;color:#9b9591;letter-spacing:.01em}.session-daily-start{display:inline-flex;align-items:center;padding:7px 16px;background:transparent;border:1px solid rgba(42,37,32,.16);border-radius:20px;color:#5c3d20;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:500;cursor:pointer;letter-spacing:.01em;transition:border-color .15s ease,background .15s ease,color .15s ease}.session-daily-start:hover:not(:disabled){border-color:#e8a87c99;background:#e8a87c14;color:#1a120a}.session-daily-start:disabled{opacity:.45;cursor:not-allowed}.session-steps{display:flex;flex-direction:column}.session-step{display:flex;gap:18px;background:none;border:none;padding:0;width:100%;text-align:left;font-family:DM Sans,sans-serif}.session-step--secondary{cursor:pointer}.session-step--secondary:hover .session-step-line{color:#5c3418}.session-step-track{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:14px;padding-top:6px}.session-step-dot{width:7px;height:7px;border-radius:50%;background:#2a25202e;flex-shrink:0}.session-step-dot--reading{width:10px;height:10px;background:#e8a87c;margin-left:-2px}.session-step:not(:last-child) .session-step-track:after{content:"";width:1px;flex:1;min-height:20px;background:linear-gradient(to bottom,#2a25201f,#2a25200a);margin-top:6px}.session-step-body{flex:1;min-width:0;padding-bottom:32px}.session-step--secondary .session-step-body{padding-bottom:20px;display:flex;align-items:center}.session-step:last-child .session-step-body{padding-bottom:0}.session-step-eyebrow{font-family:DM Sans,sans-serif;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#c4bfb9;margin:0 0 16px;display:block}.session-story-title{font-family:Fraunces,Georgia,serif;font-size:2.25rem;font-weight:500;color:#1a1410;line-height:1.12;letter-spacing:-.02em;margin:0 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-story-title--placeholder{font-size:1.65rem;color:#9b9591}.session-story-subtitle{font-family:DM Sans,sans-serif;font-size:13px;color:#9b9591;margin:0 0 14px;text-transform:capitalize}.session-story-meta{display:flex;align-items:center;gap:12px;margin:0 0 24px}.session-story-meta span{font-family:DM Sans,sans-serif;font-size:12px;color:#b8b3ad}.session-resume-action{display:inline-flex;align-items:center;padding:11px 24px;background:#e8a87c;border:none;border-radius:24px;color:#1a120a;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;letter-spacing:.01em;transition:all .18s ease}.session-resume-action:hover:not(:disabled){background:#ebb98f;transform:translateY(-1px);box-shadow:0 4px 14px #e8a87c52}.session-resume-action:disabled{opacity:.6}.session-step-line{font-family:Fraunces,Georgia,serif;font-style:italic;font-size:1.05rem;color:#9b9591;transition:color .15s ease}.zone-library{padding:48px 0 0}.library-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px;flex-wrap:wrap}.library-filters{display:flex;gap:1px}.filter-tab{font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;color:#c4bfb9;background:none;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;transition:all .13s ease}.filter-tab:hover{color:#6b6560;background:#2a25200a}.filter-tab.active{color:#1a1410;background:#2a252012}.new-story-trigger{font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;color:#e8a87c;background:none;border:1px solid rgba(232,168,124,.35);padding:6px 14px;border-radius:6px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.new-story-trigger:hover:not(:disabled){background:#e8a87c12;border-color:#e8a87c8c}.new-story-trigger:disabled{opacity:.45}.library-list{border-top:1px solid rgba(42,37,32,.07)}.story-row{display:flex;align-items:center;gap:14px;width:calc(100% + 20px);margin:0 -10px;padding:13px 10px;background:none;border:none;border-bottom:1px solid rgba(42,37,32,.06);cursor:pointer;text-align:left;transition:background-color .12s ease;border-radius:4px;font-family:DM Sans,sans-serif}.story-row:hover{background:#e8a87c0d}.story-row-level{font-size:10px;font-weight:600;color:#9b9591;letter-spacing:.09em;text-transform:uppercase;flex-shrink:0;width:26px}.story-row-title{font-family:Fraunces,Georgia,serif;font-size:15.5px;color:#1a1410;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.35;transition:color .12s ease}.story-row:hover .story-row-title{color:#5c3418}.story-row-genre{font-size:11.5px;color:#b8b3ad;flex-shrink:0;min-width:64px;text-align:right;text-transform:capitalize}.story-row-status{font-size:11px;color:#e8a87c;flex-shrink:0;width:44px;text-align:right}.story-row-arrow{color:#d4cec9;flex-shrink:0;font-size:13px;transition:transform .12s ease,color .12s ease}.story-row:hover .story-row-arrow{transform:translate(3px);color:#e8a87c}.story-row-dot{width:6px;height:6px;border-radius:50%;background:#2a25201f;flex-shrink:0;margin-top:1px;transition:background .15s ease}.story-row--active .story-row-dot{background:#e8a87c}.story-row--done .story-row-dot{background:#64be8cb3}.story-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.story-row-sub{font-family:DM Sans,sans-serif;font-size:11px;color:#b8b3ad;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em}.story-row--done .story-row-title{color:#8a8580}.library-empty{font-family:DM Sans,sans-serif;font-size:.9rem;color:#b8b3ad;font-style:italic;padding:40px 0;text-align:center}.new-story-invitation{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 10px 6px;flex-wrap:wrap}.new-story-prompt{font-family:Fraunces,Georgia,serif;font-style:italic;font-size:.95rem;color:#b8b3ad;margin:0}.zone-practice{background:#f3f0eb;border-top:1px solid rgba(42,37,32,.06);padding:52px 0 96px;margin-top:8px}.practice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.practice-card{background:#faf8f5;border:1px solid rgba(42,37,32,.08);border-radius:10px;padding:26px 22px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:8px;transition:all .18s ease;font-family:DM Sans,sans-serif;box-shadow:0 1px 3px #2a25200a,0 2px 8px #2a252008}.practice-card:hover{border-color:#2a252024;background:#f5efe8;transform:translateY(-2px);box-shadow:0 4px 16px #2a252014}.practice-card-number{font-size:10px;color:#d4cec9;letter-spacing:.05em;font-weight:500;display:block;margin-bottom:4px}.practice-card-title{font-family:Fraunces,Georgia,serif;font-size:1.1rem;font-weight:500;font-style:italic;color:#1a1410;margin:0}.practice-card-desc{font-size:12.5px;color:#6b6560;line-height:1.55;margin:0;flex:1}.practice-card-link{font-size:12px;font-weight:600;color:#e8a87c;display:block;margin-top:6px}.zone-worlds{padding:52px 0 56px;border-top:1px solid rgba(42,37,32,.06)}.worlds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;margin-top:22px}.world-card{position:relative;background:linear-gradient(145deg,#f5f0e8,#ede8df);border:1px solid rgba(42,37,32,.1);border-radius:12px;padding:30px 26px 24px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:0;transition:all .22s ease;font-family:DM Sans,sans-serif;box-shadow:0 1px 4px #2a25200d,0 4px 16px #2a252008;overflow:hidden}.world-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#e8a87c80,#e8a87c00);opacity:0;transition:opacity .22s ease}.world-card:hover{border-color:#2a252029;transform:translateY(-3px);box-shadow:0 6px 24px #2a25201a,0 2px 8px #2a25200f}.world-card:hover:before{opacity:1}.world-card-content{flex:1;display:flex;flex-direction:column;gap:0}.world-card-eyebrow{font-size:9.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#b8b3ad;margin-bottom:10px}.world-card-title{font-family:Fraunces,Georgia,serif;font-size:1.35rem;font-weight:500;font-style:italic;color:#1a1410;margin:0 0 4px;line-height:1.25}.world-card-subtitle{font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:500;color:#6b6560;letter-spacing:.01em;margin-bottom:12px}.world-card-desc{font-size:13px;color:#8a847e;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.world-card-cta{font-size:12.5px;font-weight:600;color:#1a1410;display:block;margin-top:18px;padding-top:14px;border-top:1px solid rgba(42,37,32,.07);transition:color .18s ease}.world-card:hover .world-card-cta{color:#e8a87c}.error-banner{background:#c83c3c0f;border:1px solid rgba(200,60,60,.18);color:#a03030;border-radius:8px;margin:24px auto 0;font-family:DM Sans,sans-serif;font-size:.875rem;max-width:860px;padding:12px 40px}@media (max-width: 960px){.landing-page{padding:56px 24px 48px;align-items:flex-start}.landing-split{grid-template-columns:1fr;gap:52px}.landing-title{font-size:2.9rem}.landing-preview{max-width:480px;margin:0 auto}}@media (max-width: 768px){.landing-title{font-size:2.4rem}.landing-subtitle{font-size:1.05rem;max-width:100%}.zone-container{padding:0 20px}.zone-session{padding:36px 0 0}.session-area{padding:30px 28px 26px}.session-story-title{font-size:1.7rem}.zone-library{padding:36px 0 0}.zone-worlds{padding:36px 0 40px}.worlds-grid{grid-template-columns:1fr;gap:14px}.zone-practice{padding:36px 0 60px}.practice-grid{grid-template-columns:1fr 1fr;gap:10px}.practice-card:last-child{grid-column:span 2}.library-header{flex-direction:column;align-items:flex-start}.new-story-invitation{flex-direction:column;align-items:flex-start;gap:12px}}@media (max-width: 480px){.landing-title{font-size:2rem}.landing-page{padding:40px 20px}.preview-definition-popup{display:none}.zone-container{padding:0 16px}.session-area{padding:24px 20px 20px}.session-story-title{font-size:1.45rem}.practice-grid{grid-template-columns:1fr}.practice-card:last-child{grid-column:span 1}.story-row-genre{display:none}}.interactive-text{font-size:19px;line-height:1.9;color:#1a1714;margin:0;-webkit-user-select:none;user-select:none;position:relative;z-index:10;pointer-events:auto!important;font-family:Fraunces,Georgia,serif;font-weight:400;letter-spacing:.005em}.clickable-word{cursor:pointer!important;padding:1px 2px;margin:-1px -2px;border-radius:2px;transition:background-color .12s ease,color .12s ease;pointer-events:auto!important;display:inline;position:relative;z-index:100}.clickable-word:hover{background-color:#e8a87c33;color:#7a4f2e}.clickable-word.selected{background-color:#e8a87c4d;color:#6b3e22}.clickable-word:after{content:"";position:absolute;left:2px;right:2px;bottom:0;height:1px;background-color:transparent;transition:background-color .12s ease}.clickable-word:hover:after{background-color:#e8a87c80}.clickable-word.selected:after{background-color:#e8a87cb3}.bilingual-container{display:flex;gap:40px;align-items:flex-start;margin:24px 0;position:relative;z-index:1}.bilingual-column{flex:1;min-width:0;position:relative;z-index:2;pointer-events:auto}.target-language{pointer-events:auto}.native-language{pointer-events:none}.bilingual-divider{width:1px;background:#2a252014;min-height:80px;flex-shrink:0}.translation-text{font-size:15px;line-height:1.85;color:#8a8580;margin:0;font-family:DM Sans,-apple-system,sans-serif;font-style:italic;font-weight:300}.bilingual-single{width:100%}@media (max-width: 768px){.bilingual-container{flex-direction:column;gap:14px}.bilingual-divider{width:100%;height:1px;min-height:1px;background:#2a252012}.translation-text{font-size:14px}}.story-choices{margin-top:52px;padding-top:32px;border-top:1px solid rgba(42,37,32,.08)}.choices-title{font-size:11px;font-weight:400;color:#b8b3ad;margin-bottom:20px;text-align:center;font-family:DM Sans,-apple-system,sans-serif;letter-spacing:.08em;text-transform:uppercase}.choices-container{display:flex;flex-direction:column;gap:10px;max-width:560px;margin:0 auto}.choice-button{display:flex;align-items:flex-start;gap:16px;padding:18px 20px;background-color:#2a252006;border:1px solid rgba(42,37,32,.1);border-radius:6px;cursor:pointer;transition:all .2s ease;text-align:left}.choice-button:hover{border-color:#e8a87c80;background-color:#e8a87c0d;transform:translate(4px)}.choice-button:active{transform:translate(2px)}.choice-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.choice-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:#2a252014;color:#6b6560;border-radius:50%;font-weight:500;font-size:11px;flex-shrink:0;font-family:DM Sans,-apple-system,sans-serif;transition:all .18s ease;margin-top:2px}.choice-button:hover .choice-number{background-color:#e8a87c;color:#1a120a}.choice-text{flex:1;font-size:15px;color:#2a2520;line-height:1.6;font-family:Fraunces,Georgia,serif;font-weight:400}@media (max-width: 768px){.story-choices{margin-top:36px;padding-top:24px}.choice-button{padding:16px}.choice-button:hover{transform:none}}.word-tooltip{position:fixed;width:260px;background:#1a1714;border-radius:9px;padding:11px 14px 13px;z-index:1000;pointer-events:auto;box-shadow:0 2px 8px #0000001f,0 8px 28px #0003;animation:tooltipIn .14s ease both}.word-tooltip--above{transform:translate(-50%) translateY(-100%)}.word-tooltip--below{transform:translate(-50%)}@keyframes tooltipIn{0%{opacity:0}to{opacity:1}}.word-tooltip-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:5px}.word-tooltip-word{font-family:Fraunces,Georgia,serif;font-size:15px;font-weight:500;color:#e8a87c;line-height:1.2;letter-spacing:-.01em}.word-tooltip-save{background:#e8a87c1f;border:1px solid rgba(232,168,124,.22);color:#e8a87c;width:22px;height:22px;border-radius:5px;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s ease,border-color .15s ease;font-family:DM Sans,sans-serif;padding:0}.word-tooltip-save:hover{background:#e8a87c38;border-color:#e8a87c66}.word-tooltip-translation{font-family:DM Sans,sans-serif;font-size:13px;line-height:1.4;color:#f0ede8d9;margin:0 0 4px;font-style:italic}.word-tooltip-definition{font-family:DM Sans,sans-serif;font-size:12.5px;line-height:1.55;color:#f0ede899;margin:0;white-space:pre-wrap;word-break:break-word}.word-tooltip-loading{display:flex;flex-direction:column;gap:7px;padding:2px 0}.word-tooltip-word-skeleton{display:block;height:14px;width:72px;background:#e8a87c26;border-radius:4px;animation:skeletonPulse 1.3s ease-in-out infinite}.word-tooltip-def-skeleton{display:block;height:10px;width:100%;background:#ffffff0f;border-radius:3px;animation:skeletonPulse 1.3s ease-in-out .15s infinite}.word-tooltip-def-skeleton--short{width:68%;animation-delay:.3s}@keyframes skeletonPulse{0%,to{opacity:.4}50%{opacity:1}}.word-tooltip-caret{position:absolute;width:0;height:0;transform:translate(-50%)}.word-tooltip-caret--bottom{bottom:-6px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #1a1714}.word-tooltip-caret--top{top:-6px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #1a1714}.reader-container{background:#f5f2ec;max-width:none;margin:0;padding:0;min-height:calc(100vh - 64px);color:#2a2520}.reader-header{max-width:900px;margin:0 auto;padding:32px 56px 20px;border-bottom:1px solid rgba(42,37,32,.08)}.header-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px;gap:16px}.back-button{background:transparent;color:#b0aaa4;border:none;padding:0;font-size:13px;font-weight:400;cursor:pointer;transition:color .18s ease;font-family:DM Sans,-apple-system,sans-serif;white-space:nowrap;letter-spacing:.01em;flex-shrink:0}.reader-header h1{font-size:20px;font-weight:400;color:#2a2520;margin:0;flex:1;text-align:center;font-family:Fraunces,Georgia,serif;letter-spacing:-.02em;font-style:italic}.header-controls{display:flex;gap:4px;align-items:center;flex-shrink:0}.layout-toggle,.reset-button{background:transparent;color:#c4bfb9;border:none;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:400;cursor:pointer;transition:color .18s ease;font-family:DM Sans,-apple-system,sans-serif;letter-spacing:.01em}.layout-toggle:hover,.reset-button:hover{color:#6b6560}.story-meta{display:flex;gap:0;align-items:center;flex-wrap:wrap;justify-content:center}.genre-badge,.level-badge,.progress-indicator{display:inline-block;padding:0 8px 0 0;border-radius:0;font-size:11.5px;font-weight:400;color:#b8b3ad;font-family:DM Sans,-apple-system,sans-serif;letter-spacing:.04em;background:none;text-transform:uppercase}.genre-badge:after,.level-badge:after{content:"·";padding-left:8px;color:#d0cbc5}.completed-badge{font-size:11px;font-weight:500;color:#5a9e72;background:#68d3911a;padding:2px 8px;border-radius:8px;font-family:DM Sans,-apple-system,sans-serif;letter-spacing:.03em;text-transform:uppercase;margin-left:4px}.reader-content{max-width:900px;margin:0 auto;padding:48px 56px 100px;background:transparent;box-shadow:none;border-radius:0;position:relative}.reader-content:before{display:none}.chapter-container{margin:0}.chapter-title{font-size:20px;font-weight:300;color:#2a2520;margin-bottom:44px;padding-bottom:20px;border-bottom:1px solid rgba(42,37,32,.08);text-align:center;font-family:Fraunces,Georgia,serif;font-style:italic;letter-spacing:.01em}.chapter-content{margin:0;min-height:200px}.no-content{text-align:center;color:#b8b3ad;font-style:italic;padding:48px 20px;font-family:Fraunces,Georgia,serif}.paragraph-container{margin-bottom:24px}.paragraph{margin-bottom:32px;position:relative}.paragraph.previous{opacity:.65}.paragraph.current{opacity:1}.chapter-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:60px;padding-top:24px;border-top:1px solid rgba(42,37,32,.08);gap:16px}.nav-button{background:transparent;color:#6b6560;border:1px solid rgba(42,37,32,.14);padding:10px 22px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .18s ease;font-family:DM Sans,-apple-system,sans-serif}.nav-button:hover:not(:disabled){color:#2a2520;border-color:#2a252047;background:#2a252008}.nav-button:disabled{color:#c4bfb9;border-color:#2a252012;cursor:not-allowed}.chapter-indicator{font-size:12px;font-weight:400;color:#b8b3ad;text-align:center;font-family:DM Sans,-apple-system,sans-serif;letter-spacing:.04em;text-transform:uppercase}.story-end{text-align:center;padding:60px 24px;margin-top:40px;border-top:1px solid rgba(42,37,32,.08)}.story-end h3{font-size:26px;color:#2a2520;margin:0 0 10px;font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:300}.story-end p{font-size:14px;color:#9b9591;margin:0 0 28px;font-family:DM Sans,-apple-system,sans-serif}.story-end-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.action-button{padding:11px 24px;border:1px solid rgba(42,37,32,.15);background:transparent;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .18s ease;color:#6b6560;font-family:DM Sans,-apple-system,sans-serif}.action-button:hover{background:#2a25200a;border-color:#2a252042;color:#2a2520}.action-button.primary{background:#e8a87c;color:#1a120a;border-color:transparent;font-weight:600}.action-button.primary:hover{background:#ebb98f}.loading,.error{text-align:center;padding:60px 24px;font-size:16px}.loading{color:#9b9591;display:flex;flex-direction:column;align-items:center;gap:16px}.loading-spinner{width:28px;height:28px;border:2px solid rgba(42,37,32,.1);border-top-color:#e8a87c;border-radius:50%;animation:spin .8s linear infinite}.error{color:#c0392b}.error-page{text-align:center;padding:60px 24px;background:#2a252008;border-radius:8px;border:1px solid rgba(42,37,32,.08)}.error-page h2{font-size:22px;color:#2a2520;margin:0 0 12px;font-family:Fraunces,Georgia,serif;font-weight:400}.error-page p{font-size:15px;color:#9b9591;margin:0 0 24px}.error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.error-actions .action-button.primary{background:#e8a87c;color:#1a120a;border-color:transparent}.generating-indicator{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;margin:28px 0;background:#e8a87c0f;border-radius:6px;border:1px dashed rgba(232,168,124,.3)}.generating-indicator p{margin:0;color:#9b7655;font-weight:400;font-size:14px;font-family:DM Sans,-apple-system,sans-serif;font-style:italic}.paragraph.streaming{border:1px dashed rgba(232,168,124,.35);background:#e8a87c0a;padding:20px;border-radius:6px;animation:gentle-pulse 2s ease-in-out infinite}@keyframes gentle-pulse{0%,to{border-color:#e8a87c59}50%{border-color:#e8a87c99}}.streaming-indicator{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;background:#e8a87c14;border-radius:4px}.streaming-indicator small{color:#9b7655;font-weight:400;font-size:13px}.loading-spinner-small{width:14px;height:14px;border:2px solid rgba(155,118,85,.2);border-top-color:#e8a87c;border-radius:50%;animation:spin .8s linear infinite}.choice-indicator{margin-top:12px;padding:10px 14px;background:#2a252008;border-left:2px solid rgba(42,37,32,.08);border-radius:0 4px 4px 0}.choice-indicator small{color:#9b9591;font-style:italic;font-size:13px}@media (max-width: 768px){.reader-header{padding:24px 20px 16px}.reader-content{padding:32px 20px 64px}.reader-header h1{font-size:17px}.header-top{flex-wrap:wrap}.chapter-navigation{flex-direction:column;gap:10px}.nav-button{width:100%;text-align:center}.chapter-indicator{order:-1}.chapter-title{font-size:17px;margin-bottom:32px}}@media (max-width: 640px){.reader-header h1{order:-1;width:100%;text-align:left;font-size:17px;margin-bottom:4px}}.sentence-aligned-container{display:flex;flex-direction:column;gap:0}.sentence-pair-row{display:flex;align-items:stretch;gap:40px;padding:13px 0;border-radius:3px;transition:background-color .15s ease;min-height:44px;border-bottom:1px solid transparent;animation:fadeIn .25s ease-out}.sentence-pair-row:hover{background-color:#e8a87c0f}.sentence-pair-row.highlighted{background-color:#e8a87c1a}.sentence-pair-row.active-sentence{background-color:#fbbf241a;animation:gentle-glow 2s ease-in-out infinite}.sentence-pair-row.clickable-sentence{cursor:pointer}.sentence-pair-row.clickable-sentence:hover:not(.active-sentence):not(.highlighted){background-color:#2a252006}.target-sentence,.translation-sentence{flex:1;display:flex;align-items:flex-start;gap:14px}.sentence-content{flex:1;line-height:1.85}.sentence-number{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;color:#c4bfb9;font-size:10px;font-weight:400;flex-shrink:0;margin-top:5px;font-variant-numeric:tabular-nums;font-family:DM Sans,-apple-system,sans-serif;opacity:0;transition:opacity .15s ease;-webkit-user-select:none;user-select:none}.sentence-pair-row:hover .sentence-number{opacity:1}.sentence-pair-row.active-sentence .sentence-number{opacity:1;color:#c77c20}.sentence-pair-row.highlighted .sentence-number{opacity:1;color:#b88b60}.target-sentence .sentence-content{font-size:19px;color:#1a1714;font-family:Fraunces,Georgia,serif;font-weight:400;letter-spacing:.005em}.translation-sentence .sentence-content{font-size:15px;color:#8a8580;font-family:DM Sans,-apple-system,sans-serif;font-style:italic;font-weight:300;line-height:1.85}.sentence-pair-row.highlighted .translation-text{color:#7a6848}.sentence-pair-row.active-sentence .translation-text{color:#92600a}.sentence-divider{width:1px;background:#2a252014;flex-shrink:0;align-self:stretch;min-height:24px;transition:background .15s ease}.sentence-pair-row.highlighted .sentence-divider{background:#b88b6047}.sentence-aligned-single{width:100%;font-size:19px;line-height:1.92;color:#1a1714;font-family:Fraunces,Georgia,serif;font-weight:400}.sentence-span{pointer-events:auto;transition:background-color .15s ease;border-radius:2px}.sentence-span.active-sentence{background-color:#fbbf242e;padding:2px 4px;margin:-2px -4px;border-radius:3px}.sentence-span.clickable-sentence{cursor:pointer}.sentence-span.clickable-sentence:hover:not(.active-sentence){background-color:#e8a87c24;padding:2px 4px;margin:-2px -4px}@keyframes gentle-glow{0%,to{box-shadow:0 0 #fbbf2400}50%{box-shadow:0 0 10px 2px #fbbf2414}}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.sentence-pair-row{flex-direction:column;gap:10px;padding:14px 4px}.sentence-divider{width:100%;height:1px;min-height:1px;background:#2a252012;align-self:auto}.sentence-number{display:none}.target-sentence .sentence-content{font-size:18px}.translation-sentence .sentence-content{font-size:14px}.sentence-aligned-single{font-size:18px;line-height:1.88}}.chapter-audio-player{background-color:#2a25200a;border-radius:6px;padding:15px 20px;margin:40px 0 0;border:1px solid rgba(42,37,32,.09)}.chapter-audio-player.disabled{background-color:#2a252005;text-align:center;padding:13px;border-color:#2a25200f}.no-audio-message{color:#b8b3ad;margin:0;font-size:13px;font-style:italic;font-family:DM Sans,-apple-system,sans-serif}.audio-controls{display:flex;align-items:center;gap:16px}.play-button{flex-shrink:0;width:40px;height:40px;border-radius:50%;background-color:#2a2520;color:#f5f2ec;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;box-shadow:0 2px 6px #2a252026}.play-button:hover{background-color:#1a1714;transform:scale(1.05);box-shadow:0 3px 10px #2a252033}.play-button:active{transform:scale(.97)}.play-button.playing{background-color:#e8a87c;color:#1a120a}.play-button.playing:hover{background-color:#ebb98f}.time-display{display:flex;align-items:center;gap:5px;font-size:12px;color:#9b9591;font-variant-numeric:tabular-nums;font-family:DM Sans,-apple-system,sans-serif}.current-time{font-weight:600;color:#2a2520}.separator{color:#c4bfb9}.duration{color:#b8b3ad}.progress-bar{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;outline:none;cursor:pointer}.progress-bar::-webkit-slider-track{width:100%;height:4px;background:#2a25201f;border-radius:2px}.progress-bar::-moz-range-track{width:100%;height:4px;background:#2a25201f;border-radius:2px}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:#e8a87c;border-radius:50%;cursor:pointer;transition:transform .15s ease,background .15s ease;box-shadow:0 1px 4px #e8a87c59}.progress-bar::-moz-range-thumb{width:14px;height:14px;background:#e8a87c;border-radius:50%;border:none;cursor:pointer;transition:transform .15s ease,background .15s ease;box-shadow:0 1px 4px #e8a87c59}.progress-bar::-webkit-slider-thumb:hover{transform:scale(1.22);background:#ebb98f}.progress-bar::-moz-range-thumb:hover{transform:scale(1.22);background:#ebb98f}@media (max-width: 768px){.chapter-audio-player{padding:13px 16px;margin:28px 0 0}.play-button{width:38px;height:38px}.play-button svg{width:17px;height:17px}.time-display{font-size:11px}}.settings-container{max-width:640px;margin:0 auto;padding:0 24px 96px;background:#faf8f5;min-height:calc(100vh - 64px);color:#1a1410}.loading{display:flex;align-items:center;justify-content:center;min-height:60vh;color:#b8b3ad;font-family:DM Sans,sans-serif;font-size:.875rem}.settings-header{display:flex;align-items:baseline;gap:20px;padding:52px 0 36px;border-bottom:1px solid rgba(42,37,32,.07);margin-bottom:4px}.back-button{background:transparent;border:none;color:#b8b3ad;padding:0;font-size:.8125rem;font-family:DM Sans,sans-serif;font-weight:400;cursor:pointer;transition:color .18s ease;white-space:nowrap;flex-shrink:0;letter-spacing:.01em}.settings-header h1{margin:0;font-family:Fraunces,Georgia,serif;font-size:2rem;font-weight:500;letter-spacing:-.02em;color:#1a1410;line-height:1.15}.settings-content{display:flex;flex-direction:column}.message{padding:12px 16px;border-radius:7px;font-size:.825rem;font-family:DM Sans,sans-serif;line-height:1.5;margin:16px 0 4px}.message.success{background:#5a9e7212;color:#5a9e72;border:1px solid rgba(90,158,114,.2)}.message.error{background:#c0614a12;color:#c0614a;border:1px solid rgba(192,97,74,.18)}.settings-section{padding:32px 0;border-bottom:1px solid rgba(42,37,32,.07)}.settings-section h2{margin:0 0 5px;font-family:Fraunces,Georgia,serif;font-size:1.05rem;font-weight:450;color:#1a1410;letter-spacing:-.01em;line-height:1.3}.section-description{color:#b8b3ad;margin:0 0 20px;font-family:DM Sans,sans-serif;font-size:.8125rem;line-height:1.6}.settings-section h2:last-child,.settings-section h2+*:not(.section-description){margin-bottom:18px}.language-selectors{display:grid;grid-template-columns:1fr 1fr;gap:14px}.language-selector-group{display:flex;flex-direction:column;gap:7px}.language-selector-group label{font-family:DM Sans,sans-serif;font-size:.7rem;font-weight:500;color:#b8b3ad;text-transform:uppercase;letter-spacing:.07em}.language-select{padding:10px 36px 10px 13px;border:1px solid rgba(42,37,32,.12);border-radius:7px;font-size:.9375rem;background:#f5f2ec;color:#1a1410;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease;font-family:DM Sans,sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' fill='none'%3E%3Cpath d='M1 1l4.5 4.5L10 1' stroke='%236B6560' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center}.language-select:focus{outline:none;border-color:#e8a87c;box-shadow:0 0 0 3px #e8a87c1a}.language-select option{background:#faf8f5;color:#1a1410}.level-selector{display:flex;flex-direction:column;gap:14px}.level-slider{width:100%;height:3px;border-radius:2px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#2a25201a;cursor:pointer}.level-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#e8a87c;cursor:pointer;box-shadow:0 1px 8px #e8a87c59;transition:transform .15s ease}.level-slider::-webkit-slider-thumb:hover{transform:scale(1.12)}.level-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#e8a87c;cursor:pointer;box-shadow:0 1px 8px #e8a87c59;border:none}.level-label{font-family:Fraunces,Georgia,serif;font-size:.975rem;font-weight:400;font-style:italic;color:#6b6560;text-align:center;letter-spacing:.01em}.genre-grid{display:flex;flex-wrap:wrap;gap:7px}.genre-button{padding:7px 14px;border:1px solid rgba(42,37,32,.1);background:transparent;color:#9b9591;border-radius:20px;cursor:pointer;transition:all .15s ease;font-family:DM Sans,sans-serif;font-size:.8125rem;font-weight:400;text-align:center}.genre-button:hover{border-color:#2a252038;color:#2a2520;background:#2a252008}.genre-button.selected{background:#e8a87c1a;color:#9b7655;border-color:#e8a87c66;font-weight:500}.radio-group{display:flex;flex-direction:column;gap:2px}.radio-label{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:7px;cursor:pointer;transition:background .15s ease;color:#2a2520}.radio-label:hover{background:#2a252008}.radio-label input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:17px;height:17px;border:1.5px solid rgba(42,37,32,.2);border-radius:50%;background:#faf8f5;cursor:pointer;position:relative;flex-shrink:0;transition:border-color .15s ease;margin:0}.radio-label input[type=radio]:checked{border-color:#e8a87c}.radio-label input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#e8a87c;border-radius:50%}.radio-label input[type=radio]:focus{outline:none;box-shadow:0 0 0 3px #e8a87c1a}.radio-text{font-family:DM Sans,sans-serif;font-size:.9rem;color:#2a2520}.toggle-group{display:flex;flex-direction:column;gap:2px}.toggle-label{display:flex;align-items:center;gap:11px;cursor:pointer;padding:9px 10px;border-radius:7px;transition:background .15s ease;color:#2a2520}.toggle-label:hover{background:#2a252008}.toggle-label input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:17px;height:17px;border:1.5px solid rgba(42,37,32,.18);border-radius:4px;background:#faf8f5;cursor:pointer;position:relative;flex-shrink:0;transition:all .15s ease;margin:0}.toggle-label input[type=checkbox]:checked{background:#e8a87c;border-color:#e8a87c}.toggle-label input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:1.75px solid #1a120a;border-top:none;border-left:none;transform:rotate(45deg)}.toggle-label input[type=checkbox]:disabled{opacity:.3;cursor:not-allowed}.toggle-label input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 3px #e8a87c1a}.toggle-label span{font-family:DM Sans,sans-serif;font-size:.9rem;color:#2a2520}.subsection{margin-top:24px;padding-top:22px;border-top:1px solid rgba(42,37,32,.06)}.subsection:first-child{margin-top:0;padding-top:0;border-top:none}.subsection h3{font-family:DM Sans,sans-serif;font-size:.825rem;font-weight:500;margin:0 0 5px;color:#2a2520}.subsection .section-description{font-size:.8rem;margin-bottom:14px}.learned-preferences{background:#f5f2ec;border:1px solid rgba(42,37,32,.07);border-radius:9px;padding:16px 18px;margin-bottom:14px}.learned-preferences h3{font-family:DM Sans,sans-serif;font-size:.7rem;font-weight:500;margin:0 0 12px;color:#b8b3ad;text-transform:uppercase;letter-spacing:.07em}.learned-preferences .section-description{font-size:.8rem;margin-bottom:12px}.pref-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}.pref-row:last-child{margin-bottom:0}.pref-label{font-family:DM Sans,sans-serif;font-size:.775rem;color:#9b9591;min-width:130px;flex-shrink:0;padding-top:3px}.pref-tags{display:flex;flex-wrap:wrap;gap:5px}.pref-tag{font-family:DM Sans,sans-serif;font-size:.75rem;padding:3px 9px;border-radius:10px;font-weight:500}.pref-tag.genre{background:#9b76551a;color:#9b7655}.pref-tag.theme{background:#5a9e721a;color:#5a9e72}.pref-value{font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:600;color:#1a1410}.expand-prefs-button{background:transparent;border:1px dashed rgba(42,37,32,.14);color:#b8b3ad;padding:11px 18px;border-radius:7px;cursor:pointer;width:100%;font-family:DM Sans,sans-serif;font-size:.825rem;transition:all .18s ease;margin-top:2px}.expand-prefs-button:hover{border-color:#e8a87c59;color:#9b7655;background:#e8a87c0a}.learning-prefs-form{border:1px solid rgba(42,37,32,.08);border-radius:9px;padding:20px;margin-top:12px;background:#f5f2ec;display:flex;flex-direction:column;gap:16px}.learning-prefs-form .form-group{display:flex;flex-direction:column;gap:7px}.learning-prefs-form label{display:block;font-family:DM Sans,sans-serif;font-size:.7rem;font-weight:500;color:#b8b3ad;text-transform:uppercase;letter-spacing:.07em}.learning-prefs-form textarea{width:100%;padding:10px 13px;border:1px solid rgba(42,37,32,.1);border-radius:7px;font-family:DM Sans,sans-serif;font-size:.875rem;resize:vertical;background:#faf8f5;color:#1a1410;box-sizing:border-box;line-height:1.6;transition:border-color .18s ease,box-shadow .18s ease}.learning-prefs-form textarea::placeholder{color:#c4bfb9}.learning-prefs-form textarea:focus{outline:none;border-color:#e8a87c;box-shadow:0 0 0 3px #e8a87c14}.cefr-select{width:100%;padding:10px 36px 10px 13px;border:1px solid rgba(42,37,32,.1);border-radius:7px;font-family:DM Sans,sans-serif;font-size:.9rem;background:#faf8f5;color:#1a1410;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' fill='none'%3E%3Cpath d='M1 1l4.5 4.5L10 1' stroke='%236B6560' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;transition:border-color .18s ease,box-shadow .18s ease}.cefr-select:focus{outline:none;border-color:#e8a87c;box-shadow:0 0 0 3px #e8a87c14}.cefr-select option{background:#faf8f5;color:#1a1410}.learning-prefs-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:2px}.cancel-button{padding:9px 18px;border:1px solid rgba(42,37,32,.12);border-radius:7px;background:transparent;color:#9b9591;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.85rem;transition:all .18s ease}.cancel-button:hover{border-color:#2a252038;color:#2a2520;background:#2a252008}.save-learning-button{padding:9px 20px;border:none;border-radius:7px;background:#e8a87c;color:#1a120a;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600;transition:background .18s ease}.save-learning-button:hover:not(:disabled){background:#ebb98f}.save-learning-button:disabled{opacity:.4;cursor:not-allowed}.settings-actions{display:flex;justify-content:flex-end;padding:32px 0 0}.save-button{background:#e8a87c;color:#1a120a;border:none;padding:12px 36px;border-radius:8px;font-family:DM Sans,sans-serif;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .18s ease;letter-spacing:.01em}.save-button:hover:not(:disabled){background:#ebb98f}.save-button:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 768px){.settings-container{padding:0 16px 64px}.settings-header{padding:36px 0 28px;flex-direction:column;gap:10px}.settings-header h1{font-size:1.65rem}.language-selectors{grid-template-columns:1fr}.settings-actions{justify-content:stretch}.save-button{width:100%;text-align:center}.pref-row{flex-direction:column;gap:5px}.pref-label{min-width:auto}.learning-prefs-actions{flex-direction:column}.cancel-button,.save-learning-button{width:100%;text-align:center}}.dashboard-container{max-width:680px;margin:0 auto;padding:0 24px 96px;background:#faf8f5;min-height:calc(100vh - 64px);color:#1a1410}.loading,.error{display:flex;align-items:center;justify-content:center;min-height:60vh;font-family:DM Sans,sans-serif;font-size:.875rem}.loading{color:#b8b3ad}.error{color:#c0614a}.dashboard-header{display:flex;align-items:baseline;gap:20px;padding:52px 0 36px;border-bottom:1px solid rgba(42,37,32,.07);margin-bottom:32px}.back-button{background:transparent;border:none;color:#b8b3ad;padding:0;font-family:DM Sans,sans-serif;font-size:.8125rem;font-weight:400;cursor:pointer;transition:color .18s ease;white-space:nowrap;flex-shrink:0;letter-spacing:.01em}.back-button:hover{color:#2a2520}.dashboard-header h1{margin:0;font-family:Fraunces,Georgia,serif;font-size:2rem;font-weight:500;letter-spacing:-.02em;color:#1a1410;line-height:1.15}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dashboard-card{background:#f5f2ec;border-radius:10px;border:1px solid rgba(42,37,32,.07);padding:24px;animation:cardIn .3s ease both}.dashboard-card:nth-child(1){animation-delay:0ms}.dashboard-card:nth-child(2){animation-delay:50ms}.dashboard-card:nth-child(3){animation-delay:.1s}.dashboard-card:nth-child(4){animation-delay:.15s}.dashboard-card:nth-child(5){animation-delay:.2s}.dashboard-card:nth-child(6){animation-delay:.25s}@keyframes cardIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.dashboard-card h3{margin:0 0 18px;font-family:DM Sans,sans-serif;font-size:.68rem;font-weight:500;text-transform:uppercase;letter-spacing:.07em;color:#c4bfb9}.streak-number{font-family:Fraunces,Georgia,serif;font-size:3.75rem;font-weight:300;line-height:1;text-align:center;color:#e8a87c;margin:4px 0 8px}.streak-label{text-align:center;font-family:DM Sans,sans-serif;font-size:.75rem;color:#b8b3ad;margin:0 0 20px}.streak-stats{display:flex;justify-content:space-around;padding-top:16px;border-top:1px solid rgba(42,37,32,.07)}.streak-stats .stat{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-label{font-family:DM Sans,sans-serif;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:#c4bfb9}.stat-value{font-family:Fraunces,Georgia,serif;font-size:1.05rem;font-weight:400;color:#2a2520}.vocab-total{font-family:Fraunces,Georgia,serif;font-size:3.75rem;font-weight:300;line-height:1;text-align:center;color:#9b9591;margin:4px 0 8px}.vocab-label{text-align:center;font-family:DM Sans,sans-serif;font-size:.75rem;color:#b8b3ad;margin:0 0 20px}.vocab-breakdown{display:flex;justify-content:space-around;padding-top:16px;border-top:1px solid rgba(42,37,32,.07)}.vocab-item{display:flex;flex-direction:column;align-items:center;gap:5px}.vocab-count{font-family:Fraunces,Georgia,serif;font-size:1.2rem;font-weight:400;color:#b8b3ad}.vocab-type{font-family:DM Sans,sans-serif;font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:#c4bfb9}.vocab-item.mastered .vocab-count{color:#5a9e72}.activity-stats{display:flex;flex-direction:column;gap:0;margin-top:4px}.activity-stat{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(42,37,32,.06)}.activity-stat:last-child{border-bottom:none}.activity-number{font-family:Fraunces,Georgia,serif;font-size:1.4rem;font-weight:400;color:#1a1410}.activity-label{font-family:DM Sans,sans-serif;font-size:.775rem;color:#9b9591}.progress-stats{display:flex;flex-direction:column;gap:0;margin-top:4px}.progress-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(42,37,32,.06)}.progress-item:last-child{border-bottom:none}.progress-label{font-family:DM Sans,sans-serif;font-size:.775rem;color:#9b9591}.progress-value{font-family:Fraunces,Georgia,serif;font-size:.9rem;font-weight:400;color:#1a1410}.recommendations-card{grid-column:1 / -1}.recommendation{margin-bottom:12px;padding:12px 14px;background:#2a252008;border-radius:7px;border:1px solid rgba(42,37,32,.06)}.recommendation:last-child{margin-bottom:0}.recommendation strong{display:block;font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#b8b3ad;margin-bottom:8px}.genre-tags{display:flex;flex-wrap:wrap;gap:6px}.genre-tag{font-family:DM Sans,sans-serif;font-size:.775rem;padding:3px 10px;border-radius:20px;background:#9b765514;color:#9b7655;border:1px solid rgba(155,118,85,.18)}.genres-card{grid-column:1 / -1}.genres-list{display:flex;flex-direction:column;gap:0}.genre-item{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid rgba(42,37,32,.06)}.genre-item:last-child{border-bottom:none}.genre-name{font-family:Fraunces,Georgia,serif;font-size:.95rem;font-weight:400;color:#2a2520}.genre-count{font-family:DM Sans,sans-serif;font-size:.775rem;color:#b8b3ad}.empty-state{grid-column:1 / -1;text-align:center;padding:56px 32px;border:1px dashed rgba(42,37,32,.12);background:transparent}.empty-state h3{font-family:Fraunces,Georgia,serif;font-size:1.3rem;font-weight:400;font-style:italic;color:#2a2520;margin:0 0 10px;letter-spacing:-.01em;text-transform:none;letter-spacing:normal}.empty-state p{font-family:DM Sans,sans-serif;font-size:.875rem;color:#b8b3ad;line-height:1.6;max-width:320px;margin:0 auto 28px}.cta-button{background:#e8a87c;color:#1a120a;border:none;padding:11px 28px;border-radius:8px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .18s ease;letter-spacing:.01em}.cta-button:hover{background:#ebb98f}@media (max-width: 600px){.dashboard-container{padding:0 16px 64px}.dashboard-header{padding:36px 0 28px;flex-direction:column;gap:10px}.dashboard-header h1{font-size:1.65rem}.dashboard-grid{grid-template-columns:1fr;gap:8px}.streak-number,.vocab-total{font-size:3rem}.empty-state{padding:40px 16px}}.auth-container{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;background:#faf8f5;padding:48px 20px 80px}.auth-card{background:#f5f2ec;border:1px solid rgba(42,37,32,.08);border-radius:12px;padding:44px 40px;width:100%;max-width:420px;animation:authIn .35s ease both}.register-card{max-width:560px}@keyframes authIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:36px}.auth-header:before{content:"mursive";display:block;font-family:Fraunces,Georgia,serif;font-size:.875rem;font-weight:400;letter-spacing:.01em;color:#c4bfb9;margin-bottom:18px}.auth-header h1{margin:0 0 10px;font-family:Fraunces,Georgia,serif;font-size:1.75rem;font-weight:400;letter-spacing:-.02em;line-height:1.2;color:#1a1410;font-style:italic}.auth-header p{margin:0;font-family:DM Sans,sans-serif;font-size:.875rem;color:#9b9591;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:18px}.error-message{background:#c0614a12;border:1px solid rgba(192,97,74,.18);color:#c0614a;padding:11px 14px;border-radius:8px;font-family:DM Sans,sans-serif;font-size:.8125rem;line-height:1.5}.form-group{display:flex;flex-direction:column;gap:7px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-group label{font-family:DM Sans,sans-serif;font-size:.68rem;font-weight:500;text-transform:uppercase;letter-spacing:.07em;color:#c4bfb9}.form-group input,.form-select{padding:10px 13px;border:1px solid rgba(42,37,32,.12);border-radius:8px;font-family:DM Sans,sans-serif;font-size:.9rem;transition:border-color .18s ease,box-shadow .18s ease;background:#faf8f5;color:#1a1410;width:100%;box-sizing:border-box}.form-group input::placeholder{color:#c4bfb9}.form-group input:focus,.form-select:focus{outline:none;border-color:#e8a87c99;box-shadow:0 0 0 3px #e8a87c1f}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23C4BFB9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-right:34px}.form-select option{background:#faf8f5;color:#1a1410}.level-slider{width:100%;height:3px;border-radius:2px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#2a25201a;cursor:pointer;margin-top:6px}.level-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#e8a87c;cursor:pointer;box-shadow:0 2px 6px #e8a87c59;transition:transform .15s ease}.level-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.level-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#e8a87c;cursor:pointer;box-shadow:0 2px 6px #e8a87c59;border:none}.level-display{text-align:center;font-family:Fraunces,Georgia,serif;font-size:.85rem;font-weight:400;font-style:italic;color:#9b9591;margin-top:10px;letter-spacing:.01em}.submit-button{background:#e8a87c;color:#1a120a;border:none;padding:13px 24px;border-radius:8px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .18s ease,transform .18s ease;margin-top:6px;letter-spacing:.01em;width:100%}.submit-button:hover:not(:disabled){background:#ebb98f;transform:translateY(-1px)}.submit-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.auth-footer{text-align:center;margin-top:24px;padding-top:22px;border-top:1px solid rgba(42,37,32,.07)}.auth-footer p{margin:0;font-family:DM Sans,sans-serif;font-size:.8125rem;color:#b8b3ad}.auth-footer a{color:#9b7655;text-decoration:none;font-weight:500}.auth-footer a:hover{color:#1a1410}.demo-note{background:#2a252008;border:1px solid rgba(42,37,32,.07);padding:14px;border-radius:8px;margin-top:18px;text-align:center}.demo-note p{margin:0 0 10px;font-family:DM Sans,sans-serif;font-size:.8rem;color:#b8b3ad}.browse-button{background:transparent;border:1px solid rgba(42,37,32,.14);color:#6b6560;padding:9px 18px;border-radius:8px;font-family:DM Sans,sans-serif;font-size:.8375rem;font-weight:500;cursor:pointer;transition:all .18s ease}.browse-button:hover{border-color:#2a252047;color:#2a2520;background:#2a252008}@media (max-width: 600px){.auth-container{padding:32px 16px 64px;align-items:flex-start}.auth-card{padding:32px 24px}.auth-header h1{font-size:1.5rem}.form-row{grid-template-columns:1fr}}.guided-learning{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh;color:#fff}.guided-learning-header{margin-bottom:2rem}.guided-learning h1{margin-bottom:.5rem;color:#fff}.subtitle{color:#fff9;font-size:1.1rem}.filters{display:flex;gap:1rem;margin-bottom:2rem;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:600;font-size:.9rem;color:#ffffffb3}.filter-group select{padding:.5rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;min-width:200px;background:#ffffff1a;color:#fff;cursor:pointer}.filter-group select:focus{outline:none;border-color:#667eea}.filter-group select option{background:#1a1a2e;color:#fff}.level-section{margin-bottom:3rem}.level-header{margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #667eea}.level-header h2{color:#fff;font-size:1.5rem}.modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.module-card{background:#1a1a2e;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative}.module-card:hover{box-shadow:0 8px 24px #667eea33;transform:translateY(-4px);border-color:#667eea4d}.module-check{position:absolute;bottom:12px;right:12px;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 2px 8px #10b98166;pointer-events:none}.module-card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:.75rem}.module-card h3{margin:0;flex:1;color:#fff;font-size:1.2rem}.module-language{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600}.module-summary{color:#fff9;margin-bottom:1rem;line-height:1.6}.module-meta{display:flex;justify-content:space-between;font-size:.9rem;color:#ffffff80;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.module-objectives{font-size:.9rem}.module-objectives strong{display:block;margin-bottom:.5rem;color:#fffc}.module-objectives ul{margin:0;padding-left:1.25rem;list-style-type:disc}.module-objectives li{margin-bottom:.25rem;color:#ffffff80}.error button{margin-top:1rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease}.error button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #667eea66}.no-modules{text-align:center;padding:3rem;color:#ffffff80;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px}@media (max-width: 768px){.guided-learning{padding:1rem}.filters{flex-direction:column}.filter-group select{min-width:100%}.modules-grid{grid-template-columns:1fr}}.conversation-audio-player{background:#f8f9fa;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px #00000014}.conversation-audio-player .audio-controls{display:flex;align-items:center;gap:16px}.conversation-audio-player .play-button{flex-shrink:0;width:40px;height:40px;border-radius:50%;border:none;background:#4a90e2;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #4a90e24d}.conversation-audio-player .play-button:hover{background:#3a7bc8;transform:scale(1.05);box-shadow:0 4px 8px #4a90e266}.conversation-audio-player .play-button:active{transform:scale(.95)}.conversation-audio-player .play-button.playing{background:#e74c3c}.conversation-audio-player .play-button.playing:hover{background:#c0392b}.conversation-audio-player .audio-progress{flex:1;display:flex;flex-direction:column;gap:8px}.conversation-audio-player .time-display{display:flex;align-items:center;gap:6px;font-size:13px;color:#555;font-variant-numeric:tabular-nums}.conversation-audio-player .current-time{font-weight:600;color:#333}.conversation-audio-player .separator{color:#aaa}.conversation-audio-player .duration{color:#777}.conversation-audio-player .progress-bar{width:100%;height:6px;border-radius:3px;background:#e0e0e0;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.conversation-audio-player .progress-bar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#4a90e2;cursor:pointer;box-shadow:0 2px 4px #0003;transition:all .2s ease}.conversation-audio-player .progress-bar::-webkit-slider-thumb:hover{background:#3a7bc8;transform:scale(1.2)}.conversation-audio-player .progress-bar::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#4a90e2;cursor:pointer;border:none;box-shadow:0 2px 4px #0003;transition:all .2s ease}.conversation-audio-player .progress-bar::-moz-range-thumb:hover{background:#3a7bc8;transform:scale(1.2)}.conversation-audio-player .progress-bar::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,#4a90e2 0%,#4a90e2 var(--progress, 0%),#e0e0e0 var(--progress, 0%),#e0e0e0 100%)}.conversation-audio-player .progress-bar::-moz-range-track{height:6px;border-radius:3px;background:#e0e0e0}.conversation-audio-player .progress-bar::-moz-range-progress{height:6px;border-radius:3px;background:#4a90e2}.flashcard.flipped{background:#faf8f5;border-color:#e8a87c59}.audio-button{padding:.5rem 1rem;background:#2a25200a;border:1px solid rgba(42,37,32,.12);border-radius:8px;cursor:pointer;font-size:.9rem;font-family:DM Sans,sans-serif;color:#6b6560;transition:all .2s}.exercise-type-label{display:none}.exercise-standard-flashcard,.exercise-reverse-card{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;padding:1.5rem 1rem}.exercise-standard-flashcard .flashcard,.exercise-reverse-card .flashcard{background:#f5f2ec;border:1px solid rgba(42,37,32,.08);box-shadow:0 4px 16px #2a25200f}.exercise-standard-flashcard .flashcard.flipped,.exercise-reverse-card .flashcard.flipped{background:#faf8f5;border-color:#e8a87c59}.exercise-answer-word{color:#c2703a;font-family:Fraunces,Georgia,serif}.exercise-standard-flashcard .review-buttons,.exercise-reverse-card .review-buttons{max-width:500px;width:100%}.exercise-standard-flashcard .show-answer-button,.exercise-reverse-card .show-answer-button{background:#e8a87c;color:#1a120a;border:none;border-radius:8px;padding:1rem;font-size:1.1rem;font-weight:600;cursor:pointer;font-family:DM Sans,sans-serif;width:100%;margin-top:1rem;transition:opacity .2s}.exercise-standard-flashcard .show-answer-button:hover,.exercise-reverse-card .show-answer-button:hover{opacity:.9}.exercise-multiple-choice{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.mc-prompt{text-align:center;position:relative;width:100%;max-width:500px;padding:2.5rem 2rem 2rem;background:#f5f2ec;border:1px solid rgba(42,37,32,.08);border-radius:16px;box-shadow:0 4px 16px #2a25200f}.mc-prompt .card-word{font-family:Fraunces,Georgia,serif;font-size:2.75rem;font-weight:400;margin:0;color:#1a1410;letter-spacing:-.02em}.mc-prompt .card-level-badge{display:none}.mc-instruction{font-family:DM Sans,sans-serif;font-size:.875rem;color:#b8b3ad;margin:.75rem 0 0}.mc-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:100%;max-width:500px}.mc-option{padding:1rem 1.25rem;border:1px solid rgba(42,37,32,.12);border-radius:10px;background:#f5f2ec;cursor:pointer;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:500;transition:all .18s ease;color:#1a1410}.mc-option:hover:not(:disabled){border-color:#2a252040;background:#faf8f5;transform:translateY(-1px);box-shadow:0 3px 10px #2a252014}.mc-option.correct{border-color:#15803d66;background:#f0fdf4;color:#14532d}.mc-option.incorrect{border-color:#b91c1c59;background:#fef2f2;color:#7f1d1d}.mc-option.disabled{opacity:.4}.mc-feedback{font-family:DM Sans,sans-serif;font-weight:600;font-size:.95rem;padding:.5rem 1.25rem;border-radius:8px}.mc-feedback.correct{color:#14532d;background:#f0fdf4;border:1px solid rgba(21,128,61,.2)}.mc-feedback.incorrect{color:#7f1d1d;background:#fef2f2;border:1px solid rgba(185,28,28,.2)}.exercise-cloze{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.cloze-card{text-align:center;width:100%;max-width:500px;padding:2rem;position:relative;background:#f5f2ec;border:1px solid rgba(42,37,32,.08);border-radius:16px;box-shadow:0 4px 16px #2a25200f}.cloze-card .card-level-badge{display:none}.cloze-sentence{font-family:DM Sans,sans-serif;font-size:1.3rem;line-height:1.8;color:#1a1410;margin:0}.cloze-blank{display:inline-block;min-width:80px;border-bottom:2px solid #E8A87C;font-weight:700;margin:0 4px;color:#c2703a}.cloze-hint{font-family:DM Sans,sans-serif;font-size:1rem;color:#b8b3ad;font-style:italic;margin:1rem 0 0}.cloze-form,.typing-form{display:flex;gap:.75rem;width:100%;max-width:500px}.cloze-input,.typing-input{flex:1;padding:.875rem 1rem;border:1px solid rgba(42,37,32,.14);border-radius:10px;font-size:1.1rem;font-family:DM Sans,sans-serif;transition:all .2s ease;background:#faf8f5;color:#1a1410}.cloze-input::placeholder,.typing-input::placeholder{color:#c4bfb9}.cloze-input:focus,.typing-input:focus{outline:none;border-color:#e8a87c;box-shadow:0 0 0 3px #e8a87c26}.cloze-input.correct,.typing-input.correct{border-color:#15803d66;background:#f0fdf4;color:#14532d}.cloze-input.incorrect,.typing-input.incorrect{border-color:#b91c1c59;background:#fef2f2}.cloze-submit,.typing-submit{padding:.875rem 1.5rem;background:#e8a87c;color:#1a120a;border:none;border-radius:10px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.cloze-submit:hover:not(:disabled),.typing-submit:hover:not(:disabled){background:#ebb98f;transform:translateY(-1px)}.cloze-submit:disabled,.typing-submit:disabled{opacity:.4;cursor:not-allowed}.exercise-typing{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.typing-prompt{text-align:center;width:100%;max-width:500px;padding:2rem;position:relative;background:#f5f2ec;border:1px solid rgba(42,37,32,.08);border-radius:16px;box-shadow:0 4px 16px #2a25200f}.typing-prompt .card-translation{font-size:1.8rem;font-weight:700;color:#1a1410;font-family:DM Sans,sans-serif;text-align:center;margin:0}.typing-prompt .card-definition{font-size:1rem;color:#6b6560;text-align:center;margin:0;font-style:italic;font-family:DM Sans,sans-serif}.typing-prompt .card-level-badge{display:none}.typing-instruction{font-family:DM Sans,sans-serif;font-size:.875rem;color:#b8b3ad;margin:.75rem 0 0}.exercise-listening{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.listening-prompt{display:flex;flex-direction:column;align-items:center;gap:1rem}.listening-play-button{display:flex;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;border:1px solid rgba(42,37,32,.14);border-radius:14px;background:#f5f2ec;cursor:pointer;font-family:DM Sans,sans-serif;font-size:1.1rem;font-weight:600;color:#6b6560;transition:all .2s ease}.listening-play-button:hover:not(:disabled){background:#faf8f5;border-color:#2a252040;transform:translateY(-2px);box-shadow:0 4px 14px #2a252014}.listening-play-button:disabled{opacity:.5;cursor:not-allowed}.play-icon{font-size:1.5rem}.listening-instruction{font-family:DM Sans,sans-serif;font-size:.875rem;color:#b8b3ad;margin:0}.listening-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:100%;max-width:500px}.listening-option{padding:1rem 1.25rem;border:1px solid rgba(42,37,32,.12);border-radius:10px;background:#f5f2ec;cursor:pointer;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:500;transition:all .18s ease;color:#1a1410}.listening-option:hover:not(:disabled){border-color:#2a252040;background:#faf8f5;transform:translateY(-1px);box-shadow:0 3px 10px #2a252012}.listening-option.correct{border-color:#15803d66;background:#f0fdf4;color:#14532d}.listening-option.incorrect{border-color:#b91c1c59;background:#fef2f2;color:#7f1d1d}.listening-option.disabled{opacity:.35}.exercise-feedback{text-align:center;font-family:DM Sans,sans-serif;font-weight:600;font-size:.95rem;padding:.625rem 1.25rem;border-radius:8px;max-width:500px;width:100%}.exercise-feedback.correct{color:#14532d;background:#f0fdf4;border:1px solid rgba(21,128,61,.2)}.exercise-feedback.incorrect{color:#7f1d1d;background:#fef2f2;border:1px solid rgba(185,28,28,.2)}@media (max-width: 640px){.mc-options,.listening-options{grid-template-columns:1fr}.cloze-form,.typing-form{flex-direction:column}.cloze-sentence{font-size:1.1rem}.mc-prompt,.cloze-card,.typing-prompt{padding:1.5rem}.mc-prompt .card-word{font-size:2.25rem}.listening-play-button{padding:1rem 2rem}}.flashcard-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.flashcard-container{background:#fff;border-radius:12px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d}.flashcard-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0}.flashcard-title{flex:1;display:flex;justify-content:space-between;align-items:center}.flashcard-title h2{margin:0;font-size:1.25rem;color:#333}.flashcard-count{font-size:.9rem;color:#666;font-weight:500}.close-button{background:none;border:none;font-size:2rem;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s,color .2s}.flashcard-progress-bar{height:4px;background:#e0e0e0;width:100%}.flashcard-progress-fill{height:100%;background:linear-gradient(90deg,#4a90e2,#357abd);transition:width .3s ease}.loading,.error,.no-cards{padding:60px 40px;text-align:center}.error{color:#d32f2f}.error h3,.no-cards h3{margin:0 0 12px;font-size:1.5rem}.error p,.no-cards p{margin:0 0 24px;color:#666}.btn-primary,.btn-secondary{padding:12px 24px;border-radius:6px;border:none;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:#4a90e2;color:#fff}.btn-primary:hover{background:#357abd}.btn-secondary{background:#f0f0f0;color:#333}.btn-secondary:hover{background:#e0e0e0}.card-matching-game{display:flex;flex-direction:column;gap:8px;padding:8px 12px 12px;flex:1;min-height:0;height:auto;box-sizing:border-box}.game-header{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#fff;border-bottom:1px solid #e0e0e0;gap:16px}.game-title{margin:0;font-size:1.1rem;color:#333;white-space:nowrap}.game-stats{display:flex;gap:16px;align-items:center;flex-wrap:nowrap;flex:1;justify-content:center}.stat{display:flex;gap:4px;align-items:baseline}.stat-label{font-size:.75rem;color:#666;font-weight:500}.stat-value{font-size:.85rem;font-weight:700;color:#4a90e2}.close-button{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#666;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;flex-shrink:0}.close-button:hover{background:#f0f0f0;color:#333}.game-board{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;min-height:0;overflow-y:auto;padding:4px;align-content:start}.matching-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:12px 14px;cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:space-between;outline:none;min-height:70px}.matching-card.word-card{border-left:4px solid #4a90e2}.matching-card.translation-card{border-left:4px solid #9b59b6}.matching-card:focus-visible{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e24d;z-index:1}.matching-card:hover:not(.matched){transform:translateY(-1px);box-shadow:0 2px 8px #0000001a;border-color:#4a90e2;z-index:1}.matching-card.selected{border-color:#4a90e2;background:#e3f2fd;border-width:2px;font-weight:600}.matching-card.matched{background:#e8f5e9;border-color:#4caf50;cursor:default;opacity:.4;pointer-events:none;transform:scale(.98)}.matching-card.error{border-color:#e74c3c;background:#ffebee;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.card-content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:0;min-width:0;overflow:hidden}.card-text{font-size:1rem;font-weight:600;color:#333;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;-webkit-hyphens:auto;hyphens:auto}.card-definition{font-size:.75rem;color:#666;font-style:italic;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;margin-top:4px}.card-audio-btn{background:none;border:none;font-size:1.1rem;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background .2s;display:inline-flex;align-items:center;justify-content:center;margin-left:4px;color:#4a90e2}.card-audio-btn:hover{background:#4a90e21a}.match-check{font-size:1.2rem;color:#4caf50;font-weight:700;margin-left:8px}.game-complete{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:24px;background:#fff;border-radius:12px}.complete-icon{font-size:4rem;animation:bounce .6s ease}.game-complete h2{font-size:1.5rem;color:#333;margin:0}.game-complete p{font-size:1rem;color:#666;margin:0}.complete-stats{display:flex;gap:16px;font-size:1rem;color:#4a90e2;font-weight:600;flex-wrap:wrap;justify-content:center}.matching-card:active:not(.matched){transform:scale(.97);box-shadow:0 1px 4px #00000026}.card-audio-btn:active{transform:scale(.9);background:#4a90e233}.close-button:active{transform:scale(.92);background:#e0e0e0}@media (max-width: 1024px) and (min-width: 769px){.game-board{grid-template-columns:repeat(3,1fr);gap:12px}.matching-card{min-height:70px}}@media (max-width: 926px) and (orientation: landscape){.card-matching-game{padding:4px 8px 8px}.game-header{padding:6px 12px;gap:12px}.game-title{font-size:.9rem}.game-stats{gap:12px}.stat-label{font-size:.7rem}.stat-value{font-size:.8rem}.game-board{grid-template-columns:repeat(4,1fr);gap:8px}.matching-card{padding:10px 12px;min-height:58px}.card-text{font-size:.9rem}}@media (max-width: 768px){.card-matching-game{padding:6px 2px 10px;gap:6px}.game-header{padding:10px 6px;gap:8px;flex-wrap:wrap}.game-title{font-size:1rem;flex:0 0 100%;text-align:center;order:-1}.game-stats{gap:10px;flex:1;justify-content:space-around;flex-wrap:nowrap}.stat{gap:3px;flex-direction:column;align-items:center}.stat-label{font-size:.65rem}.stat-value{font-size:.85rem}.close-button{width:28px;height:28px;font-size:1.1rem;order:1}.game-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px 0}.matching-card{padding:14px 8px;min-height:72px;width:100%;overflow:hidden;box-sizing:border-box}.card-content{pointer-events:none}.card-audio-btn{pointer-events:auto}.card-text{font-size:.95rem;line-height:1.3}.card-definition{font-size:.7rem}.card-audio-btn{font-size:1.2rem;padding:4px 8px}.complete-icon{font-size:3rem}}@media (max-width: 375px){.card-matching-game{padding:4px 2px 8px}.game-header{padding:8px 4px}.game-title{font-size:.9rem}.stat-label{font-size:.6rem}.stat-value{font-size:.8rem}.game-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px 0}.matching-card{padding:12px 6px;min-height:72px;width:100%;overflow:hidden;box-sizing:border-box}.card-content{pointer-events:none}.card-audio-btn{pointer-events:auto}.card-text{font-size:.9rem}.card-audio-btn{font-size:1.1rem}}.audio-player{display:flex;align-items:center;gap:12px;margin:16px 0;padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d}.audio-button{position:relative;width:56px;height:56px;border:none;border-radius:50%;background:#fff;color:#667eea;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.audio-button:hover{transform:scale(1.05);box-shadow:0 4px 16px #0003}.audio-button:active{transform:scale(.95)}.audio-button.playing{background:#667eea;color:#fff;animation:pulse 2s infinite}.audio-button.has-played:not(.playing){background:#f0f0f0}@keyframes pulse{0%,to{box-shadow:0 2px 8px #667eea4d}50%{box-shadow:0 4px 16px #667eea80}}.audio-icon{width:28px;height:28px;transition:transform .3s ease}.audio-button:hover .audio-icon{transform:scale(1.1)}.audio-waves{display:flex;align-items:center;justify-content:center;gap:4px;height:28px}.wave{width:4px;background:#fff;border-radius:2px;animation:wave .6s infinite ease-in-out}.wave:nth-child(1){height:10px;animation-delay:0s}.wave:nth-child(2){height:16px;animation-delay:.15s}.wave:nth-child(3){height:20px;animation-delay:.3s}.wave:nth-child(4){height:14px;animation-delay:.45s}@keyframes wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1.2)}}.audio-hint{color:#fff;font-size:14px;font-weight:500;flex:1}@media (prefers-color-scheme: dark){.audio-player{box-shadow:0 4px 12px #667eea66}}.answer-feedback{margin-top:2rem;padding:2rem;border-radius:12px;background:#fff;border:2px solid #e0e0e0;opacity:0;transform:translateY(20px);transition:all .4s ease}.answer-feedback.show{opacity:1;transform:translateY(0)}.feedback-icon{text-align:center;margin-bottom:1.5rem}.feedback-icon svg{width:80px;height:80px}.checkmark{animation:scaleIn .5s ease}.checkmark-circle{stroke:#2ecc71;stroke-width:3;stroke-dasharray:166;stroke-dashoffset:166;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-check{stroke:#2ecc71;stroke-width:3;stroke-linecap:round;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .4s forwards}.cross{animation:scaleIn .5s ease}.cross-circle{stroke:#e74c3c;stroke-width:3;stroke-dasharray:166;stroke-dashoffset:166;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.cross-line{stroke:#e74c3c;stroke-width:3;stroke-linecap:round;stroke-dasharray:57;stroke-dashoffset:57;animation:stroke .3s cubic-bezier(.65,0,.45,1) .4s forwards;fill:none}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scaleIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.feedback-content{text-align:center}.feedback-content h3{font-size:1.8rem;margin-bottom:1rem}.correct-text{color:#2ecc71}.incorrect-text{color:#e74c3c}.correct-answer-display{padding:1rem;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin-bottom:1rem;font-size:1rem}.correct-answer-display strong{color:#856404}.explanation{padding:1rem;background:#e8f4f8;border-left:4px solid #3498db;border-radius:8px;margin-bottom:1.5rem;text-align:left;line-height:1.6}.explanation strong{color:#2c3e50}.next-button{padding:1rem 2rem;background:#3498db;color:#fff;border:none;border-radius:8px;font-size:1.1rem;cursor:pointer;transition:all .2s ease;width:100%;max-width:300px;margin:0 auto;display:block}.next-button:hover{background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.quiz-results{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}.results-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:3rem;max-width:600px;width:100%;text-align:center;animation:slideUp .5s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.results-title{font-size:2rem;color:#2c3e50;margin-bottom:2rem}.score-circle{position:relative;width:250px;height:250px;margin:0 auto 2rem}.score-circle svg{width:100%;height:100%}.score-circle-bg{stroke:#ecf0f1}.score-circle.passed .score-circle-progress{stroke:#2ecc71}.score-circle.failed .score-circle-progress{stroke:#e74c3c}.score-circle-progress{transition:stroke-dasharray 1.5s ease;stroke-linecap:round}.score-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%}.score-percentage{font-size:4rem;font-weight:700;line-height:1;margin-bottom:.5rem}.score-circle.passed .score-percentage{color:#2ecc71}.score-circle.failed .score-percentage{color:#e74c3c}.score-label{font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.score-circle.passed .score-label{color:#27ae60}.score-circle.failed .score-label{color:#c0392b}.results-details{margin-bottom:2rem}.result-stat{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:1.2rem}.stat-label{color:#7f8c8d}.stat-value{font-weight:700;color:#2c3e50}.result-message{padding:1rem;background:#ecf0f1;border-radius:8px;color:#2c3e50;line-height:1.6}.result-message.success{background:#d5f4e6;color:#27ae60}.retake-button{padding:1rem 2.5rem;background:#3498db;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.retake-button:hover{background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:hidden}.confetti{position:absolute;width:10px;height:10px;top:-10px;animation:confetti-fall 3s linear infinite}@keyframes confetti-fall{to{transform:translateY(100vh) rotate(360deg)}}.quiz-container{max-width:800px;margin:0 auto;padding:2rem}.quiz-loading,.quiz-error,.quiz-empty{text-align:center;padding:3rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.quiz-error h3{color:#e74c3c;margin-bottom:1rem}.quiz-error button{margin-top:1rem;padding:.75rem 1.5rem;background:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem}.quiz-progress{margin-bottom:2rem}.quiz-progress-bar{height:8px;background:#ecf0f1;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,#3498db,#2ecc71);transition:width .3s ease}.quiz-progress-text{text-align:center;color:#7f8c8d;font-size:.9rem}.quiz-question-container{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:2rem}.question-card{animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.question-instruction{font-size:1.1rem;color:#2c3e50;margin-bottom:1.5rem}.question-text{font-size:1.2rem;color:#2c3e50;margin-bottom:1.5rem;line-height:1.6}.question-audio,.question-audio-player{margin-bottom:1.5rem;padding:1rem;background:#f8f9fa;border-radius:8px;text-align:center}.question-audio audio,.question-audio-player audio{width:100%;max-width:400px}.audio-hint{margin-top:.5rem;font-size:.9rem;color:#7f8c8d}.options-list{display:flex;flex-direction:column;gap:.75rem}.option-button{padding:1rem 1.5rem;background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s ease;text-align:left}.option-button:hover:not(.disabled){border-color:#3498db;background:#f0f8ff;transform:translate(4px)}.option-button.selected{border-color:#3498db;background:#3498db;color:#fff}.option-button.disabled{cursor:not-allowed;opacity:.6}.sentence-with-blank{font-size:1.3rem;padding:1.5rem;background:#f8f9fa;border-radius:8px;margin-bottom:1.5rem;line-height:1.8;text-align:center}.word-options{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.word-button{padding:.75rem 1.5rem;background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s ease}.word-button:hover:not(.disabled){border-color:#3498db;background:#f0f8ff}.word-button.selected{border-color:#3498db;background:#3498db;color:#fff}.conversation-prompt{padding:1.5rem;background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;margin-bottom:1.5rem}.prompt-text{font-size:1.1rem;color:#2c3e50;font-style:italic}.text-display{margin-bottom:2rem}.text-with-blanks{font-size:1.2rem;line-height:2;padding:1.5rem;background:#f8f9fa;border-radius:8px}.conversation-dialogue{padding:1.5rem;background:#f8f9fa;border-radius:8px}.dialogue-turn{margin-bottom:1rem;line-height:1.8;font-size:1.1rem}.blank{display:inline-block;min-width:100px;padding:.25rem .75rem;margin:0 .25rem;border-bottom:2px solid #3498db;text-align:center;cursor:pointer;transition:all .2s ease}.blank:not(.filled){border-bottom-style:dashed}.blank.filled{background:#3498db;color:#fff;border-radius:4px}.word-bank{margin-top:2rem}.word-bank h4{margin-bottom:1rem;color:#2c3e50}.word-bank-grid{display:flex;flex-wrap:wrap;gap:.75rem}.word-bank-button{padding:.75rem 1.25rem;background:#fff;border:2px solid #3498db;border-radius:8px;color:#3498db;font-size:1rem;cursor:pointer;transition:all .2s ease}.word-bank-button:hover:not(:disabled){background:#3498db;color:#fff}.word-bank-button:disabled{opacity:.5;cursor:not-allowed}.word-bank-item{padding:.75rem 1.25rem;background:#fff;border:2px solid #3498db;border-radius:8px;color:#3498db;font-size:1rem;cursor:grab;transition:all .2s ease;-webkit-user-select:none;user-select:none}.word-bank-item:hover{background:#3498db;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #3498db4d}.word-bank-item:active{cursor:grabbing}.word-bank-item.dragging{opacity:.5;transform:scale(.95)}.blank.droppable{transition:all .2s ease}.blank.droppable:hover:not(.filled){background:#3498db1a;border-bottom-color:#2980b9}.blank.filled{cursor:move}.blank.filled:hover{background:#2980b9}.instruction-hint{margin-top:1rem;font-size:.9rem;color:#7f8c8d;text-align:center}.reading-comprehension .passage-container{margin-bottom:2rem}.reading-comprehension .passage-label{font-size:1rem;color:#7f8c8d;margin-bottom:.75rem;font-weight:500}.reading-comprehension .passage-text{padding:1.5rem;background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;margin-top:1rem;font-size:1.1rem;line-height:1.8;color:#2c3e50}.reading-comprehension .question-section{padding-top:1.5rem;border-top:1px solid #e0e0e0}.listening-comprehension .audio-section{margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:8px;text-align:center}.listening-comprehension .audio-label{font-size:1rem;color:#7f8c8d;margin-bottom:1rem;font-weight:500}.listening-comprehension .question-section{padding-top:1rem}.module-view{max-width:1000px;margin:0 auto;padding:2rem;color:#fff}.module-header{margin-bottom:2rem}.back-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fffc;padding:.5rem 1rem;border-radius:8px;cursor:pointer;margin-bottom:1rem;transition:all .2s ease}.back-button:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff}.module-title-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.module-title-section h1{margin:0;flex:1;color:#fff}.module-badges{display:flex;gap:.5rem}.badge{padding:.375rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600}.badge.language{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.badge.level{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.module-description{color:#fff9;font-size:1.1rem;line-height:1.6}.module-tabs{display:flex;gap:.5rem;border-bottom:2px solid rgba(255,255,255,.1);margin-bottom:2rem}.module-tabs button{background:none;border:none;padding:1rem 1.5rem;cursor:pointer;font-size:1rem;color:#ffffff80;border-bottom:3px solid transparent;transition:all .2s}.module-tabs button:hover{color:#fffc}.module-tabs button.active{color:#667eea;border-bottom-color:#667eea;font-weight:600}.module-content{margin-top:2rem}.module-content section{margin-bottom:2rem}.module-content h2{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #667eea;color:#fff}.objectives-list{list-style-type:none;padding:0}.objectives-list li{padding:.75rem 1rem;margin-bottom:.5rem;background:#ffffff0d;border-left:3px solid #667eea;border-radius:4px;color:#fffc}.included-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1rem}.included-item{text-align:center;padding:1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:12px}.included-item strong{display:block;font-size:2rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.included-item span{color:#fff9}.vocabulary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.vocabulary-header h2{margin:0;color:#fff}.vocabulary-actions{display:flex;gap:12px}.btn-flashcards{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.btn-flashcards:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-matching-game{padding:12px 24px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #f093fb4d}.btn-matching-game:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f093fb66}.btn-matching-game:disabled{opacity:.6;cursor:not-allowed}.vocabulary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.vocab-card{background:#1a1a2e;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem}.vocab-word{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.vocab-translation{font-size:1.1rem;color:#ffffffb3;margin-bottom:1rem}.vocab-definition{margin-bottom:1rem;font-style:italic;color:#ffffff80}.vocab-example{padding:.75rem 1rem;background:#ffffff0d;border-left:3px solid #667eea;border-radius:4px;color:#ffffffb3}.vocab-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.vocab-level{font-size:.7rem;font-weight:600;background:#10b98133;color:#6ee7b7;padding:.2rem .5rem;border-radius:4px;flex-shrink:0}.vocab-audio-btn{margin-top:.75rem;background:#667eea1a;border:1px solid rgba(102,126,234,.2);color:#667eea;padding:.4rem .75rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s}.vocab-audio-btn:hover{background:#667eea33;border-color:#667eea66}.conversation-card{background:#1a1a2e;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.conversation-card h3{margin-top:0;color:#a5b4fc}.dialogue{margin:1rem 0}.dialogue-turn{padding:.75rem 1rem;margin-bottom:.5rem;background:#ffffff0d;border-radius:8px;border-left:4px solid #667eea;color:#fffc;transition:all .3s ease}.dialogue-turn.active{transform:translate(4px);box-shadow:0 2px 8px #667eea33;background:#667eea1a}.dialogue-turn strong{font-weight:700;color:#fff}.conversation-notes{margin-top:1rem;padding:1rem;background:#f59e0b1a;border-left:3px solid #f59e0b;border-radius:4px;color:#ffffffb3}.practice-intro,.stories-intro{color:#fff9;margin-bottom:1.5rem}.stories-header,.practice-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.refresh-progress-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:.5rem .75rem;border-radius:8px;cursor:pointer;font-weight:600;color:#a5b4fc;transition:all .2s ease}.refresh-progress-button:hover{background:#ffffff26;border-color:#667eea}.progress-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .6rem;border-radius:999px;background:#667eea33;color:#a5b4fc;font-weight:600;font-size:.9rem;margin-top:.35rem}.scenario-card{background:#1a1a2e;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;position:relative}.scenario-card.completed{border-color:#10b9814d;box-shadow:0 4px 12px #10b98126}.scenario-card h3{margin-top:0;color:#a5b4fc}.scenario-objectives ul{margin-top:.5rem;color:#fff9}.start-practice-button{margin-top:1rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease}.start-practice-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.story-card{background:#1a1a2e;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s ease;text-align:center;position:relative}.story-card.completed{border-color:#10b9814d;box-shadow:0 4px 12px #10b98126}.story-card:hover{box-shadow:0 8px 24px #667eea33;transform:translateY(-4px);border-color:#667eea4d}.story-title{font-size:1.15rem;font-weight:700;color:#fff;margin-bottom:.75rem;line-height:1.4;min-height:2.8em;display:flex;align-items:center;justify-content:center}.story-badge{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600;margin-bottom:.75rem}.story-card p{color:#ffffff80;margin-bottom:1rem}.read-story-button{padding:.5rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease}.read-story-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.completion-check{position:absolute;bottom:12px;right:12px;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 2px 8px #10b98166;pointer-events:none;z-index:1}.loading,.error{text-align:center;padding:3rem;color:#ffffffb3}.error{color:#fca5a5}.error button{margin-top:1rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#1a1a2e;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #00000080;max-width:95%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.matching-game-modal{width:98%;max-width:none;height:95vh}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;background:#1a1a2e;z-index:1;border-radius:12px 12px 0 0}.modal-header h2{margin:0;font-size:1.1rem;color:#fff}.close-button{background:#ffffff1a;border:none;font-size:1.2rem;cursor:pointer;color:#ffffffb3;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.close-button:hover{background:#ffffff26;color:#fff}@media (max-width: 768px){.module-view{padding:1rem}.module-title-section{flex-direction:column;align-items:flex-start;gap:.75rem}.module-tabs{overflow-x:auto;scrollbar-width:none}.module-tabs::-webkit-scrollbar{display:none}.module-tabs button{padding:.75rem 1rem;white-space:nowrap}.vocabulary-header{flex-direction:column;align-items:stretch;gap:1rem}.vocabulary-actions{flex-direction:column;width:100%}.btn-flashcards,.btn-matching-game{width:100%}.matching-game-modal{width:100%;height:100vh;border-radius:0}.modal-header{border-radius:0}}.conversation-practice-home{max-width:680px;margin:0 auto;padding:0 24px 80px;background:#faf8f5;min-height:calc(100vh - 64px);color:#1a1410}.cph-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:52px 0 40px;border-bottom:1px solid rgba(42,37,32,.07);margin-bottom:8px}.cph-header-text{display:flex;flex-direction:column;gap:6px}.cph-title{font-family:Fraunces,Georgia,serif;font-size:2rem;font-weight:500;color:#1a1410;margin:0;line-height:1.15;letter-spacing:-.02em}.cph-subtitle{font-family:DM Sans,sans-serif;font-size:.825rem;color:#b8b3ad;margin:0;line-height:1.5}.cph-random-btn{flex-shrink:0;margin-top:6px;background:none;border:1px solid rgba(42,37,32,.14);color:#6b6560;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:500;padding:7px 14px;border-radius:6px;cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease;white-space:nowrap}.cph-random-btn:hover:not(:disabled){border-color:#2a252047;color:#2a2520;background:#2a252008}.cph-random-btn:disabled{opacity:.4;cursor:default}.cph-list{display:flex;flex-direction:column}@keyframes cphFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cph-scenario-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid rgba(42,37,32,.07);cursor:pointer;border-radius:0;transition:background .15s ease;animation:cphFadeUp .32s ease both;outline:none}.cph-scenario-row:focus-visible{outline:2px solid rgba(42,37,32,.25);outline-offset:2px;border-radius:4px}.cph-scenario-row:hover{background:#2a252006;margin:0 -12px;padding-left:12px;padding-right:12px}.cph-scenario-row:hover .cph-arrow{transform:translate(4px);color:#1a1410}.cph-row-body{display:flex;flex-direction:column;gap:3px;min-width:0}.cph-target-name{font-family:Fraunces,Georgia,serif;font-size:1.05rem;font-weight:450;color:#1a1410;line-height:1.35;letter-spacing:-.01em}.cph-english-name{font-family:DM Sans,sans-serif;font-size:.775rem;color:#b8b3ad;line-height:1.4}.cph-description{margin:4px 0 0;font-family:DM Sans,sans-serif;font-size:.825rem;color:#6b6560;line-height:1.5;font-weight:400}.cph-arrow{font-family:DM Sans,sans-serif;font-size:1rem;color:#c4bfb9;flex-shrink:0;transition:transform .18s ease,color .18s ease;-webkit-user-select:none;user-select:none}.cph-state{padding:48px 0;font-family:DM Sans,sans-serif;font-size:.875rem;color:#b8b3ad;text-align:center}.cph-state--error{color:#c0614a}.cph-state--error button{margin-top:12px;background:none;border:1px solid rgba(42,37,32,.2);color:#6b6560;font-family:DM Sans,sans-serif;font-size:.825rem;padding:8px 16px;border-radius:6px;cursor:pointer;transition:border-color .18s,color .18s}.cph-state--error button:hover{border-color:#2a252059;color:#2a2520}@media (max-width: 768px){.conversation-practice-home{padding:0 16px 64px}.cph-header{padding:36px 0 28px;flex-direction:column;gap:16px}.cph-title{font-size:1.65rem}.cph-random-btn{align-self:flex-start}.cph-scenario-row:hover{margin:0;padding-left:0;padding-right:0}}.conversation-practice-container{display:flex;flex-direction:column;height:calc(100vh - 80px);background:#f5f7fa}.conversation-iframe{flex:1;width:100%;border:none;border-radius:8px;background:#fff;box-shadow:0 2px 8px #0000001a}.vocab-rec-onboarding{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:2rem;font-family:Crimson Pro,Georgia,serif}.onboarding-container{width:100%;max-width:640px;background:#ffffff08;border-radius:24px;padding:3rem;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.onboarding-header{text-align:center;margin-bottom:2.5rem}.onboarding-header h1{font-size:2.25rem;font-weight:600;color:#f0f0f0;margin-bottom:.75rem;letter-spacing:-.02em}.onboarding-header p{font-size:1.1rem;color:#fff9}.progress-bar{height:4px;background:#ffffff1a;border-radius:2px;margin-bottom:.75rem;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#e94560,#ff6b6b);border-radius:2px;transition:width .4s ease}.step-indicator{text-align:center;font-size:.875rem;color:#ffffff80;margin-bottom:2rem}.question-card{background:#ffffff05;border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.05);margin-bottom:2rem}.question-card h2{font-size:1.5rem;font-weight:500;color:#f0f0f0;margin-bottom:.5rem;line-height:1.4}.question-subtitle{font-size:.95rem;color:#ffffff80;margin-bottom:1.5rem}.question-textarea{width:100%;padding:1rem;font-size:1rem;font-family:inherit;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#f0f0f0;resize:vertical;min-height:120px;transition:border-color .2s ease,box-shadow .2s ease}.question-textarea::placeholder{color:#ffffff4d}.question-textarea:focus{outline:none;border-color:#e94560;box-shadow:0 0 0 3px #e9456026}.boolean-options{display:flex;flex-direction:column;gap:.75rem}.boolean-option{padding:1rem 1.5rem;font-size:1rem;font-family:inherit;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffffb3;cursor:pointer;transition:all .2s ease;text-align:left}.boolean-option:hover{background:#ffffff0d;border-color:#fff3}.boolean-option.selected{background:#e9456026;border-color:#e94560;color:#f0f0f0}.level-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.level-option{padding:1rem;font-size:.95rem;font-family:inherit;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffffb3;cursor:pointer;transition:all .2s ease}.level-option:hover{background:#ffffff0d;border-color:#fff3}.level-option.selected{background:#e9456026;border-color:#e94560;color:#f0f0f0}.navigation-buttons{display:flex;justify-content:space-between;gap:1rem}.nav-button{flex:1;padding:1rem 1.5rem;font-size:1rem;font-family:inherit;font-weight:500;border-radius:12px;cursor:pointer;transition:all .2s ease}.nav-button.secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3}.nav-button.secondary:hover:not(:disabled){background:#ffffff14;border-color:#fff3}.nav-button.primary{background:linear-gradient(135deg,#e94560,#d63850);border:none;color:#fff}.nav-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #e945604d}.nav-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.nav-button.submit{background:linear-gradient(135deg,#4ade80,#22c55e)}.nav-button.submit:hover:not(:disabled){box-shadow:0 8px 20px #4ade804d}.error-message{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:1rem;border-radius:12px;margin-bottom:1.5rem;text-align:center}.onboarding-loading,.onboarding-success{text-align:center;color:#f0f0f0}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#e94560;border-radius:50%;animation:spin 1s linear infinite;margin:1rem auto}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#4ade80,#22c55e);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;margin:0 auto 1.5rem}.onboarding-success h2{font-size:1.75rem;font-weight:500;margin-bottom:.75rem}.onboarding-success p{color:#fff9;margin-bottom:1.5rem}@media (max-width: 640px){.vocab-rec-onboarding{padding:1rem}.onboarding-container{padding:1.5rem}.onboarding-header h1{font-size:1.75rem}.level-options{grid-template-columns:1fr}.navigation-buttons{flex-direction:column}.nav-button.secondary{order:2}}.premise-selector{max-width:900px;margin:0 auto;padding:1.5rem;color:#1a1410}.premise-selector-header{margin-bottom:2.5rem}.premise-selector-header h2{font-family:Fraunces,Georgia,serif;font-size:2rem;font-weight:500;color:#1a1410;letter-spacing:-.02em;margin:0 0 .5rem}.premise-selector-subtitle{font-family:DM Sans,sans-serif;color:#6b6560;font-size:1rem;margin:0;line-height:1.6}.premise-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-bottom:2rem}.premise-card{background:#f5f2ec;border:1.5px solid rgba(42,37,32,.09);border-radius:14px;padding:1.5rem;cursor:pointer;transition:all .18s ease;position:relative;display:flex;flex-direction:column;gap:.625rem}.premise-card:hover{border-color:#2a252033;transform:translateY(-2px);box-shadow:0 6px 20px #2a252014}.premise-card.selected{border-color:#e8a87c;background:#e8a87c12;box-shadow:0 0 0 3px #e8a87c2e}.premise-card.wildcard{border-style:dashed}.premise-card.wildcard:hover{border-color:#2a252047}.premise-card.wildcard.selected{border-color:#e8a87c;border-style:dashed}.wildcard-badge{position:absolute;top:-10px;right:14px;background:#e8a87c;color:#1a120a;font-family:DM Sans,sans-serif;font-size:.65rem;font-weight:700;padding:.2rem .65rem;border-radius:10px;text-transform:uppercase;letter-spacing:.06em}.premise-card-header{display:flex;flex-direction:column;gap:.5rem}.premise-title{font-family:Fraunces,Georgia,serif;font-size:1.2rem;font-weight:500;margin:0;color:#1a1410;line-height:1.25;letter-spacing:-.01em}.premise-tags{display:flex;gap:.375rem;flex-wrap:wrap}.genre-tag,.theme-tag{font-family:DM Sans,sans-serif;font-size:.65rem;padding:.15rem .5rem;border-radius:5px;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.genre-tag{background:#2a252012;color:#6b6560}.theme-tag{background:#2a25200d;color:#b8b3ad}.premise-summary{font-family:DM Sans,sans-serif;font-size:.925rem;color:#6b6560;line-height:1.6;margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.vocab-preview{margin-top:auto}.vocab-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.vocab-preview-label{font-family:DM Sans,sans-serif;font-size:.75rem;color:#b8b3ad}.vocab-preview-count{font-family:DM Sans,sans-serif;font-size:.75rem;color:#6b6560;font-weight:600}.vocab-preview-list{display:flex;flex-wrap:wrap;gap:.3rem}.vocab-chip{font-family:DM Sans,sans-serif;font-size:.725rem;background:#2a25200f;color:#6b6560;padding:.175rem .5rem;border-radius:4px;border:1px solid rgba(42,37,32,.08)}.vocab-expand-btn{font-family:DM Sans,sans-serif;font-size:.7rem;background:none;border:1px dashed rgba(42,37,32,.2);color:#b8b3ad;padding:.175rem .5rem;border-radius:4px;cursor:pointer;transition:all .15s}.vocab-expand-btn:hover{border-color:#2a252059;color:#6b6560}.selected-indicator{position:absolute;bottom:-9px;left:50%;transform:translate(-50%);background:#e8a87c;color:#1a120a;font-family:DM Sans,sans-serif;font-size:.65rem;font-weight:700;padding:.18rem .7rem;border-radius:8px;text-transform:uppercase;letter-spacing:.04em}.premise-selector-actions{display:flex;justify-content:center;gap:1rem;padding-top:1.25rem;border-top:1px solid rgba(42,37,32,.07)}.premise-cancel-btn{background:#2a25200a;border:1px solid rgba(42,37,32,.12);color:#6b6560;padding:.75rem 1.5rem;border-radius:8px;font-family:DM Sans,sans-serif;font-size:.95rem;cursor:pointer;transition:all .2s}.premise-cancel-btn:hover:not(:disabled){background:#2a252014;border-color:#2a252033;color:#1a1410}.premise-confirm-btn{background:#e8a87c;border:none;color:#1a120a;padding:.75rem 2rem;border-radius:8px;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.premise-confirm-btn:hover:not(:disabled){background:#ebb98f;transform:translateY(-1px);box-shadow:0 4px 14px #e8a87c4d}.premise-confirm-btn:disabled,.premise-cancel-btn:disabled{opacity:.4;cursor:not-allowed}.premise-selector.loading .premise-card{pointer-events:none;opacity:.6}@media (max-width: 768px){.premise-selector{padding:1rem}.premise-grid{grid-template-columns:1fr}.premise-selector-header h2{font-size:1.5rem}.premise-selector-actions{flex-direction:column}.premise-cancel-btn,.premise-confirm-btn{width:100%;text-align:center}}.vocab-browse-view{padding:.5rem 0;max-height:100%;overflow-y:auto;background:transparent}.vocab-browse-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(42,37,32,.08)}.vocab-browse-header h2{margin:0;font-family:Fraunces,Georgia,serif;font-size:1.3rem;font-weight:500;color:#1a1410}.word-count{font-family:DM Sans,sans-serif;font-size:.8rem;color:#b8b3ad;background:#2a25200d;padding:.2rem .65rem;border-radius:10px}.close-btn{margin-left:auto;background:none;border:1px solid rgba(42,37,32,.12);color:#6b6560;padding:.4rem .875rem;border-radius:7px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.875rem;transition:all .15s}.close-btn:hover{background:#2a25200d;border-color:#2a252033;color:#1a1410}.vocabulary-list{display:flex;flex-direction:column}.vocab-entry{padding:1rem 0;border-bottom:1px solid rgba(42,37,32,.06);cursor:pointer;transition:background .1s}.vocab-entry:last-child{border-bottom:none}.vocab-entry:hover{background:#2a252005;border-radius:6px;padding-left:.5rem;padding-right:.5rem;margin-left:-.5rem;margin-right:-.5rem}.vocab-entry-main{display:flex;align-items:baseline;gap:1rem;margin-bottom:.375rem}.vocab-entry-word{font-family:Fraunces,Georgia,serif;font-size:1.5rem;font-weight:400;color:#1a1410;letter-spacing:-.01em;line-height:1}.vocab-entry-translation{font-family:DM Sans,sans-serif;font-size:.95rem;color:#6b6560;line-height:1}.vocab-entry-example{font-family:DM Sans,sans-serif;font-size:.9rem;color:#b8b3ad;font-style:italic;margin:0;line-height:1.5}.vocab-entry-toggle{display:inline-flex;align-items:center;gap:.25rem;font-family:DM Sans,sans-serif;font-size:.75rem;color:#c4bfb9;margin-top:.25rem;-webkit-user-select:none;user-select:none}.vocab-entry-toggle-icon{display:inline-block;transition:transform .2s;font-style:normal}.vocab-entry-toggle-icon.expanded{transform:rotate(180deg)}.vocab-entry-expanded{margin-top:.625rem;padding-top:.625rem;border-top:1px solid rgba(42,37,32,.06);display:flex;flex-direction:column;gap:.5rem;animation:expandIn .15s ease-out}@keyframes expandIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.vocab-entry-definition{font-family:DM Sans,sans-serif;font-size:.875rem;color:#6b6560;font-style:italic;margin:0;line-height:1.55}.vocab-entry-audio{align-self:flex-start;background:none;border:1px solid rgba(42,37,32,.12);color:#b8b3ad;padding:.3rem .75rem;border-radius:6px;font-family:DM Sans,sans-serif;font-size:.8rem;cursor:pointer;transition:all .15s}.vocab-entry-audio:hover{background:#2a25200d;border-color:#2a252033;color:#6b6560}@media (max-width: 768px){.vocab-browse-view{padding:.25rem 0}.vocab-entry-word{font-size:1.3rem}.vocab-entry-main{gap:.75rem}}.vocab-training-container{max-width:1200px;margin:0 auto;padding:2rem;background:#faf8f5;color:#1a1410}.vocab-header{text-align:center;margin-bottom:2rem}.vocab-header h1{font-size:2.5rem;color:#1a1410;margin-bottom:.5rem;font-family:Fraunces,Georgia,serif;font-weight:600;letter-spacing:-.02em}.vocab-header .subtitle{font-size:1.1rem;color:#6b6560}.stats-section{margin-bottom:3rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.stat-card{background:#f5f2ec;border:1px solid rgba(42,37,32,.08);border-radius:12px;padding:1.5rem;text-align:center;transition:transform .2s}.stat-card:hover{transform:translateY(-2px);border-color:#2a252024}.stat-card.highlight{background:#e8a87c1a;border-color:#e8a87c4d}.stat-value{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:#1a1410;font-family:Fraunces,Georgia,serif}.stat-card.highlight .stat-value{color:#c2703a}.stat-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:#6b6560;font-family:DM Sans,sans-serif}.stat-card.highlight .stat-label{color:#6b6560}.session-config{background:#f5f2ec;border:1px solid rgba(42,37,32,.08);border-radius:12px;padding:2rem;margin-bottom:2rem}.session-config h2{margin-bottom:1.5rem;color:#1a1410;font-family:Fraunces,Georgia,serif;font-weight:600}.config-group{margin-bottom:1.5rem}.config-group label{display:block;font-weight:600;margin-bottom:.5rem;color:#6b6560;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;font-family:DM Sans,sans-serif}.level-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.level-button{padding:.75rem 1.5rem;border:1px solid rgba(42,37,32,.14);background:#2a252008;color:#6b6560;border-radius:8px;cursor:pointer;font-weight:600;font-family:DM Sans,sans-serif;transition:all .2s}.level-button:hover{border-color:#2a252038;color:#1a1410;background:#2a25200f}.level-button.selected{background:#e8a87c;color:#1a120a;border-color:#e8a87c}.session-size-select{padding:.75rem;border:1px solid rgba(42,37,32,.14);border-radius:8px;font-size:1rem;cursor:pointer;background:#faf8f5;color:#1a1410;font-family:DM Sans,sans-serif}.session-size-select:focus{outline:none;border-color:#e8a87c}.session-buttons{display:flex;gap:1rem;margin-top:1.5rem}.start-session-button{flex:1;padding:1rem 2rem;background:#e8a87c;color:#1a120a;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:DM Sans,sans-serif}.start-session-button:hover:not(:disabled){background:#ebb98f;transform:scale(1.02)}.start-session-button:disabled{opacity:.4;cursor:not-allowed}.start-matching-game-button{flex:1;padding:1rem 2rem;background:#f5f2ec;color:#1a1410;border:1px solid rgba(42,37,32,.14);border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:DM Sans,sans-serif}.start-matching-game-button:hover:not(:disabled){background:#2a25200f;border-color:#2a252038}.start-matching-game-button:disabled{opacity:.4;cursor:not-allowed}.warning-text{color:#b91c1c;margin-top:.5rem;font-size:.9rem}.study-mode{min-height:80vh}.study-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.875rem 1rem;background:#f5f2ec;border:1px solid rgba(42,37,32,.08);border-radius:10px}.exit-button{padding:.4rem .875rem;background:#2a25200a;border:1px solid rgba(42,37,32,.12);color:#6b6560;border-radius:6px;cursor:pointer;font-weight:500;font-family:DM Sans,sans-serif;font-size:.875rem;transition:all .2s;white-space:nowrap}.exit-button:hover{background:#2a252014;color:#1a1410;border-color:#2a252033}.progress-bar{flex:1;height:4px;background:#2a252014;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:#e8a87c;transition:width .3s ease}.card-counter{font-weight:500;color:#b8b3ad;font-size:.875rem;font-family:DM Sans,sans-serif;white-space:nowrap}.flashcard{width:100%;max-width:500px;min-height:350px;background:#f5f2ec;border:1px solid rgba(42,37,32,.08);border-radius:16px;box-shadow:0 4px 16px #2a25200f;padding:2rem;position:relative;display:flex;flex-direction:column}.flashcard.flipped{background:#faf8f5;border-color:#e8a87c66}.card-level-badge{display:none}.card-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:1.5rem}.card-word{font-size:2.5rem;color:#1a1410;margin:0;text-align:center;word-break:break-word;font-family:Fraunces,Georgia,serif;font-weight:400}.card-translation{font-size:1.8rem;color:#1a1410;font-weight:600;text-align:center;margin:0;font-family:DM Sans,sans-serif}.card-definition{font-size:1rem;color:#6b6560;text-align:center;margin:0;font-style:italic;font-family:DM Sans,sans-serif}.card-example{font-size:1rem;color:#b8b3ad;text-align:center;margin:0;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(42,37,32,.07);width:100%;font-family:DM Sans,sans-serif}.audio-button{padding:.5rem 1rem;background:#2a25200a;border:1px solid rgba(42,37,32,.12);color:#6b6560;border-radius:8px;cursor:pointer;font-size:.9rem;font-family:DM Sans,sans-serif;transition:all .2s}.audio-button:hover{background:#2a252014;border-color:#2a252033;color:#1a1410}.show-answer-button{width:100%;padding:1rem;background:#e8a87c;color:#1a120a;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;font-family:DM Sans,sans-serif;margin-top:1rem;transition:opacity .2s}.show-answer-button:hover{opacity:.9}.review-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;width:100%;max-width:600px}.review-button{padding:1rem .5rem;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-family:DM Sans,sans-serif;display:flex;flex-direction:column;align-items:center;gap:.25rem;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 4px #2a25201a}.review-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2a252026}.review-button.again{background:#fecaca;color:#7f1d1d}.review-button.hard{background:#fed7aa;color:#7c2d12}.review-button.good{background:#bbf7d0;color:#14532d}.review-button.easy{background:#bfdbfe;color:#1e3a5f}.button-hint{font-size:.75rem;opacity:.8}.info-section{background:#f5f2ec;border-radius:12px;padding:1.5rem;border:1px solid rgba(42,37,32,.08)}.info-section h3{margin-top:0;color:#1a1410;font-family:Fraunces,Georgia,serif}.info-section ul{margin:0;padding-left:1.5rem}.info-section li{margin-bottom:.5rem;color:#6b6560;font-family:DM Sans,sans-serif}.auth-notice{text-align:center;padding:4rem 2rem;background:#f5f2ec;border:1px solid rgba(42,37,32,.08);border-radius:12px}.auth-notice h2{color:#1a1410;margin-bottom:1rem;font-family:Fraunces,Georgia,serif}.auth-notice p{color:#6b6560;font-size:1.1rem;font-family:DM Sans,sans-serif}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;color:#1a1410}.loading-state p{color:#6b6560;margin:0 0 .5rem;font-family:DM Sans,sans-serif}.loading-spinner{width:28px;height:28px;border:2px solid rgba(42,37,32,.08);border-top-color:#e8a87c;border-radius:50%;animation:spin .9s linear infinite;margin-bottom:1.25rem}.loading-spinner--sm{width:14px;height:14px;border-width:1.5px;margin-bottom:0}.vocab-loading-container{max-width:760px;padding-top:3rem;padding-bottom:4rem}.vocab-loading-header{margin-bottom:2.5rem}.vocab-loading-eyebrow{font-family:DM Sans,sans-serif;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#b8b3ad;margin:0 0 10px}.vocab-loading-title{font-family:Fraunces,Georgia,serif;font-size:2rem;font-weight:500;color:#1a1410;letter-spacing:-.02em;margin:0 0 8px}.vocab-loading-desc{font-family:DM Sans,sans-serif;font-size:1rem;color:#6b6560;margin:0;line-height:1.6}.vocab-loading-list{border-top:1px solid rgba(42,37,32,.07)}.vocab-loading-item{padding:1rem 0;border-bottom:1px solid rgba(42,37,32,.06);animation:fadeInUp .3s ease-out both}.vocab-loading-item:nth-child(1){animation-delay:.03s}.vocab-loading-item:nth-child(2){animation-delay:.06s}.vocab-loading-item:nth-child(3){animation-delay:.09s}.vocab-loading-item:nth-child(4){animation-delay:.12s}.vocab-loading-item:nth-child(5){animation-delay:.15s}.vocab-loading-item:nth-child(6){animation-delay:.18s}.vocab-loading-item:nth-child(7){animation-delay:.21s}.vocab-loading-item:nth-child(8){animation-delay:.24s}.vocab-loading-item:nth-child(9){animation-delay:.27s}.vocab-loading-item:nth-child(10){animation-delay:.3s}.vocab-loading-item:nth-child(n+11){animation-delay:.33s}.vocab-loading-item-top{display:flex;align-items:baseline;gap:1rem;margin-bottom:.25rem}.vocab-loading-word{font-family:Fraunces,Georgia,serif;font-size:1.4rem;font-weight:400;color:#1a1410;letter-spacing:-.01em;min-width:130px}.vocab-loading-translation{font-family:DM Sans,sans-serif;font-size:.95rem;color:#6b6560;flex:1}.vocab-loading-level{font-family:DM Sans,sans-serif;font-size:.65rem;color:#e8a87c;background:#e8a87c1f;padding:.2rem .6rem;border-radius:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.vocab-loading-example{font-family:DM Sans,sans-serif;font-size:.875rem;color:#b8b3ad;font-style:italic;margin:0;line-height:1.5}.vocab-loading-empty{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 0;color:#6b6560;font-family:DM Sans,sans-serif}.vocab-generation-status{display:flex;align-items:center;gap:.6rem;margin-top:2.5rem;color:#b8b3ad;font-family:DM Sans,sans-serif;font-size:.875rem}.vocab-preview-loading{min-height:480px;justify-content:center;padding:3rem 1rem}.loading-subtitle{font-size:.875rem;color:#b8b3ad;font-family:DM Sans,sans-serif}.vocab-preview-carousel{display:none}.vocab-rec-active{text-align:center;padding:1rem;margin-bottom:1.5rem;background:#e8a87c12;border-radius:10px;border:1px solid rgba(232,168,124,.2)}.vocab-rec-badge{display:inline-block;padding:.25rem .75rem;background:#e8a87c;color:#1a120a;border-radius:16px;font-size:.8rem;font-weight:600;margin-bottom:.5rem;font-family:DM Sans,sans-serif}.vocab-rec-active p{margin:0;color:#6b6560;font-size:.9rem;font-family:DM Sans,sans-serif}.story-ready-banner{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.875rem 1.25rem;margin-bottom:1rem;background:#e8a87c1a;border:1px solid rgba(232,168,124,.3);border-radius:10px;cursor:pointer;transition:all .2s ease}.story-ready-banner:hover{background:#e8a87c29;border-color:#e8a87c73;transform:translateY(-1px)}.story-ready-icon{font-size:1.25rem}.story-ready-banner span:not(.story-ready-icon){font-weight:600;color:#1a1410;font-family:DM Sans,sans-serif}.skip-to-story-btn{padding:.4rem .875rem;background:#e8a87c;color:#1a120a;border:none;border-radius:6px;font-weight:600;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.875rem;transition:background .2s ease}.skip-to-story-btn:hover{background:#ebb98f}.matching-game-mode{min-height:80vh;max-height:100vh;display:flex;flex-direction:column}.matching-game-mode .card-matching-game{max-height:90vh;height:90vh;flex:1;display:flex;flex-direction:column}.matching-game-mode .game-board{flex:1;overflow-y:auto;max-height:calc(90vh - 80px)}.matching-game-mode .study-header{display:flex;justify-content:space-between;align-items:center}.matching-game-mode .study-header h2{flex:1;text-align:center;margin:0}.matching-game-mode .study-header .spacer{width:120px}.matching-game-mode .matching-card{min-height:50px;padding:8px 10px;overflow:hidden;box-sizing:border-box}.matching-game-mode .card-content{overflow:hidden;min-width:0;pointer-events:none}.matching-game-mode .card-audio-btn{pointer-events:auto;flex-shrink:0}.matching-game-mode .game-header{padding:6px 12px;flex-shrink:0}.matching-game-mode .card-text{font-size:.9rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis}.premise-selection-mode{padding-top:1rem}.review-words-notice{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:#2a25200a;border:1px solid rgba(42,37,32,.08);border-radius:8px;margin-top:1.5rem;font-size:.875rem;color:#6b6560;font-family:DM Sans,sans-serif}.review-words-notice .notice-icon{font-size:1rem}.study-mode-switcher{display:flex;gap:1px;margin-bottom:1.5rem;border-bottom:1px solid rgba(42,37,32,.07);padding-bottom:0}.mode-btn{padding:8px 14px;border:none;background:none;color:#c4bfb9;border-radius:4px;font-size:12px;font-weight:500;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .13s ease;position:relative;bottom:-1px}.mode-btn:hover{color:#6b6560;background:#2a25200a}.mode-btn.active{color:#1a1410;background:#2a252012;font-weight:600}.mode-btn .mode-icon{display:none}.word-count-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem;background:#2a252008;border-radius:8px;font-family:DM Sans,sans-serif;color:#6b6560;font-size:.875rem}.inline-matching-game{background:#2a252005;border-radius:12px;padding:1rem;min-height:400px}.inline-matching-game .card-matching-game{height:auto;max-height:none}.inline-matching-game .game-board{max-height:none}.vt-hero{margin-bottom:2.5rem;animation:fadeInUp .5s ease-out both}.vt-title{font-family:Fraunces,Georgia,serif;font-size:2.75rem;font-weight:400;font-style:italic;color:#1a1410;letter-spacing:-.03em;line-height:1.1;margin:0}.vt-stats{display:flex;align-items:stretch;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgba(42,37,32,.08)}.vt-stat{display:flex;flex-direction:column;padding:0 1.75rem;border-right:1px solid rgba(42,37,32,.06)}.vt-stat:first-child{padding-left:0}.vt-stat:last-child{border-right:none}.vt-stat-num{font-family:Fraunces,Georgia,serif;font-size:1.95rem;font-weight:400;color:#1a1410;line-height:1.1;font-variant-numeric:tabular-nums}.vt-stat--accent .vt-stat-num{color:#c2703a}.vt-stat-label{font-family:DM Sans,sans-serif;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#b8b3ad;margin-top:.35rem}.vt-legacy-config{background:#f5f2ec;border:1px solid rgba(42,37,32,.07);border-radius:10px;padding:1.5rem;margin-bottom:1rem;animation:fadeInUp .4s ease-out .04s both}.vt-actions{display:grid;grid-template-columns:3fr 2fr;gap:1rem;margin-bottom:3rem;animation:fadeInUp .5s ease-out .08s both}.vt-action{all:unset;box-sizing:border-box;display:flex;flex-direction:column;padding:1.75rem 1.5rem;border-radius:12px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.vt-action:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #2a252012}.vt-action:focus-visible{outline:2px solid #E8A87C;outline-offset:2px}.vt-action:disabled{opacity:.45;cursor:not-allowed;transform:none}.vt-action--primary{background:#f5f0e8;border-left:3px solid #E8A87C}.vt-action--secondary{background:#f5f2ec;border:1px solid rgba(42,37,32,.07)}.vt-action-tag{font-family:DM Sans,sans-serif;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#e8a87c;margin-bottom:.75rem}.vt-action-name{font-family:Fraunces,Georgia,serif;font-size:1.3rem;font-weight:500;color:#1a1410;letter-spacing:-.01em;line-height:1.3}.vt-action-hint{font-family:DM Sans,sans-serif;font-size:.82rem;color:#6b6560;line-height:1.5;margin-top:.5rem}.vt-themes{margin-bottom:2rem;animation:fadeInUp .5s ease-out .16s both}.vt-themes-header{margin-bottom:1.75rem}.vt-themes-title{font-family:Fraunces,Georgia,serif;font-size:1.4rem;font-weight:500;font-style:italic;color:#1a1410;margin:0 0 .3rem;letter-spacing:-.01em}.vt-themes-desc{font-family:DM Sans,sans-serif;font-size:.9rem;color:#b8b3ad;margin:0;line-height:1.5}.vt-level{margin-bottom:1.75rem}.vt-level:last-child{margin-bottom:0}.vt-level-heading{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.vt-level-rule{flex:1;height:1px;background:#2a252012}.vt-level-tag{font-family:DM Sans,sans-serif;font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#c4bfb9;white-space:nowrap}.vt-theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}.vt-theme-card{all:unset;box-sizing:border-box;display:flex;flex-direction:column;background:#f5f2ec;border-radius:10px;padding:1.25rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .15s ease;animation:fadeInUp .3s ease-out both}.vt-theme-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2a25200f;background:#f2eee6}.vt-theme-card:focus-visible{outline:2px solid #E8A87C;outline-offset:2px}.vt-theme-card:disabled{opacity:.5;cursor:not-allowed;transform:none}.vt-theme-name{font-family:Fraunces,Georgia,serif;font-size:1.1rem;font-weight:500;color:#1a1410;margin:0 0 .4rem;letter-spacing:-.01em;line-height:1.3}.vt-theme-name-native{font-family:DM Sans,sans-serif;font-size:.76rem;color:#9a928a;margin:-.08rem 0 .45rem;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vt-theme-summary{font-family:DM Sans,sans-serif;font-size:.82rem;color:#6b6560;margin:0 0 auto;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:.75rem}.vt-theme-meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.75rem;border-top:1px solid rgba(42,37,32,.05)}.vt-theme-count{font-family:DM Sans,sans-serif;font-size:.72rem;color:#c4bfb9;font-weight:500;white-space:nowrap}.vt-theme-bar-wrap{display:flex;align-items:center;gap:.5rem;flex:1;max-width:130px}.vt-theme-bar{flex:1;height:3px;background:#2a25200f;border-radius:2px;overflow:hidden;position:relative}.vt-theme-bar-seen{position:absolute;top:0;left:0;height:100%;background:#e8a87c40;border-radius:2px;transition:width .4s ease}.vt-theme-bar-known{position:absolute;top:0;left:0;height:100%;background:#e8a87c;border-radius:2px;transition:width .4s ease}.vt-theme-pct{font-family:DM Sans,sans-serif;font-size:.65rem;font-weight:600;color:#c4bfb9;white-space:nowrap;min-width:24px;text-align:right}.vt-themes-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100px;gap:.75rem;margin-bottom:2rem}.vt-themes-loading p{color:#b8b3ad;font-family:DM Sans,sans-serif;font-size:.85rem;margin:0}@media (max-width: 768px){.vocab-training-container{padding:.75rem}.vocab-loading-container{padding-top:1.5rem;padding-bottom:2rem}.vocab-loading-title{font-size:1.5rem}.vocab-loading-item-top{flex-wrap:wrap;gap:.5rem}.vocab-loading-word{font-size:1.2rem;min-width:0;width:100%}.vocab-loading-translation{font-size:.875rem}.matching-game-mode{padding:0;max-height:100vh}.vt-title{font-size:2rem}.vt-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;border-top:none;padding-top:1rem}.vt-stat{padding:0;border-right:none}.vt-stat-num{font-size:1.45rem}.vt-stat-label{font-size:.68rem}.vt-actions,.vt-theme-grid{grid-template-columns:1fr}.matching-game-mode .card-matching-game{height:95vh;max-height:95vh}.matching-game-mode .game-board{max-height:calc(95vh - 70px)}.matching-game-mode .matching-card{min-height:48px;padding:8px 6px}.matching-game-mode .card-content{overflow:hidden;min-width:0}.matching-game-mode .game-header{padding:6px}.matching-game-mode .card-text{font-size:.85rem;line-height:1.2}.vocab-header{margin-bottom:1rem;padding:0 .5rem}.vocab-header h1{font-size:1.8rem}.session-config{padding:1rem;margin:.5rem}.flashcard-container{padding-bottom:1rem}.flashcard{max-width:100%;padding:1.5rem}.review-buttons{gap:.5rem;padding:0 .5rem}.review-button{padding:.75rem .25rem;font-size:.85rem}.button-hint{font-size:.65rem}.study-mode-switcher{flex-wrap:wrap;gap:0}.mode-btn{flex:1;min-width:calc(33% - 1px);padding:8px;font-size:11px;text-align:center;justify-content:center}.session-buttons{flex-direction:column}}@media (max-width: 375px){.vocab-training-container{padding:.5rem}.vt-stats{grid-template-columns:repeat(2,1fr)}.vt-action{padding:1.25rem 1rem}.matching-game-mode{padding:0}.matching-game-mode .matching-card{min-height:50px;padding:8px 6px}.matching-game-mode .card-text{font-size:.85rem}.vocab-header h1{font-size:1.5rem}.session-config{padding:.75rem}.review-buttons{gap:.375rem;padding:0 .25rem}.review-button{padding:.5rem .125rem;font-size:.75rem}.study-mode-switcher{gap:0}.mode-btn{padding:6px;font-size:11px}}.vocab-feedback-section{max-width:680px;margin:0 auto;padding:3rem 1rem 2rem;border-top:1px solid rgba(42,37,32,.08)}.feedback-card{background:transparent;border-radius:0;padding:0 0 1.5rem;margin-bottom:1.25rem;box-shadow:none;text-align:center}.feedback-card h3{font-size:1.1rem;font-family:Fraunces,Georgia,serif;font-weight:300;font-style:italic;color:#2a2520;margin:0 0 .4rem;letter-spacing:.01em}.feedback-subtitle{font-size:.8rem;color:#9b9591;margin:0 0 1.5rem;font-family:DM Sans,-apple-system,sans-serif;letter-spacing:.02em}.feedback-buttons{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-bottom:1.25rem}.feedback-btn{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem 1.1rem;background:#2a252008;border:1px solid rgba(42,37,32,.1);border-radius:8px;cursor:pointer;transition:all .18s ease;min-width:88px;font-family:DM Sans,-apple-system,sans-serif}.feedback-btn:hover:not(:disabled){background:#2a25200f;border-color:#2a252033;transform:translateY(-1px)}.feedback-btn.positive:hover:not(:disabled){background:#68d39114;border-color:#48bb784d}.feedback-btn.positive.selected{background:#68d3911a;border-color:#48bb7866;box-shadow:0 0 0 3px #48bb7814}.feedback-btn.positive.selected .feedback-label{color:#276749}.feedback-btn.negative:hover:not(:disabled){background:#e8a87c14;border-color:#e8a87c4d}.feedback-btn.negative.selected{background:#e8a87c1a;border-color:#e8a87c66;box-shadow:0 0 0 3px #e8a87c14}.feedback-btn.negative.selected .feedback-label{color:#7a4f2e}.feedback-btn:disabled{opacity:.5;cursor:not-allowed}.feedback-icon{font-size:1.3rem;line-height:1}.feedback-label{font-size:.8rem;color:#6b6560;font-weight:500;letter-spacing:.01em;transition:color .18s ease}.submit-feedback-btn{display:block;width:100%;max-width:260px;margin:.75rem auto 0;padding:.8rem 2rem;background:#e8a87c;border:none;border-radius:8px;color:#1a120a;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .18s ease;font-family:DM Sans,-apple-system,sans-serif;letter-spacing:.01em}.submit-feedback-btn:hover:not(:disabled){background:#ebb98f;transform:translateY(-1px);box-shadow:0 4px 14px #e8a87c38}.submit-feedback-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.feedback-success-card{background:transparent;border-radius:0;padding:.5rem 0 1.5rem;margin-bottom:1.25rem;box-shadow:none;text-align:center}.feedback-success-card .success-icon{width:36px;height:36px;margin:0 auto .75rem;background:#68d39126;border:1px solid rgba(72,187,120,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#38a169}.feedback-success-card p{margin:0;font-size:.95rem;color:#6b6560;font-family:DM Sans,-apple-system,sans-serif;font-style:italic}.continue-button{display:block;width:100%;padding:.9rem 2rem;background:#e8a87c;border:none;border-radius:9px;color:#1a120a;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .18s ease;font-family:DM Sans,-apple-system,sans-serif;letter-spacing:.01em}.continue-button:hover{background:#ebb98f;transform:translateY(-1px);box-shadow:0 6px 18px #e8a87c38}@media (max-width: 768px){.vocab-feedback-section{padding:2.5rem .75rem 1.5rem}.feedback-buttons{gap:.4rem}.feedback-btn{flex-direction:row;width:100%;min-width:auto;justify-content:center;padding:.7rem 1rem;gap:.5rem}}.listening-card{width:200px;min-width:200px;border-radius:10px;overflow:hidden;background:#f5f2ec;border:1px solid rgba(42,37,32,.08);transition:transform .2s,box-shadow .2s,border-color .2s;cursor:pointer}.listening-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #2a25201a;border-color:#2a252021}.listening-card-image{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#f5f0e8}.listening-card-cover{width:100%;height:100%;object-fit:cover}.listening-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#b8b3ad;background:#f5f0e8}.listening-card-badge{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px}.listening-card-badge-complete{background:#22c55ed9}.listening-card-badge-failed{background:#b91c1cd9;color:#fff;font-weight:700;font-size:11px;font-family:DM Sans,sans-serif}.listening-card-info{padding:10px 12px}.listening-card-title{font-family:Fraunces,Georgia,serif;font-size:14px;font-weight:400;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1a1410}.listening-card-meta{display:flex;gap:6px;font-size:12px;color:#b8b3ad;font-family:DM Sans,sans-serif}.listening-card-level{background:#e8a87c1f;padding:1px 6px;border-radius:4px;color:#c2703a;font-weight:500}.listening-practice-container{min-height:100vh;background:#faf8f5;color:#1a1410;padding:24px 32px;max-width:1200px;margin:0 auto}.listening-practice-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:24px}.listening-practice-header-text h1{font-family:Fraunces,Georgia,serif;font-size:2rem;font-weight:500;color:#1a1410;letter-spacing:-.02em;margin:0 0 8px}.listening-practice-header-text p{color:#6b6560;margin:0;font-size:15px;font-family:DM Sans,sans-serif}.new-session-button{padding:10px 22px;background:#e8a87c;color:#1a120a;border:none;border-radius:8px;font-size:14px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .2s,transform .15s;white-space:nowrap}.new-session-button:hover:not(:disabled){background:#ebb98f;transform:translateY(-1px)}.new-session-button:disabled{opacity:.45;cursor:not-allowed}.listening-practice-empty{text-align:center;padding:80px 24px}.listening-practice-empty .empty-icon{font-size:3rem;margin-bottom:16px}.listening-practice-empty h2{font-family:Fraunces,Georgia,serif;font-size:1.5rem;font-weight:500;color:#1a1410;margin:0 0 8px}.listening-practice-empty p{color:#6b6560;margin:0 0 24px;font-family:DM Sans,sans-serif}.listening-practice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.loading{display:flex;align-items:center;justify-content:center;min-height:60vh;font-size:16px;color:#b8b3ad;font-family:DM Sans,sans-serif}@media (max-width: 768px){.listening-practice-container{padding:16px}.listening-practice-header{flex-direction:column}.listening-practice-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.listening-quiz{border-top:1px solid rgba(42,37,32,.07);padding-top:20px;margin-top:4px}.quiz-start-button{display:flex;align-items:center;gap:10px;padding:12px 22px;border-radius:10px;border:1px solid rgba(42,37,32,.1);background:#2a25200a;color:#6b6560;font-size:15px;font-weight:500;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.quiz-start-button:hover{background:#2a252012;border-color:#2a252029;color:#1a1410}.quiz-start-button.ready{background:#e8a87c;border-color:#e8a87c;color:#1a120a;box-shadow:0 2px 10px #e8a87c59}.quiz-start-button.ready:hover{background:#ebb98f;border-color:#ebb98f;box-shadow:0 4px 16px #e8a87c73}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.quiz-header h3{margin:0;font-family:Fraunces,Georgia,serif;font-size:1.1rem;font-weight:400;color:#1a1410}.quiz-end-button{padding:5px 14px;border-radius:6px;border:1px solid rgba(42,37,32,.1);background:#2a25200a;color:#6b6560;font-size:13px;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .2s,color .2s}.quiz-end-button:hover{background:#2a252012;color:#1a1410}.quiz-objectives{margin-bottom:16px;padding:14px 16px;background:#f5f2ec;border:1px solid rgba(42,37,32,.07);border-radius:10px}.quiz-objectives h4{margin:0 0 10px;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#b8b3ad;font-family:DM Sans,sans-serif;font-weight:600}.quiz-objectives ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.objective-item{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#6b6560;font-family:DM Sans,sans-serif;transition:color .3s}.objective-item.completed{color:#3d7052}.objective-check{flex-shrink:0;width:18px;text-align:center;font-size:13px;color:#b8b3ad;transition:color .3s,transform .3s}.objective-item.completed .objective-check{color:#3d7052;transform:scale(1.1)}.quiz-completion{padding:14px 16px;background:#3d705212;border:1px solid rgba(61,112,82,.2);border-radius:10px;color:#2d5a3d;font-size:15px;font-family:DM Sans,sans-serif;text-align:center;margin-bottom:16px;animation:slideIn .4s ease-out}@keyframes slideIn{0%{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}.quiz-mic-controls{display:flex;justify-content:center;padding-top:4px}.mic-toggle-button{display:flex;align-items:center;gap:10px;padding:14px 32px;border-radius:50px;border:2px solid rgba(42,37,32,.1);background:#2a25200a;color:#6b6560;font-size:15px;font-weight:500;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .2s}.mic-toggle-button:hover{background:#2a252012;border-color:#2a25202e;color:#1a1410}.mic-toggle-button.active{background:#e8a87c1f;border-color:#e8a87c80;color:#c2703a;animation:micPulse 2s ease-in-out infinite}.mic-toggle-button.active:hover{background:#e8a87c2e;border-color:#e8a87ca6}@keyframes micPulse{0%,to{box-shadow:0 0 #e8a87c00}50%{box-shadow:0 0 0 8px #e8a87c14}}.quiz-error{margin-top:12px;padding:10px 14px;background:#b91c1c0f;border:1px solid rgba(185,28,28,.15);border-radius:8px;color:#b91c1c;font-size:13px;font-family:DM Sans,sans-serif}.listening-session-container{min-height:100vh;background:#faf8f5;color:#1a1410;padding:24px 32px;max-width:900px;margin:0 auto}.listening-loading-container{max-width:760px;padding-top:3rem;padding-bottom:4rem}.listening-loading-header{margin-bottom:2.5rem}.listening-loading-eyebrow{font-family:DM Sans,sans-serif;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#b8b3ad;margin:0 0 10px}.listening-loading-title{font-family:Fraunces,Georgia,serif;font-size:2rem;font-weight:500;color:#1a1410;letter-spacing:-.02em;margin:0 0 8px}.listening-loading-desc{font-family:DM Sans,sans-serif;font-size:1rem;color:#6b6560;margin:0;line-height:1.6}.listening-vocab-list{border-top:1px solid rgba(42,37,32,.07);margin-bottom:2rem}.listening-vocab-item{padding:1rem 0;border-bottom:1px solid rgba(42,37,32,.06);animation:fadeInUp .3s ease-out both}.listening-vocab-item:nth-child(1){animation-delay:.03s}.listening-vocab-item:nth-child(2){animation-delay:.06s}.listening-vocab-item:nth-child(3){animation-delay:.09s}.listening-vocab-item:nth-child(4){animation-delay:.12s}.listening-vocab-item:nth-child(5){animation-delay:.15s}.listening-vocab-item:nth-child(6){animation-delay:.18s}.listening-vocab-item:nth-child(7){animation-delay:.21s}.listening-vocab-item:nth-child(8){animation-delay:.24s}.listening-vocab-item:nth-child(9){animation-delay:.27s}.listening-vocab-item:nth-child(10){animation-delay:.3s}.listening-vocab-item:nth-child(n+11){animation-delay:.33s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.listening-vocab-item-row{display:flex;align-items:baseline;gap:1rem}.listening-vocab-word{font-family:Fraunces,Georgia,serif;font-size:1.4rem;font-weight:400;color:#1a1410;letter-spacing:-.01em;min-width:130px}.listening-vocab-translation{font-family:DM Sans,sans-serif;font-size:.95rem;color:#6b6560;flex:1}.generation-exercise-wrapper{margin-bottom:32px}.generation-study-area{padding:0;margin-bottom:2rem}.generation-study-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 4px}.generation-exercises-title{font-size:12px;font-weight:600;color:#b8b3ad;text-transform:uppercase;letter-spacing:.8px;font-family:DM Sans,sans-serif}.generation-card-counter{font-size:13px;font-weight:600;color:#b8b3ad;font-variant-numeric:tabular-nums;font-family:DM Sans,sans-serif}.flashcard-container{display:flex;flex-direction:column;align-items:center;gap:2rem;padding-bottom:2rem}.listening-generation-status{display:flex;align-items:center;gap:.6rem;margin-top:2rem;color:#b8b3ad;font-family:DM Sans,sans-serif;font-size:.875rem}.listening-generation-spinner{width:14px;height:14px;border:1.5px solid rgba(42,37,32,.08);border-top-color:#e8a87c;border-radius:50%;animation:spin .9s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.generation-waiting{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 0}.generation-waiting p{font-size:14px;color:#b8b3ad;margin:0;font-family:DM Sans,sans-serif}.waiting-spinner{width:28px;height:28px;border:2px solid rgba(42,37,32,.07);border-top-color:#e8a87c;border-radius:50%;animation:spin .9s linear infinite}.session-ready-banner{margin-bottom:32px}.session-ready-content{display:flex;align-items:center;gap:14px;background:#e8a87c1a;border:1px solid rgba(232,168,124,.3);border-radius:10px;padding:14px 18px;margin-bottom:24px;cursor:pointer;transition:background .2s,border-color .2s,transform .15s}.session-ready-content:hover{background:#e8a87c29;border-color:#e8a87c73;transform:translateY(-1px)}.session-ready-icon{font-size:22px;flex-shrink:0}.session-ready-text{flex:1;display:flex;flex-direction:column;gap:2px}.session-ready-text strong{font-size:14px;color:#1a1410;font-family:DM Sans,sans-serif}.session-ready-text span{font-size:13px;color:#6b6560;font-family:DM Sans,sans-serif}.session-ready-btn{background:#e8a87c;border:none;color:#1a120a;padding:9px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s,transform .15s;flex-shrink:0;font-family:DM Sans,sans-serif}.session-ready-btn:hover{background:#ebb98f;transform:scale(1.02)}.session-content{display:flex;flex-direction:column;gap:24px}.session-right{display:flex;flex-direction:column;gap:20px}.session-image-container{position:relative;border-radius:12px;overflow:hidden;background:#f5f2ec;box-shadow:0 2px 14px #2a252017}.session-image{width:100%;display:block;border-radius:12px}.session-style-badge{position:absolute;bottom:12px;left:12px;background:#faf8f5e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 12px;border-radius:16px;font-size:13px;color:#6b6560;text-transform:capitalize;font-family:DM Sans,sans-serif}.session-audio-player{background:#f5f2ec;border:1px solid rgba(42,37,32,.08);border-radius:14px;padding:20px 24px}.audio-controls{display:flex;align-items:center;gap:18px}.play-button{width:54px;height:54px;border-radius:50%;background:#e8a87c;border:none;color:#1a120a;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 2px 10px #e8a87c66}.play-button:hover{background:#ebb98f;transform:scale(1.06);box-shadow:0 4px 18px #e8a87c80}.audio-progress{flex:1;display:flex;flex-direction:column;gap:8px}.time-display{display:flex;gap:4px;font-size:12px;color:#b8b3ad;font-variant-numeric:tabular-nums;font-family:DM Sans,sans-serif}.time-display .separator{color:#c4bfb9}.audio-scrubber{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#2a25201a;border-radius:3px;cursor:pointer}.audio-scrubber::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#e8a87c;cursor:pointer;box-shadow:0 1px 4px #2a252026}.audio-scrubber::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#e8a87c;border:none;cursor:pointer}.speed-controls{display:flex;gap:1px;margin-top:14px;border-bottom:1px solid rgba(42,37,32,.07);padding-bottom:0}.speed-button{padding:7px 11px;border:none;background:none;color:#c4bfb9;border-radius:4px;font-size:12px;font-weight:500;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .13s ease;position:relative;bottom:-1px}.speed-button:hover{color:#6b6560;background:#2a25200a}.speed-button.active{color:#1a1410;background:#2a252012;font-weight:600}.session-transcript-section{border-top:1px solid rgba(42,37,32,.07);padding-top:18px}.transcript-toggle{background:#2a25200a;border:1px solid rgba(42,37,32,.1);color:#6b6560;padding:9px 18px;border-radius:8px;font-size:14px;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .2s,color .2s}.transcript-toggle:hover{background:#2a252012;color:#1a1410}.transcript-content{margin-top:14px;padding:22px 26px;background:#f5f0e8;border:1px solid rgba(42,37,32,.07);border-radius:10px;line-height:1.85;max-height:360px;overflow-y:auto}.transcript-content::-webkit-scrollbar{width:4px}.transcript-content::-webkit-scrollbar-track{background:transparent}.transcript-content::-webkit-scrollbar-thumb{background:#2a25201f;border-radius:2px}.transcript-sentence{margin:0 0 14px;font-family:Fraunces,Georgia,serif;font-size:1.1rem;font-weight:400;color:#1a1410}.transcript-sentence:last-child{margin-bottom:0}.clickable-word{cursor:pointer;transition:color .15s,background .15s;border-radius:3px;padding:0 1px}.clickable-word:hover{color:#c2703a;background:#e8a87c2e}.session-hints{background:#f5f2ec;border:1px solid rgba(42,37,32,.07);border-radius:10px}.session-hints-toggle{padding:12px 16px;font-size:13px;font-weight:500;color:#6b6560;font-family:DM Sans,sans-serif;cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px}.session-hints-toggle::-webkit-details-marker{display:none}.session-hints-toggle:before{content:"›";display:inline-block;font-size:16px;line-height:1;transition:transform .2s;color:#b8b3ad}.session-hints[open] .session-hints-toggle:before{transform:rotate(90deg)}.session-hints-toggle:hover{color:#1a1410}.session-hints-content{padding:0 16px 16px;display:flex;flex-direction:column;gap:14px}.session-hints .hints-category h5{margin:0 0 8px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#b8b3ad;font-family:DM Sans,sans-serif;font-weight:600}.session-hints .hints-category ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.session-hints .hints-category li{font-family:Fraunces,Georgia,serif;font-size:.95rem;font-weight:400;color:#1a1410;padding:5px 0;border-bottom:1px solid rgba(42,37,32,.05)}.session-hints .hints-category li:last-child{border-bottom:none}.error-banner{background:#b91c1c0f;border:1px solid rgba(185,28,28,.15);color:#b91c1c;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;font-family:DM Sans,sans-serif}.loading{display:flex;align-items:center;justify-content:center;min-height:60vh;font-size:18px;color:#b8b3ad;font-family:DM Sans,sans-serif}@media (min-width: 1024px){.listening-session-container{max-width:1200px}.session-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.session-left{position:sticky;top:88px}}@media (max-width: 768px){.listening-session-container{padding:16px}.listening-loading-container{padding-top:1.5rem;padding-bottom:2rem}.listening-loading-title{font-size:1.5rem}.listening-vocab-item-row{flex-wrap:wrap;gap:.4rem}.listening-vocab-word{font-size:1.2rem;min-width:0;width:100%}.transcript-content{font-size:1rem;padding:16px 18px}.play-button{width:48px;height:48px}}.daily-complete-screen{display:flex;align-items:center;justify-content:center;min-height:70vh}.daily-complete-inner{text-align:center;max-width:420px;padding:3rem 2rem}.daily-complete-check{font-size:2.5rem;color:#e8a87c;margin-bottom:1.5rem;line-height:1}.daily-complete-title{font-family:Fraunces,Georgia,serif;font-size:2rem;font-weight:600;color:#1a1410;margin:0 0 .75rem;letter-spacing:-.02em}.daily-complete-subtitle{font-family:DM Sans,sans-serif;font-size:1rem;color:#6b6560;margin:0 0 2rem;line-height:1.6}.daily-complete-home-btn{font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:500;background:#e8a87c;color:#fff;border:none;border-radius:8px;padding:.65rem 1.75rem;cursor:pointer;transition:opacity .15s}.daily-complete-home-btn:hover{opacity:.88}.quiz-container{max-width:560px;margin:0 auto;padding:2.5rem 1.5rem 3rem}.quiz-progress{height:3px;background:#2a25200f;border-radius:2px;overflow:hidden;margin-bottom:.5rem}.quiz-progress-bar{height:100%;background:#e8a87c;border-radius:2px;transition:width .3s ease}.quiz-progress-label{font-family:DM Sans,-apple-system,sans-serif;font-size:.72rem;color:#b8b3ad;text-align:right;margin:0 0 2rem;letter-spacing:.04em}.quiz-question{margin-bottom:1.75rem}.quiz-context-passage{font-family:Fraunces,Georgia,serif;font-size:1.05rem;font-weight:300;color:#2a2520;line-height:1.6;margin:0 0 1.25rem;padding:1rem 1.25rem;background:#2a252006;border-left:2.5px solid rgba(232,168,124,.45);border-radius:0 8px 8px 0}.quiz-stem-target{font-family:Fraunces,Georgia,serif;font-size:1.25rem;font-weight:300;font-style:italic;color:#1a1410;line-height:1.5;margin:0 0 .5rem}.quiz-options{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.5rem}.quiz-option{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.15rem;background:#2a252006;border:1px solid rgba(42,37,32,.09);border-radius:10px;cursor:pointer;text-align:left;transition:all .18s ease}.quiz-option:hover{background:#2a25200e;border-color:#2a252029;transform:translate(2px)}.quiz-option.selected{background:#e8a87c17;border-color:#e8a87c8c;box-shadow:0 0 0 3px #e8a87c17}.quiz-option:disabled{opacity:.5;cursor:not-allowed;transform:none}.quiz-option-letter{font-family:Fraunces,Georgia,serif;font-size:.92rem;color:#b8b3ad;min-width:18px;flex-shrink:0;padding-top:.05em;transition:color .18s ease}.quiz-option.selected .quiz-option-letter{color:#c48b58}.quiz-option-target{font-family:Fraunces,Georgia,serif;font-size:.95rem;color:#2a2520;line-height:1.4}.quiz-confirm-btn{display:block;width:100%;max-width:260px;margin:0 auto;padding:.8rem 2rem;background:#e8a87c;border:none;border-radius:8px;color:#1a120a;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .18s ease;font-family:DM Sans,-apple-system,sans-serif;letter-spacing:.01em;opacity:0;animation:quizFadeIn .25s ease forwards}.quiz-confirm-btn:hover:not(:disabled){background:#ebb98f;transform:translateY(-1px);box-shadow:0 4px 14px #e8a87c38}.quiz-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.quiz-results{text-align:center;padding:2rem 0}.quiz-results-score{display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin-bottom:.75rem}.quiz-results-number{font-family:Fraunces,Georgia,serif;font-size:3.5rem;font-weight:300;color:#1a1410;line-height:1}.quiz-results-total{font-family:DM Sans,-apple-system,sans-serif;font-size:1.1rem;color:#b8b3ad}.quiz-results-label{font-family:Fraunces,Georgia,serif;font-size:1.15rem;font-style:italic;color:#6b6560;margin:0 0 .75rem}.quiz-results-rationale{font-family:DM Sans,-apple-system,sans-serif;font-size:.8rem;color:#b8b3ad;margin:0 0 1.5rem;line-height:1.45;max-width:420px;margin-left:auto;margin-right:auto}.quiz-continue-btn{display:inline-block;padding:.75rem 2rem;background:#2a25200f;border:1px solid rgba(42,37,32,.1);border-radius:8px;color:#2a2520;font-size:.88rem;font-weight:500;cursor:pointer;transition:all .18s ease;font-family:DM Sans,-apple-system,sans-serif}.quiz-continue-btn:hover{background:#2a25201a;transform:translateY(-1px)}@keyframes quizFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.quiz-container{padding:2rem 1rem}.quiz-context-passage{font-size:.95rem;padding:.85rem 1rem}.quiz-stem-target{font-size:1.1rem}.quiz-option{padding:.8rem 1rem}.quiz-confirm-btn{max-width:100%}.quiz-results-number{font-size:2.8rem}}.narrative-loading-container{max-width:520px;margin:0 auto;padding:3.5rem 1.5rem 3rem}.narrative-loading-header{text-align:center;margin-bottom:2.25rem}.narrative-loading-eyebrow{font-family:DM Sans,-apple-system,sans-serif;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#b8b3ad;margin:0 0 .6rem}.narrative-loading-title{font-family:Fraunces,Georgia,serif;font-size:2.4rem;font-weight:300;font-style:italic;color:#1a1410;margin:0 0 .25rem;line-height:1.15}.narrative-loading-subtitle{font-family:DM Sans,-apple-system,sans-serif;font-size:.85rem;color:#b8b3ad;margin:0 0 .75rem;letter-spacing:.02em}.narrative-loading-desc{font-family:Fraunces,Georgia,serif;font-size:1rem;font-style:italic;color:#6b6560;margin:0;line-height:1.5}.narrative-preview-list{border-top:1px solid rgba(42,37,32,.08);padding-top:.5rem;margin-bottom:.25rem}.narrative-preview-item{display:flex;align-items:baseline;gap:.75rem;padding:.6rem 0;border-bottom:1px solid rgba(42,37,32,.05);opacity:0;animation:narrativeFadeUp .3s ease forwards}.narrative-preview-item:nth-child(1){animation-delay:.04s}.narrative-preview-item:nth-child(2){animation-delay:.1s}.narrative-preview-item:nth-child(3){animation-delay:.16s}.narrative-preview-item:nth-child(4){animation-delay:.22s}.narrative-preview-item:nth-child(5){animation-delay:.28s}@keyframes narrativeFadeUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.narrative-preview-name{font-family:Fraunces,Georgia,serif;font-size:1.05rem;color:#1a1410;min-width:140px;flex-shrink:0}.narrative-preview-desc{font-family:DM Sans,-apple-system,sans-serif;font-size:.82rem;color:#9b9591;font-style:italic}.narrative-generation-status{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-top:2rem;font-family:DM Sans,-apple-system,sans-serif;font-size:.82rem;color:#b8b3ad;letter-spacing:.02em}.episode-resolving{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:5rem 1rem 3rem;text-align:center}.episode-resolving-label{font-family:DM Sans,-apple-system,sans-serif;font-size:.9rem;color:#9b9591;margin:0;letter-spacing:.02em}.episode-resolving-choice{font-family:DM Sans,-apple-system,sans-serif;font-size:.82rem;color:#c4bfb9;margin:0}.episode-resolving-choice em{font-style:normal;color:#9b9591}.episode-decision-section{max-width:680px;margin:0 auto;padding:2.5rem 1rem 2rem;border-top:1px solid rgba(42,37,32,.08)}.episode-decision-prompt{font-family:Fraunces,Georgia,serif;font-size:1.2rem;font-style:italic;font-weight:300;color:#2a2520;text-align:center;line-height:1.55;margin:0 0 1.75rem}.episode-choices{display:flex;flex-direction:column;gap:.65rem;margin-bottom:1.5rem}.episode-choice-btn{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background:#2a252006;border:1px solid rgba(42,37,32,.09);border-radius:10px;cursor:pointer;text-align:left;font-family:DM Sans,-apple-system,sans-serif;font-size:.95rem;color:#2a2520;line-height:1.45;transition:all .18s ease}.episode-choice-btn:hover{background:#2a25200e;border-color:#2a252029;transform:translate(2px)}.episode-choice-btn.selected{background:#e8a87c17;border-color:#e8a87c8c;box-shadow:0 0 0 3px #e8a87c17}.episode-choice-letter{font-family:Fraunces,Georgia,serif;font-size:.95rem;color:#b8b3ad;min-width:18px;flex-shrink:0;padding-top:.05em;transition:color .18s ease}.episode-choice-btn.selected .episode-choice-letter{color:#c48b58}.episode-confirm-btn{display:block;width:100%;max-width:280px;margin:0 auto;padding:.85rem 2rem;background:#e8a87c;border:none;border-radius:8px;color:#1a120a;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .18s ease;font-family:DM Sans,-apple-system,sans-serif;letter-spacing:.01em}.episode-confirm-btn:hover:not(:disabled){background:#ebb98f;transform:translateY(-1px);box-shadow:0 4px 14px #e8a87c38}.episode-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.episode-part-divider{display:flex;align-items:center;gap:.85rem;max-width:680px;margin:2.5rem auto;padding:0 1rem}.episode-part-divider-line{flex:1;height:1px;background:#2a252014}.episode-part-divider-label{font-family:DM Sans,-apple-system,sans-serif;font-size:.75rem;color:#c4bfb9;letter-spacing:.04em;white-space:nowrap}.episode-continue-section{max-width:680px;margin:0 auto;padding:2rem 1rem 1rem;border-top:1px solid rgba(42,37,32,.08)}@media (max-width: 768px){.narrative-loading-container{padding:2.5rem 1rem 2rem}.narrative-loading-title{font-size:1.9rem}.narrative-preview-name{min-width:120px;font-size:.95rem}.episode-decision-prompt{font-size:1.05rem}.episode-choice-btn{font-size:.9rem;padding:.85rem 1rem}.episode-confirm-btn{max-width:100%}}.session-listening-container{max-width:540px;margin:0 auto;padding:3rem 1.5rem;text-align:center}.session-listening-eyebrow{font-family:DM Sans,-apple-system,sans-serif;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#b8b3ad;margin:0 0 .5rem}.session-listening-title{font-family:Fraunces,Georgia,serif;font-size:1.8rem;font-weight:300;font-style:italic;color:#1a1410;margin:0 0 .4rem;line-height:1.2}.session-listening-subtitle{font-family:DM Sans,-apple-system,sans-serif;font-size:.85rem;color:#9b9591;margin:0 0 2rem;line-height:1.4}.session-listening-text{background:#2a252006;border:1px solid rgba(42,37,32,.07);border-radius:10px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;text-align:left}.session-listening-text p{font-family:Fraunces,Georgia,serif;font-size:1.05rem;color:#2a2520;line-height:1.65;margin:0}.session-audio-player{display:flex;align-items:center;gap:.75rem;background:#2a252009;border:1px solid rgba(42,37,32,.08);border-radius:12px;padding:.75rem 1rem;margin-bottom:1.75rem}.audio-play-btn{width:40px;height:40px;border-radius:50%;background:#1a1410;color:#faf8f5;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;transition:transform .15s ease}.audio-play-btn:hover{transform:scale(1.05)}.audio-progress-wrap{flex:1;display:flex;flex-direction:column;gap:.2rem}.audio-scrubber{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#2a25201f;border-radius:2px;outline:none;cursor:pointer}.audio-scrubber::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#1a1410;cursor:pointer}.audio-scrubber::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#1a1410;border:none;cursor:pointer}.audio-time{font-family:DM Sans,-apple-system,sans-serif;font-size:.68rem;color:#b8b3ad;text-align:right}.audio-speed-btn{background:#2a25200f;border:1px solid rgba(42,37,32,.1);border-radius:6px;padding:.25rem .5rem;font-family:DM Sans,-apple-system,sans-serif;font-size:.72rem;color:#6b6560;cursor:pointer;flex-shrink:0;transition:background .15s ease}.audio-speed-btn:hover{background:#2a25201a}.session-listening-continue{display:inline-block;padding:.8rem 2rem;background:#2a25200f;border:1px solid rgba(42,37,32,.1);border-radius:8px;color:#2a2520;font-size:.88rem;font-weight:500;cursor:pointer;transition:all .18s ease;font-family:DM Sans,-apple-system,sans-serif}.session-listening-continue:hover:not(:disabled){background:#2a25201a;transform:translateY(-1px)}.session-listening-continue:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 768px){.session-listening-container{padding:2rem 1rem}.session-listening-title{font-size:1.5rem}.session-audio-player{flex-wrap:wrap;gap:.5rem}.audio-progress-wrap{min-width:0}}*{box-sizing:border-box}:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-display: "Fraunces", Georgia, serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-bg: #0e0e11;--color-surface: #16161c;--color-surface-elevated: #1d1d26;--color-border: rgba(255, 255, 255, .07);--color-accent: #7C6BE8;--color-accent-warm: #E8A87C;--color-text-primary: #F0EDE8;--color-text-secondary: #9B9591;--bg-primary: #f3f4f6;--bg-secondary: #ffffff;--text-primary: #111827;--text-secondary: #6b7280;--border-color: #e5e7eb;--link-color: #3b82f6}[data-theme=dark]{--bg-primary: #1f2937;--bg-secondary: #111827;--text-primary: #f9fafb;--text-secondary: #9ca3af;--border-color: #374151;--link-color: #60a5fa}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}#root{min-height:100vh}a{color:var(--link-color);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}