@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap");:root{--ink:#e9ecf4;--muted:#8990a5;--line:#252a3b;--panel:#151928;--accent:#a7efc5;--purple:#9e8cff}*{box-sizing:border-box}body{margin:0;background:#0d101b;color:var(--ink);font-family:DM Sans,sans-serif}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 15% 0,#1b2039 0,transparent 30%),#0d101b}.topbar{height:72px;border-bottom:1px solid var(--line);padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between}.brand{color:#fff;text-decoration:none;font-family:Space Grotesk;font-size:21px;font-weight:700;letter-spacing:-.05em}.brand-mark{display:inline-grid;place-items:center;background:var(--accent);color:#10151c;width:28px;height:28px;border-radius:9px;margin-right:8px;font-style:italic}.session-status{color:var(--muted);font-size:13px}.live-dot,.status-dot{color:var(--accent);font-size:10px;margin-right:7px}.session-time{margin-left:14px;padding-left:14px;border-left:1px solid var(--line)}.top-actions{display:flex;gap:16px;align-items:center}.avatar-button,.icon-button{background:transparent;color:var(--muted);border:0}.avatar-button{background:#7064b8;color:#fff;border-radius:50%;width:30px;height:30px;font-size:11px;font-weight:700}.workspace{width:min(1180px,calc(100% - 40px));margin:44px auto 24px;flex:1 1}.room-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.eyebrow{color:var(--accent);font-size:10px;letter-spacing:.15em;font-weight:700;margin:0 0 7px}.room-header h1{font:600 34px Space Grotesk;letter-spacing:-.04em;margin:0}.language-switcher{display:flex;gap:5px;background:#161a29;padding:4px;border:1px solid var(--line);border-radius:10px}.language-switcher button{background:transparent;border:0;color:var(--muted);padding:7px 12px;border-radius:7px;font-size:12px}.language-switcher button[aria-pressed=true]{background:#292d43;color:#fff;box-shadow:0 1px 5px #0005}.call-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(310px,.85fr);grid-gap:18px;gap:18px}.side-panel,.video-card{border:1px solid var(--line);background:var(--panel);border-radius:16px;overflow:hidden}.video-card{min-height:570px;position:relative;background:linear-gradient(145deg,#20233e,#151a2b 60%,#121524);display:flex;flex-direction:column}.video-label{position:absolute;top:20px;left:21px;display:flex;gap:10px;align-items:center;color:#bec3d6;font-size:12px;z-index:2}.live-pill{color:#111b21;background:var(--accent);padding:5px 8px;border-radius:5px;font-size:9px;font-weight:700;letter-spacing:.08em}.avatar-stage{flex:1 1;display:grid;place-items:center;position:relative;min-height:390px;overflow:hidden;background:radial-gradient(ellipse at center bottom,#403a76 0,transparent 43%)}.avatar-glow{position:absolute;width:310px;height:310px;border-radius:50%;background:#8375e6;filter:blur(55px);opacity:.22}.avatar-head{position:relative;width:165px;height:190px;border-radius:48% 48% 45% 45%;background:linear-gradient(135deg,#f0b18d,#b96568);box-shadow:inset -18px -2px 0 #924d72;z-index:1}.avatar-hair{position:absolute;inset:-18px -12px auto -12px;height:80px;background:#202037;border-radius:55% 55% 28% 30%;transform:rotate(-3deg)}.avatar-face{position:absolute;inset:78px 0 0}.eye{position:absolute;top:9px;width:9px;height:5px;border-radius:50%;background:#342840}.eye.left{left:48px}.eye.right{right:48px}.smile{position:absolute;top:33px;left:72px;width:22px;height:10px;border-bottom:2px solid #613b50;border-radius:50%}.avatar-body{position:absolute;bottom:0;width:310px;height:145px;border-radius:150px 150px 0 0;background:linear-gradient(90deg,#39346f,#7165bd,#363264)}.camera-fallback{position:absolute;bottom:14px;left:18px;color:#aeb0c5;font-size:11px}.tutor-caption{display:flex;gap:13px;align-items:center;padding:15px 20px;background:#151827cc;border-top:1px solid #ffffff0b}.tutor-caption p{margin:0;font-size:13px;line-height:1.55}.tutor-caption strong{font-size:12px}.tutor-caption span{color:#b8bdd1}.sound-wave{color:var(--accent);font-size:20px}.call-controls{height:78px;display:flex;justify-content:center;align-items:center;gap:20px;border-top:1px solid var(--line)}.call-controls button{width:38px;height:38px;border-radius:50%;background:#282c40;border:0;color:#dce0ed}.call-controls .end-call{background:#eb7278;color:#fff;font-size:24px}.side-panel{display:flex;flex-direction:column}.panel-block{padding:22px;border-bottom:1px solid var(--line)}.correction-block{border-bottom:0;flex:1 1}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-title h2{font:600 14px Space Grotesk;margin:0}.live-dot{font-size:10px}.sparkle{color:#b8a8ff}.messages{min-height:260px}.message{display:flex;gap:9px;margin-bottom:17px;font-size:12px}.message-avatar{display:grid;place-items:center;flex:none;width:25px;height:25px;background:#a78cff;color:#1c1930;border-radius:50%;font-size:11px;font-weight:700}.message p{margin:5px 0 0;color:#c0c4d3;line-height:1.5}.message-author{font-size:10px;color:#6f768c}.message.learner{justify-content:flex-end;text-align:right}.message.learner p{background:#242a40;padding:8px 10px;border-radius:8px 2px 8px 8px;color:#e4e7f0}.message-form{display:flex;gap:7px;margin-top:15px}.message-form input{min-width:0;flex:1 1;background:#0f1320;border:1px solid var(--line);border-radius:8px;padding:10px;color:#fff;outline:none;font-size:12px}.message-form input:focus{border-color:var(--purple)}.message-form button{width:35px;border:0;border-radius:8px;background:var(--accent);color:#112019;font-size:20px}.correction-card{border:1px solid #47406f;background:#1d1b36;border-radius:10px;padding:14px}.correction-label{font-size:9px;color:#a99cff;letter-spacing:.14em;font-weight:700}.correction-card p{font-size:14px;line-height:1.5;margin:10px 0;color:#f0efff}.correction-note{font-size:10px;color:#a6a2c3}.hint{color:#686f83;font-size:10px;line-height:1.5;margin:14px 0 0}footer{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:20px 0 28px;color:#666d80;font-size:11px;display:flex;justify-content:space-between}footer a{color:#9399af}@media(max-width:800px){.topbar{padding:0 20px}.session-status{display:none}.workspace{margin-top:28px}.room-header{align-items:start;gap:18px;flex-direction:column}.call-layout{grid-template-columns:1fr}.video-card{min-height:510px}.side-panel{min-height:530px}footer{flex-direction:column;gap:8px}}@media(max-width:430px){.workspace,footer{width:calc(100% - 24px)}.room-header h1{font-size:29px}.language-switcher button{padding:7px 9px}}