:root{--ink:#191735;--muted:#716d86;--paper:#f8f7fc;--white:#fff;--violet:#6c56e8;--violet-dark:#4433a7;--cyan:#17b8d0;--coral:#ff6e78;--gold:#ffc857;--lime:#b8df65;--navy:#171533;--line:#e6e2f2;--shadow:0 22px 55px #2e23531a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,'PingFang SC','Microsoft YaHei',system-ui,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.shell{display:flex;min-height:100vh}.sidebar{width:246px;background:#211b45;color:#fff;display:flex;flex-direction:column;padding:28px 19px 20px;flex:none}.logo{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.logo-mark{width:36px;height:36px;border-radius:12px;background:var(--gold);color:var(--navy);display:grid;place-items:center;font-weight:950;font-size:18px;transform:rotate(-8deg);box-shadow:0 9px 24px #ffc8573d}.logo b{font-size:17px;display:block;letter-spacing:-.05em}.logo small{display:block;color:#bab4df;font-size:10px;margin-top:3px}.profile-card{margin:31px 0 27px;padding:13px 11px;display:flex;gap:9px;align-items:center;background:#30275d;border:1px solid #ffffff1a;border-radius:15px}.profile-orb{width:31px;height:31px;border-radius:10px;background:#ff7180;color:#fff;display:grid;place-items:center;font-size:17px}.profile-card b{font-size:10px;display:block}.profile-card small{font-size:9px;color:#b9b2db;display:block;margin-top:4px}.nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#b8b2d6;border-radius:10px;padding:12px 13px;display:flex;align-items:center;gap:11px;text-align:left;font-weight:700;transition:.2s}.nav-item span{width:18px;font-size:18px;text-align:center}.nav-item:hover{background:#ffffff12;color:#fff}.nav-item.active{background:#fff;color:var(--violet-dark)}.sidebar-quote{margin-top:auto;border-top:1px solid #ffffff1a;padding-top:22px;color:#d0c9ef;font:500 14px/1.6 Georgia,serif}.sidebar-quote strong{color:var(--gold);font-size:19px}.sidebar-quote small{display:block;color:#8f88b2;font:10px Inter;margin-top:9px}.sidebar-foot{display:flex;align-items:center;gap:7px;color:#9690b8;font-size:9px;margin-top:20px}.sidebar-foot i{width:6px;height:6px;border-radius:50%;background:var(--lime)}.main{min-width:0;flex:1}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 48px}.mobile-brand{display:none}.top-title span{display:block;color:#a4a0b6;font-size:9px;letter-spacing:.2em;font-weight:850}.top-title strong{font-size:13px;display:block;margin-top:4px}.top-actions{display:flex;align-items:center;gap:11px}.streak-pill{border:0;background:#fff5d6;color:#9b710d;border-radius:99px;padding:8px 11px;font-weight:800;font-size:10px}.mini-avatar{border:0;background:var(--navy);color:#fff;border-radius:50%;height:32px;width:32px;font-size:9px;font-weight:900}.content{max-width:1320px;margin:auto;padding:34px 48px 54px}.view{display:none}.view.active{display:block}.hero{min-height:376px;border-radius:28px;background:#211b45;color:#fff;display:grid;grid-template-columns:1fr .92fr;overflow:hidden;position:relative;isolation:isolate;box-shadow:var(--shadow)}.hero:after{content:'1%';position:absolute;right:35%;bottom:-68px;font-size:220px;line-height:1;font-weight:950;color:#ffffff0b;z-index:-1}.hero-copy{padding:48px 15px 42px 49px;position:relative;z-index:2}.date-line,.modal-kicker,.section-kicker{color:var(--coral);font-weight:900;letter-spacing:.16em;font-size:10px;margin:0 0 12px}.hero .date-line{color:var(--gold)}.hero h1{font-size:clamp(38px,5vw,67px);line-height:.98;letter-spacing:-.08em;margin:0 0 16px}.hero h1 em{color:var(--gold);font-style:normal}.hero-copy>p:not(.date-line){color:#d1cbed;line-height:1.7;max-width:29ch;margin:0}.hero-actions{display:flex;gap:10px;margin-top:28px}.btn{border:0;border-radius:10px;padding:12px 16px;font-weight:850;font-size:12px;transition:.2s}.btn.primary{background:var(--coral);color:#fff;box-shadow:0 11px 22px #ff6e7838}.btn.primary:hover{background:#ff5663;transform:translateY(-1px)}.btn.primary span{font-size:17px;padding-left:10px}.btn.ghost{background:#ffffff12;color:#fff;border:1px solid #ffffff2b}.btn.ghost:hover{background:#ffffff22}.btn.secondary{background:#fff;color:var(--violet-dark);border:1px solid var(--line)}.btn.secondary:hover{background:#f7f4ff}.hero-art{position:relative;min-height:376px;background:linear-gradient(145deg,#372c7c,#2b7596);overflow:hidden}.moon{position:absolute;width:204px;height:204px;border-radius:50%;right:8%;top:36px;background:#ffc857;box-shadow:0 0 0 14px #ffc85716,0 0 70px #ffc85755}.spark{position:absolute;color:#fff;z-index:5;font-size:20px}.s1{left:15%;top:27%}.s2{right:16%;top:14%;color:var(--gold)}.orbit{position:absolute;border:1px solid #ffffff55;border-radius:50%;transform:rotate(-18deg);width:420px;height:110px;right:-75px;top:44px}.orbit-b{width:360px;height:90px;right:13px;top:95px;border-color:#ff968f70}.student{position:absolute;z-index:3;width:110px;height:225px;bottom:0}.student .hair{position:absolute;z-index:2;left:20px;top:4px;width:70px;height:63px;border-radius:50% 50% 43% 48%;background:#2b214e}.student .face{position:absolute;z-index:3;left:28px;top:23px;width:55px;height:59px;border-radius:45% 48% 48% 45%;background:#ffd0b6}.student .face:after{content:'';position:absolute;width:68px;height:23px;left:-7px;top:-15px;background:#362653;border-radius:70% 70% 20% 20%;transform:rotate(-7deg)}.student .face i{position:absolute;width:6px;height:7px;border-radius:50%;background:#29203f;top:34px}.student .face i:first-child{left:15px}.student .face i:last-child{right:15px}.student .body{position:absolute;left:12px;bottom:0;width:88px;height:126px;border-radius:45px 45px 8px 8px;background:#ff6e78}.student .body:after{content:'';position:absolute;left:17px;top:8px;width:54px;height:52px;border-radius:8px;background:#fff6e3;transform:rotate(-6deg)}.student .body span{position:absolute;z-index:2;left:42px;top:18px;width:16px;height:47px;background:#6c56e8;border-radius:6px}.student .book{position:absolute;z-index:5;right:-8px;bottom:62px;width:37px;height:31px;background:#fff6e3;color:#ff6e78;border-radius:4px 6px 6px 4px;display:grid;place-items:center;font-weight:950;transform:rotate(-12deg);box-shadow:5px 5px 0 #1e16402e}.student-a{left:16%;transform:scale(1.1);animation:floatA 5s ease-in-out infinite}.student-b{left:47%;transform:scale(.83);bottom:-6px;animation:floatB 4.7s ease-in-out infinite}.student-c{right:4%;transform:scale(.96);animation:floatC 5.2s ease-in-out infinite}.student-a .body{background:var(--cyan)}.student-a .book{color:var(--cyan)}.student-b .body{background:var(--gold)}.student-b .book{color:#9a730e}.student-c .body{background:var(--coral)}@keyframes floatA{50%{transform:scale(1.1) translateY(-9px) rotate(-2deg)}}@keyframes floatB{50%{transform:scale(.83) translateY(-6px) rotate(2deg)}}@keyframes floatC{50%{transform:scale(.96) translateY(-10px) rotate(-2deg)}}.progress-strip{background:#fff;border:1px solid var(--line);padding:17px 20px;margin:16px 0 18px;border-radius:14px;display:grid;grid-template-columns:150px 1fr 180px;align-items:center;gap:18px}.progress-strip div:first-child{display:flex;flex-direction:column;gap:4px}.progress-strip span{font-size:10px;color:#9893aa}.progress-strip b{font-size:16px}.progress-line{height:9px;border-radius:99px;background:#eceafa;overflow:hidden}.progress-line i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--violet),var(--cyan));border-radius:99px;transition:.4s}.progress-strip small{font-size:10px;color:#a19bb0}.task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.task-card{background:#fff;border-radius:18px;padding:22px 21px 20px;border:1px solid var(--line);min-height:236px;display:flex;flex-direction:column;box-shadow:0 7px 20px #291d4a08}.task-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.task-card.reading{border-top:4px solid var(--cyan)}.task-card.listening{border-top:4px solid var(--coral)}.task-card.writing{border-top:4px solid var(--gold)}.task-top{display:flex;align-items:center;gap:8px}.task-icon{height:30px;width:30px;border-radius:9px;display:grid;place-items:center;font-weight:950;color:#fff}.reading .task-icon{background:var(--cyan)}.listening .task-icon{background:var(--coral)}.writing .task-icon{background:#e7ab24}.task-label{font-size:9px;letter-spacing:.1em;color:#8f899e;font-weight:900}.task-status{margin-left:auto;font-size:9px;color:#a4a0ad}.task-card h2{font-size:17px;letter-spacing:-.05em;margin:18px 0 8px}.task-card p{font-size:11px;color:#79748a;line-height:1.7;margin:0}.card-link{border:0;background:none;color:var(--violet-dark);font-size:11px;font-weight:900;text-align:left;padding:0;margin-top:auto}.card-link span{color:var(--coral);font-size:16px;padding-left:6px}.lower-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:15px;margin-top:15px}.checkin-card,.quote-card{border-radius:18px;padding:23px;background:#fff;border:1px solid var(--line)}.checkin-card{display:flex;align-items:center;justify-content:space-between;background:#fff5d8;border-color:#f7e4a6}.checkin-card h2{font-size:19px;margin:0 0 8px}.checkin-card p{font-size:11px;color:#847753;margin:0;line-height:1.6}.checkin-button{border:0;border-radius:14px;min-width:105px;padding:13px 10px;background:var(--navy);color:#fff;display:grid;gap:4px;place-items:center}.checkin-button span{font-size:23px;color:var(--gold)}.checkin-button b{font-size:10px}.checkin-button.done{background:var(--lime);color:#18221c}.quote-card{background:#e8f8fb;border-color:#bdebf0;position:relative;overflow:hidden}.quote-mark{position:absolute;font:900 86px/1 Georgia;color:#17b8d033;right:16px;top:-8px}.quote-card p{font:600 15px/1.7 Georgia,serif;margin:5px 0 16px;position:relative}.quote-card strong{color:#127d91}.quote-card small{font-size:10px;color:#58909a}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.section-heading h1{font-size:34px;letter-spacing:-.08em;margin:0}.section-heading p:not(.date-line){font-size:12px;color:#817b91;margin:9px 0 0;line-height:1.7}.source-note{font-size:10px;font-weight:850;color:#378b9a;background:#e8f8fb;padding:9px 12px;border-radius:99px}.bank-list{display:grid;gap:10px}.bank-row{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px;display:flex;align-items:center;gap:13px;text-align:left}.bank-row:hover{border-color:#beb3ed;transform:translateX(3px)}.bank-badge{width:37px;height:37px;border-radius:11px;color:#fff;display:grid;place-items:center;font-weight:950}.reading-badge{background:var(--cyan)}.listening-badge{background:var(--coral)}.writing-badge{background:#e7ab24}.bank-row span:nth-child(2){flex:1}.bank-row b{font-size:13px}.bank-row small{display:block;color:#9b96a9;font-size:10px;margin-top:4px}.bank-row em{color:var(--violet-dark);font-size:11px;font-weight:900;font-style:normal}.official-links{margin-top:17px;background:#211b45;color:#fff;border-radius:18px;padding:22px}.official-links h2{font-size:18px;margin:0 0 7px}.official-links p{color:#c4bfdd;font-size:11px;line-height:1.6}.official-links a{display:inline-block;color:var(--gold);font-size:11px;font-weight:800;margin:9px 16px 0 0}.progress-overview{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:14px;margin-bottom:16px}.big-progress,.metric{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px}.big-progress{display:flex;align-items:center;gap:17px}.ring{width:76px;height:76px;border-radius:50%;background:conic-gradient(var(--violet) 0deg,var(--violet) 0deg,#eeebfa 0deg);display:grid;place-items:center;position:relative}.ring:after{content:'';position:absolute;width:58px;height:58px;background:#fff;border-radius:50%}.ring span{position:relative;z-index:1;font-size:16px;font-weight:950}.big-progress b{font-size:13px}.big-progress p{font-size:10px;color:#9d98aa;margin:7px 0 0}.metric span{font-size:10px;color:#9993a8;display:block}.metric b{font-size:36px;letter-spacing:-.08em;display:inline-block;margin-top:13px}.metric small{font-size:10px;color:#9993a8;margin-left:5px}.calendar-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px}.calendar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.calendar-head h2{font-size:18px;margin:0}.calendar-head span{font-size:10px;color:#9e99aa}.calendar-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:7px}.cal-cell{aspect-ratio:1;border-radius:8px;background:#f6f4fb;border:1px solid #ede9f7;display:grid;place-items:center;font-size:10px;color:#a6a1b0}.cal-cell.done{background:var(--violet);color:#fff;border-color:var(--violet);font-weight:900}.cal-cell.today{outline:2px solid var(--coral);outline-offset:1px}.calendar-card>p{font-size:10px;color:#9b96a8;margin:17px 0 0}.subject-bars{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;margin-top:15px;display:grid;gap:14px}.subject-bars>div{display:grid;grid-template-columns:55px 1fr 38px;align-items:center;gap:10px}.subject-bars span,.subject-bars em{font-size:10px;font-style:normal}.subject-bars i{height:8px;border-radius:99px;background:#efedf8;overflow:hidden}.subject-bars i b{display:block;height:100%;width:0;background:var(--cyan);border-radius:99px}.subject-bars>div:nth-child(2) i b{background:var(--coral)}.subject-bars>div:nth-child(3) i b{background:var(--gold)}.subject-bars em{text-align:right;color:#8d879c}.settings-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.settings-panels section{background:#fff;border:1px solid var(--line);border-radius:17px;padding:23px}.panel-icon{height:38px;width:38px;border-radius:11px;background:#eceafa;color:var(--violet-dark);display:grid;place-items:center;font-size:20px;font-weight:900;margin-bottom:19px}.settings-panels h2{font-size:17px;margin:0 0 8px}.settings-panels p{font-size:11px;color:#857f92;line-height:1.7;min-height:55px}.privacy-panel{background:#e8f8fb!important;border-color:#bdebf0!important}.privacy-panel .panel-icon{background:#fff;color:#16849a}.task-modal{width:min(650px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#fff;border-radius:20px;padding:25px;box-shadow:0 25px 80px #160f3d55}.modal-backdrop{position:fixed;z-index:20;inset:0;background:#16112bb3;display:grid;place-items:center;padding:18px;backdrop-filter:blur(6px)}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:21px}.modal-head h2{font-size:25px;letter-spacing:-.06em;margin:0}.modal-kicker{color:var(--violet)}.close-button{border:0;background:#f0eef8;border-radius:50%;height:30px;width:30px;color:#777186;font-size:21px}.passage{background:#f7f6fb;border-radius:13px;padding:18px;line-height:1.85;font-size:13px;color:#37334b}.passage h3{font-size:16px;margin:0 0 10px;color:var(--ink)}.translation{margin-top:13px;padding:12px 14px;background:#e8f8fb;border-left:3px solid var(--cyan);border-radius:8px;font-size:11px;color:#427986;line-height:1.7}.question-list{display:grid;gap:12px;margin-top:18px}.question{border:1px solid var(--line);border-radius:11px;padding:13px}.question p{font-size:12px;font-weight:800;margin:0 0 9px}.question label{display:flex;gap:8px;align-items:start;font-size:11px;color:#5f5a70;padding:4px 0}.question input[type=radio]{accent-color:var(--violet);margin-top:2px}.question input[type=text],.answer-area{width:100%;border:1px solid #ddd8ee;border-radius:8px;padding:10px;font-size:12px;outline:none}.question input:focus,.answer-area:focus{border-color:var(--violet);box-shadow:0 0 0 3px #ece9ff}.modal-footer{display:flex;justify-content:space-between;align-items:center;margin-top:19px;padding-top:17px;border-top:1px solid var(--line)}.explain{margin-top:15px;border-radius:13px;background:#fff5d8;padding:15px;font-size:11px;line-height:1.7}.explain b{color:#956f0b}.score{font-weight:950;color:var(--violet-dark);font-size:18px}.listening-script{background:#211b45;color:#fff;border-radius:13px;padding:17px;line-height:1.8;font-size:12px}.play-audio{border:0;background:var(--gold);color:var(--navy);border-radius:9px;padding:10px 13px;font-size:11px;font-weight:900;margin:12px 0}.writing-prompt{font-size:14px;line-height:1.7;font-weight:750;background:#f7f6fb;border-radius:13px;padding:16px}.writing-count{font-size:10px;color:#9993a8;text-align:right;margin-top:5px}.toast{position:fixed;bottom:23px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#211b45;color:#fff;padding:11px 15px;border-radius:9px;font-size:11px;transition:.25s;z-index:40}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:980px){.sidebar{width:210px}.content{padding:28px}.topbar{padding:0 28px}.hero{grid-template-columns:1fr .8fr}.task-grid{grid-template-columns:1fr 1fr}.task-card:last-child{grid-column:span 2}.settings-panels{grid-template-columns:1fr 1fr}.settings-panels section:last-child{grid-column:span 2}}
@media(max-width:700px){body{padding-bottom:68px}.sidebar{display:none}.topbar{height:62px;padding:0 15px}.mobile-brand{display:flex;align-items:center;gap:8px;font-size:15px}.mobile-brand .logo-mark{height:29px;width:29px;font-size:13px;border-radius:9px}.top-title{display:none}.streak-pill{padding:7px 9px;font-size:9px}.content{padding:20px 15px 28px}.hero{display:block;min-height:615px;border-radius:22px}.hero-copy{padding:30px 24px 24px}.hero h1{font-size:45px}.hero-copy>p:not(.date-line){font-size:12px}.hero-actions{margin-top:21px}.btn{padding:11px 13px}.hero-art{min-height:300px}.moon{width:150px;height:150px;right:13%;top:30px}.student{transform:scale(.78)!important;transform-origin:bottom}.student-a{left:4%;animation:floatA 5s ease-in-out infinite}.student-b{left:39%}.student-c{right:-8%}.progress-strip{grid-template-columns:1fr 1fr;gap:9px;padding:14px 15px}.progress-line{grid-column:span 2}.progress-strip small{grid-column:span 2}.task-grid{grid-template-columns:1fr;gap:11px}.task-card{min-height:205px}.task-card:last-child{grid-column:auto}.lower-grid{grid-template-columns:1fr}.checkin-card{gap:10px;padding:18px}.quote-card{padding:18px}.section-heading{display:block}.section-heading h1{font-size:29px}.source-note{display:inline-block;margin-top:15px}.progress-overview{grid-template-columns:1fr 1fr}.big-progress{grid-column:span 2}.calendar-grid{grid-template-columns:repeat(5,1fr)}.settings-panels{grid-template-columns:1fr}.settings-panels section:last-child{grid-column:auto}.mobile-nav{position:fixed;z-index:10;left:0;right:0;bottom:0;height:68px;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:7px 8px env(safe-area-inset-bottom)}.mobile-nav .nav-item{flex-direction:column;gap:2px;align-items:center;justify-content:center;padding:5px 15px;font-size:9px}.mobile-nav .nav-item span{font-size:17px}.task-modal{padding:20px;border-radius:18px}.modal-head h2{font-size:21px}.version-options{grid-template-columns:1fr}.modal-footer{gap:8px}.modal-footer .btn{flex:1}.official-links a{display:block}.hero-art{overflow:hidden}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* AI study companion: a small memorable character with a calm, focused panel. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ai-launcher{position:fixed;right:24px;bottom:24px;z-index:30;border:0;border-radius:18px;background:var(--navy);color:#fff;display:flex;align-items:center;gap:8px;padding:8px 12px 8px 8px;box-shadow:0 16px 36px #17153345;transition:transform .2s,box-shadow .2s}.ai-launcher:hover{transform:translateY(-3px);box-shadow:0 19px 42px #17153355}.ai-launcher em{font-style:normal;font-weight:950;font-size:10px;letter-spacing:.08em;color:var(--gold)}.ai-avatar{display:inline-block;width:34px;height:34px;border-radius:13px;background:#fff5dc;position:relative;box-shadow:inset 0 0 0 2px #ffc857}.ai-avatar:before,.ai-avatar:after{content:'';position:absolute;width:12px;height:12px;border-radius:50%;background:#211b45;top:-3px}.ai-avatar:before{left:3px;transform:rotate(-22deg)}.ai-avatar:after{right:3px;transform:rotate(22deg)}.ai-avatar i,.ai-avatar b{position:absolute;top:13px;width:5px;height:6px;border-radius:50%;background:#211b45}.ai-avatar i{left:10px}.ai-avatar b{right:10px}.ai-avatar.large{width:39px;height:39px;border-radius:14px}.ai-panel{position:fixed;right:24px;bottom:80px;width:min(390px,calc(100vw - 30px));height:min(680px,calc(100dvh - 105px));z-index:31;background:#fff;border:1px solid #e1ddef;border-radius:24px;box-shadow:0 30px 80px #211b4540;display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(14px) scale(.98);pointer-events:none;transition:opacity .22s,transform .22s}.ai-panel.open{opacity:1;transform:none;pointer-events:auto}.ai-head{background:#211b45;color:#fff;padding:14px 16px;display:flex;align-items:center;justify-content:space-between}.ai-identity{display:flex;align-items:center;gap:10px}.ai-identity strong{font-size:13px;display:block}.ai-identity small{font-size:10px;color:#c8c1e5;display:block;margin-top:3px}.ai-close{border:0;background:#ffffff14;color:#fff;border-radius:10px;width:36px;height:36px;font-size:22px}.ai-notice{display:flex;gap:8px;padding:9px 15px;background:#fff7dc;border-bottom:1px solid #f2e5b5}.ai-notice span{color:#50a66c;font-size:12px}.ai-notice p{margin:0;color:#7f6e36;font-size:10px;line-height:1.5}.ai-messages{flex:1;overflow:auto;padding:16px 14px 8px;background:#faf9fd;display:flex;flex-direction:column;gap:10px}.ai-message{max-width:88%;display:flex;gap:8px;align-items:flex-start}.ai-message.user{margin-left:auto;flex-direction:row-reverse}.ai-bubble{padding:10px 12px;border-radius:14px;font-size:12px;line-height:1.65;white-space:pre-wrap;word-break:break-word}.ai-message.assistant .ai-bubble{background:#fff;border:1px solid #e5e0f2;color:#37314f;border-top-left-radius:5px}.ai-message.user .ai-bubble{background:#6c56e8;color:#fff;border-top-right-radius:5px}.ai-meta{font-size:9px;color:#9d97ad;margin-top:3px}.ai-action-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.ai-action-row button{border:1px solid #d8d0fa;background:#f4f1ff;color:#4433a7;border-radius:9px;padding:7px 9px;font-size:10px;font-weight:800}.ai-quick{display:flex;gap:6px;overflow:auto;padding:8px 12px;background:#fff;border-top:1px solid #eeebf4}.ai-quick button{white-space:nowrap;border:1px solid #ded8ef;background:#fff;border-radius:99px;color:#5544b1;font-size:10px;padding:7px 10px}.ai-form{padding:10px 12px 7px;background:#fff;border-top:1px solid #eeebf4}.ai-form textarea{width:100%;resize:none;max-height:100px;border:1px solid #ddd8ee;border-radius:12px;padding:10px 11px;outline:none;font-size:13px;line-height:1.45}.ai-form textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px #ece9ff}.ai-form-actions{display:flex;align-items:center;gap:8px;margin-top:7px}.ai-form-actions small{flex:1;color:#9993a8;font-size:9px}.ai-icon-button,.ai-send{border:0;border-radius:9px;min-height:34px}.ai-icon-button{width:34px;background:#f1eff8;color:#6256a5;font-size:18px}.ai-send{background:var(--coral);color:#fff;padding:0 15px;font-size:11px;font-weight:900}.ai-tools{display:flex;justify-content:center;gap:13px;padding:6px 10px 10px;background:#fff}.ai-tools button{border:0;background:none;color:#8f899e;font-size:9px;text-decoration:underline;text-underline-offset:3px}.ai-typing{display:inline-flex;gap:4px;padding:11px 13px;background:#fff;border:1px solid #e5e0f2;border-radius:14px}.ai-typing i{width:5px;height:5px;border-radius:50%;background:#b1a9d3;animation:aiDot 1s infinite}.ai-typing i:nth-child(2){animation-delay:.15s}.ai-typing i:nth-child(3){animation-delay:.3s}@keyframes aiDot{50%{transform:translateY(-3px);opacity:.55}}@media(max-width:700px){.ai-launcher{right:16px;bottom:82px}.ai-panel{right:15px;bottom:75px;width:calc(100vw - 30px);height:min(650px,calc(100dvh - 95px));border-radius:20px}.ai-messages{padding:13px 11px 7px}.ai-bubble{font-size:13px}.ai-quick{padding-bottom:9px}}@media(prefers-reduced-motion:reduce){.ai-panel,.ai-launcher{transition:none}.ai-typing i{animation:none}}
.ai-notice{align-items:flex-start}.ai-notice p{flex:1}.ai-notice button{border:1px solid #dccd90;background:#fffdf1;color:#796526;border-radius:7px;padding:5px 7px;font-size:9px;white-space:nowrap}.ai-notice button.saved{color:#4d8d61;border-color:#b8ddc1;background:#f1fbf3}.ai-copy{border:0;background:transparent;color:#9a93ae;font-size:9px;padding:0;margin-top:4px}.ai-copy:hover{color:#5a4db0}
/* Completion feedback */
.feedback-trigger{display:flex;align-items:center;gap:7px;margin:13px 0 0;border:1px solid #ded5ff;background:#f7f4ff;color:#5140ae;border-radius:11px;padding:10px 13px;font-size:11px;font-weight:900;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s}.feedback-trigger:hover{transform:translateY(-1px);background:#eee9ff;box-shadow:0 8px 18px #6c56e81c}.feedback-trigger span{color:#e7ab24}.feedback-area{margin-top:11px;border:1px solid #c5e9e2;border-radius:14px;background:linear-gradient(135deg,#f1fffb,#fff8e2);padding:16px 17px;color:#31594f}.feedback-area h3{font-size:17px;letter-spacing:-.04em;margin:4px 0 7px;color:#253d39}.feedback-area p{font-size:11px;line-height:1.75;margin:0 0 7px}.feedback-area .feedback-kicker{color:#4a9a89;font-size:9px;font-weight:950;letter-spacing:.12em}.feedback-area .feedback-tip{padding-top:9px;border-top:1px solid #cfe8df;color:#55766e}.feedback-area .feedback-tip b{color:#2d8373}.feedback-pop{animation:feedbackPop .45s cubic-bezier(.2,.8,.2,1)}@keyframes feedbackPop{0%{opacity:0;transform:translateY(8px) scale(.98);box-shadow:0 0 0 #55bfa533}60%{opacity:1;transform:translateY(-2px) scale(1.01);box-shadow:0 12px 26px #55bfa533}100%{opacity:1;transform:none;box-shadow:none}}.checkin-feedback{min-height:0;color:#98721b;font-size:10px;line-height:1.5;margin-top:7px}.checkin-feedback:empty{display:none}.checkin-feedback.feedback-pop{animation:feedbackPop .45s cubic-bezier(.2,.8,.2,1)}


/* Vocabulary chapter: report-block colours, concrete interactions, phone-first density. */
.vocab-view{--vocab-ink:#1a1734;--vocab-orange:#ff764d;--vocab-yellow:#f2d84b;--vocab-sage:#d3e6d9}.vocab-hero{min-height:315px;border-radius:24px;background:var(--vocab-orange);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:40px 48px;color:#161326;overflow:hidden;position:relative}.vocab-hero:after{content:'A B C';position:absolute;right:-30px;bottom:-58px;font-weight:950;font-size:170px;letter-spacing:-.15em;color:#ffffff26;transform:rotate(-8deg)}.vocab-hero h1,.speaking-hero h1{font-size:clamp(39px,5vw,64px);line-height:.99;letter-spacing:-.08em;margin:0 0 16px}.vocab-hero h1 em,.speaking-hero h1 em{font-style:normal;color:#fff8d1}.vocab-hero p:not(.date-line),.speaking-hero p:not(.date-line){max-width:39ch;font-size:13px;line-height:1.75;margin:0}.vocab-hero .date-line{color:#3d2a25}.vocab-orbit{width:210px;height:210px;border:2px solid #1b173633;border-radius:50%;display:grid;place-items:center;align-content:center;justify-self:end;z-index:1;transform:rotate(10deg)}.vocab-orbit span,.vocab-orbit small{font-size:10px;letter-spacing:.2em;font-weight:950}.vocab-orbit b{font-size:72px;line-height:.9;letter-spacing:-.1em}.vocab-toolbar{background:var(--vocab-sage);display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:18px 22px;border-radius:15px}.vocab-toolbar strong{display:block;font-size:15px}.vocab-toolbar span{font-size:10px;color:#4d6553;display:block;margin-top:4px}.vocab-size-options{display:flex;gap:7px}.vocab-size{border:1px solid #96b9a2;background:#f3fff6;border-radius:9px;color:#31533d;padding:9px 12px;font-size:11px;font-weight:900}.vocab-size.active{background:#1d4031;color:#fff;border-color:#1d4031}.vocab-progress{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px 20px;margin:12px 0}.vocab-progress>div:first-child{min-width:205px}.vocab-progress span{font-size:13px;font-weight:900;display:block}.vocab-progress small{font-size:10px;color:#89839b;display:block;margin-top:4px}.vocab-progress-line{height:10px;flex:1;border-radius:99px;background:#f0edf7;overflow:hidden}.vocab-progress-line i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--vocab-orange),var(--vocab-yellow));border-radius:99px;transition:width .4s}.vocab-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:15px;align-items:start}.vocab-list{background:#f8f7fc;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;border-radius:17px}.vocab-word-card{border:1px solid #e5e0f0;background:#fff;border-radius:12px;padding:12px 11px;display:grid;grid-template-columns:27px 1fr auto 18px;align-items:center;gap:8px;text-align:left;transition:transform .2s,border-color .2s,background .2s}.vocab-word-card:hover{transform:translateY(-2px);border-color:#ff9a77}.vocab-word-card.mastered{background:#fff8df;border-color:#f0dc83}.vocab-index{font-size:10px;color:#aaa3b8;font-weight:900}.vocab-word-main b{display:block;font-size:14px;letter-spacing:-.03em}.vocab-word-main small{display:block;color:#958fa4;font-size:9px;margin-top:3px}.vocab-word-zh{font-size:10px;color:#5b526f;white-space:nowrap}.vocab-check{font-size:15px;color:#e87954;text-align:right}.vocab-word-card.mastered .vocab-check{color:#52965e}.vocab-practice{position:sticky;top:20px;background:#201a43;color:#fff;border-radius:18px;padding:22px;min-height:440px;overflow:hidden}.vocab-practice:after{content:'听';position:absolute;right:-25px;bottom:-48px;font-size:190px;font-weight:950;color:#ffffff0b;pointer-events:none}.practice-kicker,.question-label{font-size:9px;letter-spacing:.16em;color:#ffcf69;font-weight:950}.vocab-practice h2{font-size:30px;letter-spacing:-.08em;margin:10px 0 5px;position:relative;z-index:1}.vocab-practice>p{font-size:11px;color:#c9c3e0;margin:0;position:relative;z-index:1}.vocab-practice-body{position:relative;z-index:1;margin-top:21px}.practice-empty{text-align:center;padding:75px 0;color:#8b83b4;font-size:35px;line-height:1.5}.practice-empty span{font-size:11px}.word-hero-line{display:flex;align-items:center;gap:15px;font-size:39px;font-weight:950;letter-spacing:-.08em}.round-sound{border:0;width:40px;height:40px;border-radius:50%;background:var(--vocab-yellow);color:#241a3f;font-size:15px}.practice-actions{display:flex;gap:7px;margin:16px 0 10px}.practice-btn{border:1px solid #7168a0;background:#332b62;color:#fff;border-radius:9px;padding:9px 10px;font-size:10px;font-weight:850}.practice-btn:hover{background:#493d83}.repeat-status{font-size:10px;color:#c8c0df;line-height:1.6;min-height:32px}.repeat-status.correct,.blank-box small.correct{color:#9de0ae}.repeat-status.retry,.blank-box small.retry{color:#ffc48e}.blank-box{margin-top:13px;padding:13px;border:1px solid #534a80;background:#282053;border-radius:12px}.blank-box p{font-size:13px;margin:0 0 9px;line-height:1.55}.blank-box p span{color:#ffd365;letter-spacing:.13em}.blank-box>div{display:flex;gap:6px}.blank-box input{min-width:0;flex:1;border:1px solid #70689a;background:#1c163b;color:#fff;border-radius:8px;padding:8px 9px;font-size:11px;outline:none}.blank-box button{border:0;background:var(--vocab-orange);color:#271735;border-radius:8px;padding:8px 11px;font-weight:900;font-size:10px}.blank-box small{display:block;font-size:9px;margin-top:7px;color:#aaa2c8;min-height:13px}.word-example{margin-top:13px;padding-top:12px;border-top:1px solid #ffffff1c}.word-example b{color:#ffd365;font-size:10px}.word-example p{font-size:12px;line-height:1.6;margin:8px 0 3px}.word-example small{display:block;color:#c7bfde;font-size:10px;line-height:1.5}.word-example em{display:block;color:#ff9f80;font-size:10px;font-style:normal;margin-top:7px}.daily-test{margin-top:15px;padding:24px;background:var(--vocab-yellow);border-radius:18px;display:grid;grid-template-columns:.7fr 1.3fr;gap:22px;color:#201935}.daily-test h2{font-size:27px;letter-spacing:-.07em;margin:0 0 9px}.daily-test p:not(.date-line){font-size:11px;line-height:1.6;margin:0}.daily-test .date-line{color:#765e15}.vocab-test{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;align-items:start}.test-question{background:#fff8dc;border:1px solid #ddc86c;border-radius:11px;padding:12px}.test-question>span{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#211b45;color:#fff;font-size:10px;font-weight:900}.test-question p{font-size:11px;line-height:1.5;min-height:50px;margin:9px 0}.test-question input{width:100%;border:1px solid #ddcf8b;border-radius:8px;padding:8px;font-size:11px;background:#fffef6;outline:none}.test-question small{display:block;color:#8b7937;font-size:9px;margin-top:7px}.vocab-test-submit{grid-column:1/2;width:100%}.vocab-test-result{grid-column:2/4;align-self:center;font-size:11px;font-weight:800}.vocab-test-result.good{color:#347449}.vocab-test-result.warm{color:#8d6812}
/* Speaking room: a vivid stage with a visible human loop from prompt to transcript to advice. */
.speaking-hero{min-height:340px;border-radius:24px;background:#d2e5da;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;padding:43px 48px;overflow:hidden;color:#191634}.speaking-hero .date-line{color:#37624d}.speaking-actions{display:flex;gap:9px;margin-top:25px}.btn.ghost.dark{color:#1b1733;border-color:#1b173355;background:#ffffff38}.examiner{height:250px;width:250px;justify-self:end;position:relative;display:grid;place-items:center}.examiner-halo{position:absolute;width:220px;height:220px;border:1px solid #2d523c66;border-radius:50%;box-shadow:0 0 0 18px #ffffff23,0 0 0 36px #ffffff18}.examiner-face{position:relative;width:128px;height:128px;border-radius:47% 47% 44% 44%;background:#ffcbac;box-shadow:inset 0 -10px 0 #eaa182}.examiner-face:before{content:'';position:absolute;width:142px;height:62px;left:-7px;top:-21px;background:#241b46;border-radius:58% 58% 34% 34%;transform:rotate(-4deg)}.examiner-face i{position:absolute;top:62px;width:10px;height:13px;border-radius:50%;background:#241b46}.examiner-face i:first-child{left:35px}.examiner-face i:nth-child(2){right:35px}.examiner-face b{position:absolute;width:39px;height:18px;border-bottom:4px solid #b85655;border-radius:50%;left:44px;top:86px}.examiner-tag{position:absolute;right:-17px;top:35px;background:#ff764d;color:#271735;font-size:9px;font-weight:950;line-height:1.35;padding:8px 9px;transform:rotate(8deg)}.examiner-wave{position:absolute;bottom:10px;left:62px;display:flex;align-items:center;gap:4px}.examiner-wave span{width:4px;height:15px;border-radius:99px;background:#ff764d}.examiner-wave span:nth-child(2){height:27px}.examiner-wave span:nth-child(3){height:38px}.examiner-wave span:nth-child(4){height:24px}.examiner-wave span:nth-child(5){height:13px}.examiner-wave.listening span{animation:voicePulse .75s ease-in-out infinite alternate}.examiner-wave.listening span:nth-child(2){animation-delay:.12s}.examiner-wave.listening span:nth-child(3){animation-delay:.24s}.examiner-wave.listening span:nth-child(4){animation-delay:.36s}@keyframes voicePulse{to{transform:scaleY(.35);opacity:.45}}.speaking-room{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.speaking-question,.speaking-recorder{border-radius:17px;padding:24px;background:#211b45;color:#fff;min-height:240px}.speaking-question{display:flex;gap:17px;align-items:start}.question-number{font-size:50px;color:#ffc857;font-weight:950;letter-spacing:-.1em;line-height:.9}.speaking-question h2{font-size:24px;line-height:1.1;letter-spacing:-.06em;margin:12px 0 8px}.speaking-question p{font-size:11px;color:#c9c3df;margin:0 0 16px}.speaking-cues{display:flex;flex-wrap:wrap;gap:6px}.speaking-cues span{background:#332b62;color:#e2dbf4;border-radius:99px;padding:6px 8px;font-size:9px}.speaking-recorder{background:#fff;border:1px solid var(--line);color:#201935}.recorder-status{color:#817b91;font-size:10px;min-height:30px}.transcript{min-height:115px;border-radius:12px;background:#f7f5fb;padding:14px;color:#4d475d;font-size:12px;line-height:1.7}.recorder-actions{display:flex;gap:7px;margin-top:14px;flex-wrap:wrap}.recorder-actions .btn{font-size:10px;padding:9px 11px}.speaking-feedback{display:grid;grid-template-columns:180px 1fr;gap:20px;margin-top:15px;background:#ff764d;color:#251936;border-radius:18px;padding:22px}.feedback-score{border-right:1px solid #25193655;display:flex;flex-direction:column;justify-content:center}.feedback-score span{font-size:10px;font-weight:850}.feedback-score b{font-size:60px;letter-spacing:-.1em;line-height:1}.feedback-score small{font-size:11px}.speaking-feedback h2{font-size:22px;letter-spacing:-.06em;margin:0 0 8px}.speaking-feedback>div>p{font-size:11px;line-height:1.7;margin:0}.speaking-model{background:#fff3dd;border-radius:11px;margin-top:12px;padding:12px}.speaking-model b{font-size:10px;color:#946a12}.speaking-model p{font-size:11px;line-height:1.6;margin:6px 0 0}.speaking-note{font-size:10px;color:#8d879c;margin:13px 2px 0}.hidden{display:none!important}
@media(max-width:850px){.vocab-hero,.speaking-hero{grid-template-columns:1fr;padding:31px 25px}.vocab-orbit{justify-self:start;width:145px;height:145px;margin-top:25px}.vocab-orbit b{font-size:53px}.vocab-hero:after{font-size:95px}.vocab-layout,.speaking-room{grid-template-columns:1fr}.vocab-practice{position:relative;top:auto}.daily-test{grid-template-columns:1fr}.vocab-test{grid-template-columns:1fr}.vocab-test-submit,.vocab-test-result{grid-column:auto}.examiner{justify-self:center;margin-top:20px}.speaking-feedback{grid-template-columns:110px 1fr}.feedback-score b{font-size:46px}}
@media(max-width:700px){.vocab-toolbar{display:block;padding:16px}.vocab-size-options{margin-top:12px}.vocab-size{flex:1}.vocab-list{grid-template-columns:1fr;padding:6px}.vocab-word-card{grid-template-columns:25px 1fr auto 17px}.vocab-word-zh{font-size:9px}.vocab-practice{padding:18px;min-height:425px}.word-hero-line{font-size:34px}.practice-actions{flex-wrap:wrap}.practice-btn{flex:1}.daily-test{padding:19px}.test-question p{min-height:0}.speaking-hero{min-height:620px}.speaking-hero h1{font-size:42px}.speaking-actions{flex-wrap:wrap}.speaking-actions .btn{flex:1}.speaking-question{padding:19px;min-height:245px}.speaking-question h2{font-size:21px}.speaking-recorder{padding:19px}.speaking-feedback{grid-template-columns:1fr}.feedback-score{border-right:0;border-bottom:1px solid #25193655;padding-bottom:14px}.mobile-nav{gap:0}.mobile-nav .nav-item{padding-left:4px;padding-right:4px;font-size:8px}.mobile-nav .nav-item span{font-size:15px}}
@media(prefers-reduced-motion:reduce){.examiner-wave.listening span{animation:none!important}.vocab-progress-line i{transition:none}}