:root{--background:#fff;--surface-subtle:#f7f9f8;--surface-muted:#eef2f0;--foreground:#202625;--foreground-muted:#68726f;--foreground-soft:#8a9491;--primary:#087f6d;--primary-strong:#056857;--primary-soft:#e8f4f1;--feedback:#e65f4b;--feedback-soft:#fff0ed;--highlight:#f4c84a;--highlight-soft:#fff8d8;--border:#dde3e1;--border-strong:#c8d1ce;--shadow-soft:0 8px 24px #20262514;--radius-sm:4px;--radius-md:8px}*{box-sizing:border-box;letter-spacing:0;margin:0;padding:0}html,body{width:100%;min-height:100%}html{scroll-behavior:smooth}body{color:var(--foreground);background:var(--background);font-family:var(--font-geist-sans), "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", Arial, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.5;overflow:hidden}a{color:inherit;text-decoration:none}button,input{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}button:not(:disabled),a[href]{cursor:pointer}::selection{color:var(--foreground);background:var(--highlight)}:focus-visible{outline:3px solid var(--highlight);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{background:var(--background);flex-direction:column;width:100%;height:100dvh;min-height:560px;display:flex}.app-header{z-index:10;border-bottom:1px solid var(--border);background:var(--background);flex:none;align-items:center;min-height:68px;padding:10px 22px;display:flex;position:relative}.brand{min-height:42px;color:var(--foreground);flex:none;align-items:center;gap:10px;margin-right:36px;font-size:18px;font-weight:750;display:inline-flex}.brand__mark{border-radius:var(--radius-md);color:#fff;background:var(--primary);width:38px;height:38px;box-shadow:3px 3px 0 var(--highlight);place-items:center;display:inline-grid}.brand__back{border:1px solid var(--border);color:var(--muted);background:var(--surface-subtle);border-radius:3px;padding:3px 6px;font-size:10px;font-weight:700}.primary-navigation{scrollbar-width:none;flex:auto;align-items:center;gap:4px;min-width:0;display:flex;overflow-x:auto}.primary-navigation::-webkit-scrollbar{display:none}.primary-navigation__link{min-height:40px;color:var(--foreground-muted);border-radius:6px;flex:none;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:14px;font-weight:600;transition:color .16s,background-color .16s;display:inline-flex;position:relative}.primary-navigation__link:hover{color:var(--foreground);background:var(--surface-subtle)}.primary-navigation__link[aria-current=page]{color:var(--primary-strong);background:var(--primary-soft)}.app-shell__body{flex:auto;min-height:0}.learning-workspace{background:var(--background);grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;min-height:0;display:grid}.workspace-toolbar{border-bottom:1px solid var(--border);background:var(--surface-subtle);align-items:center;min-height:58px;padding:8px 22px;display:flex}.stage-switcher{align-items:center;gap:12px;display:flex}.stage-switcher__label{color:var(--foreground-muted);flex:none;font-size:13px;font-weight:650}.stage-switcher__options{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);align-items:center;gap:3px;padding:3px;display:flex}.stage-switcher__button{min-height:32px;color:var(--foreground-muted);background:0 0;border-radius:5px;padding:0 13px;font-size:13px;font-weight:650;transition:color .16s,background-color .16s,box-shadow .16s}.workspace-grid{grid-template-columns:clamp(230px,20vw,286px) minmax(360px,1fr) clamp(320px,31vw,438px);min-height:0;display:grid}.workspace-panel{min-width:0;min-height:0;overflow:hidden}.panel-heading{align-items:center;gap:10px;min-width:0;display:flex}.panel-heading__icon{width:34px;height:34px;color:var(--primary);background:var(--primary-soft);border-radius:7px;flex:none;place-items:center;display:inline-grid}.panel-heading h2{font-size:15px;font-weight:750;line-height:1.3}.panel-heading p{color:var(--foreground-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;line-height:1.3;overflow:hidden}.course-rail{background:var(--surface-subtle);flex-direction:column;height:100%;padding:19px 14px 14px;display:flex}.course-rail__heading{flex:none;padding:0 5px 18px}.course-list{overscroll-behavior:contain;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin;min-height:0;list-style:none;overflow-y:auto}.course-list__item{grid-template-columns:28px minmax(0,1fr);gap:8px;padding-bottom:10px;display:grid;position:relative}.course-list__item:not(:last-child):after{background:var(--border-strong);content:"";width:1px;position:absolute;top:29px;bottom:-1px;left:13px}.course-list__step{z-index:1;border:1px solid var(--border-strong);width:27px;height:27px;color:var(--foreground-muted);background:var(--background);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:inline-grid;position:relative}.course-list__button{border-radius:var(--radius-md);text-align:left;background:0 0;border:1px solid #0000;width:100%;min-height:112px;padding:13px 31px 13px 13px;transition:border-color .16s,background-color .16s,box-shadow .16s,transform .16s;position:relative}.course-list__button:hover{border-color:var(--border);background:var(--background)}.course-list__button[aria-pressed=true]{background:var(--background);box-shadow:var(--shadow-soft);border-color:#087f6d57}.course-list__item:has(.course-list__button[aria-pressed=true]) .course-list__step{border-color:var(--primary);color:#fff;background:var(--primary)}.course-list__title-row{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.course-list__title-row strong{color:var(--foreground);font-size:14px;font-weight:750;line-height:1.35}.course-list__featured{color:var(--feedback);align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.course-list__summary{color:var(--foreground-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:12px;line-height:1.55;display:-webkit-box;overflow:hidden}.course-list__chevron{color:var(--foreground-soft);position:absolute;top:50%;right:9px;transform:translateY(-50%)}.course-list__button[aria-pressed=true] .course-list__chevron{color:var(--primary)}.conversation-classroom{background:var(--background);flex-direction:column;height:100%;min-height:0;display:flex}.classroom-header{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px 24px 18px;display:flex}.classroom-header>div{min-width:0}.classroom-header__label{color:var(--primary);margin-bottom:5px;font-size:12px;font-weight:750;display:block}.classroom-header h1{font-size:24px;font-weight:780;line-height:1.25}.classroom-header p{max-width:650px;color:var(--foreground-muted);margin-top:7px;font-size:13px;line-height:1.6}.classroom-header__subject{border-radius:var(--radius-sm);color:#665313;background:var(--highlight-soft);border:1px solid #f4c84abf;flex:none;align-items:center;min-height:29px;padding:0 9px;font-size:12px;font-weight:650;display:inline-flex}.message-list{overscroll-behavior:contain;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin;flex-direction:column;flex:auto;gap:18px;min-height:0;padding:22px 24px;display:flex;overflow-y:auto}.message{align-items:flex-start;gap:9px;width:min(88%,720px);display:flex}.message[data-author=learner]{flex-direction:row-reverse;align-self:flex-end}.message__avatar{color:#fff;background:var(--primary);border-radius:7px;flex:none;place-items:center;width:32px;height:32px;display:inline-grid}.message[data-author=learner] .message__avatar{color:var(--feedback);background:var(--feedback-soft)}.message__body{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-subtle);min-width:0;padding:11px 13px}.message__author{color:var(--primary);margin-bottom:4px;font-size:11px;font-weight:750;display:block}.message[data-author=learner] .message__author{color:var(--feedback);text-align:right}.message__body p{color:var(--foreground);overflow-wrap:anywhere;font-size:14px;line-height:1.65}.quick-actions{flex:none;grid-template-columns:repeat(3,minmax(0,max-content));gap:8px;padding:10px 24px 8px;display:grid}.quick-actions button{border:1px solid var(--border);min-height:34px;color:var(--foreground-muted);background:var(--background);border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:650;transition:color .16s,border-color .16s,background-color .16s;display:inline-flex}.quick-actions button:hover{color:var(--primary-strong);background:var(--primary-soft);border-color:#087f6d66}.message-composer{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--background);flex:none;align-items:center;gap:8px;margin:0 24px 18px;padding:5px 5px 5px 13px;transition:border-color .16s,box-shadow .16s;display:flex}.message-composer:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #087f6d1a}.message-composer input{background:0 0;border:0;outline:0;width:100%;min-width:0;height:36px;font-size:14px}.message-composer input::placeholder{color:var(--foreground-soft)}.message-composer button{color:#fff;background:var(--primary);border-radius:6px;flex:none;place-items:center;width:36px;height:36px;transition:background-color .16s,transform .16s;display:inline-grid}.message-composer button:hover{background:var(--primary-strong)}.teaching-canvas{background:var(--surface-subtle);flex-direction:column;height:100%;min-height:0;display:flex}.teaching-canvas__header{border-bottom:1px solid var(--border);background:var(--background);flex:none;padding:17px 18px 0}.teaching-canvas__header>.panel-heading{margin-bottom:15px}.canvas-tabs{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.canvas-tabs button{min-width:0;min-height:38px;color:var(--foreground-muted);letter-spacing:0;overflow-wrap:anywhere;background:0 0;padding-inline:3px;font-size:12px;font-weight:650;transition:color .16s,background-color .16s;position:relative}.canvas-tabs button:hover{color:var(--foreground);background:var(--surface-subtle)}.canvas-tabs button[aria-selected=true]:after{background:var(--primary);content:"";border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:14%;right:14%}.canvas-panel{overscroll-behavior:contain;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin;flex:auto;min-height:0;padding:20px;overflow-y:auto}.course-view{flex-direction:column;gap:20px;display:flex}.canvas-section{border-bottom:1px solid var(--border);padding-bottom:20px}.canvas-section:last-child{border-bottom:0;padding-bottom:0}.canvas-section h3{color:var(--foreground);align-items:center;gap:7px;margin-bottom:11px;font-size:14px;font-weight:750;display:flex}.canvas-section[data-tone=teal] h3 svg{color:var(--primary)}.canvas-section[data-tone=yellow] h3 svg{color:#9c7712}.canvas-section[data-tone=coral] h3 svg{color:var(--feedback)}.content-list,.key-idea-list,.material-list{list-style:none}.content-list{flex-direction:column;gap:8px;display:flex}.content-list li{color:var(--foreground-muted);padding-left:17px;font-size:13px;line-height:1.55;position:relative}.content-list li:before{border:2px solid var(--primary);content:"";border-radius:50%;width:7px;height:7px;position:absolute;top:8px;left:1px}.canvas-section__overview{color:var(--foreground-muted);font-size:13px;line-height:1.65}.key-idea-list{flex-wrap:wrap;gap:6px;margin-top:11px;display:flex}.key-idea-list li{border-left:3px solid var(--highlight);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:#63541c;background:var(--highlight-soft);padding:5px 7px;font-size:12px;font-weight:600}.material-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.material-list li{border:1px solid var(--border);min-height:38px;color:var(--foreground-muted);background:var(--background);overflow-wrap:anywhere;border-radius:6px;align-items:center;gap:7px;padding:7px 9px;font-size:12px;display:flex}.material-list svg{color:var(--feedback);flex:none}.animation-view,.exercise-view{min-height:100%}.animation-view__title,.exercise-view__title{border-bottom:1px solid var(--border);align-items:center;gap:9px;padding-bottom:16px;display:flex}.animation-view__title>svg{color:var(--primary)}.exercise-view__title>svg{color:var(--feedback)}.animation-view__title h3,.exercise-view__title h3{font-size:15px;font-weight:750}.animation-view__title p,.exercise-view__title p{color:var(--foreground-muted);overflow-wrap:anywhere;margin-top:2px;font-size:12px}.animation-steps,.exercise-list{list-style:none}.animation-steps{margin-top:18px}.animation-steps li{grid-template-columns:28px minmax(0,1fr);gap:10px;padding-bottom:18px;display:grid;position:relative}.animation-steps li:not(:last-child):after{background:var(--border);content:"";width:2px;position:absolute;top:28px;bottom:0;left:13px}.animation-steps li>span{z-index:1;color:#fff;background:var(--primary);border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid;position:relative}.animation-steps p{color:var(--foreground-muted);padding-top:3px;font-size:13px;line-height:1.6}.exercise-list{margin-top:4px}.exercise-list>li{border-bottom:1px solid var(--border);grid-template-columns:28px minmax(0,1fr);gap:10px;padding:16px 0;display:grid}.exercise-list>li:last-child{border-bottom:0}.exercise-list__number{width:28px;height:28px;color:var(--feedback);background:var(--feedback-soft);border-radius:6px;place-items:center;font-size:12px;font-weight:750;display:grid}.exercise-list__type{color:var(--foreground-soft);margin-bottom:3px;font-size:11px;font-weight:700;display:block}.exercise-list p{color:var(--foreground);font-size:13px;line-height:1.55}.mobile-view-switcher{display:none}@media (max-width:1180px) and (min-width:901px){.app-header{padding-inline:16px}.brand{margin-right:20px}.primary-navigation__link{padding-inline:9px}.workspace-toolbar{padding-inline:16px}.workspace-grid{grid-template-columns:220px minmax(350px,1fr) 320px}.course-rail{padding-inline:10px}.course-list__button{min-height:120px;padding-left:10px}.classroom-header,.message-list,.quick-actions{padding-inline:18px}.message-composer{margin-inline:18px}.canvas-panel{padding-inline:16px}.material-list{grid-template-columns:1fr}}@media (max-width:900px){.app-shell{min-height:0}.app-header{flex-wrap:wrap;align-content:center;gap:5px 12px;min-height:100px;padding:8px 12px 7px}.brand{min-height:38px;margin-right:0;font-size:16px}.brand__mark{width:34px;height:34px}.primary-navigation{order:2;width:100%}.primary-navigation__link{min-height:36px;padding:0 10px;font-size:12px}.learning-workspace{grid-template-rows:auto minmax(0,1fr) auto}.workspace-toolbar{scrollbar-width:none;min-height:50px;padding:6px 12px;overflow-x:auto}.workspace-toolbar::-webkit-scrollbar{display:none}.stage-switcher{width:100%;min-width:max-content}.workspace-grid{min-height:0;display:block}.workspace-panel{border-right:0;width:100%;height:100%;display:none}.workspace-panel[data-mobile-active=true]{display:block}.course-rail,.teaching-canvas,.conversation-classroom{height:100%}.course-rail{padding:16px 14px 10px}.course-list__button{min-height:96px}.mobile-view-switcher{min-height:62px;padding:4px 8px max(4px, env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--background);flex:none;grid-template-columns:repeat(3,1fr);display:grid}.mobile-view-switcher__button{min-width:0;min-height:52px;color:var(--foreground-muted);background:0 0;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:650;display:flex}.mobile-view-switcher__button[aria-pressed=true]{color:var(--primary-strong);background:var(--primary-soft)}}@media (max-width:560px){.primary-navigation{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;display:grid}.primary-navigation__link{gap:3px;min-width:0;padding-inline:2px;font-size:11px}.primary-navigation__link svg{width:14px;height:14px}.stage-switcher__label{display:none}.stage-switcher__options{flex:1 0 auto;width:100%;min-width:344px}.stage-switcher__button{flex:1 1 0;min-width:80px;padding-inline:7px}.classroom-header{gap:10px;padding:15px 14px 13px}.classroom-header h1{font-size:21px}.classroom-header p{font-size:12px}.classroom-header__subject{text-overflow:ellipsis;white-space:nowrap;max-width:118px;min-height:26px;padding-inline:7px;font-size:11px;overflow:hidden}.message-list{gap:14px;padding:16px 14px}.message{width:96%}.message__body{padding:9px 11px}.message__body p{font-size:13px}.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:8px 14px 7px}.quick-actions button{min-width:0;padding-inline:5px;font-size:11px}.message-composer{margin:0 14px 12px}.teaching-canvas__header{padding-inline:14px}.canvas-panel{padding:17px 14px}.material-list{grid-template-columns:1fr}}@media (hover:hover) and (pointer:fine){.course-list__button:hover .course-list__chevron{transform:translate(2px,-50%)}.message-composer button:hover{transform:translateY(-1px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.media-input{flex:none;align-items:center;gap:4px;display:inline-flex}.media-input__button,.message__speech,.retry-answer{border:1px solid var(--border);color:var(--foreground-muted);background:var(--background);border-radius:5px;place-items:center;display:inline-grid}.media-input__button{width:30px;height:30px}.media-input__preview{border-radius:4px;width:30px;height:30px;display:inline-flex;position:relative;overflow:hidden}.media-input__preview img,.message__image{object-fit:cover;max-width:100%}.media-input__preview button{color:#fff;background:var(--feedback);place-items:center;width:15px;height:15px;display:grid;position:absolute;top:0;right:0}.media-input__status{max-width:260px;color:var(--foreground);background:var(--highlight-soft);border-radius:4px;padding:4px 7px;font-size:11px;position:absolute;bottom:calc(100% + 5px);left:0}.message-composer{position:relative}.message__image{border-radius:4px;width:140px;max-height:120px;margin-bottom:7px;display:block}.message__speech{width:25px;height:25px;margin-top:7px}.retry-answer{align-self:flex-start;min-height:28px;margin:0 24px;padding:0 8px;font-size:12px}.message-composer__stop{gap:5px;padding:0 9px;font-size:12px;background:var(--feedback)!important;width:auto!important;display:inline-flex!important}.teaching-animation{flex-direction:column;gap:14px;min-height:460px;padding:2px 0;display:flex}.teaching-animation__heading{justify-content:space-between;align-items:flex-start;gap:10px;min-height:51px;display:flex}.teaching-animation__eyebrow{color:var(--primary);font-size:11px;font-weight:750}.teaching-animation__heading h3{margin-top:2px;font-size:17px;line-height:1.35}.teaching-animation__status{border:1px solid var(--border);border-radius:var(--radius-sm);max-width:128px;color:var(--foreground-muted);background:var(--background);text-align:center;flex:none;padding:4px 6px;font-size:11px;font-weight:650}.bubble-stage{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:8px;min-height:116px;padding:14px 10px;display:grid}.bubble-stage__item{border:2px solid var(--border-strong);min-height:52px;color:var(--foreground);background:var(--surface-subtle);border-radius:7px;place-items:center;font-size:21px;font-weight:780;transition:border-color .18s,background-color .18s,transform .18s;display:grid}.bubble-stage__item[data-compared]{border-color:var(--highlight);background:var(--highlight-soft);transform:translateY(-7px)}.bubble-stage__item[data-sorted]{border-color:var(--primary);color:var(--primary-strong);background:var(--primary-soft)}.teaching-animation__narration{border-left:3px solid var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--primary-soft);min-height:77px;padding:10px 11px}.teaching-animation__narration strong{color:var(--primary-strong);font-size:13px;display:block}.teaching-animation__narration p,.teaching-animation__hint{color:var(--foreground-muted);margin-top:3px;font-size:12px;line-height:1.55}.teaching-animation__metrics{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.teaching-animation__metrics div{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--background);text-align:center;min-height:52px;padding:6px 7px}.teaching-animation__metrics dt{color:var(--foreground-muted);font-size:10px;font-weight:650}.teaching-animation__metrics dd{color:var(--foreground);margin-top:1px;font-size:17px;font-weight:780}.teaching-animation__hint{min-height:38px;margin-top:-4px}.teaching-animation__controls{flex-wrap:wrap;align-items:center;gap:6px;min-height:38px;display:flex}.teaching-animation__controls>button,.teaching-animation__speed{border:1px solid var(--border-strong);min-height:34px;color:var(--foreground-muted);background:var(--background);border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:0 9px;font-size:12px;font-weight:650;display:inline-flex}.teaching-animation__controls>button:hover{color:var(--primary-strong);border-color:var(--primary);background:var(--primary-soft)}.teaching-animation__speed{gap:1px;padding:2px}.teaching-animation__speed button{border-radius:var(--radius-sm);min-height:28px;color:var(--foreground-muted);background:0 0;padding:0 6px;font-size:11px;font-weight:700}.teaching-animation__speed button[aria-pressed=true]{color:#fff;background:var(--primary)}.network-stage{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr);align-items:center;min-height:174px;padding:10px;display:grid}.network-stage__arrow{color:var(--foreground-soft);text-align:center;font-size:16px;font-weight:750}.network-column{border:1px solid var(--border);background:var(--surface-subtle);border-radius:6px;min-width:0;min-height:143px;padding:7px;transition:border-color .18s,background-color .18s}.network-column[data-active]{border-color:var(--highlight);background:var(--highlight-soft)}.network-column[data-lit]{background:var(--primary-soft);border-color:#087f6d73}.network-column h4{min-height:31px;color:var(--foreground-muted);font-size:10px;line-height:1.35}.network-column__nodes{flex-direction:column;justify-content:center;align-items:stretch;gap:5px;min-height:88px;display:flex}.pixel-grid{grid-template-columns:repeat(3,1fr);gap:3px;width:58px;margin:auto;display:grid}.pixel-grid span{aspect-ratio:1;background:var(--primary);border-radius:2px;display:block}.feature-node,.probability-node{border:1px solid var(--border-strong);color:var(--foreground-muted);background:var(--background);text-align:center;overflow-wrap:anywhere;border-radius:4px;padding:4px;font-size:10px;line-height:1.25;display:block}.probability-node b{color:var(--primary-strong)}@media (max-width:560px){.teaching-animation{min-height:430px}.network-stage{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr);padding:7px}.network-column{padding:5px}.network-column h4{font-size:9px}.feature-node,.probability-node{padding:3px 2px;font-size:9px}.teaching-animation__controls>button{padding-inline:7px}}.app-shell{--background:#142d3a;--surface-subtle:#193947;--surface-muted:#214956;--foreground:#f7efd4;--foreground-muted:#b9c9bd;--foreground-soft:#8fa9a0;--primary:#e1b754;--primary-strong:#ffe3a0;--primary-soft:#214c4e;--feedback:#d97a64;--feedback-soft:#493a41;--highlight:#f3c85e;--highlight-soft:#3b3a4d;--border:#365d61;--border-strong:#5d8880;--shadow-soft:4px 4px 0 #0d222d;color:var(--foreground);background:#102c36 url(/assets/external/gothicvania/environment-preview.png) bottom/auto 300px repeat-x}.app-header{background:#242967;border-bottom:2px solid #515daa;min-height:66px;box-shadow:0 2px #151a48}.brand{color:#fff0c8}.brand__mark{background-color:#263653;border:2px solid #e7c15a;border-radius:0;width:42px;height:42px;box-shadow:3px 3px #161d47}.brand__mark--star{image-rendering:pixelated;background-image:url(/assets/pets/twinkle-twinkle/spritesheet.webp);background-position:0 0;background-repeat:no-repeat;background-size:800% 900%}.brand__back{color:#f8e4a1;background:#30386f;border-color:#6875b0;border-radius:0}.primary-navigation{gap:8px}.primary-navigation__link{color:#d9dfcd;border:1px solid #0000;border-radius:0}.primary-navigation__link:hover{color:#fff0bd;background:#303a73;border-color:#6674ad}.primary-navigation__link[aria-current=page]{color:#fff3c7;background:#37456f;border-color:#e2be5b}.learning-workspace{background:#132f39cc}.workspace-toolbar{background:#183b46;border-bottom:2px solid #365d61;min-height:60px}.stage-switcher__label{color:#d6dfcb}.stage-switcher__options{background:#112c37;border-color:#5b8278;border-radius:0}.stage-switcher__button{color:#c0cfc1;border-radius:0}.stage-switcher__button:hover{color:#fff1c9;background:#284c50}.stage-switcher__button[aria-pressed=true]{color:#24323a;background:#e3bb57;box-shadow:2px 2px #122630}.workspace-grid{background:#14333c}.workspace-panel--path,.workspace-panel--conversation{border-right:2px solid #365d61}.course-rail,.conversation-classroom,.teaching-canvas{background:#173741}.course-rail,.conversation-classroom,.teaching-canvas,.canvas-panel{scrollbar-color:#e1b754 #132e38}.panel-heading__icon{color:#f1c65d;background:#244e50;border:1px solid #5c887d;border-radius:0}.course-list__button,.message__body,.message-composer,.canvas-section,.teaching-animation__status,.bubble-stage,.network-stage,.network-column,.feature-node,.probability-node,.teaching-animation__metrics div,.teaching-animation__controls>button,.teaching-animation__speed{border-radius:0}.course-list__button:hover,.course-list__button[aria-current=true]{background:#254b4e;border-color:#e0ba58}.message__body{background:#193b45;border-color:#436a69}.message[data-author=learner] .message__body{background:#3f4343;border-color:#d3aa55}.message-composer{background:#173741;border-top-color:#41696a}.message-composer textarea,.message-composer input{background:#102c37;border-radius:0}.message-composer button{background:#d9b454;border-radius:0}.canvas-tabs{border-bottom-color:#41696a}.canvas-tabs button{color:#b9c9bd;border-radius:0}.canvas-tabs button[aria-selected=true]{color:#fff0bc}.canvas-panel{background:#173741}.canvas-section{background:#193b45;border-color:#41696a}.bubble-stage,.network-stage,.teaching-animation__metrics div,.teaching-animation__status{background:#102c37;border-color:#41696a}@media (max-width:700px){.app-header{padding-inline:12px}.brand{gap:7px;margin-right:16px;font-size:15px}.brand__mark{width:36px;height:36px}}