:root{--cream:#faf7f2;--cream-transparent:#faf7f200;--paper:#fffdf9;--amber:#c8883a;--amber-soft:#f0c87a;--plum:#3d2645;--plum-mid:#5c3d6e;--plum-light:#eee6f5;--purple:#8a7cff;--text:#1e1a1a;--muted:#7a6e6e;--line:#e7ded4;--radius:18px;--hero-a:#030011;--hero-b:#0c0325;--hero-c:#1b0730}:root.dark{--cream:#0c0812;--cream-transparent:#0c081200;--paper:#150f1d;--amber:#e2a95c;--amber-soft:#f3ce96;--plum:#7a5494;--plum-mid:#9a73b5;--plum-light:#241930;--text:#f5f0f6;--muted:#91859c;--line:#2e223a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--text);-webkit-font-smoothing:antialiased;font-family:DM Sans,system-ui,sans-serif}.site-shell{min-height:100vh}.hero{background:linear-gradient(to bottom, var(--cream-transparent) 85%, var(--cream) 100%),radial-gradient(ellipse at 80% 0%,#7b4fd638,transparent 55%),radial-gradient(ellipse at 0% 100%,#c8883a1f,transparent 45%),linear-gradient(145deg,var(--hero-a),var(--hero-b) 50%,var(--hero-c));color:#fff;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.018'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4z'/%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 85%,#0000 100%);mask-image:linear-gradient(#000 85%,#0000 100%)}.hero-inner{z-index:1;max-width:1040px;margin:0 auto;padding:28px 24px 52px;position:relative}.hero-nav{justify-content:space-between;align-items:center;gap:16px;margin-bottom:44px;display:flex}.logo{filter:drop-shadow(0 0 12px #f0c87a40)brightness(1.1);width:85px}.nav-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.student-badge{color:#ffffffc7;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:40px;align-items:center;gap:7px;padding:7px 14px 7px 10px;font-size:.82rem;font-weight:600;display:flex}.badge-dot{background:var(--amber-soft);width:7px;height:7px;box-shadow:0 0 8px var(--amber-soft);border-radius:50%}.logout-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:999px;padding:8px 13px}.hero-grid{align-items:end;gap:28px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.28em;color:var(--amber);margin-bottom:16px;font-size:.72rem;font-weight:700}.hero-body h1{letter-spacing:-.02em;margin-bottom:18px;font-family:Playfair Display,serif;font-size:clamp(2.65rem,10vw,4.8rem);font-weight:600;line-height:1.03}.hero-body h1 em{color:var(--amber-soft);font-style:italic}.hero-sub{color:#ffffffb8;max-width:520px;font-size:.98rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.hero-actions button,.hero-actions .ghost{cursor:pointer;background:var(--paper);color:var(--plum);border:0;border-radius:999px;padding:12px 16px;font-weight:800;text-decoration:none}.hero-actions .ghost{color:#fff;background:0 0;border:1px solid #ffffff2e}.hero-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f051e59;border:1px solid #ffffff24;border-radius:28px;padding:22px}.hero-panel span{text-transform:uppercase;letter-spacing:.18em;color:var(--amber-soft);font-size:.68rem;font-weight:800}.hero-panel strong{color:#fff;margin:10px 0;font-family:Playfair Display,serif;font-size:1.7rem;display:block}.hero-panel p{color:#ffffffb8;line-height:1.55}main{max-width:1040px;margin:0 auto;padding:34px 20px 90px}.quick-grid{grid-template-columns:1fr;gap:14px;margin-bottom:34px;display:grid}.feature-card{border:1px solid var(--line);background:var(--paper);text-align:left;color:var(--text);cursor:pointer;border-radius:24px;flex-direction:column;gap:8px;padding:22px;text-decoration:none;display:flex;box-shadow:0 10px 28px #3d264512}.feature-icon{font-size:1.45rem}.feature-kicker,.section-heading p,.extra-exercise-card span{text-transform:uppercase;letter-spacing:.18em;color:var(--amber);font-size:.68rem;font-weight:900}.feature-card strong{color:var(--plum);font-family:Playfair Display,serif;font-size:1.45rem}.feature-card small{color:var(--muted);font-size:.86rem}.section-block,.dark-section,.glossary-panel{margin-top:34px}.section-heading{margin-bottom:20px}.section-heading h2{color:var(--plum);margin:8px 0;font-family:Playfair Display,serif;font-size:clamp(2rem,8vw,3.2rem);line-height:1}.section-heading span{color:var(--muted)}.section-heading.light h2,.section-heading.light span{color:#fff}.dark-section{color:#fff;background:radial-gradient(circle at 15% 15%,#8a7cff2e,#0000 32%),linear-gradient(145deg,#05002e,#18062d);border-radius:32px;padding:26px 20px;overflow:hidden}.weeks-grid,.extra-exercises-grid,.content-grid{gap:16px;display:grid}.week-card,.extra-exercise-card,.content-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 12px #3d26450f}.week-card{cursor:pointer;transition:all .2s}.week-card:hover{transform:translateY(-3px);box-shadow:0 14px 36px #3d26451f}.card-head{background:radial-gradient(ellipse at 100% 0%,#c8883a26,transparent 50%),linear-gradient(140deg,var(--plum),var(--plum-mid));padding:22px 20px}.card-number{text-transform:uppercase;letter-spacing:.22em;color:var(--amber-soft);margin-bottom:8px;font-size:.68rem;font-weight:700}.card-title{color:#fff;font-family:Playfair Display,serif;font-size:1.35rem;line-height:1.15}.card-body{padding:16px 20px 18px}.card-focus{color:var(--muted);margin-bottom:14px;font-size:.88rem;line-height:1.55}.card-icons{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.ricon{color:#a0611a;background:#fff0dc;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.82rem;font-weight:800;display:grid}.ricon-extra{color:#2d7158;background:#eaf7f1}.ricon-exercise{color:var(--amber);background:#fff8ec}.ricon-vocab{background:var(--plum-light);color:var(--plum)}.card-cta{border-top:1px solid var(--line);color:var(--plum);justify-content:space-between;padding-top:14px;font-size:.85rem;font-weight:700;display:flex}.extra-exercise-card,.content-card{padding:20px}.extra-exercise-card h3,.content-card h3{color:var(--plum);margin:8px 0;font-family:Playfair Display,serif;font-size:1.4rem}.extra-exercise-card p,.content-card p{color:var(--muted);margin-bottom:14px;font-size:.92rem;line-height:1.6}.extra-exercise-card a,.content-card a,.dark-cta-btn{background:var(--plum);color:#fff;border-radius:999px;padding:10px 14px;font-weight:800;text-decoration:none;display:inline-flex}.content-tabs{gap:8px;margin-bottom:14px;padding-bottom:10px;display:flex;overflow:auto}.content-tab{border:1px solid var(--line);background:var(--paper);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:999px;padding:10px 14px;font-weight:800}.content-tab.active{background:var(--plum);color:#fff;border-color:var(--plum)}.compact-cta{align-items:center;gap:20px;display:grid}.compact-cta h2{margin:6px 0;font-family:Playfair Display,serif;font-size:2rem}.compact-cta span{color:#ffffffbf}.dark-cta-btn{background:var(--paper);color:var(--plum);justify-content:center}.glossary-btn{text-align:left;background:var(--plum);color:#fff;cursor:pointer;border:0;border-radius:28px;justify-content:space-between;gap:16px;width:100%;padding:22px;display:flex}.glossary-btn span{text-transform:uppercase;letter-spacing:.18em;color:var(--amber-soft);font-size:.68rem;font-weight:900}.glossary-btn strong{margin:6px 0;font-family:Playfair Display,serif;font-size:1.35rem;display:block}.glossary-btn small{color:#ffffffa6}.glossary-section{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);margin-top:14px;overflow:hidden}.glossary-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 16px;display:flex}.glos-speak{cursor:pointer;background:0 0;border:0}.glos-word{color:var(--plum);min-width:110px;font-family:Playfair Display,serif;font-weight:700}.glos-trans{flex:1;font-size:.86rem}.glos-phonetic{color:var(--muted)}.glos-week-badge{text-transform:uppercase;letter-spacing:.1em;color:var(--amber);background:#fff8ec;border-radius:20px;padding:3px 8px;font-size:.65rem}.overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#0a0612b8;justify-content:center;align-items:flex-end;display:none;position:fixed;inset:0}.overlay.open{display:flex}.modal{background:var(--paper);border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-height:92vh;display:flex;position:relative;overflow:hidden;box-shadow:0 -8px 60px #0000004d}.modal-close{color:#fff;cursor:pointer;z-index:3;background:#ffffff2e;border:1px solid #ffffff40;border-radius:50%;width:36px;height:36px;position:absolute;top:12px;right:12px}.modal-aside{color:#fff;background:linear-gradient(155deg,#030011,#18062d);padding:52px 24px 18px}.aside-week{text-transform:uppercase;letter-spacing:.28em;color:var(--amber-soft);font-size:.7rem;font-weight:800}.aside-title{font-family:Playfair Display,serif;font-size:1.6rem;line-height:1.08}.aside-rule,.aside-focus,.aside-heart{display:none}.modal-body{padding:28px 24px 40px;overflow-y:auto}.resource-section{margin-bottom:26px}.res-title{text-transform:uppercase;letter-spacing:.2em;color:var(--plum);align-items:center;gap:8px;margin-bottom:10px;font-size:.68rem;font-weight:800;display:flex}.res-title:after{content:"";background:var(--line);flex:1;height:1px}.res-list{flex-direction:column;gap:8px;display:flex}.res-item{border:1px solid var(--line);background:var(--cream);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:.88rem;display:flex}.btn-open,.btn-download{color:var(--plum-mid);border:1px solid var(--plum-light);white-space:nowrap;border-radius:8px;padding:6px 10px;font-size:.82rem;font-weight:800;text-decoration:none}.btn-download{background:var(--amber);border-color:var(--amber);color:#fff!important}.exercise-list,.notes-list{flex-direction:column;gap:8px;list-style:none;display:flex}.exercise-list li,.notes-list li,.classwork-item{background:var(--cream);border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:.88rem;line-height:1.5}.exercise-list li:before{content:"✦";color:var(--amber);margin-right:8px}.yas-tip{border-left:3px solid var(--amber);color:#7a5520;background:#fff8ec;border-radius:0 10px 10px 0;margin-top:28px;padding:16px 18px;font-size:.86rem;line-height:1.6}.yas-tip strong{color:var(--amber);text-transform:uppercase;letter-spacing:.14em;margin-bottom:4px;font-size:.68rem;display:block}.classwork-instruction{color:var(--muted);margin-bottom:10px;font-size:.82rem;font-style:italic}.classwork-list{flex-direction:column;gap:8px;display:flex}.classwork-reveal-btn{background:var(--plum);color:#fff;cursor:pointer;border:0;border-radius:999px;margin-top:8px;padding:8px 12px;font-weight:800}.classwork-answer{color:#2d7158;margin-top:8px;font-weight:800}.vocab-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.vocab-card{cursor:pointer;perspective:600px;height:110px;position:relative}.vocab-front,.vocab-back{border:1px solid var(--line);backface-visibility:hidden;text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:8px 10px;transition:transform .42s;display:flex;position:absolute;inset:0}.vocab-front{background:var(--paper);transform:rotateY(0)}.vocab-back{background:var(--plum);border-color:var(--plum);transform:rotateY(180deg)}.vocab-card.flipped .vocab-front{transform:rotateY(-180deg)}.vocab-card.flipped .vocab-back{transform:rotateY(0)}.vocab-speak-btn{cursor:pointer;background:0 0;border:0;position:absolute;top:6px;right:6px}.vocab-word{color:var(--plum);font-family:Playfair Display,serif;font-weight:800;line-height:1.15}.vocab-phonetic{color:var(--muted);margin-top:4px;font-size:.68rem}.vocab-hint{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-top:6px;font-size:.58rem}.vocab-translation{color:var(--amber-soft);font-weight:800}.daily-aside{background:linear-gradient(155deg,#1a0800,#2d1000)!important}.daily-text{background:var(--cream);border:1px solid var(--line);border-left:3px solid var(--amber);border-radius:0 10px 10px 0;padding:16px 18px;font-size:.92rem;line-height:1.75}.daily-questions{flex-direction:column;gap:18px;display:flex}.daily-q-text{margin-bottom:10px;font-size:.9rem}.daily-options{flex-direction:column;gap:6px;display:flex}.daily-opt{background:var(--paper);border:1px solid var(--line);cursor:pointer;text-align:left;color:var(--text);border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:.88rem;display:flex}.opt-letter{background:var(--cream);border:1px solid var(--line);width:24px;height:24px;color:var(--plum);border-radius:50%;flex-shrink:0;place-items:center;font-size:.75rem;font-weight:800;display:grid}.daily-opt.correct{background:#eaf7f1;border-color:#2d7158}.daily-opt.correct .opt-letter{color:#fff;background:#2d7158}.daily-opt.wrong{background:#fdebeb;border-color:#9d2828}.daily-opt.wrong .opt-letter{color:#fff;background:#9d2828}.daily-feedback{margin-top:6px;font-size:.8rem;font-weight:700}.feedback-correct{color:#2d7158}.feedback-wrong{color:#9d2828}.daily-reset-btn{border:1.5px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;margin-top:24px;padding:10px 18px;font-weight:800}.fluency-card{position:relative;overflow:hidden}.fluency-card:after{content:"NEWS";letter-spacing:.16em;color:var(--amber);border:1px solid var(--line);background:#fff8ec;border-radius:999px;padding:4px 8px;font-size:.62rem;font-weight:900;position:absolute;top:16px;right:16px}.fluency-card .feature-icon{filter:drop-shadow(0 6px 12px #c8883a2e)}.floating-btns{z-index:50;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:20px}.float-btn{cursor:pointer;border:0;border-radius:50%;place-items:center;width:46px;height:46px;font-weight:900;text-decoration:none;display:grid;box-shadow:0 4px 16px #0000002e}.float-wa{color:#fff;background:#25d366}.float-top{background:var(--plum);color:#fff}@media (width>=640px){.hero-inner{padding:36px 7vw 72px}.logo{width:118px}.hero-grid{grid-template-columns:1.3fr .7fr}.quick-grid,.weeks-grid,.extra-exercises-grid,.content-grid{grid-template-columns:repeat(2,1fr)}.dark-section{padding:34px}.compact-cta{grid-template-columns:1fr auto}.overlay{align-items:center;padding:32px}.modal{border-radius:20px;flex-direction:row;width:min(900px,100%);max-height:86vh}.modal-aside{flex-direction:column;width:270px;padding:64px 32px 44px;display:flex}.aside-rule{background:var(--amber);width:40px;height:2px;margin:20px 0;display:block}.aside-focus{flex:1;display:block}.aside-focus strong{text-transform:uppercase;letter-spacing:.18em;color:var(--amber-soft);font-size:.7rem}.aside-focus p{color:#ffffffbf;margin-top:10px;font-size:.88rem;line-height:1.6}.aside-heart{color:var(--amber-soft);margin-top:28px;display:block}.modal-body{padding:48px 40px}.glossary-row{padding:12px 20px}}@media (width>=900px){.quick-grid{grid-template-columns:repeat(4,1fr)}.weeks-grid{grid-template-columns:repeat(3,1fr)}}.navbar{z-index:1000;background:#0d071a;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:80px;padding:0 40px;font-family:Inter,sans-serif;display:flex;position:sticky;top:0}.nav-left{align-items:center;gap:40px;height:100%;display:flex}.nav-links{gap:30px;height:100%;display:flex}.nav-actions-container{align-items:center;gap:25px;display:flex}.hamburger{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:none}.mobile-menu{display:none}@media (width<=768px){.navbar{padding:0 20px}.nav-links{display:none}.hamburger{margin-left:10px;display:block}.nav-actions-container{gap:10px}.search-input{width:140px!important}.mobile-menu.open{z-index:999;background:#0d071a;border-bottom:1px solid #ffffff1a;flex-direction:column;gap:20px;padding:20px;display:flex;position:absolute;top:80px;left:0;right:0;box-shadow:0 10px 20px #00000080}.mobile-menu.open a{color:#fff;border-bottom:1px solid #ffffff0d;padding-bottom:10px;font-size:1.1rem;font-weight:500;text-decoration:none}.hide-on-mobile{display:none!important}.episode-grid{scroll-snap-type:x mandatory;padding-bottom:20px;overflow-x:auto;grid-template-columns:none!important;display:flex!important}.episode-grid::-webkit-scrollbar{display:none}.episode-grid>div{scroll-snap-align:start;flex:0 0 280px}.streak-pill-container{gap:6px!important;padding:4px 10px 4px 4px!important}.streak-pill-svg-wrap,.streak-pill-svg-wrap svg{width:32px!important;height:32px!important}.streak-pill-svg-wrap span{font-size:.8rem!important}.streak-pill-text span:first-child{font-size:.6rem!important}.streak-pill-text span:last-child{font-size:.75rem!important}}