: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}}