@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--ink:#1e2523;--muted:#737b77;--line:#e6e7e2;--cream:#fbfaf8;--paper:#fff;--mint:#b8e8d5;--mint-deep:#84cdb2;--orange:#f39a6f;--orange-pale:#ffe7d8;--lav:#d9d5ff;--dark:#202623;--shadow:0 24px 60px rgba(27,40,35,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.5}button,a{font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 64px));margin:0 auto}.app-shell{overflow:hidden}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:700;letter-spacing:-1.2px}.brand-dot{color:var(--orange)}.brand-mark{height:27px;width:28px;position:relative;display:inline-flex;align-items:flex-end;gap:3px}.brand-mark i{display:block;width:7px;border-radius:10px;background:var(--dark);transform:rotate(20deg)}.brand-mark i:first-child{height:15px;margin-left:3px;background:var(--orange)}.brand-mark i:nth-child(2){height:23px;background:var(--mint-deep)}.brand-mark i:nth-child(3){height:18px;background:var(--lav)}.main-nav{display:flex;align-items:center;gap:33px;margin-left:auto;margin-right:24px;color:#5f6863}.main-nav a,.footer-links a{transition:color .2s}.main-nav a:hover,.footer-links a:hover{color:var(--ink)}.header-actions{display:flex;align-items:center;gap:20px}.link-button{background:none;color:#5f6863;padding:10px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:7px;padding:12px 18px;font-weight:600;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--dark);color:#fff;box-shadow:0 8px 18px rgba(32,38,35,.12)}.button-dark:hover{background:#35403a;box-shadow:0 12px 24px rgba(32,38,35,.18)}.button-light{background:#fff;color:var(--dark)}.button-outline{background:transparent;border:1px solid #cfd4cd;color:var(--dark)}.button-outline:hover{background:#fff;border-color:var(--ink)}.button-large{padding:15px 23px}.arrow{font-size:18px;line-height:1}.mobile-menu{display:none;background:none;width:34px}.mobile-menu span{height:1px;background:var(--ink);display:block;margin:7px 0}
/* hero */
.hero{min-height:610px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:45px;padding-top:38px;padding-bottom:50px}.eyebrow,.section-kicker{font-size:11px;letter-spacing:1.7px;font-weight:700;color:#7a827d}.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:22px}.eyebrow-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--orange)}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-2.5px;line-height:1.05;font-weight:500}h1{font-size:clamp(45px,5.2vw,72px);margin-bottom:25px}h1 em,h2 em{font-family:'Playfair Display',Georgia,serif;font-weight:500;color:#4e5c55}h2{font-size:clamp(38px,4.4vw,58px);margin-bottom:20px}.hero-text{color:var(--muted);font-size:16px;max-width:490px;line-height:1.75;margin-bottom:29px}.hero-actions{display:flex;align-items:center;gap:25px}.watch-button{display:flex;align-items:center;gap:10px;background:none;color:var(--ink);font-weight:600}.play-icon{display:grid;place-items:center;border:1px solid #ccd1cc;width:33px;height:33px;border-radius:50%;font-size:9px;padding-left:2px;transition:.2s}.watch-button:hover .play-icon{background:var(--dark);border-color:var(--dark);color:white}.hero-meta{display:flex;align-items:center;gap:13px;color:#909793;font-size:12px;margin-top:40px}.avatar-stack{display:flex;padding-left:8px}.avatar-stack span{width:28px;height:28px;border-radius:50%;border:2px solid var(--cream);background:#d9aa8e;display:grid;place-items:center;font-size:7px;font-weight:700;color:#fff;margin-left:-8px}.avatar-stack span:nth-child(2){background:#7d9a91}.avatar-stack span:nth-child(3){background:#c9a84e}.avatar-stack .avatar-more{background:var(--dark);font-size:8px}.hero-visual{position:relative;min-height:510px;display:grid;place-items:center}.glow{position:absolute;border-radius:50%;filter:blur(1px);z-index:0}.glow-one{height:400px;width:400px;background:rgba(184,232,213,.58);top:52px;right:35px}.glow-two{height:170px;width:170px;background:rgba(246,185,133,.3);bottom:20px;left:22px}.practice-card{z-index:1;background:rgba(255,255,255,.9);width:min(455px,90%);border:1px solid rgba(255,255,255,.95);border-radius:13px;padding:27px 27px 22px;box-shadow:var(--shadow);transform:rotate(2.1deg);backdrop-filter:blur(8px)}.practice-top,.speaker-row,.practice-footer,.wave-wrap{display:flex;align-items:center}.practice-top{justify-content:space-between}.mini-label,.player-tag,.panel-label{font-size:9px;font-weight:700;letter-spacing:1.4px;color:#9ba29e}.practice-top h3{font-size:21px;letter-spacing:-.6px;margin:5px 0 0}.circle-button{background:#f5f6f4;color:#98a29c;border-radius:50%;height:29px;width:29px;font-size:10px;letter-spacing:1px}.speaker-row{gap:10px;margin:27px 0 20px}.speaker-avatar{height:34px;width:34px;display:grid;place-items:center;border-radius:50%;background:#e9ad92;color:#fff;font-size:9px;font-weight:700}.speaker-row strong,.speaker-row span{display:block}.speaker-row strong{font-size:12px}.speaker-row span{font-size:10px;color:#929b95;margin-top:2px}.level-pill{margin-left:auto!important;padding:4px 9px;border-radius:20px;color:#789e8c!important;background:#e0f3ea;font-weight:700}.wave-wrap{gap:11px;background:#f6f7f5;border-radius:9px;padding:12px 13px;margin-bottom:20px}.audio-play{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;color:white;background:var(--dark);font-size:8px;padding-left:2px}.waveform{height:32px;flex:1;display:flex;align-items:center;gap:2px}.waveform b{width:2px;background:#b2c7bc;border-radius:4px;display:block}.waveform b.active{background:#5b8f7a}.audio-time{font-size:10px;color:#87918b}.quote-box{background:#fff7f1;padding:16px 17px 13px;border-radius:8px;position:relative;border-left:3px solid var(--orange)}.quote-mark{font-family:Georgia,serif;font-size:31px;line-height:.3;color:#e9976c;position:absolute;top:21px;left:12px}.quote-box p{font-size:14px;line-height:1.5;padding-left:22px;margin:0 0 11px}.quote-box b{color:#dc7b4f}.translate-chip{background:transparent;color:#a7745d;font-size:10px;padding:0;margin-left:22px}.practice-footer{justify-content:space-between;margin-top:18px}.streak{display:flex;align-items:center;gap:8px}.streak-flame{color:#ec8c60;font-size:22px}.streak b,.streak small{display:block}.streak b{font-size:11px}.streak small{color:#98a09b;font-size:9px}.small-dark-button{background:var(--dark);color:white;border-radius:6px;padding:10px 13px;font-size:11px;font-weight:700}.floating-note{position:absolute;z-index:2;background:#fff;border-radius:8px;box-shadow:0 12px 28px rgba(37,49,43,.11);padding:11px 15px;display:flex;align-items:center;gap:9px;font-size:11px}.floating-note strong,.floating-note small{display:block}.floating-note small{color:#98a09b;font-size:9px;margin-top:1px}.note-top{top:75px;left:13px;transform:rotate(-4deg)}.note-icon{color:#e9976c;font-size:18px}.note-bottom{right:3px;bottom:58px;transform:rotate(3deg)}.check-icon{background:#e1f4e9;color:#55a477;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-weight:700}
.logo-ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#a1a8a3}.ribbon-label{font-size:12px}.ribbon-logos{display:flex;align-items:center;gap:42px;font-weight:700;font-size:15px;color:#a3aaa6}.ribbon-logos span:nth-child(2){font-size:14px}.ribbon-logos span:nth-child(3){font-family:Georgia,serif;font-style:italic;font-size:17px}.ribbon-logos span:nth-child(4){font-size:14px}.ribbon-logos span:nth-child(5){font-size:16px}
/* sections */
.method-section{padding:123px 0 128px}.section-heading{max-width:560px}.section-heading.centered{text-align:center;margin:0 auto}.section-heading p{color:var(--muted);line-height:1.7;max-width:520px;margin:0 auto}.section-kicker{display:block;margin-bottom:18px}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:57px}.method-card{min-height:330px;border-radius:12px;padding:27px 27px 24px;position:relative;overflow:hidden}.method-card h3{font-size:21px;letter-spacing:-.6px;margin:36px 0 10px}.method-card p{font-size:13px;line-height:1.7;color:#69746e;max-width:270px}.card-number{position:absolute;right:25px;top:28px;font-size:11px;color:#9eaaa3}.method-icon{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;font-size:25px}.icon-ear{background:#e5f3ec;color:#65af8b}.icon-sound{background:#fce9de;color:#e58f61;font-weight:300}.icon-spark{background:#e7e4ff;color:#7970ca}.card-listen{background:#e9f7f0}.card-speak{background:#fff0e7}.card-remember{background:#eeecff}.text-link{font-size:12px;font-weight:700;display:inline-flex;gap:10px;align-items:center;margin-top:14px;border-bottom:1px solid rgba(30,37,35,.3);padding-bottom:4px}.text-link span{font-size:16px}.mini-wave{position:absolute;bottom:-4px;right:25px;width:128px;height:55px;opacity:.6;background:repeating-linear-gradient(90deg,transparent 0 4px,#92cfb4 4px 7px,transparent 7px 11px);mask-image:linear-gradient(90deg,transparent,#000);transform:skewY(-12deg)}.mini-orb{position:absolute;bottom:-41px;right:-5px;height:130px;width:130px;border-radius:50%;border:1px solid rgba(226,151,106,.23)}.mini-orb:before,.mini-orb:after,.mini-orb span{content:'';position:absolute;border:1px solid rgba(226,151,106,.26);border-radius:50%}.mini-orb:before{inset:16px}.mini-orb:after{inset:32px}.mini-orb span:first-child{inset:47px;background:rgba(245,169,126,.28)}.mini-cards{position:absolute;bottom:24px;right:22px;display:flex;flex-wrap:wrap;justify-content:flex-end;width:160px;gap:6px;transform:rotate(-8deg)}.mini-cards span{font-size:9px;background:rgba(255,255,255,.65);border:1px solid rgba(121,112,202,.16);border-radius:4px;padding:7px;color:#7771aa}.mini-cards span:nth-child(2){transform:translateY(4px)}.mini-cards span:nth-child(3){background:#cbc6ff;color:#5f58ae}
.feature-showcase{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center;padding:30px 0 135px}.showcase-copy p{max-width:430px;color:var(--muted);line-height:1.8;margin-bottom:25px}.check-list{padding:0;margin:0 0 28px;list-style:none}.check-list li{display:flex;align-items:center;gap:10px;font-size:13px;margin:14px 0}.check-list span{height:19px;width:19px;border-radius:50%;background:#ddf3e7;color:#63ad89;display:grid;place-items:center;font-size:11px}.lesson-stack{min-height:480px;position:relative;display:grid;place-items:center}.stack-back{position:absolute;width:77%;height:70%;background:#d7f0e2;border-radius:13px;transform:rotate(6deg) translate(22px,10px)}.lesson-player{z-index:1;background:#fff;width:86%;border-radius:12px;box-shadow:var(--shadow);padding:17px 17px 16px;transform:rotate(-2.5deg)}.player-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px 13px;color:#8e9892}.player-tag{font-size:8px}.video-scene{height:220px;border-radius:7px;overflow:hidden;position:relative;background:linear-gradient(125deg,#dbd4c5 0%,#ece6dc 47%,#97afa3 48%,#a2b8aa 100%)}.scene-sun{height:145px;width:145px;position:absolute;right:24px;top:-60px;background:#f2c997;border-radius:50%;filter:blur(7px);opacity:.8}.scene-window{position:absolute;right:24px;top:19px;width:170px;height:139px;border:8px solid rgba(255,255,255,.65);background:linear-gradient(130deg,rgba(213,236,224,.7),rgba(132,175,160,.5));box-shadow:inset 20px 0 rgba(255,255,255,.22)}.scene-window:before{content:'';position:absolute;top:50%;left:0;right:0;border-top:4px solid rgba(255,255,255,.55)}.scene-window:after{content:'';position:absolute;top:0;bottom:0;left:50%;border-left:4px solid rgba(255,255,255,.55)}.scene-table{position:absolute;bottom:-21px;left:-14%;width:125%;height:82px;background:#927466;transform:rotate(-4deg)}.scene-person{position:absolute;left:31%;bottom:29px;width:57px;height:103px;border-radius:45px 45px 18px 18px;background:#d47756;transform:rotate(7deg)}.scene-person:before{content:'';position:absolute;width:34px;height:34px;border-radius:50%;top:-29px;left:11px;background:#bd805f}.scene-person:after{content:'';position:absolute;width:85px;height:18px;border-radius:50%;bottom:9px;left:-13px;background:#754d47}.scene-caption{position:absolute;left:15px;bottom:14px;color:#fff;font:italic 15px Georgia,serif;text-shadow:0 1px 5px #555}.scene-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:43px;height:43px;border-radius:50%;background:rgba(255,255,255,.87);font-size:11px;padding-left:3px;color:var(--dark)}.player-caption{padding:14px 4px 0}.caption-line{display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.35}.caption-line strong{font-size:11px}.caption-line button{margin-left:auto;background:#eef6f1;color:#65a584;border-radius:4px;padding:3px 7px}.line-time{font-size:9px;color:#79ae97}.caption-line.faded{color:#9ea6a1;margin-top:10px}.player-progress{height:3px;background:#edf0eb;margin-top:14px}.player-progress i{display:block;width:37%;height:100%;background:#75bb9d}.vocab-pop{z-index:2;position:absolute;right:0;bottom:61px;background:var(--dark);color:white;border-radius:9px;padding:13px 15px;display:flex;align-items:flex-start;gap:9px;min-width:220px;box-shadow:0 14px 30px rgba(32,38,35,.22);transform:rotate(3deg)}.sound-small{color:#9edabd;font-size:20px}.vocab-pop b,.vocab-pop small,.vocab-pop p{display:block}.vocab-pop b{font-size:14px}.vocab-pop small{font-size:9px;color:#9ba9a1;margin-top:1px}.vocab-pop p{font-size:10px;margin:6px 0 0;color:#d5ddd8}.save-star{margin-left:auto;font-size:21px;color:#dbece3}
.stats-section{background:#27302c;color:#fff;padding:105px 0 110px}.stats-grid{display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:95px}.light-kicker{color:#90b9a8}.stats-intro h2{color:#fff}.stats-intro h2 em{color:#b9e1d0}.stats-intro p{color:#a4afa9;max-width:385px;line-height:1.8;margin-bottom:30px}.progress-panel{background:#313d37;border:1px solid rgba(255,255,255,.07);border-radius:11px;padding:27px 28px 20px;box-shadow:0 20px 45px rgba(8,15,11,.16)}.progress-head{display:flex;justify-content:space-between;align-items:flex-start}.progress-head strong{font-size:34px;letter-spacing:-1px;display:block;margin-top:5px}.trend{font-size:11px;color:#9ce0bd;background:#365447;padding:6px 9px;border-radius:5px}.bar-chart{height:190px;display:flex;align-items:flex-end;justify-content:space-around;gap:17px;border-bottom:1px solid #4b5751;border-top:1px solid #3f4b45;margin-top:26px;padding:12px 8px 0}.bar-day{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:9px;color:#82908a;font-size:10px}.bar-day i{display:block;width:100%;max-width:35px;border-radius:5px 5px 0 0;background:#527563;position:relative}.bar-day i:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(187,231,210,.55),transparent);border-radius:inherit}.bar-day.active{color:#d6ebe0}.bar-day.active i{background:#9bd7ba}.chart-legend{display:flex;justify-content:space-between;color:#8d9c94;font-size:10px;margin-top:13px}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.legend-dot.mint{background:#9bd7ba}.chart-legend b{color:#e6eeea}.milestone{display:flex;align-items:center;gap:11px;border-top:1px solid #46534c;margin-top:21px;padding-top:17px}.milestone-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:#edab80;background:#59483d}.milestone b,.milestone small{display:block}.milestone b{font-size:11px}.milestone small{color:#8f9e96;font-size:10px;margin-top:3px}.milestone-arrow{margin-left:auto;color:#a8cdb9}
.extension-section{display:grid;grid-template-columns:1fr 1fr;gap:105px;align-items:center;padding-top:135px;padding-bottom:140px}.extension-visual{height:330px;border-radius:11px;background:#f0eee9;box-shadow:var(--shadow);position:relative;overflow:visible;transform:rotate(-1deg)}.browser-top{height:38px;background:#e7e4dd;display:flex;align-items:center;gap:6px;padding:0 15px}.browser-top>span{height:7px;width:7px;border-radius:50%;background:#c5c2b9}.browser-top>span:first-child{background:#eaa889}.browser-top>span:nth-child(2){background:#f2ca8e}.browser-top>span:nth-child(3){background:#a9ceb5}.browser-top small{margin-left:20px;border-radius:3px;background:#f5f3ee;color:#aaa79f;flex:1;padding:4px 9px;font-size:8px}.article-lines{padding:40px 34px}.article-lines i{height:8px;background:#d6d2ca;border-radius:5px;display:block;margin-bottom:14px;width:83%}.article-lines i:first-child{width:60%;height:19px;background:#bcb8af}.article-lines i:nth-child(3){width:96%}.article-lines i:nth-child(4){width:89%}.article-lines i:nth-child(5){width:65%}.article-lines i:nth-child(6){width:77%}.extension-tooltip{position:absolute;right:-25px;top:98px;background:#fff;box-shadow:0 15px 32px rgba(42,46,42,.16);border:1px solid #e7e9e4;border-radius:8px;width:232px;padding:14px 15px}.tooltip-word{display:flex;align-items:center;gap:8px}.tooltip-word b{font-size:15px}.tooltip-word span{font-size:12px;color:#66a789}.tooltip-word .tooltip-save{margin-left:auto;font-size:9px;background:#e1f3e9;border-radius:4px;padding:5px 6px}.extension-tooltip>small{color:#9ba39d;font-size:9px}.extension-tooltip p{font:italic 12px Georgia,serif;margin:11px 0 9px;color:#69736e}.tooltip-vn{border-top:1px solid #edf0eb;padding-top:9px;color:#63a082;font-size:10px}.extension-copy p{color:var(--muted);line-height:1.8;max-width:410px}.extension-points{display:flex;flex-direction:column;gap:13px;margin:24px 0}.extension-points div{display:flex;align-items:center;gap:10px;font-size:12px}.extension-points span{height:22px;width:22px;border-radius:6px;display:grid;place-items:center;background:#e9f5ef;color:#65a68a}.extension-points div:nth-child(2) span{background:#fff0e8;color:#da8e65}.extension-points div:nth-child(3) span{background:#edebff;color:#7c75c4}
.pricing-section{padding:110px 0 130px;background:#f5f6f2}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:52px}.price-card{background:#fff;border:1px solid #eaebe6;border-radius:10px;padding:29px 25px 27px;position:relative}.price-card.popular{border:1.5px solid #8dcdb0;box-shadow:0 14px 35px rgba(118,166,142,.13)}.popular-tag{position:absolute;right:20px;top:19px;color:#5b9b7d;background:#e5f5ec;border-radius:3px;padding:5px 7px;font-size:8px;font-weight:700;letter-spacing:.6px}.price-label{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#929b96}.price-card h3{font-size:24px;letter-spacing:-.8px;margin:16px 0 7px}.price-card>p{font-size:12px;color:#8a948d;min-height:36px}.price{display:flex;align-items:baseline;gap:6px;margin:23px 0 22px}.price strong{font-size:29px;letter-spacing:-1px}.price span{color:#929a96;font-size:10px}.button.full{width:100%}.price-list{list-style:none;padding:18px 0 0;margin:24px 0 0;border-top:1px solid #eef0eb;color:#66716a;font-size:11px}.price-list li{margin:12px 0}.price-list li:before{content:'✓';color:#6dae8c;font-weight:700;margin-right:9px}.final-cta{min-height:310px;display:flex;align-items:center;justify-content:space-between;gap:30px}.final-cta h2{margin:0}.site-footer{border-top:1px solid var(--line);min-height:93px;display:flex;align-items:center;gap:30px;color:#909992;font-size:11px}.site-footer .brand{font-size:19px;color:var(--ink)}.site-footer .brand-mark{transform:scale(.76);transform-origin:left center;width:22px;margin-right:-2px}.footer-links{display:flex;gap:22px;margin-left:auto}.footer-links a:last-child{color:#b0b7b2}
/* app */
.hidden{display:none!important}.app-view{min-height:100vh;background:#f7f8f5;display:flex}.app-sidebar{width:252px;background:#fff;border-right:1px solid #e7eae5;padding:28px 16px 18px;display:flex;flex-direction:column;flex-shrink:0}.sidebar-brand{display:flex;justify-content:space-between;align-items:center;padding:0 10px 28px}.sidebar-brand .brand{font-size:21px}.sidebar-brand .brand-mark{transform:scale(.8);transform-origin:left center;width:22px;margin-right:-3px}.profile-mini{display:flex;gap:10px;align-items:center;border:1px solid #eef0ec;padding:11px 10px;border-radius:8px}.profile-avatar,.header-avatar{height:31px;width:31px;border-radius:50%;background:#d8a287;color:#fff;display:grid;place-items:center;font-size:9px;font-weight:700}.profile-mini b,.profile-mini span{display:block}.profile-mini b{font-size:11px}.profile-mini span{font-size:9px;color:#98a09b;margin-top:2px}.profile-more{margin-left:auto!important;font-size:16px!important;color:#9aa39c!important}.app-nav{margin-top:28px;display:flex;flex-direction:column;gap:3px}.nav-caption{font-size:9px;font-weight:700;letter-spacing:1.4px;color:#a6aea9;padding:0 12px 9px}.nav-caption.second{margin-top:24px}.app-link{display:flex;align-items:center;gap:11px;height:40px;border-radius:7px;padding:0 12px;color:#7c8780;font-size:12px;transition:.2s}.app-link:hover{background:#f3f6f2;color:var(--ink)}.app-link span{width:18px;text-align:center;font-size:17px}.app-link.active{background:#e4f4eb;color:#528f73;font-weight:700}.app-link em{font-style:normal;font-size:9px;background:#f4e7df;color:#c17c59;padding:3px 6px;border-radius:10px;margin-left:auto}.sidebar-bottom{margin-top:auto}.streak-box{background:#fff6ed;border-radius:8px;padding:12px;display:flex;gap:9px;align-items:center}.streak-box .streak-flame{font-size:21px}.streak-box b,.streak-box small{display:block}.streak-box b{font-size:10px}.streak-box small{font-size:9px;color:#a38c7d;margin-top:2px}.sidebar-help{background:var(--dark);color:white;width:100%;text-align:left;padding:12px 13px;border-radius:7px;margin-top:12px;font-size:11px}.sidebar-help span{color:#b4e7d0;margin-right:6px}.sidebar-help i{float:right;font-style:normal;color:#8da89b}.app-main{flex:1;min-width:0}.app-header{height:76px;background:#fff;border-bottom:1px solid #e7eae5;display:flex;align-items:center;justify-content:space-between;padding:0 35px}.breadcrumb{font-size:12px;color:#a1aaa4}.breadcrumb span{padding:0 8px;color:#d1d7d2}.breadcrumb b{color:#36423b}.app-header-actions{display:flex;align-items:center;gap:18px}.icon-action{background:none;color:#8d9992;font-size:21px;position:relative}.icon-action i{position:absolute;right:1px;top:2px;height:5px;width:5px;border-radius:50%;background:var(--orange)}.app-content{max-width:1100px;margin:0 auto;padding:43px 40px 60px}.app-greeting{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.app-greeting h1{font-size:36px;margin:7px 0 0}.app-greeting h1 em{font-size:36px}.app-greeting p{font-size:12px;color:#919b94;margin:0}.date-pill{font-size:11px;color:#718079;background:#fff;border:1px solid #e9ece7;padding:9px 12px;border-radius:6px}.dash-grid{display:grid;grid-template-columns:1.45fr .8fr;gap:17px}.continue-card{background:var(--dark);border-radius:10px;min-height:237px;padding:26px;color:white;position:relative;overflow:hidden}.continue-card:after{content:'';position:absolute;width:250px;height:250px;right:-70px;top:-87px;border:1px solid rgba(184,232,213,.2);border-radius:50%;box-shadow:0 0 0 28px rgba(184,232,213,.03),0 0 0 57px rgba(184,232,213,.03)}.continue-card .mini-label{color:#93b9a6}.continue-card h2{font-size:28px;color:white;margin:13px 0 8px;position:relative;z-index:1}.continue-card p{font-size:11px;color:#a9b5ad;position:relative;z-index:1}.continue-meta{display:flex;gap:8px;margin-top:24px;position:relative;z-index:1}.continue-meta span{background:#37463f;padding:6px 8px;border-radius:4px;font-size:9px;color:#b5d5c5}.continue-card .small-dark-button{background:#b6e7d1;color:#1d3b2e;margin-top:22px;position:relative;z-index:1}.daily-card,.streak-chart{background:#fff;border:1px solid #e8ebe6;border-radius:10px;padding:22px}.daily-card h3,.streak-chart h3,.section-card h3{font-size:14px;letter-spacing:-.3px;margin:0}.daily-card p{font-size:10px;color:#9ba39d;margin:6px 0 17px}.ring{width:105px;height:105px;border-radius:50%;margin:0 auto 17px;background:conic-gradient(#82c8a6 0 72%,#edf3ed 72% 100%);display:grid;place-items:center;position:relative}.ring:before{content:'';position:absolute;inset:10px;border-radius:50%;background:#fff}.ring-inner{position:relative;text-align:center}.ring strong{display:block;font-size:23px;letter-spacing:-1px}.ring small{color:#9ba39d;font-size:9px}.daily-card button{width:100%;background:#f0f7f2;color:#559172;border-radius:6px;padding:9px;font-size:10px;font-weight:700}.dash-lower{display:grid;grid-template-columns:1.45fr .8fr;gap:17px;margin-top:17px}.section-card{background:#fff;border:1px solid #e8ebe6;border-radius:10px;padding:22px}.section-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.view-all{font-size:10px;color:#66a285;font-weight:700}.lesson-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #f0f2ef}.lesson-thumb{height:42px;width:58px;border-radius:5px;background:linear-gradient(135deg,#bbded0,#718c7f);position:relative;overflow:hidden}.lesson-thumb:after{content:'▶';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.8);height:20px;width:20px;display:grid;place-items:center;border-radius:50%;font-size:7px;padding-left:2px}.lesson-row:nth-child(3) .lesson-thumb{background:linear-gradient(135deg,#f7cfb5,#b67a64)}.lesson-row:nth-child(4) .lesson-thumb{background:linear-gradient(135deg,#dad6fa,#8983bd)}.lesson-info{flex:1}.lesson-info b,.lesson-info span{display:block}.lesson-info b{font-size:11px}.lesson-info span{font-size:9px;color:#9aa49d;margin-top:3px}.lesson-tag{color:#67a085;background:#eaf6ef;padding:4px 6px;border-radius:4px;font-size:8px}.bar-list{display:flex;align-items:flex-end;height:133px;gap:11px;border-bottom:1px solid #e8ece8;padding:9px 2px 0}.bar-list div{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;color:#9da7a0;font-size:9px}.bar-list i{display:block;width:100%;max-width:23px;background:#bfe5d2;border-radius:4px 4px 0 0}.bar-list div.active i{background:#75bb9d}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:17px}.quick-action{background:#fff;border:1px solid #e8ebe6;border-radius:8px;padding:15px;text-align:left;color:var(--ink)}.quick-action span{font-size:19px;display:block;margin-bottom:9px}.quick-action b{display:block;font-size:11px}.quick-action small{font-size:9px;color:#9ca49e;display:block;margin-top:3px}.page-title{font-size:31px;letter-spacing:-1.4px;margin:0}.page-subtitle{font-size:12px;color:#929b95;margin:7px 0 27px}.library-filters{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap}.filter-pill{background:#fff;border:1px solid #e7ebe6;border-radius:20px;padding:7px 12px;font-size:10px;color:#849088}.filter-pill.active{background:#e3f4ea;color:#589578;border-color:#cae7d7}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.library-card{background:#fff;border:1px solid #e8ebe6;border-radius:9px;overflow:hidden}.library-thumb{height:135px;position:relative;background:linear-gradient(135deg,#bedfd1,#6d8c7b)}.library-card:nth-child(2) .library-thumb{background:linear-gradient(135deg,#f5d0b9,#ae7562)}.library-card:nth-child(3) .library-thumb{background:linear-gradient(135deg,#dfdcfa,#8581ba)}.library-card:nth-child(4) .library-thumb{background:linear-gradient(135deg,#e8d5a6,#9d7b51)}.library-card:nth-child(5) .library-thumb{background:linear-gradient(135deg,#c9d9eb,#6b8197)}.library-card:nth-child(6) .library-thumb{background:linear-gradient(135deg,#f0cbd7,#b46b84)}.library-thumb:before{content:'';position:absolute;inset:17px 23px;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.4);border-radius:5px;transform:skewY(-5deg)}.library-thumb:after{content:'▶';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background:#fff;color:#486256;display:grid;place-items:center;font-size:9px;padding-left:2px}.library-card-body{padding:15px}.library-card-body b{font-size:12px}.library-card-body small{font-size:9px;color:#929c95;display:block;margin-top:4px}.library-card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:14px;color:#6aa287;font-size:9px}.vocab-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.search-input{background:#fff;border:1px solid #e6eae5;border-radius:6px;padding:10px 12px;font-size:10px;outline:none;width:200px}.vocab-table{background:#fff;border:1px solid #e8ebe6;border-radius:9px;overflow:hidden}.vocab-head,.vocab-item{display:grid;grid-template-columns:1.25fr 1fr .8fr 36px;gap:15px;align-items:center;padding:14px 18px}.vocab-head{color:#9ca69f;font-size:9px;background:#fbfcfa}.vocab-item{border-top:1px solid #eff1ee;font-size:11px}.vocab-item small{display:block;color:#9aa39d;font-size:9px;margin-top:3px}.vocab-sound{color:#62a081;font-size:16px}.vocab-level{color:#ca8761;background:#fff0e7;border-radius:3px;padding:4px 6px;font-size:9px;width:max-content}.star-button{background:none;color:#c3c9c4;font-size:19px}.star-button.saved{color:#f0a272}.progress-hero{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:17px}.big-stat{background:#fff;border:1px solid #e8ebe6;border-radius:10px;padding:23px}.big-stat span{color:#99a39c;font-size:10px}.big-stat strong{display:block;font-size:31px;letter-spacing:-1px;margin-top:9px}.big-stat em{font-style:normal;font-size:10px;color:#69a486}.wide-chart{background:#fff;border:1px solid #e8ebe6;border-radius:10px;padding:22px}.wide-chart .bar-list{height:180px}.empty-state{text-align:center;padding:55px 20px;background:#fff;border:1px dashed #dfe5df;border-radius:10px}.empty-state .empty-icon{font-size:32px;color:#8cc4a7}.empty-state h3{margin:14px 0 6px}.empty-state p{font-size:11px;color:#9ba39d}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.setting-card{background:#fff;border:1px solid #e8ebe6;border-radius:9px;padding:22px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-top:1px solid #f0f2ef;font-size:11px}.setting-row:first-of-type{margin-top:10px}.setting-row small{display:block;color:#9ba39d;font-size:9px;margin-top:3px}.toggle{height:22px;width:39px;background:#8bc8a7;border-radius:20px;padding:3px}.toggle:after{content:'';display:block;height:16px;width:16px;border-radius:50%;background:#fff;margin-left:16px}.app-menu{display:none;background:none;color:#75827a;font-size:20px}.skill-row{display:grid;grid-template-columns:82px 1fr 35px;align-items:center;gap:10px;margin:17px 0;font-size:10px;color:#78847c}.skill-row b{text-align:right;color:#4c735f;font-size:10px}.skill-bar{height:7px;background:#edf2ed;border-radius:5px;overflow:hidden}.skill-bar i{display:block;height:100%;background:#82c5a4;border-radius:inherit}.achievement{display:flex;align-items:center;gap:10px;border-top:1px solid #f0f2ef;padding:14px 0}.achievement>span{height:29px;width:29px;display:grid;place-items:center;border-radius:8px;background:#fff0e5;color:#e4986d}.achievement b,.achievement small{display:block}.achievement b{font-size:10px}.achievement small{font-size:9px;color:#9ca59f;margin-top:2px}
/* modal/toast */
.modal-backdrop{position:fixed;inset:0;background:rgba(23,29,26,.45);backdrop-filter:blur(4px);z-index:20;display:grid;place-items:center;padding:20px}.modal{background:#fff;border-radius:12px;width:min(540px,100%);padding:33px;position:relative;box-shadow:0 25px 70px rgba(10,18,13,.25);animation:pop .25s ease}.modal-close{position:absolute;top:15px;right:17px;background:#f2f4f1;width:27px;height:27px;border-radius:50%;font-size:18px;color:#768078}.modal h2{font-size:30px;margin-bottom:10px}.modal p{font-size:13px;color:#7f8a83;line-height:1.7}.modal-form{display:flex;flex-direction:column;gap:8px;margin-top:22px}.modal-form label{font-size:10px;font-weight:700;color:#69766d}.modal-form input{border:1px solid #e0e6e0;border-radius:6px;padding:12px;font:inherit;font-size:12px;outline:none}.modal-form input:focus{border-color:#83c9a6;box-shadow:0 0 0 3px #e6f5ed}.modal-form .button{margin-top:10px}.modal-note{text-align:center;font-size:10px!important;margin:13px 0 0}.demo-dialog{display:grid;grid-template-columns:120px 1fr;gap:22px;align-items:center}.demo-visual{height:130px;border-radius:9px;background:linear-gradient(135deg,#d3f0e0,#8fc3a8);display:grid;place-items:center;color:#fff;font-size:32px}.lesson-modal .modal-lesson-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.lesson-modal .modal-lesson-head h2{margin:5px 0 0;font-size:27px}.lesson-progress{height:5px;background:#edf1ed;border-radius:5px;margin:15px 0 23px}.lesson-progress i{display:block;height:100%;width:42%;background:#7fc3a3;border-radius:inherit}.listen-box{background:#f2faf5;border-radius:8px;padding:20px;text-align:center}.listen-box .audio-play{margin:0 auto 12px;width:42px;height:42px}.listen-box p{font-size:15px;color:var(--ink);margin:0}.answer-input{margin-top:14px;display:flex;gap:8px}.answer-input input{flex:1}.ai-box{background:#eff8f2;border-radius:8px;padding:16px;margin:18px 0;font-size:11px;color:#5e7969}.ai-box b{display:block;color:#3d7559;margin-bottom:6px}.ai-box .transcript{display:block;color:#365b48;font-size:14px;font-style:italic;margin-top:5px}.ai-box .provider-note{display:block;color:#7c9788;font-size:9px;margin-top:9px}.toast{position:fixed;right:25px;bottom:25px;background:var(--dark);color:#fff;border-radius:7px;padding:12px 16px;z-index:30;display:flex;gap:9px;align-items:center;font-size:11px;box-shadow:0 12px 30px rgba(0,0,0,.18);transform:translateY(20px);opacity:0;pointer-events:none;transition:.3s}.toast.show{transform:translateY(0);opacity:1}.toast span:first-child{color:#a7e2c4;font-weight:700}@keyframes pop{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1000px){.main-nav{gap:19px;margin-right:0}.hero{gap:15px}.feature-showcase,.extension-section{gap:50px}.stats-grid{gap:45px}.ribbon-logos{gap:20px}.ribbon-label{display:none}.app-content{padding:34px 25px}.app-sidebar{width:225px}}
@media(max-width:760px){.container{width:min(100% - 36px,560px)}.site-header{height:72px}.main-nav,.header-actions{display:none}.mobile-menu{display:block}.hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:45px}.hero-copy{text-align:left}.hero-visual{min-height:440px;margin-top:13px}.practice-card{width:93%}.note-top{left:-2px;top:42px}.note-bottom{right:-2px;bottom:30px}.logo-ribbon{height:auto;padding:18px 0;justify-content:center}.ribbon-logos{width:100%;justify-content:space-between;gap:8px;font-size:11px}.ribbon-logos span:nth-child(4),.ribbon-logos span:nth-child(5){display:none}.method-section{padding:80px 0 84px}.method-grid{grid-template-columns:1fr;gap:12px;margin-top:35px}.method-card{min-height:255px}.feature-showcase,.extension-section{grid-template-columns:1fr;padding:10px 0 85px}.feature-showcase{gap:30px}.lesson-stack{min-height:390px}.lesson-player{width:92%}.video-scene{height:175px}.vocab-pop{right:-2px;bottom:38px}.stats-section{padding:75px 0}.stats-grid{grid-template-columns:1fr;gap:35px}.extension-section{gap:55px}.extension-visual{height:280px}.extension-tooltip{right:-5px;top:85px}.pricing-section{padding:78px 0}.pricing-grid{grid-template-columns:1fr;gap:12px;margin-top:35px}.final-cta{min-height:260px;flex-direction:column;align-items:flex-start;justify-content:center}.site-footer{flex-wrap:wrap;padding:25px 0;gap:12px}.site-footer>span{order:3;width:100%}.footer-links{margin-left:0;gap:15px;flex-wrap:wrap}.app-sidebar{position:fixed;left:-270px;top:0;bottom:0;z-index:15;transition:left .25s;box-shadow:8px 0 25px rgba(0,0,0,.08)}.app-sidebar.open{left:0}.sidebar-close{display:block}.app-header{padding:0 18px}.app-menu{display:block}.breadcrumb{margin-left:11px;margin-right:auto}.app-header-actions{gap:10px}.app-content{padding:28px 18px 50px}.app-greeting{align-items:flex-start;gap:15px;flex-direction:column}.app-greeting h1,.app-greeting h1 em{font-size:31px}.date-pill{align-self:flex-start}.dash-grid,.dash-lower{grid-template-columns:1fr}.quick-actions{grid-template-columns:1fr 1fr}.library-grid{grid-template-columns:1fr 1fr}.library-thumb{height:115px}.progress-hero,.settings-grid{grid-template-columns:1fr}.vocab-head,.vocab-item{grid-template-columns:1fr .7fr 30px}.vocab-head span:nth-child(3),.vocab-item>div:nth-child(3){display:none}.vocab-top{align-items:flex-start;gap:12px;flex-direction:column}.search-input{width:100%}.demo-dialog{grid-template-columns:1fr}.demo-visual{height:80px}.modal{padding:28px 22px}}
@media(max-width:430px){h1{font-size:41px}.hero-actions{gap:15px;flex-wrap:wrap}.hero-meta{font-size:10px}.practice-card{padding:21px 18px}.practice-top h3{font-size:18px}.ribbon-logos span:nth-child(3){display:none}.section-heading h2{font-size:39px}.lesson-stack{min-height:330px}.vocab-pop{min-width:190px;right:-10px}.vocab-pop p{display:none}.library-grid{grid-template-columns:1fr}.library-thumb{height:150px}.progress-panel{padding:20px 17px}.bar-chart{gap:9px}.app-greeting h1,.app-greeting h1 em{font-size:28px}}
/* vocabulary library */
.vocab-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:38px}.vocab-page-head .page-title{margin-top:5px}.vocab-head-actions{display:flex;align-items:center;gap:13px}.vocab-head-actions .button{font-size:10px}.vocab-total{color:#929c95;font-size:10px}.vocab-total b{font-size:20px;color:#4f8f71;margin-right:4px}.vocab-source-section{margin-bottom:40px}.source-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:18px}.source-section-head h2,.vocab-list-head h2{font-size:28px;letter-spacing:-1px;margin:5px 0 0}.source-section-head p{max-width:355px;color:#929b95;font-size:11px;line-height:1.6;margin-bottom:0}.vocab-source-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.vocab-source-card{background:#fff;border:1px solid #e8ebe6;border-radius:9px;padding:16px 14px 14px;min-height:207px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.vocab-source-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(35,49,41,.08)}.source-orange{background:#fff4ed;border-color:#f5e0d2}.source-mint{background:#edf8f2;border-color:#d5eee0}.source-lav{background:#f1efff;border-color:#e2defb}.source-blue{background:#eef6fb;border-color:#dcebf5}.source-gold{background:#fff9e9;border-color:#f4e9c3}.source-card-top{display:flex;align-items:center;justify-content:space-between}.source-symbol{height:31px;width:31px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.68);font-family:Georgia,serif;font-size:18px;color:#d67d56}.source-mint .source-symbol{color:#5a9a78}.source-lav .source-symbol{color:#766db8}.source-blue .source-symbol{color:#568aac}.source-gold .source-symbol{color:#b18c48}.vocab-source-card .source-badge{margin-bottom:0}.vocab-source-card h3{font-size:14px;letter-spacing:-.35px;margin:16px 0 3px;line-height:1.2}.vocab-source-card>small{color:#88938c;font-size:8px}.vocab-source-card>p{font-size:10px;line-height:1.45;color:#78837b;margin:10px 0 14px}.source-card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;gap:4px}.source-learn{background:none;color:#518b6e;font-size:9px;font-weight:700;padding:0}.source-card-bottom>a{color:#929d96;font-size:8px}.vocab-source-note{display:flex;gap:9px;align-items:flex-start;background:#f1f7f2;border:1px solid #e0eee4;border-radius:7px;padding:11px 13px;margin-top:13px;color:#6f8b79}.vocab-source-note>span{color:#6caf8a}.vocab-source-note p{font-size:9px;line-height:1.5;margin:0}.vocab-list-section{background:#fff;border:1px solid #e8ebe6;border-radius:10px;padding:23px 22px}.vocab-list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.vocab-list-head h2{margin-bottom:0}.vocab-list-controls{display:flex;align-items:center;gap:8px}.vocab-list-controls .button{font-size:9px;padding:10px 12px}.vocab-search-wrap{display:flex;align-items:center;gap:4px;border:1px solid #e4e9e4;background:#fcfdfb;border-radius:6px;padding:0 9px}.vocab-search-wrap>span{font-size:16px;color:#91a098}.vocab-search-wrap .search-input{border:0;width:220px;padding-left:3px;background:transparent}.vocab-filter-row{display:flex;gap:7px;flex-wrap:wrap;margin:23px 0 17px}.vocab-filter{font-size:9px!important}.vocab-filter span{opacity:.65;margin-left:3px}.vocab-word-cell{display:flex;align-items:center;gap:8px}.vocab-audio{height:25px;width:25px;border-radius:6px;background:#e7f5ed;color:#5e9b7a;font-size:11px}.vocab-meaning{font-size:11px}.vocab-example{color:#9da69f!important;line-height:1.35;margin-top:4px}.vocab-source-name{display:block;color:#98a29c;font-size:8px;margin-top:5px;white-space:nowrap}.vocab-empty-row{text-align:center;padding:40px;color:#9ba49f;font-size:11px}.vocab-list-footer{display:flex;justify-content:space-between;color:#9ba49f;font-size:9px;margin-top:15px}.vocab-list-footer span:first-child{color:#68a083}.vocab-page-head+.vocab-source-section{}
/* vocabulary practice */
.vocab-mode-dialog{padding:4px}.vocab-mode-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.vocab-mode-head h2{font-size:29px;margin:4px 0 8px;letter-spacing:-1.3px}.vocab-mode-head p{font-size:12px;color:#8c968f;margin:0}.mode-session-badge{font-size:10px;color:#589576;background:#e5f5eb;padding:7px 9px;border-radius:4px;white-space:nowrap}.vocab-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:17px}.vocab-mode-option{display:flex;align-items:center;gap:10px;text-align:left;background:#fff;border:1px solid #e7ebe6;border-radius:8px;padding:13px 12px;position:relative;min-height:64px;transition:.2s}.vocab-mode-option:hover{border-color:#a8d8bd;background:#fbfefc}.vocab-mode-option.active{border:1.5px solid #e45eae;background:#fff6fb;box-shadow:0 5px 14px rgba(231,91,174,.09)}.mode-icon{height:31px;width:31px;display:grid;place-items:center;border-radius:8px;background:#f6eaf1;color:#ab5689;font-size:16px;flex-shrink:0}.vocab-mode-option:nth-child(2) .mode-icon{background:#edf3fa;color:#668bb2}.vocab-mode-option:nth-child(3) .mode-icon{background:#fff0e7;color:#df8b61}.vocab-mode-option:nth-child(4) .mode-icon{background:#e9f6ef;color:#63a27e}.vocab-mode-option:nth-child(5) .mode-icon{background:#f0edff;color:#7d74be}.vocab-mode-option:nth-child(6) .mode-icon{background:#fff6d9;color:#bc9550}.vocab-mode-option b,.vocab-mode-option small{display:block}.vocab-mode-option b{font-size:11px;color:#303934}.vocab-mode-option small{font-size:9px;color:#959e98;line-height:1.35;margin-top:3px}.mode-radio{margin-left:auto;height:14px;width:14px;border:1.5px solid #b7beb9;border-radius:50%;position:relative;flex-shrink:0}.vocab-mode-option.active .mode-radio{border-color:#e45eae}.vocab-mode-option.active .mode-radio:after{content:'';position:absolute;inset:3px;border-radius:50%;background:#e45eae}.vocab-practice-dialog{padding:3px 4px}.practice-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.practice-topbar h2{font-size:24px;letter-spacing:-1px;margin:5px 0 0}.practice-score-pill{color:#579574;background:#e7f5ed;border-radius:4px;padding:6px 8px;font-size:9px;white-space:nowrap}.practice-progress{height:5px;background:#edf1ed;border-radius:4px;margin:20px 0 22px;overflow:hidden}.practice-progress i{height:100%;display:block;background:#df74ad;border-radius:inherit;transition:width .2s}.practice-body{min-height:180px}.practice-flashcard{height:178px;position:relative;perspective:900px;margin:0 auto 15px;max-width:360px}.flash-face{position:absolute;inset:0;border-radius:9px;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;background:linear-gradient(145deg,#fff9fc,#fdebf5);border:1px solid #f1d6e5;transition:transform .5s;transform:rotateY(0)}.flash-back{transform:rotateY(180deg);background:linear-gradient(145deg,#eff9f3,#dff2e8);border-color:#cee8d9}.practice-flashcard.flipped .flash-front{transform:rotateY(-180deg)}.practice-flashcard.flipped .flash-back{transform:rotateY(0)}.flash-face small{font-size:9px;letter-spacing:1.3px;color:#a2929c}.flash-face strong{font-size:25px;letter-spacing:-.8px;margin:11px 0 6px}.flash-face span{font-size:10px;color:#7d9e8b}.flash-face em{font-size:9px;color:#9d9f9d;margin-top:12px;max-width:285px}.practice-choice-actions{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.practice-choice-actions .button{font-size:10px;padding:10px 12px}.practice-clue{background:#f1f8f3;border:1px solid #dceee2;border-radius:8px;text-align:center;padding:22px 15px;margin-bottom:20px}.practice-clue small,.practice-clue strong,.practice-clue span{display:block}.practice-clue small{font-size:9px;letter-spacing:1.2px;color:#84a494}.practice-clue strong{font-size:24px;margin:8px 0 5px;letter-spacing:-.5px}.practice-clue span{font-size:10px;color:#98a49c}.practice-label{display:block;font-size:10px;font-weight:700;color:#6d7970;margin-bottom:7px}.practice-input{width:100%;border:1px solid #dfe7df;border-radius:6px;padding:12px;font:inherit;font-size:13px;outline:none;background:#fff}.practice-input:focus{border-color:#82c4a2;box-shadow:0 0 0 3px #e8f5ed}.practice-submit{margin-top:12px;width:100%;font-size:10px!important}.listen-practice{text-align:center;background:#f8f4fa;border:1px solid #e9e0ee;border-radius:8px;padding:20px;margin-bottom:20px}.listen-big{height:46px;width:46px;border-radius:50%;background:#df75ad;color:white;font-size:17px;display:block;margin:0 auto 9px}.listen-practice b,.listen-practice small{display:block}.listen-practice b{font-size:11px}.listen-practice small{font-size:9px;color:#969f99;margin-top:4px}.blank-practice{background:#f8f5e9;border:1px solid #eee3b6;border-radius:8px;padding:18px;margin-bottom:20px}.blank-practice small{font-size:9px;letter-spacing:1.2px;color:#aa9461}.blank-practice p{font-size:17px;line-height:1.5;margin:12px 0 7px}.blank-practice>span{font-size:10px;color:#9f957a}.blank-slot{color:#d78b58;border-bottom:2px solid #e7af8d}.practice-feedback{display:flex;align-items:flex-start;gap:10px;border-radius:6px;padding:12px;margin:17px 0 11px}.practice-feedback>span{height:22px;width:22px;border-radius:50%;display:grid;place-items:center;font-weight:700}.practice-feedback b,.practice-feedback p{display:block}.practice-feedback b{font-size:10px}.practice-feedback p{font-size:10px;color:#818c85;line-height:1.5;margin:3px 0 0}.practice-feedback p strong{color:#c87856}.practice-feedback.good{background:#eff9f2}.practice-feedback.good>span{background:#d2efdd;color:#5c9e79}.practice-feedback.needs-review{background:#fff5ee}.practice-feedback.needs-review>span{background:#ffe1d0;color:#cc815d}.practice-keyword{font-size:9px;color:#a0a8a3;margin:15px 0 0;text-align:right}.practice-complete{text-align:center;padding:10px 4px 4px}.complete-icon{height:53px;width:53px;border-radius:15px;background:#fce6f3;color:#df6eaa;display:grid;place-items:center;margin:0 auto 17px;font-size:26px}.practice-complete h2{font-size:29px;margin:4px 0 10px}.practice-complete p{font-size:12px;color:#8d9890;line-height:1.6}.complete-stat{display:grid;grid-template-columns:1fr 1fr;background:#f5f8f4;border-radius:8px;padding:14px;margin:20px 0}.complete-stat b,.complete-stat span{display:block}.complete-stat b{font-size:20px;color:#579574}.complete-stat span{font-size:9px;color:#9aa39d;margin-top:3px}
/* vocabulary collection detail */
.vocab-app-theme{background:#100912;color:#fff}.vocab-app-theme .app-sidebar{background:#170914;border-right-color:#2f1728}.vocab-app-theme .sidebar-brand .brand,.vocab-app-theme .profile-mini b,.vocab-app-theme .app-link.active,.vocab-app-theme .app-header .breadcrumb b{color:#fff}.vocab-app-theme .profile-mini{background:#220c1b;border-color:#3b1b31}.vocab-app-theme .profile-mini span,.vocab-app-theme .profile-more{color:#b99eaf!important}.vocab-app-theme .nav-caption{color:#8f7386}.vocab-app-theme .app-link{color:#b69caf}.vocab-app-theme .app-link:hover{background:#281123;color:#fff}.vocab-app-theme .app-link.active{background:#4a1c38;color:#fff}.vocab-app-theme .sidebar-help{background:#f42599;color:#fff}.vocab-app-theme .streak-box{background:#2a1422}.vocab-app-theme .streak-box b{color:#fff}.vocab-app-theme .streak-box small{color:#b69aaa}.vocab-app-theme .app-header{background:#170914;border-bottom-color:#2f1728}.vocab-app-theme .breadcrumb{color:#a98d9f}.vocab-app-theme .breadcrumb span{color:#654355}.vocab-app-theme .icon-action{color:#b99eaf}.vocab-app-theme .header-avatar{background:#682b59}.vocab-dark-page{margin:-43px -40px -60px;min-height:calc(100vh - 76px);background:#160912;color:#fff;padding:38px 40px 60px}.vocab-muted{color:#a8889b;font-size:12px;margin:7px 0 0}.vocab-overview-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:29px}.vocab-overview-head .page-title{color:#fff;margin-top:5px}.vocab-user-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;min-width:470px}.vocab-stat-box{display:flex;align-items:center;gap:10px;background:#230c1c;border:1px solid #3a172c;border-radius:8px;padding:12px}.vocab-stat-icon{height:31px;width:31px;display:grid;place-items:center;border-radius:7px;background:#481632;color:#f12c9b;font-size:17px}.vocab-stat-icon.orange{background:#3f1e24;color:#f68a35}.vocab-stat-icon.green{background:#123622;color:#4edf9a}.vocab-stat-box b,.vocab-stat-box small{display:block}.vocab-stat-box b{font-size:20px;line-height:1;color:#fff}.vocab-stat-box small{font-size:9px;color:#a78599;margin-top:4px}.vocab-category-tabs{display:flex;gap:0;background:#281024;border-radius:7px;padding:4px;width:max-content;margin-bottom:27px}.vocab-category{background:transparent;color:#b69aad;font-size:11px;padding:8px 17px;border-radius:5px}.vocab-category.active{background:#e91b91;color:#fff;font-weight:700}.vocab-course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.vocab-course-card{background:#210b1a;border:1px solid #3b192e;border-radius:10px;overflow:hidden;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.vocab-course-card:hover{transform:translateY(-3px);border-color:#e02795;box-shadow:0 15px 28px rgba(238,28,148,.1)}.course-cover{height:184px;position:relative;overflow:hidden;background:#1e1720;padding:18px 19px;display:flex;flex-direction:column;justify-content:center}.course-cover:before{content:'';position:absolute;inset:21px 28px;border:1px solid rgba(255,255,255,.28);transform:rotate(-2deg);opacity:.6}.course-cover:after{content:'';position:absolute;right:-39px;top:-35px;height:170px;width:170px;border-radius:50%;border:1px solid rgba(255,255,255,.25);box-shadow:0 0 0 25px rgba(255,255,255,.04),0 0 0 50px rgba(255,255,255,.03)}.course-cover strong{z-index:1;color:#fbdce9;font-size:27px;line-height:.92;letter-spacing:1px;text-shadow:2px 2px 0 rgba(0,0,0,.25)}.course-cover strong em{font-style:normal;color:#f826a1;font-size:53px;letter-spacing:-2px}.course-cover-mini{z-index:1;font-size:7px;letter-spacing:1.7px;color:#fbc6df;margin-bottom:8px}.course-cover-seal{position:absolute;right:14px;bottom:12px;z-index:2;background:#ef178d;border-radius:50%;height:31px;width:31px;display:grid;place-items:center;font-size:7px;font-weight:700;color:#fff}.course-b2 .course-cover{background:linear-gradient(135deg,#22151d,#8a204f)}.course-b1 .course-cover{background:linear-gradient(135deg,#201923,#7d224f)}.course-oxford .course-cover{background:linear-gradient(135deg,#1c2630,#37677b)}.course-oxford .course-cover strong em{color:#e6d44e}.course-toeic .course-cover{background:linear-gradient(135deg,#202022,#63606b)}.course-toeic .course-cover strong em{color:#ff8a2a;font-size:26px;letter-spacing:0}.course-ielts20 .course-cover{background:linear-gradient(135deg,#1d1528,#5e3678)}.course-ielts20 .course-cover strong em{color:#f5d15d;font-size:28px;letter-spacing:0}.course-card-body{padding:15px 16px 17px}.course-card-title{display:flex;justify-content:space-between;gap:10px}.course-card-title h3{font-size:15px;margin:0 0 6px;color:#fff;letter-spacing:-.2px}.course-card-title p{font-size:10px;line-height:1.4;color:#a9869a;margin:0;min-height:42px}.course-pro{background:#4c2c1a;color:#f3a34c;border-radius:3px;padding:5px 7px;font-size:8px;height:max-content}.course-card-meta{display:flex;align-items:center;gap:8px;color:#b18da2;font-size:9px;margin-top:12px}.course-card-meta i{font-style:normal;color:#70435d}.course-progress-line{height:5px;background:#3a172d;border-radius:5px;margin-top:13px;overflow:hidden}.course-progress-line i{display:block;height:100%;background:#e51a91;border-radius:inherit}.course-progress-caption{display:flex;justify-content:space-between;color:#a78699;font-size:9px;margin-top:7px}.course-progress-caption b{color:#e5bed5}.vocab-library-note{display:flex;align-items:center;gap:11px;background:#24101d;border:1px solid #3c1b2d;border-radius:8px;padding:12px 15px;margin-top:22px}.vocab-library-note>span{height:26px;width:26px;border-radius:7px;background:#43142f;color:#ef36a2;display:grid;place-items:center}.vocab-library-note b{font-size:10px;color:#f8dbea}.vocab-library-note p{font-size:9px;color:#b08ea2;margin:3px 0 0}.vocab-source-links{display:flex;gap:18px;align-items:center;color:#876779;font-size:9px;margin-top:23px}.vocab-source-links a{color:#c09daf}.vocab-source-links a:hover{color:#f7259d}.vocab-detail-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:31px}.vocab-back{background:none;color:#b797aa;font-size:11px;padding:0}.vocab-back:hover{color:#f52a9f}.vocab-detail-actions{display:flex;gap:9px;align-items:center}.vocab-icon-button{height:34px;width:34px;background:#281023;color:#e3a6ca;border-radius:6px;font-size:18px}.vocab-detail-actions .button{font-size:10px;background:#f21d95}.vocab-detail-title{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.vocab-detail-title .page-title{color:#fff;margin:5px 0 0}.detail-count{text-align:right}.detail-count b,.detail-count span{display:block}.detail-count b{font-size:25px;color:#ff319d}.detail-count span{font-size:9px;color:#a98699}.detail-progress-card{background:#230c1c;border:1px solid #3a172c;border-radius:8px;padding:14px 17px;margin-bottom:17px}.detail-progress-card>div:first-child{display:flex;justify-content:space-between;color:#a9889a;font-size:9px}.detail-progress-card>div:first-child b{color:#f1d6e5}.detail-progress-bar{height:6px;background:#40172f;border-radius:5px;margin-top:10px;overflow:hidden}.detail-progress-bar i{height:100%;display:block;background:#e91b91}.detail-progress-caption{display:flex;justify-content:space-between;font-size:8px;color:#8e6d80;margin-top:6px}.premium-banner{display:flex;align-items:center;gap:11px;background:linear-gradient(90deg,#2d0d22,#1e0b18);border:1px solid #4b1a37;border-radius:8px;padding:11px 15px;margin-bottom:25px}.premium-banner>span{height:27px;width:27px;background:#50152f;border-radius:7px;display:grid;place-items:center;color:#fa2a9b}.premium-banner b,.premium-banner small{display:block}.premium-banner b{font-size:10px}.premium-banner small{font-size:9px;color:#aa879b;margin-top:2px}.premium-button{margin-left:auto;background:#ec2097;color:#fff;border-radius:5px;padding:9px 13px;font-size:9px;font-weight:700}.unit-section{margin-top:26px}.unit-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:15px}.unit-section-head h2{font-size:20px;color:#fff;margin:5px 0 0;letter-spacing:-.7px}.unit-summary{font-size:9px;color:#9f7d91}.unit-tabs{display:flex;gap:7px;overflow-x:auto;padding:18px 0 13px;border-bottom:1px solid #3a172d}.unit-tab{white-space:nowrap;background:#2b1223;color:#af8b9d;border:1px solid #482039;border-radius:18px;padding:8px 15px;font-size:9px}.unit-tab.active{background:#f01d95;border-color:#f01d95;color:white;font-weight:700}.unit-heading{display:flex;align-items:center;gap:10px;color:#a98a9a;font-size:10px;margin:19px 0 13px}.unit-heading b{font-size:11px;color:#fff}.unit-heading strong{margin-left:auto;color:#f34fae;font-size:10px}.unit-part-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.unit-part-card{background:#220b1a;border:1px solid #3c192f;border-radius:9px;padding:14px}.part-card-top{display:flex;gap:10px;align-items:flex-start;min-height:51px}.part-number{height:29px;width:29px;border-radius:7px;background:#3a142c;color:#fff;display:grid;place-items:center;font-size:12px;flex-shrink:0}.part-card-top h3{font-size:11px;color:#fff;line-height:1.3;margin:0 0 4px}.part-card-top small{font-size:9px;color:#9e7c90}.part-progress{height:5px;background:#3d172f;border-radius:4px;margin:13px 0 8px;overflow:hidden}.part-progress i{height:100%;display:block;background:#e91b91}.part-meta{display:flex;gap:7px;color:#a17e91;font-size:8px;margin-bottom:13px}.part-meta span:nth-child(2){color:#7aa7e2}.part-practice{width:100%;padding:9px 7px;border:1px solid #4a203b;border-radius:5px;color:#f1d8e7;background:#301326;font-size:9px}.part-practice:hover{background:#f11e97;border-color:#f11e97;color:#fff}
/* shadowing workspace */
.shadowing-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:27px}.shadowing-header .page-title{margin-top:5px}.shadowing-header-actions{display:flex;gap:9px;align-items:center}.shadowing-header-actions .button{font-size:10px}.shadowing-layout{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(290px,.72fr);gap:17px}.shadow-main-card,.shadow-coach-card{background:#fff;border:1px solid #e8ebe6;border-radius:10px}.shadow-main-card{overflow:hidden;padding:18px 18px 20px}.shadow-video{height:342px;border-radius:7px;overflow:hidden;position:relative;background:#9db6aa}.shadow-youtube{position:absolute;inset:0;width:100%;height:100%;border:0}.shadow-video-bg{position:absolute;inset:0;background:linear-gradient(123deg,#d8d1c3 0%,#eee7d9 44%,#8da99b 45%,#b4cabe 100%)}.shadow-cafe-light{height:210px;width:210px;position:absolute;right:35px;top:-78px;border-radius:50%;background:#f5d1a1;filter:blur(14px);opacity:.8}.shadow-cafe-window{position:absolute;right:34px;top:35px;height:178px;width:225px;border:11px solid rgba(255,255,255,.68);background:linear-gradient(130deg,rgba(205,234,219,.78),rgba(111,157,139,.65));box-shadow:inset 28px 0 rgba(255,255,255,.2)}.shadow-cafe-window:before{content:'';position:absolute;top:50%;left:0;right:0;border-top:5px solid rgba(255,255,255,.54)}.shadow-cafe-window:after{content:'';position:absolute;top:0;bottom:0;left:50%;border-left:5px solid rgba(255,255,255,.54)}.shadow-cafe-counter{position:absolute;bottom:-23px;left:-10%;width:123%;height:116px;transform:rotate(-4deg);background:#886b5f}.shadow-cafe-person{position:absolute;bottom:48px;left:29%;height:164px;width:82px;border-radius:50px 50px 18px 18px;background:#d47658;transform:rotate(6deg)}.shadow-cafe-person:before{content:'';position:absolute;top:-43px;left:15px;height:49px;width:49px;border-radius:50%;background:#bc805e}.shadow-cafe-person:after{content:'';position:absolute;bottom:17px;left:-20px;height:24px;width:124px;border-radius:50%;background:#654844}.shadow-location{position:absolute;left:20px;top:18px;color:#fff;font-size:9px;letter-spacing:1.3px;text-shadow:0 1px 5px #53665d}.shadow-caption{position:absolute;bottom:20px;left:20px;right:20px;color:#fff;font:italic 19px Georgia,serif;text-shadow:0 1px 6px rgba(18,30,24,.6)}.shadow-center-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:56px;width:56px;border-radius:50%;background:rgba(255,255,255,.9);color:#2b3e34;font-size:14px;padding-left:4px;box-shadow:0 7px 18px rgba(32,44,37,.16)}.shadow-controls{height:48px;display:flex;align-items:center;gap:13px;color:#89948d;font-size:10px}.shadow-controls button{background:none;color:#7a8880;font-size:16px;padding:2px}.shadow-controls .shadow-control-play{height:28px;width:28px;border-radius:50%;background:var(--dark);color:white;font-size:9px;padding-left:3px}.shadow-timeline{height:4px;flex:1;background:#e9eeea;border-radius:5px;overflow:hidden}.shadow-timeline i{display:block;width:22%;height:100%;background:#79bc9c}.shadow-script-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-top:14px;border-top:1px solid #eef1ed}.shadow-script-head .section-kicker{margin-bottom:6px}.shadow-script-head strong{font-size:12px}.shadow-script-tools{display:flex;align-items:center;gap:5px}.shadow-script-tools button{font-size:9px;background:#f5f7f4;color:#849088;padding:7px 9px;border-radius:4px}.shadow-script-tools .speed-btn.active{background:#e1f3e8;color:#579675;font-weight:700}.shadow-sentence{display:flex;gap:15px;align-items:flex-start;margin-top:18px;padding:17px 15px;background:#f4faf6;border-left:3px solid #85c6a7;border-radius:5px}.sentence-index{color:#77ac91;font-size:10px;font-weight:700;padding-top:3px}.sentence-copy{flex:1}.sentence-english{font-size:18px;letter-spacing:-.35px;line-height:1.45;margin:0}.sentence-english:before{content:'“';color:#89bd9f;font-family:Georgia,serif;font-size:27px;margin-right:4px}.sentence-english .word-chip{color:#4d9c79;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px;background:none;padding:0;font-size:inherit}.sentence-ipa{font-size:11px;color:#7dad95;margin:8px 0 0;font-family:Georgia,serif}.sentence-translation{font-size:10px;color:#929d96;margin-top:9px}.sentence-audio{background:#e0f2e7;color:#5f9f7f;border-radius:50%;height:29px;width:29px;font-size:12px}.transcript-hidden .sentence-english,.transcript-hidden .sentence-ipa,.transcript-hidden .sentence-translation{filter:blur(5px);user-select:none}.shadow-next-line{display:grid;grid-template-columns:30px 1fr 45px;align-items:center;gap:0;margin-top:12px;padding:10px 15px;color:#9ea8a1;font-size:11px;border-bottom:1px solid #f0f2ef}.shadow-next-line span:first-child{font-size:10px}.shadow-next-line span:last-child{text-align:right;font-size:9px}.shadow-coach-card{padding:24px 22px;display:flex;flex-direction:column}.coach-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.coach-card-head h2{font-size:23px;margin:6px 0 0;letter-spacing:-1px}.coach-ready{font-size:8px;letter-spacing:1px;color:#67a084;background:#e5f5eb;border-radius:4px;padding:6px 7px}.coach-score{display:flex;align-items:center;gap:15px;margin:28px 0 22px}.coach-score-ring{width:92px;height:92px;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(#e3ebe5 0 100%);position:relative;flex-shrink:0}.coach-score-ring:before{content:'';position:absolute;inset:8px;background:#fff;border-radius:50%}.coach-score-ring strong,.coach-score-ring small{position:relative;display:block}.coach-score-ring strong{font-size:27px;line-height:1;letter-spacing:-1px}.coach-score-ring small{font-size:9px;color:#9aa49d;margin-top:4px}.coach-score b{display:block;font-size:12px;line-height:1.35}.coach-score p{color:#98a39b;font-size:10px;line-height:1.55;margin:6px 0 0}.record-wave{height:74px;background:#f6f8f5;border:1px solid #edf0ec;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:3px;margin-bottom:13px;overflow:hidden}.record-wave i{display:block;width:3px;border-radius:3px;background:#c7dfd1;transition:height .2s}.record-wave.recording i{background:#7ec2a0;animation:wave 1s ease-in-out infinite alternate}.record-wave.recording i:nth-child(2n){animation-delay:.15s}.record-wave.recording i:nth-child(3n){animation-delay:.3s}@keyframes wave{to{height:45px!important}}.record-button{width:100%;padding:13px;border-radius:6px;background:var(--dark);color:#fff;font-weight:700;font-size:11px}.record-button span{color:#f2a17a;margin-right:5px}.shadow-ai-feedback{display:flex;gap:10px;background:#fff7f1;border-radius:6px;padding:13px;margin-top:16px}.feedback-icon{height:24px;width:24px;display:grid;place-items:center;background:#ffe2d2;border-radius:6px;color:#db885e}.shadow-ai-feedback b,.shadow-ai-feedback p{display:block}.shadow-ai-feedback b{font-size:10px}.shadow-ai-feedback p{font-size:10px;color:#89938c;line-height:1.5;margin:4px 0 0}.shadow-result{margin-top:auto;padding-top:16px}.result-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;border-top:1px solid #eef1ed;padding:16px 0}.result-metrics div{background:#f4f8f4;border-radius:5px;padding:9px 6px;text-align:center}.result-metrics span,.result-metrics b{display:block}.result-metrics span{color:#8c9890;font-size:8px}.result-metrics b{color:#4f9373;font-size:18px;margin-top:4px}.shadow-coach-card .button{font-size:10px;padding:11px}.shadow-bottom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:17px}.shadow-info-card{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e8ebe6;border-radius:8px;padding:13px}.shadow-info-card.active{border-color:#aad8bd;background:#f3faf5}.info-step{color:#9eaaa2;font-size:10px}.shadow-info-card b,.shadow-info-card small{display:block}.shadow-info-card b{font-size:10px}.shadow-info-card small{font-size:9px;color:#9ca59f;margin-top:2px}.info-arrow{margin-left:auto;color:#a1b2a9;font-size:16px}
.dictation-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:27px}.dictation-header-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.dictation-header-actions .button{font-size:10px}.dictation-layout{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(290px,.72fr);gap:17px}.dictation-main-card,.dictation-coach-card{background:#fff;border:1px solid #e8ebe6;border-radius:10px}.dictation-main-card{overflow:hidden;padding:18px}.dictation-video{height:300px;border-radius:7px;overflow:hidden;position:relative;background:#b8d2c5}.dictation-youtube{position:absolute;inset:0;width:100%;height:100%;border:0}.dictation-video-bg{position:absolute;inset:0;background:linear-gradient(120deg,#ded5c4,#f0e8db 44%,#93af9e 45%,#aac5b6)}.dictation-sun{height:180px;width:180px;position:absolute;right:45px;top:-72px;border-radius:50%;background:#f4cf9c;filter:blur(13px)}.dictation-window{position:absolute;right:45px;top:28px;width:205px;height:145px;border:9px solid rgba(255,255,255,.6);background:linear-gradient(130deg,#d2ebde,#83aa97)}.dictation-window:before{content:'';position:absolute;left:0;right:0;top:50%;border-top:4px solid rgba(255,255,255,.5)}.dictation-window:after{content:'';position:absolute;top:0;bottom:0;left:50%;border-left:4px solid rgba(255,255,255,.5)}.dictation-table{position:absolute;bottom:-20px;left:-10%;width:120%;height:96px;transform:rotate(-4deg);background:#8c6d60}.dictation-mug{position:absolute;bottom:61px;left:28%;width:57px;height:42px;border-radius:5px 5px 16px 16px;background:#e8ded0;box-shadow:0 9px 0 -4px rgba(255,255,255,.4)}.dictation-mug:after{content:'';position:absolute;right:-18px;top:8px;width:21px;height:20px;border:5px solid #e8ded0;border-left:0;border-radius:0 15px 15px 0}.dictation-location{position:absolute;left:20px;top:18px;color:#fff;font-size:9px;letter-spacing:1.3px;text-shadow:0 1px 5px #53665d}.dictation-scene-title{position:absolute;left:21px;bottom:20px;color:#fff;font-size:22px;line-height:1.12;text-shadow:0 1px 6px rgba(18,30,24,.6)}.dictation-scene-title em{font-family:Georgia,serif}.dictation-controls{height:48px;display:flex;align-items:center;gap:12px;color:#89948d;font-size:10px}.dictation-controls button{background:none;color:#7a8880;font-size:16px;padding:2px}.dictation-controls .dictation-play{height:28px;width:28px;border-radius:50%;background:var(--dark);color:white;font-size:9px;padding-left:3px}.dictation-timeline{height:4px;flex:1;background:#e9eeea;border-radius:5px;overflow:hidden}.dictation-timeline i{display:block;width:28%;height:100%;background:#79bc9c}.dictation-speed{font-size:9px!important;background:#f5f7f4!important;padding:7px 8px!important;border-radius:4px}.dictation-speed.active{background:#e1f3e8!important;color:#579675!important;font-weight:700}.dictation-task-card{border-top:1px solid #eef1ed;padding:20px 4px 2px}.dictation-task-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.dictation-task-head .section-kicker{margin-bottom:6px}.dictation-task-head h2{font-size:24px;margin:0;letter-spacing:-1px}.task-status{font-size:8px;letter-spacing:1px;color:#a0aaa4;background:#f2f5f2;padding:7px;border-radius:4px}.dictation-prompt{color:#8a958d;font-size:11px;line-height:1.6;margin:14px 0}.dictation-task-card textarea{width:100%;display:block;resize:vertical;border:1px solid #e3e9e3;border-radius:6px;padding:13px;font:inherit;font-size:13px;line-height:1.5;outline:none;background:#fcfdfb}.dictation-task-card textarea:focus{border-color:#86c7a6;box-shadow:0 0 0 3px #e7f5ed}.dictation-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:10px}.dictation-actions .button{font-size:10px;padding:10px 12px}.dictation-marked,.dictation-hint,.dictation-reveal{margin:18px 0 12px;background:#f2f9f4;border-radius:6px;padding:13px}.dictation-marked b,.dictation-hint b,.dictation-reveal b{font-size:10px}.dictation-marked p{line-height:2;margin:7px 0 2px}.dictation-marked small{font-size:9px;color:#8c9890}.word-correct,.word-missed{font-size:12px;border-radius:3px;padding:4px 5px}.word-correct{background:#daf1e3;color:#4b9270}.word-missed{background:#ffe4d5;color:#cc805b}.dictation-hint p,.dictation-reveal p{font-size:13px;margin:7px 0 0;color:#5c8d73}.dictation-coach-card{padding:24px 22px;display:flex;flex-direction:column}.dictation-coach-head{display:flex;justify-content:space-between;align-items:flex-start}.dictation-coach-head h2{font-size:23px;margin:6px 0 0;letter-spacing:-1px}.dictation-score{display:flex;align-items:center;gap:15px;margin:29px 0 25px}.dictation-score-ring{width:92px;height:92px;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(#e3ebe5 0 100%);position:relative;flex-shrink:0}.dictation-score-ring:before{content:'';position:absolute;inset:8px;background:#fff;border-radius:50%}.dictation-score-ring strong,.dictation-score-ring small{position:relative;display:block}.dictation-score-ring strong{font-size:27px;line-height:1;letter-spacing:-1px}.dictation-score-ring small{font-size:9px;color:#9aa49d;margin-top:4px}.dictation-score b{display:block;font-size:12px;line-height:1.35}.dictation-score p{color:#98a39b;font-size:10px;line-height:1.55;margin:6px 0 0}.dictation-mini-stat{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #eef1ed;border-bottom:1px solid #eef1ed;padding:15px 0;gap:12px}.dictation-mini-stat span,.dictation-mini-stat b{display:block}.dictation-mini-stat span{font-size:8px;color:#9ba49e}.dictation-mini-stat b{font-size:16px;color:#5a9677;margin-top:4px}.dictation-tip{display:flex;gap:10px;background:#fff7f1;border-radius:6px;padding:13px;margin-top:16px}.dictation-tip>span{height:24px;width:24px;display:grid;place-items:center;background:#ffe3d4;border-radius:6px;color:#db885e}.dictation-tip b{font-size:10px}.dictation-tip p{font-size:10px;color:#89938c;line-height:1.5;margin:4px 0 0}.dictation-ai-feedback{display:flex;gap:9px;margin-top:auto;padding-top:16px;color:#6a9a80;font-size:10px}.dictation-ai-feedback>span{font-size:18px}.dictation-ai-feedback p{margin:0;color:#8c9890;line-height:1.5}.dictation-ai-feedback b{display:block;color:#5d9377;margin-bottom:3px}.dictation-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:17px}.dictation-bottom>div{background:#fff;border:1px solid #e8ebe6;border-radius:8px;padding:13px}.dictation-bottom>div.active{border-color:#abd9bf;background:#f3faf5}.dictation-bottom span,.dictation-bottom b,.dictation-bottom small{display:block}.dictation-bottom span{font-size:9px;color:#a0aaa3}.dictation-bottom b{font-size:10px;margin-top:6px}.dictation-bottom small{font-size:9px;color:#9ba49d;margin-top:3px}
.shadow-library-banner{display:flex;justify-content:space-between;gap:25px;align-items:flex-start;margin-bottom:27px}.shadow-library-banner .page-subtitle{margin-bottom:0}.library-banner-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.library-banner-actions .button{font-size:10px}.shadow-library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.shadow-library-card{cursor:pointer}.shadow-library-card .library-thumb{height:145px}.shadow-thumb{background:linear-gradient(135deg,#bfded0,#658c7a)!important}.yt-thumb-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.youtube-mark,.thumb-duration{z-index:1}.shadow-thumb-1{background:linear-gradient(135deg,#dad7f8,#817cb4)!important}.shadow-thumb-2{background:linear-gradient(135deg,#f5d0b9,#ac7662)!important}.shadow-thumb-3{background:linear-gradient(135deg,#c8dced,#657d94)!important}.shadow-thumb-4{background:linear-gradient(135deg,#e4d1a5,#92734f)!important}.shadow-thumb-5{background:linear-gradient(135deg,#f0cbd7,#aa6d82)!important}.youtube-mark{position:absolute;left:13px;top:12px;color:#fff;font-size:10px;font-weight:700;text-shadow:0 1px 3px #4f655b}.thumb-duration{position:absolute;right:11px;bottom:10px;background:rgba(32,38,35,.68);color:#fff;border-radius:3px;padding:4px 6px;font-size:8px}.shadow-library-card .library-card-body{min-height:190px}.source-badge{display:block;color:#5f9a7c;font-size:8px;font-weight:700;letter-spacing:.3px;margin-bottom:7px}.shadow-library-card .library-card-body>b{display:block}.shadow-card-description{color:#8c9790;font-size:10px;line-height:1.45;min-height:30px;margin:10px 0 0}.shadow-library-card .library-card-meta{margin-top:12px}.shadow-library-card .library-card-meta>a{font-size:9px;color:#759080}.content-note{display:flex;gap:10px;align-items:flex-start;background:#f0f7f2;border-radius:7px;padding:12px 14px;margin-top:20px;color:#72917f}.content-note span{font-size:15px}.content-note p{font-size:10px;line-height:1.5;margin:0}.shadowing-header-actions{flex-wrap:wrap;justify-content:flex-end}.feedback-list{padding:0;margin:7px 0 0;list-style:none}.feedback-list li{font-size:10px;color:#89938c;line-height:1.45;margin:5px 0}.feedback-list li:before{content:'·';color:#e1986c;font-weight:bold;margin-right:6px}.eval-breakdown{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;border-top:1px solid #eef1ed;padding:14px 0}.eval-breakdown div{background:#f4f8f4;border-radius:5px;padding:8px 4px;text-align:center}.eval-breakdown span,.eval-breakdown b{display:block}.eval-breakdown span{font-size:8px;color:#8c9890}.eval-breakdown b{font-size:15px;color:#4f9373;margin-top:3px}.focus-words{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:-4px 0 13px}.focus-words>span{font-size:9px;color:#9aa49d;margin-right:3px}.focus-words em{font-style:normal;font-size:9px;color:#5e997b;background:#eaf6ef;padding:4px 6px;border-radius:4px}
@media(max-width:760px){.vocab-page-head{align-items:flex-start;flex-direction:column}.vocab-head-actions{width:100%;justify-content:space-between}.source-section-head{align-items:flex-start;flex-direction:column;gap:10px}.vocab-source-grid{grid-template-columns:repeat(2,1fr)}.vocab-list-head{align-items:flex-start;flex-direction:column}.vocab-list-controls{width:100%;flex-wrap:wrap}.vocab-search-wrap{flex:1}.vocab-search-wrap .search-input{width:100%}.vocab-list-controls .button{white-space:nowrap}.vocab-table{overflow-x:auto}.vocab-head,.vocab-item{min-width:620px}.vocab-list-footer{gap:10px;flex-direction:column}.dictation-header{flex-direction:column}.dictation-header-actions{width:100%;justify-content:space-between}.library-banner-actions{width:100%;justify-content:flex-start}.dictation-layout{grid-template-columns:1fr}.dictation-main-card{padding:11px}.dictation-video{height:235px}.dictation-window{right:18px;width:150px;height:112px}.dictation-scene-title{font-size:18px}.dictation-controls{gap:7px}.dictation-controls span{font-size:8px}.dictation-task-head{flex-direction:column}.dictation-actions{justify-content:flex-start;flex-wrap:wrap}.dictation-coach-card{min-height:420px}.dictation-bottom{grid-template-columns:1fr}.dictation-bottom>div:not(.active){display:none}.shadow-library-banner{flex-direction:column}.shadow-library-banner .button{align-self:flex-start}.shadow-library-grid{grid-template-columns:1fr 1fr}.shadowing-header{flex-direction:column}.shadowing-header-actions{width:100%;justify-content:space-between}.shadowing-layout{grid-template-columns:1fr}.shadow-main-card{padding:11px}.shadow-video{height:245px}.shadow-cafe-window{right:18px;width:156px;height:130px}.shadow-cafe-person{left:25%;height:125px;width:62px}.shadow-caption{font-size:15px;bottom:14px}.shadow-controls{gap:8px}.shadow-controls span{font-size:8px}.shadow-script-head{align-items:flex-start;flex-direction:column}.shadow-script-tools{width:100%;justify-content:flex-end}.sentence-english{font-size:15px}.shadow-coach-card{min-height:470px}.shadow-bottom-grid{grid-template-columns:1fr}.shadow-info-card{padding:12px}.shadow-info-card:not(.active){display:none}}
@media(max-width:760px){.vocab-mode-grid{grid-template-columns:1fr}.vocab-mode-head{gap:10px}.vocab-mode-head h2{font-size:25px}.practice-topbar h2{font-size:21px}.practice-choice-actions .button{flex:1}.dictation-header{flex-direction:column}}
@media(max-width:430px){.vocab-source-grid{grid-template-columns:1fr}.vocab-source-card{min-height:180px}.vocab-list-section{padding:18px 12px}.vocab-search-wrap{width:100%;flex:none}.vocab-list-controls .button{width:100%}.dictation-video{height:200px}.dictation-window{right:8px;top:20px;width:120px;height:95px;border-width:7px}.dictation-scene-title{font-size:16px;left:14px}.dictation-controls{gap:4px}.dictation-controls button{font-size:13px}.dictation-task-card h2{font-size:21px}.dictation-actions .button{padding:9px 10px}.shadow-library-grid{grid-template-columns:1fr}.shadow-video{height:205px}.shadow-cafe-window{right:8px;top:22px;width:125px;height:105px;border-width:7px}.shadow-cafe-person{left:23%;bottom:34px}.shadow-controls{gap:4px}.shadow-controls button{font-size:13px}.shadow-sentence{gap:9px;padding:13px 10px}.sentence-english{font-size:14px}.sentence-translation{font-size:9px}}
@media(max-width:760px){.vocab-dark-page{margin:-28px -18px -50px;padding:29px 18px 50px}.vocab-overview-head{align-items:flex-start;flex-direction:column}.vocab-user-stats{width:100%;min-width:0}.vocab-stat-box{padding:9px 8px}.vocab-stat-box b{font-size:17px}.vocab-stat-box small{font-size:8px}.vocab-course-grid{grid-template-columns:repeat(2,1fr);gap:10px}.course-cover{height:137px;padding:12px}.course-cover strong{font-size:19px}.course-cover strong em{font-size:37px}.course-card-body{padding:12px}.course-card-title h3{font-size:12px}.course-card-title p{font-size:9px;min-height:54px}.course-card-meta{font-size:8px;gap:4px}.vocab-source-links{flex-wrap:wrap;gap:10px}.vocab-detail-title{align-items:flex-start;flex-direction:column}.detail-count{text-align:left}.premium-banner{align-items:flex-start;flex-wrap:wrap}.premium-button{margin-left:0}.unit-section-head{align-items:flex-start;flex-direction:column}.unit-part-grid{grid-template-columns:1fr 1fr}.unit-heading{align-items:flex-start;flex-wrap:wrap}.unit-heading strong{margin-left:0}.vocab-detail-actions .button{font-size:9px}.vocab-detail-head{margin-bottom:22px}}
@media(max-width:430px){.vocab-user-stats{gap:6px}.vocab-stat-box{gap:6px}.vocab-stat-icon{height:26px;width:26px;font-size:14px}.vocab-course-grid{grid-template-columns:1fr}.course-cover{height:165px}.course-cover strong{font-size:25px}.course-cover strong em{font-size:48px}.unit-part-grid{grid-template-columns:1fr}.vocab-category{padding:8px 13px}.vocab-category-tabs{max-width:100%;overflow-x:auto}.vocab-detail-actions{gap:5px}.vocab-detail-actions .button{padding:9px 10px}}
/* global dark interface */
.dark-ui{--ink:#f7eaf1;--muted:#b799aa;--line:#3b2132;--cream:#100811;--paper:#1f0e1c;--dark:#f21d95;color:var(--ink);background:#100811}
.dark-ui .app-shell{background:#100811;color:var(--ink)}
.dark-ui .site-header{border-bottom:1px solid transparent}
.dark-ui .brand,.dark-ui .main-nav,.dark-ui .link-button{color:#f7eaf1}.dark-ui .main-nav a{color:#b69aaa}.dark-ui .main-nav a:hover,.dark-ui .link-button:hover{color:#fff}.dark-ui .button-dark{background:#f21d95;color:#fff;box-shadow:0 9px 22px rgba(242,29,149,.22)}.dark-ui .button-dark:hover{background:#ff46ac}.dark-ui .button-outline{border-color:#583148;color:#f5dce9}.dark-ui .button-outline:hover{background:#2a1224;border-color:#e8329e}.dark-ui .hero-text,.dark-ui .hero-meta{color:#a98b9e}.dark-ui h1 em,.dark-ui h2 em{color:#e4c3d8}.dark-ui .watch-button{color:#f5dce9}.dark-ui .play-icon{border-color:#5b3349}.dark-ui .watch-button:hover .play-icon{background:#f21d95;border-color:#f21d95}.dark-ui .practice-card{background:rgba(32,14,28,.95);border-color:#4a203b;box-shadow:0 24px 60px rgba(0,0,0,.32)}.dark-ui .mini-label,.dark-ui .section-kicker,.dark-ui .panel-label{color:#a98b9e}.dark-ui .circle-button,.dark-ui .wave-wrap{background:#2a1425;color:#c0a6b5}.dark-ui .waveform b{background:#624358}.dark-ui .waveform b.active{background:#8fd5b4}.dark-ui .quote-box{background:#321a22}.dark-ui .quote-box p{color:#f1dce6}.dark-ui .translate-chip{color:#efa57f}.dark-ui .floating-note{background:#251120;color:#fff;border:1px solid #482139}.dark-ui .floating-note small{color:#b99baa}.dark-ui .logo-ribbon{border-color:#382031;color:#a98a9d}.dark-ui .ribbon-logos{color:#ad8ea0}.dark-ui .method-section,.dark-ui .feature-showcase,.dark-ui .extension-section,.dark-ui .final-cta{background:#100811}.dark-ui .section-heading p,.dark-ui .showcase-copy p,.dark-ui .extension-copy p{color:#ad91a1}.dark-ui .lesson-player,.dark-ui .extension-visual,.dark-ui .price-card{background:#21101d;border-color:#452137;box-shadow:0 20px 45px rgba(0,0,0,.28)}.dark-ui .player-caption,.dark-ui .caption-line{color:#ecd6e3}.dark-ui .caption-line.faded{color:#a78a9b}.dark-ui .price-card>p,.dark-ui .price span,.dark-ui .price-list{color:#b097a7}.dark-ui .pricing-section{background:#190d17}.dark-ui .site-footer{border-color:#382031;color:#a98b9e}.dark-ui .site-footer .brand{color:#fff}
.dark-ui .app-view{background:#100811;color:#f8ebf2}.dark-ui .app-sidebar,.dark-ui .app-header{background:#170914;border-color:#321b2d}.dark-ui .profile-mini{background:#220c1b;border-color:#452139}.dark-ui .profile-mini b{color:#fff}.dark-ui .profile-mini span,.dark-ui .profile-more{color:#b99eaf!important}.dark-ui .nav-caption{color:#916f85}.dark-ui .app-link{color:#b69caf}.dark-ui .app-link:hover{background:#2b1224;color:#fff}.dark-ui .app-link.active{background:#4a1c38;color:#fff}.dark-ui .streak-box{background:#2a1422}.dark-ui .streak-box b{color:#fff}.dark-ui .streak-box small{color:#b69aaa}.dark-ui .sidebar-help{background:#f21d95;color:#fff}.dark-ui .breadcrumb{color:#a98d9f}.dark-ui .breadcrumb b{color:#fff}.dark-ui .breadcrumb span{color:#654355}.dark-ui .icon-action{color:#c3a9b8}.dark-ui .app-content{color:#f8ebf2}.dark-ui .date-pill{background:#24111f;border-color:#4a263d;color:#c4a8b8}.dark-ui .daily-card,.dark-ui .section-card,.dark-ui .library-card,.dark-ui .wide-chart,.dark-ui .big-stat,.dark-ui .empty-state,.dark-ui .setting-card{background:#21101d;border-color:#452137;color:#f8ebf2}.dark-ui .daily-card p,.dark-ui .lesson-info span,.dark-ui .section-card .view-all,.dark-ui .empty-state p,.dark-ui .setting-row small{color:#ad91a1}.dark-ui .daily-card button,.dark-ui .quick-action{background:#2a1425;color:#ebd4e1;border-color:#4a263d}.dark-ui .daily-card button:hover,.dark-ui .quick-action:hover{background:#35162b}.dark-ui .ring:before{background:#21101d}.dark-ui .lesson-row,.dark-ui .setting-row{border-color:#382031}.dark-ui .lesson-tag{background:#173a2c;color:#9de0bd}.dark-ui .bar-list{border-color:#4a2a3e}.dark-ui .bar-list div{color:#aa91a1}.dark-ui .search-input{background:#24101f;border-color:#4c2941;color:#f5e4ed}.dark-ui .search-input::placeholder{color:#a98b9e}.dark-ui .library-card-body b,.dark-ui .page-title{color:#fff}.dark-ui .library-card-body small{color:#af92a3}.dark-ui .app-sidebar .brand{color:#fff}.dark-ui .shadow-main-card,.dark-ui .shadow-coach-card,.dark-ui .dictation-main-card,.dark-ui .dictation-coach-card{background:#21101d;border-color:#452137;color:#f8ebf2}.dark-ui .shadow-script-head,.dark-ui .dictation-task-card{border-color:#452137}.dark-ui .sentence-english,.dark-ui .dictation-task-head h2{color:#f6e1eb}.dark-ui .shadow-next-line{border-color:#422137;color:#ad91a1}.dark-ui .shadow-sentence{background:#192d26}.dark-ui .shadow-coach-card .coach-score p,.dark-ui .dictation-score p,.dark-ui .coach-score p,.dark-ui .dictation-prompt{color:#ad91a1}.dark-ui .shadow-controls,.dark-ui .dictation-controls{color:#b99aaa}.dark-ui .shadow-controls button,.dark-ui .dictation-controls button{color:#c3a6b6}.dark-ui .shadow-script-tools button,.dark-ui .dictation-speed{background:#2a1425!important;color:#c9abbc!important}.dark-ui .shadow-script-tools .speed-btn.active,.dark-ui .dictation-speed.active{background:#4a1b38!important;color:#ff83c3!important}.dark-ui .shadow-bottom-grid .shadow-info-card,.dark-ui .dictation-bottom>div{background:#21101d;border-color:#452137;color:#f3dce7}.dark-ui .shadow-info-card.active,.dark-ui .dictation-bottom>div.active{background:#2c1525;border-color:#a63d77}.dark-ui .shadow-info-card small,.dark-ui .dictation-bottom small{color:#ad91a1}.dark-ui .shadow-library-card .library-card-body,.dark-ui .dictation-library-card .library-card-body{background:#21101d}.dark-ui .vocab-mode-option{background:#21101d;border-color:#452137;color:#fff}.dark-ui .vocab-mode-option:hover{background:#2b1224}.dark-ui .vocab-mode-option.active{background:#321326;border-color:#e45eae}.dark-ui .vocab-mode-option b{color:#fff}.dark-ui .vocab-mode-option small{color:#b296a6}.dark-ui .practice-clue,.dark-ui .listen-practice,.dark-ui .blank-practice{background:#2a1425;border-color:#4a263d}.dark-ui .practice-clue strong,.dark-ui .blank-practice p{color:#f9e7ef}.dark-ui .practice-input{background:#24101f;border-color:#4b2940;color:#fff}.dark-ui .practice-flashcard .flash-front{background:linear-gradient(145deg,#321326,#25101f);border-color:#633050}.dark-ui .practice-flashcard .flash-back{background:linear-gradient(145deg,#17372a,#13261e);border-color:#3b7657}.dark-ui .flash-face strong{color:#fff}.dark-ui .flash-face small,.dark-ui .flash-face em{color:#b99aaa}.dark-ui .practice-keyword{color:#a98a9c}.dark-ui .vocab-table,.dark-ui .vocab-list-section{background:#21101d;border-color:#452137}.dark-ui .vocab-head{background:#281223;color:#b99aaa}.dark-ui .vocab-item{border-color:#382031}.dark-ui .vocab-item small,.dark-ui .vocab-example,.dark-ui .vocab-source-name{color:#ad91a1!important}.dark-ui .vocab-source-card{box-shadow:none}.dark-ui .modal{background:#21101d;color:#f8ebf2;border:1px solid #4a263d}.dark-ui .modal p{color:#b79aaa}.dark-ui .modal-close{background:#351629;color:#efcade}.dark-ui .modal-form input{background:#24101f;border-color:#4b2940;color:#fff}.dark-ui .modal-form label{color:#c7aabb}
/* writing practice */
.writing-page{color:#f8eaf2}.writing-page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.writing-title{display:flex;align-items:center;gap:12px}.writing-title-icon{height:41px;width:41px;display:grid;place-items:center;background:#4b1838;color:#ff4fb0;border-radius:11px;font-size:20px}.writing-title h1{font-size:25px;color:#fff;letter-spacing:-1px;margin:4px 0 0}.writing-exam-tabs{display:flex;gap:3px;background:#281022;border-radius:18px;padding:3px;margin-left:9px}.writing-exam{background:transparent;color:#a9879b;border-radius:15px;padding:8px 15px;font-size:10px}.writing-exam.active{background:#f32199;color:#fff;font-weight:700}.writing-head-actions{display:flex;gap:8px}.writing-head-actions .button{font-size:10px;padding:10px 13px}.writing-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.writing-main{min-width:0}.writing-tabs{display:flex;align-items:center;gap:28px;height:51px;border-bottom:1px solid #351d2f}.writing-tab{background:transparent;color:#a68799;font-size:11px;padding:16px 0 14px;position:relative}.writing-tab.active{color:#fff;font-weight:700}.writing-tab.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#f2259a}.writing-tab span{display:inline-grid;place-items:center;height:18px;min-width:18px;padding:0 5px;border-radius:10px;background:#3d1730;color:#d5a9c1;font-size:8px;margin-left:4px}.writing-tab.active span{background:#5d1744;color:#ff9dcc}.writing-create-banner{display:flex;align-items:center;gap:11px;background:linear-gradient(90deg,#280c21,#210d1b);border:1px dashed #813159;border-radius:9px;padding:12px 15px;margin:21px 0 16px}.writing-spark{height:26px;width:26px;border-radius:7px;background:#50153a;color:#fe4cac;display:grid;place-items:center}.writing-create-banner b,.writing-create-banner small{display:block}.writing-create-banner b{font-size:11px}.writing-create-banner small{font-size:9px;color:#a9899b;margin-top:2px}.writing-create-banner .text-link{color:#f33ca4;margin:0 0 0 auto;border:0}.writing-filter-row{display:flex;align-items:center;gap:7px;margin:14px 0 18px}.writing-filter-row>span{font-size:10px;color:#f2d8e7;margin-right:auto}.writing-filter{background:#2c1224;color:#a8879b;border-radius:16px;padding:7px 13px;font-size:9px}.writing-filter.active{background:#f22699;color:#fff}.writing-task-heading{display:flex;align-items:center;gap:7px;margin-bottom:14px}.writing-task-heading>span{font-size:16px;color:#899ca2}.writing-task-heading b{font-size:11px;color:#fff}.writing-task-heading a{margin-left:auto;color:#ed329e;font-size:9px}.writing-task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.writing-task-card{overflow:hidden;border:1px solid #3e1b30;border-radius:9px;background:#230d1c;cursor:pointer;transition:.2s}.writing-task-card:hover{transform:translateY(-3px);border-color:#e12694;box-shadow:0 10px 26px rgba(218,24,141,.13)}.writing-task-thumb{height:144px;background:#fff;position:relative;padding:13px 14px}.writing-task-label{position:absolute;left:10px;bottom:9px;background:#ec188f;color:#fff;border-radius:4px;padding:5px 7px;font-size:8px}.writing-chart-svg{height:100%;width:100%}.writing-chart-svg .chart-axis{fill:none;stroke:#929292;stroke-width:1}.writing-chart-svg polyline{fill:none;stroke:#262c30;stroke-width:2}.writing-chart-svg .line-soft{stroke:#8a8f94}.writing-chart-svg .chart-dots{fill:none;stroke:#42484c;stroke-width:1;stroke-dasharray:3 3}.writing-task-body{padding:12px 13px 13px}.writing-task-body h3{font-size:12px;line-height:1.3;color:#fff;margin:0 0 6px}.writing-task-body p{font-size:9px;color:#a98a9b;min-height:24px;line-height:1.4;margin:0}.writing-card-meta{display:flex;align-items:center;gap:6px;margin-top:10px}.writing-card-meta span{background:#35152a;color:#d1afc2;border-radius:4px;padding:5px 6px;font-size:8px}.writing-card-meta span:nth-child(2){color:#f2a1cd}.writing-card-meta .writing-card-action{margin-left:auto;background:transparent;color:#f036a2;padding-right:0}.writing-sidebar{display:flex;flex-direction:column;gap:14px}.writing-progress-card,.writing-recent-card,.writing-source-card{background:#210c1b;border:1px solid #3d1a30;border-radius:10px;padding:19px 17px}.writing-side-title{display:flex;align-items:center;gap:8px;color:#f9dfeb;font-size:12px}.writing-side-title>span{color:#f32e9e;font-size:16px}.writing-band{display:flex;align-items:baseline;gap:5px;margin:27px 0 10px}.writing-band strong{font-size:34px;color:#fff;letter-spacing:-1px}.writing-band>span{font-size:11px;color:#b492a4}.writing-band small{margin-left:auto;color:#a48898;font-size:9px}.writing-progress-line{height:7px;background:#3e172f;border-radius:5px;overflow:hidden}.writing-progress-line i{display:block;height:100%;background:#e82096}.writing-target{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px}.writing-target span{border:1px solid #542440;border-radius:6px;color:#c4a3b5;padding:9px;font-size:9px}.writing-target small{color:#9d7f91;font-size:8px;text-align:right}.writing-side-divider{height:1px;background:#3a1d2f;margin:18px 0 14px}.writing-side-row{display:flex;justify-content:space-between;color:#ad8d9f;font-size:9px}.writing-side-row b{color:#f2d4e3;font-size:10px}.writing-side-note{color:#98788c;font-size:9px;margin:8px 0 16px}.writing-month{display:flex;gap:8px;border-top:1px solid #3a1d2f;padding-top:15px}.writing-month>span{color:#ec319d;font-size:16px}.writing-month div{flex:1;position:relative}.writing-month b,.writing-month strong,.writing-month small{display:block}.writing-month b{font-size:9px;color:#bd9caf}.writing-month strong{position:absolute;right:0;top:0;font-size:12px}.writing-month strong span{color:#a78799;font-weight:400}.writing-month small{font-size:8px;color:#98778b;margin-top:10px}.writing-recent-card{min-height:164px}.recent-empty{border:1px solid #3b1a30;border-radius:6px;margin-top:16px;padding:15px;text-align:center;color:#9b7d8f;font-size:10px;line-height:1.5}.recent-empty small{color:#72566a;font-size:9px}.writing-recent-card .text-link{font-size:9px;color:#f12a9a;border:0;display:flex;justify-content:center;width:100%;margin-top:15px}.writing-source-card{background:#2a1022;border-color:#4e1d3c}.writing-source-card>b{font-size:10px}.writing-source-card>p{font-size:9px;color:#b08da1;line-height:1.5;margin:7px 0 12px}.writing-source-card>a{font-size:9px;color:#f239a4}.writing-empty-panel,.writing-history-panel{border:1px dashed #67264a;border-radius:9px;text-align:center;margin-top:24px;padding:65px 25px;background:#200b19}.writing-empty-panel>div{font-size:30px;color:#f2329f}.writing-empty-panel h2,.writing-history-panel h2{font-size:23px;margin:13px 0 6px}.writing-empty-panel p,.writing-history-panel p{font-size:11px;color:#a98a9b;max-width:360px;margin:0 auto 20px;line-height:1.6}.history-summary{display:flex;justify-content:space-around;border-bottom:1px solid #422039;padding-bottom:22px;margin-bottom:25px}.history-summary span,.history-summary b{display:block}.history-summary span{font-size:8px;color:#9c7d8f}.history-summary b{font-size:18px;color:#fff;margin-top:7px}.history-summary b:last-child{font-size:11px;color:#f38dbf}.editor-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin:16px 0 20px}.editor-heading h1{font-size:26px;letter-spacing:-1px;color:#fff;margin:5px 0 0}.editor-heading .button{font-size:10px}.writing-editor-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.writing-back{background:none;color:#b796a9;font-size:10px}.writing-editor-source{font-size:9px;color:#a17f92;margin-right:8px}.writing-editor-chip{font-size:8px;color:#f496c8;background:#40152e;padding:6px 7px;border-radius:4px}.writing-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:17px}.writing-prompt-box{border-left:3px solid #f02599;background:#2a1022;border-radius:6px;padding:15px 16px;margin-bottom:21px}.writing-prompt-box .section-kicker{margin-bottom:7px;color:#e790bb}.writing-prompt-box p{font-size:12px;line-height:1.65;color:#eedbe5;margin:0}.editor-toolbar{display:flex;justify-content:space-between;color:#c5a8b7;font-size:10px;margin-bottom:9px}.editor-toolbar span:last-child{color:#9b7f90}.writing-textarea{width:100%;min-height:355px;resize:vertical;background:#1d0b18;border:1px solid #4a203c;border-radius:7px;color:#f8eaf1;font:inherit;font-size:13px;line-height:1.7;padding:17px;outline:none}.writing-textarea:focus{border-color:#df2c99;box-shadow:0 0 0 3px rgba(226,35,151,.12)}.writing-textarea::placeholder{color:#765869}.editor-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px}.editor-footer>span{font-size:9px;color:#906f83}.editor-footer .button{font-size:10px}.writing-rubric-card{align-self:start;background:#210c1b;border:1px solid #3d1a30;border-radius:9px;padding:19px 17px}.writing-rubric-card>p{font-size:10px;color:#a7899a;line-height:1.5;margin:14px 0}.rubric-row{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #3b1b30;padding:13px 0;color:#b696a7;font-size:9px}.rubric-row b{color:#f1d5e3}.rubric-note{background:#2d1224;border-radius:6px;padding:12px;margin-top:8px}.rubric-note b,.rubric-note small{display:block}.rubric-note b{font-size:9px;color:#f1b1d1}.rubric-note small{font-size:9px;color:#ab899b;line-height:1.5;margin-top:5px}.writing-rubric-card .text-link{font-size:9px;color:#f22c9e;border:0;margin-left:0}.writing-ai-loading,.writing-feedback-result{background:#2a1022;border:1px solid #4e1e3e;border-radius:7px;padding:15px;margin-top:15px;font-size:11px;color:#cfb1c0;line-height:1.65}.writing-feedback-result p{margin:10px 0 0;color:#ddc8d2;font-size:11px}.feedback-result-head{display:flex;align-items:center;gap:8px;color:#ff64b9;font-size:10px}.feedback-result-head small{margin-left:auto;color:#a68195;font-size:8px}.essay-cover{height:100%;background:linear-gradient(135deg,#311334,#e32494);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff}.essay-cover span{font-size:27px}.essay-cover b{font-size:18px;line-height:1;letter-spacing:1px;text-align:center}.essay-cover small{font-size:8px;margin-top:8px;color:#ffd5ec}
@media(max-width:760px){.writing-page-head{align-items:flex-start;flex-direction:column}.writing-title{flex-wrap:wrap}.writing-exam-tabs{margin-left:0;order:3;width:100%;justify-content:space-between}.writing-head-actions{width:100%}.writing-head-actions .button{flex:1}.writing-layout,.writing-editor-layout{grid-template-columns:1fr}.writing-sidebar{display:grid;grid-template-columns:1fr 1fr}.writing-source-card{grid-column:span 2}.writing-task-grid{grid-template-columns:repeat(2,1fr)}.writing-task-thumb{height:125px}.writing-tabs{gap:18px;overflow-x:auto}.writing-tab{white-space:nowrap}.writing-create-banner{align-items:flex-start}.writing-create-banner .text-link{white-space:nowrap}.writing-editor-top{align-items:flex-start}.editor-footer{align-items:flex-start;flex-direction:column}.editor-footer .button{width:100%}.writing-rubric-card{display:block}.vocab-app-theme .app-sidebar{background:#170914}}
@media(max-width:430px){.writing-title h1{font-size:23px}.writing-head-actions{flex-direction:column}.writing-head-actions .button{width:100%}.writing-sidebar{display:flex}.writing-task-grid{grid-template-columns:1fr}.writing-task-thumb{height:150px}.writing-filter-row{flex-wrap:wrap}.writing-filter-row>span{width:100%;margin-bottom:2px}.writing-exam{padding:8px 12px}.writing-create-banner{flex-wrap:wrap}.writing-create-banner .text-link{margin-left:37px}.writing-editor-source{display:block;margin-bottom:8px}.writing-editor-chip{display:inline-block}.editor-heading{align-items:flex-start;flex-direction:column}.editor-heading h1{font-size:23px}.writing-prompt-box p{font-size:11px}.vocab-user-stats{grid-template-columns:repeat(3,1fr)}}
.dark-ui .nav-ai{background:#f21d95;color:#fff}
.writing-chart-svg .floor-shape{fill:#e7e7e7;stroke:#34393d;stroke-width:1}.writing-chart-svg .floor-line{stroke:#34393d;stroke-width:2;fill:none}.writing-chart-svg .flow-box{fill:#eee;stroke:#4c5255;stroke-width:1}.writing-chart-svg .flow-line{stroke:#353a3e;stroke-width:1.5;fill:none}
.writing-level-row{display:flex;align-items:center;gap:7px;border-bottom:1px solid #351d2f;padding:0 0 13px;margin-bottom:14px;overflow-x:auto}.writing-level-row>span{color:#a7879a;font-size:9px;margin-right:6px;white-space:nowrap}.writing-level-filter{border:1px solid #442038;background:#291021;color:#b593a4;border-radius:16px;padding:7px 12px;font-size:9px;white-space:nowrap}.writing-level-filter.active{background:#f12498;border-color:#f12498;color:#fff;font-weight:700}
@media(max-width:760px){.writing-level-row{margin-top:-3px}.writing-card-meta{flex-wrap:wrap}.writing-card-meta .writing-card-action{margin-left:auto}}
/* shared Lumi logo asset */
.brand-image{display:block;width:154px;height:42px;object-fit:contain}.site-footer .brand-image{width:130px;height:auto}.sidebar-brand .brand-image{width:150px;height:auto}
.dictation-video-feedback{background:#2a1022;border:1px solid #56304a;border-radius:6px;padding:13px;margin:17px 0 11px;color:#c5a8b7}.dictation-video-feedback b{display:block;font-size:10px;color:#f08bbb}.dictation-video-feedback p{font-size:10px;line-height:1.5;margin:5px 0 0;color:#b99aaa}
.shadow-youtube iframe,.dictation-youtube iframe{width:100%;height:100%;border:0;display:block}