:root{--ink:#17233e;--muted:#667085;--mint:#6dd9b3;--mint-dark:#22a474;--sky:#68c8f3;--blue:#4f70ee;--purple:#8b6df1;--pink:#f3a8c8;--yellow:#ffd86e;--peach:#ffc99f;--canvas:#f6fbf8;--surface:#fff;--border:#dfeae5;--shadow:0 18px 40px rgba(28,66,55,.10);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Nunito",system-ui,sans-serif;color:var(--ink);background:var(--canvas)}button,input,select,textarea{font:inherit;color:inherit}button,a{transition:.2s ease}button{cursor:pointer}a{text-decoration:none;color:inherit}
.toast{position:fixed;right:24px;bottom:24px;z-index:2000;background:#14213d;color:#fff;padding:14px 18px;border-radius:14px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);pointer-events:none;max-width:360px}.toast.show{opacity:1;transform:none}
.primary-btn{border:0;background:linear-gradient(135deg,#23b779,#58d1aa);color:#fff;font-weight:900;padding:12px 18px;border-radius:14px;box-shadow:0 10px 20px rgba(35,183,121,.2)}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 14px 24px rgba(35,183,121,.28)}.primary-btn.full{width:100%}.primary-btn.mini{padding:9px 12px;font-size:13px}.soft-btn{border:1px solid var(--border);background:rgba(255,255,255,.82);padding:9px 12px;border-radius:12px;font-weight:800}.soft-btn:hover{background:#fff;transform:translateY(-1px)}
.app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr);background:linear-gradient(90deg,#fff5bd 0 250px,#f4fff9 250px 100%)}.kid-sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;padding:24px 18px 18px;background:linear-gradient(180deg,#fff3b0 0%,#f6ffd3 56%,#ddfff0 100%);display:flex;flex-direction:column;gap:12px;overflow:auto;scrollbar-width:none}.kid-sidebar::-webkit-scrollbar{display:none}.profile-orbit{width:84px;height:84px;margin:0 auto;border:4px solid #fff;border-radius:50%;display:grid;place-items:center;background:#eafff4;box-shadow:0 12px 24px rgba(32,140,99,.13)}.profile-orbit img{width:77px}.hello-block{text-align:center}.hello-block strong{display:block;font-size:21px;font-weight:900}.hello-block span{font-size:12px;color:#697165}.streak-pill{margin:2px auto 4px;background:#fff;border:1px solid #f2e5b1;padding:7px 10px;border-radius:99px;font-size:11px;font-weight:900;box-shadow:0 6px 14px rgba(118,94,20,.08)}.kid-nav{display:grid;gap:7px}.kid-nav-item{display:grid;grid-template-columns:30px 1fr 16px;align-items:center;padding:9px 11px;border-radius:14px;font-size:13px;background:rgba(255,255,255,.36);border:1px solid transparent}.kid-nav-item b{font-weight:800}.kid-nav-item em{font-style:normal;font-weight:900;opacity:.55}.kid-nav-item:hover,.kid-nav-item.active{background:#fff;box-shadow:0 7px 16px rgba(63,88,76,.08);border-color:rgba(69,185,139,.18)}.kid-nav-item.ai-link{background:#e5f7ff}.daily-mini{background:rgba(255,255,255,.58);padding:10px;border-radius:14px;font-size:11px}.daily-mini span,.daily-mini b{display:block}.daily-mini b{margin-top:3px}.talk-pill{margin-top:auto;background:#1f385e;color:#fff;padding:12px 14px;border-radius:16px;text-align:center;font-weight:900;box-shadow:0 10px 18px rgba(31,56,94,.2)}
.kid-main{grid-column:2;padding:28px 310px 60px 28px;min-width:0}.hero-strip{background:linear-gradient(110deg,#bff2d9,#bdeeff 58%,#d8d6ff);border:1px solid #cfe8df;border-radius:22px;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow)}.hero-strip small{font-size:10px;font-weight:900;letter-spacing:.16em}.hero-strip h1{margin:4px 0 0;font-size:31px}.hero-strip p{margin:2px 0 0;color:var(--muted);font-size:13px}.hero-actions{display:flex;gap:8px;align-items:center}.xp-pill{background:#fff0c4;border:1px solid #ffdf80;border-radius:13px;padding:9px 12px;font-weight:900;font-size:13px}.pulse-card{margin-top:18px;background:#fff;border:1px solid var(--border);border-radius:22px;padding:20px;box-shadow:var(--shadow)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px}.section-heading small,.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:900;color:#72927f}.section-heading h2{margin:3px 0 0;font-size:22px}.tiny-link{font-size:12px;color:#2778ce;font-weight:900}.metric-grid{display:grid;gap:12px;margin-top:14px}.metric-grid.four{grid-template-columns:repeat(4,1fr)}.metric{border:1px solid #e5eee9;border-radius:16px;padding:13px;background:#fbfffd;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px}.metric>span{grid-row:1/3;font-size:25px}.metric strong{font-size:22px;line-height:1}.metric small{font-size:11px;color:var(--muted)}.learning-chart-wrap{display:grid;grid-template-columns:1.5fr .7fr;gap:14px;margin-top:14px}.fake-chart,.confidence-card{border-radius:18px;border:1px solid #e7eee9;background:linear-gradient(180deg,#fbfffd,#f8fcff);padding:16px}.chart-bars{height:130px;display:flex;align-items:end;gap:16px;padding:10px 12px;border-bottom:1px dashed #dbe7df}.chart-bars i{flex:1;height:var(--h);background:linear-gradient(#67d5b0,#79c9ef);border-radius:12px 12px 4px 4px;min-width:12px}.chart-labels{display:flex;justify-content:space-around;padding-top:8px;font-size:10px;color:#7a8790}.confidence-card small{font-size:10px;color:#7b8f84;font-weight:900}.confidence-card h3{margin:4px 0 10px}.mood-row{display:flex;gap:8px}.mood-row button,.confidence-buttons button{border:1px solid #dce7e2;background:#fff;width:42px;height:42px;border-radius:13px;font-size:22px}.mood-row button.chosen{border-color:#6ad8ae;background:#edfff7;transform:translateY(-2px)}.confidence-card p{font-size:11px;color:var(--muted);line-height:1.5}.adventure-grid{display:grid;grid-template-columns:1.5fr .55fr;gap:14px;margin-top:18px}.adventure-card,.mission-card{border-radius:22px;padding:18px;border:1px solid var(--border);background:#fff;position:relative;overflow:hidden}.primary-adventure{background:linear-gradient(135deg,#fff5c7,#e1fff0 55%,#e0e8ff)}.adventure-copy{display:flex;gap:14px;align-items:center;margin-top:8px}.lesson-icon{font-size:58px}.adventure-copy h2{margin:0;font-size:22px}.adventure-copy p{margin:5px 0 12px;color:var(--muted);font-size:12px;max-width:460px}.lesson-actions{display:flex;gap:8px}.progress-ring{position:absolute;right:20px;bottom:18px;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#42c598 62%,#e7efe9 0);box-shadow:inset 0 0 0 9px #fff}.progress-ring strong{font-size:15px;transform:translateY(5px)}.progress-ring span{font-size:9px;transform:translateY(-8px)}.mission-card{background:linear-gradient(180deg,#ffe0eb,#fff6dc);text-align:center}.mission-card .rocket{font-size:38px}.mission-card small{display:block;font-weight:900;letter-spacing:.13em;font-size:9px}.mission-card h3{margin:6px 0}.mission-card p{font-size:11px;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.feature-card{border-radius:20px;padding:18px;min-height:180px;border:1px solid rgba(79,96,84,.11);box-shadow:0 10px 22px rgba(72,102,91,.06)}.feature-card>span{font-size:30px}.feature-card h3{margin:8px 0 5px}.feature-card p{font-size:12px;line-height:1.55;color:#5e6976}.feature-card a,.feature-card button{border:0;background:rgba(255,255,255,.76);border-radius:11px;padding:8px 10px;font-weight:900;font-size:12px}.feature-card.mint{background:#dffff0}.feature-card.yellow{background:#fff3bd}.feature-card.pink{background:#ffe1ed}.feature-card.blue{background:#def1ff}.feature-card.purple{background:#ede6ff}.feature-card.aqua{background:#dcfbf5}.coach-dock{position:fixed;right:20px;top:120px;width:270px;background:linear-gradient(180deg,#fff,#f1fff8);border:1px solid #dce9e3;border-radius:24px;padding:16px;box-shadow:0 22px 44px rgba(36,67,55,.16);display:grid;grid-template-columns:70px 1fr;gap:10px;z-index:20}.coach-dock img{width:70px}.coach-dock div{display:flex;flex-direction:column}.coach-dock small{font-size:9px;letter-spacing:.1em;color:#5f8572;font-weight:900}.coach-dock b{font-size:15px}.coach-dock span{font-size:10px;color:#69766f;margin-top:3px;line-height:1.45}.coach-dock a{grid-column:1/3;text-align:center;background:#2fbd82;color:#fff;border-radius:12px;padding:9px;font-size:12px;font-weight:900}
.tutor-shell{min-height:100vh;background:linear-gradient(135deg,#f7fff8,#f5f8ff)}.tutor-topbar{height:72px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:40}.brand-lockup,.admin-brand{display:flex;align-items:center;gap:10px}.brand-dot,.admin-brand>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#55cfaa,#5c8cf3);color:#fff;font-weight:900}.brand-lockup div,.admin-brand div{display:flex;flex-direction:column}.brand-lockup small,.admin-brand small{font-size:10px;color:var(--muted)}.topbar-center{display:flex;gap:8px}.safe-chip,.grounded-chip,.status-pill,.info-chip{font-size:11px;font-weight:900;padding:7px 10px;border-radius:99px;border:1px solid #d8e8df;background:#f7fffb}.safe-chip{color:#16855d}.grounded-chip{color:#4268bc;background:#f3f6ff}.topbar-actions{display:flex;gap:8px}.tutor-layout{display:grid;grid-template-columns:270px minmax(460px,1fr) 270px;gap:16px;padding:16px;max-width:1600px;margin:0 auto}.tutor-left,.tutor-right{display:flex;flex-direction:column;gap:13px}.nori-card,.material-card,.side-panel{background:#fff;border:1px solid var(--border);border-radius:20px;padding:15px;box-shadow:0 10px 24px rgba(55,91,76,.06)}.nori-card{text-align:center;background:linear-gradient(180deg,#e6fff2,#fff)}.nori-card img{width:105px}.nori-card h2{margin:0;font-size:22px}.nori-card p{margin:3px 0 9px;font-size:11px;color:var(--muted)}.nori-status{font-size:10px;font-weight:900;color:#338964}.nori-status i,.live-dot,.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2ac888;margin-right:4px}.mini-title{display:flex;align-items:center;gap:7px;font-size:12px;margin-bottom:9px}.material-card strong{font-size:12px;display:block}.tag-row,.target-tags,.mini-tags{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.tag-row span,.target-tags span,.mini-tags span{font-size:9px;padding:5px 7px;border-radius:99px;background:#f1f7f4;border:1px solid #e0eae4;font-weight:800}.ghost-wide{width:100%;border:1px solid #dce8e2;background:#fff;border-radius:11px;padding:8px;font-size:11px;font-weight:900}.session-mode-list{display:grid;gap:7px}.mode-btn{border:1px solid var(--border);background:#fff;border-radius:14px;padding:9px;display:grid;grid-template-columns:35px 1fr;align-items:center;text-align:left}.mode-btn>span{font-size:20px}.mode-btn div{display:flex;flex-direction:column}.mode-btn b{font-size:11px}.mode-btn small{font-size:9px;color:var(--muted)}.mode-btn:hover,.mode-btn.active{background:#effff7;border-color:#66d6ad;transform:translateX(3px)}.tutor-center{min-width:0}.analysis-banner{background:linear-gradient(135deg,#ddfff0,#e8f1ff 65%,#f0eaff);border:1px solid #cee8dc;border-radius:20px;padding:15px;display:flex;justify-content:space-between;gap:14px;align-items:center}.analysis-copy{display:flex;gap:10px}.spark-icon{font-size:28px}.analysis-copy small,.goal-strip small,.modal-kicker,.admin-header small,.admin-section-head small{font-size:9px;letter-spacing:.14em;font-weight:900;color:#5f7f70}.analysis-copy h1{font-size:18px;margin:3px 0}.analysis-copy p{font-size:11px;color:var(--muted);margin:0;line-height:1.45}.goal-strip{margin-top:12px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:13px;display:flex;justify-content:space-between;gap:12px}.goal-strip>div:first-child{display:flex;flex-direction:column}.goal-strip strong{font-size:12px;margin-top:2px}.chat-card{margin-top:12px;background:#fff;border:1px solid var(--border);border-radius:20px;min-height:620px;display:flex;flex-direction:column;overflow:hidden}.chat-head{padding:12px 14px;border-bottom:1px solid #edf1ef;display:flex;justify-content:space-between;align-items:center}.chat-head>div:first-child{display:flex;align-items:center;gap:6px}.chat-head small{font-size:9px;color:var(--muted);background:#f3f6f5;padding:4px 6px;border-radius:99px}.icon-btn{border:1px solid #dfe7e3;background:#fff;width:34px;height:34px;border-radius:11px}.messages{padding:15px;display:flex;flex-direction:column;gap:12px;overflow:auto;flex:1;max-height:520px}.message{display:flex;gap:9px;max-width:84%}.message.ai img{width:38px;height:38px}.message.ai>div{background:#f6fbff;border:1px solid #e1eaf1;border-radius:6px 16px 16px 16px;padding:10px 12px}.message.user{align-self:flex-end}.message.user>div{background:#e7f1ff;border:1px solid #d4e3f7;border-radius:16px 6px 16px 16px;padding:10px 12px}.message p{margin:2px 0;font-size:12px;line-height:1.55}.message small{font-size:9px;font-weight:900;color:#678275}.message-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.quick-action,.composer-chip{border:1px solid #dbe6e1;background:#fff;border-radius:99px;padding:6px 8px;font-size:9px;font-weight:900}.quick-action:hover,.composer-chip:hover{border-color:#65cda9;background:#f0fff8}.source-chip{display:inline-block;margin-top:7px;background:#effaf4;color:#2f7c61;border:1px solid #d4eadf;padding:5px 7px;border-radius:9px;font-size:9px;font-weight:800}.composer-wrap{border-top:1px solid #edf1ef;padding:10px 12px;background:#fbfefc}.composer-tools{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:7px}.composer{display:grid;grid-template-columns:34px 1fr 34px 42px;gap:6px;align-items:end}.composer button{border:1px solid #dbe6e1;background:#fff;height:40px;border-radius:12px}.composer textarea{resize:none;min-height:40px;max-height:100px;border:1px solid #dbe6e1;border-radius:13px;padding:10px 12px;outline:none}.composer textarea:focus{border-color:#55cba4;box-shadow:0 0 0 3px rgba(85,203,164,.12)}.composer .send-btn{background:#2ebf83;color:#fff;border-color:#2ebf83;font-weight:900}.kid-safety-note{font-size:9px;color:#839089;margin:7px 0 0;text-align:center}.side-panel{padding:13px}.progress-donut{width:110px;height:110px;margin:8px auto;border-radius:50%;background:conic-gradient(#46c69a 72%,#eaf0ec 0);display:grid;place-items:center;position:relative}.progress-donut:after{content:"";position:absolute;width:79px;height:79px;border-radius:50%;background:#fff}.progress-donut div{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column}.progress-donut strong{font-size:21px}.progress-donut span{font-size:9px;color:var(--muted)}.xp-row{display:flex;justify-content:space-between;gap:5px;font-size:9px;font-weight:900}.steps-panel ol{list-style:none;padding:0;margin:0;display:grid;gap:8px}.steps-panel li{display:grid;grid-template-columns:25px 1fr;gap:7px;align-items:center;background:#f8fbf9;padding:8px;border-radius:11px;font-size:10px}.steps-panel li i{font-style:normal;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e6ece8}.steps-panel li.done i{background:#56cda5;color:#fff}.steps-panel li.current{outline:2px solid #c8f3df}.tool-panel{display:grid;gap:8px}.tool-tile{border:1px solid #e0e8e4;background:#fff;border-radius:13px;padding:8px;display:grid;grid-template-columns:34px 1fr;text-align:left;align-items:center}.tool-tile>span{font-size:20px}.tool-tile div{display:flex;flex-direction:column}.tool-tile b{font-size:10px}.tool-tile small{font-size:8px;color:var(--muted)}.confidence-panel p{font-size:10px;color:var(--muted)}.confidence-buttons{display:flex;gap:8px}.modal{position:fixed;inset:0;background:rgba(20,34,50,.38);backdrop-filter:blur(8px);display:none;place-items:center;padding:20px;z-index:100}.modal.open{display:grid}.modal-card{position:relative;background:#fff;border-radius:24px;width:min(760px,95vw);max-height:90vh;overflow:auto;padding:24px;box-shadow:0 30px 70px rgba(13,33,27,.25)}.modal-close{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:50%;border:1px solid #dce7e1;background:#fff;font-size:21px}.modal-card h2{margin:5px 0}.modal-card>p{font-size:12px;color:var(--muted)}.analysis-form{display:grid;gap:12px}.drop-zone{min-height:150px;border:2px dashed #9fd8bf;background:#effff7;border-radius:18px;display:grid;place-items:center;text-align:center;padding:18px}.drop-zone input{display:none}.drop-zone span{font-size:34px}.drop-zone b,.drop-zone small{display:block}.drop-zone small{font-size:10px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.form-grid label,.provider-card label,.avatar-rules label{font-size:10px;font-weight:900;display:flex;flex-direction:column;gap:4px}.form-grid input,.form-grid select,.provider-card input,.provider-card textarea,.avatar-rules select{border:1px solid #dce6e1;background:#fff;border-radius:11px;padding:9px 10px;outline:none}.analysis-result{border-radius:16px;padding:14px;background:#f2fff8;border:1px solid #cfe9dc}.analysis-result.hidden{display:none}.visual-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center;margin:20px 0}.visual-flow article{min-height:150px;border-radius:18px;padding:16px;text-align:center;background:linear-gradient(180deg,#effffa,#f6fbff);border:1px solid #dcece4}.visual-flow article span{font-size:36px}.visual-flow article b{display:block;margin:6px}.visual-flow article p{font-size:11px;color:var(--muted)}.draw-area{height:150px;border:2px dashed #cfded7;border-radius:16px;display:grid;place-items:center;color:#75827b;font-size:12px;background:#fcfffd}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.video-stage{height:330px;border-radius:20px;background:linear-gradient(135deg,#dafcef,#dfeaff 58%,#f2e4ff);display:grid;place-items:center;position:relative;overflow:hidden}.video-stage img{width:210px}.play-circle{position:absolute;width:64px;height:64px;border-radius:50%;background:rgba(17,34,56,.85);color:#fff;display:grid;place-items:center;font-size:24px}.captions{position:absolute;bottom:20px;background:rgba(13,26,47,.84);color:#fff;padding:8px 12px;border-radius:10px;font-size:11px}.video-meta{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.video-meta span{font-size:10px;background:#f2f7f5;border-radius:99px;padding:6px 8px}
.admin-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr;background:#f7fafc}.admin-sidebar{position:fixed;width:250px;inset:0 auto 0 0;background:#122544;color:#eef5ff;padding:22px 16px;display:flex;flex-direction:column}.admin-brand{padding:3px 6px 18px}.admin-brand>span{background:linear-gradient(135deg,#4e70c9,#55cda6)}.admin-brand small{color:#9fb3d0}.admin-sidebar nav{display:grid;gap:6px}.admin-sidebar nav a{font-size:12px;padding:10px 11px;border-radius:10px;color:#c8d5e7;font-weight:800}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:#223c64;color:#fff}.admin-note{margin-top:auto;background:#1b355a;border:1px solid #2a4976;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:4px}.admin-note b{font-size:11px}.admin-note span{font-size:9px;color:#b7c9df;line-height:1.45}.admin-main{grid-column:2;padding:28px;max-width:1500px;width:100%}.admin-header{display:flex;justify-content:space-between;align-items:end;gap:20px}.admin-header h1{margin:4px 0 3px;font-size:30px}.admin-header p{margin:0;color:var(--muted);font-size:12px}.admin-header-actions{display:flex;align-items:center;gap:8px}.status-pill.good{color:#13805c;background:#edfff7}.save-banner{margin-top:14px;background:#eafff3;color:#247a5c;border:1px solid #ccebdc;border-radius:12px;padding:10px 12px;font-size:12px;font-weight:900}.admin-section{background:#fff;border:1px solid #e0e7ed;border-radius:18px;margin-top:18px;padding:20px;box-shadow:0 10px 24px rgba(39,58,79,.05)}.admin-section-head{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:15px}.admin-section-head h2{margin:3px 0;font-size:19px}.admin-section-head p{margin:0;color:var(--muted);font-size:11px}.info-chip{background:#f4f7fb;border-color:#e0e8f2;color:#4d6484}.provider-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.provider-card{border:1px solid #e2e8ee;border-radius:16px;padding:14px;background:#fbfcfd}.provider-card.enabled{box-shadow:inset 3px 0 #39c695}.provider-head{display:grid;grid-template-columns:42px 1fr auto;gap:9px;align-items:center}.provider-logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:900;background:#506582}.provider-logo.claude{background:#c26d4f}.provider-logo.gpt{background:#1f9d86}.provider-logo.gemini{background:#526fee}.provider-logo.heygen{background:#8b55db}.provider-head h3{margin:0;font-size:15px}.provider-head span{font-size:9px;color:var(--muted)}.switch input{display:none}.switch i{display:block;width:40px;height:22px;border-radius:99px;background:#cfd7df;position:relative}.switch i:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.2s}.switch input:checked+i{background:#34c792}.switch input:checked+i:after{left:21px}.provider-status{font-size:9px;color:#65717d;margin:10px 0;background:#fff;border:1px solid #e4eaee;padding:7px;border-radius:9px}.provider-status code{font-size:9px}.status-dot.online{background:#2ac888}.status-dot.missing{background:#f59e0b}.provider-card>label,.provider-card .two-col{margin-top:8px}.two-col{display:grid;grid-template-columns:1fr 90px;gap:8px}.test-provider{margin-top:9px;width:100%;border:1px solid #dbe4ea;background:#fff;padding:8px;border-radius:10px;font-size:10px;font-weight:900}.provider-save-bar{grid-column:1/-1;background:#eef5ff;border:1px solid #d7e5f7;border-radius:14px;padding:12px;display:flex;align-items:center;justify-content:space-between}.provider-save-bar div{display:flex;flex-direction:column}.provider-save-bar b{font-size:11px}.provider-save-bar span{font-size:9px;color:#65758b}.policy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.policy-grid article{border:1px solid #e0e8e4;border-radius:14px;padding:13px;background:#fbfefc}.age-chip{display:inline-block;background:#eaf8f2;color:#237a5b;border:1px solid #d4eee1;border-radius:99px;padding:5px 7px;font-size:9px;font-weight:900}.policy-grid h3{font-size:13px;margin:8px 0 4px}.policy-grid p{font-size:10px;color:var(--muted);line-height:1.5}.pipeline{display:flex;gap:7px;align-items:center;overflow:auto;padding-bottom:5px}.pipeline article{min-width:145px;background:#f8fbfa;border:1px solid #e0e8e4;border-radius:13px;padding:10px;display:flex;flex-direction:column}.pipeline i{font-style:normal;width:24px;height:24px;border-radius:8px;background:#233d67;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900}.pipeline b{font-size:11px;margin-top:6px}.pipeline span{font-size:9px;color:var(--muted)}.pipeline em{font-style:normal;color:#9bacb9}.safety-switches{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:12px}.safety-switches label{border:1px solid #e3e9e6;border-radius:10px;padding:9px;font-size:10px;font-weight:800;background:#fff}.avatar-config{display:grid;grid-template-columns:.8fr 1.3fr;gap:16px}.avatar-preview{border:1px solid #dfe8e4;border-radius:16px;background:linear-gradient(135deg,#edfff7,#eef5ff);display:flex;align-items:center;gap:12px;padding:12px}.avatar-preview img{width:95px}.avatar-preview div{display:flex;flex-direction:column}.avatar-preview b{font-size:13px}.avatar-preview span{font-size:9px;color:var(--muted)}.avatar-rules{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.integration-grid article{border:1px solid #e1e8e5;border-radius:12px;padding:12px;font-size:16px;background:#fbfdfc}.integration-grid b,.integration-grid span{display:block}.integration-grid b{font-size:11px;margin-top:5px}.integration-grid span{font-size:9px;color:var(--muted);margin-top:2px}
@media(max-width:1220px){.kid-main{padding-right:28px}.coach-dock{position:static;grid-column:2;width:auto;margin:0 28px 28px}.tutor-layout{grid-template-columns:230px 1fr}.tutor-right{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr)}.policy-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.app-shell{display:block;background:#f4fff9}.kid-sidebar{position:static;width:auto;max-height:none}.kid-nav{grid-template-columns:repeat(2,1fr)}.kid-main{padding:16px}.coach-dock{margin:0 16px 16px}.metric-grid.four,.feature-grid{grid-template-columns:repeat(2,1fr)}.learning-chart-wrap,.adventure-grid{grid-template-columns:1fr}.tutor-layout{grid-template-columns:1fr}.tutor-left{display:grid;grid-template-columns:1fr 1fr}.session-mode-list{grid-column:1/-1;grid-template-columns:repeat(2,1fr)}.tutor-right{grid-template-columns:repeat(2,1fr)}.topbar-center{display:none}.admin-shell{display:block}.admin-sidebar{position:static;width:auto}.admin-main{padding:18px}.provider-grid,.avatar-config{grid-template-columns:1fr}.policy-grid,.integration-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.kid-nav,.feature-grid,.metric-grid.four,.form-grid,.policy-grid,.integration-grid,.safety-switches,.avatar-rules{grid-template-columns:1fr}.hero-strip,.goal-strip,.admin-header{align-items:flex-start;flex-direction:column}.hero-actions{flex-wrap:wrap}.kid-main{padding:12px}.tutor-topbar{height:auto;gap:9px;padding:10px;flex-wrap:wrap}.tutor-layout{padding:10px}.tutor-left,.tutor-right{display:flex}.session-mode-list{display:grid;grid-template-columns:1fr}.analysis-banner{align-items:flex-start;flex-direction:column}.message{max-width:96%}.provider-grid{display:block}.provider-card{margin-bottom:10px}.provider-save-bar{flex-direction:column;gap:10px;align-items:stretch}.visual-flow{grid-template-columns:1fr}.visual-flow>i{transform:rotate(90deg)}.modal-card{padding:18px}.coach-dock{display:none}}

/* Provider API key controls */
.secret-field{margin-top:10px}.secret-input-wrap{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center}.secret-input-wrap input{min-width:0;width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.toggle-secret{height:36px;border:1px solid #dbe4ea;background:#fff;border-radius:10px;padding:0 11px;font-size:10px;font-weight:900;cursor:pointer}.secret-field small{font-size:9px;color:#748293;font-weight:600;line-height:1.4}.clear-key{margin-top:7px!important;display:flex!important;flex-direction:row!important;align-items:center;gap:7px;color:#a33f3f}.clear-key input{width:auto!important;margin:0}.provider-status code{font-weight:800}.provider-secret::placeholder{font-family:inherit;color:#9aa7b4}

/* V3 functional voice/video states */
.icon-btn.recording,#micBtn.recording{background:#ffe8e8!important;border-color:#ef4444!important;color:#b91c1c!important;box-shadow:0 0 0 4px rgba(239,68,68,.12);}
.video-status{min-height:24px;margin:10px 0;text-align:center;font-weight:800;color:#36506f;}
.video-stage video{width:100%;height:100%;max-height:360px;border-radius:22px;background:#0f172a;object-fit:contain;}

/* V4 live conversational Nori */
.nori-live-strip{margin:0 14px 12px;padding:11px 13px;border:1px solid #dcebe4;border-radius:18px;background:linear-gradient(100deg,#effff7,#f2f8ff);display:grid;grid-template-columns:66px minmax(0,1fr) 86px auto;gap:12px;align-items:center;overflow:hidden;position:relative}.nori-live-avatar{width:62px;height:62px;border:0;background:transparent;padding:0;position:relative;border-radius:50%;display:grid;place-items:center}.nori-live-avatar img{width:62px;height:62px;position:relative;z-index:2}.nori-rings{position:absolute;inset:5px;border-radius:50%;border:2px solid rgba(43,190,135,.28);z-index:1}.nori-mouth{position:absolute;z-index:4;left:50%;top:34px;width:13px;height:5px;border-radius:0 0 12px 12px;background:#9cf5df;transform:translateX(-50%) scaleY(.3);transform-origin:center top;transition:transform .06s linear}.nori-live-copy{min-width:0;display:flex;flex-direction:column}.nori-live-copy small{font-size:9px;letter-spacing:.14em;font-weight:900;color:#2d8c69}.nori-live-copy strong{font-size:13px;margin-top:2px}.nori-live-copy span{font-size:10px;color:#6c7d76;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.voice-bars{height:36px;display:flex;align-items:center;justify-content:center;gap:4px}.voice-bars i{display:block;width:5px;height:24px;border-radius:99px;background:linear-gradient(#51ca9c,#5a8ce8);transform:scaleY(.28);opacity:.35;transform-origin:center;transition:transform .08s linear,opacity .08s linear}.talk-mode-btn{border:1px solid #cfe4da;background:#fff;border-radius:12px;padding:9px 11px;font-size:10px;font-weight:900;white-space:nowrap}.talk-mode-btn[aria-pressed="true"]{background:#203a61;color:#fff;border-color:#203a61}.nori-live-strip[data-state="listening"]{box-shadow:inset 0 0 0 2px rgba(35,183,121,.16);background:linear-gradient(100deg,#e9fff3,#eefaff)}.nori-live-strip[data-state="listening"] .nori-rings{animation:noriListen 1s ease-out infinite}.nori-live-strip[data-state="thinking"] .nori-live-avatar{animation:noriThink 1.05s ease-in-out infinite}.nori-live-strip[data-state="speaking"] .nori-live-avatar{animation:noriSpeakBob .65s ease-in-out infinite}.nori-live-strip[data-state="speaking"] .nori-rings{border-color:rgba(79,112,238,.45);box-shadow:0 0 0 7px rgba(79,112,238,.08)}.nori-live-strip.conversation-on:after{content:"LIVE TALK";position:absolute;right:12px;top:6px;font-size:7px;font-weight:900;letter-spacing:.14em;color:#1c8b62;background:#e8fff5;padding:3px 6px;border-radius:99px}@keyframes noriListen{0%{transform:scale(.86);opacity:.8}75%,100%{transform:scale(1.38);opacity:0}}@keyframes noriThink{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-3px)}}@keyframes noriSpeakBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}.admin-field-note{display:block;margin-top:4px;color:#758393;font-size:9px;line-height:1.4}.provider-logo.elevenlabs{background:linear-gradient(135deg,#111827,#526073)}
@media(max-width:900px){.nori-live-strip{grid-template-columns:58px 1fr auto}.voice-bars{display:none}.talk-mode-btn{grid-column:2/4;justify-self:start}.nori-live-avatar,.nori-live-avatar img{width:56px;height:56px}.nori-mouth{top:31px}}
@media(max-width:600px){.nori-live-strip{margin:0 8px 10px;grid-template-columns:54px 1fr}.talk-mode-btn{grid-column:1/-1;width:100%}.nori-live-copy span{white-space:normal}.nori-live-avatar,.nori-live-avatar img{width:52px;height:52px}.nori-mouth{top:29px}}
@media(prefers-reduced-motion:reduce){.nori-live-strip *{animation:none!important;transition:none!important}}