@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#102c36;--ink:#102c36;--paper:#f8f8f2;--orange:#e4683a;--mint:#7eb9a2;--line:#c9cec4;--bg:#edf0e9;--muted:#66767a;--agent-coordinator:#2a78d6;--agent-knowledge:#008300;--agent-materials:#0e7490;--agent-schedule:#e87ba4;--agent-reviewer:#eda100;--agent-quiz:#1baf7a;--agent-evaluator:#eb6834;--agent-reflection:#4a3aa7;--agent-vision:#e34948;--agent-system:#64748b;font-family:Noto Sans SC,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{background:var(--bg);margin:0;overflow:hidden}button,input,select,textarea{font:inherit}.eyebrow{color:var(--orange);letter-spacing:.14em;font:500 10px DM Mono}.primary-button,.ghost-button{cursor:pointer;border-radius:4px;padding:9px 14px;font-weight:600}.primary-button{color:#fff;background:var(--orange);border:0}.primary-button:disabled{color:#879291;cursor:not-allowed;background:#d5d9d5}.ghost-button{color:var(--ink);border:1px solid var(--line);background:#fff}.ghost-button:disabled{color:#9aa3a0;cursor:not-allowed}.inline-error{color:#a2442d;background:#f8e7e1;margin-top:14px;padding:10px;font-size:13px}.muted{color:#7a8785;font-size:12px;line-height:1.6}.landing{place-items:center;height:100dvh;padding:24px;display:grid}.landing-card{background:var(--paper);border:1px solid var(--ink);border-top:5px solid var(--orange);max-width:540px;padding:48px}.landing-card h1{letter-spacing:-.04em;margin:12px 0 16px;font-size:40px}.landing-card p{color:#53686c;margin:0 0 28px;line-height:1.8}.learner-id-field{gap:7px;margin-bottom:18px;display:grid}.learner-id-field>span{font-size:13px;font-weight:700}.learner-id-field input{width:100%;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:4px;padding:11px 12px}.learner-id-field input:focus{outline:2px solid color-mix(in srgb,var(--orange) 35%,transparent);border-color:var(--orange)}.learner-id-field small,.quiz-learner-id{color:var(--muted);letter-spacing:.04em;font:9px DM Mono}.chat-shell{flex-direction:column;width:min(100%,1600px);height:100dvh;margin:auto;display:flex;overflow:hidden}.chat-top{color:#fff;background:var(--ink);border-bottom:4px solid var(--orange);flex:0 0 58px;align-items:center;height:58px;padding:0 20px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand>span{border:1px solid #668087;place-items:center;width:36px;height:36px;font:500 13px DM Mono;display:grid}.brand strong{letter-spacing:.08em;font-size:14px;display:block}.brand small{color:#93a9ad;letter-spacing:.08em;font:9px DM Mono}.chat-body{flex:auto;grid-template-columns:minmax(340px,.78fr) minmax(620px,1.22fr);min-height:0;display:grid;overflow:hidden}.conversation{border-right:1px solid var(--line);background:#f8f8f2b3;flex-direction:column;min-height:0;display:flex;overflow:hidden}.messages{overscroll-behavior:contain;flex-direction:column;flex:1;gap:12px;min-height:0;padding:18px 22px;display:flex;overflow-y:auto}.bubble{border-radius:9px;max-width:86%;padding:10px 13px;font-size:13px;line-height:1.55}.bubble p{margin:0}.from-agent{--agent-color:var(--agent-system);background:color-mix(in srgb,var(--agent-color) 6%,white);border:1px solid color-mix(in srgb,var(--agent-color) 30%,var(--line));border-left:4px solid var(--agent-color);align-self:flex-start}.from-user{color:#fff;background:var(--ink);align-self:flex-end}.bubble-agent{color:var(--agent-color);letter-spacing:.08em;align-items:center;gap:6px;margin-bottom:4px;font:500 9px DM Mono;display:flex}.agent-dot{background:var(--agent-color);border-radius:50%;flex:0 0 8px;width:8px;height:8px}.bubble-agent .agent-dot{flex-basis:7px;width:7px;height:7px}.sent-attachment{overflow-wrap:anywhere;border-top:1px solid #ffffff40;margin-top:7px;padding-top:6px;font-size:10px;display:block}.from-agent .sent-attachment{border-top-color:var(--line);color:var(--muted)}.typing{color:#6d7c7d;align-self:flex-start;font-size:12px;font-style:italic}.need-hint{color:#7c5812;background:#f8e8bd;flex:none;padding:8px 22px;font-size:11px}.session-materials-panel{border:1px solid var(--line);background:#f3f6f3;border-radius:6px;flex:none;gap:5px;margin:0 16px 7px;padding:8px 10px;display:grid}.session-materials-head{align-items:center;gap:8px;display:flex}.materials-toggle{min-width:0;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:6px;padding:3px 0;display:flex}.materials-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.materials-toggle-icon{width:10px;color:var(--muted);font-size:10px}.materials-toggle strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.materials-toggle small{color:var(--muted);margin-left:auto;font-size:9px;font-weight:500}.session-materials-content{gap:5px;min-height:0;display:grid}.session-materials-content>small,.session-materials-content>span{color:var(--muted);font-size:9px}.uploaded-material-list{overscroll-behavior:contain;max-height:190px;padding-right:2px;overflow-y:auto}.uploaded-material-row{border-top:1px solid #dde3df;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;padding:5px 0;display:grid}.uploaded-material-row>span{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.uploaded-material-row>small{color:var(--muted);font-size:8px}.composer{border-top:1px solid var(--line);background:var(--paper);flex:none;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;padding:12px 16px;display:grid}.composer>input{border:1px solid var(--line);border-radius:4px;min-width:0;padding:9px 11px}.pending-attachment{border:1px solid var(--line);background:#f7f8f7;border-radius:8px;flex:none;align-items:center;gap:10px;margin:0 16px 7px;padding:7px;display:flex}.pending-attachment img{object-fit:cover;border-radius:6px;width:48px;height:48px}.pending-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pending-meta span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.pending-meta small{color:var(--muted);font-size:10px}.workbench{background:var(--bg);grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.agent-legend{background:var(--paper);border-bottom:1px solid var(--line);flex:none;padding:7px 12px}.agent-legend summary{cursor:pointer;color:var(--muted);font-size:10px;font-weight:600}.agent-legend-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:7px;display:grid}.agent-legend-grid>span{border-left:3px solid var(--agent-color,var(--agent-system));background:color-mix(in srgb,var(--agent-color,var(--agent-system)) 7%,white);grid-template-columns:8px minmax(0,1fr);align-items:center;gap:4px;min-width:0;padding:4px 5px;display:grid}.agent-legend-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.agent-legend-grid small{color:var(--muted);grid-column:2;font-size:8px}.timeline-step{align-self:stretch}[data-agent=coordinator]{--agent-color:var(--agent-coordinator)}[data-agent=knowledge]{--agent-color:var(--agent-knowledge)}[data-agent=materials]{--agent-color:var(--agent-materials)}[data-agent=schedule]{--agent-color:var(--agent-schedule)}[data-agent=reviewer]{--agent-color:var(--agent-reviewer)}[data-agent=quiz]{--agent-color:var(--agent-quiz)}[data-agent=evaluator]{--agent-color:var(--agent-evaluator)}[data-agent=reflection]{--agent-color:var(--agent-reflection)}[data-agent=vision]{--agent-color:var(--agent-vision)}[data-agent=system]{--agent-color:var(--agent-system)}.trace-stream{overscroll-behavior:contain;gap:6px;min-height:0;max-height:none;padding-right:3px;display:grid;overflow-y:auto}.trace-tree-node{gap:4px;display:grid}.trace-children{border-left:1px dashed color-mix(in srgb,var(--agent-system) 35%,var(--line));gap:4px;margin-left:14px;padding-left:8px;display:grid}.trace-children .tool-call{margin-left:0}.trace-line{background:color-mix(in srgb,var(--agent-color,var(--agent-system)) 6%,white);border-left:4px solid var(--agent-color,var(--agent-system));padding:7px 9px;font-size:11px}.trace-line.tool-call{background:color-mix(in srgb,var(--agent-color,var(--agent-system)) 3%,white);border:1px solid color-mix(in srgb,var(--agent-color,var(--agent-system)) 24%,var(--line));border-left:3px solid var(--agent-color,var(--agent-system));margin-left:22px;padding:8px 10px;position:relative}.trace-line.tool-call:before{content:"└";color:var(--agent-color,var(--agent-system));font:14px DM Mono;position:absolute;top:7px;left:-18px}.trace-line.failed{background:#fff4f3;box-shadow:inset 0 0 0 1px #d03b3b}.trace-head{letter-spacing:.04em;flex-wrap:wrap;align-items:center;gap:6px;font:9px DM Mono;display:flex}.trace-head>strong{color:var(--agent-color)}.tool-arrow{color:var(--muted);font-size:9px}.tool-name{color:var(--ink);background:#e7ece9;border-radius:3px;padding:2px 6px;font:600 9px DM Mono}.tool-status{color:#087044;margin-left:auto;font:8px DM Mono}.tool-status.is-failed{color:#b32f2f}.trace-line p{color:#46595c;margin:3px 0 0;line-height:1.45}.tool-detail{border-top:1px dashed #cad3cf;margin-top:6px;padding-top:5px}.tool-detail summary{cursor:pointer;color:var(--muted);font-size:9px}.tool-detail time{color:var(--muted);margin-top:4px;font:8px DM Mono;display:block}.tool-source-links{gap:3px;margin-top:6px;display:grid}.tool-source-links strong{color:var(--ink);font-size:9px}.tool-source-links a{color:#256abf;overflow-wrap:anywhere;font-size:9px;line-height:1.35}.tool-detail pre{color:#34484a;white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f4f2;max-height:130px;margin:5px 0 0;padding:6px;font:8px/1.45 DM Mono;overflow:auto}.trace-step,.trace-rev{color:#46595c;background:#eef1ef;border-radius:999px;padding:1px 5px;font:8px DM Mono}.trace-rev{color:#8b3e29;background:#f8e7e1}.trace-verdict{gap:2px;margin:5px 0 0;padding-left:15px;display:grid}.trace-verdict li{font-size:10px;line-height:1.4}.verdict-problem{color:#a2442d}.verdict-advice{color:#46595c}.workspace{grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.workspace-tabs{background:var(--paper);border-bottom:1px solid var(--line);align-items:center;gap:2px;padding:6px 12px 0;display:flex}.workspace-quiz-button{color:#fff;background:var(--agent-quiz);cursor:pointer;border:0;border-radius:4px;margin-bottom:5px;margin-left:auto;padding:7px 12px;font-weight:600}.workspace-quiz-button:disabled{opacity:.55;cursor:not-allowed}.workspace-tab{color:#647476;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;min-height:34px;padding:6px 12px}.workspace-tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--orange);font-weight:700}.workspace-tab:disabled{color:#aeb6b2;cursor:not-allowed}.workspace-tab b{color:#fff;background:#d03b3b;border-radius:50%;place-items:center;width:14px;height:14px;margin-left:3px;font-size:9px;display:inline-grid}.workspace-panel{overscroll-behavior:contain;min-height:0;padding:10px 12px 12px;overflow-y:auto}.panel-block{background:var(--paper);border:1px solid var(--line);padding:13px}.panel-block h3{margin:0 0 9px;font-size:14px}.panel-empty{text-align:center;place-content:center;min-height:120px;display:grid}.slot-row{grid-template-columns:72px 1fr 1fr auto;gap:6px;margin-bottom:7px;display:grid}.slot-row select,.slot-row input{border:1px solid var(--line);border-radius:3px;min-width:0;padding:7px}.slot-actions{background:var(--paper);justify-content:space-between;gap:8px;margin-top:10px;padding:8px 0 2px;display:flex;position:sticky;bottom:-10px}.crash-plan-banner{background:#fff2cf;border:1px solid #e5c66f;border-left:4px solid #d18a00;margin:0 0 9px;padding:10px 12px}.crash-plan-banner strong{color:#7c5812;font-size:12px}.crash-plan-banner p{color:#5f5140;margin:4px 0;font-size:10px;line-height:1.45}.crash-plan-banner small{color:#7b6a53;font-size:9px}.plan-meta{flex-wrap:wrap;gap:6px;margin-bottom:7px;font-size:10px;display:flex}.plan-meta span{background:#e1ece6;border-radius:3px;padding:3px 7px}.plan-meta .warn{color:#a2442d;background:#f8e7e1}.plan-progress{color:var(--muted);margin-bottom:7px;font-size:10px}.week-calendar{min-height:0}.week-pager{z-index:4;background:var(--paper);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin:-2px 0 7px;padding:5px 0;display:grid;position:sticky;top:-10px}.week-pager .ghost-button{padding:6px 9px;font-size:10px}.week-pager-label{text-align:center;min-width:0}.week-pager-label strong{font-size:11px;display:block}.week-pager-label span{color:var(--muted);font:9px DM Mono}.week-view{grid-template-columns:repeat(7,minmax(0,1fr));align-items:start;gap:5px;min-height:0;margin-bottom:8px;display:grid;overflow:visible}.week-day{border:1px solid var(--line);background:#fff;border-radius:4px;flex-direction:column;min-width:0;display:flex}.week-day.is-empty{background:#f2f3ef}.week-day-head{z-index:3;border-bottom:1px solid var(--line);background:#eef3ef;flex-direction:column;gap:1px;padding:5px 6px;display:flex;position:sticky;top:43px}.week-day-head strong{font-size:11px}.week-day-head span{color:#82908f;font-size:9px}.week-day-head em{color:#006300;font:8px DM Mono}.week-day-blocks{flex-direction:column;gap:3px;padding:4px;display:flex;overflow:visible}.week-empty{color:#9aa4a1;text-align:center;padding:8px 2px;font-size:9px}.week-block{text-align:left;border:1px solid #0000;border-left:3px solid var(--mint);cursor:pointer;min-width:0;font:inherit;background:#f2f7f4;border-radius:3px;gap:1px;padding:5px;display:grid}.week-block:hover{background:#e4efe9}.week-block.active{border-color:var(--mint);background:#d8ebe1}.week-block time{color:#596a6c;font:8px DM Mono}.week-block span{color:var(--ink);text-overflow:ellipsis;font-size:9px;line-height:1.25;overflow:hidden}.week-block em{color:#66767a;font:8px DM Mono}.week-block.done{background:#e2f0e8;border-left-color:#008300}.week-block.done span{color:#3d6b53;text-decoration:line-through}.plan-detail{border:1px solid var(--line);border-left:3px solid var(--mint);background:#fff;border-radius:4px;margin-bottom:8px;padding:10px}.detail-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;display:flex}.detail-head strong{font-size:13px}.detail-head .ghost-button{padding:5px 8px;font-size:10px}.detail-time{color:#66767a;margin:0 0 5px;font:10px DM Mono}.detail-objective,.detail-mastery,.detail-rationale{color:#46595c;margin:3px 0 0;font-size:11px;line-height:1.45}.detail-mastery{color:#006300}.detail-sources{background:#f2f5f2;border-radius:3px;gap:4px;margin-top:8px;padding:8px;display:grid}.detail-sources strong{color:var(--ink);font-size:10px}.detail-sources a,.detail-sources span{color:#256abf;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.35;overflow:hidden}.detail-sources span{color:var(--muted)}.detail-checkin{color:#46595c;cursor:pointer;border-top:1px solid #e0e4dd;align-items:center;gap:7px;margin-top:8px;padding-top:8px;font-size:11px;display:flex}.plan-feedback{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.plan-feedback textarea{border:1px solid var(--line);resize:none;border-radius:4px;width:100%;min-height:38px;padding:7px 9px;font-size:11px}.plan-actions{align-items:stretch;gap:6px;display:flex}.messages,.workspace-panel,.quiz-page-scroll{scrollbar-width:auto;scrollbar-color:#879693 #e7ebe6}.messages::-webkit-scrollbar{width:11px}.workspace-panel::-webkit-scrollbar{width:11px}.quiz-page-scroll::-webkit-scrollbar{width:11px}.messages::-webkit-scrollbar-track{background:#e7ebe6}.workspace-panel::-webkit-scrollbar-track{background:#e7ebe6}.quiz-page-scroll::-webkit-scrollbar-track{background:#e7ebe6}.messages::-webkit-scrollbar-thumb{background:#879693;border:2px solid #e7ebe6;border-radius:7px}.workspace-panel::-webkit-scrollbar-thumb{background:#879693;border:2px solid #e7ebe6;border-radius:7px}.quiz-page-scroll::-webkit-scrollbar-thumb{background:#879693;border:2px solid #e7ebe6;border-radius:7px}.quiz-page{background:var(--bg);grid-template-rows:auto minmax(0,1fr) auto;width:min(100%,1100px);height:100dvh;margin:auto;display:grid;overflow:hidden}.quiz-page-header{z-index:3;background:var(--paper);border-bottom:3px solid var(--agent-quiz);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:12px 18px;display:grid;position:relative}.quiz-page-header h1{margin:2px 0 0;font-size:20px}.quiz-page-header>span{color:var(--muted);font:10px DM Mono}.quiz-page-scroll{overscroll-behavior:contain;min-height:0;padding:16px 20px 28px;overflow-y:scroll}.quiz-intro{color:#46595c;border-left:4px solid var(--agent-quiz);background:#e7f4ee;margin:0 0 12px;padding:10px 12px;font-size:12px}.quiz-page-footer{z-index:3;background:var(--paper);border-top:1px solid var(--line);justify-content:space-between;gap:10px;padding:11px 18px;display:flex;position:relative}.assessment-panel,.replan-panel{border-left:4px solid var(--agent-evaluator);background:#f2f7f4;margin:10px 0;padding:11px 12px}.reflection-panel,.replan-panel{border-left-color:var(--agent-reflection)}.assessment-panel p,.replan-panel p{color:#46595c;margin:5px 0;font-size:11px;line-height:1.5}.assessment-panel small,.replan-panel small{color:var(--muted);font-size:10px}.replan-panel ul{color:#46595c;margin:7px 0;padding-left:18px;font-size:10px}.replan-actions{gap:7px;margin-top:9px;display:flex}.quiz-item{border:1px solid var(--line);border-left:3px solid var(--line);background:#fff;margin-bottom:8px;padding:11px}.quiz-item.correct{border-left-color:#008300}.quiz-item.incorrect{border-left-color:#d03b3b}.answer-review{--agent-color:var(--agent-evaluator);background:color-mix(in srgb,var(--agent-color) 7%,white);border:1px solid color-mix(in srgb,var(--agent-color) 32%,var(--line));border-left:4px solid var(--agent-color);margin:-8px 0 10px;padding:10px 12px}.answer-review.correct{border-left-color:#008300}.answer-review.incorrect{border-left-color:#d03b3b}.answer-review-agent{color:var(--agent-color);align-items:center;gap:6px;margin-bottom:6px;font:500 10px DM Mono;display:flex}.answer-review-agent span{color:var(--ink);margin-left:auto;font-family:Noto Sans SC,sans-serif}.answer-review p{color:#46595c;margin:4px 0;font-size:11px;line-height:1.5}.answer-review b{color:var(--ink)}.quiz-meta{color:#758584;gap:10px;font:9px DM Mono;display:flex}.quiz-meta span:first-child{color:var(--orange)}.quiz-item h4{margin:6px 0 9px;font-size:12px;line-height:1.5}.quiz-options{gap:5px;display:grid}.option{border:1px solid var(--line);cursor:pointer;border-radius:3px;align-items:center;gap:7px;padding:6px 8px;font-size:11px;display:flex}.option:has(input:checked){border-color:var(--ink);background:#eef3ef}.option input{accent-color:var(--orange)}.numeric-input{border:1px solid var(--line);width:100%;padding:8px}.grade-summary{background:#e4eee8;grid-template-columns:80px 1fr;align-items:center;gap:12px;margin-top:10px;padding:12px;display:grid}.score-ring{border:7px solid var(--mint);border-radius:50%;place-items:center;width:70px;height:70px;display:grid}.score-ring strong{font:500 22px DM Mono}.score-ring span{color:#5c6d70;font-size:9px}.kp-scores{gap:5px;display:grid}.kp-row{grid-template-columns:100px 1fr 38px;align-items:center;gap:7px;font:9px DM Mono;display:grid}.kp-row>div{background:#d8ddd8;height:6px}.kp-row i{background:var(--orange);height:100%;display:block}@media (width<=1050px){.chat-body{grid-template-columns:minmax(300px,.72fr) minmax(540px,1.28fr)}.agent-legend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.week-block span{font-size:8px}}@media (width<=820px){body{overflow:auto}.chat-shell{height:auto;min-height:100dvh;overflow:visible}.chat-body{flex-direction:column;display:flex;overflow:visible}.conversation{border-right:0;border-bottom:1px solid var(--line);height:58dvh;min-height:430px}.workbench{grid-template-rows:minmax(0,1fr);height:78dvh;min-height:600px}.agent-legend-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.week-view{grid-template-columns:repeat(7,minmax(76px,1fr));overflow-x:auto}.quiz-page-header{grid-template-columns:auto 1fr}.quiz-page-header>span{display:none}}