:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:"Microsoft YaHei", "PingFang SC", system-ui, -apple-system, sans-serif;--color-ink:#172128;--color-muted:#637079;--color-canvas:#f4f7f5;--color-surface:#fff;--color-line:#d9e2de;--color-brand:#16775b;--color-brand-strong:#0d6048;--color-brand-soft:#dff4eb;--color-sun:#f2b84b;--color-coral:#e66a4e;--color-blue:#3978c5;--color-danger:#b83e43;--shadow-soft:0 10px 28px #1b362d14;--radius-sm:4px;--radius-md:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px;color:var(--color-ink);background:var(--color-canvas);font-family:var(--font-sans);letter-spacing:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #3978c559}:root{--header-height:76px;--rail-width:300px;--tutor-width:300px;--color-ink:#202124;--color-muted:#6e6a61;--color-canvas:#f6f1e7;--color-surface:#fffcf6;--color-line:#e5dac5;--color-brand:#356fa8;--color-brand-strong:#285e91;--color-brand-soft:#e8f1fa;--color-sun:#c89224;--shadow-soft:0 12px 28px #473a2514}body{overflow:hidden}button{border:0}.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}.eyebrow{color:var(--color-muted);text-transform:uppercase;font-size:11px;font-weight:800;line-height:1.4;display:block}.app-shell{min-height:100vh}.course-brand{flex:0 0 var(--header-height);border-bottom:1px solid var(--color-line);align-items:center;gap:10px;min-width:0;padding:0 18px;display:flex}.brand{min-width:0;color:var(--color-ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.course-brand .brand{flex:1}.brand__mark{color:#fff;border-radius:var(--radius-md);flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.brand span:last-child{min-width:0;display:grid}.brand strong{font-size:17px;line-height:1.2}.brand small{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10px;overflow:hidden}.connection-state{color:var(--color-brand-strong);background:var(--color-brand-soft);border-radius:var(--radius-sm);justify-self:end;align-items:center;gap:6px;padding:6px 9px;font-size:11px;font-weight:700;display:inline-flex}.connection-state.offline{color:#8b4b00;background:#fff0ce}.icon-command{width:38px;height:38px;color:var(--color-muted);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:0 0;place-items:center;display:inline-grid}.icon-command:hover{color:var(--color-brand-strong);background:var(--color-brand-soft)}.app-loading{min-height:100vh;color:var(--color-muted);background:var(--color-canvas);text-align:center;place-content:center;gap:8px;display:grid}.app-loading__mark{color:#fff;background:var(--color-brand);border-radius:8px;place-items:center;width:56px;height:56px;margin:0 auto 8px;font-size:24px;font-weight:900;display:grid}.app-loading strong{color:var(--color-ink);font-size:19px}.app-loading>span:not(.app-loading__mark){font-size:12px;font-weight:700}.student-identity-gate{background:#f3f6f2;place-items:center;min-height:100vh;padding:24px;display:grid}.student-identity-gate>section{border:1px solid var(--color-line);background:var(--color-surface);width:min(100%,420px);box-shadow:var(--shadow-soft);border-radius:8px;padding:34px}.student-identity-gate__mark{color:#fff;background:var(--color-brand);border-radius:8px;place-items:center;width:52px;height:52px;margin-bottom:20px;display:grid}.student-identity-gate h1{letter-spacing:0;margin:5px 0 10px;font-size:28px}.student-identity-gate p{color:var(--color-muted);margin:0 0 22px;line-height:1.7}.student-identity-gate .button{width:100%;min-height:46px}@media (width<=520px){.student-identity-gate{padding:16px}.student-identity-gate>section{padding:26px 22px}}.workspace-loading{min-height:min(420px, calc(100vh - var(--header-height) - 48px));color:var(--color-brand-strong);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);text-align:center;place-content:center;gap:10px;font-size:13px;font-weight:800;display:grid}.workspace-loading svg,.lesson-link__loading,.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-layout{grid-template-columns:var(--rail-width) minmax(0, 1fr) var(--tutor-width);height:100vh;display:grid}.course-drawer,.tutor-drawer{min-width:0;min-height:0}@media (width>=1101px){.app-layout--theater{grid-template-columns:var(--rail-width) minmax(0, 1fr) 0}.app-layout--theater .tutor-drawer{visibility:hidden;overflow:hidden}.app-layout--theater .video-stage{width:100%;max-width:1280px;margin:0 auto}}.video-theater-command{z-index:5;color:#fff;cursor:pointer;background:#111719b8;border-radius:8px;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:64px;right:12px}.video-theater-command:hover{background:#111719eb}@media (width<=1100px){.video-theater-command{display:none}}.practice-precheck-notice{color:#704200;border-radius:var(--radius-sm,8px);background:#fff6df;border:1px solid #ecd39a;align-items:center;gap:10px;padding:11px 14px;font-size:12px;line-height:1.6;display:flex}.practice-precheck-notice svg{flex:none}.practice-precheck-notice span{flex:1}.practice-precheck-notice button{color:#704200;cursor:pointer;background:#fff;border:1px solid #ecd39a;border-radius:6px;flex:none;padding:6px 12px;font-size:12px;font-weight:800}.practice-precheck-notice button:hover{border-color:#d8b970}.course-drawer{border-right:1px solid var(--color-line);flex-direction:column;min-height:0;display:flex}.tutor-drawer{border-left:1px solid var(--color-line);position:relative}.drawer-close,.tutor-return{display:none}.course-rail,.tutor-panel{overflow:auto}.course-rail{flex:1;min-height:0}.tutor-panel{height:100%}.course-rail__summary{justify-content:space-between;align-items:end;display:flex}.course-rail__summary div{gap:3px;display:grid}.course-rail__summary strong{font-size:19px}.course-rail__percent{font-size:13px;font-weight:800}.course-rail__progress{overflow:hidden}.course-rail__progress span{height:100%;transition:width .18s;display:block}.module-list{display:grid}.module-section{min-width:0}.module-section__header{grid-template-columns:29px minmax(0,1fr);gap:9px}.module-section__number{color:#fff;background:var(--color-ink);border-radius:var(--radius-sm);place-items:center;width:29px;height:29px;font-size:11px;font-weight:900;display:grid}.module-section__header div{min-width:0;display:grid}.module-section__header strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.module-section__header small{color:var(--color-muted);font-size:10px}.lesson-link{text-align:left;background:0 0;align-items:center;width:100%;display:grid}.lesson-link:hover{color:var(--color-ink);background:#f1f5f3}.lesson-link:disabled{color:#9ca7a2;cursor:not-allowed;opacity:.62}.lesson-link--locked{color:#726d64;cursor:pointer}.lesson-link--locked:hover{color:var(--color-ink);background:#f2ecdf}.lesson-link:disabled:hover{color:#9ca7a2;background:0 0}.lesson-link--active{border-left-color:var(--color-brand)}.lesson-link>span{gap:2px;min-width:0;display:grid}.lesson-link small{font-size:9px;font-weight:700}.lesson-link strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.main-content{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.workspace-topbar{z-index:50;flex:0 0 var(--header-height);border-bottom:1px solid var(--color-line);align-items:center;gap:12px;min-width:0;display:flex;position:relative}.workspace-topbar__menu,.workspace-topbar__tutor{display:none}.workspace-topbar__title{gap:3px;min-width:0;display:grid}.workspace-topbar__title>span{font-weight:700}.workspace-topbar__title h1{text-overflow:ellipsis;white-space:nowrap;margin:0;line-height:1.25;overflow:hidden}.workspace-topbar__actions{flex:none;gap:7px;margin-left:auto;display:flex}.workspace-settings{z-index:90;border:1px solid var(--color-line);border-radius:var(--radius-md);background:#fff;width:min(310px,100vw - 24px);padding:14px;position:absolute;top:calc(100% - 8px);right:18px;box-shadow:0 18px 42px #1721282e}.workspace-settings>header{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:12px;padding:0 0 12px;display:flex}.workspace-settings>header>div{gap:2px;display:grid}.workspace-settings>header strong{font-size:15px}.workspace-settings>header .icon-command{width:32px;height:32px}.workspace-settings nav{gap:5px;padding:10px 0;display:grid}.workspace-settings nav button{min-height:48px;color:var(--color-muted);text-align:left;border-radius:var(--radius-sm);background:0 0;border-left:3px solid #0000;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px;display:grid}.workspace-settings nav button:hover,.workspace-settings nav button.active{color:var(--color-brand-strong);background:var(--color-brand-soft);border-left-color:var(--color-brand)}.workspace-settings nav button>span{gap:2px;display:grid}.workspace-settings nav strong{font-size:12px}.workspace-settings nav small{color:var(--color-muted);font-size:10px}.workspace-settings nav button:hover small,.workspace-settings nav button.active small{color:var(--color-brand-strong)}.workspace-settings .connection-state{justify-content:flex-start;width:100%;min-height:36px;margin-top:2px;display:flex}.workspace-settings__lesson-tools,.mobile-lesson-meter{display:none}.settings-backdrop{z-index:40;background:0 0;width:100%;height:100%;display:block;position:fixed;inset:0}.workspace-scroll{flex:1;min-height:0;overflow:auto}.notice-bar{color:#704200;border-left:3px solid var(--color-sun);background:#fff1cf;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;max-width:980px;margin:0 auto 12px;padding:10px 13px;font-size:12px;display:flex}.notice-bar>span{flex:320px}.notice-bar>button{color:#173f68;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #b8cee0;border-radius:4px;flex:none;align-items:center;gap:6px;padding:7px 11px;font-weight:700;display:inline-flex}.notice-bar>button:hover,.notice-bar>button:focus-visible{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}.stage-panel{border:1px solid var(--color-line);border-radius:var(--radius-md);margin:0 auto;overflow:hidden}.stage-panel__header{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:18px;min-height:82px;padding:18px 22px;display:flex}.stage-panel__header>div{min-width:0}.stage-panel__header h2{letter-spacing:0;margin:3px 0 0;font-size:20px;line-height:1.3}.creation-studio-header{border-bottom:1px solid var(--color-line);background:#fffdf9;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:82px;padding:15px 20px;display:grid}.creation-studio-header__title{min-width:0}.creation-studio-header__title h2{letter-spacing:0;margin:3px 0 0;font-size:20px;line-height:1.3}.creation-media-strip{justify-items:end;gap:3px;max-width:380px;display:grid}.creation-media-strip>span{color:#315b74;align-items:center;gap:5px;font-size:11px;font-weight:700;display:inline-flex}.creation-media-strip small{color:#66746f;font-size:10px;font-weight:650}.creation-media-strip p{color:#5f6f6a;text-overflow:ellipsis;white-space:nowrap;max-width:380px;margin:0;font-size:11px;overflow:hidden}.stage-panel__footer{border-top:1px solid var(--color-line);background:#fafcfb;justify-content:space-between;align-items:center;gap:20px;min-height:70px;padding:12px 22px;display:flex}.stage-panel__footer--end{justify-content:flex-end}.stage-panel__footer p{max-width:620px;color:var(--color-muted);margin:0;font-size:12px;line-height:1.5}.practice-policy{min-width:0}.practice-policy summary{color:#586761;cursor:pointer;align-items:center;gap:6px;font-size:11px;font-weight:750;list-style:none;display:inline-flex}.practice-policy summary::-webkit-details-marker{display:none}.creation-support>summary::-webkit-details-marker{display:none}.practice-policy p{margin-top:7px}.practice-submit{flex:none;align-items:center;gap:11px;display:flex}.practice-submit>span{color:#607069;font-size:11px;font-weight:750}.practice-reset-command{color:#5e6a65;background:0 0;align-items:center;gap:5px;padding:7px 2px;font-size:11px;font-weight:750;display:inline-flex}.practice-reset-command:hover,.practice-reset-command:focus-visible{color:#9b4939}.practice-reset-confirm{color:#753c31;background:#fff4f1;border-left:3px solid #c96a58;align-items:center;gap:7px;padding:5px 7px;font-size:10px;display:flex}.practice-reset-confirm .button{min-height:30px;padding:0 9px;font-size:10px}.status-label,.lab-kind,.mock-label{color:var(--color-muted);border-radius:var(--radius-sm);background:#eef2f0;flex:none;align-items:center;gap:5px;padding:5px 7px;font-size:10px;font-weight:800;display:inline-flex}.status-label--success{color:var(--color-brand-strong);background:var(--color-brand-soft)}.button{border-radius:var(--radius-sm);flex:none;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-weight:800;display:inline-flex}.button--primary{color:#fff;background:var(--color-brand)}.button--primary:hover{background:var(--color-brand-strong)}.button--secondary{color:var(--color-ink);border:1px solid var(--color-line);background:#fff}.button:disabled{cursor:not-allowed;opacity:.45}.lesson-revision{border-radius:var(--radius-sm,8px);background:#fff;border:1px solid #b6ddcb;border-left:4px solid #3d8f6b;gap:12px;padding:14px 16px;display:grid}.lesson-revision__header{color:#2b5c46;align-items:flex-start;gap:9px;display:flex}.lesson-revision__header svg{flex:none;margin-top:2px}.lesson-revision__header strong{font-size:13px;display:block}.lesson-revision__header small{color:var(--color-muted);font-size:11px;line-height:1.5}.lesson-revision__card{border:1px solid var(--color-line);border-radius:var(--radius-sm,8px);background:#f7faf8;gap:8px;padding:14px 16px;display:grid}.lesson-revision--slides .lesson-revision__card{min-height:180px;padding:18px 20px}.lesson-revision__card h3{margin:0;font-size:15px}.lesson-revision__card p{color:var(--color-ink,#172128);margin:0;font-size:13px;line-height:1.8}.lesson-revision__card blockquote{color:#2b5c46;background:#eaf5ee;border-left:3px solid #3d8f6b;border-radius:0 6px 6px 0;align-items:flex-start;gap:7px;margin:4px 0 0;padding:9px 12px;font-size:13px;font-weight:700;line-height:1.6;display:flex}.lesson-revision__card blockquote svg{flex:none;margin-top:3px}.lesson-revision__nav{align-items:center;gap:10px;display:flex}.lesson-revision__progress{color:var(--color-muted);margin:0 auto;font-size:12px;font-weight:800}.lesson-revision__done{color:#2b5c46;align-items:center;gap:6px;font-size:13px;font-weight:800;display:inline-flex}.lesson-revision__corrections{gap:10px;display:grid}.lesson-revision__review{border-radius:var(--radius-sm,8px);background:#f4f8fb;border:1px dashed #a9c6dd;gap:8px;padding:11px 13px;display:grid}.lesson-revision__review strong{color:#2d5b80;align-items:center;gap:6px;font-size:12px;display:inline-flex}.lesson-revision__review ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.lesson-revision__review li{color:var(--color-ink,#172128);font-size:12px;line-height:1.7}.lesson-revision__review li em{color:#2d5b80;background:#dcebf5;border-radius:4px;margin-right:6px;padding:1px 6px;font-size:10px;font-style:normal;font-weight:800;display:inline-block}.legacy-video-fold{border:1px solid var(--color-line);border-radius:var(--radius-sm,8px);background:#fff}.legacy-video-fold>summary{color:var(--color-muted);cursor:pointer;padding:10px 14px;font-size:12px;font-weight:700}.legacy-video-fold[open]>summary{border-bottom:1px solid var(--color-line)}.legacy-video-fold .video-frame{border-radius:0 0 var(--radius-sm,8px) var(--radius-sm,8px)}.video-frame{background:#111719;width:100%;position:relative}.video-frame video{object-fit:contain;object-position:center;background:#050708;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.video-placeholder{background:#eef4f1;grid-template-columns:minmax(260px,42%) minmax(0,1fr)}.expected-files{border:1px solid var(--color-line);border-radius:var(--radius-sm);min-width:0;color:var(--color-muted);overflow-wrap:anywhere;background:#fff;align-items:flex-start;gap:8px;padding:12px;font-family:ui-monospace,Consolas,monospace;font-size:11px;line-height:1.5;display:flex}.inline-alert{color:#704200;background:#fff1cf;align-items:center;gap:8px;padding:10px 18px;font-size:12px;display:flex}.practice-layout{grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.practice-workspace{border-bottom:1px solid var(--color-line);background:#f6f9f7;min-width:0;padding:22px}.creation-support{background:#fbfcfb}.creation-support>summary{color:#34443e;cursor:pointer;grid-template-columns:24px minmax(0,1fr) auto 20px;align-items:center;gap:9px;min-height:58px;padding:10px 18px;list-style:none;display:grid}.creation-support>summary>svg:first-child{color:#315b74}.creation-support>summary>svg:last-child{color:#66746f;transition:transform .16s}.creation-support[open]>summary>svg:last-child{transform:rotate(180deg)}.creation-support>summary>span{gap:2px;min-width:0;display:grid}.creation-support>summary strong{font-size:12px}.creation-support>summary small{color:#68766f;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.creation-support>summary em{color:#315b74;font-size:11px;font-style:normal;font-weight:850}.creation-support[open]>summary{border-bottom:1px solid var(--color-line)}.lab-checklist{background:#fbfcfb;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);align-content:start;gap:11px;padding:18px;display:grid}.lab-checklist>.creation-delivery-spec{border-right:1px solid var(--color-line);border-bottom:0;grid-area:1/1/span 6;margin-right:10px;padding-bottom:0;padding-right:18px}.lab-checklist>.lab-checklist__heading,.lab-checklist>.task-check,.lab-checklist>.note-field,.lab-checklist>.practice-runtime-issue{grid-column:2}.lab-checklist__heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.lab-checklist__heading>strong{color:var(--color-brand-strong);font-size:12px}.creation-delivery-spec{border-bottom:1px solid var(--color-line);gap:12px;margin:-2px 0 6px;padding-bottom:18px;display:grid}.creation-delivery-spec>header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.creation-delivery-spec>header div{gap:2px;display:grid}.creation-delivery-spec>header span,.creation-delivery-spec dt{color:var(--color-muted);font-size:10px}.creation-delivery-spec>header strong{font-size:13px;line-height:1.35}.creation-delivery-spec>header em{color:#315b74;font-size:12px;font-style:normal;font-weight:800}.creation-delivery-progress{background:#e7ebe8;border-radius:3px;height:5px;overflow:hidden}.creation-delivery-progress i{border-radius:inherit;background:#2f7b55;height:100%;transition:width .18s;display:block}.creation-delivery-spec dl{gap:7px;margin:0;display:grid}.creation-delivery-spec dl>div{grid-template-columns:55px minmax(0,1fr);gap:8px;display:grid}.creation-delivery-spec dt,.creation-delivery-spec dd{margin:0;line-height:1.45}.creation-delivery-spec>p{color:#66746f;margin:0;font-size:10px}.creation-delivery-spec dd{color:#33433e;font-size:11px;font-weight:650}.practice-runtime-error{color:#6f3428;border-radius:var(--radius-sm);background:#fff0eb;border:1px solid #efb8aa;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:96px;padding:16px;display:grid}.practice-runtime-error strong{font-size:13px}.practice-runtime-error p{margin:3px 0 0;font-size:11px;line-height:1.5}.practice-delivery-notice{color:#563600;border-radius:var(--radius-sm);background:#fff7df;border:1px solid #e6c66c;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px;margin-bottom:16px;padding:12px 14px;display:grid}.practice-delivery-notice>svg{color:#8a5900;margin-top:1px}.practice-delivery-notice strong{font-size:12px}.practice-delivery-notice p{margin:3px 0 0;font-size:11px;line-height:1.6}.device-bridge-panel{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);gap:12px;margin:0 0 18px;padding:16px 0;display:grid}.device-bridge-panel>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.device-bridge-panel h3{margin:3px 0 0;font-size:17px}.device-mode{color:#285e91;border-radius:var(--radius-sm);background:#e8f1fa;flex:none;padding:5px 8px;font-size:11px;font-weight:800}.device-mode.mock{color:#744600;background:#fff1cf}.device-privacy{color:#326a41;align-items:flex-start;gap:7px;margin:0;font-size:12px;font-weight:700;line-height:1.5;display:flex}.device-privacy svg{flex:none}.device-input-policy{color:var(--color-muted);margin:0;font-size:12px;line-height:1.55}.device-privacy-fold>summary{color:#326a41;cursor:pointer;align-items:center;gap:6px;font-size:12px;font-weight:700;list-style:none;display:flex}.device-privacy-fold>summary::-webkit-details-marker{display:none}.device-privacy-fold[open]>summary{margin-bottom:6px}.device-privacy-fold p{color:var(--color-muted);margin:0 0 4px;font-size:12px;line-height:1.55}.device-actions{flex-wrap:wrap;gap:8px;display:flex}.device-actions button{min-height:42px;color:var(--color-brand-strong);background:var(--color-brand-soft);border-radius:var(--radius-sm);border:1px solid #c9ddec;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:12px;font-weight:800;display:inline-flex}.device-actions button:disabled{cursor:wait;opacity:.62}.device-actions .device-cancel{color:#7c3f37;background:#fff1ef;border-color:#efcfca}.device-error{color:#7c3f37;background:#fff1ef;border-left:3px solid #bc5b50;padding:10px 12px;font-size:12px;line-height:1.5}.device-retention-status,.training-retention-notice{color:#326a41;background:#eef7f0;border-left:3px solid #4e8b60;margin:0;padding:9px 11px;font-size:12px;line-height:1.5}.device-preview{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#fffdf8;grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:12px;min-height:76px;padding:10px;display:grid}.device-preview__visual{grid-column:1/-1;place-items:center;min-height:50px;display:grid;overflow:hidden}.device-preview__visual>img{object-fit:cover;border-radius:4px;width:min(240px,100%);max-height:160px}.device-preview__visual>audio{width:100%;height:42px}.device-preview__visual>svg{color:var(--color-brand)}.device-preview>div{gap:4px;min-width:0;display:grid}.device-preview strong,.device-preview span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.device-preview strong{font-size:13px}.device-preview span{color:var(--color-muted);font-size:11px}.device-preview .device-transcribe{width:fit-content;min-height:34px;color:var(--color-brand-strong);background:var(--color-brand-soft);border-radius:var(--radius-sm);border:1px solid #c9ddec;justify-content:center;align-items:center;gap:6px;margin-top:3px;padding:0 11px;font-size:12px;font-weight:800;display:inline-flex}.device-preview .device-transcribe:disabled{cursor:wait;opacity:.62}.device-preview>button{color:#7c3f37;border-radius:var(--radius-sm);background:#fff1ef;place-items:center;width:36px;height:36px;display:grid}.device-transcript{color:var(--color-text);border-left:3px solid var(--color-brand);background:#f4f8fb;gap:5px;padding:10px 12px;display:grid}.device-transcript strong{font-size:12px}.device-transcript p{overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.55}.device-transcript span{color:var(--color-muted);font-size:11px}.device-transcript .device-transcript__apply{color:#fff;background:var(--color-brand-strong);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:6px;width:fit-content;min-height:34px;padding:0 11px;font-size:12px;font-weight:800;display:inline-flex}.practice-runtime-issue{color:#8f3a28;margin:0;font-size:11px;line-height:1.45}.task-check{color:var(--color-muted);cursor:pointer;grid-template-columns:23px minmax(0,1fr);align-items:start;gap:9px;font-size:12px;line-height:1.45;display:grid}.task-check input{opacity:0;position:absolute}.task-check__box{color:#0000;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#fff;place-items:center;width:22px;height:22px;display:grid}.task-check input:checked+.task-check__box{color:#fff;background:var(--color-brand);border-color:var(--color-brand)}.note-field,.reflection-editor{color:var(--color-ink);gap:7px;margin-top:8px;font-size:12px;font-weight:800;display:grid}.note-field textarea,.reflection-editor textarea{resize:vertical;width:100%;color:var(--color-ink);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#fff;padding:11px;line-height:1.55}.mode-control{border-radius:var(--radius-sm);background:#dfe8e4;grid-template-columns:repeat(2,1fr);padding:3px;display:inline-grid}.mode-control button{color:#4c5962;background:0 0;border-radius:3px;min-height:34px;padding:0 13px;font-size:12px;font-weight:800}.mode-control button.active{color:var(--color-ink);background:#fff;box-shadow:0 2px 6px #17212814}.rps-stage{align-content:start;gap:16px;margin-top:18px;display:grid;position:relative}.rps-stage>p{color:var(--color-muted);margin:0;font-size:12px}.rps-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.rps-button{min-height:80px;color:var(--color-ink);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#fff;place-content:center;gap:7px;font-weight:800;display:grid}.rps-button:hover{color:var(--color-brand-strong);border-color:var(--color-brand)}.rps-history{gap:6px;display:grid}.rps-history>div{border-bottom:1px solid var(--color-line);background:#fff;grid-template-columns:42px minmax(0,1fr) 40px;align-items:center;gap:9px;min-height:36px;padding:6px 9px;font-size:11px;display:grid}.rps-history span,.rps-history em{color:var(--color-muted);font-style:normal}.empty-inline{color:var(--color-muted);text-align:center;padding:20px!important;display:block!important}.practice-section-heading{border-bottom:1px solid var(--color-line);grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:9px;display:grid}.practice-section-heading>svg{color:var(--color-coral)}.practice-section-heading>div{gap:2px;display:grid}.practice-section-heading span,.field-label{color:var(--color-muted);font-size:9px;font-weight:800}.practice-section-heading h3{margin:0;font-size:14px}.practice-section-heading>strong{color:var(--color-brand-strong);font-size:10px}.ai-map-practice,.privacy-practice,.manifesto-practice{gap:24px;display:grid}.ai-quiz-list{gap:5px;display:grid}.ai-quiz-list article{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#fff;grid-template-columns:25px minmax(0,1fr) auto 18px;align-items:center;gap:8px;min-height:48px;padding:7px 9px;display:grid}.ai-quiz-list article>span{color:#9f3f2c;font-size:9px;font-weight:900}.ai-quiz-list p{margin:0;font-size:11px;line-height:1.45}.ai-quiz-progress{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.ai-quiz-progress>div{background:#dde4e0;border-radius:4px;height:8px;overflow:hidden}.ai-quiz-progress i{border-radius:inherit;background:#2f7b55;height:100%;transition:width .18s;display:block}.ai-quiz-progress>span{color:#4d5b56;font-size:12px;font-weight:800}.ai-quiz-focus{border-radius:var(--radius-md);background:#fff;border:1px solid #d6dfda;gap:18px;min-height:360px;padding:22px;display:grid}.ai-quiz-focus>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.ai-quiz-focus>header>span{color:#276447;font-size:12px;font-weight:900}.ai-quiz-focus>header>strong{color:#596660;font-size:12px}.ai-quiz-focus__prompt{background:#edf5f9;border-left:4px solid #315b74;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:18px;min-height:116px;padding:18px;display:grid}.ai-quiz-focus__prompt>svg{box-sizing:content-box;color:#315b74;border-radius:var(--radius-sm);background:#fff;border:1px solid #cbdce5;padding:12px}.ai-quiz-focus__prompt p{margin:0;font-size:19px;font-weight:800;line-height:1.55}.ai-quiz-focus__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ai-quiz-focus__actions button{color:#33433d;border-radius:var(--radius-sm);background:#f5f7f6;border:1px solid #cfd8d3;justify-content:center;align-items:center;gap:9px;min-height:54px;font-size:15px;font-weight:850;display:inline-flex}.ai-quiz-focus__actions button:hover,.ai-quiz-focus__actions button:focus-visible{background:#eef3f0;border-color:#6e8379}.ai-quiz-focus__actions button.active{color:#fff;background:#315b74;border-color:#315b74}.ai-quiz-feedback{color:#733b2c;background:#fff0eb;border-left:4px solid #b85840;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:10px;min-height:72px;padding:13px 15px;display:grid}.ai-quiz-feedback.correct{color:#245b3f;background:#e7f4ec;border-left-color:#2f7b55}.ai-quiz-feedback strong{font-size:13px}.ai-quiz-feedback p{margin:4px 0 0;font-size:13px;line-height:1.6}.ai-quiz-focus>footer{border-top:1px solid var(--color-line);grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:12px;margin-top:auto;padding-top:14px;display:grid}.ai-quiz-focus>footer>button{color:#315b74;border-radius:var(--radius-sm);background:#fff;border:1px solid #b9cbd5;justify-content:center;align-items:center;gap:6px;min-height:42px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.ai-quiz-focus>footer>button:last-child{color:#fff;background:#315b74;border-color:#315b74}.ai-quiz-focus>footer>button:disabled{color:#87918d;background:#eef1ef;border-color:#dce2df}.ai-quiz-dots{justify-content:center;gap:6px;display:flex}.ai-quiz-dots button{background:#cbd4d0;border:0;border-radius:50%;width:10px;height:10px;padding:0}.ai-quiz-dots button.answered{background:#75a28a}.ai-quiz-dots button.active{outline-offset:2px;outline:2px solid #315b74}.ai-map-next-gate{color:#596660;text-align:center;border-radius:var(--radius-sm);background:#edf0ee;margin:0;padding:12px 14px;font-size:12px}.home-map-builder{border:1px solid var(--color-line);border-left:3px solid var(--color-blue);border-radius:var(--radius-sm);background:#fff;gap:14px;padding:14px;display:grid}.home-map-builder>div{gap:7px;display:grid}.room-options,.device-options{flex-wrap:wrap;gap:6px;display:flex}.room-options button,.device-options button{min-height:44px;color:var(--color-muted);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#f5f8f7;align-items:center;gap:5px;padding:0 13px;font-size:12px;font-weight:800;display:inline-flex}.room-options button.active,.device-options button.active{color:var(--color-brand-strong);background:var(--color-brand-soft);border-color:var(--color-brand)}.home-map-builder>p,.portfolio-warning{color:var(--color-muted);margin:0;font-size:11px;line-height:1.5}.home-map-builder>p.home-map-builder__next{color:#315b74;background:#edf5f9;padding:11px 13px}.speech-compare-practice{gap:10px;display:grid}.simulation-notice{color:#704200;border-left:3px solid var(--color-sun);background:#fff1cf;align-items:flex-start;gap:8px;padding:10px 12px;font-size:10px;line-height:1.5;display:flex}.simulation-notice svg{flex:none}.speech-comparison{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#fff;overflow:hidden}.speech-live-compare{border-radius:var(--radius-sm);background:#fff;border:1px dashed #9dc4b1;gap:10px;padding:12px 14px;display:grid}.speech-live-compare>header strong{font-size:13px;display:block}.speech-live-compare>header small{color:var(--color-muted);font-size:11px}.speech-live-compare__grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.speech-live-compare__grid article{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#f7faf8;gap:6px;padding:10px 12px;display:grid}.speech-live-compare__grid article>span{font-size:12px;font-weight:800}.speech-live-compare__grid article>small{color:var(--color-muted);font-size:10px}.speech-live-compare__grid article>button{color:#fff;background:var(--color-brand,#3d8f6b);cursor:pointer;border-radius:6px;justify-self:start;align-items:center;gap:6px;padding:7px 12px;font-size:11px;font-weight:700;display:inline-flex}.speech-live-compare__grid article>button:disabled{opacity:.6;cursor:default}.speech-live-compare__grid article>p{overflow-wrap:anywhere;background:#fff;border-left:3px solid #3d8f6b;margin:0;padding:8px 10px;font-size:12px;line-height:1.6}.speech-live-compare__grid article>em{color:var(--color-muted);font-size:10px;font-style:normal}.speech-live-compare>footer{color:#2b5c46;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.speech-comparison>header{border-bottom:1px solid var(--color-line);background:#f7faf8;grid-template-columns:28px minmax(0,1fr) 20px;align-items:center;gap:8px;padding:10px 12px;display:grid}.speech-comparison>header>span{color:#285f9f;font-size:10px;font-weight:900}.speech-comparison>header>div{gap:2px;display:grid}.speech-comparison>header strong{font-size:12px}.speech-comparison>header small{color:var(--color-muted);font-size:9px}.run-comparison{width:calc(100% - 20px);min-height:39px;color:var(--color-blue);border-radius:var(--radius-sm);background:#eef5fc;border:1px solid #b8d3ec;justify-content:center;align-items:center;gap:7px;margin:10px;font-size:11px;font-weight:800;display:flex}.transcript-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.transcript-grid section{border-right:1px solid var(--color-line);min-width:0;padding:11px}.transcript-grid section:nth-child(2){border-right:0}.transcript-grid span{color:var(--color-muted);font-size:8px;font-weight:800}.transcript-grid p{margin:5px 0 0;font-size:11px;line-height:1.5}.transcript-grid footer{color:var(--color-brand-strong);background:var(--color-brand-soft);border-top:1px solid var(--color-line);grid-column:1/-1;align-items:flex-start;gap:7px;padding:9px 11px;font-size:9px;line-height:1.45;display:flex}.privacy-lab{gap:8px;display:grid}.privacy-scenario{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#fff;grid-template-columns:22px minmax(0,1fr) auto 20px;align-items:center;gap:10px;min-height:58px;padding:9px 11px;font-size:12px;display:grid}.binary-actions{gap:4px;display:flex}.binary-actions button{min-height:30px;color:var(--color-muted);border-radius:var(--radius-sm);background:#eef2f0;padding:0 9px;font-size:11px}.binary-actions button.active{color:#fff;background:#3269ad}.correct-mark{color:var(--color-brand)}.permission-audit,.footprint-grid{gap:6px;display:grid}.permission-audit article,.footprint-grid article{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#fff;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:8px;min-height:48px;padding:8px 10px;display:grid}.permission-audit article>div:first-child{gap:3px;display:grid}.permission-audit strong,.footprint-grid>article>span{font-size:11px}.permission-audit article>div:first-child span{color:var(--color-muted);font-size:9px}.footprint-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.manifesto-editor{display:block}.manifesto-editor textarea,.growth-fields textarea{resize:vertical;width:100%;color:var(--color-ink);border:1px solid var(--color-line);border-radius:var(--radius-sm);font:inherit;background:#fff;padding:11px;font-size:11px;line-height:1.6}.manifesto-editor textarea{min-height:180px}.manifesto-storyboard{border-top:1px solid var(--color-line);gap:12px;margin-top:18px;padding-top:18px;display:grid}.manifesto-storyboard>header{grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.manifesto-storyboard>header>svg{color:#315b74}.manifesto-storyboard>header>div{gap:2px;display:grid}.manifesto-storyboard>header span{color:var(--color-muted);font-size:9px;font-weight:800}.manifesto-storyboard>header h4{margin:0;font-size:14px}.manifesto-storyboard>header>strong{color:#315b74;align-items:center;gap:5px;font-size:11px;display:inline-flex}.storyboard-shots{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.storyboard-shots>article{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#fff;align-content:start;gap:10px;padding:11px;display:grid}.storyboard-shots>article>header{grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.storyboard-shots>article>header>span{color:#315b74;font-size:10px;font-weight:900}.storyboard-shots>article>header>strong{font-size:11px;line-height:1.3}.storyboard-shots select{color:#46534f;border-radius:var(--radius-sm);min-height:30px;font:inherit;background:#f7f8f7;border:1px solid #dce3df;padding:0 5px;font-size:10px}.storyboard-shots>article>label{gap:5px;display:grid}.storyboard-shots>article>label>span{color:var(--color-muted);font-size:10px;font-weight:800}.storyboard-shots textarea{resize:vertical;width:100%;min-height:66px;color:var(--color-ink);border-radius:var(--radius-sm);font:inherit;background:#fbfcfb;border:1px solid #dce3df;padding:8px;font-size:11px;line-height:1.5}.storyboard-timeline{gap:3px;min-height:28px;display:flex}.storyboard-timeline>span{color:#697570;background:#e7ebe9;border-bottom:3px solid #aeb9b4;place-items:center;min-width:52px;font-size:10px;font-weight:800;display:grid}.storyboard-timeline>span.complete{color:#1f5b3e;background:#dff0e6;border-bottom-color:#2f7b55}.portfolio-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.portfolio-picker button{min-height:48px;color:var(--color-ink);text-align:left;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#fff;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:7px;padding:8px;display:grid}.portfolio-picker button>span{color:#9f3f2c;font-size:9px;font-weight:900}.portfolio-picker button>strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.portfolio-picker button.active{color:var(--color-brand-strong);background:var(--color-brand-soft);border-color:var(--color-brand)}.portfolio-warning{color:#704200;border-left:3px solid var(--color-sun);background:#fff1cf;padding:14px}.growth-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.growth-fields label{gap:6px;display:grid}.growth-fields label>span{color:var(--color-muted);font-size:9px;font-weight:800}.growth-fields textarea{min-height:110px}.local-questionnaire,.local-experiment,.local-rule-builder,.local-project-canvas,.local-debate,.local-sketch-practice{gap:16px;display:grid}.local-practice-intro{border-bottom:1px solid var(--color-line);grid-template-columns:24px minmax(0,1fr) auto;align-items:start;gap:10px;padding-bottom:13px;display:grid}.local-practice-intro>svg{color:var(--color-coral)}.local-practice-intro h3,.local-practice-intro p{margin:0}.local-practice-intro h3{font-size:15px}.local-practice-intro p{color:var(--color-muted);margin-top:3px;font-size:10px;line-height:1.5}.local-practice-intro>strong{color:var(--color-brand-strong);font-size:12px}.questionnaire-list,.experiment-trials,.rule-rows,.project-sections,.debate-turns,.sketch-results{gap:9px;display:grid}.questionnaire-list>article,.experiment-trials>article,.rule-rows>article,.debate-turns>article,.sketch-results>article{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#fff;overflow:hidden}.questionnaire-list>article>header{grid-template-columns:26px minmax(0,1fr) 18px;align-items:start;gap:8px;padding:10px 11px 8px;display:grid}.questionnaire-list>article>header>span,.rule-number,.project-sections>section>header>span{color:#9f3f2c;font-size:10px;font-weight:900}.questionnaire-list>article>header p{margin:0;font-size:11px;line-height:1.5}.questionnaire-options{flex-wrap:wrap;gap:6px;padding:0 11px 9px 45px;display:flex}.questionnaire-options button,.responsibility-picker button{color:#4c5962;border-radius:var(--radius-sm);background:#eef2f0;border:1px solid #0000;min-height:30px;padding:0 9px;font-size:10px;font-weight:800}.questionnaire-options button.active,.responsibility-picker button.active{color:#fff;background:#0d6048;border-color:#0d6048}.questionnaire-list>article>label{border-top:1px solid var(--color-line);background:#f7faf8;grid-template-columns:118px minmax(0,1fr);align-items:center;gap:8px;padding:8px 11px;display:grid}.questionnaire-list>article>label>span,.local-final-response>span,.subject-picker>span,.project-sections label>span{color:#4c5962;font-size:10px;font-weight:800}.questionnaire-list input,.local-final-response textarea,.subject-picker select,.rule-rows select,.experiment-result select,.project-sections input,.project-sections textarea,.project-sections select,.debate-prep input,.debate-turns textarea{width:100%;min-width:0;color:var(--color-ink);border:1px solid var(--color-line);border-radius:var(--radius-sm);font:inherit;background:#fff;padding:8px 9px;font-size:11px}.local-final-response{gap:7px;display:grid}.local-final-response>span{align-items:center;gap:6px;display:flex}.local-final-response textarea{resize:vertical;min-height:88px;line-height:1.55}.experiment-trials>article>header{border-bottom:1px solid var(--color-line);background:#f7faf8;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:8px;padding:9px 11px;display:grid}.experiment-trials>article>header>span{color:#285f9f;font-size:10px;font-weight:900}.experiment-trials>article>header>div{gap:2px;display:grid}.experiment-trials>article>header strong{font-size:11px}.experiment-trials>article>header small{color:var(--color-muted);font-size:9px}.experiment-result{grid-template-columns:minmax(100px,.8fr) minmax(180px,1fr);align-items:center;gap:12px;padding:11px;display:grid}.experiment-result>strong{color:var(--color-brand-strong);font-size:13px}.experiment-result label{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.experiment-result label>span{color:#4c5962;font-size:10px;font-weight:800}.subject-picker{grid-template-columns:90px minmax(0,260px);align-items:center;gap:10px;display:grid}.rule-rows>article{grid-template-columns:26px minmax(0,1fr) minmax(0,1fr) 34px;align-items:end;gap:8px;padding:10px;display:grid}.rule-rows label{gap:4px;display:grid}.rule-rows label>span{color:#4c5962;font-size:9px;font-weight:900}.rule-rows .icon-command{width:34px;height:34px}.project-sections>section{border-bottom:1px solid var(--color-line);padding:13px 0}.project-sections>section:first-child{padding-top:0}.project-sections>section>header{grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:8px;margin-bottom:10px;display:grid}.project-sections h4,.debate-prep h4,.responsibility-picker h4{margin:0;font-size:12px}.project-sections label{gap:5px;margin-top:8px;display:grid}.project-sections textarea{resize:vertical;line-height:1.5}.debate-prep{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.debate-prep section{border:1px solid var(--color-line);border-top:3px solid var(--color-blue);border-radius:var(--radius-sm);background:#fff;gap:7px;padding:12px;display:grid}.debate-prep section:last-child{border-top-color:var(--color-coral)}.debate-turns>article{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:11px;display:grid}.debate-turns>article>header{color:#4c5962;grid-column:1/-1;justify-content:space-between;gap:8px;font-size:10px;font-weight:900;display:flex}.debate-turns textarea,.debate-turns>article>p{grid-column:1/-1}.debate-turns>article>.button{grid-column:2;justify-self:end}.debate-turns>article>p{color:#285f4d;background:var(--color-brand-soft);margin:0;padding:8px 10px;font-size:10px;line-height:1.5}.responsibility-picker{gap:9px;display:grid}.responsibility-picker>div{flex-wrap:wrap;gap:6px;display:flex}.responsibility-picker button{align-items:center;gap:5px;display:inline-flex}.sketch-board{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#fff;overflow:hidden}.sketch-board>header,.sketch-board>footer{background:#f7faf8;align-items:center;gap:10px;padding:9px 11px;display:flex}.sketch-board>header{border-bottom:1px solid var(--color-line)}.sketch-board>header span,.sketch-board>header em,.sketch-board>footer>span{color:#4c5962;font-size:10px;font-style:normal}.sketch-board>header strong{flex:1;font-size:15px}.sketch-board canvas{aspect-ratio:9/4;touch-action:none;background-color:#fff;background-image:linear-gradient(#edf2ef 1px,#0000 1px),linear-gradient(90deg,#edf2ef 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;width:100%;display:block}.sketch-board>footer{border-top:1px solid var(--color-line);justify-content:flex-end}.sketch-board>footer>span{margin-right:auto}.sketch-results{grid-template-columns:repeat(2,minmax(0,1fr))}.sketch-results>article{grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:7px;padding:10px;display:grid}.sketch-results>article>span{color:#9f3f2c;font-size:10px;font-weight:900}.sketch-results>article p{color:var(--color-muted);grid-column:2/4;margin:0;font-size:9px}.generic-lab{text-align:center;place-content:center;min-height:350px;padding:30px;display:grid}.generic-lab>svg{color:var(--color-coral);margin:0 auto 14px}.generic-lab h3{max-width:520px;margin:5px auto 10px;font-size:24px}.generic-lab p{max-width:560px;color:var(--color-muted);margin:0 auto;font-size:12px;line-height:1.6}.knowledge-list{gap:0;margin:0;padding:4px 24px;list-style:none;display:grid}.knowledge-list li{border-bottom:1px solid var(--color-line);grid-template-columns:36px minmax(0,1fr) 24px;align-items:center;gap:13px;min-height:88px;display:grid}.knowledge-list li:last-child{border-bottom:0}.knowledge-list li>span{color:var(--color-coral);font-size:13px;font-weight:900}.knowledge-list p{margin:0;line-height:1.6}.knowledge-list svg{color:var(--color-brand)}.essential-question{border-left:3px solid var(--color-sun);background:#fff3d8;gap:5px;margin:10px 24px 24px;padding:16px;display:grid}.essential-question strong{font-size:16px}.reflection-editor{margin:0;padding:28px 24px;position:relative}.reflection-editor textarea{min-height:210px;font-size:15px}.reflection-editor small{color:var(--color-muted);font-weight:500;position:absolute;bottom:38px;right:36px}.completion-scene{text-align:center;place-content:center;min-height:340px;padding:36px;display:grid}.completion-scene__icon{color:#fff;background:var(--color-brand);border-radius:50%;place-items:center;width:74px;height:74px;margin:0 auto 14px;display:grid}.completion-scene h3{margin:6px 0 8px;font-size:24px}.completion-scene p{max-width:560px;color:var(--color-muted);margin:0 auto;line-height:1.7}.completion-scene{position:relative;overflow:hidden}.completion-confetti{pointer-events:none;position:absolute;inset:0}.completion-confetti i{opacity:0;border-radius:2px;width:9px;height:14px;animation:2.2s cubic-bezier(.24,.7,.6,1) forwards confetti-fall;position:absolute;top:-14px}@keyframes confetti-fall{0%{opacity:0;transform:translate(0,0)rotate(0)}12%{opacity:1}to{opacity:0;transform:translate3d(var(--drift,0px), 420px, 0) rotate(320deg)}}.completion-scene__icon.pop{animation:.55s cubic-bezier(.2,1.5,.45,1) completion-pop}@keyframes completion-pop{0%{transform:scale(.4)}70%{transform:scale(1.12)}to{transform:scale(1)}}.completion-headline{color:#a06514;justify-content:center;align-items:center;gap:6px;margin-bottom:14px;font-size:15px;font-weight:800;display:inline-flex}.completion-work-card{text-align:left;border-radius:var(--radius-md,10px);background:#fff;border:1px solid #e2d8c4;max-width:560px;margin:0 auto;padding:18px 22px;box-shadow:0 10px 26px #20212412}.completion-work-card h2{margin:4px 0 6px;font-size:19px}.completion-work-card p{color:var(--color-muted);text-align:left;margin:0;font-size:13px;line-height:1.7}.completion-work-card>footer{color:#8b8271;border-top:1px dashed #e2d8c4;justify-content:space-between;gap:8px;margin-top:12px;padding-top:10px;font-size:11px;font-weight:600;display:flex}@media (prefers-reduced-motion:reduce){.completion-confetti i,.completion-scene__icon.pop{animation:none}}.completion-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.completion-links{justify-content:center;gap:26px;margin-top:16px;display:flex}.completion-links>button{color:#6b5d41;font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:6px 2px;font-size:13px;font-weight:700;text-decoration:underline}.completion-links>button:hover,.completion-links>button:focus-visible{color:var(--color-brand-strong)}.course-finished{min-height:42px;color:var(--color-brand-strong);background:var(--color-brand-soft);border-radius:var(--radius-sm);align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:800;display:inline-flex}.tutor-panel{flex-direction:column;min-height:0;display:flex;overflow:hidden}.tutor-panel__header{border-bottom:1px solid var(--color-line);grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 12px;display:grid}.tutor-panel__lesson{gap:2px;min-width:0;display:grid}.tutor-panel__lesson strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.tutor-quota-hint{color:#8a6b1f;white-space:nowrap;margin-right:4px;font-size:10px}.tutor-panel__header>.tutor-avatar{width:34px;height:34px}.tutor-avatar{background:#e7f0f6;border-radius:50%;width:44px;height:44px;overflow:hidden}.tutor-avatar img{object-fit:cover;object-position:50% 22%;width:100%;height:100%}@keyframes tutor-idle{0%,62%,to{transform:translateY(0)rotate(0)}66%{transform:translateY(-2px)rotate(0)}70%{transform:translateY(0)rotate(-5deg)}75%{transform:translateY(0)rotate(4deg)}80%{transform:translateY(0)rotate(0)}}@keyframes tutor-think{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.tutor-avatar--live img,.tutor-bubble img,.mobile-nav__tutor img{transform-origin:50% 88%;animation:5.4s ease-in-out infinite tutor-idle}.tutor-avatar--live.is-thinking img{animation:.8s ease-in-out infinite tutor-think}.tutor-message__avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}@media (prefers-reduced-motion:reduce){.tutor-avatar--live img,.tutor-avatar--live.is-thinking img,.tutor-bubble img,.mobile-nav__tutor img{animation:none}}.tutor-panel__tools{gap:2px;display:flex}.tutor-panel__tools button{width:34px;height:34px;color:var(--color-muted);background:0 0;border-radius:7px;place-items:center;display:grid}.tutor-panel__tools button:hover,.tutor-panel__tools button:focus-visible{color:#9d3b32;background:#f9ece9}.tutor-panel__tools button.is-on{color:#2c6b8f;background:#e8f2f9}.tutor-messages{scrollbar-width:thin;flex:1;min-height:0;padding:14px;overflow:auto}.tutor-message{align-items:flex-start;gap:8px;display:flex}.tutor-message+.tutor-message{margin-top:14px}.tutor-message--user{flex-direction:row-reverse}.tutor-message__avatar{color:#285f91;background:#dfeef9;border-radius:7px;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid}.tutor-message--user .tutor-message__avatar{color:#397652;background:#e4f1e8}.tutor-message__body{border:1px solid var(--color-line);background:#fff;border-radius:3px 8px 8px;max-width:calc(100% - 38px);padding:10px 11px}.tutor-message--user .tutor-message__body{background:#edf4f8;border-color:#cbddea;border-radius:8px 3px 8px 8px}.tutor-message__body>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:5px;display:flex}.tutor-message__body>header strong{font-size:11px}.tutor-message__body time{color:#686158;font-size:9px}.tutor-message__body p{overflow-wrap:anywhere;color:#3e3a34;white-space:pre-wrap;margin:0;font-size:12px;line-height:1.65}.tutor-references{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.tutor-references span{color:#526d7f;background:#edf3f6;border-radius:4px;padding:3px 5px;font-size:9px}.tutor-message__body--loading{color:var(--color-muted);align-items:center;gap:7px;font-size:11px;display:inline-flex}.tutor-flow-steps{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.tutor-flow-steps em{color:#62747f;background:#fff;border:1px solid #d5e2ea;border-radius:999px;padding:2px 7px;font-size:10px;font-style:normal}.tutor-flow-steps em.is-done{color:#397652;background:#e4f1e8;border-color:#bcdcc8}.tutor-choices{gap:6px;margin-top:9px;display:grid}.tutor-choices button{color:#3e3a34;text-align:left;cursor:pointer;background:#f6f9fb;border:1px solid #cbddea;border-radius:7px;align-items:flex-start;gap:8px;width:100%;padding:9px 10px;font-size:12px;line-height:1.5;display:flex}.tutor-choices button:hover:not(:disabled),.tutor-choices button:focus-visible{background:#e8f2f9;border-color:#9fc3dc}.tutor-choices button:disabled{opacity:.6;cursor:default}.tutor-choices button>span{color:#285f91;background:#dfeef9;border-radius:5px;flex:none;padding:1px 6px;font-size:10px;font-weight:600}.tutor-actions{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.tutor-actions button{color:#345f7f;cursor:pointer;background:#fff;border:1px solid #cbddea;border-radius:999px;padding:7px 13px;font-size:11px}.tutor-actions button:hover:not(:disabled),.tutor-actions button:focus-visible{background:#e8f2f9}.tutor-actions button.is-primary{color:#fff;background:var(--color-brand);border-color:var(--color-brand)}.tutor-actions button.is-primary:hover:not(:disabled){background:var(--color-brand-strong)}.tutor-actions button:disabled{opacity:.6;cursor:default}.tutor-composer{border-top:1px solid var(--color-line);background:#fffdf8;flex:none;padding:11px 13px 12px}.tutor-composer__row{gap:7px;display:grid}.tutor-composer__actions{justify-content:flex-end;gap:6px;display:flex}.tutor-composer textarea{resize:vertical;width:100%;min-height:62px;max-height:130px;color:var(--color-ink);border:1px solid var(--color-line-strong);font:inherit;background:#fff;border-radius:7px;padding:9px 10px;font-size:12px;line-height:1.5}.tutor-composer textarea:focus{border-color:var(--color-blue);outline:3px solid #3771a621}.tutor-composer__actions>button{color:#fff;background:var(--color-blue);border-radius:7px;place-items:center;width:38px;height:38px;display:grid}.tutor-composer__actions>button:first-of-type{color:#345f7f;background:#edf4f8;border:1px solid #cbddea}.tutor-composer__actions>button.tutor-voice-hold{color:#345f7f;-webkit-user-select:none;user-select:none;background:#edf4f8;border:1px solid #cbddea;flex:1;justify-content:center;align-items:center;gap:6px;width:auto;min-width:110px;font-size:13px;font-weight:600;display:inline-flex}.tutor-composer__actions>button.tutor-voice-hold.transcribing{color:#6b7f8c;background:#eef2f5;border-color:#d5dfe6}.tutor-quick-replies{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.tutor-quick-replies button{color:#345f7f;cursor:pointer;background:#fff;border:1px solid #cbddea;border-radius:999px;padding:6px 12px;font-size:11px}.tutor-quick-replies button:hover:not(:disabled),.tutor-quick-replies button:focus-visible{background:#e8f2f9}.tutor-composer__actions>button:disabled{cursor:not-allowed;opacity:.45}.tutor-attachment{color:#345f7f;background:#edf4f8;border:1px solid #cbddea;border-radius:7px;grid-template-columns:18px minmax(0,1fr) 28px;align-items:center;gap:6px;min-height:34px;margin-bottom:7px;padding:3px 4px 3px 8px;font-size:10px;display:grid}.tutor-attachment span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tutor-attachment button{color:#5d6972;background:0 0;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.tutor-attachment-error{color:#9d3b32;margin:0 0 7px;font-size:10px}.page-view{max-width:1050px;margin:0 auto}.page-view__header{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:end;gap:22px;margin-bottom:24px;padding-bottom:18px;display:flex}.page-view__header h2{margin:3px 0 0;font-size:30px;line-height:1.2}.page-view__header p{color:var(--color-muted);margin:7px 0 0;font-size:13px}.page-view__header>svg{color:var(--color-coral)}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.work-card{border:1px solid var(--color-line);border-radius:var(--radius-md);background:#fff;flex-direction:column;min-width:0;min-height:270px;padding:18px;display:flex}.work-card__meta,.work-card footer{color:var(--color-muted);justify-content:space-between;gap:10px;font-size:10px;display:flex}.work-card__status{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.work-card__status span{color:var(--color-muted);border-radius:var(--radius-sm);background:#eef2f0;padding:4px 6px;font-size:9px;font-weight:800}.work-card__status span.submitted{color:var(--color-brand-strong);background:var(--color-brand-soft)}.work-card h2{margin:12px 0 8px;font-size:17px}.work-card p{color:var(--color-muted);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.work-card__footer{border-top:1px solid var(--color-line);align-items:center;margin-top:auto;padding-top:14px}.work-actions{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.work-actions button,.work-dialog>header button{min-width:34px;height:34px;color:var(--color-muted);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#fff;place-items:center;display:inline-grid}.work-actions button{width:auto;color:var(--color-ink);padding:0 11px;font-size:12px}.work-actions .work-remove{color:var(--color-muted)}.work-actions button:hover,.work-dialog>header button:hover{color:var(--color-brand-strong);border-color:var(--color-brand)}.work-actions .work-submit{color:#fff;background:var(--color-brand);border-color:var(--color-brand);gap:6px;width:auto;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.work-message{color:var(--color-brand-strong);background:var(--color-brand-soft);border-left:3px solid var(--color-brand);margin:-10px 0 14px;padding:9px 11px;font-size:11px}.work-message--error,.work-dialog__error{color:var(--color-danger);border-color:var(--color-danger);background:#fff0f0}.work-dialog-backdrop{z-index:100;background:#1117197a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.work-dialog{border:1px solid var(--color-line);border-radius:var(--radius-md);background:#fff;width:min(680px,100%);max-height:min(760px,100vh - 40px);overflow:auto;box-shadow:0 22px 70px #1117193d}.work-dialog>header{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:flex-start;gap:18px;min-height:72px;padding:16px 18px;display:flex}.work-dialog>header h2{margin:4px 0 0;font-size:19px}.work-dialog__error{border-left:3px solid var(--color-danger);margin:0;padding:9px 18px;font-size:11px}.work-editor{gap:14px;padding:20px;display:grid}.work-editor label{color:var(--color-muted);gap:7px;font-size:11px;font-weight:800;display:grid}.work-editor input,.work-editor textarea{width:100%;color:var(--color-ink);border:1px solid var(--color-line);border-radius:var(--radius-sm);font:inherit;background:#fff}.work-editor input{min-height:42px;padding:0 11px}.work-editor textarea{resize:vertical;min-height:220px;padding:11px}.work-editor footer,.work-dialog__commands,.work-delete-confirm footer{justify-content:flex-end;gap:8px;display:flex}.work-body{gap:10px;display:grid}.work-body__app{border:1px solid var(--color-line);background:#fff;border-radius:10px;width:100%;height:360px}.work-body__app-hint{color:var(--color-muted);margin:0;font-size:12px}.real-video-panel{background:#f2f7ff;border:1.5px solid #b8cee6;border-radius:12px;gap:10px;margin-top:14px;padding:16px;display:grid}.real-video-panel>header{justify-content:space-between;align-items:center;gap:10px;display:flex}.real-video-panel>header strong{font-size:15px}.real-video-panel>header em{color:#1d4f80;background:#dceafc;border-radius:5px;padding:3px 8px;font-size:11px;font-style:normal;font-weight:800}.real-video-panel p{margin:0;font-size:12px;line-height:1.6}.real-video-panel textarea{font:inherit;resize:vertical;border:1px solid #b8cee6;border-radius:8px;padding:9px 11px;font-size:13px}.real-video-panel__rehearse{color:#1d4f80;cursor:pointer;background:#fff;border:1px solid #8fb4d9;border-radius:8px;justify-self:start;min-height:38px;padding:0 14px;font-size:13px;font-weight:700}.real-video-panel__plan{background:#fff;border:1px solid #d3e2f2;border-radius:10px;gap:7px;padding:12px;display:grid}.real-video-panel__prompt{font-weight:700}.real-video-panel__plan ul{margin:0;padding-left:18px;font-size:12px}.real-video-panel__go{color:#fff;cursor:pointer;background:#356fa8;border-radius:9px;min-height:46px;font-size:14px;font-weight:800}.real-video-panel__go:disabled,.real-video-panel__rehearse:disabled{cursor:not-allowed;opacity:.6}.real-video-panel video{border-radius:10px;width:100%}.work-body h3{margin:0;font-size:17px}.work-body h4{color:#2b5c46;border-left:3px solid #3d8f6b;margin:6px 0 0;padding-left:9px;font-size:13px}.work-body p{color:var(--color-ink,#172128);overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.8}.work-body blockquote{white-space:pre-wrap;overflow-wrap:anywhere;background:#f2f8f4;border-left:3px solid #9dc4b1;border-radius:0 6px 6px 0;margin:0;padding:9px 12px;font-size:13px;line-height:1.75}.completion-work-card__media{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.completion-work-card__media img{aspect-ratio:1;object-fit:cover;border:2px solid #fff;border-radius:8px;width:min(31%,150px);box-shadow:0 3px 10px #17212824}.completion-work-card__media video{border-radius:8px;width:min(100%,320px)}.completion-work-card__media audio{width:100%;height:36px}.capability-generating{color:#47708d;background:#f2f7fb;border:1px dashed #a9c6dd;border-radius:6px;align-items:center;gap:9px;padding:12px;font-size:12px;font-weight:700;display:flex}.capability-generating i{border:2px solid #a9c6dd;border-top-color:#47708d;border-radius:50%;flex:none;width:16px;height:16px;animation:.9s linear infinite capability-spin}@keyframes capability-spin{to{transform:rotate(360deg)}}.work-preview{white-space:pre-wrap;min-height:180px;padding:24px 20px}.work-preview p{color:var(--color-ink);overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.8}.work-history{border:1px solid var(--color-line);border-radius:var(--radius-sm);margin:0 20px 20px}.work-assets{border-block:1px solid var(--color-line);margin:0 20px 16px}.work-assets>header{align-items:center;gap:8px;min-height:46px;display:flex}.work-assets h3{margin:0;font-size:12px}.work-assets__attach{min-height:32px;color:var(--color-ink);border:1px solid var(--color-line);border-radius:var(--radius-sm);font:inherit;background:#fff;align-items:center;gap:6px;margin-left:auto;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.work-assets ul{gap:1px;margin:0;padding:0 0 12px;list-style:none;display:grid}.work-assets li{background:#f7faf8;grid-template-columns:24px minmax(0,1fr) 34px 34px;align-items:center;gap:8px;padding:9px;display:grid}.work-assets li>div{gap:2px;min-width:0;display:grid}.work-assets strong,.work-assets span{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.work-assets span,.work-assets>p{color:var(--color-muted)}.work-assets li>button{width:32px;height:32px;color:var(--color-ink);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#fff;place-items:center;padding:0;display:grid}.work-assets__preview,.work-assets__preview-link{grid-column:2/-1}.asset-ai-badge{color:#fff;vertical-align:middle;background:#3d8f6b;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:10px;font-style:normal;font-weight:800;display:inline-block}.work-assets__preview{background:#fff}img.work-assets__preview{object-fit:contain;width:min(100%,480px);height:220px}audio.work-assets__preview{width:100%;height:42px}video.work-assets__preview{aspect-ratio:16/9;object-fit:contain;width:min(100%,480px);max-height:270px}.work-assets__preview-link{color:var(--color-brand-deep);font-size:11px;font-weight:800}.work-assets>p{margin:0;padding:0 0 14px 32px;font-size:11px}.work-history>header{border-bottom:1px solid var(--color-line);background:#f7faf8;align-items:center;gap:8px;padding:11px 13px;display:flex}.work-history h3{margin:0;font-size:12px}.work-history ol{margin:0;padding:0;list-style:none}.work-history li{border-bottom:1px solid var(--color-line);grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:42px;padding:7px 12px;font-size:10px;display:grid}.work-history li:last-child{border-bottom:0}.work-history time,.work-history>p{color:var(--color-muted)}.work-history>p{margin:0;padding:14px;font-size:11px}.work-dialog__commands{padding:0 20px 20px}.work-delete-confirm{text-align:center;place-items:center;padding:30px 24px 24px;display:grid}.work-delete-confirm>svg{color:var(--color-danger)}.work-delete-confirm p{max-width:500px;color:var(--color-muted);margin:14px auto 22px;font-size:12px;line-height:1.7}.button--danger{color:#fff;background:var(--color-danger)}.empty-state{text-align:center;place-content:center;min-height:380px;display:grid}.empty-state svg{color:var(--color-coral);margin:auto}.empty-state h2{margin:12px 0 4px}.empty-state p{max-width:420px;color:var(--color-muted);margin:0 auto 18px;font-size:13px}.empty-state .button{justify-self:center}.large-progress{color:var(--color-brand);font-size:34px;font-weight:900}.progress-lock{color:#8a6d1f;font-size:11px;font-weight:700}.progress-lesson-list em.progress-star{font-size:19px;font-style:normal;font-weight:400;line-height:1}.progress-lesson-list em.progress-star--lit{color:#e2a521}.progress-lesson-list em.progress-star--doing{color:#e2a521;opacity:.45}.progress-lesson-list em.progress-star--todo{color:#ddd5c6}.milestone-strip{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:18px;display:grid}.milestone-badge{border-radius:var(--radius-md,10px);opacity:.72;background:#fff;border:1px solid #e2d8c4;align-items:center;gap:10px;padding:12px 14px;display:flex}.milestone-badge__mark{color:#a49a86;background:#f1ece1;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.milestone-badge strong{color:#202124;font-size:12px;line-height:1.35;display:block}.milestone-badge small{color:#8b8271;font-size:11px}.milestone-badge--earned{opacity:1;border-color:#bcd9c5}.milestone-badge--earned .milestone-badge__mark{color:#fff;background:#3d8f6b}.milestone-badge--certificate.milestone-badge--earned{background:#fdf8ec;border-color:#e3c988}.milestone-badge--certificate.milestone-badge--earned .milestone-badge__mark{background:#c89224}.progress-overview{gap:24px;display:grid}.progress-module>header{grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px;margin-bottom:10px;display:grid}.progress-module>header>span{color:#fff;background:var(--color-ink);border-radius:var(--radius-sm);place-items:center;width:42px;height:42px;font-weight:900;display:grid}.progress-module h2{margin:0;font-size:17px}.progress-module p{color:var(--color-muted);margin:3px 0 0;font-size:11px}.progress-lesson-list{border-top:1px solid var(--color-line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.progress-lesson-list button{min-height:48px;color:var(--color-muted);text-align:left;border-bottom:1px solid var(--color-line);background:0 0;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:8px;padding:7px 10px;display:grid}.progress-lesson-list button:nth-child(odd){border-right:1px solid var(--color-line)}.progress-lesson-list button:hover{color:var(--color-ink);background:#fff}.progress-lesson-list button:disabled{color:#9ca7a2;cursor:not-allowed;opacity:.6}.progress-lesson-list button:disabled:hover{color:#9ca7a2;background:0 0}.progress-lesson-list span{font-size:10px;font-weight:800}.progress-lesson-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.progress-lesson-list em{color:var(--color-brand);text-align:right;font-size:10px;font-style:normal;font-weight:800}.school-view{padding-bottom:28px}.school-login-layout{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-items:stretch;gap:24px;display:grid}.school-login-panel{border:1px solid var(--color-line);border-radius:var(--radius-md);background:#fff;gap:17px;padding:24px;display:grid}.school-manual-login{margin:0 0 14px}.school-manual-login>summary{color:var(--color-muted);cursor:pointer;padding:11px 0;font-size:12px}.school-manual-login .school-login-panel{margin-top:6px}.provider-state{color:var(--color-brand-strong);background:var(--color-brand-soft);border-left:3px solid var(--color-brand);align-items:center;gap:10px;padding:12px;font-size:12px;display:flex}.provider-state span{gap:2px;display:grid}.school-login-panel label{color:var(--color-ink);gap:7px;font-size:12px;font-weight:800;display:grid}.school-login-panel input{width:100%;min-height:44px;color:var(--color-ink);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#fbfcfb;padding:0 12px}.school-login-panel input:focus{border-color:var(--color-blue);background:#fff}.school-login-fields{grid-template-columns:minmax(110px,.35fr) minmax(180px,.65fr);gap:12px;display:grid}.form-error{color:#7b2b30;border-left:3px solid var(--color-danger);background:#fceded;margin:0;padding:10px 12px;font-size:12px}.school-access-note{color:#243c55;border-left:4px solid var(--color-blue);background:#eaf2fb;align-content:center;padding:24px;display:grid}.school-access-note>svg{color:var(--color-blue)}.school-access-note h2{margin:14px 0 8px;font-size:20px}.school-access-note p{color:#4c6479;margin:0;font-size:12px;line-height:1.65}.school-access-note span{color:#385a76;margin-top:18px;font-size:10px;font-weight:800}.school-heading{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding-bottom:18px;display:flex}.school-heading__identity{align-items:center;gap:13px;min-width:0;display:flex}.school-heading__mark{color:#fff;background:var(--color-blue);border-radius:var(--radius-md);flex:0 0 50px;place-items:center;width:50px;height:50px;display:grid}.school-heading h1{margin:3px 0;font-size:27px}.school-heading p{color:var(--color-muted);margin:0;font-size:12px}.school-heading__actions{flex:none;gap:8px;display:flex}.school-safety-band{min-height:44px;color:var(--color-brand-strong);background:var(--color-brand-soft);border-left:3px solid var(--color-brand);align-items:center;gap:18px;margin-bottom:20px;padding:8px 13px;font-size:11px;font-weight:700;display:flex}.school-safety-band span:last-child{color:#4e5960;margin-left:auto;font-weight:500}.school-notice{color:#684300;border-left:3px solid var(--color-sun);background:#fff1cf;margin:0 0 14px;padding:11px 13px;font-size:12px}.school-message{margin-bottom:14px}.school-content-grid{grid-template-columns:minmax(0,1.65fr) minmax(270px,.75fr);align-items:start;gap:26px;display:grid}.section-heading{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:end;gap:12px;min-height:54px;margin-bottom:11px;padding-bottom:10px;display:flex}.section-heading h2{margin:3px 0 0;font-size:18px}.section-heading>span{color:var(--color-muted);font-size:11px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.gallery-work{border:1px solid var(--color-line);border-top:3px solid var(--color-blue);border-radius:var(--radius-md);background:#fff;flex-direction:column;min-width:0;min-height:220px;padding:17px;display:flex}.gallery-work>header,.gallery-work>footer{color:var(--color-muted);justify-content:space-between;gap:10px;font-size:10px;display:flex}.gallery-work>header span:last-child,.gallery-work>footer span:last-child{align-items:center;gap:4px;display:inline-flex}.gallery-work h3{margin:16px 0 8px;font-size:17px}.gallery-work p{color:var(--color-muted);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.65;display:-webkit-box;overflow:hidden}.gallery-work>footer{border-top:1px solid var(--color-line);margin-top:auto;padding-top:13px}.gallery-work>footer span:last-child{color:var(--color-brand-strong)}.my-school-works{min-width:0}.my-school-work-list{gap:9px;display:grid}.my-school-work-list article{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#fff;gap:8px;padding:14px;display:grid}.my-school-work-list article>span{color:#a9432e;font-size:10px;font-weight:900}.my-school-work-list h3{margin:0;font-size:14px}.my-school-work-list p{color:var(--color-muted);align-items:center;gap:6px;margin:0;font-size:10px;display:flex}.my-school-work-list .button{width:100%;min-height:36px;font-size:11px}.school-review-note{color:#71383c;border-left:3px solid var(--color-coral);background:#fceded;align-items:flex-start;gap:7px;padding:9px 10px;font-size:10px;line-height:1.5;display:flex}.school-review-note svg{flex:none;margin-top:1px}.school-review-note span{gap:2px;display:grid}.school-work-actions{gap:7px;display:grid}.empty-gallery{min-height:220px;color:var(--color-muted);text-align:center;border:1px dashed var(--color-line);place-content:center;gap:10px;display:grid}.empty-gallery svg{color:var(--color-blue);margin:auto}.empty-gallery p{margin:0;font-size:12px}.empty-gallery--compact{min-height:180px;padding:18px}.course-brand{background:#fbf7ee}.brand__mark{background:var(--color-brand);font-size:18px;font-weight:900}.course-drawer,.tutor-drawer{background:#fbf7ee}.course-rail{padding:20px 0 32px}.course-rail__summary{padding:0 20px 9px}.course-rail__summary strong{align-items:baseline;gap:4px;display:flex}.course-rail__summary strong b{font-size:26px}.course-rail__summary strong span{color:var(--color-muted);font-size:12px}.course-rail__percent{color:#3b7f4c}.course-rail__progress{background:#e6dfcf;border-radius:4px;height:7px;margin:0 20px 10px}.course-rail__progress span{background:#5b9567}.course-rail__legend{color:var(--color-muted);border-bottom:1px solid var(--color-line);gap:12px;padding:0 20px 18px;font-size:11px;display:flex}.course-rail__stars{color:#345f7f;cursor:pointer;background:#edf4f8;border:1px solid #cbddea;border-radius:10px;width:calc(100% - 40px);margin:14px 20px 0;padding:11px;font-size:13px;font-weight:600;display:block}.course-rail__stars:hover,.course-rail__stars:focus-visible{background:#e2eef6}.course-rail__legend span{align-items:center;gap:5px;display:inline-flex}.course-rail__legend i{background:#e3dac8;border-radius:2px;width:8px;height:8px}.course-rail__legend i.done{background:#4d925f}.course-rail__legend i.active{background:var(--color-brand)}.module-list{gap:0}.module-section{border-bottom:1px solid #e5dac5bf;padding:18px 14px 4px}.module-section__header{justify-content:space-between;align-items:center;min-height:30px;margin:0 7px 7px;display:flex}.module-section__header>strong{font-size:13px}.module-section__header>span{color:#5e584f;background:#eee7d8;border-radius:10px;padding:4px 8px;font-size:10px;font-weight:800}.lesson-link{color:#5f5b53;border-radius:var(--radius-md);border-left:0;grid-template-columns:24px minmax(0,1fr);gap:9px;min-height:64px;padding:8px 7px}.lesson-link>svg{justify-self:center}.lesson-link__state{border-radius:6px;place-items:center;width:24px;height:24px;display:grid}.lesson-link__state.done{color:#fff;background:#4d925f}.lesson-link--active{color:var(--color-ink);box-shadow:inset 3px 0 var(--color-brand);background:#edf3f8}.lesson-link strong{font-size:13px;line-height:1.35}.lesson-link__tags{align-items:center;gap:4px;margin-top:4px;font-weight:400;display:flex}.lesson-link__tags em{color:#356b9f;background:#e4edf6;border-radius:3px;padding:2px 4px;font-size:10px;font-style:normal}.lesson-link__tags em:nth-child(2){color:#765400;background:#f5ebcf}.lesson-link__tags em.creation{color:#326a41;background:#dfefe3}.lesson-link__tags>span{color:#665f54;text-overflow:ellipsis;white-space:nowrap;margin-left:2px;font-size:10px;overflow:hidden}.lesson-link__heading{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:7px;display:grid}.lesson-link__heading>b{color:#356246;white-space:nowrap;background:#e4f0e7;border-radius:3px;padding:3px 5px;font-size:9px;line-height:1.2}.lesson-link__heading>b.access-preview{color:#815200;background:#fff0c9}.lesson-link__heading>b.access-locked{color:#675f54;background:#ebe7df}.lesson-link--payment-locked>svg{color:#857d71}.lesson-link--half-preview>svg{color:#a36a0d}.workspace-topbar{background:#fffdf8;padding:0 24px}.workspace-topbar__title{flex:264px}.workspace-topbar__title>span{color:#665e52;font-size:12px}.workspace-topbar__title>div{align-items:center;gap:6px;min-width:0;display:flex}.workspace-topbar__title>div>em{flex-shrink:0}.workspace-topbar__title h1{font-size:20px}.workspace-topbar__title em{color:var(--color-brand-strong);background:var(--color-brand-soft);border-radius:10px;flex:none;padding:4px 7px;font-size:10px;font-style:normal;font-weight:800}.workspace-topbar__title em.lesson-access-label{color:#356246;background:#e5f0e8}.workspace-topbar__title em.lesson-access-label--preview{color:#805100;background:#fff0c8}.workspace-topbar__title em.lesson-access-label--locked{color:#675f54;background:#ece8e1}.course-unlock{background:#f3f7f2;border-top:1px solid #ccddcf;border-bottom:1px solid #ccddcf;grid-template-columns:56px minmax(0,1fr);gap:18px;width:min(980px,100%);margin:0 auto;padding:28px 30px;display:grid}.course-unlock__mark{color:#fff;background:#356246;border-radius:8px;place-items:center;width:56px;height:56px;display:grid;box-shadow:7px 7px #dbe5dc}.course-unlock__content{gap:10px;display:grid}.course-unlock h2{color:#24352b;margin:0;font-size:23px;line-height:1.3}.course-unlock p{color:#5c665f;max-width:720px;margin:0;font-size:13px;line-height:1.7}.course-unlock__facts{border-top:1px solid #d7e2d8;flex-wrap:wrap;gap:8px 18px;margin:4px 0 0;padding:14px 0 0;list-style:none;display:flex}.course-unlock__facts li{color:#4f5d54;align-items:center;gap:6px;font-size:11px;display:inline-flex}.course-unlock__facts svg{color:#3e7b50}.course-unlock__facts b{color:#244b32;margin-right:3px}.course-unlock__actions{flex-wrap:wrap;gap:9px;margin-top:5px;display:flex}.course-unlock--compact{background:#fff8e9;border-color:#ead5a2;grid-template-columns:44px minmax(0,1fr);gap:14px;width:100%;margin-top:12px;padding:20px 22px}.course-unlock--compact .course-unlock__mark{color:#fff;background:#966312;width:44px;height:44px;box-shadow:5px 5px #ecdfc0}.course-unlock--compact h2{font-size:18px}.workspace-topbar__actions{align-items:center}.lesson-mode-switch{border:1px solid var(--color-line);border-radius:var(--radius-md);background:#fbf5e9;grid-template-columns:repeat(2,1fr);min-width:166px;padding:3px;display:grid}.lesson-mode-switch button{color:#665f53;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-height:36px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.lesson-mode-switch button:first-child.active{color:#fff;background:var(--color-brand)}.lesson-mode-switch button:last-child.active{color:#fff;background:#966312}.lesson-mode-switch button:disabled{cursor:not-allowed;opacity:.48}.topbar-tool{color:#5f594f;border:1px solid var(--color-line);border-radius:var(--radius-md);background:#fffaf0;align-items:center;gap:6px;min-height:42px;padding:0 12px;font-size:11px;font-weight:800;display:inline-flex}.topbar-tool:hover{color:var(--color-brand-strong);background:var(--color-brand-soft)}.workspace-scroll{background:var(--color-canvas);padding:22px clamp(12px,1.5vw,24px) 42px}.stage-panel{border-color:var(--color-line);max-width:980px;box-shadow:none;background:#fffdf8}.video-stage{background:0 0;border:0;max-width:1920px;overflow:visible}.video-stage>.stage-panel__header{display:none}.video-frame,.video-placeholder{background:#202c42;border-radius:16px 16px 0 0;position:relative;overflow:hidden}.video-frame{aspect-ratio:16/9;min-height:0}.video-placeholder{min-height:0;display:block}.video-fullscreen-command{z-index:3;color:#fff;background:#3a4962eb;border:1px solid #ffffff1a;border-radius:8px;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:14px;right:14px}.video-fullscreen-command:hover,.video-fullscreen-command:focus-visible{background:#4b5d79}.video-playback--expanded{background:#202c42;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none}.video-frame:fullscreen{background:#202c42;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none}.video-placeholder:fullscreen{background:#202c42;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none}.video-playback--expanded{z-index:300;position:fixed;inset:0}:is(.video-frame:fullscreen,.video-frame.video-playback--expanded){aspect-ratio:auto}@media (orientation:portrait) and (width<=640px){.video-frame.video-playback--expanded{transform-origin:0 0;width:100dvh;height:100vw;top:0;left:0;transform:rotate(90deg)translateY(-100%)}}:is(.video-frame:fullscreen video,.video-frame.video-playback--expanded video){object-fit:contain;width:100%;height:100%}:is(.video-placeholder:fullscreen,.video-placeholder.video-playback--expanded){flex-direction:column;display:flex}:is(.video-placeholder:fullscreen .video-placeholder__scene,.video-placeholder.video-playback--expanded .video-placeholder__scene){flex:1;min-height:0}.video-placeholder__scene{color:#fff;text-align:center;place-content:center;justify-items:center;gap:22px;min-height:390px;padding:48px;display:grid}.video-speaker{color:#d7e9fb;background:#2e3b52;border:1px solid #46536a;border-radius:18px;align-items:center;gap:7px;padding:7px 13px;font-size:12px;font-weight:800;display:inline-flex}.video-speaker i{background:#69a9e4;border-radius:50%;width:7px;height:7px}.video-placeholder__scene strong{max-width:580px;font-size:18px;line-height:1.8}.video-placeholder__scene p{color:#83a5ce;align-self:end;margin:84px 0 0;font-size:12px}.video-placeholder__controls{color:#78b6f0;background:#263249;grid-template-columns:40px minmax(0,1fr) auto 40px;align-items:center;gap:12px;min-height:62px;padding:9px 14px;display:grid;position:relative}.video-placeholder__controls>button{color:#fff;opacity:1;background:#3a4962;border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.video-placeholder__controls>.video-placeholder__progress{background:#46536a;border-radius:3px;height:5px;position:relative;overflow:hidden}.video-placeholder__progress i{border-radius:inherit;background:#78b6f0;transition:width .2s linear;display:block;position:absolute;inset:0 auto 0 0}.video-placeholder__controls time{font-size:11px}.video-placeholder__controls .expected-files{color:#8d877b;background:0 0;border:0;padding:0;font-size:10px;position:absolute;bottom:-22px;left:14px}.video-stage>.stage-panel__footer{border:1px solid var(--color-line);border-radius:var(--radius-md);background:#fffdf8;min-height:66px;margin-top:24px}.warmup-card{background:#fffdf6;border:1px solid #ead9b0;border-radius:12px;gap:13px;margin:0 0 14px;padding:16px 18px;display:grid}.warmup-card__header{grid-template-columns:34px minmax(0,1fr) auto;align-items:start;gap:11px;display:grid}.warmup-card__icon{color:#a05c17;background:#f9ecd2;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.warmup-card__header h3{margin:2px 0 4px;font-size:15.5px}.warmup-card__header p{color:#6d675b;margin:0;font-size:13px;line-height:1.6}.warmup-card__skip{color:#857c6a;background:0 0;border:1px solid #e0d7c2;border-radius:7px;align-items:center;gap:4px;padding:5px 9px;font-size:12.5px;display:inline-flex}.warmup-card__skip:hover{background:#f5efdf}.review-session{gap:12px;display:grid}.checkpoint-options{gap:8px;display:grid}.checkpoint-options button{color:var(--color-ink);text-align:left;border:1px solid var(--color-line);border-radius:var(--radius-sm,8px);cursor:pointer;background:#fff;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:10px;padding:12px 13px;font-size:13px;line-height:1.5;display:grid}.checkpoint-options button:hover:not(:disabled),.checkpoint-options button:focus-visible{border-color:var(--color-brand);background:var(--color-brand-soft)}.checkpoint-options button:disabled{cursor:default;opacity:.65}.checkpoint-options button>span{color:#345f7f;background:#edf4f8;border-radius:6px;place-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:grid}.checkpoint-options button.is-selected{border-color:var(--color-brand);background:var(--color-brand-soft)}.checkpoint-options button.is-correct{background:#e6f2ea;border-color:#6aa583}.checkpoint-options button.is-wrong{background:#f8ecec;border-color:#d3a2a2}.checkpoint-confidence{flex-wrap:wrap;gap:8px;display:flex}.checkpoint-feedback{border-radius:0 var(--radius-sm,8px) var(--radius-sm,8px) 0;background:#fdf6e6;border-left:3px solid #e0b558;align-items:flex-start;gap:9px;padding:11px 13px;display:flex}.checkpoint-feedback--success{background:#e9f4ee;border-left-color:#4b8b5b}.checkpoint-feedback svg{color:#8a6d1f;flex:none;margin-top:2px}.checkpoint-feedback--success svg{color:#3d7a55}.checkpoint-feedback p{color:var(--color-ink);margin:0;font-size:12px;line-height:1.6}.checkpoint-feedback strong{font-size:13px;display:block}.review-session__meta{align-items:baseline;gap:10px;display:flex}.review-session__count{color:#6d675b;font-size:12.5px;font-weight:700}.review-session__source{color:#938a76;font-size:12px}.review-session__question{margin:0;font-size:15.5px;line-height:1.55}.review-session__actions{flex-wrap:wrap}.review-session__footer{justify-content:flex-end;gap:10px;display:flex}.review-session__link{align-items:center;gap:6px;margin-right:auto;display:inline-flex}.review-challenge,.graduation-panel{background:#fffdf8;border:1px solid #e6e0d2;border-radius:12px;gap:13px;padding:17px 19px;display:grid}.review-challenge__header,.graduation-panel__header{grid-template-columns:36px minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.review-challenge__icon,.graduation-panel__icon{color:#35688f;background:#e8f1f8;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.graduation-panel__icon{color:#7c6021;background:#f7edd3}.review-challenge__header h3,.graduation-panel__header h3{margin:1px 0 4px;font-size:15.5px}.review-challenge__header p,.graduation-panel__header p{color:#6d675b;margin:0;font-size:13px;line-height:1.6}.review-challenge__due{color:#8a4a12;background:#fbeed7;border-radius:999px;align-self:center;padding:4px 10px;font-size:12.5px;font-weight:800}.review-challenge__cta,.graduation-panel__cta{align-items:center;gap:12px;display:flex}.graduation-panel__cta span{color:#6d675b;font-size:12.5px}.review-challenge__empty{color:#857c6a;align-items:center;gap:7px;margin:0;font-size:13px;display:flex}.teachback-card{background:#f7fafc;border:1px solid #cfdfeb;border-radius:12px;gap:14px;margin-top:16px;padding:17px 19px;display:grid}.teachback-card__header{grid-template-columns:36px minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.teachback-card__icon{color:#35688f;background:#dcebf5;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.teachback-card__header h3{margin:2px 0 4px;font-size:15.5px}.teachback-card__header p{color:#5c6b77;margin:0;font-size:13px;line-height:1.6}.teachback-card__skip{color:#6d7d89;background:0 0;border:1px solid #cddbe6;border-radius:7px;align-items:center;gap:4px;padding:5px 9px;font-size:12.5px;display:inline-flex}.teachback-card__skip:hover{background:#e9f1f7}.teachback-card__cta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.teachback-card__badge-note{color:#7c6021;align-items:center;gap:5px;font-size:12.5px;font-weight:700;display:inline-flex}.teachback-dialogue{gap:10px;max-height:320px;padding:4px 2px;display:grid;overflow-y:auto}.teachback-message{border-radius:12px;gap:3px;max-width:88%;padding:10px 13px;display:grid}.teachback-message strong{opacity:.75;font-size:11.5px}.teachback-message p{margin:0;font-size:13.5px;line-height:1.65}.teachback-message--xiaozhi{background:#fff;border:1px solid #d9e5ee;border-top-left-radius:4px}.teachback-message--me{color:#1d3d57;background:#dcebf5;border-top-right-radius:4px;justify-self:end}.teachback-quick{flex-wrap:wrap;gap:10px;display:flex}.teachback-reasons{gap:8px;display:grid}.teachback-reasons button{color:var(--color-ink);text-align:left;background:#fff;border:1px solid #cddbe6;border-radius:9px;padding:10px 14px;font-size:13.5px;line-height:1.5}.teachback-reasons button:hover,.teachback-reasons button:focus-visible{background:#eef5fa;border-color:#4f89b6}.teachback-composer{gap:8px;display:grid}.teachback-composer textarea{resize:vertical;border:1px solid #cddbe6;border-radius:9px;padding:10px 13px;font-size:13.5px;line-height:1.6}.teachback-composer__actions{justify-content:flex-end;gap:10px;display:flex}.teachback-composer__actions .listening{color:#8a4a12;border-color:#d79a4e}.teachback-composer__fallback{color:#35688f;text-underline-offset:3px;background:0 0;border:none;justify-self:start;align-items:center;gap:6px;padding:4px 2px;font-size:12.5px;text-decoration:underline;display:inline-flex}.teachback-composer__error{color:#8b3d31;margin:0;font-size:12.5px}.family-quiz-status{color:#1f644b;text-align:center;margin:10px 0 0;font-size:13px;font-weight:700}.lesson-details{gap:0;max-width:980px;margin:16px auto 0;display:grid}.lesson-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.lesson-facts article{border:1px solid var(--color-line);border-radius:var(--radius-md);background:#fffdf8;grid-template-columns:20px minmax(0,1fr);gap:3px 8px;min-width:0;padding:14px;display:grid}.lesson-facts article>svg{color:var(--color-brand);grid-row:1/3}.lesson-facts span{color:#665f54;font-size:11px}.lesson-facts strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.lesson-outline-card{border:1px solid var(--color-line);border-radius:var(--radius-md);background:#fffdf8;margin-top:12px;overflow:hidden}.lesson-outline-toggle{width:100%;min-height:64px;color:var(--color-ink);text-align:left;background:#fffdf8;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:11px;padding:12px 18px;display:grid}.lesson-outline-toggle>svg:first-child{color:var(--color-blue)}.lesson-outline-toggle>span{gap:2px;min-width:0;display:grid}.lesson-outline-toggle strong{font-size:14px}.lesson-outline-toggle small{color:#6f756f;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.lesson-outline-toggle>svg:last-child{color:#7b817d;transition:transform .16s}.lesson-outline-card.is-expanded .lesson-outline-toggle>svg:last-child{transform:rotate(180deg)}.lesson-outline-content{border-top:1px solid var(--color-line);padding:0 24px 22px}.lesson-outline-content>header{border-bottom:1px solid var(--color-line);padding:17px 0}.lesson-outline-content>header>span{color:#6f6658;font-size:13px;font-weight:900}.lesson-outline-card h2{margin:7px 0 0;font-size:18px}.lesson-outline-content>header p{color:#665f54;margin:5px 0 0;font-size:13px}.lesson-outline-content>section{border-bottom:1px solid var(--color-line);padding:16px 0}.outline-section-title{color:var(--color-brand-strong);align-items:center;gap:7px;display:flex}.outline-section-title h3{margin:0;font-size:14px}.lesson-outline-card ol{color:#625d55;gap:8px;margin:12px 0 0;padding-left:24px;font-size:13px;line-height:1.55;display:grid}.lesson-outline-content>footer{color:#756b5a;align-items:flex-start;gap:8px;padding-top:15px;font-size:12px;display:flex}.assistant-hub{flex-direction:column;height:100%;min-height:0;display:flex}.assistant-tabs{flex:0 0 var(--header-height);border-bottom:1px solid var(--color-line);background:#fffdf8;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;padding:0 14px;display:grid}.assistant-tabs button{color:#7b7264;background:0 0;border:1px solid #0000;border-bottom:0;border-radius:8px 8px 0 0;justify-content:center;align-items:center;gap:6px;min-height:48px;font-size:13px;font-weight:800;display:flex}.assistant-tabs button.active{color:var(--color-brand-strong);border-color:var(--color-line);background:#fffaf1}.portfolio-panel{flex:1;min-height:0;padding:18px 16px;overflow:auto}.portfolio-panel>header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.portfolio-panel>header h2{margin:3px 0 0;font-size:17px}.portfolio-panel>header p{color:#665f54;margin:5px 0 0;font-size:11px;line-height:1.45}.portfolio-panel>header>strong{color:#fff;background:var(--color-sun);border-radius:12px;place-items:center;min-width:24px;height:20px;font-size:11px;display:grid}.certificate-card{color:#6d5a34;text-align:left;border-radius:var(--radius-md);background:0 0;border:1px dashed #d8bd78;justify-content:center;align-items:center;gap:9px;width:100%;min-height:76px;margin-top:26px;padding:12px;display:flex}.certificate-card:hover,.certificate-card:focus-visible{color:var(--color-brand-strong);border-color:var(--color-sun);background:#fffaf0}.certificate-card>div{gap:3px;display:grid}.certificate-card strong{font-size:13px}.certificate-card span{color:#665f54;font-size:11px}.certificate-card.unlocked{color:#39774a;background:#edf6ef;border-color:#74a981}.rail-work-list{gap:7px;margin-top:18px;display:grid}.rail-work-list button{min-height:56px;color:var(--color-ink);text-align:left;border:1px solid var(--color-line);border-radius:var(--radius-md);background:#fffdf8;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:8px;padding:8px;display:grid}.rail-work-list button>span{color:var(--color-brand-strong);font-size:11px;font-weight:900}.rail-work-list button>div{gap:3px;min-width:0;display:grid}.rail-work-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.rail-work-list small{color:var(--color-muted);font-size:10px}.rail-empty-work{color:#756e62;text-align:center;place-content:center;justify-items:center;gap:7px;min-height:220px;display:grid}.rail-empty-work p{margin:0;font-size:13px}.rail-empty-work span{max-width:200px;font-size:11px;line-height:1.55}.rail-empty-work button{min-height:34px;color:var(--color-brand-strong);background:var(--color-brand-soft);border-radius:var(--radius-sm);align-items:center;gap:4px;margin-top:6px;padding:0 12px;font-size:11px;font-weight:800;display:inline-flex}.rail-manage-works{width:100%;min-height:38px;color:var(--color-brand-strong);background:var(--color-brand-soft);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:6px;margin-top:12px;font-size:11px;font-weight:800;display:flex}.assistant-hub>.tutor-panel{flex:1;min-height:0;overflow:hidden}.capability-studio{gap:18px;display:grid}.capability-studio__intro{border-left:4px solid var(--color-blue);background:#edf4f8;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px 16px;display:grid}.capability-studio__icon{color:#245d8f;background:#fff;border:1px solid #cbddea;border-radius:8px;place-items:center;width:46px;height:46px;display:grid}.capability-studio__intro span{color:#47708d;font-size:12px;font-weight:800}.capability-studio__intro h3{margin:2px 0 3px;font-size:19px}.capability-studio__intro p{color:#526570;margin:0;font-size:13px;line-height:1.55}.capability-studio__intro em{color:#744600;background:#fff1cf;border-radius:5px;padding:5px 8px;font-size:11px;font-style:normal;font-weight:800}.capability-studio__section{gap:12px;padding-top:2px;display:grid}.capability-studio__section+.capability-studio__section{border-top:1px solid var(--color-line);padding-top:18px}.capability-studio__section>header{grid-template-columns:32px minmax(0,1fr) 22px;align-items:start;gap:10px;display:grid}.capability-studio__section>header>span{color:#fff;background:#397652;border-radius:6px;place-items:center;width:32px;height:28px;font-size:11px;font-weight:900;display:grid}.capability-studio__section>header h4{margin:0;font-size:15px}.capability-studio__section>header p{color:var(--color-muted);margin:3px 0 0;font-size:12px;line-height:1.5}.capability-studio__section>header>svg{color:#397652}.capability-fields{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.capability-fields label,.capability-analysis{color:#4f4a42;gap:6px;font-size:12px;font-weight:800;display:grid}.capability-fields input,.capability-fields select,.capability-fields textarea,.capability-analysis textarea{width:100%;min-height:42px;color:var(--color-ink);border:1px solid var(--color-line-strong);font:inherit;background:#fff;border-radius:7px;padding:10px 11px;font-size:13px;line-height:1.5}.capability-fields textarea,.capability-analysis textarea{resize:vertical}.training-data-source{color:#385c4a;background:#eef6f0;border-left:3px solid #397652;align-items:flex-start;gap:9px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.training-data-source svg{flex:none;margin-top:1px}.training-data-source>div{gap:2px;display:grid}.training-data-source span{color:#52655a}.capability-fields input:focus,.capability-fields select:focus,.capability-fields textarea:focus,.capability-analysis textarea:focus{border-color:var(--color-blue);outline:3px solid #3771a621}.capability-trials{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;display:grid}.capability-trials>article{border:1px solid var(--color-line);background:#fffdf8;border-radius:8px;align-content:start;gap:10px;min-width:0;padding:12px;display:grid}.capability-trials>article>header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.capability-trials>article>header>div{gap:4px;min-width:0;display:grid}.capability-trials strong{font-size:13px}.capability-trials small{color:var(--color-muted);font-size:11px;line-height:1.45}.capability-trials>article>button{color:#fff;background:#397652;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.capability-trials>article>button:disabled{cursor:not-allowed;opacity:.45}.training-job{border-top:1px solid var(--color-line);gap:8px;padding-top:9px;display:grid}.training-job>header{justify-content:space-between;align-items:center;gap:8px;display:flex}.training-job>header>span{color:#245d8f;font-size:12px;font-weight:900}.training-job__progress{background:#e2ded4;border-radius:3px;height:6px;overflow:hidden}.training-job__progress i{background:#397652;height:100%;transition:width .16s;display:block}.training-job__stages{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.training-job__stages li{color:#767066;text-align:center;font-size:11px}.training-job__stages li.done{color:#2f6847;font-weight:800}.training-job>p{color:#5b625d;margin:0;font-size:12px;line-height:1.5}.training-job>button{border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 9px;font-size:11px;font-weight:800;display:inline-flex}.training-job>button:disabled{cursor:wait;opacity:.55}.training-job__cancel{color:#7c3d32;background:#fff4ef;border:1px solid #e7bcb2}.training-job__retry{color:#fff;background:#397652}.training-job__delete{color:#7c3d32;background:#fff4ef;border:1px solid #e7bcb2;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:fit-content;min-height:36px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.capability-result{gap:9px;display:grid}.capability-result>img{aspect-ratio:16/10;object-fit:cover;border:1px solid var(--color-line);border-radius:6px;width:100%}.capability-result>audio{width:100%;height:38px}.capability-result>video{aspect-ratio:16/9;border:1px solid var(--color-line);background:#0c1116;border-radius:6px;width:100%}.capability-result>div{gap:5px;display:grid}.capability-result span{color:#47708d;align-items:center;gap:5px;font-size:11px;font-weight:800;display:inline-flex}.capability-result p{overflow-wrap:anywhere;color:var(--color-muted);margin:0;font-size:12px;line-height:1.5}.capability-text-output{color:#2b3f34;white-space:pre-wrap;overflow-wrap:anywhere;background:#f2f8f4;border-left:3px solid #3d8f6b;border-radius:0 6px 6px 0;margin:0;padding:10px 12px;font-size:13px;line-height:1.7}.capability-regenerate{border:1px solid var(--color-line);color:#47708d;cursor:pointer;background:0 0;border-radius:6px;justify-self:start;align-items:center;gap:5px;margin-top:4px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.capability-regenerate:hover:not(:disabled){background:#f2f7fb;border-color:#47708d}.capability-regenerate:disabled{opacity:.5;cursor:default}.training-predictions{border-top:1px solid var(--color-line);gap:4px;margin:2px 0 0;padding:7px 0 0;list-style:none;display:grid}.training-predictions li{color:#41614e;background:#eef6f0;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:5px;padding:4px 5px;font-size:11px;display:grid}.training-predictions li.error{color:#7c3d32;background:#fff1eb}.training-predictions li span{overflow-wrap:anywhere;min-width:0;color:inherit;font-weight:600;display:block}.training-predictions li strong{font-size:11px}.capability-analysis{position:relative}.capability-analysis textarea{min-height:96px;padding-bottom:27px}.capability-analysis small{color:var(--color-muted);font-size:10px;font-weight:500;position:absolute;bottom:8px;right:10px}.capability-studio__boundary{color:#5f594f;background:#f6f2e9;border-radius:7px;align-items:flex-start;gap:7px;padding:10px 12px;font-size:11px;line-height:1.5;display:flex}.capability-studio__boundary svg{color:#966312;flex:none}.workspace-dialog-backdrop{z-index:120;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2b282380;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.workspace-dialog{background:#fffdf8;border-radius:16px;width:min(520px,100%);max-height:min(720px,100vh - 40px);overflow:hidden;box-shadow:0 24px 70px #251f1747}.workspace-dialog button{font-weight:800}.dialog-hero{color:#fff;position:relative}.dialog-hero h2,.dialog-hero p{margin:0}.dialog-hero h2{font-size:18px}.dialog-hero p{opacity:.88;margin-top:5px;font-size:10px}.dialog-hero>button,.archive-dialog>header>button{width:34px;height:34px;color:inherit;background:#ffffff29;border-radius:50%;place-items:center;display:grid}.dialog-hero--green{background:#3e7448;justify-content:space-between;align-items:flex-start;gap:20px;padding:26px 24px;display:flex}.outline-dialog__body{max-height:570px;padding:12px 20px 24px;overflow:auto}.outline-dialog__body>section{padding:10px 0}.outline-dialog__body section>header{justify-content:space-between;align-items:center;padding:0 3px 6px;display:flex}.outline-dialog__body h3{margin:0;font-size:12px}.outline-dialog__body section>header span{color:#625b50;background:#eee7d9;border-radius:9px;padding:3px 7px;font-size:9px}.outline-dialog__body section>button{color:#5f5a51;text-align:left;border-radius:var(--radius-sm);background:0 0;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:36px;padding:5px 9px;font-size:10px;display:grid}.outline-dialog__body section>button:not(:disabled):hover,.outline-dialog__body section>button.current{color:var(--color-brand-strong);background:var(--color-brand-soft)}.outline-dialog__body section>button:disabled{cursor:not-allowed;opacity:.5}.outline-dialog__body em{color:#8b650d;background:#f5ebcf;border-radius:4px;padding:2px 5px;font-size:8px;font-style:normal}.share-dialog{width:min(420px,100%)}.dialog-hero--blue{text-align:center;background:var(--color-brand);justify-items:center;padding:30px 26px 24px;display:grid}.dialog-hero--blue>button{position:absolute;top:16px;right:16px}.dialog-brand-mark{background:#ffffff26;border-radius:10px;place-items:center;width:52px;height:52px;margin-bottom:14px;font-size:24px;font-weight:900;display:grid}.share-dialog__body{padding:24px 26px 26px}.share-stats{grid-template-columns:repeat(3,1fr);margin-bottom:20px;display:grid}.share-stats strong{color:var(--color-brand);justify-items:center;gap:3px;font-size:22px;display:grid}.share-stats span{color:#8b8377;font-size:9px;font-weight:400}.share-link-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.share-link-row input{color:#766f64;border:1px solid var(--color-line);border-radius:var(--radius-md);background:#faf5ea;min-width:0;height:42px;padding:0 12px;font-size:10px}.share-link-row button,.system-share{color:#fff;background:var(--color-brand);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:6px;min-height:42px;padding:0 14px;font-size:10px;display:inline-flex}.share-platforms{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.share-platforms button{color:#615b52;border:1px solid var(--color-line);border-radius:var(--radius-md);background:#fff9ee;min-height:42px;font-size:10px}.system-share{width:100%;color:var(--color-brand-strong);background:var(--color-brand-soft);margin-top:12px}.archive-dialog{width:min(420px,100%);padding:24px 26px 26px}.archive-dialog>header{text-align:center;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.archive-dialog>header>div{flex:1}.archive-dialog>header h2,.archive-dialog>header p{margin:0}.archive-dialog>header h2{font-size:17px}.archive-dialog>header p{color:#7d7568;margin-top:6px;font-size:10px}.archive-dialog>header>button{color:#7b7469;background:#f1ece2;flex:0 0 34px}.archive-preview{background:#f8f0df;border:1px solid #e4d3b4;border-radius:12px;margin-top:18px;padding:20px}.archive-preview__brand{align-items:center;gap:10px;display:flex}.archive-preview__brand>span{color:#fff;background:var(--color-brand);border-radius:8px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.archive-preview__brand>div{gap:3px;display:grid}.archive-preview__brand strong{font-size:11px}.archive-preview__brand small{color:#918778;font-size:8px}.archive-preview dl{gap:0;margin:16px 0 0;display:grid}.archive-preview dl>div{border-bottom:1px dashed #ded0b7;justify-content:space-between;align-items:center;gap:16px;min-height:38px;display:flex}.archive-preview dl>div:last-child{border-bottom:0}.archive-preview dt,.archive-preview dd{margin:0;font-size:10px}.archive-preview dd{font-weight:800}.archive-actions{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:16px;display:grid}.archive-actions button{color:#5d574f;border:1px solid var(--color-line);border-radius:var(--radius-md);background:#fff9ee;justify-content:center;align-items:center;gap:6px;min-height:44px;font-size:10px;display:inline-flex}.archive-actions .archive-json{color:#fff;background:var(--color-brand);border-color:var(--color-brand);grid-column:1/-1}.dialog-message{color:#39774a;text-align:center;margin:12px 0 0;font-size:10px;font-weight:800}.mobile-nav,.drawer-backdrop{display:none}@media (width<=1500px){:root{--rail-width:280px;--tutor-width:280px}}@media (width<=1180px){.workspace-topbar__tutor{display:inline-grid}.app-layout{grid-template-columns:var(--rail-width) minmax(0, 1fr)}.tutor-drawer{z-index:70;flex-direction:column;width:100vw;transition:transform .18s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(105%)}.tutor-drawer--open{transform:translate(0)}.tutor-return{border-bottom:1px solid var(--color-line);background:#fbf7ee;flex:none;align-items:center;padding:10px 12px;display:flex}.tutor-return button{color:#fff;background:var(--color-brand);border-radius:999px;align-items:center;gap:6px;padding:9px 18px;font-size:14px;font-weight:600;display:inline-flex}.tutor-drawer .assistant-hub{flex:1;height:auto;min-height:0}.drawer-backdrop{z-index:60;background:#17212857;width:100%;height:auto;display:block;position:fixed;inset:0}}@media (width<=1500px){.workspace-topbar__actions>.topbar-tool{justify-content:center;width:38px;padding:0}.workspace-topbar__actions>.topbar-tool>span{display:none}}@media (width<=880px){.workspace-topbar{gap:9px;padding:0 12px}.workspace-topbar__menu{display:inline-grid}.app-layout{display:block}.course-drawer{z-index:70;width:min(var(--rail-width), 88vw);transition:transform .18s;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:14px 0 32px #17212826}.course-drawer--open{transform:translate(0)}.course-drawer .drawer-close{background:#fff;flex:0 0 38px;display:inline-grid;position:static}.course-rail{padding-top:18px}.main-content{height:100dvh}.workspace-scroll{padding-bottom:88px;scroll-padding-bottom:88px}.practice-layout{grid-template-columns:1fr}.practice-workspace{border-right:0;border-bottom:1px solid var(--color-line)}.lab-checklist{grid-template-columns:1fr}.lab-checklist>.creation-delivery-spec,.lab-checklist>.lab-checklist__heading,.lab-checklist>.task-check,.lab-checklist>.note-field,.lab-checklist>.practice-runtime-issue{grid-area:auto/1}.lab-checklist>.creation-delivery-spec{border-right:0;border-bottom:1px solid var(--color-line);margin-right:0;padding-bottom:18px;padding-right:0}.work-grid,.school-content-grid{grid-template-columns:1fr}.mobile-nav{z-index:55;min-height:62px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--color-line);background:#fff;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:var(--color-muted);background:0 0;place-content:center;gap:3px;font-size:9px;font-weight:800;display:grid}.mobile-nav button.active{color:var(--color-brand)}.mobile-nav__tutor img{object-fit:cover;object-position:50% 20%;border-radius:50%;width:36px;height:36px;margin:auto}}@media (width<=640px){body{overflow:hidden}.course-brand{flex-basis:64px}.assistant-tabs{flex-basis:46px;padding:0 10px}.assistant-tabs button{min-height:40px;font-size:12px}.video-placeholder{min-height:0}.video-placeholder__scene{gap:15px;min-height:250px;padding:30px 20px}.video-placeholder__scene strong{font-size:15px}.video-placeholder__scene p{margin-top:34px}.video-placeholder__controls{grid-template-columns:36px minmax(0,1fr) auto 36px;gap:8px;min-height:56px;padding:8px 10px}.video-placeholder__controls>button{width:36px;height:36px}.video-stage>.stage-panel__footer{align-items:stretch;margin-top:22px}.lesson-facts{gap:6px}.lesson-facts article{flex-direction:column;gap:4px;min-width:0;padding:10px;display:flex}.lesson-facts article>svg{width:16px;height:16px}.lesson-facts strong{font-size:9px}.lesson-outline-card{padding:0}.workspace-dialog-backdrop{align-items:end;padding:10px}.workspace-dialog{border-radius:14px;max-height:calc(100dvh - 20px)}.outline-dialog__body{max-height:calc(100dvh - 135px)}.share-dialog__body,.archive-dialog{padding-left:18px;padding-right:18px}.lesson-summary{min-height:0;margin-bottom:15px;padding:0 2px 16px;display:grid}.lesson-summary__tutor{display:none}.lesson-summary h2,.page-view__header h2{font-size:20px}.lesson-summary p{font-size:11px}.stage-nav{border-radius:var(--radius-sm);scrollbar-width:none;display:flex;overflow-x:auto}.stage-nav::-webkit-scrollbar{display:none}.stage-nav__item{flex:0 0 118px;border-right:1px solid var(--color-line)!important;border-bottom:0!important}.stage-panel__header{min-height:74px;padding:15px}.stage-panel__header h2{font-size:17px}.creation-studio-header{grid-template-columns:1fr;gap:12px;padding:16px 15px}.creation-studio-header__title h2{font-size:18px}.creation-media-strip{justify-items:start;max-width:none}.creation-media-strip>span{min-height:0;padding:0}.stage-panel__footer{flex-direction:column;align-items:stretch;padding:12px 15px}.stage-panel__footer--end{align-items:flex-end}.stage-panel__footer .button,.practice-policy,.practice-submit{width:100%}.practice-submit{gap:7px;display:grid}.practice-reset-command{justify-self:start}.practice-reset-confirm{grid-template-columns:minmax(0,1fr) auto auto;display:grid}.creation-support>summary{padding-left:14px;padding-right:14px}.video-placeholder{grid-template-columns:1fr;min-height:0}.video-placeholder__art{min-height:190px}.video-placeholder__content{padding:24px 18px}.video-placeholder__content h3{font-size:22px}.video-frame{aspect-ratio:16/9;min-height:0}.question-block{padding:20px 15px}.question-block>strong{font-size:17px}.choice-option{padding:8px 10px}.feedback-panel{margin:0 15px 18px}.practice-workspace,.lab-checklist{padding:18px 15px}.ai-quiz-focus{min-height:390px;padding:15px}.ai-quiz-focus>header{flex-direction:column;align-items:flex-start;gap:3px}.ai-quiz-focus__prompt{grid-template-columns:1fr;gap:12px;min-height:160px;padding:15px}.ai-quiz-focus__prompt>svg{padding:9px}.ai-quiz-focus__prompt p{font-size:17px}.ai-quiz-focus__actions{grid-template-columns:1fr}.ai-quiz-focus>footer{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-quiz-dots{grid-area:1/1/auto/3}.practice-runtime-error{grid-template-columns:22px minmax(0,1fr)}.practice-runtime-error .button{grid-column:1/-1;width:100%}.rps-buttons{gap:6px}.rps-button{min-height:72px}.privacy-scenario{grid-template-columns:20px minmax(0,1fr) 20px}.binary-actions{grid-column:2/4;justify-self:start}.knowledge-list{padding:2px 15px}.knowledge-list li{grid-template-columns:28px minmax(0,1fr) 21px;gap:8px}.essential-question{margin:10px 15px 18px}.reflection-editor{padding:20px 15px}.reflection-editor small{bottom:30px;right:25px}.completion-scene{min-height:300px;padding:26px 18px}.page-view__header{align-items:start;gap:12px;margin-bottom:14px;padding-bottom:12px}.page-view__header>svg{display:none}.large-progress{font-size:25px}.school-login-layout,.school-login-fields,.gallery-grid{grid-template-columns:1fr}.school-login-panel,.school-access-note{padding:18px 15px}.school-heading{align-items:flex-start}.school-heading__mark{display:none}.school-heading h1{font-size:23px}.school-heading .button{min-height:36px;padding:0 10px;font-size:10px}.school-safety-band{flex-wrap:wrap;align-items:flex-start;gap:7px 10px}.school-safety-band span:last-child{width:100%;margin-left:29px}.progress-lesson-list{grid-template-columns:1fr}.progress-lesson-list button:nth-child(odd){border-right:0}.course-drawer,.tutor-drawer{bottom:0}}@media (width<=560px){.work-card__footer{flex-direction:column;align-items:flex-start}.work-actions{justify-content:flex-start;width:100%}.work-actions .work-submit{margin-left:auto}.work-dialog-backdrop{padding:10px}.work-dialog{max-height:calc(100vh - 20px)}.work-history li{grid-template-columns:36px minmax(0,1fr)}.work-history li>span:last-of-type,.work-history time{grid-column:2}.work-assets{margin-inline:12px}.work-dialog__commands,.work-editor footer,.work-delete-confirm footer{flex-direction:column-reverse;align-items:stretch}}@media (width<=700px){.ai-quiz-list article{grid-template-columns:22px minmax(0,1fr) 18px}.ai-quiz-list .binary-actions{grid-column:2/4;justify-self:start}.room-options button,.device-options button{flex:130px;justify-content:center}.transcript-grid{grid-template-columns:1fr}.transcript-grid section{border-right:0;border-bottom:1px solid var(--color-line)}.permission-audit article,.footprint-grid article{grid-template-columns:minmax(0,1fr) 18px}.permission-audit .binary-actions,.footprint-grid .binary-actions{grid-column:1/3;justify-self:start}.footprint-grid,.portfolio-picker,.growth-fields,.storyboard-shots,.debate-prep,.sketch-results{grid-template-columns:1fr}.local-practice-intro{grid-template-columns:22px minmax(0,1fr)}.local-practice-intro>strong{grid-column:2}.questionnaire-list>article>label,.experiment-result,.subject-picker,.rule-rows>article{grid-template-columns:1fr}.questionnaire-options{padding-left:11px}.rule-rows .icon-command{justify-self:end}.debate-turns>article>.button{grid-column:1/-1;width:100%}}@media (width<=640px){:root{--header-height:calc(58px + env(safe-area-inset-top))}.workspace-topbar{padding:calc(6px + env(safe-area-inset-top)) 10px 4px;grid-template-rows:48px;grid-template-columns:44px minmax(0,1fr) 44px;gap:0 8px;display:grid}html[data-container=wechat-mini-program]{--header-height:58px}html[data-container=wechat-mini-program] .workspace-topbar{padding-top:6px}.workspace-topbar .icon-command{width:44px;height:44px}.workspace-topbar--slim{flex-basis:calc(46px + env(safe-area-inset-top));padding:calc(4px + env(safe-area-inset-top)) 10px 2px;grid-template-rows:40px}.workspace-topbar--slim .icon-command{width:40px;height:40px}html[data-container=wechat-mini-program] .workspace-topbar--slim{padding-top:4px}.workspace-topbar__title{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.workspace-topbar__actions{grid-area:1/2/auto/-1;justify-content:flex-end;align-items:center;min-width:0;margin:0;display:flex}.workspace-topbar__settings{position:static}.workspace-topbar__tutor,.workspace-topbar__actions>.topbar-tool{display:none}.lesson-mode-switch{flex:1;min-width:0}.lesson-mode-switch button{min-height:42px;padding:0 10px;font-size:12px}.course-unlock,.course-unlock--compact{border-left:0;border-right:0;grid-template-columns:40px minmax(0,1fr);gap:12px;width:100%;margin:0;padding:20px 16px}.course-unlock__mark,.course-unlock--compact .course-unlock__mark{width:40px;height:40px;box-shadow:none}.course-unlock h2,.course-unlock--compact h2{font-size:18px}.course-unlock p{font-size:12px}.course-unlock__facts{gap:7px;display:grid}.course-unlock__actions{grid-template-columns:1fr;display:grid}.course-unlock__actions .button{width:100%}.mobile-lesson-meter{background:#e7dece;height:3px;display:block;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.mobile-lesson-meter>span{background:#2e8a63;height:100%;transition:width .22s;display:block}.workspace-settings{width:calc(100vw - 16px);max-height:calc(100dvh - var(--header-height) - 76px);top:calc(100% - 2px);right:8px;overflow:auto}.workspace-settings__lesson-tools{border-top:1px solid var(--color-line);padding:10px 0 12px;display:block}.workspace-settings__lesson-tools>div{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px;display:grid}.workspace-settings__lesson-tools button{justify-content:center;width:100%;min-height:50px;padding:0}.workspace-scroll{padding:0 0 calc(88px + env(safe-area-inset-bottom));scroll-padding-bottom:calc(88px + env(safe-area-inset-bottom));background:#f0f3f1}.workspace-scroll--classroom{background:#fff}.page-view{padding:14px 14px 0}.notice-bar{margin:12px}.video-stage,.practice-stage,.work-stage{border:0;border-radius:0;width:100%;max-width:none;margin:0}.video-stage{flex-direction:column;display:flex}.video-stage>.video-frame,.video-stage>.video-placeholder{order:-1}.video-stage>.stage-panel__header{background:#fff;border-bottom:8px solid #f0f3f1;gap:10px;min-height:0;padding:12px 16px;display:flex}.video-stage>.stage-panel__header h2{margin:0;font-size:16px}.video-stage>.stage-panel__header .eyebrow{display:none}.video-frame,.video-placeholder{border-radius:0}.video-stage .video-frame:not(.video-playback--expanded),.video-stage .video-placeholder:not(.video-playback--expanded){z-index:30;position:sticky;top:0;box-shadow:0 8px 22px #1721283d}.video-stage .warmup-card{background:#fff;border:0;border-bottom:8px solid #f0f3f1;border-radius:0;margin:0;padding:14px 16px}.video-fullscreen-command{display:none}.video-stage>.stage-panel__footer{background:#fff;border:0;border-bottom:8px solid #f0f3f1;border-radius:0;margin:0;padding:18px 16px}.lesson-details{max-width:none;margin:0}.lesson-facts{display:none}.lesson-outline-card{background:#fff;border:0;border-radius:0;margin:0;padding:0}.lesson-outline-toggle{background:#fff;min-height:56px;padding:9px 16px}.lesson-outline-content{padding:0 18px 18px}.warmup-card__icon,.lesson-outline-toggle>svg:first-child,.lesson-outline-toggle small,.creation-media-strip,.creation-studio-header .eyebrow,.practice-precheck-notice>svg,.teachback-card__icon{display:none}.lesson-outline-toggle{grid-template-columns:minmax(0,1fr) 24px;min-height:52px}.warmup-card__header,.teachback-card__header{grid-template-columns:minmax(0,1fr) auto}.capability-studio__intro{grid-template-columns:minmax(0,1fr);gap:4px;padding:12px 14px}.capability-studio__icon,.capability-studio__intro>div>span,.capability-studio__intro h3,.capability-studio__intro em{display:none}.capability-studio__boundary{font-size:11px}.practice-stage>.stage-panel__header,.work-stage{background:#fff}.mobile-nav{min-height:72px;padding:4px 4px calc(4px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px #342c1f14}.mobile-nav button{border-top:3px solid #0000;gap:4px;min-width:0;min-height:64px;font-size:10px}.mobile-nav button.active{color:var(--color-brand-strong);border-top-color:var(--color-brand)}.mobile-nav button svg{width:22px;height:22px;margin:auto}.mobile-nav__tutor img{object-fit:cover;object-position:50% 20%;background:#fff;border:3px solid #fff;border-radius:50%;width:46px;height:46px;margin:-13px auto -2px;box-shadow:0 4px 14px #2047683d}.mobile-nav .mobile-nav__tutor{color:var(--color-brand-strong);border-top-color:#0000}}@media (width<=880px){html[data-container=wechat-mini-program] .mobile-nav{display:none}html[data-container=wechat-mini-program] .workspace-scroll{padding-bottom:54px;scroll-padding-bottom:54px}}.app-shell--mini-tutor{overscroll-behavior-x:none;width:100%;height:100dvh;overflow:hidden}.app-shell--mini-tutor .app-layout{width:100%;height:100dvh;display:block;overflow:hidden}.app-shell--mini-tutor .course-drawer,.app-shell--mini-tutor .main-content{display:none}.app-shell--mini-tutor .tutor-drawer--standalone{z-index:70;width:100%;height:100dvh;box-shadow:none;touch-action:pan-y;background:#fffdf8;border:0;transition:transform .22s ease-out;position:fixed;inset:0;overflow:hidden;transform:translateY(100%)}.app-shell--mini-tutor .tutor-drawer--standalone.tutor-drawer--open{transform:translateY(0)}.app-shell--mini-tutor .assistant-hub,.app-shell--mini-tutor .assistant-hub>.tutor-panel{width:100%;height:100%;overflow-x:hidden}.app-shell--mini-tutor .assistant-tabs,.app-shell--mini-tutor .portfolio-panel,.app-shell--mini-tutor .drawer-backdrop{display:none}.app-shell--mini-tutor .tutor-panel__header{padding-top:max(14px, env(safe-area-inset-top))}@media (prefers-reduced-motion:reduce){.spin{animation-duration:2.5s}.course-drawer,.tutor-drawer,.mobile-lesson-meter>span{transition:none}}.tutor-bubble{z-index:60;border:1px solid var(--color-line);cursor:pointer;background:#fff;border-radius:16px;justify-items:center;gap:2px;padding:6px 8px 5px;display:grid;position:fixed;bottom:20px;right:18px;box-shadow:0 6px 20px #17212829}.tutor-bubble img{object-fit:cover;border-radius:50%;width:42px;height:42px}.tutor-bubble span{color:var(--color-ink,#172128);font-size:10px;font-weight:800}.tutor-bubble:hover{border-color:#3d8f6b}@media (width>=1181px){.app-layout:not(.app-layout--theater)~.tutor-bubble{display:none}}@media (width<=1100px){.tutor-bubble{bottom:84px}}@media (width<=880px){.tutor-bubble{display:none}}.tutor-speak{width:24px;height:24px;color:var(--color-muted);border:1px solid var(--color-line);cursor:pointer;background:0 0;border-radius:6px;place-items:center;margin-left:auto;display:inline-grid}.tutor-speak:hover{color:#2b5c46;border-color:#9dc4b1}.tutor-composer__actions button.listening{color:#fff;background:#c2504a;border-color:#c2504a}.login{color:#14202b;background:#fff;grid-template-columns:minmax(0,5fr) minmax(0,6fr);min-height:100dvh;display:grid}.login__brand{color:#e9f1f6;background:radial-gradient(900px 500px at 90% -10%,#4cb8ff2e,#0000 60%),linear-gradient(165deg,#0b1f2a 0%,#123040 100%);align-items:center;padding:48px clamp(32px,6vw,88px);display:flex;position:relative}.login__brand-inner{gap:22px;max-width:30rem;display:grid}.login__top-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.login__back{color:#5b6b76;align-items:center;gap:5px;margin-left:auto;font-size:13.5px;text-decoration:none;display:inline-flex}.login__back:hover{color:#14202b}.login__wordmark{letter-spacing:.04em;align-items:center;gap:10px;font-size:17px;font-weight:700;display:inline-flex}.login__wordmark img{object-fit:cover;border-radius:50%;width:34px;height:34px}.login__wordmark--mobile{color:#14202b;display:none}.login__brand h2{color:#fff;margin:0;font-size:clamp(30px,3.2vw,44px);font-weight:800;line-height:1.2}.login__brand p{color:#e9f1f6b8;margin:0;font-size:15.5px;line-height:1.8}.login__facts{color:#e9f1f699;border-top:1px solid #e9f1f629;gap:36px;margin:8px 0 0;padding:20px 0 0;font-size:12.5px;list-style:none;display:flex}.login__facts strong{color:#fff;margin-bottom:2px;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:26px;font-weight:500;line-height:1.1;display:block}.login__form{justify-content:center;align-items:center;padding:48px 24px;display:flex}.login__form-inner{gap:16px;width:min(400px,100%);display:grid}.login__form h1{letter-spacing:-.01em;margin:0;font-size:28px;font-weight:800;line-height:1.25}.login__sub{color:#5b6b76;margin:-6px 0 6px;font-size:15px;line-height:1.7}.login__methods{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.login-chip{color:#14202b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #dce3e8;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 8px;font-size:14px;font-weight:600;transition:border-color .12s,background .12s,color .12s;display:inline-flex}.login-chip svg{flex:none}.login-chip:hover:not(:disabled){background:#f3f6f8}.login-chip:disabled{opacity:.55;cursor:default}.login-chip--wechat svg{color:#07c160}.login-chip--wechat:hover:not(:disabled){border-color:#07c160}.login-chip--alipay svg{color:#1677ff}.login-chip--alipay:hover:not(:disabled){border-color:#1677ff}.login-chip--phone svg{color:#356fa8}.login-chip--phone:hover:not(:disabled),.login-chip--phone.is-active{color:#285e91;background:#eef4fa;border-color:#356fa8}.login-link{color:#14202b;cursor:pointer;background:#fff;border:1px solid #dce3e8;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 16px;font-size:14.5px;font-weight:600;transition:background .12s;display:inline-flex}.login-link:hover:not(:disabled){background:#f3f6f8}.login-link:disabled{opacity:.7;cursor:default}.login__phone{gap:14px;padding-top:4px;display:grid}.login__field{color:#5b6b76;gap:6px;font-size:13px;display:grid}.login__field input{color:#14202b;background:#fff;border:1px solid #dce3e8;border-radius:12px;width:100%;min-height:50px;padding:0 14px;font-size:16px}.login__field input:focus{border-color:#356fa8;outline:none;box-shadow:0 0 0 3px #356fa824}.login__code{gap:10px;display:flex}.login__code input{flex:1;min-width:0}.login__code-btn{color:#356fa8;cursor:pointer;white-space:nowrap;background:#f3f6f8;border:1px solid #dce3e8;border-radius:12px;flex:none;min-height:50px;padding:0 16px;font-size:14px;font-weight:600}.login__code-btn:disabled{color:#9aa7b0;cursor:default}.login__hint{color:#2f7a5a;margin:-4px 0 0;font-size:13px}.login-button--brand{background:#356fa8}.login-link--quiet{color:#7a8891;background:0 0;border:0;min-height:38px;font-weight:500}.login__legal{color:#7a8891;margin:8px 0 0;font-size:12px;line-height:1.7}.beian-footer{flex-wrap:wrap;gap:14px;margin:0;font-size:12px;display:flex}.beian-footer a{color:#9aa7b0;text-decoration:none}.beian-footer a:hover{color:#14202b}.login .form-error{color:#b42318;background:#fdecec;border-radius:10px;margin:0;padding:11px 14px;font-size:13px}@media (width<=900px){.login{grid-template-columns:1fr}.login__brand{display:none}.login__form{padding:calc(env(safe-area-inset-top) + 40px) 24px calc(env(safe-area-inset-bottom) + 32px);align-items:flex-start}.login__form-inner{gap:18px}.login__wordmark--mobile{margin-bottom:20px;display:inline-flex}.login__form h1{font-size:26px}}.inline-alert--actions{flex-wrap:wrap;align-items:center}.inline-alert--actions>span{flex:16rem}.inline-alert__action{align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}