:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#152238;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}.app{display:flex;min-height:100vh}aside{width:245px;background:#101827;color:#dbe5f2;padding:24px 16px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{font-weight:800;font-size:22px;color:#fff;padding:6px 12px 28px;letter-spacing:-.5px}.brand span{font-weight:400}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#91a3bd;margin-top:4px}nav{display:grid;gap:5px}nav button{background:transparent;color:#9fb0c7;text-align:left;padding:12px 14px;border-radius:10px;display:flex;gap:12px;align-items:center}nav button:hover,nav button.active{background:#1c2a40;color:#fff}nav b{width:20px;text-align:center}.sidebottom{margin-top:auto;border-top:1px solid #27364b;padding:16px 4px 4px;display:flex;gap:10px;align-items:center}.user-mini{width:34px;height:34px;border-radius:50%;background:#8b5cf6;display:grid;place-items:center;color:#fff;font-weight:800}.sidebottom strong,.sidebottom small{display:block}.sidebottom strong{font-size:12px;color:#fff}.sidebottom small{font-size:10px;color:#91a3bd;margin-top:3px}.logout{margin-left:auto;background:transparent;color:#9fb0c7;font-size:18px}main{margin-left:245px;width:calc(100% - 245px);padding:32px 42px 60px}header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}header h1{margin:0;font-size:28px;letter-spacing:-.8px}header p{margin:5px 0 0;color:#738198}.header-pill{background:#ecfdf5;color:#15803d;border:1px solid #bbf7d0;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:700}.hero{background:linear-gradient(120deg,#1c2b46,#293b61);color:white;border-radius:20px;padding:34px 38px;display:flex;justify-content:space-between;overflow:hidden;min-height:220px}.hero h2{font-size:34px;max-width:620px;line-height:1.08;margin:10px 0}.hero p{max-width:600px;color:#c4d1e3;line-height:1.6}.eyebrow{font-size:11px;letter-spacing:2px;color:#9fc1ff;font-weight:800}.orb{width:160px;height:160px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#b99cff,#5d5ce2 50%,#28365a);display:grid;place-items:center;font-size:48px;align-self:center;box-shadow:0 0 70px #6d63ff55}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.action{background:white;border:1px solid #e5eaf2;border-radius:16px;padding:20px;text-align:left;display:flex;gap:14px;align-items:flex-start;box-shadow:0 3px 15px #15223808}.action:hover{transform:translateY(-1px);box-shadow:0 8px 24px #15223810}.action-icon{width:40px;height:40px;border-radius:12px;background:#eef2ff;color:#5b5ce2;display:grid;place-items:center;font-weight:800}.action h3{margin:2px 0 5px;font-size:16px}.action p{margin:0;color:#7b8799;font-size:12px;line-height:1.5}.action>b{margin-left:auto;color:#94a3b8}.section{margin-top:24px}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title h3{margin:0 0 12px}.section-title span{font-size:12px;color:#748197}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:white;border:1px solid #e5eaf2;border-radius:16px;padding:22px;box-shadow:0 3px 15px #15223806}.panel h3{margin:0 0 6px}.panel h4{margin:20px 0 10px}.row{width:100%;display:flex;justify-content:space-between;align-items:center;padding:11px 4px;border-bottom:1px solid #eef1f5;background:none;text-align:left;color:#273449}.row span{text-transform:none}.row small{color:#8490a3;font-size:11px}.clickable:hover{color:#5b5ce2}.empty{padding:28px 8px;color:#96a1b2;font-size:13px;text-align:center}.alert{background:#fff1f2;border:1px solid #fecdd3;color:#be123c;padding:10px 13px;border-radius:10px;margin-bottom:16px;font-size:13px}.primary{background:#5b5ce2;color:#fff;padding:11px 17px;border-radius:10px;font-weight:700;box-shadow:0 4px 12px #5b5ce230}.primary:hover{background:#4d4ed2}.primary:disabled{opacity:.55}.secondary{background:#eef2ff;color:#4d4ed2;padding:8px 12px;border-radius:8px}.full{width:100%}.link{background:none;color:#5b5ce2;margin-top:16px}.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#e9e7ff,#f5f7fb 45%)}.auth-card{width:min(440px,92vw);background:#fff;border:1px solid #e2e7ef;border-radius:20px;padding:34px;box-shadow:0 20px 60px #15223815}.auth-card h2{margin:0;font-size:25px}.auth-card form{display:grid;gap:12px;margin-top:22px}.auth-card input,.auth-card select,.form-panel input,.form-panel textarea,.form-panel select,.toolbar select,.composer textarea{width:100%;border:1px solid #d9e0ea;border-radius:9px;padding:11px 12px;outline:none;background:#fff}.auth-card input:focus,.form-panel input:focus,.form-panel textarea:focus,.form-panel select:focus,.composer textarea:focus{border-color:#8c8df0;box-shadow:0 0 0 3px #8b8df020}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.muted{color:#7c899b;font-size:13px;line-height:1.6}.tutor{height:calc(100vh - 150px);min-height:560px;display:grid;grid-template-columns:220px 1fr;background:white;border:1px solid #e2e7ef;border-radius:16px;overflow:hidden}.conv{border-right:1px solid #e5eaf2;padding:14px;overflow:auto;background:#fbfcfe}.conv>button{display:block;width:100%;text-align:left;padding:11px;border-radius:9px;background:transparent;color:#344156;margin-top:5px}.conv>button:hover,.conv>button.active{background:#eef2ff;color:#4d4ed2}.conv>button small{display:block;color:#94a3b8;font-size:10px;margin-top:3px}.chat{display:flex;flex-direction:column;min-width:0}.toolbar{padding:12px;border-bottom:1px solid #edf0f4;display:flex;gap:8px}.toolbar select{width:auto;padding:8px 10px}.messages{flex:1;overflow:auto;padding:24px}.welcome{text-align:center;max-width:620px;margin:80px auto}.spark{width:52px;height:52px;border-radius:16px;background:#eef2ff;color:#5b5ce2;display:grid;place-items:center;margin:auto;font-size:25px}.welcome h2{margin:16px 0 6px}.welcome p{color:#7d899a}.suggests{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.suggests button{padding:10px;background:#f7f8fb;border:1px solid #e6eaf0;border-radius:9px;color:#566378}.msg{display:flex;gap:10px;margin:14px 0}.msg.user{justify-content:flex-end}.msg.user .avatar{order:2;background:#152238}.avatar{width:30px;height:30px;border-radius:9px;background:#eef2ff;color:#5b5ce2;display:grid;place-items:center;font-size:11px;font-weight:800;flex:0 0 30px}.bubble{max-width:78%;padding:12px 15px;border-radius:13px;background:#f4f6fa;white-space:pre-wrap;line-height:1.6;font-size:14px}.msg.user .bubble{background:#5b5ce2;color:white}.typing{color:#7d899a}.composer{border-top:1px solid #edf0f4;padding:12px;display:flex;gap:10px}.composer textarea{resize:none;height:55px}.content-grid{display:grid;grid-template-columns:360px 1fr;gap:18px}.form-panel{display:grid;gap:11px;align-content:start}.form-panel label{font-size:12px;color:#5d6a7e;font-weight:700}.form-panel label input,.form-panel label textarea,.form-panel label select{margin-top:5px;font-weight:400}.form-panel textarea{min-height:100px;resize:vertical}.narrow{max-width:700px}.output{min-height:560px;overflow:auto}.markdown{white-space:pre-wrap;font-family:inherit;line-height:1.65;color:#334155;background:#fafbfc;border:1px solid #edf0f4;border-radius:10px;padding:18px;max-height:650px;overflow:auto}.question{border-bottom:1px solid #edf0f4;padding:16px 0}.option{padding:7px 10px;background:#f7f8fb;border-radius:7px;margin-top:6px}.question details{margin-top:10px;color:#59677b;font-size:12px}.road{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #edf0f4}.road>div{width:30px;height:30px;border-radius:50%;background:#eef2ff;color:#5b5ce2;display:grid;place-items:center;font-weight:800}.road section{flex:1}.road p{color:#6d7b8f;font-size:13px;line-height:1.5;margin:5px 0}.road small{color:#94a3b8}.center{min-height:100vh;display:grid;place-items:center;color:#64748b}.loader{width:25px;height:25px;border:3px solid #e4e7f2;border-top-color:#5b5ce2;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:10px}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){aside{width:70px;padding:16px 8px}.brand{font-size:0;text-align:center}.brand:first-letter{font-size:22px}.brand span,.brand small,nav button:not(.active)::after,.sidebottom div:not(.user-mini){display:none}nav button{justify-content:center;font-size:0}.sidebottom{justify-content:center}.logout{display:none}main{margin-left:70px;width:calc(100% - 70px);padding:24px}.cards,.two,.content-grid{grid-template-columns:1fr}.hero{padding:28px}.orb{display:none}.tutor{grid-template-columns:1fr;height:calc(100vh - 170px)}.conv{display:none}}
.notice{background:#eef7ff;border:1px solid #cfe7ff;padding:12px 14px;border-radius:10px;margin:12px 0;color:#174a75}.danger{color:#a33}.row small{display:block}.question{border-top:1px solid #e8e8e8;padding:14px 0}.question p{white-space:pre-wrap;line-height:1.55}.auth-card .link{margin-top:8px}