:root{color:#1f2933;background:#f4f0e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:#f7f7f4}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.shell{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:28px;width:min(1180px,calc(100% - 32px));min-height:calc(100vh - 48px);margin:24px auto}.lesson-panel,.classroom{border:1px solid rgba(31,41,51,.12);border-radius:8px;background:#fff;box-shadow:0 14px 40px #1f293314}.lesson-panel{align-self:start;padding:24px}.brand-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.eyebrow{margin:0 0 8px;color:#1c7c54;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;color:#102027;font-size:clamp(2rem,7vw,3.7rem);line-height:.98;letter-spacing:0}h2{margin-bottom:8px;color:#102027;font-size:1.15rem}.mode-badge{flex:0 0 auto;border:1px solid rgba(12,89,102,.24);border-radius:999px;padding:6px 10px;background:#f2f4f5;color:#283942;font-size:.78rem;font-weight:800}body[data-mode=did] .mode-badge{border-color:#1c7c5457;background:#edf7ed;color:#1f5f25}.selectors{display:grid;gap:14px;margin:32px 0 18px}label span{display:block;margin-bottom:7px;color:#52616b;font-size:.84rem;font-weight:800}select,input{width:100%;border:1px solid rgba(31,41,51,.18);border-radius:7px;padding:12px 13px;background:#fff;color:#1f2933}select:focus,input:focus,button:focus-visible{outline:3px solid rgba(12,89,102,.24);outline-offset:2px}.profile-summary{min-height:142px;margin:18px 0;border-left:4px solid #d94f30;padding:2px 0 2px 14px}.profile-summary p{margin-bottom:0;color:#52616b;line-height:1.55}.primary-button,.chat-form button{border:0;border-radius:7px;background:#0c5966;color:#fff;font-weight:800}.primary-button{width:100%;min-height:48px}.classroom{display:grid;grid-template-rows:minmax(320px,56vh) minmax(220px,1fr);overflow:hidden}.video-stage{position:relative;display:grid;place-items:center;overflow:hidden;background:#fff}#agentVideo,.did-agent-mount{width:100%;height:100%}#agentVideo{object-fit:cover}.did-agent-mount{display:block;min-height:320px;background:#fff}.did-agent-mount>*{width:100%;height:100%}#statusText{position:absolute;right:18px;bottom:14px;max-width:calc(100% - 36px);margin:0;border-radius:999px;padding:8px 12px;background:#ffffffeb;color:#102027;font-size:.86rem;font-weight:800}.chat-panel{display:grid;grid-template-rows:auto minmax(120px,1fr) auto;min-height:0;padding:18px;background:#fff}.sample-questions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.sample-questions button{border:1px solid rgba(31,41,51,.14);border-radius:999px;padding:8px 11px;background:#f4f0e8;color:#283942;font-size:.86rem;font-weight:700}.messages{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:auto;padding-right:4px}.message{max-width:min(620px,88%);border-radius:8px;padding:10px 12px;line-height:1.45}.message.tutor{align-self:flex-start;background:#e2f3ef}.message.student{align-self:flex-end;background:#102027;color:#fff}.chat-form{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:10px;margin-top:14px}.chat-form button{min-height:46px}@media(max-width:840px){.shell{grid-template-columns:1fr;min-height:auto}h1{max-width:520px}.classroom{grid-template-rows:minmax(280px,46vh) minmax(250px,auto)}}@media(max-width:520px){.shell{width:min(100% - 20px,1180px);margin:10px auto;gap:12px}.lesson-panel{padding:18px}.brand-row{display:grid}.chat-form{grid-template-columns:1fr}}