@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#252520;font-synthesis:none;--ink:#252520;--muted:#74746e;--line:#e7e6dd;--cream:#f8f8f4;--paper:#fff;--brand:#27804f;--brand-strong:#1f6841;--brand-soft:#e7f3ec;--brand-contrast:#fff;--focus-ring:#a8d5ba;--coral:var(--brand);--coral-dark:var(--brand-strong);--sage:#507c67;background:#f8f8f4;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh}.topbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#fffffff0;grid-template-columns:245px 1fr auto;align-items:center;gap:36px;height:72px;padding:0 32px;display:grid;position:fixed;inset:0 0 auto}.logo{letter-spacing:-.8px;white-space:nowrap;align-items:center;gap:10px;font:800 22px Manrope;display:flex}.logo-button{cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.logo>span:last-child>span{color:var(--coral)}.logo-mark{border-radius:9px;width:30px;height:30px;display:block;overflow:hidden}.logo-mark img{object-fit:cover;width:100%;height:100%;display:block}.header-search{color:#8b8b84;background:#f4f4ef;border:1px solid #0000;border-radius:10px;justify-self:center;align-items:center;gap:10px;width:min(540px,100%);height:42px;padding:0 12px;display:flex}.header-search:focus-within{background:#fff;border-color:#c8c8be;box-shadow:0 0 0 3px #ecece6}.header-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.header-search kbd,.shortcut kbd{color:#85857e;background:#fff;border:1px solid #d9d8d0;border-bottom-width:2px;border-radius:5px;padding:3px 6px;font:500 11px DM Sans}.header-actions{align-items:center;gap:14px;display:flex}.locale-select{border:1px solid var(--line);color:#686861;background:#fff;border-radius:9px;align-items:center;gap:6px;height:38px;padding:0 8px 0 10px;display:flex;position:relative}.locale-select select{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;outline:0;padding-right:17px;font-size:11px;font-weight:700}.locale-select svg:last-child{pointer-events:none;position:absolute;right:7px}.landing-actions,.practice-user-actions{align-items:center;gap:9px;display:flex}.login-button,.leaderboard-button{border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:#fff;border-radius:9px;align-items:center;gap:7px;height:38px;padding:0 12px;font-size:11px;font-weight:700;display:flex}.platform-link{height:38px;color:var(--ink);white-space:nowrap;border:1px solid #0000;border-radius:9px;align-items:center;padding:0 12px;font-size:11px;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:flex}.leaderboard-button{color:#684e20;background:#f5e7c8;border-color:#e8d4a5}.leaderboard-button:hover{background:#efdbad;border-color:#ddc181}.leaderboard-button:focus-visible,.platform-link:focus-visible,.leaderboard-nav-item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.platform-link-write{color:#27633d;background:#e2f1e7;border-color:#b9d9c2}.platform-link-write:hover{background:#d0e9d9;border-color:#9fc9ad;transform:translateY(-1px)}.platform-link-talk{color:#215565;background:#dcecf0;border-color:#b9d9df}.platform-link-talk:hover{background:#c9e3e8;border-color:#9fcbd3;transform:translateY(-1px)}.nav-item.leaderboard-nav-item{color:#684e20;background:#f5e7c8;font-weight:700}.nav-item.leaderboard-nav-item:hover{color:#684e20;background:#efdbad}.nav-item.platform-link{height:42px}.nav-item.platform-link-write{color:#27633d;background:#e2f1e7}.nav-item.platform-link-write:hover{color:#27633d;background:#d0e9d9}.nav-item.platform-link-talk{color:#215565;background:#dcecf0}.nav-item.platform-link-talk:hover{color:#215565;background:#c9e3e8}.login-button{color:#fff;background:#2f604e;border-color:#2f604e}.leaderboard-button:hover{background:#f5f3ec}.account-wrap{position:relative}.avatar{cursor:pointer;place-items:center;display:grid;overflow:hidden}.avatar img,.mini-avatar img,.leader-avatar img{object-fit:cover;width:100%;height:100%}.avatar-loading{background:#ecebe4;animation:1.2s infinite pulse;display:block}.account-popover{z-index:45;border:1px solid var(--line);background:#fff;border-radius:13px;width:250px;padding:9px;position:absolute;top:48px;right:0;box-shadow:0 18px 45px #2630292b}.account-summary{border-bottom:1px solid var(--line);align-items:center;gap:10px;margin-bottom:5px;padding:7px 7px 13px;display:flex}.mini-avatar{color:#fff;background:#2f604e;border-radius:50%;flex:0 0 37px;place-items:center;width:37px;height:37px;font-size:11px;font-weight:800;display:grid;overflow:hidden}.account-summary>div{flex-direction:column;min-width:0;display:flex}.account-summary b,.account-summary small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-summary b{font-size:12px}.account-summary small{color:var(--muted);margin-top:2px;font-size:9px}.account-popover>button{cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;width:100%;height:38px;padding:0 9px;font-size:11px;display:flex}.account-popover>button:hover{background:#f3f2ec}.account-popover>button.logout-item{color:#ac4b40}.name-modal{width:min(440px,100%)}.name-modal>input{border:1px solid #d8d7cf;border-radius:9px;outline:0;width:100%;height:45px;padding:0 13px}.name-modal>input:focus{border-color:#729680;box-shadow:0 0 0 3px #e8f0eb}.form-error{color:#b84f42;margin:7px 0 0;font-size:10px}.modal-actions{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.modal-actions>button:not(.primary-button){border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;padding:0 14px}.leaderboard-modal{width:min(650px,100%)}.leaderboard-modal>.overline{align-items:center;gap:5px;display:flex}.period-tabs{background:#f1f1eb;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:5px;margin:20px 0;padding:4px;display:grid}.period-tabs button{color:#77776f;cursor:pointer;background:0 0;border:0;border-radius:7px;height:34px;font-size:11px;font-weight:700}.period-tabs button.active{color:#92503f;background:#fff;box-shadow:0 2px 7px #0001}.leader-list{min-height:300px}.leader-row{border-bottom:1px solid #eeede7;border-radius:8px;align-items:center;gap:11px;min-height:58px;padding:8px 10px;display:flex}.rank{text-align:center;color:#888;flex:0 0 29px;font-size:12px;font-weight:800}.rank-1,.rank-2,.rank-3{font-size:20px}.leader-avatar{color:#456c59;background:#e6ece8;border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:10px;font-weight:800;display:grid;overflow:hidden}.leader-name{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.leader-name b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.leader-name small{color:var(--muted);font-size:9px}.leader-row>strong{color:#c25a47;font:800 13px Manrope}.leader-row>strong small{font-size:8px}.current-rank{border-top:1px solid var(--line);margin-top:13px;padding-top:12px}.current-rank>small{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;font-size:9px;display:block}.empty-leaders{color:#9b9a92;place-content:center;justify-items:center;height:280px;display:grid}.empty-leaders p{font-size:11px}.leader-skeleton{background:linear-gradient(90deg,#f0efe9,#fafaf7,#f0efe9) 0 0/200%;border-radius:8px;height:50px;margin:6px 0;animation:1.2s infinite shimmer}@keyframes shimmer{to{background-position:-200%}}@keyframes pulse{50%{opacity:.55}}.account-pill{border:1px solid var(--line);background:var(--paper);max-width:190px;height:42px;color:var(--ink);border-radius:10px;align-items:center;padding:3px;display:flex}.account-trigger{min-width:0;height:34px;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 8px 0 0;display:flex}.account-trigger-avatar{color:#fff;background:#2f604e;border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;font-size:10px;font-weight:800;display:grid;overflow:hidden}.account-trigger-avatar img{object-fit:cover;width:100%;height:100%}.account-trigger-name{max-width:94px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.account-quick-logout{background:var(--cream);width:34px;height:34px;color:var(--muted);cursor:pointer;border:0;border-radius:7px;flex:0 0 34px;place-items:center;padding:0;display:grid}.account-trigger:hover .account-trigger-name{color:var(--brand-strong)}.account-quick-logout:hover{background:var(--brand-soft);color:var(--brand-strong)}.account-trigger:focus-visible,.account-quick-logout:focus-visible{outline:3px solid var(--focus-ring);outline-offset:1px}.account-pill-loading{width:150px}.account-pill-loading>span:last-child{background:var(--line);border-radius:8px;width:72px;height:8px;margin:0 9px}.language-home{background:radial-gradient(circle at 50% 0,#fff 0,#faf9f4 38%,#f3f2ea 100%);min-height:100vh;position:relative;overflow:hidden}.landing-header{z-index:3;justify-content:space-between;align-items:center;max-width:1220px;height:76px;margin:auto;padding:0 25px;display:flex;position:relative}.learning-page-header{z-index:20;border-bottom:1px solid var(--line);background:#fff;position:relative}.learning-page-header .landing-header{max-width:none}.learning-brand{align-items:center;gap:14px;display:flex}.logo-home{cursor:pointer;background:0 0;border:0;padding:0}.dictation-button{border:1px solid var(--line);color:#2f604e;cursor:pointer;white-space:nowrap;background:#fff;border-radius:9px;align-items:center;gap:7px;height:38px;padding:0 12px;font-size:11px;font-weight:700;display:flex}.dictation-button:hover{background:#f3f7f4}.learning-page .content-shell{min-height:calc(100vh - 77px)}.landing-main{z-index:2;text-align:center;width:min(1050px,100% - 40px);margin:0 auto;padding:clamp(55px,8vh,90px) 0 65px;position:relative}.landing-badge{color:#9a4c3d;letter-spacing:1.25px;background:#f6e6e1;border-radius:20px;align-items:center;gap:8px;width:max-content;margin:0 auto 20px;padding:7px 12px;font:800 9px Manrope;display:flex}.landing-main h1{letter-spacing:-2.8px;max-width:760px;margin:0 auto 15px;font-size:clamp(38px,5vw,64px);line-height:1.08}.landing-main>p{max-width:610px;color:var(--muted);margin:auto;font-size:17px;line-height:1.55}.language-grid{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:52px;display:grid}.language-card{--language-color:#e36c56;cursor:pointer;min-height:355px;animation:.5s both card-in;animation-delay:var(--delay);background:#ffffffe0;border:1px solid #e5e3da;border-radius:20px;flex-direction:column;align-items:flex-start;padding:27px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 35px #3e463c0d}.language-card:before{content:"";background:var(--language-color);height:5px;position:absolute;inset:0 0 auto}.language-card:after{content:"";background:color-mix(in srgb,var(--language-color) 10%,transparent);border-radius:50%;width:160px;height:160px;position:absolute;top:-70px;right:-65px}.language-card:hover{border-color:color-mix(in srgb,var(--language-color) 45%,#ddd);transform:translateY(-7px);box-shadow:0 22px 45px #3e463c1b}.flag-orb{background:#f7f6f0;border-radius:18px;place-items:center;width:66px;height:66px;font-size:35px;display:grid;box-shadow:inset 0 0 0 1px #ebe9df}.language-title{align-items:baseline;gap:9px;margin-top:25px;display:flex}.language-title b{font:800 25px Manrope}.language-title small{color:#97968e;font-weight:600}.language-description{min-height:49px;color:var(--muted);margin-top:9px;font-size:13px;line-height:1.5}.language-stats{color:#85857d;gap:14px;margin-top:18px;font-size:10px;display:flex}.language-stats span{align-items:center;gap:5px;display:flex}.language-cta{border-top:1px solid var(--line);width:100%;color:var(--language-color);justify-content:space-between;align-items:center;margin-top:auto;padding-top:19px;font-size:13px;font-weight:800;display:flex}.landing-note{color:#8e8e86;justify-content:center;align-items:center;gap:7px;margin:32px auto 0;font-size:11px;display:flex}.landing-shape{filter:blur(1px);border-radius:50%;position:absolute}.shape-one{background:#e9b7a52c;width:360px;height:360px;top:20%;left:-190px}.shape-two{background:#7fa89320;width:430px;height:430px;bottom:-70px;right:-240px}@keyframes card-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.streak-pill{color:#e68431;background:#fff6e5;border:1px solid #f5dfb6;border-radius:10px;align-items:center;gap:5px;height:38px;padding:0 12px;display:flex}.streak-pill span{color:#8e7a61;font-size:12px}.avatar{color:#fff;background:#2f604e;border:0;border-radius:50%;width:38px;height:38px;font-weight:700}.sidebar{z-index:15;border-right:1px solid var(--line);background:#fbfbf8;flex-direction:column;width:246px;padding:28px 18px 18px;display:flex;position:fixed;top:72px;bottom:0;left:0}.sidebar nav{flex:1}.nav-label{letter-spacing:1.35px;color:#a2a29b;text-transform:uppercase;margin:4px 13px 9px;font:700 10px Manrope}.nav-label:not(:first-child){margin-top:29px}.nav-item{color:#64645e;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;min-height:42px;margin:2px 0;padding:0 12px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{color:var(--ink);background:#f0f0ea}.nav-item.active{color:#924939;background:#f1eae4;font-weight:700}.nav-item .count{color:#a06a5f;background:#fff8f5;border-radius:20px;margin-left:auto;padding:2px 8px;font-size:11px}.topic-dot{border-radius:50%;width:8px;height:8px;margin-left:4px}.topic-dot.coral{background:#e96d58}.topic-dot.blue{background:#68a1c3}.topic-dot.yellow{background:#d5a63e}.topic-dot.green{background:#6ba07e}.topic.active-topic{color:var(--ink);font-weight:600}.sidebar-bottom{border-top:1px solid var(--line);padding-top:12px}.close-nav,.mobile-only{display:none!important}.library-main{margin:72px 0 0 246px;padding:50px clamp(34px,5vw,86px) 25px}.welcome-row{justify-content:space-between;align-items:flex-end;max-width:1180px;margin:auto;display:flex}.eyebrow,.overline{color:var(--coral);letter-spacing:1.7px;margin:0 0 12px;font:800 10px Manrope;display:block}h1,h2,h3{font-family:Manrope,sans-serif}.welcome-row h1{letter-spacing:-2px;margin:0 0 10px;font-size:clamp(34px,4vw,52px);line-height:1.05}.welcome-row>div:first-child>p:last-child{color:var(--muted);margin:0;font-size:16px}.weekly-card{border:1px solid var(--line);background:#fff;border-radius:13px;align-items:center;gap:13px;padding:10px 15px 10px 10px;display:flex;box-shadow:0 6px 20px #3332}.week-ring{text-align:center;border:5px solid #9bbcab;border-right-color:#e5ebe7;border-radius:50%;place-content:center;width:49px;height:49px;line-height:.9;display:grid;transform:rotate(-12deg)}.week-ring>*{transform:rotate(12deg)}.week-ring span{font-weight:800}.week-ring small{color:var(--muted);font-size:8px}.weekly-card>div:last-child{flex-direction:column;gap:2px;font-size:13px;display:flex}.weekly-card>div:last-child span{color:var(--muted);font-size:11px}.featured-card{color:#fff;background:#264c3f;border-radius:22px;grid-template-columns:55% 45%;max-width:1180px;min-height:322px;margin:38px auto 47px;display:grid;overflow:hidden;box-shadow:0 16px 35px #2042332b}.featured-copy{z-index:2;padding:35px 43px;position:relative}.featured-tag{text-transform:uppercase;letter-spacing:1px;color:#ffe0a3;align-items:center;gap:7px;margin-bottom:20px;font-size:11px;display:inline-flex}.featured-copy .level-badge{vertical-align:middle;margin-bottom:8px}.featured-copy h2{letter-spacing:-1px;margin:4px 0 8px;font-size:33px;line-height:1.15}.featured-copy>p{color:#cbd9d3;max-width:500px;margin:0 0 17px}.meta-row{color:#c0d3ca;gap:18px;margin-bottom:24px;font-size:12px;display:flex}.meta-row span{align-items:center;gap:6px;display:flex}.primary-button{background:var(--coral);color:#fff;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:0 19px;font-weight:700;transition:transform .15s,background .15s;display:inline-flex;box-shadow:0 4px 10px #c63f2c33}.primary-button:hover{background:#df5943;transform:translateY(-1px)}.primary-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.featured-art{background:linear-gradient(145deg,#3c6f5b,#23463a);position:relative;overflow:hidden}.featured-art:before{content:"";background:radial-gradient(circle at 70% 20%,#fff2 0 1px,#0000 2px) 0 0/30px 30px;position:absolute;inset:0}.sun{background:#f5c66a;border-radius:50%;width:92px;height:92px;position:absolute;top:38px;right:60px;box-shadow:0 0 0 17px #f4c66a1b}.hill{border-radius:50% 50% 0 0;position:absolute}.hill.one{background:#7d9e79;width:410px;height:190px;bottom:-85px;left:-30px;transform:rotate(7deg)}.hill.two{background:#d9a253;width:360px;height:175px;bottom:-95px;right:-90px;transform:rotate(-9deg)}.art-emoji{filter:drop-shadow(0 10px 8px #0003);font-size:72px;position:absolute;bottom:82px;right:92px}.sound-wave{align-items:center;gap:5px;display:flex;position:absolute;top:55px;left:66px}.sound-wave i{background:#f7d587;border-radius:4px;width:3px;display:block}.sound-wave i:first-child,.sound-wave i:nth-child(5){height:9px}.sound-wave i:nth-child(2),.sound-wave i:nth-child(4){height:21px}.sound-wave i:nth-child(3){height:33px}.person{position:absolute;bottom:62px;left:65px}.person .head{background:#d99364;border-radius:50%;width:25px;height:25px;position:absolute;top:-27px;left:7px}.person .body{background:#eae3c4;border-radius:15px 15px 7px 7px;width:39px;height:70px;display:block}.person .leg{background:#333b38;width:11px;height:50px;position:absolute;top:58px}.person .leg.l{left:5px;transform:rotate(5deg)}.person .leg.r{right:5px;transform:rotate(-5deg)}.lessons-section{max-width:1180px;margin:auto}.section-heading{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.section-heading>div:first-child{align-items:baseline;gap:12px;display:flex}.section-heading h2{letter-spacing:-.7px;margin:0;font-size:25px}.section-heading>div:first-child span{color:var(--muted);font-size:12px}.filter-row{gap:10px;display:flex}.select-wrap{border:1px solid var(--line);height:40px;color:var(--muted);background:#fff;border-radius:9px;align-items:center;gap:7px;padding:0 10px 0 13px;font-size:11px;display:flex;position:relative}.select-wrap select{appearance:none;color:var(--ink);cursor:pointer;background:0 0;border:0;outline:0;padding-right:17px;font-weight:700}.select-wrap svg{pointer-events:none;position:absolute;right:7px}.lesson-group{margin-bottom:36px}.group-title{text-transform:uppercase;letter-spacing:1.1px;color:#8b8b83;align-items:center;gap:13px;margin-bottom:13px;font:700 11px Manrope;display:flex}.group-title i{background:var(--line);flex:1;height:1px;display:block}.lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.lesson-card{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;align-items:flex-start;min-height:190px;padding:21px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.lesson-card:hover{border-color:#d6d3c5;transform:translateY(-3px);box-shadow:0 12px 30px #2c302719}.lesson-number{color:#b8b7ae;letter-spacing:1px;font:800 10px Manrope}.lesson-emoji{font-size:28px;position:absolute;top:16px;right:19px}.level-badge{letter-spacing:.5px;border-radius:5px;padding:4px 8px;font-size:9px;font-weight:800;display:inline-flex}.lesson-card .level-badge{margin-top:14px}.level-badge.mint{color:#41745b;background:#e4f3ea}.level-badge.sky{color:#3f7082;background:#e5f1f5}.level-badge.amber{color:#a16d25;background:#fff0d2}.level-badge.rose{color:#a75044;background:#f9e1dd}.lesson-copy{flex-direction:column;gap:5px;margin-top:10px;padding-right:10px;display:flex}.lesson-copy b{font:700 16px Manrope}.lesson-copy small{color:var(--muted);line-height:1.35}.lesson-meta{color:#8d8d85;gap:13px;margin-top:auto;font-size:11px;display:flex}.lesson-meta span{align-items:center;gap:4px;display:flex}.card-progress{background:#f1f1eb;height:3px;position:absolute;bottom:0;left:0;right:0}.card-progress i{background:#69957f;height:100%;display:block}.start-circle{color:#6c6c66;background:#f5f4ee;border-radius:50%;place-items:center;width:29px;height:29px;display:grid;position:absolute;bottom:16px;right:16px}.empty-state{text-align:center;color:var(--muted);border:1px dashed #ccc;border-radius:16px;padding:60px}.empty-state h3{color:var(--ink);margin:10px 0 5px}.empty-state p{margin:0}footer{border-top:1px solid var(--line);color:#a0a098;text-align:center;margin-top:70px;padding:25px 0;font-size:11px}.practice-shell{background:#f7f7f3;min-height:100vh}.practice-header{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:210px 115px 1fr 180px 42px;align-items:center;gap:20px;height:72px;padding:0 28px;display:grid}.back-link{color:#77776f;cursor:pointer;background:0;border:0;align-items:center;gap:7px;font-size:13px;display:flex}.practice-title{justify-self:center;align-items:center;gap:10px;display:flex}.practice-title>span{background:#f5eee4;border-radius:10px;place-items:center;width:38px;height:38px;font-size:21px;display:grid}.practice-title>div{flex-direction:column;gap:3px;display:flex}.practice-title b{font:700 14px Manrope}.practice-title small{color:var(--muted);align-items:center;gap:5px;font-size:10px;display:flex}.level-dot{border-radius:50%;width:7px;height:7px}.level-dot.mint{background:#5b9b77}.level-dot.sky{background:#5b94a9}.level-dot.amber{background:#d29137}.level-dot.rose{background:#cb6758}.header-progress>span{text-align:right;color:#8a8981;margin-bottom:5px;font-size:11px;display:block}.header-progress>div,.queue-progress{background:#eeeee8;border-radius:5px;height:5px;overflow:hidden}.header-progress i,.queue-progress i{background:#5d8d72;border-radius:5px;height:100%;display:block}.icon-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;place-items:center;width:40px;height:40px;padding:0;display:grid}.practice-main{grid-template-columns:minmax(550px,1fr) 330px;min-height:calc(100vh - 72px);display:grid}.practice-content{width:min(720px,100% - 60px);margin:0 auto;padding:50px 0}.step-label{color:#94948c;letter-spacing:1.4px;align-items:center;gap:13px;font:800 9px Manrope;display:flex}.step-label i{background:var(--line);flex:1;height:1px}.audio-stage{align-items:center;gap:18px;margin:48px 0 18px;display:flex}.play-main{background:var(--coral);color:#fff;cursor:pointer;border:0;border-radius:50%;flex:0 0 68px;place-items:center;width:68px;height:68px;transition:transform .2s;display:grid;box-shadow:0 7px 18px #d64b3438}.play-main:hover{transform:scale(1.04)}.play-main.playing{background:#d95540}.fake-wave{flex:1;align-items:center;gap:3px;height:55px;display:flex;overflow:hidden}.fake-wave i{background:#d7d7ce;border-radius:5px;flex:1;min-width:2px;max-width:5px}.fake-wave i:nth-child(3n){background:#a9bcb1}.audio-time{white-space:nowrap;color:#8c8c84;font-size:10px}.audio-tools{align-items:center;gap:8px;margin-left:86px;display:flex}.audio-tools button{border:1px solid var(--line);color:#686861;cursor:pointer;background:#fff;border-radius:7px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;display:flex}.audio-tools button.active{color:var(--coral);background:#fff8f6;border-color:#efb4a9}.shortcut{color:#aaa9a0;margin-left:auto;font-size:10px}.answer-panel{border:1px solid var(--line);background:#fff;border-radius:14px;margin-top:42px;padding:24px 24px 17px;transition:border-color .2s;box-shadow:0 8px 25px #34352d0b}.answer-panel.success{border-color:#9ac3aa}.answer-panel.retry{border-color:#e4aaa0}.answer-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.answer-heading label{font:700 13px Manrope}.answer-heading span{color:#aaa9a0;font-size:9px}.answer-panel textarea{resize:none;width:100%;height:130px;color:var(--ink);border:1px solid #deddd5;border-radius:9px;outline:0;padding:16px;line-height:1.6;display:block}.answer-panel textarea:focus{border-color:#7ea18f;box-shadow:0 0 0 3px #e9f0ec}.answer-panel textarea::placeholder{color:#bbb}.answer-footer{justify-content:space-between;align-items:center;min-height:50px;margin-top:13px;display:flex}.answer-footer>span{color:#999990;align-items:center;gap:7px;font-size:10px;display:flex}.answer-footer .primary-button{min-height:40px}.word-result{border:1px solid #deddd5;border-radius:9px;min-height:130px;padding:16px;font-size:18px;line-height:2.2}.word-result span{border-radius:3px;margin-right:6px;padding:3px 2px}.word-result .correct{color:#337554;background:#e9f5ed}.word-result .wrong{color:#bc4e3e;background:#fcebe8;text-decoration:line-through}.word-result .missing{color:#b1772a;border-bottom:2px dotted #d9a454}.score-message{align-items:center;gap:10px;display:flex}.score-icon{color:#3b7856;background:#e6f3ea;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.retry .score-icon{color:#ba4e3e;background:#f9e8e5}.score-message>div{flex-direction:column;display:flex}.score-message b{font:700 12px Manrope}.score-message b em{color:#3e845f;margin-left:4px;font-style:normal}.score-message small{color:var(--muted);margin-top:2px;font-size:10px}.help-row{justify-content:space-between;margin-top:17px;display:flex}.help-row button{color:#74746d;cursor:pointer;background:0;border:0;align-items:center;gap:7px;font-size:11px;display:flex}.help-row button:hover{color:var(--coral)}.sentence-list{border-left:1px solid var(--line);background:#fdfdfb;max-height:calc(100vh - 72px);padding:37px 24px;position:sticky;top:0;overflow:auto}.queue-heading{justify-content:space-between;align-items:flex-end;display:flex}.queue-heading>div{flex-direction:column;display:flex}.queue-heading .overline{color:#aaa;margin-bottom:5px}.queue-heading b{font:700 15px Manrope}.queue-heading>span{color:#55806a;font:700 11px Manrope}.queue-progress{margin:12px 0 19px}.queue-items{flex-direction:column;gap:5px;display:flex}.queue-items button{text-align:left;cursor:pointer;color:#9a9991;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;min-height:48px;padding:7px 9px;display:flex}.queue-items button:hover{background:#f3f3ed}.queue-items button.current{color:#8c473b;background:#f0e8e1}.queue-items button>span{border:1px solid #dddcd4;border-radius:50%;flex:0 0 25px;place-items:center;width:25px;height:25px;font-size:10px;display:grid}.queue-items button>span.done{color:#fff;background:#6c9b80;border-color:#6c9b80}.queue-items p{white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:10px;overflow:hidden}.tip-card{background:#fff8e8;border:1px solid #f0dfb9;border-radius:10px;gap:10px;margin-top:24px;padding:13px;display:flex}.tip-card>span{font-size:18px}.tip-card b{color:#816331;font:700 10px Manrope}.tip-card p{color:#8a7652;margin:3px 0 0;font-size:9px;line-height:1.4}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1f2823aa;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(620px,100%);max-height:85vh;padding:34px;position:relative;overflow:auto;box-shadow:0 30px 80px #0004}.modal-close{cursor:pointer;background:#f1f1eb;border:0;border-radius:50%;place-items:center;width:35px;height:35px;display:grid;position:absolute;top:18px;right:18px}.modal h2{margin:0 0 5px;font-size:26px}.modal-summary{color:var(--muted);margin:0 0 22px}.transcript-lines{flex-direction:column;display:flex}.transcript-lines button{border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:12px;padding:14px 4px;display:flex}.transcript-lines button:hover{background:#faf9f5}.transcript-lines button>span{background:#f1eee8;border-radius:50%;place-items:center;width:24px;height:24px;font-size:10px;display:grid}.transcript-lines button>div{flex-direction:column;flex:1;gap:3px;display:flex}.transcript-lines b{font-size:13px}.transcript-lines small{color:var(--muted)}.settings-modal{width:min(480px,100%)}.setting-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 0;display:flex}.setting-row>div{flex-direction:column;gap:3px;display:flex}.setting-row b{font-size:13px}.setting-row small{color:var(--muted)}.switch input{display:none}.switch i{cursor:pointer;background:#d4d4cc;border-radius:15px;width:40px;height:23px;display:block;position:relative}.switch i:after{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:all .2s;position:absolute;top:3px;left:3px}.switch input:checked+i:after{left:20px}.danger-button{color:#b54c3e;cursor:pointer;background:#fff8f7;border:1px solid #efc4bd;border-radius:8px;margin-top:12px;padding:10px 14px}.practice-header{grid-template-columns:180px 100px 1fr 160px 225px}@media (width<=1000px){.language-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.language-card{padding:22px}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-card{grid-template-columns:60% 40%}.practice-header{grid-template-columns:135px 65px 1fr 115px 175px;gap:8px}.practice-user-actions .locale-select svg:first-child{display:none}.practice-main{grid-template-columns:minmax(500px,1fr) 290px}}@media (width<=780px){.topbar{grid-template-columns:40px 1fr auto;gap:9px;height:64px;padding:0 15px}.topbar .logo{justify-self:center}.header-search{width:auto;position:absolute;top:75px;left:18px;right:18px;box-shadow:0 6px 20px #0002}.streak-pill span,.topbar .avatar{display:none}.mobile-only{display:grid!important}.sidebar{z-index:40;transition:transform .25s;top:0;transform:translate(-105%);box-shadow:20px 0 50px #0002}.sidebar.open{transform:translate(0)}.close-nav{position:absolute;top:13px;right:13px;display:grid!important}.sidebar nav{padding-top:30px}.nav-backdrop{z-index:35;background:#18221c88;border:0;position:fixed;inset:0}.library-main{margin:64px 0 0;padding:90px 18px 20px}.welcome-row{display:block}.weekly-card{width:max-content;margin-top:25px}.featured-card{grid-template-columns:1fr;margin-top:28px}.featured-copy{padding:29px 25px}.featured-copy h2{font-size:27px}.featured-art{min-height:190px}.section-heading{align-items:flex-start;gap:16px}.section-heading>div:first-child{display:block}.filter-row{flex-wrap:wrap;justify-content:flex-end}.lesson-grid{grid-template-columns:1fr}.practice-header{grid-template-columns:35px 1fr 90px;gap:8px;height:64px;padding:0 15px}.practice-header .logo{display:none}.back-link{padding:0;font-size:0}.practice-title{justify-self:start}.practice-title>span{width:32px;height:32px}.practice-title b{font-size:12px}.practice-main{display:block}.practice-content{width:calc(100% - 32px);padding:30px 0 45px}.sentence-list{border:0;border-top:1px solid var(--line);max-height:none;position:static}.audio-stage{gap:10px;margin:35px 0 15px}.play-main{flex-basis:58px;width:58px;height:58px}.fake-wave i:nth-child(2n){display:none}.audio-tools{margin-left:0}.shortcut{display:none}.answer-panel{margin-top:30px;padding:18px}.answer-footer{align-items:flex-end;gap:12px}.answer-footer>span{max-width:180px}.help-row{gap:10px}.help-row button{text-align:left}.practice-title small{display:none}}.login-button{background:var(--brand);color:var(--brand-contrast);border-color:var(--brand)}.login-button:hover,.login-button:focus-visible{background:var(--brand-strong);border-color:var(--brand-strong)}.primary-button,.play-main{background:var(--brand);color:var(--brand-contrast)}.primary-button:hover,.play-main:hover,.play-main.playing{background:var(--brand-strong)}.primary-button:focus-visible,.play-main:focus-visible,.login-button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.nav-item.active{background:var(--brand-soft);color:var(--brand-strong)}.period-tabs button.active{color:var(--brand-strong)}.leader-row.is-current{background:var(--brand-soft)}.switch input:checked+i{background:var(--brand)}.level-badge.mint{background:var(--brand-soft);color:var(--brand-strong)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.locale-select{background:0 0;border:0;min-width:156px;height:auto;padding:0;display:block;position:relative}.locale-trigger{border:1px solid var(--line);background:var(--paper);width:100%;min-height:42px;color:var(--ink);text-align:left;cursor:pointer;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-size:11px;font-weight:700;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.locale-trigger:hover{background:#f7f7f2}.locale-trigger:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-color:var(--brand)}.locale-value{align-items:center;gap:9px;min-width:0;display:flex}.locale-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.locale-flag{background:#eef0ec;border-radius:3px;flex:0 0 24px;place-items:center;width:24px;height:16px;font-size:16px;line-height:1;display:inline-grid;overflow:hidden;box-shadow:0 1px 2px #1f30240f}.locale-option .locale-flag{width:24px;height:16px}.locale-menu{z-index:70;border:1px solid var(--line);background:var(--paper);border-radius:10px;min-width:100%;padding:5px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 14px 34px #26302924}.locale-option{width:100%;min-height:38px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;padding:0 8px;font-size:11px;display:flex}.locale-option:hover,.locale-option.selected{background:var(--brand-soft);color:var(--brand-strong)}.locale-option:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}@media (width<=460px){.logo{font-size:19px}.logo-mark{width:27px;height:27px}.landing-main{width:calc(100% - 28px);padding-top:38px}.landing-main h1{letter-spacing:-1.7px;font-size:36px}.landing-main>p{font-size:14px}.language-grid{margin-top:32px}.language-card{min-height:315px}.welcome-row h1{font-size:36px}.featured-card{border-radius:16px}.meta-row{flex-wrap:wrap;gap:8px 15px}.section-heading{display:block}.filter-row{justify-content:flex-start;margin-top:15px}.audio-time{display:none}.word-result{font-size:16px}.answer-footer{display:block}.answer-footer .primary-button{width:100%;margin-top:12px}.score-message{margin-bottom:12px}.modal{padding:27px 20px}}@media (width<=780px){.language-grid{grid-template-columns:1fr}.language-card{min-height:300px}.landing-header{padding:0 16px}.landing-actions{gap:5px}.landing-actions .leaderboard-button{justify-content:center;width:38px;padding:0}.landing-actions .leaderboard-button span{display:none}.landing-actions .login-button{justify-content:center;width:38px;padding:0;font-size:0}.topbar .locale-select{padding-left:7px}.topbar .locale-select svg:first-child{display:none}.topbar .locale-select select{max-width:75px}.topbar .streak-pill{display:none}.topbar .account-wrap .avatar{display:grid}.practice-header{grid-template-columns:35px 1fr 42px}.practice-header>.logo-button,.practice-header>.header-progress,.practice-user-actions .locale-select{display:none}.practice-user-actions{grid-column:3}.practice-user-actions .login-button{justify-content:center;width:38px;padding:0;font-size:0}.practice-title{grid-area:1/2}.leaderboard-modal{padding-left:15px;padding-right:15px}.leader-row{padding-left:4px;padding-right:4px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.ranking-privacy{border-top:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:10px 8px;display:flex}.ranking-privacy>span:first-child{align-items:flex-start;gap:8px;display:flex}.ranking-privacy>span:first-child>span{flex-direction:column;gap:2px;display:flex}.ranking-privacy b{font-size:10px}.ranking-privacy small{color:var(--muted);font-size:8px;line-height:1.3}.ranking-privacy .switch{flex:0 0 40px}.audio-stage>audio,.audio-stage>.play-main,.audio-stage>.fake-wave,.audio-stage>.audio-time{display:none}.segment-player{align-items:center;gap:14px;width:100%;display:flex}.segment-player audio{display:none}.segment-player input[type=range]{accent-color:var(--accent,#df7059);flex:1;min-width:80px}.segment-player .audio-time{text-align:right;font-variant-numeric:tabular-nums;min-width:82px}.segment-player .audio-replay-button{color:#66736b;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;padding:0;transition:background-color .16s,color .16s,transform .16s,box-shadow .16s;display:grid}.segment-player .audio-replay-button:hover:not(:disabled){background:var(--brand-soft);color:var(--brand-strong);transform:scale(1.06);box-shadow:0 2px 8px #244b3817}.segment-player .audio-replay-button:active:not(:disabled){box-shadow:none;transform:scale(.96)}.segment-player .audio-replay-button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.segment-player .audio-replay-button:disabled{opacity:.35;cursor:not-allowed}.segment-player .audio-error{color:#b54c3e;margin-top:105px;font-size:11px;position:absolute}.segment-player.has-error input{opacity:.4}.content-shell{background:var(--paper);min-height:100vh}.content-shell>header{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:24px;min-height:74px;padding:16px 5vw;display:flex}.content-shell>header h1{margin:0;font-size:24px}.content-shell>main{width:min(1100px,90vw);margin:0 auto;padding:48px 0}.breadcrumbs{color:#77776f;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;display:flex}.breadcrumbs>span{align-items:center;gap:10px;display:inline-flex}.breadcrumbs b{color:#b6b5ad;font-weight:400}.breadcrumbs button,.breadcrumbs [aria-current=page]{color:#2f6aa3;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.breadcrumbs [aria-current=page]{color:#77776f;cursor:default}.content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.content-card{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:15px;flex-direction:column;align-items:flex-start;gap:10px;min-height:190px;padding:24px;display:flex}.content-card:hover{border-color:#8baa99;box-shadow:0 10px 30px #20372b12}.content-card h2,.content-card p{margin:0}.content-card p{color:var(--muted);line-height:1.5}.content-card>span,.content-card>small{align-items:center;gap:6px;margin-top:auto;display:flex}.content-state{min-height:300px;color:var(--muted);place-content:center;justify-items:center;gap:12px;display:grid}.content-shell.content-shell-wide>main{width:min(1280px,94vw)}.topics-heading{max-width:720px;margin:0 0 28px}.topics-heading>span{color:var(--brand);letter-spacing:1.2px;margin-bottom:7px;font:800 11px Manrope;display:block}.topics-heading h1{color:var(--ink);letter-spacing:-1px;margin:0;font:800 clamp(28px,3vw,38px) Manrope}.topics-heading p{color:var(--muted);margin:9px 0 0;font-size:15px;line-height:1.55}.topics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.topic-card{min-height:142px;color:var(--ink);background:#fff;border:1px solid #dde2e6;border-radius:12px;gap:17px;padding:16px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;box-shadow:0 2px 5px #1e293b0b}.topic-card:hover{border-color:#9fb9aa;transform:translateY(-2px);box-shadow:0 12px 28px #1e293b13}.topic-card:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.topic-cover{isolation:isolate;border:1px solid hsl(var(--topic-hue) 35% 72%);background:linear-gradient(145deg,hsl(var(--topic-hue) 65% 94%),hsl(calc(var(--topic-hue) + 34) 68% 82%));width:90px;min-width:90px;min-height:108px;color:hsl(var(--topic-hue) 55% 28%);border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex;position:relative;overflow:hidden}.topic-cover:before,.topic-cover:after{content:"";z-index:-1;background:hsl(var(--topic-hue) 70% 55%/.18);border-radius:50%;position:absolute}.topic-cover:before{width:76px;height:76px;top:-25px;right:-30px}.topic-cover:after{width:55px;height:55px;bottom:-20px;left:-20px}.topic-cover b{letter-spacing:.5px;font:800 19px Manrope}.topic-card-body{flex-direction:column;flex:1;min-width:0;display:flex}.topic-title-row{align-items:flex-start;gap:9px;display:flex}.topic-title-row h2{color:#1769d2;text-underline-offset:3px;flex:1;min-width:0;margin:2px 0 0;font:750 18px/1.25 Manrope;text-decoration:underline;text-decoration-thickness:1px}.topic-card-arrow{color:#9aa4af;flex:none;margin-top:4px;transition:transform .18s,color .18s}.topic-card:hover .topic-card-arrow{color:var(--brand);transform:translate(3px)}.topic-card-body>p{-webkit-line-clamp:2;color:var(--muted);-webkit-box-orient:vertical;margin:8px 0 0;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.topic-meta{color:#59636f;flex-wrap:wrap;align-items:center;gap:6px 15px;margin-top:auto;padding-top:10px;font-size:12px;display:flex}.topic-meta>span{align-items:center;gap:5px;display:inline-flex}.topic-meta b{color:#39434e;font-weight:700}@media (width<=1000px){.topics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.content-shell.content-shell-wide>main{width:min(92vw,560px);padding-top:32px}.topics-grid{grid-template-columns:1fr}.topics-heading{margin-bottom:20px}.topic-card{gap:13px;min-height:128px;padding:13px}.topic-cover{width:76px;min-width:76px;min-height:98px}.topic-title-row h2{font-size:16px}.topic-card-body>p{-webkit-line-clamp:1}}.section-catalog-heading{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:22px;display:flex}.section-catalog-heading>div:first-child{max-width:680px}.section-catalog-heading>div:first-child>span{color:var(--brand);letter-spacing:1.2px;margin-bottom:7px;font:800 11px Manrope;display:block}.section-catalog-heading h1{color:var(--ink);letter-spacing:-1.1px;margin:0;font:800 clamp(30px,3vw,40px) Manrope}.section-catalog-heading p{color:var(--muted);margin:9px 0 0;font-size:14px;line-height:1.55}.section-filters{flex:none;gap:10px;display:flex}.section-search,.section-level-filter{color:#77818c;background:#fff;border:1px solid #d9dee3;border-radius:10px;align-items:center;height:42px;transition:border-color .18s,box-shadow .18s;display:flex}.section-search:focus-within,.section-level-filter:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)}.section-search{width:min(280px,28vw);padding-left:12px}.section-search input{min-width:0;height:100%;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;flex:1;padding:0 8px}.section-search button{color:#77818c;cursor:pointer;background:0 0;border:0;place-items:center;width:34px;height:34px;display:grid}.section-level-filter{position:relative}.section-level-filter select{appearance:none;min-width:142px;height:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;outline:0;padding:0 35px 0 13px;font-weight:650}.section-level-filter svg{pointer-events:none;position:absolute;right:10px}.section-results{color:#7b8490;justify-content:space-between;align-items:center;min-height:32px;margin-bottom:10px;font-size:12px;display:flex}.section-results b{color:#46505b}.section-results button{color:var(--brand-strong);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:5px 8px;font:700 11px Manrope;display:inline-flex}.section-accordion{gap:12px;display:grid}.section-panel{background:#fff;border:1px solid #dce2e7;border-radius:12px;transition:border-color .18s,box-shadow .18s;overflow:hidden;box-shadow:0 2px 5px #1e293b0a}.section-panel.open{border-color:#bdd5c7;box-shadow:0 8px 24px #1e293b0c}.section-panel h2{margin:0}.section-panel h2>button{width:100%;min-height:58px;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border:0;align-items:center;gap:12px;padding:0 18px;display:flex}.section-panel.open h2>button{background:var(--brand-soft);border-bottom:1px solid #d4e7db}.section-panel h2>button>span:first-child{flex:1;align-items:baseline;gap:9px;min-width:0;display:flex}.section-panel h2 b{font:750 16px Manrope}.section-panel h2 small{color:#738078;font:500 12px Inter,sans-serif}.section-panel h2 svg{flex:none;transition:transform .2s}.section-panel.open h2 svg{transform:rotate(180deg)}.section-toggle-label{color:#77818c;text-transform:uppercase;letter-spacing:.5px;font:650 10px Manrope}.section-panel h2>button:focus-visible,.section-lesson-card:focus-visible{z-index:1;outline:3px solid var(--focus-ring);outline-offset:-3px;position:relative}.section-lesson-grid{background:#fbfcfc;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding:14px;display:grid}.section-lesson-card{min-width:0;min-height:78px;color:var(--ink);background:#fff;border:1px solid #dfe4e8;border-radius:9px;align-items:center;gap:12px;padding:13px 14px;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex}.section-lesson-card:hover{border-color:#9fb9aa;transform:translateY(-1px);box-shadow:0 7px 16px #1e293b0d}.section-lesson-number{color:#a0a8b0;letter-spacing:.5px;flex:none;width:28px;font:800 11px Manrope}.section-lesson-copy{flex:1;min-width:0}.section-lesson-copy>b{color:#1769d2;text-overflow:ellipsis;white-space:nowrap;font:700 14px/1.3 Manrope;display:block;overflow:hidden}.section-lesson-copy small{color:#6f7984;align-items:center;gap:7px;margin-top:7px;font-size:11px;display:flex}.section-lesson-copy small i{background:#aab1b8;border-radius:50%;width:3px;height:3px}.section-lesson-card>svg{color:#a0a8b0;flex:none;transition:transform .16s,color .16s}.section-lesson-card:hover>svg{color:var(--brand);transform:translate(2px)}.section-empty button{border:1px solid var(--line);color:var(--brand-strong);cursor:pointer;background:#fff;border-radius:8px;padding:8px 13px;font-weight:700}@media (width<=1050px){.section-catalog-heading{flex-direction:column;align-items:flex-start}.section-filters{width:100%}.section-search{flex:1;width:auto}.section-lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.section-catalog-heading{gap:20px}.section-catalog-heading h1{font-size:30px}.section-filters{flex-direction:column;align-items:stretch}.section-search,.section-level-filter select{width:100%}.section-toggle-label{display:none}.section-panel h2>button{min-height:62px;padding:0 14px}.section-panel h2>button>span:first-child{flex-direction:column;align-items:flex-start;gap:3px}.section-lesson-grid{grid-template-columns:1fr;padding:10px}.section-lesson-card{min-height:74px;padding:12px}.section-lesson-copy small{flex-wrap:wrap}}.section-no-lessons{text-align:center;color:var(--muted);grid-column:1/-1;margin:0;padding:22px;font-size:13px}@media (prefers-reduced-motion:reduce){.topic-card,.topic-card-arrow{transition:none}.topic-card:hover{transform:none}}.lesson-practice-page{width:min(1280px,94vw);margin:0 auto;padding:34px 0 60px}.lesson-practice-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px;display:flex}.lesson-practice-heading>div:first-child{align-items:baseline;gap:11px;display:flex}.lesson-practice-heading h1{color:var(--ink);letter-spacing:-.8px;margin:0;font:800 clamp(24px,3vw,34px) Manrope}.lesson-practice-heading>div:first-child>span{color:var(--muted);font-size:12px}.lesson-practice-heading>div:first-child>span b{color:var(--ink)}.lesson-completion{width:180px;color:var(--muted);text-align:right;font-size:11px}.lesson-completion>div{background:#e5e9e6;border-radius:5px;height:5px;margin-top:7px;overflow:hidden}.lesson-completion i{border-radius:inherit;background:var(--brand);height:100%;display:block}.lesson-mode-tabs{justify-content:flex-start;gap:0;padding:0}.lesson-mode-tabs button{color:#59636f;border-radius:10px 10px 0 0;min-height:44px;padding:0 18px}.lesson-mode-tabs button.active{z-index:2;color:var(--brand-strong);background:#fff;border-color:#d9e0dc #d9e0dc #fff;position:relative}.lesson-practice-card{background:#fff;border:1px solid #d9e0dc;border-radius:0 12px 12px;min-height:470px;padding:24px;position:relative;box-shadow:0 14px 34px #27352e12}.practice-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px;display:flex}.practice-toolbar nav{align-items:center;gap:8px;display:flex}.practice-toolbar nav button{color:#65706a;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:35px;height:35px;display:grid}.practice-toolbar nav button:hover:not(:disabled){background:var(--brand-soft);color:var(--brand-strong)}.practice-toolbar nav button:disabled{opacity:.35;cursor:not-allowed}.practice-toolbar nav strong{min-width:64px;color:var(--ink);text-align:center;font:750 14px Manrope}.practice-toolbar nav strong span{color:#859087;font-weight:500}.practice-toolbar .playback-options{align-items:center}.practice-toolbar .playback-options>span{color:#667169;align-items:center;gap:6px;margin-right:5px;font-size:11px;display:flex}.practice-toolbar .playback-options button,.practice-toolbar .playback-options select{min-height:35px}.lesson-practice-card>.sentence-progress{background:#eef1ef;height:3px;margin:0 -24px}.practice-audio{max-width:720px;margin:28px 0 24px}.practice-audio .segment-player{background:#f5f7f6;border-radius:25px;min-height:48px;padding:7px 10px}.practice-audio .play-main{width:36px;height:36px;box-shadow:none;flex:0 0 36px}.practice-audio .play-main svg{width:17px;height:17px}.practice-audio .segment-player .audio-error{margin-top:78px}.dictation-workspace{grid-template-columns:minmax(0,620px);align-items:start;gap:24px;display:grid}.dictation-workspace.answer-visible{grid-template-columns:minmax(0,1fr) minmax(360px,1.1fr)}.dictation-entry>label{color:#556159;margin-bottom:9px;font:700 12px Manrope;display:block}.answer-input-wrap{position:relative}.answer-input-wrap textarea{resize:vertical;width:100%;min-height:142px;color:var(--ink);background:#fff;border:1px solid #d8dfe4;border-radius:10px;outline:0;padding:17px 48px 17px 17px;font:500 18px/1.55 Inter,sans-serif;display:block}.answer-input-wrap textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)}.answer-visible .answer-input-wrap textarea{resize:none;background:#fbfefc;border-color:#79b490}.microphone-placeholder{color:#57635b;background:#fff;border:1px solid #d8dfe4;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;bottom:-15px;right:10px}.microphone-placeholder:disabled{opacity:.65;cursor:not-allowed}.dictation-entry>.word-result{min-height:auto;margin-top:12px;font-size:14px;line-height:1.9}.dictation-entry .answer-footer{align-items:flex-end;min-height:45px}.dictation-entry .answer-footer>div{gap:9px;display:flex}.dictation-entry .answer-footer button{min-height:39px;padding:0 16px}.dictation-entry .answer-footer .primary-button{border:1px solid var(--brand);border-radius:8px;align-items:center;gap:7px;display:inline-flex}.dictation-entry .answer-footer .primary-button:disabled{opacity:.45;cursor:not-allowed}.answer-insight{gap:13px;display:grid}.answer-insight section{background:#fbfcfc;border:1px solid #dce2e6;border-radius:10px;padding:17px}.answer-insight section:first-child>span{text-transform:uppercase;letter-spacing:.45px;border-radius:20px;padding:4px 8px;font:750 10px Manrope;display:inline-flex}.answer-insight section:first-child>span.correct{background:var(--brand-soft);color:var(--brand-strong)}.answer-insight section:first-child>span.revealed{color:#98691f;background:#fff2da}.answer-insight section p{color:var(--ink);margin:13px 0 0;font-size:20px;line-height:1.45}.answer-insight h2{margin:0 0 14px;font:750 16px Manrope}.pronunciation-words{flex-wrap:wrap;gap:7px 10px;display:flex}.pronunciation-words span{color:#26342c;border-bottom:2px dotted #a9b3ac;padding-bottom:2px;font-size:18px}.answer-insight small{color:var(--muted);margin-top:14px;line-height:1.45;display:block}.lesson-tip{color:#a4761d;background:#fffdf7;border:1px solid #eadfbf;border-radius:10px;gap:11px;max-width:700px;margin-top:24px;padding:14px 16px;display:flex}.lesson-tip b{font:750 12px Manrope}.lesson-tip p{color:#796b4e;margin:3px 0 0;font-size:11px;line-height:1.45}.lesson-practice-card.full-transcript-view{width:100%;margin:0;padding:26px}.lesson-practice-card.full-transcript-view>audio{margin-bottom:20px}.full-transcript-toolbar>audio{accent-color:#16a66a;flex:360px;min-width:220px;margin:0}.lesson-practice-card.full-transcript-view ol{max-width:900px;margin:0;padding:0;list-style:none}.lesson-practice-card.full-transcript-view li{border-radius:8px;gap:13px;display:flex}.lesson-practice-card.full-transcript-view li.current{background:var(--brand-soft)}.lesson-practice-card.full-transcript-view li>span{color:#8d9790;flex:none;width:25px;font:750 11px Manrope}.lesson-practice-page button:focus-visible,.lesson-practice-page select:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}@media (width<=900px){.dictation-workspace.answer-visible{grid-template-columns:1fr}.lesson-practice-card{min-height:420px}.answer-insight{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.lesson-practice-page{width:min(92vw,560px);padding-top:24px}.lesson-practice-heading{flex-direction:column;align-items:flex-start}.lesson-practice-heading>div:first-child{flex-direction:column;align-items:flex-start;gap:5px}.lesson-completion{text-align:left;width:100%}.lesson-practice-card{border-radius:0 10px 10px;padding:16px}.lesson-practice-card>.sentence-progress{margin:0 -16px}.practice-toolbar{flex-wrap:nowrap;gap:6px}.practice-toolbar nav{gap:2px}.practice-toolbar nav button{width:32px;height:32px}.practice-toolbar nav strong{min-width:44px;font-size:13px}.lesson-toolbar-actions{gap:2px}.practice-toolbar .playback-options{gap:4px}.practice-toolbar .playback-options>span{flex-basis:100%}.playback-settings-label{display:none}.playback-settings-button{min-width:32px;padding:0 8px}.practice-toolbar .playback-options select{padding:0 22px 0 8px;font-size:13px}.practice-audio{margin-top:20px}.practice-audio .segment-player{border-radius:12px}.dictation-entry .answer-footer{flex-direction:column;align-items:flex-start}.dictation-entry .answer-footer>span{max-width:none}.dictation-entry .answer-footer>div{width:100%}.dictation-entry .answer-footer button{flex:1;justify-content:center}.answer-insight{grid-template-columns:1fr}.lesson-mode-tabs button{flex:1}.lesson-practice-card.full-transcript-view{padding:18px}}@media (prefers-reduced-motion:reduce){.lesson-practice-page *{scroll-behavior:auto!important;transition:none!important}}.lesson-back-button{color:#65706a;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin:0 0 17px;padding:0;font:650 12px Manrope;display:inline-flex}.lesson-back-button:hover{color:var(--brand-strong)}.playback-settings-button{color:#536159;cursor:pointer;align-items:center;gap:6px;transition:border-color .16s,background-color .16s,color .16s,box-shadow .16s;display:inline-flex;background:#fff!important;border-color:#d5ddd8!important}.playback-settings-button:hover{color:var(--brand-strong);box-shadow:0 2px 8px #244b3820;background:var(--brand-soft)!important;border-color:#8bb4a0!important}.playback-settings-button:active{box-shadow:none;background:#dcefe4!important}.playback-settings-button:disabled{opacity:.55;cursor:not-allowed}.shortcut-key-tips{color:#7b857e;flex-wrap:wrap;gap:8px 16px;margin:-13px 0 20px;font-size:10px;display:flex}.shortcut-key-tips span{align-items:center;gap:6px;display:inline-flex}.shortcut-key-tips kbd{color:#4c5850;text-align:center;background:#fff;border:1px solid #d8ded9;border-bottom-width:2px;border-radius:5px;min-width:24px;padding:3px 6px;font:700 10px Manrope}.listening-settings-backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#17201999;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.listening-settings-dialog{width:min(540px,100%);max-height:calc(100vh - 40px);color:var(--ink);background:#fff;border:1px solid #d7ddd9;border-radius:14px;overflow:auto;box-shadow:0 24px 70px #0e171155}.listening-settings-dialog>header{border-bottom:1px solid #e3e7e4;justify-content:space-between;align-items:center;min-height:70px;padding:0 20px;display:flex}.listening-settings-dialog>header>div{align-items:center;gap:10px;display:flex}.listening-settings-dialog h2{margin:0;font:800 21px Manrope}.listening-settings-dialog>header button{color:#778079;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.listening-settings-dialog>header button:hover{background:#f1f4f2}.settings-description{color:var(--muted);margin:0;padding:15px 20px;font-size:12px;line-height:1.5}.listening-setting-rows{border:1px solid #e0e5e2;border-radius:10px;margin:0 16px}.listening-setting-row{grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:16px;min-height:58px;padding:9px 10px 9px 14px;display:grid}.listening-setting-row+.listening-setting-row{border-top:1px solid #e0e5e2}.listening-setting-row>span{font:700 12px/1.35 Manrope}.listening-setting-row select{width:100%;height:39px;color:var(--ink);background:#fff;border:1px solid #d8ded9;border-radius:8px;padding:0 34px 0 11px}.listening-setting-row select:disabled{color:#9aa19c;background:#f1f3f2}.settings-save-error{color:#b54c3e;margin:12px 20px 0;font-size:12px}.listening-settings-dialog>footer{justify-content:flex-end;gap:10px;padding:18px 20px;display:flex}.listening-settings-dialog>footer button{cursor:pointer;background:#fff;border:1px solid #d8ded9;border-radius:8px;min-height:40px;padding:0 17px}.listening-settings-dialog>footer .primary-button{border-color:var(--brand);background:var(--brand);color:#fff}.listening-settings-dialog button:focus-visible,.listening-settings-dialog select:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}@media (width<=560px){.listening-settings-backdrop{align-items:end;padding:0}.listening-settings-dialog{border-radius:14px 14px 0 0;max-height:88vh}.listening-settings-dialog>header{min-height:52px;padding:0 14px}.listening-settings-dialog h2{font-size:16px}.listening-settings-dialog>header>div{gap:7px}.listening-settings-dialog>header svg{width:18px;height:18px}.listening-settings-dialog>header button{width:32px;height:32px}.settings-description{padding:9px 14px;font-size:11px}.listening-setting-rows{margin:0 12px}.listening-setting-row{grid-template-columns:minmax(0,1fr) 128px;gap:8px;min-height:44px;padding:8px 10px}.listening-setting-row>span{font-size:11px}.listening-setting-row select{height:32px;padding:0 26px 0 8px;font-size:12px}.listening-settings-dialog>footer{padding:12px 14px}.listening-settings-dialog>footer button{min-height:36px;padding:0 14px}}.dictation-shell{background:#f7f7f3;min-height:100vh}.dictation-shell>header{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:0 5vw;display:grid}.dictation-shell>header>div{text-align:center;flex-direction:column;display:flex}.dictation-shell>header>span{justify-self:end}.mode-tabs{justify-content:center;gap:5px;padding:18px;display:flex}.mode-tabs button{border:1px solid var(--line);cursor:pointer;background:#fff;padding:9px 16px}.mode-tabs button.active{color:#fff;background:#2f604e}.dictation-main,.full-transcript-view{width:min(760px,100% - 32px);margin:0 auto;padding:24px 0 60px}.dictation-main .segment-player{margin:45px 0 20px}.sentence-progress{background:#e5e5de;border-radius:5px;height:5px;overflow:hidden}.sentence-progress i{background:#5d8d72;height:100%;display:block}.playback-options{justify-content:flex-end;gap:8px;display:flex}.playback-options button,.playback-options select,.sentence-nav button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px 11px}.playback-options button.active{color:var(--coral)}.correct-answer{color:#337554;background:#e9f5ed;border-radius:9px;align-items:center;gap:10px;min-height:100px;margin-top:14px;padding:18px;font-size:18px;display:flex}.word-result .near-correct{color:#a66b1c;background:#fff1ce;border-bottom:2px dotted #d3a044}.word-result .incorrect{color:#bc4e3e;background:#fcebe8}.word-result .hidden{color:#999;background:#f1f1ed}.sentence-nav{justify-content:space-between;margin-top:18px;display:flex}.sentence-nav button{align-items:center;gap:6px;display:flex}.full-transcript-view>audio{width:100%;margin-bottom:24px}.full-transcript-view li{padding:10px;line-height:1.5}.admin-import{gap:15px;max-width:700px;display:grid}.admin-import label{gap:6px;font-weight:700;display:grid}.admin-import input,.admin-import select,.admin-import textarea{border:1px solid var(--line);border-radius:7px;padding:10px}.admin-import textarea{min-height:180px}.admin-filters{flex-wrap:wrap;gap:10px;margin:0 0 20px;display:flex}.admin-filters input,.admin-filters select{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:42px;padding:8px 10px}.admin-filters input{min-width:min(280px,100%)}.admin-filters .admin-exact-path{flex:1;min-width:min(360px,100%);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.admin-bulk-actions{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:14px;margin:0 0 12px;padding:10px 14px;display:flex}.admin-bulk-actions label{align-items:center;gap:8px;display:flex}.admin-bulk-actions span{color:var(--muted)}.admin-bulk-actions button{margin-left:auto}.admin-lesson-list{gap:10px;display:grid}.admin-lesson-list article{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:auto minmax(240px,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.admin-lesson-select{align-self:start;padding-top:8px}.admin-lesson-copy{gap:5px;min-width:0;display:grid}.admin-lesson-title-row{gap:8px;display:flex}.admin-lesson-title-row input{border:1px solid var(--line);background:#fff;border-radius:7px;flex:1;min-width:0;padding:8px 10px}.admin-lesson-copy code{color:var(--muted);overflow-wrap:anywhere;white-space:normal}.admin-lesson-list small{color:var(--muted);overflow-wrap:anywhere}.admin-lesson-actions{align-items:center;gap:9px;display:flex}.admin-lesson-list a{color:#2f6aa3}@media (width<=780px){.content-grid{grid-template-columns:1fr}.dictation-shell>header{grid-template-columns:auto 1fr auto}.dictation-main .segment-player{margin-top:30px}.segment-player{flex-wrap:wrap}.segment-player input[type=range]{flex-basis:100%;order:3}.admin-lesson-list article{grid-template-columns:auto 1fr}.admin-lesson-actions{flex-wrap:wrap;grid-column:2}.admin-bulk-actions{flex-wrap:wrap}.admin-bulk-actions button{margin-left:0}}.skip-button{border:1px solid var(--line);color:#77776f;cursor:pointer;background:#fff;border-radius:7px;align-items:center;gap:6px;padding:8px 11px;display:flex}.skip-button:hover{color:var(--coral);background:#fff8f6;border-color:#efb4a9}.word-result.original-sentence-result span{margin-right:0}.import-mode-tabs{gap:8px;margin:0 0 24px;display:flex}.import-mode-tabs button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;min-height:42px;padding:0 18px}.import-mode-tabs button.active{color:#fff;background:#2f604e;border-color:#2f604e}.form-success{color:#337554;margin:8px 0 16px}.import-section-creator{max-width:700px;margin-bottom:18px}.import-section-creator>form{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:1fr 1fr;gap:14px;padding:18px;display:grid}.import-section-creator h2,.import-section-creator label:last-of-type,.import-section-creator form>div{grid-column:1/-1}.import-section-creator h2{margin:0}.import-section-creator label{gap:6px;font-weight:700;display:grid}.import-section-creator input,.import-section-creator select,.import-section-creator textarea{border:1px solid var(--line);background:#fff;border-radius:7px;padding:10px}.import-section-creator textarea{resize:vertical;min-height:80px}.import-section-creator form>div{justify-content:flex-end;gap:9px;display:flex}.admin-import-placement{grid-template-columns:minmax(260px,1fr) 160px;gap:15px;max-width:700px;margin-bottom:15px;display:grid}.admin-import-placement label{gap:6px;font-weight:700;display:grid}.admin-import-placement input,.admin-import-placement select{border:1px solid var(--line);background:#fff;border-radius:7px;padding:10px}.selected-section{background:#f3f8f5;border:1px solid #d7e5dc;border-radius:8px;max-width:700px;padding:12px 14px}.batch-preview{gap:16px;display:grid}.batch-preview>header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.batch-preview h2{margin:5px 0 0}.batch-preview>header button,.batch-actions>button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:7px;padding:9px 13px;display:flex}.batch-summary{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px;display:grid}.batch-summary span{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:9px;flex-direction:column;gap:4px;padding:12px;display:flex}.batch-summary b{color:var(--ink);font-size:20px}.batch-progress{background:#e9e9e2;border-radius:10px;height:7px;overflow:hidden}.batch-progress i{border-radius:inherit;background:#5d8d72;height:100%;transition:width .25s;display:block}.batch-items{gap:8px;display:grid}.batch-item{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:34px minmax(0,1fr) auto;align-items:start;gap:11px;padding:14px;display:grid}.batch-status-icon{color:#777;background:#f0f0ea;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.batch-item>div{gap:4px;min-width:0;display:grid}.batch-item small{color:var(--muted);overflow-wrap:anywhere}.batch-item em{color:#b54c3e;font-size:11px;font-style:normal}.batch-item>strong{text-transform:uppercase;color:#888;font-size:10px}.batch-item.status-completed{border-color:#acd0b9}.batch-item.status-completed .batch-status-icon{color:#337554;background:#e8f5ec}.batch-item.status-invalid,.batch-item.status-failed{border-color:#e7b7af}.batch-item.status-invalid .batch-status-icon,.batch-item.status-failed .batch-status-icon{color:#b54c3e;background:#fbecea}.batch-actions{justify-content:flex-end;gap:10px;display:flex}.batch-actions>.primary-button{color:#fff;background:#2f604e;border-color:#2f604e}@media (width<=780px){.import-section-creator>form,.admin-import-placement{grid-template-columns:1fr}.import-section-creator h2,.import-section-creator label:last-of-type,.import-section-creator form>div{grid-column:auto}.batch-summary{grid-template-columns:repeat(2,1fr)}.batch-preview>header{display:grid}.batch-item{grid-template-columns:34px 1fr}.batch-item>strong{grid-column:2}.batch-actions{flex-wrap:wrap}.batch-actions>button{flex:1;justify-content:center}}.admin-system{--admin-bg:#0d1219;--admin-surface:#151c25;--admin-surface-2:#1b2430;--admin-border:#2b3542;--admin-text:#f3f6f9;--admin-muted:#a8b2bf;--admin-accent:#36df91;--admin-blue:#4ca5ff;background:var(--admin-bg);min-height:100vh;color:var(--admin-text)}.admin-system.admin-theme-light{--admin-bg:#f4f6f8;--admin-surface:#fff;--admin-surface-2:#edf2f7;--admin-border:#d5dce5;--admin-text:#18212c;--admin-muted:#657181;--admin-accent:#168a55;--admin-blue:#1975c9}.admin-system-header{border-bottom:1px solid var(--admin-border);background:color-mix(in srgb,var(--admin-bg) 92%,transparent);justify-content:space-between;align-items:center;gap:24px;min-height:74px;padding:12px max(24px,50vw - 612.5px);display:flex}.admin-system-heading{align-items:center;gap:12px;min-width:220px;display:flex}.admin-system-mark{width:40px;height:40px;color:var(--admin-accent);background:#123f35;border-radius:9px;place-items:center;display:grid}.admin-system-heading>div{gap:2px;display:grid}.admin-system-heading span{color:var(--admin-accent);letter-spacing:1px;font-size:11px;font-weight:800}.admin-system-heading h1{margin:0;font-size:20px;line-height:1.2}.admin-system-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.admin-system-actions button{border:1px solid var(--admin-border);background:var(--admin-surface);min-height:38px;color:var(--admin-muted);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:12px;display:inline-flex}.admin-system-actions button:hover{border-color:var(--admin-blue);color:var(--admin-text)}.admin-system-actions .admin-icon-button{width:38px;padding:0}.admin-system-actions .admin-logout{color:#ff826d;background:#321f1e;border-color:#58342f}.admin-account{background:var(--admin-surface);max-width:260px;height:38px;color:var(--admin-muted);border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:11px;display:flex}.admin-account img,.admin-account>span{object-fit:cover;border-radius:50%;flex:0 0 23px;width:23px;height:23px}.admin-account>span{color:#84c4ff;background:#24405e;place-items:center;font-weight:800;display:grid}.admin-account b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.admin-system-main{width:min(1225px,100vw - 48px);margin:0 auto;padding:36px 0 64px}.admin-dashboard-intro{color:var(--admin-muted);margin:0 0 25px;font-size:14px}.admin-dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(270px,290px));gap:20px;display:grid}.admin-feature-card{border:1px solid var(--admin-border);background:var(--admin-surface);min-height:275px;color:var(--admin-text);text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;align-items:flex-start;gap:16px;padding:24px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.admin-feature-card:hover{border-color:#3d6f9e;transform:translateY(-2px);box-shadow:0 16px 35px #0003}.admin-feature-icon{width:48px;height:48px;color:var(--admin-blue);background:#17314d;border-radius:9px;place-items:center;display:grid}.admin-feature-card strong{font-size:18px}.admin-feature-card p{color:var(--admin-muted);margin:0;font-size:14px;line-height:1.65}.admin-feature-card em{color:var(--admin-accent);margin-top:auto;font-size:13px;font-style:normal;font-weight:800}.admin-state{min-height:300px;color:var(--admin-muted);place-items:center;display:grid}.admin-system .import-mode-tabs button,.admin-system .admin-import input,.admin-system .admin-import select,.admin-system .admin-import textarea,.admin-system .admin-import-placement input,.admin-system .admin-import-placement select,.admin-system .import-section-creator>form,.admin-system .import-section-creator input,.admin-system .import-section-creator select,.admin-system .import-section-creator textarea,.admin-system .admin-filters input,.admin-system .admin-filters select,.admin-system .batch-summary span,.admin-system .batch-item,.admin-system .batch-preview>header button,.admin-system .batch-actions>button,.admin-system .admin-lesson-list article,.admin-system .admin-bulk-actions,.admin-system .admin-lesson-title-row input{border-color:var(--admin-border);background:var(--admin-surface);color:var(--admin-text)}.admin-system .import-mode-tabs button.active,.admin-system .batch-actions>.primary-button,.admin-system .primary-button{color:#fff;background:#168a55;border-color:#168a55}.admin-system .selected-section{border-color:color-mix(in srgb,var(--admin-accent) 32%,var(--admin-border));background:color-mix(in srgb,var(--admin-accent) 9%,var(--admin-surface));color:var(--admin-text)}.admin-system .selected-section b{color:inherit}.admin-system .batch-progress{background:var(--admin-surface-2)}.admin-system .batch-summary b{color:var(--admin-text)}.admin-system .batch-summary span,.admin-system .batch-item small,.admin-system .admin-lesson-list small,.admin-system .admin-import small{color:var(--admin-muted)}.admin-system a,.admin-system .admin-lesson-list a{color:var(--admin-accent)}.admin-inline-link{color:var(--admin-accent);cursor:pointer;background:0 0;border:0;margin:0 0 22px;padding:0;font-weight:800}.leaderboard-modal-v2{width:min(980px,100%);max-height:min(820px,100vh - 32px);overflow:auto}.leaderboard-subtitle{color:var(--muted);margin:5px 0 20px;font-size:12px}.leaderboard-metric-tabs{background:#f0f1eb;border-radius:11px;grid-template-columns:1fr 1fr;gap:7px;padding:5px;display:grid}.leaderboard-metric-tabs button{min-height:42px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;font:750 12px Manrope;display:flex}.leaderboard-metric-tabs button.active{background:var(--paper);color:var(--brand-strong);box-shadow:0 2px 8px #17201914}.leaderboard-board-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:15px;display:grid}.leaderboard-board{border:1px solid var(--line);background:var(--paper);border-radius:12px;min-width:0;overflow:hidden}.leaderboard-board>header{border-bottom:1px solid var(--line);background:var(--brand-soft);justify-content:space-between;align-items:center;min-height:64px;padding:10px 13px;display:flex}.leaderboard-board>header>div{align-items:center;gap:10px;display:flex}.leaderboard-board>header>div>span{background:var(--brand);color:#fff;border-radius:9px;place-items:center;width:34px;height:34px;font:800 12px Manrope;display:grid}.leaderboard-board h3{margin:0;font-size:13px}.leaderboard-board>header>small{color:var(--brand-strong);letter-spacing:.7px;font:800 9px Manrope}.leaderboard-board .leader-list{min-height:290px;padding:5px 7px}.leaderboard-board .empty-leaders{text-align:center;height:275px;padding:20px}.leaderboard-board .empty-leaders button{border:1px solid var(--line);background:var(--paper);min-height:34px;color:var(--brand-strong);cursor:pointer;border-radius:7px;padding:0 12px}.leaderboard-board .current-rank{margin:0 8px 8px;padding:9px 0 0}.leaderboard-board .leader-row>strong{text-align:right;white-space:nowrap;max-width:135px}.leaderboard-board .leader-name small{display:none}.leaderboard-settings-grid{grid-template-columns:1fr 1fr;gap:18px;max-width:850px;display:grid}.leaderboard-settings-card{border:1px solid var(--admin-border);background:var(--admin-surface);border-radius:12px;overflow:hidden}.leaderboard-settings-card>header{border-bottom:1px solid var(--admin-border);align-items:center;gap:10px;min-height:66px;padding:0 18px;display:flex}.leaderboard-settings-card>header>span{width:38px;height:38px;color:var(--admin-blue);background:#17314d;border-radius:9px;place-items:center;display:grid}.leaderboard-settings-card h2{margin:0;font-size:16px}.leaderboard-settings-card>div{display:grid}.leaderboard-settings-card label{grid-template-columns:1fr 96px;align-items:center;gap:4px 14px;padding:16px 18px;display:grid}.leaderboard-settings-card label+label{border-top:1px solid var(--admin-border)}.leaderboard-settings-card label>span{font-weight:750}.leaderboard-settings-card label>small,.leaderboard-settings-card label>em{color:var(--admin-muted);font-size:10px;font-style:normal}.leaderboard-settings-card label>em{grid-column:1/-1}.leaderboard-settings-card input{border:1px solid var(--admin-border);background:var(--admin-surface-2);width:96px;height:42px;color:var(--admin-text);border-radius:8px;grid-area:1/2/3;padding:0 10px;font:750 15px Manrope}.leaderboard-settings-card input[aria-invalid=true]{border-color:#db6656}.admin-settings-save{cursor:pointer;border:0;border-radius:8px;align-items:center;gap:7px;min-height:42px;margin-top:20px;padding:0 17px;font-weight:750;display:flex}.admin-settings-save:disabled{cursor:not-allowed;opacity:.55}.admin-form-message{margin:18px 0 0;font-size:12px}.admin-form-message.error{color:#ff826d}.admin-form-message.success{color:var(--admin-accent)}@media (width<=760px){.leaderboard-board-grid,.leaderboard-settings-grid{grid-template-columns:1fr}.leaderboard-modal-v2{max-height:calc(100vh - 16px)}.leaderboard-metric-tabs{grid-template-columns:1fr}.leaderboard-board .leader-list{min-height:220px}.leaderboard-board .empty-leaders{height:205px}}html[data-theme=dark] .leaderboard-metric-tabs{background:var(--dark-surface-muted)}html[data-theme=dark] .leaderboard-metric-tabs button.active,html[data-theme=dark] .leaderboard-board{background:var(--dark-surface-raised);border-color:var(--dark-border)}html[data-theme=dark] .leaderboard-board>header{background:var(--dark-surface-muted);border-color:var(--dark-border)}html[data-theme=dark] .leaderboard-board .empty-leaders button{background:var(--dark-surface-muted);border-color:var(--dark-border);color:var(--dark-text)}@media (width<=900px){.admin-system-header{align-items:flex-start;padding:14px 20px}.admin-system-actions{flex-wrap:wrap}.admin-account{max-width:190px}.admin-system-main{width:calc(100vw - 40px)}}@media (width<=620px){.admin-system-header{display:grid}.admin-system-actions{justify-content:flex-start}.admin-account{flex:1;order:-1;max-width:100%}.admin-system-actions button:not(.admin-icon-button){font-size:0}.admin-system-actions button:not(.admin-icon-button) svg{margin:0}.admin-dashboard-grid{grid-template-columns:1fr}.admin-feature-card{min-height:230px}.admin-system-main{padding-top:24px}}.lesson-mode-tabs{background:#f0f5f2;border:1px solid #dce5df;border-radius:13px;justify-content:center;gap:4px;width:max-content;margin:0 auto 18px;padding:4px;box-shadow:0 3px 12px #263a2f0b}.lesson-mode-tabs button{color:#59636f;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 17px;font:700 12px Manrope;transition:background .18s,border-color .18s,color .18s,box-shadow .18s;display:inline-flex}.lesson-mode-tabs button+button{margin-left:0}.lesson-mode-tabs button:hover:not(.active){color:#2e493a;background:#fff;border-color:#d7e1db}.lesson-mode-tabs button.active{z-index:2;color:#fff;background:#3f705c;border-color:#3f705c;position:relative;box-shadow:0 4px 11px #214c3930}.lesson-mode-tabs .transcript-tab.active{color:#fff;background:#16a66a;border-color:#16a66a;box-shadow:0 5px 14px #16a66a40}.lesson-practice-card{border-radius:12px}.lesson-practice-card.full-transcript-view>audio{accent-color:#16a66a;width:100%;margin-bottom:20px}.full-transcript-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;margin-bottom:20px;display:flex}.full-transcript-toolbar .playback-options{justify-content:flex-end;align-items:center}.full-transcript-toolbar .playback-options button,.full-transcript-toolbar .playback-options select{min-height:35px}.transcript-play-all-button{border:1px solid var(--brand);background:var(--brand);color:#fff;cursor:pointer;border-radius:20px;align-items:center;gap:8px;min-height:40px;margin:0;padding:0 18px;font:700 13px Manrope;transition:background-color .16s,box-shadow .16s;display:inline-flex}.transcript-play-all-button:hover{background:var(--brand-strong)}.transcript-play-all-button.playing{color:var(--brand-strong);border-color:var(--brand);background:#fff}.transcript-play-all-button.playing:hover{background:var(--brand-soft)}html[data-theme=dark] .transcript-play-all-button{color:#fff;background:#1f7a4d;border-color:#1f7a4d}html[data-theme=dark] .transcript-play-all-button.playing{background:var(--dark-surface-muted);border-color:var(--dark-border);color:var(--dark-text)}.lesson-practice-card.full-transcript-view ol{text-align:left;overscroll-behavior:contain;gap:3px;width:min(940px,100%);max-height:600px;margin:0 auto;padding:0;list-style:none;display:grid;overflow-y:auto}.media-lesson-content-col .lesson-practice-card.full-transcript-view ol{max-height:780px}.lesson-practice-card.full-transcript-view li{min-height:43px;color:var(--ink);border-radius:9px;align-items:flex-start;gap:13px;padding:10px 12px;transition:background .16s,color .16s,box-shadow .16s;display:flex}.lesson-practice-card.full-transcript-view li.current{color:#105f3f;background:#dcf8e9;box-shadow:inset 3px 0 #18ad70}.lesson-practice-card.full-transcript-view li>span{color:#819088;flex:none;width:25px;padding-top:3px;font:750 11px Manrope}.lesson-practice-card.full-transcript-view li.current>span{color:#168458}.lesson-practice-card.full-transcript-view li>p{margin:0;font-size:15px;line-height:1.5}.transcript-sentence{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:flex-start;gap:13px;padding:0;display:flex}.transcript-sentence:hover p{color:var(--brand-strong);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.transcript-sentence>span{color:#819088;flex:none;width:25px;padding-top:3px;font:750 11px Manrope}.transcript-sentence>p{margin:0;font-size:15px;line-height:1.5}.transcript-sentence-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.transcript-sentence-text>p{margin:0;font-size:15px;line-height:1.5}.transcript-sentence-translation{color:var(--muted);font-size:13px;line-height:1.45}.transcript-translation-picker{color:#667169;gap:8px;margin-left:auto}.transcript-translation-picker select{min-height:35px}html[data-theme=dark] .transcript-translation-picker{color:var(--dark-text-muted)}.practice-audio .segment-player button,.practice-audio .segment-player input[type=range]{cursor:pointer}.practice-audio .segment-player button:disabled,.practice-audio .segment-player input[type=range]:disabled{cursor:not-allowed}.lesson-audio-state{min-height:48px;color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.lesson-audio-state button{border:1px solid var(--line);min-height:34px;color:var(--brand-strong);cursor:pointer;background:#fff;border-radius:8px;padding:0 12px;font-weight:700}.lesson-audio-state.error{color:#b54c3e}.full-transcript-view>.lesson-audio-state{margin-bottom:20px}.proper-noun-suggestions{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;margin-top:13px;font-size:11px;display:flex}.proper-noun-suggestions>span{margin-right:2px}.proper-noun-suggestions>b{color:var(--brand-strong);background:#f3faf6;border:1px solid #d7e4dc;border-radius:999px;padding:5px 9px;font:700 12px Manrope}@media (width<=650px){.lesson-mode-tabs{width:100%}.lesson-mode-tabs button{flex:1;padding:0 12px}.lesson-practice-card.full-transcript-view li{padding:9px 8px}.lesson-practice-card.full-transcript-view li>p{font-size:14px}}.next-lesson-card{max-width:700px;min-height:96px;color:var(--ink);background:linear-gradient(135deg,#fff 0%,#f3fbf6 100%);border:1px solid #d7e3dc;border-radius:12px;align-items:center;gap:15px;margin-top:14px;padding:17px 18px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;box-shadow:0 5px 16px #233b2d0b}.next-lesson-card:hover{border-color:#75b692;transform:translateY(-2px);box-shadow:0 12px 28px #1f4f3518}.next-lesson-card:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.next-lesson-icon{color:#168458;background:#daf4e5;border-radius:11px;flex:0 0 46px;place-items:center;width:46px;height:46px;display:grid}.next-lesson-copy{flex:1;gap:4px;min-width:0;display:grid}.next-lesson-copy small{color:#168458;letter-spacing:.65px;text-transform:uppercase;font:800 10px Manrope}.next-lesson-copy strong{color:#203229;text-overflow:ellipsis;white-space:nowrap;font:750 16px/1.35 Manrope;overflow:hidden}.next-lesson-copy>span{color:#69766e;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.next-lesson-arrow{color:#5a8f70;flex:none;transition:transform .18s}.next-lesson-card:hover .next-lesson-arrow{transform:translate(4px)}@media (width<=650px){.next-lesson-card{padding:14px}.next-lesson-icon{flex-basis:40px;width:40px;height:40px}.next-lesson-copy strong{font-size:14px}.next-lesson-arrow{width:18px}}.lesson-completion-dialog{width:min(520px,100vw - 32px);color:var(--ink);text-align:center;background:#fff;border:1px solid #d7e1da;border-radius:18px;padding:30px;box-shadow:0 28px 80px #10201955}.lesson-completion-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#12201999}.lesson-completion-close{color:#718078;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:12px;right:12px}.lesson-completion-close:hover{color:#203229;background:#f0f4f1}.lesson-completion-icon{color:#218054;background:#e7f5ec;border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto 14px;display:grid}.lesson-completion-eyebrow{color:#728078;letter-spacing:.7px;text-transform:uppercase;margin:0 0 7px;font:750 10px Manrope}.lesson-completion-dialog h2{color:#203229;margin:0;font:800 27px/1.2 Manrope}.lesson-completion-dialog>p:not(.lesson-completion-eyebrow):not(.lesson-completion-error){color:#68756d;max-width:390px;margin:11px auto 0;font-size:13px;line-height:1.6}.lesson-completion-error{color:#b34d40;margin:12px 0 0;font-size:11px}.lesson-completion-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;display:grid}.lesson-completion-actions button{color:#425048;cursor:pointer;background:#fff;border:1px solid #d7dfda;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:48px;padding:9px 14px;font:700 12px Manrope;display:flex}.lesson-completion-actions .primary-button{border-color:var(--brand);background:var(--brand);color:#fff;flex-direction:column;gap:2px;padding-right:35px;position:relative}.lesson-completion-actions .primary-button small{text-overflow:ellipsis;white-space:nowrap;opacity:.82;max-width:175px;font-size:9px;font-weight:500;overflow:hidden}.lesson-completion-actions .primary-button svg{position:absolute;right:12px}.lesson-completion-actions button:disabled,.lesson-completion-all:disabled{opacity:.55;cursor:wait}.lesson-completion-all{color:#39785a;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin:16px auto 0;padding:3px;font:700 11px Manrope;text-decoration:underline}.lesson-completion-dialog button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}@media (width<=520px){.lesson-completion-dialog{padding:24px 18px}.lesson-completion-actions{grid-template-columns:1fr}}.shortcut-tooltip{display:inline-flex;position:relative}.shortcut-tooltip-content{z-index:20;visibility:hidden;opacity:0;color:#fff;text-align:center;white-space:nowrap;pointer-events:none;background:#1f2d25;border-radius:7px;width:max-content;max-width:220px;padding:7px 10px;font:650 10px/1.35 Manrope;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%,4px);box-shadow:0 7px 18px #17231c35}.shortcut-tooltip-content:after{content:"";border:5px solid #0000;border-top-color:#1f2d25;position:absolute;top:100%;left:50%;transform:translate(-50%)}.shortcut-tooltip:hover .shortcut-tooltip-content,.shortcut-tooltip:focus-within .shortcut-tooltip-content{visibility:visible;opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.shortcut-tooltip-content{transition:none}}.microphone-placeholder.listening{color:#fff;background:#168a55;border-color:#168a55;box-shadow:0 0 0 5px #28a86a24}.microphone-placeholder.listening:after{content:"";pointer-events:none;border:2px solid #2ca86c80;border-radius:50%;animation:1.35s ease-out infinite microphone-listening-pulse;position:absolute;inset:-6px}.speech-recognition-status{color:#397257;margin:20px 2px 0;font-size:11px;line-height:1.45}.speech-recognition-status.error{color:#b34d40}@keyframes microphone-listening-pulse{0%{opacity:.85;transform:scale(.8)}75%,to{opacity:0;transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){.microphone-placeholder.listening:after{animation:none}}.lesson-translation-panel{grid-column:1/-1;overflow:hidden;background:#fff!important;padding:0!important}.answer-insight[hidden]{display:none}.lesson-translation-panel>header{background:#f5faf7;border-bottom:1px solid #e1e7e3;justify-content:space-between;align-items:flex-end;gap:16px;padding:14px 16px;display:flex}.lesson-translation-panel>header>div{color:#168458;align-items:center;gap:8px;display:flex}.lesson-translation-panel>header h2{color:#21342a;margin:0;font-size:15px}.lesson-translation-panel>header label{color:#68756d;gap:5px;font-size:10px;display:grid}.lesson-translation-panel select{min-width:190px;height:36px;color:var(--ink);background:#fff;border:1px solid #d5ded8;border-radius:8px;padding:0 30px 0 10px}.approved-translation{padding:16px}.approved-translation small{color:#168458;text-transform:uppercase;letter-spacing:.5px;font:750 10px Manrope}.approved-translation p{margin:7px 0 0!important;font-size:18px!important;line-height:1.5!important}.translation-empty,.translation-signin{padding:16px;color:#77837b!important;margin:0!important;font-size:12px!important}.translation-pending{background:#fff4d9;border-radius:7px;padding:9px 11px;color:#72551d!important;margin:0 16px 12px!important;font-size:11px!important}.translation-pending span{margin-right:8px;font-weight:800}.translation-error{color:#b54c3e;margin:0 16px 12px;font-size:11px}.translation-link{color:#16764e;cursor:pointer;background:0 0;border:0;margin:0 16px 14px;padding:0;font:750 11px Manrope}.translation-link.add-language{color:#52665a;align-items:center;gap:5px;display:inline-flex}.translation-contribution,.add-translation-language{background:#fafcfb;border:1px solid #dce5df;border-radius:9px;gap:11px;margin:0 16px 15px;padding:13px;display:grid}.translation-contribution label,.add-translation-language label{color:#536159;gap:6px;font:700 11px Manrope;display:grid}.translation-contribution textarea{resize:vertical;min-height:82px;font:inherit;border:1px solid #d5ded8;border-radius:7px;padding:10px}.translation-contribution>div,.add-translation-language>div{justify-content:flex-end;gap:8px;display:flex}.translation-contribution button,.add-translation-language button{cursor:pointer;background:#fff;border:1px solid #d5ded8;border-radius:7px;min-height:35px;padding:0 13px}.translation-contribution .primary-button,.add-translation-language .primary-button{border-color:var(--brand);background:var(--brand);color:#fff}.add-translation-language{grid-template-columns:1fr}.add-translation-language select{color:#24342b;background:#fff;border:1px solid #d5ded8;border-radius:7px;width:100%;height:40px;padding:0 36px 0 10px;font:600 12px Manrope}.add-translation-language>div{grid-column:1/-1}.add-translation-language button:disabled{cursor:not-allowed;opacity:.55}@media (width<=650px){.lesson-translation-panel>header{flex-direction:column;align-items:stretch}.lesson-translation-panel select{width:100%}.add-translation-language{grid-template-columns:1fr}.add-translation-language>div{grid-column:auto}}.translation-review-groups,.translation-review-list{gap:12px;display:grid}.translation-review-groups{margin-bottom:24px}.translation-review-groups article{border:1px solid var(--admin-border);background:var(--admin-surface);border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.translation-review-groups article>div{color:var(--admin-blue);align-items:center;gap:10px;display:flex}.translation-review-groups article>div span{color:var(--admin-text);gap:3px;display:grid}.translation-review-groups small{color:var(--admin-muted)}.translation-review-groups article>span,.translation-review-list footer{gap:8px;display:flex}.translation-review-groups button,.translation-review-list button{border:1px solid var(--admin-border);background:var(--admin-surface-2);min-height:36px;color:var(--admin-text);cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.translation-review-groups .primary-button,.translation-review-list .primary-button{color:#fff;background:#168a55;border-color:#168a55}.approval-button-wrap{display:inline-flex}.translation-review-groups button:disabled{cursor:not-allowed;opacity:.5}.translation-review-list article{border:1px solid var(--admin-border);background:var(--admin-surface);border-radius:11px;overflow:hidden}.translation-review-list article>header{border-bottom:1px solid var(--admin-border);color:var(--admin-text);justify-content:space-between;gap:12px;padding:12px 15px;font-size:12px;display:flex}.translation-review-list article>header small{color:var(--admin-muted)}.translation-review-comparison{grid-template-columns:1fr 1fr;display:grid}.translation-review-comparison p{min-height:76px;color:var(--admin-text);margin:0;padding:15px;line-height:1.55}.translation-review-comparison p+p{border-left:1px solid var(--admin-border);background:color-mix(in srgb,var(--admin-accent) 6%,var(--admin-surface))}.translation-review-list footer{border-top:1px solid var(--admin-border);justify-content:flex-end;padding:11px 15px}@media (width<=700px){.translation-review-groups article{flex-direction:column;align-items:flex-start}.translation-review-groups article>span{flex-wrap:wrap;width:100%}.translation-review-comparison{grid-template-columns:1fr}.translation-review-comparison p+p{border-top:1px solid var(--admin-border);border-left:0}.translation-review-list article>header{flex-direction:column}}.answer-input-wrap:has(.retry-answer-button) textarea{padding-right:88px}.retry-answer-button{width:34px;height:34px;color:var(--brand-strong);cursor:pointer;background:#fff;border:1px solid #cdd8d1;border-radius:50%;place-items:center;transition:border-color .16s,background-color .16s,color .16s,transform .16s;display:grid;position:absolute;bottom:-15px;right:52px;box-shadow:0 2px 7px #223c2d18}.retry-answer-button:hover:not(:disabled){border-color:var(--brand);background:var(--brand-soft);color:var(--brand);transform:translateY(-1px)}.retry-answer-button:active:not(:disabled){transform:translateY(0)}.retry-answer-button:disabled{opacity:.55;cursor:not-allowed}.microphone-placeholder:not(:disabled){cursor:pointer}.progress-reset-error{color:#b54c3e;margin:22px 0 0;font-size:12px}.lesson-toolbar-primary{align-items:center;gap:10px;display:flex}.lesson-toolbar-actions{border-left:1px solid #dde3df;align-items:center;gap:6px;padding-left:10px;display:flex}.lesson-toolbar-actions button{color:#68746c;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;height:35px;transition:border-color .16s,background-color .16s,color .16s,box-shadow .16s,transform .16s;display:inline-flex}.lesson-toolbar-actions button:hover:not(:disabled){transform:translateY(-1px)}.lesson-toolbar-actions button:active:not(:disabled){transform:translateY(0)}.lesson-toolbar-actions button:disabled{opacity:.38;cursor:not-allowed}.reset-lesson-button{width:35px}.reset-lesson-button:hover:not(:disabled){color:#b64e3e;background:#fff1ee;border-color:#e3b4aa;box-shadow:0 2px 8px #74302614}.favorite-lesson-button{gap:5px;min-width:47px;padding:0 9px}.favorite-lesson-button:hover:not(:disabled),.favorite-lesson-button.active{color:#a36c00;background:#fff8dc;border-color:#e4bc58}.favorite-lesson-button.active{box-shadow:0 2px 8px #9b6b1517}.favorite-lesson-button span{font:750 11px Manrope}.lesson-toolbar-error{color:#b54c3e;margin:10px 0 0;font-size:11px}.lesson-star-count{align-items:center;gap:4px;display:inline-flex}.lesson-star-count svg{color:#d39a17;fill:#fff1b8}.section-lesson-card.completed{background:#f0faf3;border-color:#9fcbb0;box-shadow:inset 3px 0 #4d9a6c}.section-lesson-card.completed:hover{background:#ebf8ef;border-color:#69aa82}.section-lesson-card.completed .section-lesson-number{color:#42845e}.content-card.completed{background:#f0faf3;border-color:#9fcbb0;box-shadow:inset 3px 0 #4d9a6c}.content-card.completed:hover{background:#ebf8ef;border-color:#69aa82}@media (width<=650px){.lesson-toolbar-primary{justify-content:space-between;gap:8px}.lesson-toolbar-actions{margin-left:auto}}.translation-only-import h2{margin:10px 0 0}.translation-only-import fieldset{border:1px solid var(--line);border-radius:10px;grid-template-columns:minmax(150px,.7fr) minmax(220px,1fr) auto;align-items:end;gap:12px;padding:14px;display:grid}.translation-only-import fieldset>button,.translation-only-import>button[type=button]{justify-content:center;align-items:center;gap:6px;min-height:40px;display:flex}.translation-validation{grid-column:1/-1}.translation-validation.valid{color:#337554}.translation-validation.invalid{color:#b54c3e}.admin-system .translation-only-import fieldset{border-color:var(--admin-border)}@media (width<=650px){.translation-only-import fieldset{grid-template-columns:1fr}.translation-validation{grid-column:1}}.media-lesson-template{border:1px solid var(--line);background:#111;border-radius:12px;margin:0 0 18px;padding:14px}.youtube-segment-player{gap:12px;display:grid}.youtube-player-frame{aspect-ratio:16/9;background:#000;border-radius:8px;width:100%;overflow:hidden}.youtube-player-frame iframe{border:0;width:100%;height:100%}.youtube-controls{background:#fff;margin:0}.admin-system .media-lesson-template{border-color:var(--admin-border);background:var(--admin-surface-2);color:var(--admin-text)}.admin-system .youtube-controls{background:var(--admin-surface);color:var(--admin-text)}.media-lesson-layout{grid-template-columns:minmax(0,1.15fr) minmax(320px,1fr);grid-template-areas:".header""video card";align-items:start;gap:0 28px;margin-bottom:18px;display:grid}.media-lesson-layout>.media-lesson-template{grid-area:video;margin:0;position:sticky;top:16px}.media-lesson-content-col{display:contents}.media-lesson-content-header{flex-wrap:wrap;grid-area:header;justify-content:space-between;align-items:center;gap:10px 16px;min-width:0;margin-bottom:14px;display:flex}.media-lesson-content-header>.lesson-completion{text-align:left;width:auto}.media-lesson-content-header>.lesson-mode-tabs{margin:0}.media-lesson-layout .lesson-practice-card{grid-area:card;min-width:0}.media-lesson-content-col .dictation-workspace.answer-visible{grid-template-columns:minmax(0,1fr)}.media-lesson-content-col .shortcut-key-tips{margin-top:18px}@media (width<=980px){.media-lesson-layout{grid-template-columns:1fr;grid-template-areas:"header""video""card"}.media-lesson-layout>.media-lesson-template{margin:0 0 18px;position:static}}.single-lesson-import .import-type-picker{border:1px solid var(--line);border-radius:10px;gap:18px;padding:15px;display:flex}.single-lesson-import .import-type-picker legend{padding:0 6px;font-weight:800}.single-lesson-import .import-type-picker label{grid-template-columns:auto 1fr;align-items:center;gap:7px;display:flex}.single-lesson-import>fieldset:not(.import-type-picker){border:1px solid var(--line);border-radius:10px;grid-template-columns:minmax(150px,.7fr) minmax(220px,1fr) auto;align-items:end;gap:12px;padding:14px;display:grid}.single-lesson-import>button[type=button],.single-lesson-import>fieldset button{justify-content:center;align-items:center;gap:6px;min-height:40px;display:flex}.admin-system .single-lesson-import fieldset{border-color:var(--admin-border)}@media (width<=650px){.single-lesson-import>fieldset:not(.import-type-picker){grid-template-columns:1fr}}.theme-toggle{border:1px solid var(--line);background:var(--paper);width:42px;height:42px;color:var(--ink);cursor:pointer;border-radius:9px;flex:0 0 42px;place-items:center;padding:0;transition:background-color .15s,border-color .15s,color .15s;display:grid}.theme-toggle:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-strong)}.theme-toggle:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}html[data-theme=dark]{--ink:#e8eee9;--muted:#a4aea7;--line:#344139;--cream:#101612;--paper:#19211c;--brand:#55b77e;--brand-strong:#76d39b;--brand-soft:#243b2d;--brand-contrast:#0d1510;--focus-ring:#3d7655;--sage:#78a58f;color:#e8eee9;background:#101612}html[data-theme=dark] body{color:var(--ink);background:#101612}html[data-theme=dark] .topbar{background:#151d18f2}html[data-theme=dark] .learning-page-header,html[data-theme=dark] .content-shell>header,html[data-theme=dark] .practice-header,html[data-theme=dark] .dictation-shell>header{background:var(--paper)}html[data-theme=dark] .library-main,html[data-theme=dark] .practice-shell,html[data-theme=dark] .dictation-shell,html[data-theme=dark] .practice-main{background:#111713}html[data-theme=dark] .sidebar,html[data-theme=dark] .sentence-list{background:#151d18}html[data-theme=dark] .language-card{border-color:var(--line);background:#19211ce8;box-shadow:0 12px 35px #0003}html[data-theme=dark] .language-card:hover{border-color:color-mix(in srgb,var(--language-color) 55%,var(--line));box-shadow:0 22px 45px #0006}html[data-theme=dark] .flag-orb{background:#222d26;box-shadow:inset 0 0 0 1px #39473e}html[data-theme=dark] .landing-badge{color:#f0a897;background:#432b27}html[data-theme=dark] .landing-shape{opacity:.55}html[data-theme=dark] .header-search,html[data-theme=dark] .period-tabs{background:#222b25}html[data-theme=dark] .header-search:focus-within{background:#202a23;border-color:#526259;box-shadow:0 0 0 3px #27342c}html[data-theme=dark] .header-search kbd,html[data-theme=dark] .shortcut kbd,html[data-theme=dark] .shortcut-key-tips kbd{color:#bdc7c0;background:#222b25;border-color:#46534b}html[data-theme=dark] .locale-trigger:hover,html[data-theme=dark] .account-popover>button:hover,html[data-theme=dark] .transcript-lines button:hover,html[data-theme=dark] .queue-items button:hover{background:#253029}html[data-theme=dark] .account-popover,html[data-theme=dark] .modal,html[data-theme=dark] .answer-panel,html[data-theme=dark] .lesson-card,html[data-theme=dark] .content-card,html[data-theme=dark] .topic-card,html[data-theme=dark] .section-panel,html[data-theme=dark] .section-panel h2>button,html[data-theme=dark] .section-lesson-card,html[data-theme=dark] .lesson-practice-card,html[data-theme=dark] .listening-settings-dialog,html[data-theme=dark] .answer-insight section,html[data-theme=dark] .lesson-completion-dialog,html[data-theme=dark] .lesson-completion-actions button,html[data-theme=dark] .lesson-translation-panel{border-color:var(--line);color:var(--ink);background:var(--paper)!important}html[data-theme=dark] .section-lesson-grid,html[data-theme=dark] .answer-visible .answer-input-wrap textarea{background:#151d18}html[data-theme=dark] .section-search,html[data-theme=dark] .section-level-filter,html[data-theme=dark] .select-wrap,html[data-theme=dark] .answer-input-wrap textarea,html[data-theme=dark] .answer-panel textarea,html[data-theme=dark] .word-result,html[data-theme=dark] .microphone-placeholder,html[data-theme=dark] .retry-answer-button,html[data-theme=dark] .playback-settings-button,html[data-theme=dark] .listening-setting-row select,html[data-theme=dark] .listening-settings-dialog>footer button,html[data-theme=dark] .playback-options button,html[data-theme=dark] .playback-options select,html[data-theme=dark] .sentence-nav button,html[data-theme=dark] .mode-tabs button{color:var(--ink);border-color:var(--line)!important;background:#202a23!important}html[data-theme=dark] .login-button,html[data-theme=dark] .dictation-button,html[data-theme=dark] .icon-button,html[data-theme=dark] .audio-tools button,html[data-theme=dark] .modal-actions>button:not(.primary-button),html[data-theme=dark] .section-empty button,html[data-theme=dark] .skip-button,html[data-theme=dark] .lesson-audio-state button,html[data-theme=dark] .translation-contribution button,html[data-theme=dark] .add-translation-language button{border-color:var(--line);color:var(--ink);background:#202a23}html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] select{color:var(--ink)}html[data-theme=dark] .lesson-mode-tabs button.active{border-color:var(--line);border-bottom-color:var(--paper);background:var(--paper);color:var(--brand-strong)}html[data-theme=dark] .lesson-mode-tabs{border-color:var(--line);background:#151d18}html[data-theme=dark] .practice-audio .segment-player{background:#222c25}html[data-theme=dark] .section-lesson-card.completed,html[data-theme=dark] .content-card.completed{background:#1d3325;border-color:#47775a}html[data-theme=dark] .next-lesson-card{border-color:var(--line);background:linear-gradient(135deg,#19211c,#1c2c22)}html[data-theme=dark] .next-lesson-copy strong,html[data-theme=dark] .lesson-completion-dialog h2{color:var(--ink)}html[data-theme=dark] .next-lesson-copy>span,html[data-theme=dark] .lesson-completion-dialog>p:not(.lesson-completion-eyebrow):not(.lesson-completion-error){color:var(--muted)}html[data-theme=dark] .lesson-completion-close:hover{color:var(--ink);background:#263129}html[data-theme=dark] .lesson-translation-panel>header{border-color:var(--line);background:#1d2c22}html[data-theme=dark] .lesson-translation-panel>header h2{color:var(--ink)}html[data-theme=dark] .lesson-translation-panel>header label,html[data-theme=dark] .translation-contribution label,html[data-theme=dark] .add-translation-language label{color:var(--muted)}html[data-theme=dark] .translation-contribution,html[data-theme=dark] .add-translation-language{border-color:var(--line);background:#151d18}html[data-theme=dark] .lesson-translation-panel select,html[data-theme=dark] .translation-contribution textarea,html[data-theme=dark] .add-translation-language select{border-color:var(--line);color:var(--ink);background:#202a23}html[data-theme=dark] .topic-meta,html[data-theme=dark] .topic-meta b{color:#b5c0b9}html[data-theme=dark] .pronunciation-words span{color:var(--ink)}html[data-theme=dark] .youtube-controls{background:var(--paper)}html[data-theme=dark] .admin-system.admin-theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light] .admin-system.admin-theme-light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (width<=600px){.landing-actions .locale-select{width:42px;min-width:42px}.landing-actions .locale-trigger{width:42px;padding:0 9px}.landing-actions .locale-name,.landing-actions .locale-trigger>svg{display:none}.landing-actions .locale-menu{min-width:156px}.landing-actions .theme-toggle{flex-basis:38px;width:38px;height:38px}.practice-header{grid-template-columns:35px 1fr 85px}.practice-user-actions{gap:5px}.practice-user-actions .theme-toggle{flex-basis:38px;width:38px;height:38px}}@media (width<=420px){.landing-header .logo>span:last-child{display:none}}html[data-theme=dark]{--dark-canvas:#0d1219;--dark-surface:#151c25;--dark-surface-raised:#1b2430;--dark-surface-muted:#222d3a;--dark-border:#344151;--dark-border-strong:#4d5e70;--dark-text:#f1f5f3;--dark-muted:#aeb9b4;--dark-subtle:#84928c;--dark-accent:#6fd397;--dark-accent-hover:#8be2ad;--dark-accent-soft:#203e2c;--dark-link:#91c8ff;--dark-danger:#ff9c8f;--dark-warning:#eccb78;--dark-success-text:#91dcae;--dark-success-soft:#193426;--dark-warning-soft:#302918;--dark-danger-soft:#35211f;--dark-control:#202a35;--dark-control-hover:#26323e;--ink:var(--dark-text);--muted:var(--dark-muted);--line:var(--dark-border);--cream:var(--dark-canvas);--paper:var(--dark-surface);--brand:var(--dark-accent);--brand-strong:var(--dark-accent-hover);--brand-soft:var(--dark-accent-soft);--brand-contrast:#0b1710;--focus-ring:#5b8d70;--sage:#8dbba2;background:var(--dark-canvas);color:var(--dark-text);scrollbar-color:var(--dark-border-strong) var(--dark-canvas)}html[data-theme=dark] body,html[data-theme=dark] .library-main,html[data-theme=dark] .practice-shell,html[data-theme=dark] .dictation-shell,html[data-theme=dark] .practice-main{background:var(--dark-canvas);color:var(--dark-text)}html[data-theme=dark] .language-home{background:radial-gradient(circle at 50% -10%,#202d38 0,var(--dark-canvas) 52%)}html[data-theme=dark] .topbar{border-color:var(--dark-border);background:#111821f2}html[data-theme=dark] .learning-page-header,html[data-theme=dark] .content-shell>header,html[data-theme=dark] .practice-header,html[data-theme=dark] .dictation-shell>header,html[data-theme=dark] .sidebar,html[data-theme=dark] .sentence-list{background:var(--dark-surface);border-color:var(--dark-border)}html[data-theme=dark] .language-card,html[data-theme=dark] .account-popover,html[data-theme=dark] .modal,html[data-theme=dark] .answer-panel,html[data-theme=dark] .lesson-card,html[data-theme=dark] .content-card,html[data-theme=dark] .topic-card,html[data-theme=dark] .section-panel,html[data-theme=dark] .section-panel h2>button,html[data-theme=dark] .section-lesson-card,html[data-theme=dark] .lesson-practice-card,html[data-theme=dark] .listening-settings-dialog,html[data-theme=dark] .answer-insight section,html[data-theme=dark] .lesson-completion-dialog,html[data-theme=dark] .lesson-translation-panel{border-color:var(--dark-border);color:var(--dark-text);box-shadow:0 14px 36px #0000002e;background:var(--dark-surface-raised)!important}html[data-theme=dark] .language-card{background:#1b2430e8!important}html[data-theme=dark] .section-lesson-grid,html[data-theme=dark] .answer-visible .answer-input-wrap textarea,html[data-theme=dark] .translation-contribution,html[data-theme=dark] .add-translation-language{background:var(--dark-surface);border-color:var(--dark-border)}html[data-theme=dark] .header-search,html[data-theme=dark] .period-tabs,html[data-theme=dark] .lesson-mode-tabs,html[data-theme=dark] .practice-audio .segment-player{background:var(--dark-surface-muted);border-color:var(--dark-border)}html[data-theme=dark] .locale-trigger,html[data-theme=dark] .theme-toggle,html[data-theme=dark] .section-search,html[data-theme=dark] .section-level-filter,html[data-theme=dark] .select-wrap,html[data-theme=dark] .answer-input-wrap textarea,html[data-theme=dark] .answer-panel textarea,html[data-theme=dark] .word-result,html[data-theme=dark] .microphone-placeholder,html[data-theme=dark] .retry-answer-button,html[data-theme=dark] .playback-settings-button,html[data-theme=dark] .listening-setting-row select,html[data-theme=dark] .listening-settings-dialog>footer button,html[data-theme=dark] .playback-options button,html[data-theme=dark] .playback-options select,html[data-theme=dark] .sentence-nav button,html[data-theme=dark] .mode-tabs button,html[data-theme=dark] .icon-button,html[data-theme=dark] .audio-tools button,html[data-theme=dark] .modal-actions>button:not(.primary-button),html[data-theme=dark] .section-empty button,html[data-theme=dark] .skip-button,html[data-theme=dark] .lesson-audio-state button,html[data-theme=dark] .translation-contribution button,html[data-theme=dark] .add-translation-language button{color:var(--dark-text);background:var(--dark-surface-muted)!important;border-color:var(--dark-border-strong)!important}html[data-theme=dark] .locale-trigger:hover,html[data-theme=dark] .theme-toggle:hover,html[data-theme=dark] .account-popover>button:hover,html[data-theme=dark] .transcript-lines button:hover,html[data-theme=dark] .queue-items button:hover,html[data-theme=dark] .lesson-mode-tabs button:hover:not(.active){color:var(--dark-accent-hover);border-color:var(--dark-border-strong)!important;background:#29382e!important}html[data-theme=dark] .primary-button,html[data-theme=dark] .login-button,html[data-theme=dark] .lesson-mode-tabs button.active,html[data-theme=dark] .lesson-mode-tabs .transcript-tab.active,html[data-theme=dark] .mode-tabs button.active{box-shadow:0 5px 16px #07140c66;border-color:var(--dark-accent)!important;color:#fff!important;background:#27804f!important}html[data-theme=dark] .primary-button:hover:not(:disabled),html[data-theme=dark] .login-button:hover{border-color:var(--dark-accent-hover)!important;background:#2a8352!important}html[data-theme=dark] .dictation-button{background:var(--dark-accent-soft);color:var(--dark-accent-hover);border-color:#356448}html[data-theme=dark] .leaderboard-button{color:#f1cf79;background:#3a301d;border-color:#655332}html[data-theme=dark] .leaderboard-button:hover{background:#473a22;border-color:#80683c}html[data-theme=dark] .next-lesson-copy strong,html[data-theme=dark] .lesson-completion-dialog h2,html[data-theme=dark] .lesson-translation-panel>header h2,html[data-theme=dark] .pronunciation-words span{color:var(--dark-text)}html[data-theme=dark] .breadcrumbs button,html[data-theme=dark] .topic-title-row h2,html[data-theme=dark] .section-lesson-copy>b{color:var(--dark-link)}html[data-theme=dark] .lesson-tip,html[data-theme=dark] .tip-card{color:var(--dark-warning);background:#292418;border-color:#665735}html[data-theme=dark] .lesson-tip p,html[data-theme=dark] .tip-card p{color:#cfc09a}html[data-theme=dark] .word-result .correct,html[data-theme=dark] .correct-answer{color:#91e3ad;background:#1d412b}html[data-theme=dark] .word-result .near-correct{color:#f2ce79;background:#473a1e}html[data-theme=dark] .word-result .incorrect{color:#ffaaa0;background:#472824}html[data-theme=dark] .section-lesson-card.completed,html[data-theme=dark] .content-card.completed{background:#1b3826;border-color:#4e7b5f;box-shadow:inset 3px 0 #67c98e}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:var(--dark-subtle)}html[data-theme=dark] :where(button,a,input,select,textarea):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}html[data-theme=dark] .admin-system.admin-theme-dark{--admin-bg:var(--dark-canvas);--admin-surface:var(--dark-surface-raised);--admin-surface-2:var(--dark-surface-muted);--admin-border:var(--dark-border);--admin-text:var(--dark-text);--admin-muted:var(--dark-muted);--admin-accent:var(--dark-accent);--admin-blue:var(--dark-link);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=dark] .admin-system-header{background:#111821f2}html[data-theme=dark] .admin-system .import-mode-tabs button.active,html[data-theme=dark] .admin-system .batch-actions>.primary-button,html[data-theme=dark] .admin-system .primary-button{border-color:var(--dark-accent);color:#fff;background:#27804f}html[data-theme=dark] .admin-system .selected-section{background:#172d20;border-color:#3f6b50}html[data-theme=dark] .admin-feature-card:hover{border-color:var(--dark-accent);box-shadow:0 16px 38px #0006}html[data-theme=dark] .admin-feature-icon{color:var(--dark-link);background:#1b3546}html[data-theme=dark] .admin-system-actions .admin-logout{color:var(--dark-danger);background:#3a2421;border-color:#70423b}html[data-theme=dark] .admin-system-actions button:hover{border-color:var(--dark-accent);color:var(--dark-text)}html[data-theme=dark] .admin-system.admin-theme-dark :is(input,select,textarea),html[data-theme=dark] .admin-system.admin-theme-dark .admin-system-actions button,html[data-theme=dark] .admin-system.admin-theme-dark .batch-preview>header button,html[data-theme=dark] .admin-system.admin-theme-dark .batch-actions>button{border-color:var(--dark-border-strong)}html[data-theme=dark] :is(.landing-header,.topbar,.practice-header) :is(.theme-toggle,.locale-trigger,.icon-button){color:var(--dark-muted);box-shadow:none;background:#ffffff08!important;border-color:#ffffff14!important}html[data-theme=dark] :is(.landing-header,.topbar,.practice-header) :is(.theme-toggle,.locale-trigger,.icon-button):hover{color:var(--dark-text);background:#ffffff0f!important;border-color:#ffffff24!important}html[data-theme=dark] .learning-header .dictation-button{color:var(--dark-accent);background:#6fd39712;border-color:#6fd39724}html[data-theme=dark] .learning-header .dictation-button:hover{color:var(--dark-accent-hover);background:#6fd3971f;border-color:#6fd3973d}html[data-theme=dark] :is(.landing-header,.topbar) .leaderboard-button{color:#dcc27f;background:#eccb780d;border-color:#eccb7824}html[data-theme=dark] :is(.landing-header,.topbar) .leaderboard-button:hover{color:#f0d38a;background:#eccb7818;border-color:#eccb7838}html[data-theme=dark] .topbar .streak-pill{color:#e9bb61;background:#eccb780d;border-color:#eccb7820}html[data-theme=dark] .topbar .streak-pill span{color:#c7b78f}html[data-theme=dark] :is(.landing-header,.topbar,.practice-header) .login-button{box-shadow:none;background:#27804f!important;border-color:#6fd3974a!important}html[data-theme=dark] .locale-select{color:var(--dark-text);background:0 0}html[data-theme=dark] .locale-trigger,html[data-theme=dark] .locale-trigger .locale-name{color:var(--dark-text)}html[data-theme=dark] .locale-trigger>svg{color:var(--dark-muted)}html[data-theme=dark] .locale-menu{color:var(--dark-text);box-shadow:0 16px 38px #0008;background:var(--dark-surface-raised)!important;border-color:var(--dark-border)!important}html[data-theme=dark] .locale-option{color:var(--dark-text);background:0 0}html[data-theme=dark] .locale-option:hover,html[data-theme=dark] .locale-option.selected{background:var(--dark-accent-soft);color:var(--dark-accent-hover)}html[data-theme=dark] .locale-flag{background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff12}html[data-theme=dark] :is(.landing-header,.topbar,.practice-header) .account-pill{box-shadow:none;background:#ffffff08;border-color:#ffffff14}html[data-theme=dark] .account-trigger-name{color:var(--dark-text)}html[data-theme=dark] .account-quick-logout{color:var(--dark-muted);background:#ffffff08}html[data-theme=dark] .account-trigger:hover .account-trigger-name{color:var(--dark-accent-hover)}html[data-theme=dark] .account-quick-logout:hover{color:var(--dark-danger);background:#ff9c8f17}html[data-theme=dark] .lesson-practice-page{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=dark] .lesson-back-button{color:var(--dark-muted)}html[data-theme=dark] .lesson-back-button:hover,html[data-theme=dark] .lesson-practice-heading h1{color:var(--dark-text)}html[data-theme=dark] .lesson-practice-heading>div:first-child>span,html[data-theme=dark] .lesson-completion{color:var(--dark-muted)}html[data-theme=dark] .lesson-practice-heading>div:first-child>span b{color:#cbd6d0}html[data-theme=dark] .lesson-completion>div{background:#27323e}html[data-theme=dark] .lesson-completion i,html[data-theme=dark] .lesson-practice-card>.sentence-progress i{background:#55bd7c}html[data-theme=dark] .lesson-mode-tabs{background:#111820;border-color:#2d3947;box-shadow:inset 0 1px #ffffff05,0 5px 18px #00000029}html[data-theme=dark] .lesson-mode-tabs button{color:#9eaaa4}html[data-theme=dark] .lesson-mode-tabs button:hover:not(.active){color:#dbe5df;background:#1b2630!important;border-color:#34414e!important}html[data-theme=dark] .lesson-mode-tabs button.active,html[data-theme=dark] .lesson-mode-tabs .transcript-tab.active{box-shadow:0 4px 13px #0006,inset 0 1px #ffffff18;color:#f7fff9!important;background:#256b45!important;border-color:#3c9e63!important}html[data-theme=dark] .lesson-practice-card{border-color:#2d3947;box-shadow:0 18px 48px #00000038,inset 0 1px #ffffff05;background:#171f29!important}html[data-theme=dark] .lesson-practice-card>.sentence-progress{background:#26313d}html[data-theme=dark] .practice-toolbar nav button,html[data-theme=dark] .reset-lesson-button,html[data-theme=dark] .favorite-lesson-button{color:#9daaa4}html[data-theme=dark] .practice-toolbar nav button:hover:not(:disabled),html[data-theme=dark] .reset-lesson-button:hover:not(:disabled),html[data-theme=dark] .favorite-lesson-button:hover:not(:disabled){color:#83dba5;background:#24322b}html[data-theme=dark] .practice-toolbar nav strong{color:var(--dark-text)}html[data-theme=dark] .practice-toolbar nav strong span,html[data-theme=dark] .practice-toolbar .playback-options>span{color:var(--dark-muted)}html[data-theme=dark] .favorite-lesson-button.active{color:#f0ca6e}html[data-theme=dark] .playback-settings-button,html[data-theme=dark] .practice-toolbar .playback-options select{color:#dce5e0;background:#202a35!important;border-color:#3a4857!important}html[data-theme=dark] .playback-settings-button:hover{color:#8be2ad;background:#21362a!important;border-color:#466b55!important}html[data-theme=dark] .practice-audio .segment-player{border:1px solid #303d4a;box-shadow:inset 0 1px #ffffff05;background:#111820!important}html[data-theme=dark] .practice-audio .play-main{color:#fff;background:#287a4d;box-shadow:0 5px 15px #07150d80}html[data-theme=dark] .practice-audio .play-main:hover{background:#31925c}html[data-theme=dark] .practice-audio .segment-player input[type=range]{accent-color:#5bc983}html[data-theme=dark] .practice-audio .audio-time{color:#9ba8a2}html[data-theme=dark] .practice-audio .audio-replay-button{color:#a9b5af}html[data-theme=dark] .practice-audio .audio-replay-button:hover:not(:disabled){color:#83dba5;background:#21342a}html[data-theme=dark] .shortcut-key-tips{color:#8f9c96}html[data-theme=dark] .shortcut-key-tips kbd{color:#d5ded9;background:#202a35;border-color:#3b4855;box-shadow:0 1px #0a0e13}html[data-theme=dark] .dictation-entry>label{color:#c9d3cd}html[data-theme=dark] .answer-input-wrap textarea,html[data-theme=dark] .answer-visible .answer-input-wrap textarea{color:#f1f5f3;caret-color:#7bdca0;box-shadow:inset 0 1px 2px #0005;background:#111820!important;border-color:#3a4857!important}html[data-theme=dark] .answer-input-wrap textarea:hover:not(:focus){border-color:#465563!important}html[data-theme=dark] .answer-input-wrap textarea:focus{box-shadow:0 0 0 2px #4f8b6838,inset 0 1px 2px #0005;border-color:#4f8b68!important}html[data-theme=dark] .answer-visible .answer-input-wrap textarea{color:#dff4e7;background:#14231a!important;border-color:#3f7654!important}html[data-theme=dark] .microphone-placeholder,html[data-theme=dark] .retry-answer-button{color:#c4d0c9;box-shadow:0 3px 10px #0005;background:#202a35!important;border-color:#40505f!important}html[data-theme=dark] .microphone-placeholder:hover:not(:disabled),html[data-theme=dark] .retry-answer-button:hover:not(:disabled){color:#8be2ad;background:#21362a!important;border-color:#56916b!important}html[data-theme=dark] .microphone-placeholder.listening{color:#fff;background:#287a4d!important;border-color:#55c780!important}html[data-theme=dark] .proper-noun-suggestions>b{color:#8adfac;background:#1b3023;border-color:#385843}html[data-theme=dark] .dictation-entry .answer-footer>span{color:#98a59f}html[data-theme=dark] .skip-answer-button{color:#b6c1bb;background:0 0!important;border-color:#3a4857!important}html[data-theme=dark] .skip-answer-button:hover{color:#f1f5f3;background:#202a35!important;border-color:#596979!important}html[data-theme=dark] .dictation-entry>.word-result{color:#dce5e0;box-shadow:inset 0 1px 2px #0004;background:#111820!important;border-color:#394755!important}html[data-theme=dark] .word-result .correct{color:#9ae5b5;background:#193a27}html[data-theme=dark] .word-result .wrong,html[data-theme=dark] .word-result .incorrect{color:#ffaaa0;background:#412522}html[data-theme=dark] .word-result .missing,html[data-theme=dark] .word-result .near-correct{color:#f0cc78;background:#40351d;border-bottom-color:#bf9846}html[data-theme=dark] .word-result .hidden{color:#a4afa9;background:#27313a}html[data-theme=dark] .answer-insight section{box-shadow:none;border-color:#33414e;background:#121a22!important}html[data-theme=dark] .answer-insight h2,html[data-theme=dark] .answer-insight section p{color:#edf3ef}html[data-theme=dark] .answer-insight section:first-child>span.correct{color:#91dfae;background:#1b3b28}html[data-theme=dark] .answer-insight section:first-child>span.revealed{color:#f0cc78;background:#40351d}html[data-theme=dark] .pronunciation-words span{color:#e5ece8;border-bottom-color:#66756e}html[data-theme=dark] .lesson-translation-panel>header{background:#19252d;border-color:#33414e}html[data-theme=dark] .lesson-translation-panel>header>div,html[data-theme=dark] .approved-translation small,html[data-theme=dark] .translation-link{color:#78d79c}html[data-theme=dark] .translation-empty,html[data-theme=dark] .translation-signin{color:#a4b0a9!important}html[data-theme=dark] .lesson-tip{color:#e8c86f;background:#211e17;border-color:#534a32}html[data-theme=dark] .lesson-tip p{color:#bdb397}html[data-theme=dark] .next-lesson-card{background:linear-gradient(135deg,#18212b,#17261e);border-color:#354453;box-shadow:0 12px 30px #0004}html[data-theme=dark] .next-lesson-card:hover{border-color:#4c8561;box-shadow:0 16px 36px #0006}html[data-theme=dark] .next-lesson-icon{color:#83dba5;background:#1d3c29}html[data-theme=dark] .next-lesson-copy small{color:#79d69b}html[data-theme=dark] .next-lesson-copy>span{color:#a5b1aa}html[data-theme=dark] .next-lesson-arrow{color:#72c491}html[data-theme=dark] .lesson-practice-card.full-transcript-view li{color:#dce5e0}html[data-theme=dark] .lesson-practice-card.full-transcript-view li.current{color:#a7e9be;background:#1a3826;box-shadow:inset 3px 0 #55bd7c}html[data-theme=dark] .lesson-practice-card.full-transcript-view li.current .transcript-sentence>span{color:#75d297}html[data-theme=dark] .transcript-sentence>span{color:#85938c}html[data-theme=dark] .lesson-practice-page :where(button,select):focus-visible,html[data-theme=dark] .next-lesson-card:focus-visible{outline-offset:2px;outline-width:2px;outline-color:#557f68}html[data-theme=dark] .lesson-toolbar-actions{border-left-color:#303d49}html[data-theme=dark] .lesson-toolbar-actions button:disabled,html[data-theme=dark] .practice-toolbar nav button:disabled,html[data-theme=dark] .practice-audio :is(button,input):disabled{opacity:.42;color:#78847e}html[data-theme=dark] .reset-lesson-button:hover:not(:disabled){background:var(--dark-danger-soft);color:#efa098;box-shadow:none;border-color:#68423f}html[data-theme=dark] .favorite-lesson-button:hover:not(:disabled),html[data-theme=dark] .favorite-lesson-button.active{background:var(--dark-warning-soft);color:#e4c46f;box-shadow:none;border-color:#5c5133}html[data-theme=dark] .favorite-lesson-button.active:hover:not(:disabled){color:#f0d17a;background:#39301a;border-color:#71623a}html[data-theme=dark] :is(.lesson-toolbar-error,.progress-reset-error,.settings-save-error,.lesson-completion-error,.translation-error,.lesson-audio-state.error,.segment-player .audio-error){color:#ee9b93}html[data-theme=dark] .speech-recognition-status{color:#83d6a2}html[data-theme=dark] .speech-recognition-status.error{color:#ee9b93}html[data-theme=dark] .media-lesson-template{background:#090d12;border-color:#303d49;box-shadow:0 12px 32px #0005}html[data-theme=dark] .youtube-controls{background:#111820;border:1px solid #303d49}html[data-theme=dark] .lesson-audio-state button{background:var(--dark-control);color:#a8dfbb;border-color:#3d4d5b}html[data-theme=dark] .lesson-audio-state button:hover{color:#c2eed1;background:#22342a;border-color:#4b6d58}html[data-theme=dark] .lesson-practice-card.full-transcript-view li.played:not(.current) .transcript-sentence>span{color:#67b986}html[data-theme=dark] .lesson-practice-card.full-transcript-view li.played:not(.current) .transcript-sentence>p{color:#c8d3cd}html[data-theme=dark] .listening-settings-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05090ec7}html[data-theme=dark] .listening-settings-dialog{border-color:#33414e;box-shadow:0 28px 80px #0009;background:#18212b!important}html[data-theme=dark] .listening-settings-dialog>header{border-bottom-color:#303d49}html[data-theme=dark] .listening-settings-dialog>header>div{color:#cdd7d1}html[data-theme=dark] .listening-settings-dialog>header button{color:#98a59f}html[data-theme=dark] .listening-settings-dialog>header button:hover{background:var(--dark-control);color:#edf3ef}html[data-theme=dark] .listening-setting-rows{background:#151d26;border-color:#303d49}html[data-theme=dark] .listening-setting-row+.listening-setting-row{border-top-color:#303d49}html[data-theme=dark] .listening-setting-row>span{color:#c9d3cd}html[data-theme=dark] .listening-setting-row select{color:#e4ebe7;background:var(--dark-control)!important;border-color:#3a4856!important}html[data-theme=dark] .listening-setting-row select:hover:not(:disabled){border-color:#465765!important}html[data-theme=dark] .listening-setting-row select:disabled{color:#748079;opacity:1;background:#171e27!important;border-color:#2d3742!important}html[data-theme=dark] .listening-settings-dialog>footer{border-top:1px solid #2d3945}html[data-theme=dark] .listening-settings-dialog>footer button:not(.primary-button){color:#cbd5cf;background:var(--dark-control)!important;border-color:#3a4856!important}html[data-theme=dark] .listening-settings-dialog>footer button:not(.primary-button):hover{color:#f0f4f2;background:var(--dark-control-hover)!important;border-color:#465765!important}html[data-theme=dark] .lesson-completion-dialog{border-color:#354350;box-shadow:0 30px 90px #000a;background:#19222c!important}html[data-theme=dark] .lesson-completion-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05090ecc}html[data-theme=dark] .lesson-completion-icon{background:var(--dark-warning-soft);color:#e6c66f}html[data-theme=dark] .lesson-completion-eyebrow{color:#a4b0aa}html[data-theme=dark] .lesson-completion-close{color:#98a59f}html[data-theme=dark] .lesson-completion-close:hover{background:var(--dark-control);color:#edf3ef}html[data-theme=dark] .lesson-completion-actions button:not(.primary-button){background:var(--dark-control);color:#d6dfda;border-color:#3b4957}html[data-theme=dark] .lesson-completion-actions button:not(.primary-button):hover{background:var(--dark-control-hover);color:#f1f5f3;border-color:#4a5a68}html[data-theme=dark] .lesson-completion-actions button:disabled,html[data-theme=dark] .lesson-completion-all:disabled{opacity:.46}html[data-theme=dark] .lesson-completion-all{color:#86cfa1}html[data-theme=dark] .lesson-completion-all:hover:not(:disabled){color:#a4e1b9}html[data-theme=dark] .translation-pending{background:#332b18;color:#e1c477!important}html[data-theme=dark] .translation-link.add-language{color:#a9b7af}html[data-theme=dark] .translation-link:hover{color:#9ee3b7}html[data-theme=dark] .translation-contribution textarea{color:#edf3ef;background:#111820!important;border-color:#394755!important}html[data-theme=dark] .translation-contribution textarea:hover:not(:focus){border-color:#465563!important}html[data-theme=dark] .translation-contribution textarea:focus{outline-offset:2px;outline:2px solid #557f68;border-color:#4f8b68!important}html[data-theme=dark] .translation-contribution button:not(.primary-button),html[data-theme=dark] .add-translation-language button:not(.primary-button){background:var(--dark-control);color:#cbd5cf;border-color:#3a4856}html[data-theme=dark] .translation-contribution button:not(.primary-button):hover,html[data-theme=dark] .add-translation-language button:not(.primary-button):hover{background:var(--dark-control-hover);color:#f0f4f2;border-color:#465765}html[data-theme=dark] ::selection{color:#f5fff8;background:#35694b}@media (width<=780px){.account-pill{width:38px;max-width:38px;height:38px;padding:2px}.account-trigger{width:32px;height:32px;padding:0}.account-trigger-avatar{flex-basis:32px;width:32px;height:32px}.account-trigger-name,.account-quick-logout{display:none}.account-pill-loading{width:38px}.account-pill-loading>span:last-child{display:none}}.sentence-comments{background:#fff;border:1px solid #d9e0dc;border-radius:12px;margin-top:24px;padding:20px;box-shadow:0 10px 28px #27352e0d}.sentence-comments>header{justify-content:space-between;align-items:center;gap:16px;display:flex}.sentence-comments>header>div{color:var(--brand-strong);align-items:center;gap:8px;display:flex}.sentence-comments h2{color:var(--ink);margin:0;font:750 17px Manrope}.sentence-comments>header>span{color:var(--muted);font:700 11px Manrope}.sentence-comment-form{margin-top:16px}.sentence-comment-form textarea{resize:vertical;width:100%;min-height:86px;color:var(--ink);font:inherit;background:#fff;border:1px solid #d5ded8;border-radius:9px;padding:12px 13px;line-height:1.5}.sentence-comment-form textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring);outline:0}.sentence-comment-form>div{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.sentence-comment-form small{color:var(--muted);font-size:10px}.sentence-comment-form button{border:1px solid var(--brand);border-radius:8px;align-items:center;gap:6px;min-height:36px;padding:0 13px;display:inline-flex}.sentence-comment-form button:disabled{cursor:not-allowed;opacity:.5}.sentence-comment-signin{background:var(--brand-soft);border-radius:9px;justify-content:space-between;align-items:center;gap:16px;margin-top:15px;padding:12px 14px;display:flex}.sentence-comment-signin p{color:#526159;margin:0;font-size:12px;line-height:1.45}.sentence-comment-signin button,.sentence-comments-more,.sentence-comment-error button{min-height:34px;color:var(--brand-strong);cursor:pointer;background:#fff;border:1px solid #cdd8d1;border-radius:7px;padding:0 12px;font-weight:700}.sentence-comment-list{gap:14px;margin:18px 0 0;padding:0;list-style:none;display:grid}.sentence-comment-list>li{grid-template-columns:36px minmax(0,1fr);gap:10px;display:grid}.sentence-comment-avatar{background:var(--brand-soft);width:36px;height:36px;color:var(--brand-strong);border-radius:50%;place-items:center;font:800 13px Manrope;display:grid;overflow:hidden}.sentence-comment-avatar img{object-fit:cover;width:100%;height:100%}.sentence-comment-list>li>div:last-child{background:#fafcfb;border:1px solid #e0e6e2;border-radius:0 10px 10px;min-width:0;padding:10px 12px}.sentence-comment-list header{align-items:center;gap:8px;display:flex}.sentence-comment-list strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font:750 12px Manrope;overflow:hidden}.sentence-comment-list time{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:9px}.sentence-comment-list header button{color:#a34c43;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.sentence-comment-list header button:hover{background:#fff0ee}.sentence-comment-list p{color:#34433a;overflow-wrap:anywhere;white-space:pre-wrap;margin:6px 0 0;font-size:13px;line-height:1.55}.sentence-comment-empty,.sentence-comment-loading{color:var(--muted);margin:18px 0 0;font-size:12px}.sentence-comment-error{color:#ad453d;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 0;font-size:12px;display:flex}.sentence-comments-more{width:100%;margin-top:16px}html[data-theme=dark] .sentence-comments{border-color:var(--dark-border);background:var(--dark-surface-raised);box-shadow:0 14px 36px #0000002e}html[data-theme=dark] .sentence-comment-form textarea,html[data-theme=dark] .sentence-comment-list>li>div:last-child{border-color:var(--dark-border);background:var(--dark-surface);color:var(--dark-text)}html[data-theme=dark] .sentence-comment-list p,html[data-theme=dark] .sentence-comment-signin p{color:var(--dark-text-muted)}html[data-theme=dark] .sentence-comment-signin{background:#1a3826}html[data-theme=dark] .sentence-comment-signin button,html[data-theme=dark] .sentence-comments-more,html[data-theme=dark] .sentence-comment-error button{border-color:var(--dark-border-strong);background:var(--dark-control);color:#91dfae}@media (width<=650px){.sentence-comments{padding:16px}.sentence-comment-signin{flex-direction:column;align-items:flex-start}.sentence-comment-signin button{width:100%}.sentence-comment-list time{display:none}}.comment-moderation-list{gap:1rem;display:grid}.comment-moderation-list article{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1rem}.comment-moderation-list article>header{justify-content:space-between;gap:1rem;display:flex}.comment-moderation-list article>header span{align-items:center;gap:.5rem;display:flex}.comment-moderation-list blockquote{border-left:3px solid var(--border);opacity:.8;margin:.75rem 0;padding:.65rem}.comment-moderation-list article>button{margin-left:auto;display:block}@media (width<=780px){.landing-header{gap:10px;height:64px;padding:0 16px}.landing-actions{gap:5px;min-width:0}.landing-actions .platform-link{display:none}.landing-actions .leaderboard-button,.landing-actions .theme-toggle,.landing-actions .locale-select,.landing-actions .login-button{flex:0 0 38px;justify-content:center;width:38px;min-width:38px;height:38px;padding:0}.landing-actions .leaderboard-button span{display:none}.landing-actions .login-button{font-size:0}.landing-actions .locale-name,.landing-actions .locale-trigger>svg{display:none}.landing-actions .locale-trigger{justify-content:center;min-height:38px;padding:0 9px}.landing-actions .locale-value{gap:0}.learning-header .learning-brand{gap:8px;min-width:0}.learning-header .dictation-button{flex:0 0 38px;justify-content:center;width:38px;height:38px;padding:0}.learning-header .dictation-button span{display:none}.practice-header{grid-template-columns:35px minmax(0,1fr) auto;gap:8px;height:64px;padding:0 12px}.practice-header>.logo-button,.practice-header>.header-progress{display:none}.practice-header .back-link{justify-content:center;width:35px;height:38px;padding:0}.practice-title{justify-self:stretch;gap:8px;min-width:0}.practice-title>span{flex:0 0 32px;width:32px;height:32px}.practice-title>div{min-width:0}.practice-title b{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.practice-title small{display:none}.practice-user-actions{grid-column:3;gap:5px;min-width:0}.practice-user-actions .locale-select{display:none}.practice-user-actions .theme-toggle{flex:0 0 38px;width:38px;height:38px}}@media (width<=420px){.landing-header{gap:6px;padding:0 12px}.landing-actions{gap:3px}.practice-header{gap:5px;padding:0 10px}.practice-title{gap:6px}.practice-title>span{display:none}}@media (width<=780px){.landing-header{flex-direction:column;align-items:flex-start;height:auto;min-height:64px;padding-block:10px}.landing-actions{overscroll-behavior-inline:contain;scrollbar-width:thin;gap:8px;width:100%;max-width:100%;padding-bottom:2px;overflow-x:auto}.landing-actions .platform-link{display:flex}.landing-actions .leaderboard-button{flex:none;width:auto;min-width:0;padding:0 12px}.landing-actions .leaderboard-button span{display:inline}.landing-actions .theme-toggle{flex:0 0 42px;width:42px;min-width:42px;height:42px}.landing-actions .locale-select{flex:0 0 156px;width:156px;min-width:156px}.landing-actions .locale-name,.landing-actions .locale-trigger>svg{display:inline}.landing-actions .locale-trigger{justify-content:space-between;min-height:42px;padding:0 12px}.landing-actions .locale-value{gap:8px}.landing-actions .login-button{flex:none;width:auto;min-width:0;padding:0 12px;font-size:11px}.landing-actions .account-pill{width:auto;max-width:190px;height:42px;padding:3px}.landing-actions .account-trigger{width:auto;height:34px;padding:0 8px 0 0}.landing-actions .account-trigger-name,.landing-actions .account-quick-logout{display:grid}.landing-actions .account-trigger-name{display:block}.learning-header .dictation-button{flex:none;width:auto;height:38px;padding:0 12px}.learning-header .dictation-button span{display:inline}.practice-header{grid-template-columns:35px minmax(0,1fr);grid-template-areas:"back title""actions actions";gap:8px;height:auto;min-height:64px;padding:8px 12px}.practice-header .back-link{grid-area:back}.practice-title{grid-area:auto}.practice-user-actions{overscroll-behavior-inline:contain;scrollbar-width:thin;grid-area:actions/auto;justify-content:flex-start;gap:8px;width:100%;max-width:100%;padding-bottom:2px;overflow-x:auto}.practice-user-actions .locale-select{flex:0 0 156px;width:156px;min-width:156px;display:block}.practice-user-actions .theme-toggle{flex:0 0 42px;width:42px;height:42px}.practice-user-actions .account-pill{width:auto;max-width:190px;height:42px;padding:3px}.practice-user-actions .account-trigger{width:auto;height:34px;padding:0 8px 0 0}.practice-user-actions .account-trigger-name,.practice-user-actions .account-quick-logout{display:grid}.practice-user-actions .account-trigger-name{display:block}}@media (width<=420px){.landing-header .logo>span:last-child{display:inline}.landing-actions{gap:8px}}.mobile-header-actions,.practice-mobile-actions{display:none}@media (width<=780px){.landing-header{flex-direction:row;justify-content:space-between;align-items:center;height:64px;min-height:64px;padding:0 16px}.landing-actions,.practice-user-actions{display:none}.landing-header>.mobile-header-actions{display:flex}.mobile-header-actions{align-items:center;gap:6px;position:relative}.mobile-header-more{border:1px solid var(--line);background:var(--paper);width:38px;height:38px;color:var(--ink);cursor:pointer;border-radius:9px;place-items:center;padding:0;display:grid}.mobile-header-more:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.mobile-header-menu{z-index:60;border:1px solid var(--line);background:var(--paper);border-radius:12px;gap:7px;width:min(320px,100vw - 24px);padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 38px #17201926}.mobile-header-menu .platform-link,.mobile-header-menu .leaderboard-button,.mobile-header-menu-action{border:1px solid var(--line);background:var(--paper);width:100%;min-height:40px;color:var(--ink);cursor:pointer;border-radius:8px;align-items:center;gap:9px;padding:0 11px;font:700 11px Manrope;text-decoration:none;display:flex}.mobile-header-menu .leaderboard-button{color:#684e20;background:#f5e7c8;border-color:#e8d4a5;justify-content:flex-start}.mobile-header-menu .platform-link-talk{color:#215565;background:#e8f4f5;border-color:#c9e3e8}.mobile-header-menu .platform-link-write{color:#87572a;background:#f8eee5;border-color:#ead5bf}.mobile-header-menu .locale-select{width:100%;min-width:0}.mobile-header-menu .locale-trigger{min-height:40px}.practice-header{grid-template-columns:35px minmax(0,1fr) auto;grid-template-areas:none;gap:8px;height:64px;min-height:64px;padding:0 12px}.practice-header .back-link{grid-area:auto}.practice-title{grid-area:1/2}.practice-mobile-actions{grid-area:1/3;display:block}.practice-mobile-actions .mobile-header-actions{display:flex}.practice-mobile-actions .mobile-header-menu{right:0}}html[data-theme=dark] .mobile-header-more{color:var(--dark-muted);background:#ffffff08;border-color:#ffffff14}html[data-theme=dark] .mobile-header-menu{border-color:var(--dark-border);background:var(--dark-surface-raised);box-shadow:0 18px 42px #0008}html[data-theme=dark] .mobile-header-menu .platform-link,html[data-theme=dark] .mobile-header-menu-action{border-color:var(--dark-border);background:var(--dark-surface-muted);color:var(--dark-text)}html[data-theme=dark] .mobile-header-menu .leaderboard-button{color:#f1cf79;background:#3a301d;border-color:#655332}html[data-theme=dark] .mobile-header-menu .platform-link-talk{color:#9ad8e7;background:#18323a;border-color:#315e68}html[data-theme=dark] .mobile-header-menu .platform-link-write{color:#efc999;background:#37291e;border-color:#66472e}@media (width<=420px){.landing-header{padding:0 12px}.landing-header .logo>span:last-child{display:none}.mobile-header-actions{gap:4px}}