:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#e9eefb;background:#0b1120;font-size:16px;line-height:1.6}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top left,#172e55 0,transparent 52%),#0b1120;min-height:100vh}header{max-width:1120px;margin:auto;padding:24px;display:flex;justify-content:space-between;gap:16px;align-items:center}.brand{display:flex;align-items:center;gap:12px;font-weight:800;color:white;text-decoration:none;font-size:20px}.brand img{background:white;border-radius:10px}.brand small{display:block;color:#a7b6cf;font-size:12px;font-weight:500}main{max-width:1120px;margin:auto;padding:0 24px 48px}.notice{padding:20px 24px;background:#122b33;border:1px solid #306361;border-radius:18px;color:#d6f5ea}.notice strong{font-size:13px;letter-spacing:.06em}.notice p{margin:6px 0 0;font-size:14px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:36px 0 20px}.eyebrow{color:#a5b8d7;font-size:13px;margin:0}h1{font-size:32px;line-height:1.2;letter-spacing:-.03em;margin:6px 0}h2{font-size:25px;line-height:1.3;margin:0 0 8px;letter-spacing:-.02em}h3{font-size:17px;margin:0 0 12px}p{margin:6px 0 16px}button,input,textarea,select{font:inherit}.roles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.role,.card{background:rgba(255,255,255,.045);border:1px solid #334158;border-radius:18px;padding:22px;color:inherit}.role{text-align:left;cursor:pointer;display:grid;gap:9px;transition:background .15s,border-color .15s}.role:hover,.role[aria-pressed=true]{border-color:#8bb8ff;background:#203758}.role-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#35486e;font-weight:800;font-size:15px}.role strong{font-size:18px}.role small{color:#b3c0d4;font-size:13px;line-height:1.5}.button{border:1px solid transparent;color:#071328;background:#a4c8ff;text-decoration:none;border-radius:999px;padding:10px 18px;min-height:44px;font-weight:700;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-align:center}.button:hover{background:#c4dcff}.secondary{color:#e3ecfc;border-color:#526079;background:transparent}.secondary:hover{background:#253853}.button:disabled{opacity:.5;cursor:default}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}#workspace{margin-top:36px;scroll-margin-top:24px;outline:none}.workspace-head{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:20px}.muted{color:#acb9cf;font-size:14px}.grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:18px}.grid>*{min-width:0}.card+.card{margin-top:18px}.grid>.card+.card{margin-top:0}label{display:block;font-size:14px;font-weight:650;margin:14px 0 6px}input,textarea,select{width:100%;border:1px solid #54637b;background:#101c30;color:#edf4ff;border-radius:10px;padding:11px 13px;min-height:44px}textarea{resize:vertical;min-height:110px}input:focus,textarea:focus,select:focus{outline:2px solid #a4c8ff;outline-offset:2px}button:focus-visible,a:focus-visible{outline:3px solid #d1e4ff;outline-offset:3px}small{font-size:13px}.chip{display:inline-block;font-size:12px;padding:3px 9px;background:#1f3d48;color:#bdf2df;border:1px solid #345e6a;border-radius:30px}.conversation{max-height:460px;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:6px 0}.message{padding:13px 15px;border-radius:14px;background:#26334a;max-width:94%;overflow-wrap:anywhere}.message.teacher{align-self:flex-end;background:#244c79}.message small{display:block;font-size:11px;color:#c0cce0;margin-bottom:3px}.message p{margin:0;font-size:14px;white-space:pre-wrap}.empty{color:#aebbd1;padding:16px 0;font-size:14px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.stat{padding:20px;background:#1b2a43;border:1px solid #344963;border-radius:15px}.stat strong{display:block;font-size:30px;color:#b9d7ff}.stat span{display:block;font-size:13px;color:#bdc9dc}.row{padding:13px 0;border-bottom:1px solid #334158;display:flex;justify-content:space-between;gap:16px;align-items:center}.row:last-child{border:0}.row span{font-size:14px}.row small{color:#bbc8de}.audit{margin:0;padding:0;list-style:none}.audit li{padding:10px 0;border-bottom:1px solid #334158;font-size:14px;overflow-wrap:anywhere}.audit li small{display:block;color:#aebed6}.status{color:#c0eadb;min-height:24px;margin:20px 0}.mood{display:flex;gap:8px;flex-wrap:wrap}.mood button{border-radius:10px}.mood button[aria-pressed=true]{background:#d4e6ff;color:#10233b}.helper{font-size:12px;color:#aebed6}footer{font-size:12px;color:#aab8d0;border-top:1px solid #334158;padding-top:24px;margin-top:30px}dialog{background:#16233b;color:white;border:1px solid #61718d;border-radius:18px;padding:28px;max-width:480px;width:calc(100% - 32px)}dialog::backdrop{background:#000a}@media(max-width:760px){.roles{grid-template-columns:repeat(2,minmax(0,1fr))}.grid{grid-template-columns:1fr}.grid>.card+.card{margin-top:0}.section-head,.workspace-head{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr 1fr}.stat:last-child{grid-column:1/-1}}@media(max-width:400px){header{padding:20px 16px;gap:8px}.brand{font-size:17px;gap:8px}.brand img{width:36px;height:36px}.brand small{font-size:10px}header>.button{padding:9px 12px;font-size:12px}main{padding:0 16px 32px}.role,.card{padding:17px}.notice{padding:17px}.roles{gap:10px}.role strong{font-size:16px}.role small{font-size:12px}h1{font-size:28px}h2{font-size:23px}.stats{gap:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}