:root{--ink:#16171b;--paper:#f1eee6;--blue:#1647e8;--lime:#c9f54a;--muted:#6e7076;--line:rgba(22,23,27,.14);--white:#fff;--display:"Manrope",sans-serif;--body:"DM Sans",sans-serif}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--body);display:grid;grid-template-columns:225px 1fr;min-height:100vh}.agent-sidebar{height:100vh;position:sticky;top:0;background:var(--ink);color:white;padding:28px 20px;display:flex;flex-direction:column;z-index:5}.agent-brand{color:white;text-decoration:none;display:flex;align-items:center;gap:10px;font:700 13px var(--display);letter-spacing:.4px}.agent-brand>span,.tutor-mark,.welcome-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:white;font-weight:800;font-style:italic}.agent-sidebar nav{display:flex;flex-direction:column;gap:5px;margin-top:75px}.side-link{border:0;background:transparent;color:#8e9097;padding:13px 12px;display:flex;align-items:center;gap:13px;text-align:left;font:600 12px var(--body);cursor:pointer}.side-link i{width:20px;color:#777982;font-style:normal;font-size:16px}.side-link.active,.side-link:hover{background:#25262b;color:white}.side-link.active i{color:var(--lime)}.agent-system{border-top:1px solid #35363b;margin-top:auto;padding:22px 10px}.system-label{font-size:9px;letter-spacing:1px;text-transform:uppercase;display:flex;align-items:center;gap:7px}.system-label span,.live-label i{width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 4px rgba(201,245,74,.12)}.agent-system p{font-size:11px;margin:12px 0 4px}.agent-system small{font-size:9px;color:#7f8188}.back-site{color:#898b92;text-decoration:none;font-size:10px;padding:12px 10px}.agent-main{min-width:0;padding:0 clamp(22px,4vw,60px) 70px}.agent-header{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.agent-header p{font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin:0 0 5px}.agent-header h1{font:500 clamp(20px,2.3vw,31px) var(--display);letter-spacing:-1.2px;margin:0}.agent-header h1 span{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:16px}.icon-button{background:transparent;border:1px solid var(--line);width:39px;height:39px;cursor:pointer}.streak{display:flex;align-items:center;gap:8px;border-left:1px solid var(--line);padding-left:16px}.streak>span{font-size:18px}.streak div{display:flex;flex-direction:column}.streak b{font-size:13px}.streak small{font-size:8px;color:var(--muted);text-transform:uppercase}.profile-badge{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:white;font-size:12px;font-weight:700}.agent-menu{display:none}.view{display:none;padding-top:38px}.view.active{display:block}.agent-brief{background:var(--blue);color:white;min-height:310px;display:grid;grid-template-columns:1.5fr .7fr;align-items:center;padding:45px 55px;overflow:hidden;position:relative}.agent-brief:after{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(255,255,255,.13);transform:rotate(45deg);left:-130px;bottom:-110px}.overline{font-size:9px;letter-spacing:1.6px;font-weight:700;margin:0 0 15px}.pulse{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:8px}.brief-copy h2,.view-title h2{font:600 clamp(32px,4vw,55px)/1.04 var(--display);letter-spacing:-2.5px;margin:0 0 17px}.brief-copy>p:not(.overline){font-size:13px;line-height:1.65;color:rgba(255,255,255,.7);max-width:640px}.brief-actions{display:flex;gap:10px;margin-top:28px}.primary-action,.secondary-action{border:0;padding:14px 17px;font:700 11px var(--body);cursor:pointer;display:inline-flex;justify-content:space-between;align-items:center;gap:35px}.primary-action{background:var(--lime);color:var(--ink)}.secondary-action{background:transparent;border:1px solid currentColor;color:inherit}.agent-orbit{height:230px;position:relative}.orbit-ring{position:absolute;border:1px solid rgba(255,255,255,.2);border-radius:50%;inset:10%}.ring-b{inset:27%;border-style:dashed;animation:spin 18s linear infinite}.orbit-core{position:absolute;inset:38%;background:var(--lime);color:var(--ink);display:grid;place-items:center;border-radius:50%;font:800 27px var(--display)}.node{position:absolute;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:white;color:var(--blue);font:800 10px var(--display);font-style:normal}.node-a{top:7%;left:47%}.node-b{bottom:14%;left:8%}.node-c{bottom:14%;right:8%}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:18px}.panel{background:white;border:1px solid var(--line);padding:28px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.panel h3{font:600 21px var(--display);letter-spacing:-.7px;margin:0}.panel-head>span{font-size:10px;color:var(--muted)}.plan-progress{height:3px;background:#e6e5df;margin:22px 0}.plan-progress span{display:block;height:100%;background:var(--blue);transition:.3s}.task-item{display:grid;grid-template-columns:28px 1fr auto;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid #ecebe7}.task-item input{appearance:none;width:22px;height:22px;border:1px solid #c4c5c7;display:grid;place-items:center;cursor:pointer}.task-item input:checked{background:var(--blue);border-color:var(--blue)}.task-item input:checked:after{content:"✓";color:white;font-size:11px}.task-item input:checked+div{text-decoration:line-through;opacity:.5}.task-item b{display:block;font-size:12px}.task-item small{font-size:9px;color:var(--muted)}.task-item>span{font-size:9px;color:var(--muted)}.panel-link,.mini-button{border:0;background:transparent;font:700 10px var(--body);cursor:pointer}.panel-link{width:100%;display:flex;justify-content:space-between;padding:19px 0 0}.mini-button{color:var(--blue)}.mastery-row{margin:19px 0}.mastery-copy{display:flex;justify-content:space-between;font-size:10px;margin-bottom:8px}.mastery-copy b{font-weight:600}.mastery-copy span{color:var(--muted)}.mastery-bar{height:4px;background:#e5e4df}.mastery-bar span{display:block;height:100%;background:var(--blue);transition:.5s}.mastery-row.weak .mastery-bar span{background:#f08a69}.recommendation-panel{background:var(--lime);position:relative}.recommend-code{display:inline-block;font-size:9px;background:var(--ink);color:white;padding:6px 8px;margin:15px 0}.recommendation-panel h3{font-size:27px}.recommendation-panel>p:not(.overline){font-size:11px;line-height:1.6;color:#55584e;margin:12px 0 25px}.recommend-meta{display:flex;gap:15px;font-size:9px;margin-bottom:25px}.recommendation-panel .primary-action{background:var(--ink);color:white}.activity-list{margin-top:18px}.activity-item{display:grid;grid-template-columns:24px 1fr auto;gap:10px;padding:12px 0;border-bottom:1px solid #ecebe7}.activity-icon{width:21px;height:21px;border-radius:50%;background:#e8edff;color:var(--blue);display:grid;place-items:center;font-size:9px}.activity-item p{font-size:10px;line-height:1.45;margin:0}.activity-item time{font-size:8px;color:var(--muted)}.live-label{display:flex;align-items:center;gap:7px;font-size:8px;color:var(--muted)}.view-title{display:flex;justify-content:space-between;align-items:flex-end;margin:15px 0 45px;gap:30px}.view-title>div>p:not(.overline){color:var(--muted);font-size:13px}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.day-card{min-height:280px;background:white;border:1px solid var(--line);padding:18px;display:flex;flex-direction:column}.day-card.today{border:2px solid var(--blue)}.day-card>span{font-size:8px;letter-spacing:1px;color:var(--muted)}.day-card h3{font:600 15px var(--display);margin:13px 0 5px}.day-card p{font-size:10px;line-height:1.5;color:var(--muted)}.day-card ul{list-style:none;padding:0;margin:12px 0}.day-card li{font-size:9px;border-top:1px solid #ecebe7;padding:9px 0}.day-card small{margin-top:auto;color:var(--blue);font-size:9px}.logic-note{display:flex;gap:12px;align-items:center;background:#e4e1d8;margin-top:20px;padding:18px}.logic-note span{width:26px;height:26px;border-radius:50%;background:var(--blue);color:white;display:grid;place-items:center;font:700 11px Georgia}.logic-note p{font-size:10px;margin:0;line-height:1.5}.practice-layout{display:grid;grid-template-columns:1fr 270px;gap:18px}.question-card,.practice-side{background:white;border:1px solid var(--line);padding:35px}.question-meta{display:flex;justify-content:space-between;color:var(--blue);font-size:9px;letter-spacing:1px;text-transform:uppercase}.question-card h3{font:500 clamp(20px,2.5vw,30px)/1.45 Georgia;margin:45px 0 30px;max-width:800px}.option-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option-button{border:1px solid var(--line);background:transparent;text-align:left;padding:14px;font:500 12px var(--body);cursor:pointer}.option-button span{color:var(--blue);font-weight:700;margin-right:9px}.option-button.selected{background:#e9edff;border-color:var(--blue)}.question-actions{display:flex;justify-content:space-between;margin-top:30px}.question-actions .secondary-action{color:var(--ink)}.hint-box{background:#f0eee8;border-left:3px solid var(--blue);font-size:11px;line-height:1.6;padding:14px;margin:20px 0 0}.answer-feedback{margin-top:20px;padding:17px;background:#eaf6d3;font-size:11px;line-height:1.6}.answer-feedback.incorrect{background:#f9e0d8}.practice-side h3{font:600 22px var(--display)}.signal{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid #ecebe7;font-size:10px}.signal b{color:var(--blue)}.practice-side hr{border:0;border-top:1px solid var(--line);margin:25px 0}.practice-side>p:last-child{font-size:10px;line-height:1.6;color:var(--muted)}.difficulty-chip{font-size:8px;letter-spacing:1px;background:var(--lime);padding:8px 10px}.insight-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.big-score,.insight-card{background:white;border:1px solid var(--line);padding:30px;min-height:210px}.big-score{background:var(--blue);color:white}.big-score p{font-size:10px;text-transform:uppercase;letter-spacing:1px}.big-score strong{font:600 80px var(--display);letter-spacing:-5px}.big-score>span{opacity:.6}.big-score small{display:block;margin-top:12px;color:var(--lime)}.insight-card h3{font:600 26px var(--display);margin:35px 0 12px}.insight-card>p:last-child{font-size:11px;line-height:1.6;color:var(--muted)}.evidence-panel{margin-top:18px}.trace-item{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:15px 0;border-top:1px solid #ecebe7}.trace-item b{font-size:9px;color:var(--blue);text-transform:uppercase}.trace-item p{font-size:11px;margin:0}.floating-tutor{position:fixed;right:25px;bottom:22px;background:var(--ink);color:white;border:0;padding:10px 16px 10px 10px;display:flex;align-items:center;gap:9px;font:700 10px var(--body);cursor:pointer;z-index:8;box-shadow:0 8px 25px rgba(0,0,0,.2)}.floating-tutor span{width:25px;height:25px;border-radius:50%;background:var(--lime);color:var(--ink);display:grid;place-items:center}.tutor-drawer{position:fixed;right:0;top:0;bottom:0;width:min(390px,100%);background:#fbfaf6;z-index:20;transform:translateX(102%);transition:.3s;display:flex;flex-direction:column;box-shadow:-15px 0 40px rgba(0,0,0,.12)}.tutor-drawer.open{transform:none}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:19;display:none}.drawer-backdrop.open{display:block}.tutor-head{padding:20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.tutor-head>div{display:flex;gap:10px;align-items:center}.tutor-head b,.tutor-head small{display:block}.tutor-head small{font-size:8px;color:var(--muted);margin-top:3px}.tutor-head button{border:0;background:none;font-size:25px}.chat-messages{flex:1;overflow-y:auto;padding:20px}.message{font-size:11px;line-height:1.6;padding:12px;margin-bottom:10px;max-width:85%}.agent-message{background:#e8e5dc}.user-message{background:var(--blue);color:white;margin-left:auto}.quick-prompts{padding:10px 20px;display:flex;gap:6px;overflow-x:auto}.quick-prompts button{white-space:nowrap;border:1px solid var(--line);background:transparent;padding:8px;font-size:9px}.chat-form{display:grid;grid-template-columns:1fr 44px;border-top:1px solid var(--line);padding:15px}.chat-form input{border:0;background:#ece9e1;padding:12px;outline:none}.chat-form button{border:0;background:var(--blue);color:white;font-size:18px}.diagnostic-dialog,.welcome-dialog{border:0;padding:0;background:transparent;max-width:none}.diagnostic-dialog::backdrop,.welcome-dialog::backdrop{background:rgba(13,14,18,.76)}.diagnostic-shell{width:min(680px,92vw);background:#fbfaf5;padding:35px}.diagnostic-head{display:flex;justify-content:space-between}.diagnostic-head h2,.welcome-dialog h2{font:600 33px var(--display);letter-spacing:-1.5px;margin:0}.diagnostic-head button{border:0;background:none;font-size:24px}.diag-progress{height:3px;background:#deddd7;margin:30px 0}.diag-progress span{display:block;height:100%;background:var(--blue)}.diag-question{font:500 22px/1.45 Georgia;margin:25px 0}.diag-options{display:grid;gap:8px}.diag-options button{border:1px solid var(--line);background:white;padding:13px;text-align:left;cursor:pointer}.diag-options button:hover{border-color:var(--blue)}.diagnostic-result{text-align:center;padding:20px}.diagnostic-result strong{font:600 75px var(--display);color:var(--blue)}.diagnostic-result p{font-size:12px;line-height:1.6}.welcome-dialog form{width:min(470px,92vw);background:#fbfaf5;padding:42px}.welcome-mark{margin-bottom:30px}.welcome-dialog form>p:not(.overline){font-size:12px;color:var(--muted);line-height:1.6}.welcome-dialog label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1px;margin-top:22px}.welcome-dialog input,.welcome-dialog select{width:100%;margin-top:8px;padding:12px;border:1px solid var(--line);background:white;font:12px var(--body)}.welcome-dialog .primary-action{width:100%;margin-top:28px}.welcome-dialog:not([open]),.diagnostic-dialog:not([open]){display:none}
@media(max-width:1100px){body{grid-template-columns:80px 1fr}.agent-sidebar{padding:25px 12px}.agent-brand b,.side-link span,.agent-system,.back-site{display:none}.agent-brand{justify-content:center}.side-link{justify-content:center}.side-link i{width:auto}.week-grid{grid-template-columns:repeat(4,1fr)}.insight-grid{grid-template-columns:1fr 1fr}.big-score{grid-row:span 2}}
@media(max-width:760px){body{display:block}.agent-sidebar{position:fixed;width:230px;transform:translateX(-102%);transition:.25s}.agent-sidebar.open{transform:none}.agent-sidebar .agent-brand b,.agent-sidebar .side-link span,.agent-sidebar .agent-system,.agent-sidebar .back-site{display:block}.agent-sidebar .side-link{justify-content:flex-start}.agent-main{padding:0 16px 60px}.agent-menu{display:block;border:0;background:transparent;font-size:20px}.agent-header{height:85px}.agent-header>div:first-of-type p{display:none}.streak{display:none}.agent-brief{grid-template-columns:1fr;padding:32px 25px}.agent-orbit{display:none}.dashboard-grid,.practice-layout,.insight-grid{grid-template-columns:1fr}.view-title{display:block}.view-title .primary-action{margin-top:20px}.week-grid{grid-template-columns:1fr 1fr}.day-card{min-height:220px}.option-list{grid-template-columns:1fr}.question-card,.practice-side{padding:24px}.stories-head{display:block}}
:root{--ink:#263330;--paper:#f6f2e9;--blue:#3f7772;--lime:#d7e7cf;--muted:#6f7773;--line:rgba(38,51,48,.14)}
.activity-icon,.option-button.selected{background:#e7efec}.logic-note{background:#e8ece6}.hint-box{background:#eef1eb}.answer-feedback{background:#e6efe2}.answer-feedback.incorrect{background:#f3e4df}.recommendation-panel>p:not(.overline){color:#4f625c}
.observation-box{margin-top:18px;border:1px solid var(--line);background:#f4efe4;padding:14px}.observation-box b{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--blue)}.observation-box p,.muted-note{font-size:10px;line-height:1.55;color:var(--muted);margin:7px 0 0}.behaviour-list{display:grid;gap:8px;margin-top:18px}.behaviour-item{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #ecebe7;padding:14px 0}.behaviour-item b{display:block;font-size:12px}.behaviour-item small{display:block;margin-top:4px;font-size:9px;color:var(--muted)}.behaviour-pill{background:#e7efec;color:var(--blue);padding:7px 9px;font-size:9px;font-weight:700;white-space:nowrap}.behaviour-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.behaviour-tag{border:1px solid var(--line);background:#fbfaf6;padding:8px 10px;font-size:9px;color:var(--muted)}