@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Nunito:wght@400;500;600;700;800&display=swap";:root{--ink:#15243b;--sub:#607086;--paper:#f7f8fc;--line:#e6eaf1;--blue:#315bea;--violet:#6d55d8;--mint:#e4f6ec;--green:#178f5d;--orange:#f4a340;--radius:20px;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Nunito,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #f4a340}svg{stroke-width:2px;width:20px;height:20px}.logo{align-items:center;gap:10px;font:700 21px Fredoka,sans-serif;display:flex}.logo svg{color:var(--blue)}.auth-shell{background:#fff;grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.brand-panel{color:#fff;background:#232d70;flex-direction:column;justify-content:space-between;padding:54px 8vw;display:flex;position:relative;overflow:hidden}.brand-panel:after{content:"HELLO";letter-spacing:-.03em;color:#ffffff09;font:700 28vw Fredoka;position:absolute;bottom:-8vw;left:-2vw}.brand-panel .logo{z-index:1;position:relative}.brand-panel .logo svg{color:#ffcb70}.brand-panel h1{letter-spacing:-.03em;max-width:720px;margin:0;font:600 clamp(46px,6vw,84px)/1.05 Fredoka}.brand-panel p{color:#d9ddff;max-width:580px;font-size:19px;line-height:1.8}.quote{color:#aeb6f1}.auth-card{flex-direction:column;align-self:center;gap:26px;padding:52px clamp(32px,8vw,100px);display:flex}.auth-card h2{margin:0;font:600 34px Fredoka}.auth-card p{color:var(--sub)}form{gap:16px;display:grid}label{gap:7px;font-size:14px;font-weight:700;display:grid}input,select{height:50px;color:var(--ink);background:#fff;border:1px solid #dfe4ed;border-radius:12px;padding:0 15px}input::placeholder{color:#8996a7}.primary,.demo{border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:50px;font-weight:800;display:flex}.primary{background:var(--blue);color:#fff}.primary:hover{background:#2449cc}.demo{color:#344db5;background:#eef1ff}.text-btn{color:var(--blue);background:0 0;border:0;font-weight:800}.error{color:#b42318;background:#fff0ee;border-radius:10px;padding:10px}.app-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}aside{border-right:1px solid var(--line);z-index:3;background:#fff;flex-direction:column;width:250px;height:100vh;padding:34px 22px;display:flex;position:fixed}aside nav{gap:8px;margin-top:60px;display:grid}aside nav button{color:#657187;background:0 0;border:0;border-radius:12px;align-items:center;gap:13px;min-height:48px;padding:0 14px;font-weight:700;display:flex}aside nav button.active{color:#324fd2;background:#edf0ff}.aside-bottom{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.member-mini{align-items:center;gap:10px;display:flex}.member-mini>span,.avatar{color:#4e3aa7;background:#ddd7ff;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.member-mini div{display:grid}.member-mini small,.member-row small{color:var(--sub)}.icon-btn{color:var(--sub);background:0 0;border:0}.workspace{grid-column:2;width:100%;max-width:1440px;margin:auto;padding:0 clamp(24px,5vw,72px) 70px}.workspace>header{justify-content:space-between;align-items:center;min-height:110px;display:flex}.workspace>header small{color:var(--sub)}.workspace>header h2{margin:4px 0;font:600 25px Fredoka}.member-switch{border:1px solid var(--line);background:#fff;border-radius:30px;gap:6px;padding:5px;display:flex}.member-switch button{min-width:36px;height:36px;color:var(--sub);background:0 0;border:0;border-radius:20px;padding:0 15px;font-weight:700}.member-switch button.active{background:var(--ink);color:#fff}.page{animation:.4s cubic-bezier(.2,.8,.2,1) reveal}@keyframes reveal{0%{opacity:0;filter:blur(3px);transform:translateY(8px)}}.today{color:#fff;background:#303b89;border-radius:28px;justify-content:space-between;align-items:center;min-height:270px;padding:45px 52px;display:flex;overflow:hidden}.today h1{letter-spacing:-.025em;margin:0;font:600 clamp(34px,5vw,58px)/1.05 Fredoka}.today p{color:#d8dcff;font-size:17px}.streak{background:#ffffff17;border-radius:12px;align-items:center;gap:8px;margin-top:20px;padding:10px 15px;display:inline-flex}.streak svg{color:#ffbd57}.time-orbit{text-align:center;border:18px solid #ffffff18;border-top-color:#ffbd57;border-radius:50%;place-content:center;width:150px;height:150px;display:grid;transform:rotate(8deg)}.time-orbit>*{transform:rotate(-8deg)}.time-orbit strong{font:700 50px Fredoka}.home-grid{grid-template-columns:1.6fr 1fr;gap:20px;margin-top:20px;display:grid}.plan,.challenge,.members,.weekly{border-radius:var(--radius);background:#fff;padding:27px}.plan h3,.challenge h3,.section-title h3,.weekly h3{margin:0 0 20px;font:600 22px Fredoka}.plan>button{text-align:left;border:0;border-top:1px solid var(--line);background:0 0;grid-template-columns:42px 1fr 24px;align-items:center;width:100%;padding:16px 2px;display:grid}.plan>button>span{width:34px;height:34px;color:var(--blue);background:#eef1ff;border-radius:11px;place-items:center;font-weight:800;display:grid}.plan>button div{display:grid}.plan small{color:var(--sub)}.challenge{background:var(--mint);flex-direction:column;align-items:flex-start;display:flex}.challenge>svg{color:var(--green);width:30px;height:30px}.challenge p{color:#385d4b;line-height:1.6}.challenge button{background:var(--green);color:#fff;border:0;border-radius:12px;gap:8px;margin-top:auto;padding:12px 17px;display:flex}.members{margin-top:20px}.section-title{justify-content:space-between;display:flex}.section-title button{color:var(--blue);background:0 0;border:0;gap:6px;font-weight:800;display:flex}.member-row{border-top:1px solid var(--line);grid-template-columns:46px 1fr auto 80px;align-items:center;gap:12px;padding:16px 0;display:grid}.avatar.child{color:#a85d00;background:#ffead0}.member-row>div:nth-child(2){display:grid}.level{color:var(--violet);background:#f0edff;border-radius:9px;padding:6px 10px;font-weight:800}.learn-head{justify-content:space-between;align-items:end;margin:10px 0 25px;display:flex}.learn-head h1,.growth-head h1{margin:0;font:600 42px Fredoka}.learn-head p,.growth-head p{color:var(--sub)}.learn-head>span{color:var(--blue);font-weight:800}.word-stage{background:#fff;border-radius:28px;grid-template-columns:1.15fr .85fr;min-height:560px;display:grid;overflow:hidden}.word-image{background-position:50%;background-size:cover;position:relative}.word-image span{background:#fff;border-radius:20px;padding:8px 14px;font-weight:800;position:absolute;top:22px;left:22px}.word-copy{flex-direction:column;align-items:flex-start;padding:65px 50px;display:flex}.word-copy small{color:var(--sub)}.word-copy h2{letter-spacing:-.03em;margin:5px 0;font:600 68px Fredoka}.word-copy p{font-size:19px;line-height:1.6}.sound{color:var(--blue);background:#eef1ff;border:0;border-radius:50%;align-self:flex-end;place-items:center;width:48px;height:48px;display:grid}.listen{color:var(--blue);background:0 0;border:0;gap:8px;padding:10px 0;font-weight:800;display:flex}.review-actions{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:auto;display:grid}.review-actions button{border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;height:54px;font-weight:800;display:flex}.wrong{color:#b42318;background:#fff0ee}.right{color:#087443;background:#e5f7ed}.coach{background:#fff;border-radius:28px;grid-template-columns:310px 1fr;min-height:650px;display:grid;overflow:hidden}.coach-info{color:#fff;background:#2f397e;padding:42px 30px}.coach-face{color:#564212;background:#ffbd57;border-radius:20px;place-items:center;width:62px;height:62px;display:grid}.coach-info h1{margin:24px 0 10px;font:600 32px Fredoka}.coach-info p{color:#d8dcff;line-height:1.6}.prompt-list{gap:9px;margin-top:40px;display:grid}.prompt-list button{color:#fff;text-align:left;background:#ffffff0d;border:1px solid #ffffff30;border-radius:12px;padding:13px}.chat-panel{grid-template-rows:1fr auto;min-width:0;display:grid}.messages{flex-direction:column;gap:14px;max-height:570px;padding:40px;display:flex;overflow:auto}.welcome{color:var(--sub);gap:12px;display:flex}.welcome svg{color:var(--violet)}.bubble{white-space:pre-line;border-radius:17px;max-width:75%;padding:14px 17px;line-height:1.55}.bubble.user{background:var(--blue);color:#fff;border-bottom-right-radius:5px;align-self:flex-end}.bubble.ai{background:#f0f2f7;border-bottom-left-radius:5px;align-self:flex-start}.composer{border-top:1px solid var(--line);grid-template-columns:1fr 50px;gap:10px;padding:20px;display:grid}.composer button{background:var(--blue);color:#fff;border:0;border-radius:12px}.composer button:disabled{opacity:.4}.typing{gap:4px;display:flex}.typing i{background:#8a95a6;border-radius:50%;width:7px;height:7px;animation:1s infinite pulse}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes pulse{50%{transform:translateY(-5px)}}.growth-head{margin:15px 0 32px}.stats{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stats>div{background:#fff;border-radius:20px;padding:28px;display:grid}.stats span,.stats small{color:var(--sub)}.stats strong{margin:10px 0;font:600 50px Fredoka}.weekly{margin-top:18px}.bars{justify-content:space-around;align-items:flex-end;gap:12px;height:240px;display:flex}.bars div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.bars span{background:#798af0;border-radius:12px 12px 4px 4px;width:min(50px,70%)}.bars div:nth-child(6) span,.bars div:nth-child(7) span{background:#ffbd57}.overlay{z-index:10;background:#17223899;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.add-dialog{background:#fff;border-radius:20px;width:min(440px,100%);padding:30px}.add-dialog h2{margin-top:0}.add-dialog>div{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mobile-nav{display:none}@media (width<=850px){.auth-shell{grid-template-columns:1fr}.brand-panel{min-height:280px;padding:30px}.brand-panel h1{font-size:42px}.brand-panel .quote{display:none}.auth-card{padding:38px 24px}.app-shell{display:block}.app-shell>aside{display:none}.workspace{padding:0 16px 100px}.workspace>header{min-height:90px}.workspace>header h2{font-size:21px}.member-switch button{padding:0 11px}.today{min-height:235px;padding:30px 25px}.today h1{font-size:37px}.time-orbit{border-width:12px;width:105px;height:105px}.time-orbit strong{font-size:35px}.home-grid{grid-template-columns:1fr}.members{padding:20px}.member-row{grid-template-columns:42px 1fr auto}.member-row>strong{display:none}.level{font-size:12px}.learn-head h1,.growth-head h1{font-size:34px}.word-stage{grid-template-columns:1fr;min-height:0}.word-image{min-height:300px}.word-copy{padding:30px 24px}.word-copy h2{font-size:54px}.coach{grid-template-columns:1fr;min-height:calc(100vh - 200px)}.coach-info{display:none}.messages{max-height:calc(100vh - 300px);padding:22px}.stats{grid-template-columns:1fr}.stats>div{grid-template-columns:1fr auto;align-items:center}.stats strong{grid-area:1/2/3;margin:0}.weekly{padding:20px}.mobile-nav{z-index:5;height:72px;padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);background:#fffe;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#778397;background:0 0;border:0;place-items:center;padding:8px 15px;font-size:11px;display:grid}.mobile-nav button.active{color:var(--blue)}.mobile-nav svg{width:21px}.bubble{max-width:88%}}@media (width<=520px){.today{align-items:flex-start}.time-orbit{border-width:9px;flex:none;width:78px;height:78px}.time-orbit strong{font-size:26px}.today p{display:none}.streak{margin-top:16px}.learn-head{flex-direction:column;align-items:start}.word-image{min-height:250px}.review-actions{grid-template-columns:1fr}.member-switch button:not(.active):not(:last-child){display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important}}.review-actions button:disabled{opacity:.55;cursor:wait}@media (width<=850px){html,body,#app{width:100%;min-height:100%;overflow-x:hidden}.workspace{width:100%;max-width:none}.workspace>header{align-items:center;gap:12px}.workspace>header>div:first-child{flex:1;min-width:0}.workspace>header h2{white-space:normal;line-height:1.15}.member-switch{scrollbar-width:none;flex:none;max-width:52%;overflow-x:auto}.member-switch::-webkit-scrollbar{display:none}.today{gap:14px;width:100%;min-height:220px}.today>div:first-child{min-width:0;max-width:calc(100% - 100px)}.today h1{overflow-wrap:anywhere;word-break:break-word}.time-orbit{align-self:center}.home-grid,.members,.word-stage,.coach,.weekly{width:100%;min-width:0}.plan>button{grid-template-columns:42px minmax(0,1fr) 24px}.plan>button div{min-width:0}.plan>button b{overflow-wrap:anywhere}.member-row{grid-template-columns:42px minmax(0,1fr) auto}.member-row>div:nth-child(2){min-width:0}.member-row small{white-space:normal;overflow-wrap:anywhere}.mobile-nav{height:calc(68px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}}@media (width<=420px){.workspace{padding-left:14px;padding-right:14px}.workspace>header{min-height:82px}.workspace>header small{font-size:12px}.workspace>header h2{font-size:19px}.member-switch button{min-width:34px;padding:0 10px}.today{border-radius:22px;padding:26px 22px}.today h1{font-size:30px}.streak{padding:9px 11px;font-size:13px}.home-grid{gap:14px;margin-top:14px}.plan,.challenge,.members,.weekly{border-radius:18px;padding:22px}.word-copy{padding:26px 20px}.word-copy h2{font-size:48px}.word-image{min-height:230px}.review-actions button{height:auto;min-height:52px;padding:12px 8px}.messages{padding:18px 14px}.composer{padding:12px}.growth-head{margin-top:4px}.growth-head h1,.learn-head h1{font-size:30px}}