:root{--white:#fff;--gray-50:#fafafa;--gray-100:#f4f4f5;--gray-200:#e4e4e7;--gray-300:#d4d4d8;--gray-400:#a1a1aa;--gray-500:#71717a;--gray-600:#52525b;--gray-700:#3f3f46;--gray-800:#27272a;--gray-900:#18181b;--black:#09090b;--violet-50:#f5f3ff;--violet-100:#ede9fe;--violet-200:#ddd6fe;--violet-300:#c4b5fd;--violet-400:#a78bfa;--violet-500:#8b5cf6;--violet-600:#7c3aed;--violet-700:#6d28d9;--violet-800:#5b21b6;--violet-900:#4c1d95;--green-50:#f0fdf4;--green-100:#dcfce7;--green-500:#22c55e;--green-600:#16a34a;--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-500:#f59e0b;--amber-600:#d97706;--red-50:#fef2f2;--red-100:#fee2e2;--red-500:#ef4444;--red-600:#dc2626;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-500:#3b82f6;--blue-600:#2563eb;--bg:var(--white);--surface:var(--gray-50);--surface-alt:var(--gray-100);--border:var(--gray-200);--border-strong:var(--gray-300);--text:var(--black);--text-muted:var(--gray-500);--text-faint:var(--gray-400);--accent:var(--violet-700);--accent-soft:var(--violet-100);--accent-hover:var(--violet-800);--send-color:#d4a574;--send-hover:#c49464;--sidebar-width:280px;--properties-width:300px;--agent-height:220px;--topbar-height:44px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:11px;--text-sm:13px;--text-md:14px;--text-lg:16px}*{box-sizing:border-box;margin:0;padding:0}html,body,#main{width:100%;height:100%}body{font-family:var(--font-sans);font-size:var(--text-md);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5;overflow:hidden}.helios-shell{overflow:hidden;grid-template-columns:280px 1fr 300px!important;width:100%!important;height:100vh!important;display:grid!important}.helios-center-column{min-width:0;overflow:hidden;flex-direction:column!important;display:flex!important}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;width:280px;min-width:280px;max-width:280px;height:100vh;display:flex;overflow:hidden}.sidebar-header{padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--border);flex-shrink:0}.brand-row{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.brand-mark{background:linear-gradient(135deg,var(--violet-600),var(--violet-700));border-radius:var(--radius-sm);color:#fff;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.brand-title{font-weight:600;font-size:var(--text-md)}.filter-row{gap:var(--space-2);display:flex}.filter-select{height:32px;padding:0 var(--space-2);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-sm);font-family:var(--font-sans);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;flex:1;padding-right:28px}.sidebar-tree{padding:var(--space-2)0;flex:1;overflow-y:auto}.tree-node__row{padding:5px var(--space-3);cursor:pointer;font-size:var(--text-sm);color:var(--text);align-items:center;gap:6px;transition:background .1s;display:flex;position:relative}.tree-node__row:hover{background:var(--surface-alt)}.tree-node__row--selected{background:var(--accent-soft);color:var(--accent)}.tree-node__row--selected:before{content:"";background:var(--accent);width:2px;position:absolute;top:0;bottom:0;left:0}.tree-node__chevron{width:14px;height:14px;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:transform .15s}.tree-node__chevron--expanded{transform:rotate(90deg)}.tree-node__chevron--hidden{visibility:hidden}.tree-node__icon{flex-shrink:0;font-size:13px}.tree-node__label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.tree-node__badge{border-radius:var(--radius-full);padding:1px 6px;font-size:10px;font-weight:500}.tree-node__badge--done{background:var(--green-100);color:var(--green-600)}.tree-node__badge--current{background:var(--accent-soft);color:var(--accent)}.tree-node__progress{color:var(--text-muted);font-size:10px}.mastery-dots{gap:2px;display:flex}.mastery-dot{background:var(--border-strong);border-radius:50%;width:5px;height:5px}.mastery-dot--filled{background:var(--green-500)}.mastery-dot--partial{background:var(--amber-500)}.tree-node__children{display:none}.tree-node__children--expanded{display:block}.depth-0 .tree-node__row{padding-left:var(--space-3)}.depth-1>.tree-node__row{padding-left:calc(var(--space-3) + 14px)}.depth-2>.tree-node__row{padding-left:calc(var(--space-3) + 28px)}.depth-3>.tree-node__row{padding-left:calc(var(--space-3) + 42px)}.sidebar-footer{border-top:1px solid var(--border);flex-shrink:0}.sidebar-footer__info{padding:var(--space-2)var(--space-4);font-size:var(--text-xs);color:var(--text-muted);border-bottom:1px solid var(--border)}.sidebar-footer__menu{padding:var(--space-2)}.footer-menu-item{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);color:var(--text);transition:background .1s;display:flex}.footer-menu-item:hover{background:var(--surface-alt)}.footer-menu-item__icon{text-align:center;width:20px;font-size:14px}.footer-menu-item__label{flex:1}.user-profile{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);margin-top:var(--space-1);border-top:1px solid var(--border);cursor:pointer;display:flex}.user-profile:hover{background:var(--surface-alt)}.user-avatar{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex}.user-info{flex:1;min-width:0}.user-name{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.user-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.user-menu-btn{width:24px;height:24px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.user-menu-btn:hover{background:var(--surface-alt);color:var(--text)}.center-panel{background:var(--bg);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.topbar{height:var(--topbar-height);background:var(--bg);border-bottom:1px solid var(--border);padding:0 var(--space-3);align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.nav-btn{border-radius:var(--radius-md);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:12px;display:flex}.nav-btn:hover{background:var(--surface-alt);color:var(--text)}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.nav-btn--loading{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.uri-bar{height:28px;padding:0 var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-family:var(--font-mono);font-size:var(--text-xs);flex:1}.webview-container{flex:1;min-height:0;position:relative;overflow:hidden}.webview{border:none;width:100%;height:100%}.webview-loading{color:var(--text-muted);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.properties-panel{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;width:300px;min-width:300px;max-width:300px;height:100vh;display:flex;overflow:hidden}.properties-header{height:var(--topbar-height);padding:0 var(--space-3);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.properties-header__title{font-weight:600;font-size:var(--text-sm)}.properties-tabs{border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.prop-tab{padding:var(--space-2);color:var(--text-muted);font-size:var(--text-xs);cursor:pointer;background:0 0;border:none;flex:1;font-weight:500;position:relative}.prop-tab:hover{color:var(--text)}.prop-tab--active{color:var(--accent)}.prop-tab--active:after{content:"";bottom:0;left:var(--space-2);right:var(--space-2);background:var(--accent);height:2px;position:absolute}.properties-content{padding:var(--space-3);flex:1;overflow-y:auto}.prop-section{margin-bottom:var(--space-4)}.prop-section-header{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.prop-row{padding:var(--space-2)0;border-bottom:1px solid var(--border);font-size:var(--text-sm)}.prop-row:last-child{border-bottom:none}.prop-label{color:var(--text-muted);text-transform:uppercase;margin-bottom:2px;font-size:10px;font-weight:500}.prop-badge{background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-full);padding:2px 6px;font-size:10px;font-weight:500;display:inline-block}.kc-item{padding:var(--space-2)0;border-bottom:1px solid var(--border);font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.kc-item:last-child{border-bottom:none}.formula-box{padding:var(--space-2);background:var(--surface-alt);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);margin-bottom:var(--space-2)}.agent-panel{background:var(--bg);border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;height:220px;min-height:220px;max-height:220px;display:flex;overflow:hidden}.agent-messages{padding:var(--space-3);flex:1;overflow-y:auto}.message{margin-bottom:var(--space-3);max-width:85%}.message--assistant{margin-right:auto}.message--user{margin-left:auto}.message__body{padding:var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.5}.message--assistant .message__body{background:var(--surface);border:1px solid var(--border)}.message--user .message__body{background:var(--accent);color:#fff}.agent-composer{padding:var(--space-3);flex-shrink:0}.quick-actions{gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.quick-btn{padding:4px var(--space-2);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;font-size:11px}.quick-btn:hover{border-color:var(--accent);color:var(--accent)}.composer-box{background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-2)var(--space-3);box-shadow:0 1px 3px #00000014}.composer-input{width:100%;font-size:var(--text-sm);font-family:var(--font-sans);color:var(--text);resize:none;background:0 0;border:none;outline:none;min-height:20px;line-height:1.4}.composer-input::placeholder{color:var(--text-faint)}.composer-controls{margin-top:var(--space-2);justify-content:space-between;align-items:center;display:flex}.composer-left,.composer-right{align-items:center;gap:var(--space-2);display:flex}.tool-btn{border-radius:var(--radius-md);cursor:pointer;width:26px;height:26px;color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;font-size:14px;display:flex}.tool-btn:hover{color:var(--text);background:#0000000d}.agent-selector-wrapper{position:relative}.agent-selector{cursor:pointer;font-size:var(--text-sm);color:var(--text);border-radius:var(--radius-md);font-weight:500;font-family:var(--font-sans);background:0 0;border:none;align-items:center;gap:4px;padding:4px 8px;display:flex}.agent-selector:hover{background:#0000000d}.agent-selector__icon{font-size:14px}.agent-selector__chevron{color:var(--text-muted);font-size:10px}.agent-dropdown{border:1px solid var(--border);border-radius:var(--radius-lg);z-index:100;background:#fff;min-width:180px;margin-bottom:4px;position:absolute;bottom:100%;right:0;overflow:hidden;box-shadow:0 4px 16px #0000001f}.agent-dropdown__item{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);cursor:pointer;font-size:var(--text-sm);display:flex}.agent-dropdown__item:hover{background:var(--surface)}.agent-dropdown__item--selected{background:var(--accent-soft)}.agent-dropdown__item__icon{font-size:14px}.send-btn{background:var(--send-color);cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.send-btn:hover{background:var(--send-hover)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.home-view{max-width:800px;margin:48px auto;padding:0 24px}.home-view h1{margin-bottom:8px;font-size:32px;font-weight:700}.home-view .subtitle{color:var(--text-muted);margin-bottom:48px}.portal-cards{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.portal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:inherit;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;text-decoration:none;transition:all .2s;display:flex}.portal-card:hover{border-color:var(--accent);box-shadow:0 4px 12px #0000000d}.portal-card__icon{font-size:40px}.portal-card__title{font-weight:600;font-size:var(--text-lg)}.portal-card__desc{font-size:var(--text-sm);color:var(--text-muted);text-align:center}.view{background:var(--bg);padding:24px}.student-dashboard{flex-direction:column;gap:20px;display:flex}.student-dashboard__subtitle{color:var(--text-muted)}.student-dashboard__grid{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.dashboard-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.dashboard-card h3{font-size:var(--text-md);margin-bottom:12px;font-weight:600}.readiness-card{flex-direction:column;align-items:center;display:flex}.readiness-ring{margin-bottom:16px;position:relative}.readiness-ring svg{display:block}.ring-track{fill:none;stroke:var(--border);stroke-width:8px}.ring-progress{fill:none;stroke:var(--accent);stroke-width:8px;stroke-linecap:round;transform-origin:50%;transform:rotate(-90deg)}.ring-value{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-score{color:var(--accent);font-size:28px;font-weight:700;display:block}.ring-label{color:var(--text-muted);font-size:11px;display:block}.readiness-meta{width:100%}.meta-item{border-bottom:1px solid var(--border);justify-content:space-between;padding:8px 0;display:flex}.meta-item:last-child{border-bottom:none}.meta-label{font-size:var(--text-sm);color:var(--text-muted)}.meta-value{font-size:var(--text-sm);font-weight:500}.next-card__module{color:var(--text-muted);margin-bottom:4px;font-size:11px}.next-card__title{margin-bottom:12px;font-size:16px;font-weight:600}.next-card__cta{background:var(--accent);color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);padding:8px 16px;font-weight:500;text-decoration:none;display:inline-block}.next-card__cta:hover{background:var(--accent-hover)}.next-card__note{color:var(--text-muted);margin-top:12px;font-size:11px}.summary-list{list-style:none}.summary-list li{border-bottom:1px solid var(--border);font-size:var(--text-sm);justify-content:space-between;padding:8px 0;display:flex}.summary-list li:last-child{border-bottom:none}.summary-label{color:var(--text-muted)}.summary-value{font-weight:500}.module-list{margin-top:24px}.module-list h3{font-size:var(--text-lg);margin-bottom:16px;font-weight:600}.module-list__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.module-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.module-card__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.module-card__header h4{font-size:var(--text-md);font-weight:600}.phase-pill{background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-full);text-transform:uppercase;padding:2px 8px;font-size:10px;font-weight:500}.module-card__metrics{margin-bottom:12px}.metric-row{font-size:var(--text-sm);justify-content:space-between;margin-bottom:4px;display:flex}.progress-bar{background:var(--border);border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.progress-bar__fill{background:var(--accent);border-radius:3px;height:100%}.progress-bar__fill.alt{background:var(--green-500)}.module-card__link{text-align:center;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--accent);font-size:var(--text-sm);padding:8px;font-weight:500;text-decoration:none;display:block}.module-card__link:hover{background:var(--accent-soft);border-color:var(--accent)}.error{color:var(--red-600);background:var(--red-50);border-color:var(--red-500)}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-xl);background:#fff;width:90%;max-width:400px;overflow:hidden;box-shadow:0 20px 60px #0003}.modal-header{padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.modal-header h2{font-size:var(--text-lg);font-weight:600}.modal-close{cursor:pointer;width:32px;height:32px;color:var(--text-muted);border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;font-size:16px;display:flex}.modal-close:hover{background:var(--surface);color:var(--text)}.modal-body{padding:var(--space-5)}.form-group{margin-bottom:var(--space-4)}.form-group label{font-size:var(--text-sm);margin-bottom:var(--space-1);color:var(--text);font-weight:500;display:block}.form-input{width:100%;height:40px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-md);font-family:var(--font-sans);color:var(--text);transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.form-input:disabled{background:var(--surface);cursor:not-allowed}.form-input::placeholder{color:var(--text-faint)}.btn{height:40px;padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--text-md);font-weight:500;font-family:var(--font-sans);cursor:pointer;border:none;justify-content:center;align-items:center;transition:background .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-full{width:100%}.login-btn{width:100%;margin:var(--space-2)var(--space-3);height:36px}.alert{padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4)}.alert-error{background:var(--red-50);border:1px solid var(--red-500);color:var(--red-600)}.login-help{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.login-help ul{margin-top:var(--space-2);list-style:none}.login-help li{font-family:var(--font-mono);padding:2px 0}.text-muted{color:var(--text-muted)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.user-menu-wrapper{position:relative}.sidebar-footer__user{padding:var(--space-1)0}.user-loading{padding:var(--space-2)var(--space-3);font-size:var(--text-sm);color:var(--text-muted)}.dropdown-menu{border:1px solid var(--border);border-radius:var(--radius-lg);z-index:100;background:#fff;margin-bottom:4px;position:absolute;bottom:100%;left:0;right:0;overflow:hidden;box-shadow:0 4px 16px #0000001f}.dropdown-item{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);cursor:pointer;font-size:var(--text-sm);display:flex}.dropdown-item:hover{background:var(--surface)}.dropdown-item--danger{color:var(--red-600)}.dropdown-item--danger:hover{background:var(--red-50)}.dropdown-divider{background:var(--border);height:1px;margin:var(--space-1)0}