:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;color:#17221f;background:#f5f8f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:1100px;background:#f5f8f7}.app-shell{min-height:100vh}.sider{position:fixed!important;inset:0 auto 0 0;z-index:20;border-right:1px solid #e9efed}.sider .ant-layout-sider-children{display:flex;flex-direction:column}.brand{height:80px;display:flex;align-items:center;gap:12px;padding:0 24px}.brand-mark{width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#10dab0,#18a9dd);display:grid;place-items:center;color:#fff;font-weight:800;font-size:20px;box-shadow:0 8px 18px #08b99638}.brand strong,.brand span{display:block}.brand strong{font-size:18px}.brand span{font-size:12px;color:#89928f;margin-top:2px}.sider .ant-menu{border-inline-end:0!important;padding:12px}.sider .ant-menu-item{height:48px;line-height:48px;margin-bottom:6px}.system-note{margin:auto 18px 20px;background:#edf9f6;border:1px solid #d9f1eb;border-radius:14px;padding:15px;display:flex;gap:10px;color:#08a384}.system-note b,.system-note span{display:block}.system-note span{font-size:11px;color:#75918a;margin-top:3px}.app-shell>.ant-layout{margin-left:236px}.topbar{height:64px;background:#ffffffeb!important;border-bottom:1px solid #e9efed;display:flex;align-items:center;justify-content:space-between;padding:0 30px!important;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.health-dot{display:inline-block;width:8px;height:8px;background:#12c997;border-radius:50%;box-shadow:0 0 0 4px #daf7ef}.content{padding:30px 34px 50px;max-width:1500px;width:100%;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.page-heading h2{margin:0 0 6px!important}.stat-row{margin-bottom:24px;background:transparent!important}.stat-row>.ant-pro-card-body{padding:0!important}.stat-row .ant-pro-card{border:1px solid #e7eeec;box-shadow:0 6px 20px #1b4b410a}.stat-icon{font-size:20px;margin-right:8px}.blue{color:#438df5}.cyan{color:#09bda1}.orange{color:#f5a623}.green{color:#12b76a}.video-name{display:flex;align-items:center;gap:12px}.video-name b,.video-name span{display:block}.video-name span{font-size:12px;color:#8a9491;margin-top:4px}.mini-cover{width:52px;height:40px;border-radius:8px;background:linear-gradient(135deg,#183d37,#159c85);color:#fff;display:grid;place-items:center}.upload-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px}.upload-card,.pipeline-card,.queue-card,.review-card,.review-summary{border:1px solid #e5ecea!important;box-shadow:0 8px 26px #1c49400a}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.safe-note{display:flex;gap:12px;background:#edfaf6;border-radius:12px;padding:14px;color:#0aa181}.safe-note span b,.safe-note span small{display:block}.safe-note span small{color:#76938c;margin-top:4px}.queue-list,.sentence-review-list{display:flex;flex-direction:column;gap:18px}.queue-header,.review-card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.queue-header h4{margin:0!important}.stage-track{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:18px}.stage{position:relative;padding:12px 10px;border-radius:10px;background:#f7f9f8;color:#9ba4a1}.stage:after{content:"";position:absolute;top:23px;left:calc(50% + 18px);right:calc(-50% + 18px);height:2px;background:#e4ebe9}.stage:last-child:after{display:none}.stage-dot{font-size:17px;margin-bottom:8px}.stage b,.stage span{display:block;font-size:12px}.stage span{font-size:10px;margin-top:4px}.stage.done{color:#0aaf8d;background:#edfaf6}.stage.done:after{background:#8ee1ce}.stage.active{color:#1677ff;background:#eef5ff}.review-icon{width:42px;height:42px;border-radius:12px;background:#e6faf4;color:#08ae8b;display:grid;place-items:center;font-size:18px}.back-button{padding-left:0!important}.review-summary{margin-bottom:20px}.review-card{border-left:4px solid #f2a93b!important}.review-card.approved{border-left-color:#0bc292!important}.review-card h3{margin:14px 0 4px!important}.phonetic{color:#08a989;font-size:15px}.translation{font-size:16px;margin:10px 0!important}.tip-box{display:flex;gap:16px;background:#f5faf8;border-radius:12px;padding:14px 16px;margin-top:16px}.tip-box b{color:#08a989;white-space:nowrap}.tip-box span{color:#66736f}.ant-pro-table,.ant-pro-card{border-radius:16px!important}.ant-upload-wrapper .ant-upload-drag{padding:20px}.ant-upload-drag-icon{margin-bottom:6px!important}.ant-upload-drag-icon .anticon{color:#08b996!important}.sider .ant-menu-item-group-title{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:#a1aaa7;padding-top:14px}.sider .ant-menu-item-group .ant-menu-item{height:42px;line-height:42px;margin-bottom:2px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:20px}.kpi-card,.kpi-grid>.ant-pro-card{border:1px solid #e5ecea!important;box-shadow:0 8px 26px #1c49400a}.kpi-card .ant-statistic-content{font-size:30px}.kpi-card .ant-statistic-content-prefix{color:#08ad8b;margin-right:10px}.kpi-card.revenue{background:linear-gradient(135deg,#073d34,#0c745f);color:#fff}.kpi-card.revenue .ant-statistic-title,.kpi-card.revenue .ant-statistic-content,.kpi-card.revenue .kpi-sub{color:#fff}.kpi-growth,.kpi-sub{display:block;margin-top:12px;font-size:12px;color:#0aaa89}.kpi-sub{color:#84908c}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:20px;margin-bottom:20px}.dashboard-grid.bottom{grid-template-columns:1fr 1fr}.dashboard-grid>.ant-pro-card{border:1px solid #e5ecea!important;box-shadow:0 8px 26px #1c49400a}.legend{font-size:12px;color:#76827e}.legend i{display:inline-block;width:8px;height:8px;border-radius:3px;background:#0bc39f;margin-right:6px}.trend-chart{height:220px;display:flex;align-items:flex-end;gap:8px;padding:20px 4px 0;border-bottom:1px solid #e8efed}.trend-item{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.trend-item .bar{width:68%;max-width:28px;background:linear-gradient(#16d8b1,#08a989);border-radius:6px 6px 2px 2px;min-height:12px;transition:.3s}.bar-value{font-size:10px;color:#61706c;margin-bottom:5px}.trend-item span{font-size:9px;color:#98a29f;margin-top:7px}.funnel{display:flex;flex-direction:column;gap:22px;padding-top:14px}.funnel>div{display:grid;grid-template-columns:1fr 50px;align-items:center}.funnel .ant-progress{grid-column:1/3}.funnel span{color:#6f7b77}.product-list>div{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #eef2f1}.product-list>div:last-child{border:0}.product-list div div b,.product-list div div span{display:block}.product-list div div span{font-size:12px;color:#8b9692;margin-top:3px}.product-list strong{margin-left:auto;font-size:18px}.product-icon{width:42px;height:42px;border-radius:12px;background:#e8faf5;display:grid!important;place-items:center;color:#08a888;font-weight:800}.quality{display:flex;align-items:center;gap:28px}.score-ring{width:120px;height:120px;border-radius:50%;background:conic-gradient(#08b996 0 86%,#e9f1ef 86%);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-ring:before{content:"";position:absolute;inset:10px;background:#fff;border-radius:50%}.score-ring b,.score-ring span{position:relative;z-index:1}.score-ring b{font-size:30px}.score-ring span{font-size:11px;color:#7d8985}.mini-stats{margin-bottom:20px;background:transparent!important}.mini-stats>.ant-pro-card-body{padding:0!important}.mini-stats .ant-pro-card{border:1px solid #e5ecea}.user-cell b,.user-cell span,.learning-cell b,.learning-cell span{display:block}.user-cell span,.learning-cell span{font-size:11px;color:#8c9693;margin-top:3px}.score-progress{display:flex;align-items:center;gap:10px}.score-progress .ant-progress{width:150px}.learning-kpis>.ant-pro-card{border:1px solid #e5ecea}body{min-width:0}.app-shell{min-width:1100px}:root{--miya-green:#08bf9d;--miya-deep:#083f36;--miya-ink:#142420;--miya-muted:#657872;--miya-line:#e4eeeb;--miya-soft:#f2faf7}.product-shell{min-height:100vh;background:#fff;color:var(--miya-ink);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,sans-serif}.product-shell button{font:inherit;cursor:pointer}.product-nav{height:76px;padding:0 max(28px,calc((100vw - 1240px)/2));display:flex;align-items:center;gap:48px;background:#ffffffeb;border-bottom:1px solid #edf2f0;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.product-brand{border:0;background:transparent;display:flex;align-items:center;gap:10px;padding:0;text-align:left}.product-brand>span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#16dbb2,#16a9d7);color:#fff;font-size:21px;font-weight:900;box-shadow:0 10px 22px #08bf9d38}.product-brand b,.product-brand small{display:block}.product-brand b{font-size:19px}.product-brand small{color:#8a9692;font-size:10px;margin-top:2px;letter-spacing:1.5px}.product-nav nav{display:flex;align-items:stretch;gap:34px;height:100%}.product-nav nav button{border:0;background:transparent;color:#52625d;font-size:14px;position:relative;padding:0 4px}.product-nav nav button.active,.product-nav nav button:hover{color:#069d82;font-weight:700}.product-nav nav button.active:after{content:"";position:absolute;left:10%;right:10%;bottom:0;height:3px;background:var(--miya-green);border-radius:3px}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.admin-link{border:0;background:transparent;color:#61716c;padding:10px 12px}.primary-small{border:0;border-radius:12px;padding:11px 20px;background:var(--miya-deep);color:#fff;font-weight:700;box-shadow:0 8px 18px #083f3624}.web-hero{min-height:690px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:50px;max-width:1240px;margin:0 auto;padding:70px 30px 88px}.hero-copy{max-width:650px}.hero-pill,.section-kicker{display:inline-flex;align-items:center;gap:7px;color:#079f83;font-size:12px;font-weight:800;letter-spacing:1.2px}.hero-pill{background:#eaf9f5;border:1px solid #d5f2eb;border-radius:30px;padding:9px 13px;letter-spacing:.2px}.hero-copy h1{font-size:58px;line-height:1.13;letter-spacing:-3px;margin:24px 0;color:#10211d}.hero-copy h1 em{font-style:normal;color:#08ad8e}.hero-copy>p{font-size:18px;line-height:1.9;color:#60736d;max-width:620px;margin:0}.hero-actions{display:flex;gap:12px;margin-top:34px}.primary-action,.ghost-action{height:52px;border-radius:14px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:750}.primary-action{border:0;background:linear-gradient(135deg,#0bc49f,#079f83);color:#fff;box-shadow:0 12px 26px #08b9963d}.ghost-action{border:1px solid #dbe7e3;background:#fff;color:#31443e}.ghost-action .anticon{color:var(--miya-green);font-size:18px}.hero-proof{display:flex;gap:40px;margin-top:48px}.hero-proof div{display:flex;flex-direction:column;gap:5px}.hero-proof b{font-size:20px}.hero-proof span{font-size:11px;color:#7c8985}.hero-visual{height:540px;position:relative;display:grid;place-items:center}.hero-glow{position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,#d6fbf1 0,#eaf9f5 48%,transparent 70%)}.teacher-card{width:400px;height:470px;border-radius:42px;background:linear-gradient(160deg,#e8fbf6,#fff);box-shadow:0 30px 80px #0d5b4b2e;position:relative;overflow:hidden;border:1px solid #e0f3ee}.teacher-card:before{content:"“";position:absolute;right:26px;top:15px;font-size:110px;color:#c8f5ea;font-family:serif}.teacher-card img{width:100%;height:360px;object-fit:cover;object-position:50% 12%;position:absolute;bottom:0}.teacher-card>div{position:absolute;z-index:2;left:30px;top:30px}.teacher-card span{font-size:11px;color:#159b83;font-weight:700}.teacher-card h3{font-size:24px;margin:7px 0}.teacher-card p{margin:0;color:#61736e;font-size:13px}.floating-score,.floating-wave{position:absolute;background:#fff;border:1px solid #e7efed;box-shadow:0 16px 36px #0f4e4226;border-radius:18px}.floating-score{right:-5px;bottom:72px;padding:14px 18px;display:flex;align-items:center;gap:11px}.floating-score>.anticon{font-size:25px;color:#08bb98}.floating-score b,.floating-score span{display:block}.floating-score b{font-size:18px}.floating-score span{font-size:10px;color:#75847f;margin-top:2px}.floating-wave{left:-8px;top:155px;padding:15px;display:flex;align-items:center;gap:4px;color:#08b996}.floating-wave i{display:block;width:3px;border-radius:3px;background:#13c3a2}.floating-wave i:nth-child(2){height:12px}.floating-wave i:nth-child(3){height:22px}.floating-wave i:nth-child(4){height:16px}.floating-wave i:nth-child(5){height:28px}.floating-wave i:nth-child(6){height:13px}.learning-loop{background:#f5faf8;text-align:center;padding:88px 28px}.learning-loop h2,.featured-section h2,.teacher-cta h2,.section-title h2{font-size:36px;letter-spacing:-1.6px;margin:14px 0 10px}.learning-loop>p,.section-title p{color:#73817d;margin:0}.loop-grid{max-width:1180px;margin:50px auto 0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.loop-grid>div{height:220px;background:#fff;border:1px solid #e7efed;border-radius:22px;padding:24px;text-align:left;position:relative;transition:.25s}.loop-grid>div:hover{transform:translateY(-6px);box-shadow:0 18px 38px #11514417}.loop-grid>div>span{font-size:11px;color:#9aa6a2;font-weight:800}.loop-grid i{width:58px;height:58px;border-radius:17px;margin:25px 0 18px;display:grid;place-items:center;background:#e7faf5;color:#08ad8e;font-size:25px;font-style:normal}.loop-grid b,.loop-grid small{display:block}.loop-grid b{font-size:18px}.loop-grid small{color:#7d8985;margin-top:7px}.loop-grid>div:not(:last-child):after{content:"›";position:absolute;right:-12px;top:96px;width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid #dfe9e6;display:grid;place-items:center;color:#94a09c;z-index:2}.featured-section{max-width:1240px;margin:0 auto;padding:90px 30px 105px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:34px}.section-title button{border:0;background:transparent;color:#079f83;font-weight:700}.section-title h2{margin-bottom:0}.web-course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.web-course-card{border:1px solid #e5eeeb;background:#fff;border-radius:22px;overflow:hidden;padding:0;text-align:left;transition:.25s;box-shadow:0 8px 22px #0e453a09}.web-course-card:hover{transform:translateY(-7px);box-shadow:0 20px 45px #0e453a21;border-color:#cdebe3}.course-cover{height:218px;position:relative;overflow:hidden}.course-cover img{width:100%;height:100%;object-fit:cover;transition:.35s}.web-course-card:hover img{transform:scale(1.04)}.course-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#0316128c)}.course-cover>span{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);font-size:48px;color:#fff;filter:drop-shadow(0 5px 14px #0006)}.course-cover small{position:absolute;z-index:2;right:14px;bottom:12px;background:#071c18b8;color:#fff;border-radius:8px;padding:4px 8px}.course-copy{padding:20px 21px 23px}.course-copy>div{display:flex;justify-content:space-between;align-items:center}.course-copy>div span{font-size:11px;color:#788681}.course-copy>div b{background:#e8fbf6;color:#08a789;padding:5px 9px;border-radius:9px;font-size:11px}.course-copy h3{font-size:20px;margin:17px 0 15px}.course-copy h4{font-size:15px;margin:0 0 6px}.course-copy p{color:#76847f;font-size:13px;margin:0}.teacher-cta{max-width:1180px;height:430px;margin:0 auto 100px;border-radius:36px;background:linear-gradient(120deg,#063e35,#087b68 62%,#0ba58a);color:#fff;display:flex;align-items:center;overflow:hidden;padding:60px 75px;position:relative}.teacher-cta:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;border:1px solid #ffffff24;right:-80px;top:-90px}.teacher-cta>div{max-width:570px;position:relative;z-index:2}.teacher-cta .section-kicker{color:#7ee8d2}.teacher-cta h2{font-size:40px;margin:15px 0}.teacher-cta p{color:#d0e8e2;line-height:1.8}.teacher-cta .primary-action{background:#fff;color:#087b68;margin-top:16px}.teacher-cta img{position:absolute;right:26px;bottom:-12px;height:400px;z-index:2}.product-footer{min-height:120px;border-top:1px solid #e8efed;max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:40px;padding:30px}.product-footer p{color:#72817c;margin-left:auto}.product-footer>button:last-child{border:0;background:transparent;color:#71807b}.inner-page{max-width:1180px;margin:0 auto;min-height:calc(100vh - 76px);padding:70px 30px 110px}.inner-heading{text-align:center;max-width:760px;margin:0 auto 45px}.inner-heading.left{text-align:left;margin-left:0}.inner-heading h1{font-size:42px;letter-spacing:-2px;margin:14px 0}.inner-heading p{color:#71817c;font-size:16px}.web-back{border:0;background:transparent;color:#5e706a;display:flex;gap:7px;align-items:center;padding:0;margin-bottom:36px}.chat-workspace{display:grid;grid-template-columns:280px 1fr;min-height:560px;border:1px solid #e4ecea;border-radius:28px;overflow:hidden;box-shadow:0 20px 55px #0e463a17}.teacher-profile{background:linear-gradient(170deg,#e7fbf5,#f9fffd);padding:42px 28px;text-align:center}.teacher-profile img{width:170px;height:210px;object-fit:cover;object-position:50% 15%;border-radius:90px 90px 30px 30px;background:#fff}.teacher-profile>span{display:block;width:max-content;margin:-14px auto 18px;position:relative;background:#12c89d;color:#fff;border:4px solid #effcf8;border-radius:20px;padding:4px 11px;font-size:10px}.teacher-profile h3{font-size:21px;margin:0}.teacher-profile p{color:#73827d;font-size:12px}.chat-main{padding:45px;background:#fff}.chat-message{display:flex;gap:12px;align-items:flex-start}.mini-m{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#10d6ae,#149fd5);display:grid;place-items:center;color:#fff;font-weight:800}.chat-message>div:last-child{max-width:520px}.chat-message b{font-size:12px;color:#6c7d77}.chat-message p{background:#f2f8f6;padding:16px 18px;border-radius:4px 18px 18px;line-height:1.7;margin:7px 0 0}.quick-scenes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0}.quick-scenes button{height:86px;border:1px solid #e2ebe8;background:#fff;border-radius:17px;padding:14px;display:flex;align-items:center;gap:12px;text-align:left}.quick-scenes button:hover{border-color:#8ce0ce;background:#f7fdfb}.quick-scenes button>span{width:50px;height:50px;border-radius:14px;background:#eafaf6;display:grid;place-items:center;font-size:24px}.quick-scenes button div{flex:1}.quick-scenes b,.quick-scenes small{display:block}.quick-scenes small{color:#7a8984;margin-top:5px}.chat-composer{display:flex;gap:10px;border:1px solid #dfe9e6;border-radius:16px;padding:7px 7px 7px 17px}.chat-composer input{flex:1;border:0;outline:0;font:inherit}.chat-composer button{width:42px;height:42px;border:0;border-radius:12px;background:#08ba99;color:#fff}.scene-web-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.scene-web-grid button{height:150px;border:1px solid #e2ece9;border-radius:23px;background:#f6fcfa;padding:25px;display:flex;align-items:center;gap:20px;text-align:left;transition:.2s}.scene-web-grid button:hover{transform:translateY(-3px);border-color:#8ce0ce;box-shadow:0 15px 32px #144e4312}.scene-web-grid button>span{width:80px;height:80px;border-radius:22px;background:#e3f9f3;display:grid;place-items:center;font-size:38px}.scene-web-grid button.blue>span{background:#e8f3ff}.scene-web-grid button.orange>span{background:#fff3df}.scene-web-grid button.purple>span{background:#f4ebff}.scene-web-grid button.red>span{background:#ffeaea}.scene-web-grid div{flex:1}.scene-web-grid h3{font-size:21px;margin:0}.scene-web-grid p{color:#75847f;margin:8px 0 0}.scene-web-grid .anticon{color:#9ca8a4}.course-banner{min-height:300px;background:linear-gradient(120deg,#e2faf4,#f7fffd);border-radius:32px;padding:50px 65px;display:flex;justify-content:space-between;align-items:center;margin-bottom:60px;overflow:hidden;position:relative}.course-banner:after{content:"";position:absolute;width:360px;height:360px;right:-80px;border-radius:50%;border:1px solid #a6e8d7}.course-banner h1{font-size:44px;margin:12px 0}.course-banner p{color:#60756f}.course-banner>div>div{display:flex;gap:20px;margin-top:28px}.course-banner>div>div span{font-size:12px;color:#3c675d}.course-banner>div>div .anticon{color:#08b996}.course-banner>b{font-size:110px;position:relative;z-index:2;margin-right:55px}.learn-web-page{max-width:1440px;margin:0 auto;padding:30px 35px 70px}.learn-topbar{display:flex;align-items:center;gap:18px;margin-bottom:24px}.learn-topbar .web-back{margin:0}.learn-topbar>div b,.learn-topbar>div span{display:block}.learn-topbar>div span{color:#7a8884;font-size:11px;margin-top:4px}.learn-topbar>button:last-child{margin-left:auto;border:1px solid #e0e8e6;background:#fff;border-radius:12px;padding:10px 15px}.learn-layout{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:24px}.player-column,.sentence-panel{border:1px solid #e2ebe8;border-radius:24px;background:#fff;overflow:hidden}.web-player{height:540px;background:#091511;position:relative;overflow:hidden}.web-player>img{width:100%;height:100%;object-fit:cover;opacity:.83}.web-player>button{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);border:0;background:transparent;color:#fff;font-size:72px;filter:drop-shadow(0 8px 15px #0007)}.current-caption{position:absolute;left:20px;right:20px;bottom:48px;text-align:center;color:#fff;text-shadow:0 2px 8px #000}.current-caption b,.current-caption span,.current-caption p{display:block}.current-caption b{font-size:27px}.current-caption span{font-size:14px;color:#b9eee2;margin-top:7px}.current-caption p{font-size:17px;margin:8px}.progress-line{position:absolute;left:24px;right:24px;bottom:22px;height:4px;border-radius:4px;background:#fff5}.progress-line span{height:100%;display:block;background:#09d0a8;border-radius:4px;transition:.3s}.mode-switch{height:60px;display:flex;border-bottom:1px solid #edf1f0}.mode-switch button{flex:1;border:0;background:#fff;position:relative}.mode-switch button.active{color:#08a88a;font-weight:800}.mode-switch button.active:after{content:"";position:absolute;bottom:0;left:35%;right:35%;height:3px;background:#08b996;border-radius:3px}.record-studio{min-height:150px;display:flex;justify-content:space-around;align-items:center}.record-side{border:1px solid #e0e9e6;background:#fff;border-radius:18px;padding:10px 15px}.record-studio>div{text-align:center;display:flex;flex-direction:column;align-items:center;transform:translateY(-8px)}.web-record{width:78px;height:78px;border:7px solid #d7fbf3;border-radius:50%;background:linear-gradient(145deg,#14dbb1,#08ae90);color:#fff;font-size:29px;box-shadow:0 12px 28px #08b99642;animation:product-pulse 2s infinite}.web-record.recording{background:#f45f68;border-color:#ffe2e4}.web-record.scoring{background:#5d7ee8;border-color:#e3e9ff}.web-record.done{background:#08ad8d}.record-studio>div b{font-size:12px;margin-top:8px}.record-studio>div span{font-size:9px;color:#899591;margin-top:3px}@keyframes product-pulse{50%{box-shadow:0 0 0 15px transparent,0 12px 28px #08b9964d}}.sentence-panel{padding:22px;max-height:750px;overflow:auto}.sentence-panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.sentence-panel-title h3{font-size:21px;margin:0}.sentence-panel-title p{color:#84908d;font-size:11px;margin:5px 0 0}.sentence-panel-title>span{background:#ebfaf6;color:#08a789;border-radius:10px;padding:7px 10px;font-size:11px}.web-sentence{width:100%;border:1px solid #e5ecea;background:#fff;border-radius:17px;padding:16px;margin-bottom:12px;text-align:left}.web-sentence.active{border-color:#67d9c2;background:#f8fefc;box-shadow:0 8px 24px #08b99615}.web-sentence>div{display:flex;justify-content:space-between}.web-sentence>div span{background:#edf2f0;color:#82908b;border-radius:7px;padding:3px 7px;font-size:9px}.web-sentence>div b{color:#08a88a;font-size:11px}.web-sentence h4{font-size:15px;margin:12px 0 5px}.web-sentence small{color:#08a88a}.web-sentence p{color:#73817d;margin:8px 0}.web-sentence footer{display:flex;gap:8px}.web-sentence footer span{border:1px solid #e0e8e6;border-radius:12px;padding:5px 9px;font-size:10px}.profile-banner{height:250px;border-radius:30px;background:linear-gradient(120deg,#083f36,#08a082);color:#fff;display:flex;align-items:center;padding:55px;gap:22px}.profile-avatar{width:100px;height:100px;border-radius:28px;background:#fff2;display:grid;place-items:center;font-size:46px}.profile-banner h1{font-size:34px;margin:5px 0}.profile-banner p,.profile-banner span{color:#cce5df}.profile-banner button{margin-left:auto;border:0;background:#fff;color:#087b68;border-radius:14px;padding:14px 20px;font-weight:700}.mine-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:25px 0}.mine-stats div{height:150px;border:1px solid #e3ece9;background:#fff;border-radius:21px;padding:24px;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:12px}.mine-stats .anticon{grid-row:1/3;width:46px;height:46px;border-radius:14px;background:#e9faf6;color:#08a98b;display:grid;place-items:center;font-size:20px}.mine-stats b{font-size:28px}.mine-stats span{color:#7c8985;font-size:11px}.recent-learning{margin-top:60px}.recent-learning>.web-course-card{width:380px;margin-top:25px}.admin-login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff;color:#15231f}.login-story{min-height:100vh;padding:48px max(50px,calc((100vw - 1180px)/2));padding-right:70px;background:radial-gradient(circle at 75% 20%,#1a8f79 0,transparent 30%),linear-gradient(145deg,#063d34,#075849 60%,#087965);color:#fff;position:relative;display:flex;flex-direction:column;overflow:hidden}.login-story:after{content:"";position:absolute;width:500px;height:500px;border:1px solid #ffffff18;border-radius:50%;right:-170px;bottom:-150px}.back-product{width:max-content;border:0;background:transparent;color:#c7e3dd;display:flex;gap:8px;padding:0}.story-brand{display:flex;align-items:center;gap:11px;margin-top:55px}.story-brand span{width:42px;height:42px;border-radius:14px;background:#fff;color:#079678;display:grid;place-items:center;font-weight:900;font-size:20px}.story-brand b{font-size:18px}.story-copy{margin:auto 0;max-width:580px;position:relative;z-index:2}.story-tag{color:#80e5d0;font-size:12px;font-weight:800;letter-spacing:1.5px}.story-copy h1{font-size:48px;line-height:1.3;letter-spacing:-2px;margin:20px 0}.story-copy p{font-size:16px;line-height:1.9;color:#c8e1dc;max-width:530px}.story-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative;z-index:2}.story-points div{background:#ffffff0d;border:1px solid #ffffff1e;border-radius:15px;padding:15px}.story-points b,.story-points span{display:block}.story-points b{font-size:13px}.story-points span{font-size:9px;color:#a9cdc5;margin-top:6px}.login-panel{display:grid;place-items:center;padding:50px}.login-card{width:min(420px,100%)}.login-icon{width:60px;height:60px;border-radius:18px;background:#e8faf5;color:#08ac8c;display:grid;place-items:center;font-size:27px;margin-bottom:24px}.login-eyebrow{color:#09a789;font-weight:800;letter-spacing:2px;font-size:10px;margin:0}.login-card h2{font-size:34px;margin:9px 0}.login-subtitle{color:#7c8985;margin:0 0 34px}.login-card label{display:block;margin-bottom:18px}.login-card label>span{display:block;font-size:12px;font-weight:700;margin-bottom:8px}.login-card label>div{height:52px;border:1px solid #dfe8e5;border-radius:13px;display:flex;align-items:center;gap:11px;padding:0 15px;color:#80908b;transition:.2s}.login-card label>div:focus-within{border-color:#44cdb1;box-shadow:0 0 0 4px #08b99612}.login-card input{border:0;outline:0;flex:1;font:inherit;background:transparent}.login-error{background:#fff0f0;color:#d84444;border-radius:10px;padding:10px 12px;font-size:12px;margin-bottom:14px}.login-submit{height:52px;width:100%;border:0;border-radius:13px;background:linear-gradient(135deg,#0bc49f,#087965);color:#fff;font-weight:800;box-shadow:0 12px 25px #08b99629}.login-submit:disabled{opacity:.55;cursor:not-allowed}.login-security{text-align:center;color:#84918d;font-size:10px;margin-top:18px}.admin-auth-loading{min-height:100vh;display:grid;place-content:center;text-align:center;background:#f5faf8;color:#667872}.admin-auth-loading span{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin:auto;background:linear-gradient(145deg,#14d8af,#139fd3);color:#fff;font-size:28px;font-weight:900;box-shadow:0 12px 30px #08b99635}.admin-auth-loading p{font-size:12px;margin-top:16px}@media(max-width:980px){.product-nav{height:66px;padding:0 18px}.product-nav nav{display:none}.product-brand small,.nav-actions .admin-link{display:none}.web-hero{grid-template-columns:1fr;padding:48px 22px}.hero-copy h1{font-size:42px}.hero-visual{height:480px}.teacher-card{width:min(370px,88vw)}.loop-grid{grid-template-columns:1fr 1fr}.loop-grid>div:not(:last-child):after{display:none}.web-course-grid{grid-template-columns:1fr 1fr}.teacher-cta{margin:0 20px 60px;padding:45px 35px}.teacher-cta img{opacity:.35;right:-40px}.chat-workspace{grid-template-columns:1fr}.teacher-profile{display:none}.scene-web-grid,.learn-layout{grid-template-columns:1fr}.web-player{height:52vw;min-height:330px}.sentence-panel{max-height:none}.mine-stats{grid-template-columns:1fr 1fr}.admin-login-page{grid-template-columns:1fr}.login-story{display:none}.login-panel{min-height:100vh;padding:30px}.product-footer p{display:none}}@media(max-width:640px){.product-nav .primary-small{padding:10px 13px}.hero-copy h1{font-size:35px;letter-spacing:-1.5px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.hero-actions button{width:100%}.hero-proof{justify-content:space-between}.hero-proof div:last-child{display:none}.hero-visual{height:410px}.teacher-card{height:380px}.teacher-card img{height:300px}.floating-wave{left:0}.floating-score{right:0}.learning-loop,.featured-section{padding:65px 18px}.learning-loop h2,.featured-section h2,.teacher-cta h2,.section-title h2{font-size:28px}.loop-grid,.web-course-grid{grid-template-columns:1fr}.teacher-cta{height:430px;padding:35px 24px}.teacher-cta h2{font-size:30px}.product-footer{padding:25px 18px}.inner-page{padding:45px 18px 80px}.inner-heading h1{font-size:34px}.quick-scenes{grid-template-columns:1fr}.chat-main{padding:24px 18px}.scene-web-grid button{height:125px;padding:16px}.scene-web-grid button>span{width:64px;height:64px}.course-banner{padding:32px 24px;min-height:260px}.course-banner h1{font-size:34px}.course-banner>b{display:none}.course-banner>div>div{flex-wrap:wrap;gap:9px}.learn-web-page{padding:20px 12px 50px}.learn-topbar>button:last-child{display:none}.web-player{height:360px}.current-caption b{font-size:20px}.record-side{font-size:10px;padding:8px}.mine-stats{grid-template-columns:1fr}.profile-banner{padding:28px;height:210px}.profile-banner button{display:none}.recent-learning>.web-course-card{width:100%}}.mobile-product-tabs,.mobile-trust{display:none}@media(max-width:760px){html{scroll-behavior:smooth;background:#fff}body{background:#fff;-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}.product-shell{padding-bottom:calc(72px + env(safe-area-inset-bottom));overflow-x:hidden}.product-nav{height:60px;padding:0 15px;padding-top:env(safe-area-inset-top);gap:12px;box-shadow:0 1px 18px #1242380d}.product-brand{gap:8px}.product-brand>span{width:36px;height:36px;border-radius:12px;font-size:18px}.product-brand b{font-size:17px}.product-brand small{display:none}.product-nav nav,.product-nav .admin-link{display:none}.nav-actions{gap:0}.primary-small{min-height:40px;padding:0 15px;border-radius:12px;font-size:13px}.web-hero{min-height:auto;display:flex;flex-direction:column;gap:26px;padding:32px 18px 44px}.hero-copy{width:100%}.hero-pill{font-size:10px;padding:7px 10px}.hero-copy h1{font-size:36px;line-height:1.13;letter-spacing:-2px;margin:18px 0}.hero-copy>p{font-size:15px;line-height:1.75}.hero-actions{display:grid;grid-template-columns:1fr;margin-top:24px;gap:10px}.primary-action,.ghost-action{width:100%;height:50px;border-radius:14px;font-size:14px}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}.hero-proof div{background:#f4faf8;border:1px solid #e9f2ef;border-radius:13px;padding:11px 8px;text-align:center}.hero-proof b{font-size:16px}.hero-proof span{font-size:9px}.mobile-trust{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:0 2px;color:#72827d;font-size:10px}.mobile-trust .anticon{color:#08b996;margin-right:3px}.hero-visual{width:100%;height:338px}.hero-glow{width:350px;height:350px}.teacher-card{width:min(330px,88vw);height:326px;border-radius:30px}.teacher-card:before{font-size:80px}.teacher-card img{height:260px}.teacher-card>div{left:22px;top:21px}.teacher-card h3{font-size:19px}.floating-wave{left:0;top:120px;padding:11px}.floating-score{right:0;bottom:28px;padding:10px 13px;border-radius:14px}.floating-score b{font-size:15px}.learning-loop{padding:58px 0 62px;text-align:left}.learning-loop>.section-kicker,.learning-loop>h2,.learning-loop>p{margin-left:18px;margin-right:18px}.learning-loop h2,.featured-section h2,.teacher-cta h2,.section-title h2{font-size:28px;line-height:1.22;letter-spacing:-1.2px}.learning-loop>p{font-size:13px;line-height:1.6}.loop-grid{display:grid;grid-auto-flow:column;grid-auto-columns:170px;grid-template-columns:none;gap:11px;overflow-x:auto;scroll-snap-type:x mandatory;margin:30px 0 0;padding:0 18px 14px;scrollbar-width:none}.loop-grid::-webkit-scrollbar{display:none}.loop-grid>div{height:188px;padding:18px;scroll-snap-align:start}.loop-grid i{width:50px;height:50px;margin:20px 0 15px;font-size:22px}.loop-grid b{font-size:16px}.loop-grid>div:after{display:none!important}.featured-section{padding:60px 18px 70px}.section-title{align-items:flex-start;margin-bottom:25px}.section-title>button{font-size:11px;white-space:nowrap;margin-top:29px}.section-title p{font-size:12px}.web-course-grid{display:flex;flex-direction:column;gap:14px}.web-course-card{display:grid;grid-template-columns:42% 58%;min-height:164px;border-radius:18px}.web-course-card:hover{transform:none}.course-cover{height:100%;min-height:164px}.course-cover>span{font-size:38px}.course-cover small{right:8px;bottom:8px}.course-copy{padding:14px 13px}.course-copy>div span{display:none}.course-copy>div{justify-content:flex-end}.course-copy>div b{font-size:9px;padding:4px 7px}.course-copy h3{font-size:17px;margin:8px 0 13px}.course-copy h4{font-size:12px;line-height:1.45;margin-bottom:5px}.course-copy p{font-size:11px;line-height:1.4}.teacher-cta{height:390px;margin:0 18px 58px;padding:34px 24px;border-radius:26px;align-items:flex-start}.teacher-cta>div{z-index:3}.teacher-cta h2{font-size:29px;margin:13px 0}.teacher-cta p{font-size:13px;line-height:1.65;max-width:245px}.teacher-cta .primary-action{width:auto;height:46px;padding:0 18px}.teacher-cta img{height:255px;right:-30px;bottom:-12px;opacity:.58}.teacher-cta:after{width:280px;height:280px}.product-footer{display:none}.mobile-product-tabs{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;z-index:80;height:calc(66px + env(safe-area-inset-bottom));padding:5px 8px env(safe-area-inset-bottom);background:#fffffff5;border-top:1px solid #e6eeeb;box-shadow:0 -8px 24px #10453a12;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-product-tabs button{min-height:56px;border:0;background:transparent;color:#81908b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;border-radius:12px}.mobile-product-tabs button>.anticon{font-size:20px}.mobile-product-tabs button.active{color:#08aa8c;font-weight:800;background:#effaf7}.inner-page{min-height:calc(100vh - 60px);padding:38px 18px 92px}.web-back{min-height:42px;margin-bottom:18px;font-size:13px}.inner-heading{margin-bottom:28px;text-align:left}.inner-heading h1{font-size:32px;line-height:1.18;margin:11px 0}.inner-heading p{font-size:14px;line-height:1.65}.chat-workspace{display:block;min-height:auto;border-radius:22px;box-shadow:0 12px 35px #0e463a14}.teacher-profile{display:none}.chat-main{padding:24px 16px}.chat-message p{font-size:14px}.quick-scenes{grid-template-columns:1fr;gap:10px;margin:22px 0}.quick-scenes button{height:75px;padding:11px}.quick-scenes button>span{width:48px;height:48px}.chat-composer{position:sticky;bottom:82px;background:#fff}.scene-web-grid{grid-template-columns:1fr;gap:12px}.scene-web-grid button{height:112px;padding:14px;border-radius:19px}.scene-web-grid button>span{width:64px;height:64px;border-radius:18px;font-size:30px}.scene-web-grid h3{font-size:18px}.scene-web-grid p{font-size:12px}.course-banner{min-height:245px;margin-bottom:38px;padding:30px 22px;border-radius:24px}.course-banner h1{font-size:33px;margin:10px 0}.course-banner p{font-size:13px}.course-banner>b{display:none}.course-banner>div>div{display:grid;grid-template-columns:1fr 1fr;gap:9px 15px;margin-top:22px}.learn-web-page{padding:14px 12px 36px}.learn-topbar{position:sticky;top:60px;z-index:30;background:#fff;margin:0 -12px 12px;padding:8px 12px;border-bottom:1px solid #edf2f0}.learn-topbar .web-back{margin:0}.learn-topbar>div{min-width:0}.learn-topbar>div b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.learn-topbar>button:last-child{display:none}.learn-layout{display:flex;flex-direction:column;gap:14px}.player-column,.sentence-panel{border-radius:18px}.web-player{height:58vw;min-height:250px;max-height:350px}.web-player>button{font-size:58px}.current-caption{bottom:34px}.current-caption b{font-size:18px}.current-caption span{font-size:11px}.current-caption p{font-size:13px;margin:5px}.progress-line{left:15px;right:15px;bottom:14px}.mode-switch{height:52px;overflow-x:auto}.mode-switch button{min-width:66px;font-size:12px}.record-studio{min-height:132px;padding:8px 4px}.web-record{width:68px;height:68px;font-size:25px}.record-side{font-size:10px;padding:8px 9px}.sentence-panel{padding:16px;max-height:none}.sentence-panel-title h3{font-size:19px}.web-sentence{padding:14px;margin-bottom:10px}.web-sentence h4{font-size:14px;line-height:1.45}.web-sentence p{font-size:12px}.web-sentence footer span{min-height:32px;display:flex;align-items:center}.profile-banner{height:auto;min-height:190px;padding:26px 22px;border-radius:23px}.profile-avatar{width:72px;height:72px;border-radius:22px;font-size:32px}.profile-banner h1{font-size:27px}.profile-banner button{display:none}.mine-stats{grid-template-columns:1fr 1fr;gap:10px}.mine-stats div{height:110px;padding:16px;column-gap:9px}.mine-stats .anticon{width:40px;height:40px}.mine-stats b{font-size:22px}.recent-learning{margin-top:40px}.recent-learning>.web-course-card{width:100%;margin-top:18px}.admin-login-page{min-height:100dvh}.login-panel{min-height:100dvh;padding:28px 20px}.login-card{max-width:420px}.login-icon{width:54px;height:54px;margin-bottom:20px}.login-card h2{font-size:30px}.login-subtitle{margin-bottom:27px}.login-card label>div,.login-submit{height:52px}}@media(max-width:370px){.hero-copy h1{font-size:32px}.hero-proof div{padding:9px 5px}.mobile-trust{font-size:9px}.hero-visual{height:305px}.teacher-card{height:295px}.teacher-card img{height:235px}.mine-stats{grid-template-columns:1fr}}