/* Quiet surfaces, a single accent, and shared spacing across both web experiences. */
:root{--blue:#4168cf;--navy:#23354d;--text:#34465d;--muted:#6b7a8d;--line:#e5eaf0;--bg:#f7f9fb}
body{background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3{color:var(--navy);font-weight:600;letter-spacing:-.025em}button,input,textarea,select{font:inherit}a,button{-webkit-tap-highlight-color:transparent}
.muted,.small.muted,.tiny.muted{color:var(--muted)}.icon{stroke-width:1.65}.brand{font-weight:650;letter-spacing:-.035em}.brand small{letter-spacing:.16em;font-size:9px;color:#76849a}.brand-mark{background:var(--blue);border-radius:14px;box-shadow:none}
.btn{border-color:#dfe5ee;border-radius:12px;box-shadow:none;min-height:42px;transition:background .16s,border-color .16s}.btn:hover{background:#f1f4f9;border-color:#bac8db}.btn.primary{background:var(--blue);border-color:var(--blue);box-shadow:none}.btn.primary:hover{background:#3558b2;border-color:#3558b2}.btn.large{min-height:50px}.btn:disabled{opacity:.6}.icon-btn{border-radius:10px}
.panel,.course-card{border:1px solid var(--line);box-shadow:none;border-radius:20px}.page-heading{margin-bottom:32px}.page-heading h1{font-size:28px}.page-heading p{font-size:14px;line-height:1.8;margin-top:9px}.section-title{margin:32px 0 18px}.section-title h2{font-size:21px}.empty-note{padding:44px 24px;color:var(--muted);line-height:1.8;text-align:center}.tag{border-radius:7px;font-weight:500;background:#eff3fa;color:#537197}.progress{background:#edf0f5}.progress span{background:var(--blue)}
.child-header{border-bottom:1px solid var(--line);box-shadow:none;background:#fff}.child-nav{gap:10px}.child-nav a{border-bottom:0;padding:11px 17px;border-radius:10px;font-size:15px;height:auto;color:#65758a}.child-nav a.active{color:var(--blue);background:#eff3fb;border-bottom:0}.child-profile{font-size:14px;gap:12px}.avatar.peach{background:#eef1f7;color:#657696}
body:not(.classroom-mode) .child-main{padding-top:32px}.child-hero{background:#eef3f9;border:1px solid #e4ebf4;border-radius:24px;min-height:250px;height:auto;padding:32px 38px;gap:32px;box-shadow:none}.child-hero::before,.child-hero::after{display:none}.child-hero h1{font-size:clamp(25px,2.5vw,34px);line-height:1.5;letter-spacing:-.04em;margin:12px 0}.child-hero p{font-size:14px;color:#65768d;line-height:1.9}.child-hero .eyebrow{font-size:12px;font-weight:500;letter-spacing:.06em;color:#617da9}.hero-plan{background:transparent;border:0;border-left:1px solid #d9e2ef;border-radius:0;padding:8px 0 8px 30px;width:210px}.hero-plan h3{font-size:26px;margin:12px 0}.hero-copy>.btn{margin-top:22px}
.p-moods{gap:14px}.p-moods button{border:1px solid transparent;min-height:104px;gap:12px;padding:14px 8px;color:#53657d;font-size:15px}.p-moods button:hover,.p-moods button[aria-pressed=true]{background:#f5f7fb;border-color:#dce5f0}.mood-symbol{display:inline-flex;width:48px;height:48px;border-radius:16px;align-items:center;justify-content:center;background:var(--mood-bg);color:var(--mood-ink)}.mood-symbol svg{width:33px;height:33px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.p-moods .mood-symbol{font-size:inherit}
.courses-grid{gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}.course-cover{height:180px}.course-cover img{transition:transform .3s}.course-card:hover .course-cover img{transform:scale(1.025)}.course-info{padding:22px}.course-info h3{font-size:19px}.course-info p{margin-top:8px;line-height:1.7;color:var(--muted)}.course-info .progress{height:4px;margin:18px 0!important}.course-cover .tag{background:#fffffff0;color:#53657d}
.sidebar{background:#fff;border-right:1px solid var(--line);padding:28px 18px}.side-nav a{border-radius:10px;margin-bottom:5px;min-height:46px;color:#6a7b90}.side-nav a.active{background:#edf2fb;color:var(--blue)}.side-nav .icon{width:19px;height:19px}.nav-caption{font-size:11px;letter-spacing:.13em;color:#8391a4;margin-top:36px}.admin-top{background:#fff;height:72px;color:#6b7a8d;font-size:13px}.admin-main{padding:34px 36px 48px;max-width:1480px}.p-metrics{gap:20px;margin-bottom:28px}.metric{padding:26px;gap:14px}.metric strong{font-size:36px;font-weight:550;letter-spacing:-.055em}.metric .tiny{font-size:12px}.p-two,.p-editor{gap:26px}.p-pad{padding:28px}.p-pad h3{font-size:18px}.p-field{gap:9px;margin:18px 0;font-size:13px}.p-field input,.p-field select,.p-field textarea{border-color:#dfe5ee;border-radius:10px;color:var(--text);background:#fff}.p-field input:focus,.p-field textarea:focus,.p-field select:focus{outline:2px solid #7191df;outline-offset:2px}thead{background:#f9fafc}th{color:#697b91;font-size:12px;padding:16px 22px}td{padding:19px 22px;font-size:13px}.panel-head{padding:23px 26px}.p-audit small{color:#6f8096}.p-chart i{background:#7894cb}.p-question{border-color:var(--line)}
.login-layout{min-height:100dvh;grid-template-columns:1.1fr 1fr;background:#fff}.login-visual{background:#eef3f9;padding:72px max(40px,7vw);border-right:1px solid var(--line)}.login-visual h1{font-size:clamp(28px,3vw,43px);line-height:1.5;font-weight:550;letter-spacing:-.035em;position:relative;z-index:1}.login-visual>p{color:#6f8199;line-height:2;font-size:14px}.login-visual .brand{left:max(40px,7vw);top:38px}.login-nao{height:260px;margin-top:32px}.login-form-wrap{padding:48px}.login-form{width:360px;max-width:100%}.login-form h1{font-size:28px;font-weight:550}.login-form .p-field{margin:24px 0}.login-form input{min-height:48px;background:#fbfcfe}.login-form .foot-hint{line-height:1.8;color:#7a8799}.login-form [data-connection-settings]{border:0;color:#7a8799;font-size:12px;background:transparent;margin-top:24px!important}
.companion-bubble{box-shadow:0 10px 36px #243f7310;border-color:#e0e8f2;border-radius:22px 22px 8px 22px}.companion-bubble p{color:#536781}.companion-label{color:#607ca9}.mvp-answer-summary{background:#f0f4fb;border-radius:14px}.mvp-feedback p{color:#425b7b}.mvp-next{box-shadow:none}.answer-option{border-color:#e2e8f1;border-radius:12px!important}.answer-option:hover{background:#f6f8fd}.mvp-video{border-radius:20px}.mvp-steps{border-color:var(--line)}.mvp-wait>.icon,.mvp-complete>.icon{color:#6b89c2;background:#eef3fc}.p-chat-message{background:#f2f5fa;border-radius:16px 16px 16px 4px}.p-chat-message.mine{background:#edf2fb}.p-chat-message>span{color:#687e9c}.p-chat-form textarea{line-height:1.6}.p-chat-suggestions .btn{color:#64758c;background:#fafbfd}.p-chat-input-group{flex:1;min-width:0}.p-chat-input-group textarea{display:block}
.listen-controls{display:flex;align-items:center;gap:12px;margin:10px 0 2px;min-width:0}.listen-button{font-size:12px;min-height:34px;padding:6px 10px;flex-shrink:0;background:#f8fafd}.listen-button .icon{width:16px;height:16px}.listen-button[aria-pressed=true]{border-color:#c89476;color:#87553c;background:#fff7f1}.listen-status{font-size:11px;color:#6c7f97;line-height:1.5}.p-chat-form>.btn{align-self:stretch}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.service-item{padding:16px;border:1px solid var(--line);border-radius:12px;background:#fafbfd}.service-item small{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.service-item strong{font-size:14px;font-weight:550}
#live-form>.listen-controls{margin-bottom:10px}
@media(min-width:1100px) and (min-height:640px){.classroom-mode .listen-controls{margin:5px 0 0}.classroom-mode .listen-button{min-height:29px;padding:3px 8px}.classroom-mode #live-answer{min-height:48px;height:54px}.classroom-mode .mvp-question{border-radius:20px}.classroom-mode .child-nav a{padding:9px 14px}}
@media(max-width:1100px){.login-visual{padding:60px 36px}.login-visual .brand{left:36px}.admin-main{padding:28px 24px}.p-pad{padding:23px}.courses-grid{gap:18px}.child-nav a{padding:9px 10px;font-size:14px}}
@media(max-width:760px){.child-header{padding:18px;gap:16px}.child-nav{gap:4px;justify-content:space-between}.child-nav a{padding:9px 8px;font-size:13px}.brand small{font-size:8px}.child-profile{font-size:13px}body:not(.classroom-mode) .child-main{padding-top:22px}.child-hero{padding:26px;min-height:260px}.child-hero h1{font-size:26px}.hero-plan{display:none}.section-title{margin:26px 0 15px}.section-title h2{font-size:19px}.section-title .small{font-size:11px;max-width:150px;text-align:right}.courses-grid{grid-template-columns:1fr}.course-cover{height:auto;aspect-ratio:16/9}.p-moods{gap:3px}.p-moods button{min-height:85px;padding:8px 3px;font-size:12px}.mood-symbol{width:39px;height:39px;border-radius:13px}.mood-symbol svg{width:28px;height:28px}.p-pad{padding:18px}.p-metrics{gap:12px}.metric{padding:20px}.metric strong{font-size:30px}.page-heading h1{font-size:25px}.login-layout{display:flex;flex-direction:column}.login-visual{min-height:220px;padding:92px 26px 28px;border-right:0;border-bottom:1px solid var(--line)}.login-visual .brand{left:26px;top:25px}.login-visual h1{font-size:25px;margin:0 100px 10px 0}.login-visual>p{font-size:12px;max-width:230px}.login-nao{position:absolute;right:10px;bottom:16px;height:155px;margin:0}.login-form-wrap{padding:32px 26px 40px}.login-form h1{font-size:24px}.login-form .p-field{margin:20px 0}.p-chat-form{gap:10px}.listen-status{font-size:11px}.p-chat-input-group{width:100%}.admin-main{padding:24px 18px}.service-grid{grid-template-columns:1fr}.page-heading{margin-bottom:24px}}