@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@600;700;800&display=swap";:root{font-family:Inter,sans-serif;color:#252b2d;background:#fafafa;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #252b2d;--muted: #6b7274;--line: #e7e4df;--paper: rgba(255, 255, 255, .88);--paper-solid: #ffffff;--wash: #fafafa;--soft-wash: #f8f4eb;--orange: #bd7305;--orange-bright: #f59e15;--green: #4e7461;--green-soft: rgba(78, 116, 97, .18);--shadow: 0 25px 50px -12px rgba(37, 43, 45, .22);--soft-shadow: 0 1px 4px rgba(37, 43, 45, .06)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--wash)}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{min-height:44px;border:1px solid rgba(189,115,5,.34);border-radius:999px;background:#ffffffb8;color:var(--orange);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;font-weight:700;transition:border-color .14s ease,background .14s ease,color .14s ease}button:hover:not(:disabled){background:#fff9f0;border-color:var(--orange)}button:disabled{cursor:not-allowed;opacity:.58}input,textarea,select{width:100%;border:1px solid rgba(37,43,45,.18);border-radius:12px;background:#fafafae6;color:var(--ink);padding:13px 14px;outline:none;box-shadow:inset 0 1px #ffffffe6}input:focus,textarea:focus,select:focus{border-color:#bd7305bf;box-shadow:0 0 0 4px #f59e1529}label{display:grid;gap:8px;color:var(--ink);font-weight:700}h1,h2,p{margin:0}h1,h2{font-family:Outfit,Inter,sans-serif;color:var(--ink);letter-spacing:0}h1{font-size:30px;line-height:1.06}h2{font-size:22px;line-height:1.18}.brand-row{display:flex;align-items:center;gap:9px;font-weight:800;color:var(--orange)}.brand-mark{display:inline-grid;width:34px;height:26px;place-items:center;color:var(--orange-bright)}.brand-mark.small{width:24px;height:22px}.primary-button{min-height:44px;border:1px solid var(--orange);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;font-weight:700;background:var(--orange);color:#fff;border-color:var(--orange);box-shadow:0 14px 26px #bd73053d}.primary-button:hover:not(:disabled){background:#a66404;border-color:#a66404}.quiet-button{justify-content:flex-start}.form-error{color:#8d2c1c;background:#fff2ec;border:1px solid #f0cbbd;border-radius:12px;padding:11px 13px}.notice{color:#684209;background:#fff5dc;border:1px solid rgba(189,115,5,.26);border-radius:12px;padding:11px 13px}.join-screen{min-height:100vh;position:relative;overflow:hidden;background:var(--wash)}.join-screen:before,.teacher-entry:before{content:"";position:absolute;width:520px;height:520px;left:19%;top:18%;border-radius:999px;background:radial-gradient(circle,#f59e1533,#f59e1500 68%);pointer-events:none}.join-screen:after,.teacher-entry:after{content:"";position:absolute;width:420px;height:420px;right:19%;top:22%;border-radius:999px;background:radial-gradient(circle,#4e746121,#4e746100 68%);pointer-events:none}.landing-nav{position:absolute;z-index:2;top:28px;left:50%;width:min(1220px,calc(100% - 48px));transform:translate(-50%);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.nav-links{display:flex;align-items:center;gap:42px;color:#334155;font-size:13px;font-weight:700}.nav-links a:hover{color:var(--orange)}.signin-pill{justify-self:end;border:1px solid rgba(231,228,223,.72);border-radius:999px;background:#ffffffbd;padding:12px 20px;font-size:13px;font-weight:800;box-shadow:var(--soft-shadow)}.signin-pill:hover{color:var(--orange);border-color:#bd730547}.student-entry{display:grid;grid-template-columns:minmax(360px,.95fr) minmax(420px,1fr);align-items:center;gap:88px;padding:142px max(56px,calc((100vw - 1220px)/2)) 92px}.hero-copy{position:relative;z-index:1;max-width:500px}.hero-copy span{color:var(--orange);display:inline-block;margin-bottom:14px;font-size:14px;font-weight:800}.hero-copy h1{max-width:640px;font-size:clamp(52px,6.2vw,80px);line-height:.98;font-weight:800}.hero-copy h1 strong{color:var(--orange-bright);display:block;font:inherit}.hero-copy p{max-width:355px;margin-top:24px;color:var(--muted);font-size:18px;font-weight:600;line-height:1.52}.hero-actions{display:flex;align-items:center;gap:16px;margin-top:34px}.outline-link{min-height:44px;border:2px solid var(--orange);border-radius:999px;color:var(--orange);display:inline-flex;align-items:center;justify-content:center;padding:0 24px;font-weight:800;background:#ffffff5c}.outline-link:hover{background:#fff9f0}.join-box{position:relative;z-index:1;width:min(528px,100%);min-height:420px;display:grid;align-content:start;gap:20px;justify-self:center;background:var(--paper);border:1px solid rgba(231,228,223,.72);border-radius:16px;padding:28px;box-shadow:0 0 40px #f59e1514,var(--shadow)}.join-box:after{content:"Live Session";position:absolute;top:-18px;right:18px;border:1px solid rgba(231,228,223,.72);border-radius:999px;background:#ffffffdb;color:var(--orange);padding:8px 13px;font-size:12px;font-weight:800;box-shadow:var(--soft-shadow)}.join-box h1{margin:4px 0 2px;font-size:29px}.join-box button{width:fit-content;min-width:150px}.sample-session-hint{color:var(--muted);font-size:13px;font-weight:700;line-height:1.4}.teacher-entry{min-height:100vh;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(420px,1fr);background:var(--wash)}.create-session{position:relative;z-index:1;padding:48px max(34px,calc((100vw - 1220px)/2)) 64px 72px;display:grid;align-content:center;gap:22px}.teacher-copy{margin-top:44px}.teacher-copy h1{font-size:clamp(44px,5vw,72px)}.create-session>h1{margin-top:10px;font-size:25px}.create-session form{width:min(430px,100%);display:grid;gap:18px}.teacher-entry .teacher-join-entry{min-height:auto;display:grid;place-items:center;padding:110px 70px}.teacher-entry .teacher-join-entry .landing-nav,.teacher-entry .teacher-join-entry:before,.teacher-entry .teacher-join-entry:after{display:none}.teacher-entry .join-box{justify-self:center}.teacher-entry .join-box:after{content:"Dashboard"}.student-shell,.teacher-shell{min-height:100vh;position:relative;display:grid;background:var(--wash)}.student-shell:before,.teacher-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 28% 16%,rgba(245,158,21,.14),transparent 34%),radial-gradient(circle at 78% 18%,rgba(78,116,97,.12),transparent 30%);pointer-events:none}.student-shell{grid-template-columns:280px 1fr}.teacher-shell{grid-template-columns:280px 1fr;background:radial-gradient(circle at 20% 15%,rgba(245,158,21,.16),transparent 28%),radial-gradient(circle at 86% 18%,rgba(78,116,97,.12),transparent 25%),#fffaf2}.student-side,.teacher-nav{position:relative;z-index:1;background:#ffffffbd;border-right:1px solid rgba(231,228,223,.8);padding:28px;display:flex;flex-direction:column;gap:26px}.teacher-nav{background:#fffcf6e0}.student-meta,.xp-box,.session-code{position:relative;display:grid;gap:10px;border:1px solid rgba(231,228,223,.76);border-radius:16px;background:#ffffffb3;padding:16px;box-shadow:var(--soft-shadow)}.copy-toast{position:absolute;right:14px;bottom:-14px;border:1px solid rgba(231,228,223,.86);border-radius:999px;background:#fffffff5;color:var(--orange);padding:7px 12px;font-size:13px;font-weight:800;box-shadow:0 10px 24px #252b2d1f}.student-meta span,.xp-box span,.session-code span,.quest-copy span{color:var(--orange);font-size:13px;font-weight:800}.student-meta strong,.xp-box strong,.session-code strong{color:var(--ink);font-family:Outfit,Inter,sans-serif;font-size:26px;line-height:1}.student-work,.teacher-main{position:relative;z-index:1;padding:28px;display:grid;gap:18px}.student-work{grid-template-rows:auto auto auto 1fr}.teacher-main{grid-template-rows:auto 1fr}.teacher-shell .teacher-header,.teacher-shell .dashboard-section,.teacher-shell .session-code{background:#ffffffe6;border-color:#e7dccde6}.work-header,.teacher-header,.quest-panel,.chat-panel,.dashboard-section{background:var(--paper);border:1px solid rgba(231,228,223,.72);border-radius:16px;box-shadow:var(--soft-shadow)}.work-header,.teacher-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px}.work-header p,.teacher-header p{margin-top:7px;color:var(--muted);font-weight:600}.work-header svg,.teacher-header svg{color:var(--orange)}.progress-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:10px}.step-chip{min-height:64px;border:1px solid rgba(231,228,223,.82);border-radius:14px;background:#ffffffb8;display:flex;align-items:center;gap:12px;padding:12px;box-shadow:var(--soft-shadow)}.step-chip span{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:#bd730524;color:var(--orange);font-weight:800}.step-chip.active{border-color:#bd7305a6}.step-chip.done span{background:var(--orange);color:#fff}.step-chip strong{font-size:14px}.quest-panel{padding:22px}.quest-copy{display:grid;gap:10px;max-width:900px}.quest-copy p{color:var(--muted);font-weight:600;line-height:1.55}.chat-panel{min-height:380px;display:grid;grid-template-rows:1fr auto auto;overflow:hidden}.chat-lines{padding:20px;overflow:auto;display:flex;flex-direction:column;gap:13px}.chat-line{width:min(720px,100%);border-radius:16px 16px 16px 10px;padding:14px 16px;background:var(--green-soft);color:var(--ink);box-shadow:0 1px 2px #252b2d0d}.chat-line.student{align-self:flex-end;background:#f59e1524;border-radius:16px 16px 10px}.chat-line.retry{outline:1px solid rgba(189,115,5,.42)}.chat-line strong{display:block;margin-bottom:6px;color:var(--orange)}.chat-line p{line-height:1.48}.answer-bar{border-top:1px solid rgba(231,228,223,.8);padding:14px;display:grid;grid-template-columns:1fr 50px;gap:10px}.answer-bar button{min-width:0;padding:0;background:var(--orange);color:#fff;border-color:var(--orange)}.teacher-actions{display:flex;gap:10px;flex-wrap:wrap}.teacher-grid{display:grid;grid-template-columns:minmax(360px,1.1fr) minmax(300px,.9fr);gap:18px;align-items:start}.dashboard-section{padding:20px;display:grid;gap:15px}.dashboard-section h2{font-size:20px}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title-row>span{color:var(--orange);font-size:13px;font-weight:900}.student-table{display:grid;gap:8px}.table-head,.table-row{display:grid;grid-template-columns:1fr 80px 100px;gap:12px;align-items:center}.table-head{color:var(--muted);font-size:13px;font-weight:700;border-bottom:1px solid rgba(231,228,223,.86);padding-bottom:8px}.table-row{min-height:48px;border-radius:12px;background:#f4f3f16b;padding:0 12px}.empty-row{color:var(--muted);padding:8px 0;font-weight:600}.quiz-list{display:grid;gap:10px}.quiz-list button{justify-content:space-between;text-align:left;min-height:58px;border-radius:14px;color:var(--ink)}.quiz-list button.selected{border-color:#bd7305ad;background:#f59e151f}.learning-path-section{overflow:hidden}.learning-path{display:grid;gap:0}.path-node{position:relative;min-height:96px;display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:center;width:100%;border:0;border-radius:0;border-top:1px solid rgba(231,220,205,.84);background:transparent;color:var(--ink);padding:15px 0;text-align:left;box-shadow:none}.path-node:first-child{border-top:0}.path-node:hover:not(:disabled){background:#fff8ebbd}.path-node:before{content:"";position:absolute;left:19px;top:0;bottom:0;width:3px;background:#f1dfc3}.path-node:first-child:before{top:48px}.path-node:last-child:before{bottom:48px}.path-marker{position:relative;z-index:1;width:42px;height:42px;display:grid;place-items:center;border:3px solid #f1dfc3;border-radius:999px;background:#fffaf2;color:#bd7305}.path-node.selected .path-marker{border-color:#f59e15;background:#fff2cf}.path-node.earlier .path-marker{border-color:#eadcc7;background:#fff6e5;color:#9a5e04;font-size:13px;font-weight:900}.path-copy{display:grid;gap:5px}.path-copy>span{color:var(--orange);font-size:12px;font-weight:900}.path-copy strong{color:var(--ink);font-family:Outfit,Inter,sans-serif;font-size:17px;line-height:1.14}.path-copy em{color:#697166;font-size:13px;font-style:normal;font-weight:750}.path-action{min-width:116px;min-height:36px;border:1px solid rgba(189,115,5,.28);border-radius:999px;background:#fff9ed;color:#9a5e04;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;font-size:12px;font-weight:900;white-space:nowrap}.path-node.selected .path-action{border-color:#0596693d;background:#e8fff2;color:#047857}.attempts-section{grid-row:span 2}.attempt-list{display:grid;gap:10px;max-height:560px;overflow:auto}.attempt{border:1px solid rgba(231,228,223,.86);background:#ffffffb3;border-radius:14px;padding:13px;display:grid;gap:6px;box-shadow:var(--soft-shadow)}.attempt.correct{border-color:#4e74613d;background:#4e74611f}.attempt span{color:var(--orange);font-weight:800}.attempt p{color:var(--muted);line-height:1.45}.ai-form{display:grid;gap:10px}.ai-form textarea{min-height:126px;resize:vertical}.student-welcome-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 42%,rgba(123,91,255,.08),transparent 28%),#fafafa}.student-welcome-card{width:min(448px,100%);display:grid;gap:18px;justify-items:center;border:8px solid rgba(255,255,255,.58);border-radius:40px;background:#fff;padding:34px 34px 36px;box-shadow:0 25px 50px -12px #252b2d40}.student-welcome-card h1{color:#332d88;font-size:32px;font-weight:900;text-align:center}.student-welcome-card p{color:#5447ff;font-size:16px;font-weight:800;text-align:center}.student-welcome-card .sample-session-hint{color:#6b7280;font-size:13px;font-weight:800}.student-welcome-card label{width:100%;color:#5447ff;font-size:0}.student-welcome-card input{height:66px;border:4px solid rgba(126,146,255,.7);border-radius:16px;background:#f2f6fb;color:#332d88;text-align:center;font-size:20px;font-weight:900;box-shadow:none}.student-welcome-card input::placeholder{color:#cbd6e2}.student-welcome-card input:focus{border-color:#7c6cff;box-shadow:0 0 0 5px #7c6cff24}.student-bloom{width:76px;height:76px;display:grid;place-items:center;border:6px solid #1d1f24;border-radius:24px;background:radial-gradient(circle at center,#ffe8f3 0 18%,transparent 19%),conic-gradient(from 18deg,#ff6ba9,#ff9cc9,#ff6ba9,#ffb4d5,#ff6ba9);color:#fff;box-shadow:inset 0 0 0 5px #ffffffb3}.student-bloom.mini{width:48px;height:48px;border-width:4px;border-radius:16px;box-shadow:inset 0 0 0 3px #ffffffad}.student-start-button{width:100%;min-height:66px;border:0;border-radius:16px;background:#5142e8;color:#fff;font-size:20px;font-weight:900;box-shadow:0 14px 28px #5142e847}.student-start-button:hover:not(:disabled){background:#4338ca}.student-play-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr;background:radial-gradient(circle at 30% 12%,rgba(255,231,181,.56),transparent 26%),radial-gradient(circle at 72% 10%,rgba(207,245,226,.42),transparent 26%),#fafafa;color:#252b2d}.student-play-top{min-height:78px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:14px 20px;border-bottom:1px solid rgba(231,228,223,.86);background:#ffffffd1;box-shadow:0 1px 3px #252b2d0a}.student-learning-path{display:flex;gap:10px;align-items:center;overflow-x:auto;padding:10px 18px 0}.student-path-step{position:relative;min-width:184px;display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center;border:1px solid #eadcc7;border-radius:999px;background:#ffffffdb;color:#70665a;padding:8px 12px;box-shadow:var(--soft-shadow)}.student-path-step:after{content:"";position:absolute;right:-11px;top:50%;width:10px;height:2px;background:#eadcc7}.student-path-step:last-child:after{display:none}.student-path-step>span{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:#fff3d8;color:var(--orange);font-size:13px;font-weight:900}.student-path-step strong{overflow:hidden;color:inherit;font-size:13px;font-weight:900;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.student-path-step.selected{border-color:#f59e1594;background:#fff5df;color:#9a5e04}.student-path-step.earlier{border-color:#eadcc7;background:#ffffffb8;color:#7a6d5d}.student-path-step.earlier>span{background:#fff3d8;color:#9a5e04}.student-tabs .progress-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:2px}.student-tabs .step-chip{min-width:136px;min-height:40px;border-radius:999px;background:#fff;border-color:#e4ebf4;color:#697589;padding:7px 14px 7px 9px;box-shadow:none}.student-tabs .step-chip span{width:22px;height:22px;background:#f1f6fb;color:#8a96aa;font-size:12px}.student-tabs .step-chip.active{border-color:#9da9ff;background:#7c6cff14;color:#5447ff}.student-tabs .step-chip.active span,.student-tabs .step-chip.done span{background:#8f8cf8;color:#fff}.student-tabs .step-chip strong{white-space:nowrap}.student-play-stats{display:flex;align-items:center;gap:10px}.student-nameplate{display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:end}.student-nameplate span{color:#7b5bff;font-size:11px;font-weight:900;text-transform:uppercase}.student-nameplate strong{grid-row:2;color:#332d88;font-weight:900}.student-nameplate button{grid-row:2;min-height:20px;border:0;border-radius:0;background:transparent;color:#9aa4b3;padding:0;font-size:11px;font-weight:800}.xp-pill,.mode-pill{min-height:42px;border:1px solid rgba(231,228,223,.9);border-radius:999px;background:#ffffffdb;color:#9a5e04;display:inline-flex;align-items:center;gap:8px;padding:0 16px;box-shadow:var(--soft-shadow)}.mode-pill{color:#9a5e04;background:#fff8e8}.student-play-main{display:grid;grid-template-columns:minmax(360px,.72fr) minmax(500px,1fr);gap:20px;padding:18px}.mission-stage{position:relative;min-height:830px;overflow:hidden;border:6px solid rgba(255,255,255,.76);border-radius:36px;background:linear-gradient(to top,#cdf7e4 0 29%,transparent 29%),radial-gradient(circle at 50% 30%,#fff 0,#fff,#fbfaf8 72%);box-shadow:0 18px 36px #252b2d24}.mission-badge,.mission-number{position:absolute;top:26px;z-index:2;min-height:34px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;padding:0 18px;font-size:13px;font-weight:900}.mission-badge{left:28px;background:#ffd117;color:#5f4900}.mission-badge.complete{background:#baf7d7;color:#047857}.mission-number{right:28px;background:#fff;color:#5447ff;box-shadow:var(--soft-shadow)}.stage-cloud{position:absolute;color:#44474d;fill:#fff;filter:drop-shadow(0 3px 0 rgba(37,43,45,.18))}.cloud-left{left:108px;top:78px}.cloud-right{right:94px;top:102px}.stage-key-wrap{--lock-radius: 92px;position:absolute;left:50%;top:34%;width:190px;height:190px;display:grid;place-items:center;transform:translate(-50%,-50%) rotate(-42deg);transition:transform .22s ease}.stage-key-wrap.free{transform:translate(-50%,-50%) rotate(-18deg) scale(1.06)}.stage-key{color:#1d1f24;fill:#f8b915;filter:drop-shadow(0 10px 12px rgba(37,43,45,.2))}.stage-key-wrap>span{position:absolute;left:50%;top:50%;width:42px;height:42px;margin:-21px 0 0 -21px;display:grid;place-items:center;border:4px solid #202329;border-radius:999px;background:#fff;color:#8f8cf8;font-size:20px;font-weight:900;box-shadow:0 6px 12px #252b2d2e}.stage-key-wrap>span:before{content:"";width:14px;height:14px;border-radius:999px;background:#d9e1ef}.stage-key-wrap>span.solved:before,.stage-key-wrap.free>span:before{content:"✓";width:auto;height:auto;background:transparent;color:#16a36a;line-height:1}.stage-key-wrap>span.solved,.stage-key-wrap.free>span{border-color:#bdf4d7;background:#dcfae9}.mission-card{position:absolute;left:50%;bottom:232px;transform:translate(-50%);width:min(86%,500px);border:4px solid #dfe5ff;border-radius:28px;background:#fffffff0;padding:24px 26px;text-align:center;box-shadow:0 12px 28px #7c6cff21}.mission-card h1{color:#332d88;font-size:25px;font-weight:900}.mission-card p{margin-top:12px;color:#5447ff;font-weight:900;line-height:1.45}.mission-card strong{display:inline-block;margin-top:14px;color:#6a61ff;font-size:13px;font-weight:900}.analysis-card{bottom:166px;width:min(88%,620px);border-color:#dfe5ff;padding:28px 34px}.analysis-card h1{font-size:27px}.analysis-card .analysis-lead{color:#4038dd;font-size:18px;line-height:1.35}.analysis-card .analysis-success{color:#059669;display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;font-size:16px}.analysis-grid{width:min(520px,100%);margin:24px auto 0;display:grid;gap:9px}.analysis-row{display:grid;grid-template-columns:78px minmax(95px,1fr) minmax(120px,auto);gap:10px;align-items:center;color:#334155;text-align:left}.analysis-row strong{margin:0;color:#334155;font-size:14px}.analysis-row em{color:#5447ff;font-size:13px;font-style:normal;font-weight:900;line-height:1.2}.analysis-attempts{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.analysis-attempts span{min-width:34px;height:26px;border-radius:7px;display:inline-grid;place-items:center;background:#eef2f7;color:#94a3b8;font-size:13px;font-weight:900;text-align:center;padding:0 8px}.analysis-attempts span.check{background:#bdf4d7;color:#047857}.analysis-attempts span.revised{min-width:44px;background:#ffe2a7;color:#a85e00}.analysis-attempts span.pending{background:#eef2f7;color:#94a3b8}.mission-dots{position:absolute;left:23%;right:23%;bottom:193px;display:flex;justify-content:space-between}.mission-dots span{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:#fff;color:#9aa4b3;font-weight:900}.mission-dots span.active{background:#8f8cf8;color:#fff}.mission-dots span.solved{background:#bdf4d7;color:#047857}.mission-dots.complete{display:none}.stage-leaf{position:absolute;right:48px;bottom:44px;color:#547a46;fill:#83c76d;filter:drop-shadow(0 4px 0 rgba(37,43,45,.15))}.student-chat-card{min-height:830px;display:grid;grid-template-rows:auto 1fr auto auto;overflow:hidden;border-radius:32px;background:#fff;box-shadow:0 18px 36px #252b2d24}.student-chat-header{min-height:88px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:18px 22px;background:linear-gradient(100deg,#5a4df0,#a248f1);color:#fff}.student-chat-header h2{color:#fff;font-size:24px;font-weight:900}.student-chat-header p{margin-top:2px;color:#ffffffd6;font-weight:900}.student-chat-header>span{width:14px;height:14px;border-radius:999px;background:#35d978}.student-chat-card .chat-lines{padding:28px;background:#fbfcfe}.student-chat-card .chat-line{display:grid;grid-template-columns:auto 1fr;column-gap:12px;width:min(680px,100%);border:3px solid #e6ebfb;border-radius:28px;background:#fff;padding:18px 22px}.student-chat-card .chat-line:before{content:"";width:30px;height:30px;grid-row:span 2;border-radius:999px;background:radial-gradient(circle at center,#ffeff7 0 24%,transparent 25%),conic-gradient(#ff75ae,#ffb2d2,#ff75ae,#ffb2d2,#ff75ae);border:2px solid #cfd8f3}.student-chat-card .chat-line.student{margin-left:auto;border-color:#ffe1ab;background:#fff8e9}.student-chat-card .chat-line.student:before{background:#ffd117}.student-chat-card .chat-line strong{color:#5447ff;font-weight:900}.student-chat-card .answer-bar{border-top:1px solid #e8edf5;background:#fff;padding:18px 22px;grid-template-columns:1fr 58px}.student-chat-card .answer-bar input{min-height:58px;border-radius:999px;border-color:#d8e0ee;background:#f3f7fb;padding-left:24px;font-weight:800}.student-chat-card .answer-bar button{min-height:58px;border-radius:999px;background:#cbd5e1;border-color:#cbd5e1;color:#fff;padding:0}.student-chat-card .answer-bar button:not(:disabled){background:#8f8cf8;border-color:#8f8cf8}@media (max-width: 980px){.landing-nav{top:18px;width:calc(100% - 32px);grid-template-columns:1fr auto}.nav-links{display:none}.signin-pill{padding:10px 15px}.student-entry{grid-template-columns:1fr;gap:28px;align-content:start;padding:92px 24px 48px}.hero-copy h1{font-size:42px}.hero-copy p{font-size:15px}.join-box{min-height:auto;padding:28px}.teacher-entry,.student-shell,.teacher-shell{grid-template-columns:1fr}.teacher-entry{gap:28px}.create-session{padding:36px 24px 10px}.teacher-entry .teacher-join-entry{padding:42px 24px 56px}.student-side,.teacher-nav{border-right:0;border-bottom:1px solid rgba(231,228,223,.8)}.teacher-grid{grid-template-columns:1fr}.student-play-top{grid-template-columns:1fr;align-items:stretch}.student-play-stats{justify-content:space-between;flex-wrap:wrap}.student-play-main{grid-template-columns:1fr}.mission-stage,.student-chat-card{min-height:680px}.work-header,.teacher-header{align-items:flex-start;flex-direction:column}}@media (max-width: 560px){h1{font-size:27px}.join-screen:before,.teacher-entry:before{width:360px;height:360px;left:-90px;top:120px}.join-screen:after,.teacher-entry:after{width:260px;height:260px;right:-90px;top:260px}.hero-copy h1,.teacher-copy h1{font-size:38px}.hero-copy p{max-width:100%}.join-box{padding:24px}.join-box h1{font-size:27px}.join-box button{width:100%}.hero-actions{align-items:stretch;flex-direction:column;width:min(260px,100%)}.student-work,.teacher-main{padding:18px}.table-head,.table-row{grid-template-columns:1fr 56px 78px;gap:8px}.student-welcome-card{border-width:6px;border-radius:38px;padding:28px 24px 30px}.student-welcome-card input,.student-start-button{min-height:58px;height:58px;font-size:18px}.student-play-top{padding:10px 12px}.student-tabs .step-chip{min-width:122px}.student-play-main{gap:14px;padding:12px}.student-play-stats{gap:8px}.xp-pill,.mode-pill{min-height:36px;padding:0 11px;font-size:13px}.mission-stage,.student-chat-card{min-height:590px;border-radius:28px}.mission-badge,.mission-number{top:18px;padding:0 12px}.mission-badge{left:18px}.mission-number{right:18px}.cloud-left{left:58px;top:72px}.cloud-right{right:46px;top:98px}.stage-key{width:112px;height:112px}.stage-key-wrap{--lock-radius: 68px;width:140px;height:140px;top:32%}.stage-key-wrap>span{width:34px;height:34px;margin:-17px 0 0 -17px;border-width:3px}.mission-card{bottom:166px;width:calc(100% - 42px);border-width:3px;border-radius:24px;padding:20px}.mission-card h1{font-size:21px}.analysis-card{bottom:126px;padding:18px 14px}.analysis-card .analysis-lead{font-size:15px}.analysis-card .analysis-success{font-size:13px}.analysis-grid{margin-top:16px;gap:8px}.analysis-row{grid-template-columns:1fr;gap:7px;border-top:1px solid #edf2ff;padding-top:8px}.analysis-row:first-child{border-top:0;padding-top:0}.analysis-attempts{justify-content:flex-start}.analysis-attempts span{min-width:28px;font-size:12px}.mission-dots{left:20%;right:20%;bottom:132px}.stage-leaf{right:34px;bottom:32px}.student-chat-header{min-height:78px;padding:15px 18px}.student-chat-card .chat-lines{padding:18px}.student-chat-card .chat-line{border-width:2px;border-radius:24px;padding:15px}.student-chat-card .answer-bar{grid-template-columns:1fr 52px;padding:14px}.student-chat-card .answer-bar input,.student-chat-card .answer-bar button{min-height:52px}}.teacher-dashboard{min-height:100vh;background:#f7f7f5;color:#111827;padding:18px max(28px,calc((100vw - 1320px)/2)) 34px}.teacher-dashboard button{min-height:36px;border-radius:10px;box-shadow:none}.teacher-topbar{min-height:34px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;color:#6b7280;font-size:13px;font-weight:700}.teacher-topbar strong{color:#d97706}.teacher-topbar>span{justify-self:end;border:1px solid #e5e7eb;border-radius:999px;background:#eeeeeb;color:#6b7280;padding:6px 12px;font-size:12px}.teacher-back-button{min-height:28px;border:0;background:transparent;color:#4b5563;padding:0;font-weight:700}.teacher-back-button:hover:not(:disabled){background:transparent;color:#111827}.session-controller-card,.teacher-panel,.metric-card{border:1px solid #e5e7eb;border-radius:12px;background:#fff;box-shadow:0 1px 2px #1118270a}.session-controller-card{margin-top:28px;padding:18px 20px}.controller-head,.mission-controls,.panel-title-line{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.controller-head{border-bottom:1px solid #edf0f3;padding-bottom:16px}.controller-head h2,.teacher-panel h3{display:flex;align-items:center;gap:8px;color:#111827;font-family:Outfit,Inter,sans-serif;font-size:17px;font-weight:800;line-height:1.2}.controller-head h2 svg{color:#6d5dfc}.controller-head p,.insights-title-row p,.panel-subtitle{margin-top:7px;color:#6b7280;font-size:13px;font-weight:600;line-height:1.45}.controller-actions,.mission-button-row,.teacher-tabs,.activity-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.teacher-control-button{border-color:#e5e7eb;background:#fff;padding:0 16px;font-size:13px}.teacher-control-button.warning{border-color:#f6d487;background:#fff3cf;color:#b45309}.teacher-control-button.warning:hover:not(:disabled){background:#ffe7a3}.teacher-control-button.danger{border-color:#fecdd3;background:#fff1f2;color:#e11d48}.teacher-control-button.danger:hover:not(:disabled){background:#ffe4e6}.mission-controls{position:relative;align-items:center;padding-top:14px}.mission-button{border:1px solid #d1fae5;background:#10b981;color:#fff;padding:0 14px;font-size:13px;font-weight:800}.mission-button:hover:not(:disabled),.mission-button.selected{border-color:#059669;background:#059669}.mission-button:not(.selected){background:#ecfdf5;color:#047857}.session-code-pill{border-color:#bbf7d0;background:#ecfdf5;color:#047857;padding:0 14px;font-size:13px}.teacher-copy-toast{right:112px;bottom:-18px;border-radius:8px;color:#047857}.teacher-ai-draft{margin-top:12px;border-top:1px solid #edf0f3;padding-top:12px}.teacher-ai-draft summary{width:fit-content;display:flex;align-items:center;gap:8px;color:#9a5e04;cursor:pointer;font-size:13px;font-weight:800}.teacher-ai-draft form{margin-top:12px;display:grid;grid-template-columns:1fr auto;gap:10px}.teacher-ai-draft textarea{min-height:54px;resize:vertical}.insights-title-row{display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px;margin-top:28px}.insights-title-row h1{color:#111827;font-size:28px}.teacher-tabs{max-width:620px;border:1px solid #e8e8e2;border-radius:10px;background:#f0f0ed;padding:4px}.teacher-tabs button{min-height:30px;border:0;background:transparent;color:#4b5563;padding:0 12px;font-size:12px}.teacher-tabs button:hover:not(:disabled),.teacher-tabs button.selected{background:#fff;color:#b45309}.teacher-tab-panel{margin-top:22px}.teacher-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.metric-card{min-height:132px;display:grid;align-content:center;gap:8px;padding:20px}.metric-card span{position:relative;display:flex;align-items:center;gap:8px;color:#64748b;font-size:12px;font-weight:900;text-transform:uppercase}.metric-card span:before{content:"";width:7px;height:7px;border-radius:999px;background:currentColor}.metric-card strong{color:#0f172a;font-family:Outfit,Inter,sans-serif;font-size:38px;line-height:1}.metric-card em{width:fit-content;border-radius:6px;padding:4px 8px;background:#f3f4f6;color:#64748b;font-size:12px;font-style:normal;font-weight:800}.metric-card.blue span{color:#3b82f6}.metric-card.green span{color:#10b981}.metric-card.orange span{color:#f59e0b}.metric-card.rose span{color:#f43f5e}.analysis-grid-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.teacher-panel{padding:20px}.analysis-panel{min-height:312px}.analysis-panel h3:before{content:"";width:8px;height:30px;border-radius:999px;background:#6366f1}.analysis-panel.green h3:before{background:#10b981}.analysis-panel.orange h3:before{background:#f59e0b}.analysis-panel.purple h3:before{background:#8b5cf6}.horizontal-chart,.stacked-chart{margin-top:22px;display:grid;gap:16px}.horizontal-bar-row,.stacked-row{display:grid;grid-template-columns:minmax(120px,170px) 1fr 52px;align-items:center;gap:12px;color:#334155;font-size:12px;font-weight:800}.horizontal-bar-row>div,.stacked-row>div{height:12px;overflow:hidden;border-radius:8px;background:#eef2f7}.horizontal-bar-row i{display:block;height:100%;border-radius:inherit;background:#8fd3ff}.time-chart .horizontal-bar-row i{background:#f59e0b}.horizontal-bar-row strong,.stacked-row strong{color:#64748b;font-size:12px;text-align:right}.vertical-chart{height:220px;display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));align-items:end;gap:18px;margin-top:22px;border-bottom:1px dashed #dbe2ea}.vertical-bar-column{display:grid;grid-template-rows:1fr auto auto;justify-items:center;gap:7px;height:100%;color:#475569;font-size:12px;font-weight:800}.vertical-bar-column>div{width:34px;height:160px;display:flex;align-items:end;border-radius:8px 8px 0 0;background:repeating-linear-gradient(to top,#fff 0,#fff 39px,#eef2f7 40px)}.vertical-bar-column i{width:100%;border-radius:8px 8px 0 0;background:#8fd3ff}.vertical-bar-column span{max-width:96px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.stacked-row>div{display:flex}.stacked-row i,.stacked-chart footer i{display:block;height:100%}.stacked-row i.first,.stacked-chart footer i.first{background:#10b981}.stacked-row i.second,.stacked-chart footer i.second{background:#f59e0b}.stacked-row i.third,.stacked-chart footer i.third{background:#f43f5e}.stacked-chart footer{display:flex;justify-content:center;gap:16px;color:#64748b;font-size:12px;font-weight:800}.stacked-chart footer span{display:inline-flex;align-items:center;gap:5px}.stacked-chart footer i{width:10px;height:10px;border-radius:2px}.teacher-empty{color:#64748b;font-weight:700;line-height:1.45}.chart-empty{min-height:190px;display:grid;place-items:center;border:1px dashed #dbe2ea;border-radius:10px;margin-top:18px;text-align:center}.struggling-panel{margin-top:18px}.struggling-panel h3{color:#111827}.struggling-panel h3 svg{color:#ef4444}.struggling-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.struggling-card{display:grid;grid-template-columns:38px 1fr;gap:12px;border:1px solid #fecdd3;border-radius:10px;background:#fff1f2;padding:14px}.struggling-card>span,.student-avatar{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:999px;background:#ffe4e6;color:#e11d48;font-weight:900}.struggling-card strong{display:block;color:#111827;font-size:13px}.struggling-card p,.struggling-card em,.struggling-card small{display:block;margin-top:4px;color:#e11d48;font-size:12px;font-style:normal;font-weight:750;line-height:1.35}.struggling-card small{color:#7f1d1d}.heatmap-table-wrap,.history-table-wrap{overflow-x:auto;margin-top:16px}.heatmap-table,.history-table{width:100%;border-collapse:collapse;min-width:760px}.heatmap-table th,.heatmap-table td,.history-table th,.history-table td{border-bottom:1px solid #edf0f3;padding:13px 12px;color:#334155;font-size:13px;text-align:left;vertical-align:middle}.heatmap-table th,.history-table th{color:#64748b;font-size:12px;font-weight:900;text-transform:uppercase}.heatmap-table td:first-child{min-width:210px;display:flex;align-items:center;gap:10px}.heatmap-table td strong,.history-table td strong{color:#111827}.heatmap-table td small,.history-table td span{display:block;margin-top:4px;color:#64748b;font-size:11px;font-weight:750}.heat-cell{min-width:46px;min-height:28px;display:inline-grid;place-items:center;border-radius:8px;background:#f1f5f9;color:#64748b;font-weight:900}.heat-cell.solved{background:#d1fae5;color:#047857}.heat-cell.retry{background:#ffe4e6;color:#e11d48}.activity-filter{border:1px solid #e5e7eb;border-radius:10px;background:#f8fafc;padding:4px}.activity-filter button{min-height:30px;border:0;background:transparent;color:#64748b;padding:0 12px;font-size:12px}.activity-filter button.selected{background:#fff;color:#111827}.activity-list{display:grid;gap:10px;margin-top:16px;max-height:620px;overflow:auto}.activity-row{display:grid;grid-template-columns:36px 1fr auto;align-items:start;gap:12px;border:1px solid #edf0f3;border-radius:10px;padding:13px}.activity-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:999px}.activity-icon.correct{background:#d1fae5;color:#047857}.activity-icon.incorrect{background:#ffe4e6;color:#e11d48}.activity-row strong{color:#111827;font-size:13px}.activity-row p,.activity-row small{display:block;margin-top:3px;color:#475569;font-size:13px;line-height:1.35}.activity-row small{color:#64748b;font-size:12px}.activity-row time{color:#64748b;font-size:12px;font-weight:800;white-space:nowrap}.history-layout,.feedback-layout{display:grid;gap:18px}.trend-chart{margin-top:18px}.trend-chart svg{width:100%;height:240px;color:#6366f1;overflow:visible;border-left:1px dashed #dbe2ea;border-bottom:1px dashed #dbe2ea;background:repeating-linear-gradient(to top,transparent 0,transparent 47px,#eef2f7 48px)}.trend-chart circle{fill:#fff;stroke:#6366f1;stroke-width:1.5;vector-effect:non-scaling-stroke}.trend-labels{display:flex;justify-content:space-between;gap:12px;margin-top:10px;color:#64748b;font-size:12px;font-weight:800}.trend-labels strong{color:#111827}.feedback-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.feedback-summary-card{border:1px solid #edf0f3;border-radius:10px;background:#fbfbfa;padding:14px}.feedback-summary-card span,.feedback-summary-card em{display:block;color:#64748b;font-size:12px;font-style:normal;font-weight:850}.feedback-summary-card strong{display:block;margin-top:7px;color:#111827;font-size:16px;line-height:1.25}.feedback-summary-card em{margin-top:5px;color:#10b981}.best-part-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.best-part-list article{border:1px solid #edf0f3;border-radius:10px;background:#fbfbfa;padding:13px}.best-part-list strong{color:#111827;font-size:13px}.best-part-list p{margin-top:6px;color:#475569;font-size:13px;font-weight:650;line-height:1.4}.student-feedback-form{border-top:1px solid #e8edf5;background:#fff;padding:18px 22px;display:grid;gap:14px}.student-feedback-form>div:first-child strong{color:#332d88;font-size:16px;font-weight:900}.student-feedback-form>div:first-child p{margin-top:4px;color:#697589;font-size:13px;font-weight:800}.student-feedback-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.student-feedback-form label{gap:6px;color:#5447ff;font-size:12px;font-weight:900}.student-feedback-form select,.student-feedback-form input{min-height:42px;border-radius:10px;border-color:#d8e0ee;background:#f8fafc;color:#332d88;font-size:13px;font-weight:800;padding:9px 10px;box-shadow:none}.student-feedback-form button{width:fit-content;min-height:44px;border-radius:10px;background:#5142e8;border-color:#5142e8;color:#fff}@media (max-width: 1040px){.teacher-dashboard{padding:14px 16px 28px}.teacher-topbar,.insights-title-row{grid-template-columns:1fr;align-items:start}.teacher-topbar>span{justify-self:start}.controller-head,.mission-controls,.panel-title-line{flex-direction:column;align-items:stretch}.teacher-kpi-grid,.analysis-grid-panels,.feedback-summary-grid,.best-part-list,.struggling-list{grid-template-columns:1fr}.teacher-tabs{max-width:100%;overflow-x:auto;flex-wrap:nowrap}.teacher-tabs button{white-space:nowrap}.teacher-ai-draft form,.student-feedback-grid{grid-template-columns:1fr}}@media (max-width: 620px){.teacher-dashboard{padding:12px}.session-controller-card,.teacher-panel{padding:15px}.teacher-kpi-grid{gap:12px}.metric-card{min-height:108px}.metric-card strong{font-size:31px}.horizontal-bar-row,.stacked-row{grid-template-columns:1fr;gap:7px}.horizontal-bar-row strong,.stacked-row strong{text-align:left}.vertical-chart{grid-template-columns:repeat(2,minmax(0,1fr));height:auto}.activity-row{grid-template-columns:32px 1fr}.activity-row time{grid-column:2}}