:root{color:#24322d;--ink:#24322d;--muted:#64756e;--brand:#24745a;--brand-soft:#e2f2eb;--border:#d9e3de;--paper:#fff;--danger:#a23d3d;background:#f4f7f5;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,Inter,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.app-frame{min-height:100vh}.topbar{color:#fff;background:#173c31;justify-content:space-between;align-items:center;padding:18px 28px;display:flex}.topbar h1{margin:2px 0 0;font-size:1.45rem}.topbar small{color:#bfe3d6}.user{align-items:center;gap:12px;display:flex}main{max-width:1440px;margin:auto;padding:24px}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.pane-layout{grid-template-columns:minmax(260px,34%) 1fr;gap:18px;display:grid}.panel{background:var(--paper);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 3px 14px #163c3020}.panel>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel h2{margin:0 0 14px;font-size:1.05rem}.button{color:var(--ink);cursor:pointer;background:#fff;border:1px solid #b8cbc3;border-radius:9px;padding:8px 13px}.button:hover,.button:focus-visible{border-color:var(--brand);outline:3px solid #4aae8b40}.button.primary{background:var(--brand);border-color:var(--brand);color:#fff}.field{gap:6px;margin:10px 0;display:grid}.field span{font-weight:650}.field input,.field select,textarea{background:#fff;border:1px solid #b8c8c1;border-radius:8px;width:100%;padding:9px}.field small,.muted{color:var(--muted)}.problem{border-left:4px solid var(--danger);background:#fff0f0;gap:4px;margin:10px 0;padding:12px;display:grid}.problem small{color:#704646}.status-pill{background:var(--brand-soft);color:#15533f;border-radius:99px;padding:2px 9px;font-size:.82rem;display:inline-block}.empty{color:var(--muted);text-align:center;padding:20px}.confirm{z-index:10;border:1px solid var(--border);background:#fff;border-radius:14px;min-width:280px;padding:22px;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 16px 80px #0004}.confirm div{justify-content:flex-end;gap:8px;display:flex}.list{margin:0;padding:0;list-style:none}.list li{border-top:1px solid var(--border);padding:12px 0}.list li:first-child{border-top:0}@media (width<=760px){.pane-layout{grid-template-columns:1fr}.topbar{padding:14px 18px}main{padding:14px}}.login-shell{--role-accent:#2563eb;--role-accent-deep:#3157d8;--role-soft:#e8f0ff;--role-ink:#14213f;width:100%;max-width:none;min-height:100dvh;color:var(--role-ink);background:#eef4ff;place-items:center;margin:0;padding:22px;display:grid}.login-shell[data-theme=institution]{--role-accent:#2563eb;--role-accent-deep:#3157d8;--role-soft:#e8f0ff;--role-ink:#14213f}.login-shell[data-theme=teacher]{--role-accent:#5557f2;--role-accent-deep:#4848dc;--role-soft:#ececff;--role-ink:#161b3b}.login-shell[data-theme=student]{--role-accent:#6842e8;--role-accent-deep:#5934d2;--role-soft:#f0ebff;--role-ink:#17162f}.login-layout{background:#fff;border:1px solid #dfe7f5;border-radius:28px;grid-template-columns:minmax(0,1.48fr) minmax(420px,.78fr);width:min(1540px,100%);min-height:calc(100dvh - 44px);display:grid;overflow:hidden;box-shadow:0 24px 70px #274a8421}.login-visual{background:#dcecff;min-height:680px;position:relative;overflow:hidden}.login-visual:after{content:"";pointer-events:none;background:linear-gradient(90deg,#edf6ffeb 0%,#edf6ff6b 37%,#0000 68%),linear-gradient(#0000 58%,#15264e85 100%);position:absolute;inset:0}.login-visual-image{object-fit:cover;object-position:center center;width:100%;height:100%;position:absolute;inset:0}.login-visual-copy{z-index:1;flex-direction:column;justify-content:space-between;height:100%;min-height:680px;padding:42px 48px 46px;display:flex;position:relative}.login-visual-brand,.login-mobile-brand{color:#4058ce;letter-spacing:.01em;align-items:center;gap:11px;font-size:1.22rem;font-weight:800;display:flex}.login-visual-brand img,.login-mobile-brand img{object-fit:contain;width:48px;height:48px}.login-visual-message{color:#fff;text-shadow:0 2px 16px #172a5a4d;max-width:560px}.login-kicker{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.08em;background:#ffffff1f;border:1px solid #ffffff80;border-radius:999px;padding:7px 12px;font-size:.82rem;font-weight:750;display:inline-flex}.login-visual-message h2{letter-spacing:-.04em;max-width:520px;margin:17px 0 12px;font-size:clamp(2.25rem,3.2vw,3.7rem);line-height:1.18}.login-visual-message p{color:#f4f7ff;max-width:490px;margin:0;font-size:1.05rem;line-height:1.8}.login-form-panel{background:#fff;flex-direction:column;justify-content:center;min-width:0;display:flex;position:relative}.login-form-wrap{width:min(430px,100% - 72px);margin:auto;padding:54px 0 34px}.login-mobile-brand{display:none}.login-role-badge{background:var(--role-soft);width:max-content;color:var(--role-accent-deep);border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:.83rem;font-weight:750;display:inline-flex}.login-heading{margin:19px 0 30px}.login-heading h1{color:var(--role-ink);letter-spacing:-.035em;margin:0;font-size:2rem;line-height:1.25}.login-heading p{color:#6b7890;margin:9px 0 0;font-size:.93rem;line-height:1.7}.login-card{width:100%}.login-card form{gap:17px;display:grid}.login-card .field{gap:8px;margin:0}.login-card .field>span:first-child{color:#39465e;font-size:.89rem;font-weight:700}.login-input-wrap{display:block;position:relative}.login-input-wrap>svg{z-index:1;color:#8a98b2;pointer-events:none;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.login-card .login-field input{height:52px;color:var(--role-ink);background:#fbfcff;border:1px solid #d5deec;border-radius:12px;padding:12px 15px 12px 47px;transition:border-color .16s,box-shadow .16s,background .16s}.login-card .login-field input:hover{background:#fff;border-color:#b7c5da}.login-card .login-field input:focus{border-color:var(--role-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--role-accent) 13%,transparent);background:#fff;outline:none}.login-card .button.primary{background:linear-gradient(135deg,var(--role-accent),var(--role-accent-deep));color:#fff;width:100%;min-height:52px;box-shadow:0 10px 24px color-mix(in srgb,var(--role-accent) 24%,transparent);border:0;border-radius:12px;justify-content:center;align-items:center;margin-top:5px;font-weight:750;display:inline-flex}.login-card .button.primary:hover{filter:brightness(.98);transform:translateY(-1px)}.login-card .button.primary:focus-visible{outline:3px solid color-mix(in srgb,var(--role-accent) 34%,transparent);outline-offset:3px;border-color:#0000}.login-card .button.primary:disabled{cursor:not-allowed;opacity:.72;transform:none}.login-card .button.primary:disabled[aria-busy=true]{cursor:wait}.login-security-note{color:#77849a;border-top:1px solid #e9edf4;justify-content:center;align-items:center;gap:7px;margin-top:19px;padding-top:18px;font-size:.82rem;display:flex}.login-security-note svg{color:var(--role-accent)}.login-support{text-align:center;color:#8792a6;margin:18px 0 0;font-size:.8rem}.login-footer{text-align:center;color:#9aa4b5;padding:0 34px 28px;font-size:.76rem}.login-form-hint{background:var(--role-soft);color:#53617a;border-radius:11px;margin:0 0 2px;padding:12px 14px;font-size:.86rem;line-height:1.65}.login-password-field{gap:6px;display:grid}.password-validation{color:var(--muted);margin:0;font-size:.86rem;line-height:1.6}.password-validation.password-validation-error{color:var(--appearance-danger-ink,var(--danger,#a23d3d));font-weight:600}.login-card .login-field input[aria-invalid=true]{border-color:var(--appearance-danger-ink,var(--danger,#a23d3d))}.login-card .problem{border-left-color:#d9535f;border-radius:10px;margin:0;font-size:.85rem}.login-captcha{grid-template-columns:minmax(0,1fr) 190px;align-items:end;gap:12px;display:grid}.login-captcha-image{cursor:pointer;background:#f7f9ff;border:1px solid #d5deec;border-radius:12px;grid-template-rows:48px 15px;align-items:center;height:79px;padding:6px;display:grid;overflow:hidden}.login-captcha-image img{object-fit:contain;border-radius:7px;width:100%;height:48px;display:block}.login-captcha-image span{color:#64748b;font-size:.7rem;line-height:15px}.login-captcha-image:focus-visible{outline:3px solid color-mix(in srgb,var(--role-accent) 30%,transparent);outline-offset:2px}@media (width<=1080px){.login-layout{grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr)}.login-visual-copy{padding:34px}.login-visual-message h2{font-size:2.35rem}.login-form-wrap{width:min(390px,100% - 48px)}}@media (width<=820px){.login-shell{background:#fff;padding:0}.login-layout{min-height:100dvh;box-shadow:none;border:0;border-radius:0;display:block}.login-visual{height:28vh;min-height:220px;max-height:290px}.login-visual:after{background:linear-gradient(90deg,#edf6ffde 0%,#0000 74%),linear-gradient(#0000 42%,#11275b63)}.login-visual-image{object-position:center 63%}.login-visual-copy{height:100%;min-height:0;padding:22px 24px}.login-visual-brand{display:none}.login-visual-message{align-self:flex-start}.login-visual-message h2{max-width:430px;margin:9px 0 0;font-size:1.75rem}.login-visual-message p{display:none}.login-kicker{padding:5px 9px;font-size:.72rem}.login-form-panel{justify-content:flex-start;min-height:72vh}.login-form-wrap{width:min(430px,100% - 40px);padding:30px 0 24px}.login-mobile-brand{margin-bottom:25px;font-size:1.04rem;display:flex}.login-mobile-brand img{width:40px;height:40px}.login-heading{margin:16px 0 24px}.login-heading h1{font-size:1.65rem}.login-footer{padding-bottom:22px}}@media (width<=460px){.login-visual{height:190px;min-height:190px}.login-visual-copy{padding:18px}.login-visual-message h2{max-width:340px;font-size:1.42rem}.login-form-wrap{width:calc(100% - 32px);padding-top:24px}.login-heading p{font-size:.86rem}.login-card form{gap:14px}.login-card .login-field input,.login-card .button.primary{height:50px;min-height:50px}.login-captcha{grid-template-columns:1fr}.login-captcha-image{height:72px}.login-footer{padding-inline:16px;font-size:.7rem}}.product-shell{--shell-sidebar:252px;--shell-topbar:72px;--card-radius:16px;--grid-gap:20px;--focus-ring:0 0 0 3px color-mix(in srgb,var(--shell-accent) 34%,transparent);background:var(--shell-canvas);min-height:100vh;color:var(--shell-ink);grid-template-columns:var(--shell-sidebar) minmax(0,1fr);display:grid}.product-shell[data-theme=hq],[data-theme=hq]{--shell-accent:#2563eb;--shell-accent-soft:#e8f0ff;--shell-sidebar-bg:#10244d;--shell-canvas:#f6f9ff;--shell-ink:#14213f}.product-shell[data-theme=institution],[data-theme=institution]{--shell-accent:#2563eb;--shell-accent-soft:#e8f0ff;--shell-sidebar-bg:#123e45;--shell-canvas:#f6f9ff;--shell-ink:#14213f}.product-shell[data-theme=teacher],[data-theme=teacher]{--shell-accent:#7c3aed;--shell-accent-soft:#f0eaff;--shell-sidebar-bg:#30205e;--shell-canvas:#faf8ff;--shell-ink:#30234c}.product-shell[data-theme=student],[data-theme=student]{--shell-accent:#e06b24;--shell-accent-soft:#fff0e6;--shell-sidebar-bg:#5b2b16;--shell-canvas:#fffaf5;--shell-ink:#4b2b1d}.product-sidebar{background:var(--shell-sidebar-bg);color:#fff;z-index:20;flex-direction:column;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0;overflow:hidden}.product-brand{flex:none;align-items:center;gap:10px;padding:8px 10px 24px;font-size:1.05rem;font-weight:750;display:flex}.product-sidebar>.product-profile{border:1px solid var(--border);border-radius:16px;flex-direction:column;flex:none;align-items:stretch;margin:8px 16px 16px;padding:16px}.product-navigation-label{color:#70809b;letter-spacing:.06em;padding:2px 12px 9px;font-size:.78rem;font-weight:750}.product-navigation-empty{border:1px dashed color-mix(in srgb,var(--shell-accent) 24%,#cbd5e1);color:#718096;border-radius:12px;margin:4px;padding:14px 12px;font-size:.85rem;line-height:1.6}.product-sidebar nav{overscroll-behavior:contain;align-content:start;gap:5px;min-height:0;display:grid;overflow-y:auto}.product-nav-item{color:#e9efff;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;width:100%;padding:11px 12px;display:flex}.product-nav-item:hover,.product-nav-item:focus-visible,.product-nav-item[aria-current=page]{color:#fff;background:#ffffff24;outline:none}.product-nav-item:disabled{cursor:not-allowed;opacity:.68}.product-nav-item:disabled:hover{color:inherit;background:0 0}.product-nav-item small{white-space:nowrap;background:#ffffff2c;border-radius:99px;margin-left:auto;padding:1px 7px}.product-main{min-width:0}.product-topbar{min-height:var(--shell-topbar);background:#fff;border-bottom:1px solid #dde5ef;align-items:center;gap:18px;padding:10px 28px;display:flex}.product-title{min-width:0}.product-title small{color:#65738b}.product-title h1{color:var(--shell-ink);margin:0;font-size:1.1rem}.product-header-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.product-profile{white-space:nowrap;align-items:center;gap:10px;display:flex}.product-profile .button{align-items:center;gap:5px;display:flex}.product-menu-toggle{color:var(--shell-ink);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:5px;padding:8px;display:none}.product-menu-toggle:focus-visible,.metric-card:focus-visible{box-shadow:var(--focus-ring);outline:none}.product-content{width:100%;max-width:1600px;margin:0 auto;padding:28px}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--grid-gap);margin-bottom:var(--grid-gap);display:flex}.page-header h2{margin:0;font-size:1.5rem}.page-header p{color:#64748b;margin:5px 0 0}.metric-card,.dashboard-panel{border-radius:var(--card-radius);background:#fff;border:1px solid #e0e7f0;box-shadow:0 5px 18px #2233580c}.metric-card{text-align:left;width:100%;color:var(--shell-ink);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px;display:flex}button.metric-card{cursor:pointer}.metric-card>div{gap:5px;display:grid}.metric-card strong{font-size:1.7rem}.metric-card small{color:#64748b}.metric-card>svg{background:var(--shell-accent-soft);width:38px;height:38px;color:var(--shell-accent);border-radius:11px;padding:8px}.metric-card[data-tone=teal]{--shell-accent:#008b8b;--shell-accent-soft:#e2f8f6}.metric-card[data-tone=purple]{--shell-accent:#7c3aed;--shell-accent-soft:#f0eaff}.metric-card[data-tone=orange]{--shell-accent:#e06b24;--shell-accent-soft:#fff0e6}.metric-card[data-tone=red]{--shell-accent:#c2414b;--shell-accent-soft:#ffeaed}.dashboard-panel{padding:20px}.dashboard-panel>header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.dashboard-panel h2{margin:0;font-size:1rem}.progress-bar{color:#526176;gap:7px;font-size:.9rem;display:grid}.progress-bar [role=progressbar]{background:#e6ecf5;border-radius:99px;height:9px;overflow:hidden}.progress-bar [role=progressbar] span{background:var(--shell-accent);border-radius:inherit;height:100%;display:block}.progress-bar[data-tone=teal]{--shell-accent:#008b8b}.progress-bar[data-tone=purple]{--shell-accent:#7c3aed}.progress-bar[data-tone=orange]{--shell-accent:#e06b24}.progress-bar[data-tone=red]{--shell-accent:#c2414b}.alert-card{border-radius:var(--card-radius);background:#eff6ff;border-left:4px solid #2563eb;justify-content:space-between;align-items:flex-start;gap:16px;padding:15px 17px;display:flex}.alert-card[data-tone=warning]{background:#fff8e6;border-color:#d97706}.alert-card[data-tone=danger]{background:#fff0f1;border-color:#c2414b}.alert-card strong{margin-bottom:3px;display:block}.drawer-backdrop{z-index:100;background:#12203d66;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#fff;width:min(480px,100%);height:100%;padding:22px;overflow:auto;box-shadow:-12px 0 32px #182a4d33}.drawer>header{border-bottom:1px solid #e3e9f1;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}.drawer h2{margin:0;font-size:1.15rem}.drawer-content{padding-top:18px}.data-table-wrap{border:1px solid #e0e7f0;border-radius:12px;overflow:auto}.data-table{border-collapse:collapse;background:#fff;width:100%}.data-table caption{text-align:left;padding:13px 15px;font-weight:700}.data-table th,.data-table td{text-align:left;border-top:1px solid #e6ebf2;padding:12px 15px}.data-table th{color:#5b687b;background:#f8faff;font-size:.85rem}.toast-region{z-index:110;gap:8px;max-width:min(360px,100vw - 40px);display:grid;position:fixed;bottom:20px;right:20px}.toast{color:#fff;background:#16233e;border-radius:11px;padding:12px 15px;box-shadow:0 10px 30px #17244333}.toast[data-tone=success]{background:#11705f}.toast[data-tone=warning]{background:#a65d0a}.toast[data-tone=danger]{background:#af3341}.trend-chart,.donut-chart{height:240px;position:relative}.donut-chart>span{pointer-events:none;place-items:center;font-weight:700;display:grid;position:absolute;inset:0}@media (width<=1440px){.product-content{padding:24px}.product-topbar{padding-inline:24px}}.trend-chart>svg,.donut-chart>svg{width:100%;height:100%;display:block;overflow:visible}.class-completion .donut-chart{height:128px}.growth-chart .trend-chart{height:190px}@media (width<=1280px){.product-shell{--shell-sidebar:224px}.product-content{padding:22px}.product-topbar{padding-inline:20px}}@media (width<=960px){.product-shell{display:block}.product-sidebar{width:252px;transition:transform .18s;position:fixed;left:0;transform:translate(-100%);box-shadow:8px 0 22px #12203d33}.product-sidebar[data-open=true]{transform:translate(0)}.product-menu-toggle{display:flex}.product-content{padding:20px}.product-topbar{padding-inline:16px}.product-title small{display:none}}@media (width<=720px){.product-topbar{gap:10px;min-height:64px}.product-header-actions,.product-profile>span{display:none}.product-sidebar-profile>span{display:inline}.product-content{padding:16px}.page-header{display:grid}.metric-card,.dashboard-panel{border-radius:14px}.toast-region{max-width:calc(100vw - 24px);bottom:12px;right:12px}}.product-navigation-backdrop{z-index:19;background:#12203d66;position:fixed;inset:0}.product-sidebar-close{display:none}@media (width<=960px){.product-sidebar-close{color:#fff;cursor:pointer;background:#ffffff24;border:0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex;position:absolute;top:18px;right:14px}.product-sidebar-close:focus-visible{outline:3px solid #fff9}.product-sidebar[data-compact=true][data-open=false]{visibility:hidden;pointer-events:none}}.product-shell[data-compact-navigation=true]{display:block}.product-shell[data-compact-navigation=true] .product-sidebar{width:252px;transition:transform .18s;position:fixed;left:0;transform:translate(-100%);box-shadow:8px 0 22px #12203d33}.product-shell[data-compact-navigation=true] .product-sidebar[data-open=true]{transform:translate(0)}.product-shell[data-compact-navigation=true] .product-sidebar[data-open=false]{visibility:hidden;pointer-events:none}.product-shell[data-compact-navigation=true] .product-menu-toggle{display:flex}.product-shell[data-compact-navigation=true] .product-title small{display:none}.product-shell[data-compact-navigation=true] .product-sidebar-close{color:#fff;cursor:pointer;background:#ffffff24;border:0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex;position:absolute;top:18px;right:14px}.button,button,select,input:not([type=checkbox]):not([type=radio]),.product-nav-item,.product-menu-toggle,.product-sidebar-close{min-height:44px}.data-table-wrap{max-width:100%;overflow-x:auto}:focus-visible{outline:3px solid color-mix(in srgb,var(--role-accent,var(--brand)) 42%,transparent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.product-navigation-leading{min-width:0;display:grid}.product-navigation-group{gap:4px;min-width:0;min-height:0;display:grid}.product-navigation-group-toggle{color:#465574;width:100%;min-height:42px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-weight:800;display:flex}.product-navigation-group-toggle:hover,.product-navigation-group-toggle:focus-visible{color:var(--shell-accent);background:var(--shell-accent-soft)}.product-navigation-group-toggle small{color:#7b879e;margin-left:auto;font-size:.72rem}.product-navigation-group-toggle:after{content:"";border-bottom:2px solid;border-right:2px solid;width:7px;height:7px;transition:transform .16s;transform:rotate(45deg)translate(-1px,-1px)}.product-navigation-group-toggle[aria-expanded=false]:after{transform:rotate(-45deg)}.product-navigation-group-items{gap:5px;min-width:0;min-height:0;display:grid}.product-navigation-group-items>.product-nav-item{min-width:0;max-width:100%}.product-navigation-group-items[hidden]{display:none}.product-shell[data-theme=hq],.product-shell[data-theme=institution]{--shell-sidebar:252px;--shell-accent:#2563eb;--shell-accent-soft:#e8f0ff;--shell-sidebar-bg:#fff;--shell-canvas:#f6f9ff;--shell-ink:#14213f}.product-shell[data-theme=teacher]{--shell-sidebar:192px;--shell-accent:#5557f2;--shell-accent-soft:#e9eaff;--shell-sidebar-bg:#fff;--shell-canvas:#f8f9ff;--shell-ink:#161b3b}.product-shell[data-theme=student]{--shell-sidebar:264px;--shell-accent:#6842e8;--shell-accent-soft:#eee9ff;--shell-sidebar-bg:#fff;--shell-canvas:#f8f7ff;--shell-ink:#17162f}.product-sidebar{color:var(--shell-ink);border-right:1px solid #e2e8f2;box-shadow:4px 0 20px #3450780a}.product-brand{color:var(--shell-accent)}.product-brand img{object-fit:contain;flex:none;width:38px;height:38px}.product-shell[data-theme=teacher] .product-brand{text-align:center;padding-inline:0;white-space:nowrap;flex-direction:column;gap:6px;padding-bottom:30px}.product-shell[data-theme=teacher] .product-brand img{width:54px;height:54px}.product-nav-item{color:#465574}.product-nav-item:hover,.product-nav-item:focus-visible{background:var(--shell-accent-soft);color:var(--shell-accent)}.product-nav-item[aria-current=page]{background:linear-gradient(135deg,var(--shell-accent),color-mix(in srgb,var(--shell-accent) 74%,#8aa8ff));color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--shell-accent) 22%,transparent)}.product-nav-item:focus-visible{box-shadow:var(--focus-ring)}.product-nav-item[aria-current=page]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--shell-accent) 36%,transparent),0 8px 18px color-mix(in srgb,var(--shell-accent) 22%,transparent)}.product-nav-item small{background:var(--shell-accent-soft);color:var(--shell-accent)}.product-nav-item[aria-current=page] small{color:#fff;background:#ffffff2c}.product-shell .button.primary{background:var(--shell-accent);border-color:var(--shell-accent);color:#fff}.product-shell .button:hover,.product-shell .button:focus-visible{border-color:var(--shell-accent)}.product-shell .status-pill{background:var(--shell-accent-soft);color:color-mix(in srgb,var(--shell-accent) 78%,#17203a)}.metric-card{justify-content:flex-start;align-items:center;gap:18px;min-height:132px}.metric-card>svg{border-radius:50%;order:-1;width:56px;height:56px;padding:14px}.metric-card strong{font-size:1.9rem;line-height:1.12}@media (width<=1280px){.product-shell[data-theme=hq],.product-shell[data-theme=institution],.product-shell[data-theme=teacher],.product-shell[data-theme=student]{--shell-sidebar:224px}}@media (width<=960px){.product-sidebar{width:252px}.product-sidebar-close{background:var(--shell-accent-soft);color:var(--shell-accent)}.product-sidebar-close:focus-visible{outline:3px solid color-mix(in srgb,var(--shell-accent) 36%,transparent)}}.product-shell[data-compact-navigation=true] .product-sidebar-close{background:var(--shell-accent-soft);color:var(--shell-accent)}.product-shell[data-compact-navigation=true] .product-sidebar-close:focus-visible{outline:3px solid color-mix(in srgb,var(--shell-accent) 36%,transparent)}.app-error-boundary{box-sizing:border-box;color:#16213d;background:#f4f7ff;place-items:center;min-height:100vh;padding:24px;display:grid}.app-error-boundary>section{background:#fff;border:1px solid #dce5f5;border-radius:20px;gap:14px;width:min(520px,100%);padding:32px;display:grid;box-shadow:0 20px 50px #1d4ed81a}.app-error-boundary h1,.app-error-boundary p{margin:0}.app-error-boundary p,.app-error-boundary small{color:#526079}.connectivity-banner{z-index:10000;color:#6e4d08;background:#fff8e7;border:1px solid #f2c66d;border-radius:12px;align-items:flex-start;gap:10px;width:min(430px,100vw - 24px);padding:12px 14px;display:flex;position:fixed;inset:12px 12px auto auto;box-shadow:0 12px 32px #27355929}.connectivity-banner[data-state=OFFLINE]{color:#8c2630;background:#fff0f1;border-color:#f2a9ae}.connectivity-banner[data-state=RECONNECTED]{color:#176846;background:#eefbf5;border-color:#9bd6bc}.connectivity-banner div{gap:3px;display:grid}.connectivity-banner span{font-size:13px;line-height:1.5}.step-up-backdrop{z-index:10001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a7a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.step-up-dialog{color:#14213d;background:#fff;border:1px solid #dbe4f5;border-radius:20px;width:min(440px,100%);padding:28px;box-shadow:0 24px 80px #0f172a3d}.step-up-dialog h2{margin:14px 0 8px;font-size:22px}.step-up-dialog>p{color:#66728a;margin:0 0 18px;line-height:1.7}.step-up-icon{color:#315efb;background:#edf3ff;border-radius:16px;place-items:center;width:52px;height:52px;display:grid}.step-up-dialog form label{color:#34425f;gap:8px;font-weight:700;display:grid}.step-up-dialog input{letter-spacing:.35em;border:1px solid #cbd7ec;border-radius:10px;width:100%;padding:13px 14px;font-size:20px}.step-up-dialog form>div{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.account-security-backdrop{z-index:10002;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a85;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.account-security-dialog{color:#14213d;background:#fff;border:1px solid #dbe4f5;border-radius:20px;width:min(940px,100%);max-height:calc(100vh - 48px);padding:24px;overflow:auto;box-shadow:0 24px 80px #0f172a47}.account-security-dialog>header{border-bottom:1px solid #e6ebf5;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:16px;display:flex}.account-security-dialog>header h2{margin:3px 0}.account-security-dialog>header p,.account-security-dialog>header small{color:#66728a;margin:0}.account-security-dialog>header>button{color:#66728a;cursor:pointer;background:0 0;border:0;font-size:30px}.account-security-grid{grid-template-columns:1.1fr .9fr;gap:24px;padding:18px 0;display:grid}.account-security-grid form{background:#fbfcff;border:1px solid #e1e8f5;border-radius:14px;padding:18px}.account-security-grid h3{margin:0 0 12px}.account-security-actions{align-content:start;gap:16px;display:grid}.account-security-actions form>p{color:#66728a}.account-security-dialog textarea{resize:vertical;min-height:80px}.account-security-dialog .field input{font-size:inherit;letter-spacing:normal}.account-security-success{color:#176846;background:#eefbf5;border-radius:10px;padding:10px 12px}.totp-enrollment{background:#f4f7ff;border:1px solid #b9caef;border-radius:14px;padding:18px}.totp-enrollment h3,.totp-enrollment h4{margin:0 0 10px}.totp-enrollment p{overflow-wrap:anywhere}.totp-enrollment-content{grid-template-columns:208px minmax(0,1fr);align-items:center;gap:20px;margin:14px 0;display:grid}.totp-enrollment-qr{background:#fff;border:1px solid #d6e1f5;border-radius:12px;place-items:center;width:208px;height:208px;padding:12px;display:grid;box-shadow:0 8px 24px #1f57c81a}.totp-enrollment-qr svg{width:184px;height:184px;display:block}.totp-enrollment details{margin:12px 0}.totp-enrollment summary{cursor:pointer;color:#315bb8;font-weight:600}.totp-enrollment code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.totp-recovery-codes{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.totp-recovery-codes code{background:#fff;border-radius:6px;padding:6px 8px}.totp-enrollment small{color:#66728a;margin-top:10px;display:block}.account-security-dialog>footer{border-top:1px solid #e6ebf5;justify-content:flex-end;padding-top:16px;display:flex}@media (width<=760px){.account-security-grid,.totp-enrollment-content{grid-template-columns:1fr}.totp-enrollment-qr{margin-inline:auto}.totp-recovery-codes{grid-template-columns:1fr}}.data-governance{color:#17233c;gap:16px;min-width:0;display:grid}.data-governance-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.data-governance-heading h2{margin:0;font-size:20px}.data-governance-heading p,.data-governance-form p{color:#64748b;margin:6px 0 0}.data-governance-actions,.data-governance-row-actions,.data-governance-form-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.data-governance-notice{color:#774d0a;background:#fff9e9;border:1px solid #f2cf85;border-radius:10px;padding:12px 14px;line-height:1.6}.data-governance-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.data-governance-metrics article{background:#fff;border:1px solid #e0e7f0;border-radius:10px;align-content:center;gap:4px;min-height:74px;padding:12px 16px;display:grid}.data-governance-metrics span,.data-governance-table small,.data-governance-form small{color:#6b7b92;font-size:12px}.data-governance-metrics strong{font-size:24px}.data-governance-metrics article[data-tone=danger] strong{color:#c63c4a}.list-pagination{color:inherit;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;padding:12px 18px;font-size:12px;display:flex}.list-pagination label{align-items:center;gap:6px;display:inline-flex}.list-pagination select,.list-pagination button{border:1px solid color-mix(in srgb, currentColor 25%, transparent);min-height:32px;color:inherit;font:inherit;background:0 0;border-radius:6px;padding:4px 8px}.list-pagination button{cursor:pointer;min-width:32px;font-size:20px;line-height:1}.list-pagination :disabled{opacity:.45;cursor:default}.list-pagination :focus-visible{outline-offset:2px;outline:2px solid #2468ed}.data-governance-filters{gap:12px;display:flex}.data-governance-filters label,.data-governance-form label{color:#52627a;gap:6px;font-size:13px;display:grid}.data-governance-filters select,.data-governance-form select,.data-governance-form input,.data-governance-form textarea{color:#17233c;background:#fff;border:1px solid #ccd7e6;border-radius:8px;min-height:40px;padding:8px 10px}.data-governance-table-wrap{background:#fff;border:1px solid #e0e7f0;border-radius:10px;overflow-x:auto}.data-governance-table{border-collapse:collapse;width:100%;min-width:900px}.data-governance-table caption{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.data-governance-table th,.data-governance-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e8edf4;padding:12px 14px}.data-governance-table th{color:#5d6d83;background:#f6f8fc;font-size:12px}.data-governance-table td{min-width:170px;font-size:13px}.data-governance-table td>strong,.data-governance-table td>span,.data-governance-table td>small{margin-bottom:4px;display:block}.data-governance-table details{color:#51627b;max-width:320px}.data-governance-table details p{overflow-wrap:anywhere}.data-governance-status,.data-governance-deadline{color:#245fc9;background:#eaf2ff;border-radius:999px;width:fit-content;padding:3px 7px;font-size:12px}.data-governance-status[data-status=COMPLETED],.data-governance-status[data-status=APPROVED],.data-governance-status[data-status=PROCESSING]{color:#087d68;background:#e5f8f3}.data-governance-status[data-status=REJECTED],.data-governance-status[data-status=FAILED],.data-governance-status[data-status=CANCELLED],.data-governance-deadline[data-tone=danger]{color:#b83342;background:#ffeaed}.data-governance-deadline[data-tone=warning]{color:#9a5900;background:#fff3d9}.data-governance-empty{color:#6b7b92;border:1px dashed #ccd7e6;border-radius:10px;place-items:center;min-height:90px;margin:0;display:grid}.data-governance-form{gap:14px;display:grid}.data-governance-form textarea{resize:vertical;min-height:110px}@media (width<=760px){.data-governance-heading{flex-direction:column;align-items:stretch}.data-governance-actions{justify-content:flex-start}.data-governance-metrics{grid-template-columns:1fr}}.prototype-page{color:#17233f;gap:14px;min-width:0;font-size:13px;display:grid}.prototype-page-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.prototype-page-heading>div>span,.growth-hero>div>span{color:var(--role-accent,#296ef2);letter-spacing:.13em;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.prototype-page-heading h2,.growth-hero h2{letter-spacing:-.025em;color:#111a32;margin:0;font-size:28px;line-height:1.15}.prototype-page-heading p,.growth-hero p{color:#6d7890;margin:7px 0 0;font-size:13px}.prototype-card{background:#fffffff5;border:1px solid #e2e8f2;border-radius:14px;min-width:0;box-shadow:0 6px 18px #3448740e}.prototype-card>header{border-bottom:1px solid #e8edf5;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.prototype-card>header h3,.prototype-card>h3{margin:0;font-size:15px}.prototype-table-scroll{overflow:auto}.access-workspace{grid-template-columns:218px minmax(520px,1fr) 330px;gap:12px;min-height:448px;display:grid}.access-role-list{padding-bottom:8px}.access-role-list>button{text-align:left;color:#25324b;background:#fff;border:1px solid #0000;border-radius:10px;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;width:calc(100% - 16px);min-height:62px;margin:7px 8px 0;padding:10px;display:grid}.access-role-list>button:hover,.access-role-list>button.active{background:#f4f8ff;border-color:#6da3f3}.access-role-list>button strong{font-size:13px}.access-role-list>button small{color:#68748c}.prototype-icon{color:#2775ec;background:#edf4ff;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.prototype-icon.teal{color:#13a889;background:#e7f8f4}.prototype-icon.orange{color:#e59420;background:#fff5e5}.prototype-icon.purple{color:#7058de;background:#f0edff}.permission-matrix header label{color:#758198;align-items:center;gap:7px;font-size:12px;display:flex}.permission-matrix select,.access-audit select,.schedule-filterbar select{color:#3f4c64;background:#fff;border:1px solid #dfe5ef;border-radius:7px;height:32px;padding:0 26px 0 9px}.permission-matrix table,.compact-table-card table{border-collapse:collapse;width:100%}.permission-matrix th,.permission-matrix td{text-align:center;white-space:nowrap;border:1px solid #e8edf4;height:40px;padding:6px 9px}.permission-matrix th:first-child,.permission-matrix td:first-child{text-align:left}.permission-matrix th{color:#65718a;background:#f7f9fd;font-size:11px}.permission-state{align-items:center;gap:4px;font-size:11px;display:inline-flex}.permission-state svg{color:#fff;border-radius:50%;width:15px;height:15px;padding:2px}.permission-state.all{color:#2775ec}.permission-state.all svg{background:#2775ec}.permission-state.partial{color:#159d84}.permission-state.partial svg{background:#17aa91}.permission-state.none{color:#e29022}.permission-state.none svg{background:#ef9b22}.permission-matrix>footer{color:#6a768d;gap:20px;padding:10px 14px;display:flex}.permission-matrix>footer span{align-items:center;gap:6px;display:flex}.permission-dot{border-radius:50%;width:9px;height:9px}.permission-dot.all{background:#2775ec}.permission-dot.partial{background:#17aa91}.permission-dot.none{background:#ef9b22}.access-audit{padding-bottom:10px}.audit-timeline{padding:4px 13px}.audit-timeline>div{border-bottom:1px solid #edf1f6;grid-template-columns:1fr auto;gap:3px 8px;padding:10px 0 10px 19px;display:grid;position:relative}.audit-timeline>div>i{background:#2780f3;border-radius:50%;width:8px;height:8px;position:absolute;top:18px;left:1px;box-shadow:0 0 0 4px #e7f2ff}.audit-timeline>div strong{font-size:12px}.audit-timeline>div small,.audit-timeline time{color:#77839a;font-size:10px}.audit-timeline .status-pill{grid-area:1/2/3;align-self:center}.access-audit>.button{margin:0 auto;display:flex}.access-bottom-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.compact-table-card{overflow:hidden}.compact-table-card table{font-size:11px}.compact-table-card th,.compact-table-card td{text-align:left;white-space:nowrap;border-top:1px solid #edf1f6;padding:8px 10px}.compact-table-card th{color:#6d7890;background:#f8fafe}.compact-table-card td .button{padding:3px 7px;font-size:10px}.compact-table-card input[type=checkbox]{vertical-align:middle}.count-badge{color:#fff;background:#f04e4e;border-radius:10px;place-items:center;min-width:20px;height:20px;font-size:10px;display:inline-grid}.schedule-filterbar{background:#fff;border:1px solid #e2e8f2;border-radius:12px;align-items:center;gap:8px;padding:9px 11px;display:flex}.schedule-filterbar label{color:#5d6981;white-space:nowrap;align-items:center;gap:5px;display:flex}.schedule-range{color:#566179;border:1px solid #dfe5ef;border-radius:7px;margin-left:auto;padding:7px 10px}.schedule-layout{grid-template-columns:minmax(660px,1fr) 342px;gap:12px;min-height:690px;display:grid}.week-calendar{overflow:hidden}.week-calendar-head{background:#fbfcff;border-bottom:1px solid #dfe5ef;grid-template-columns:62px repeat(7,1fr);height:48px;display:grid}.week-calendar-head>*{white-space:pre-line;border-right:1px solid #e9edf4;place-items:center;font-size:11px;display:grid}.week-calendar-head strong{color:#455168;font-weight:700}.week-calendar-body{grid-template-columns:62px 1fr;height:626px;display:grid}.calendar-times{color:#6d7890;border-right:1px solid #e3e8f1;grid-template-rows:repeat(12,1fr);display:grid}.calendar-times span{text-align:center;border-bottom:1px solid #edf1f6;padding-top:7px;font-size:10px}.calendar-grid{grid-template-rows:repeat(12,1fr);grid-template-columns:repeat(7,1fr);display:grid;position:relative}.calendar-grid>i{border-bottom:1px solid #edf1f6;border-right:1px solid #edf1f6}.calendar-event{z-index:1;text-align:left;border:1px solid;border-radius:7px;margin:3px;padding:6px;overflow:hidden}.calendar-event strong,.calendar-event span,.calendar-event small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.calendar-event strong{font-size:11px}.calendar-event span,.calendar-event small{margin-top:2px;font-size:9px}.calendar-event.blue{color:#2267b9;background:#f0f7ff;border-color:#91bff1}.calendar-event.teal{color:#148b76;background:#effbf8;border-color:#83d4c7}.calendar-event.purple{color:#7256c8;background:#f7f3ff;border-color:#b6a7ec}.calendar-event.red{color:#c5485e;background:#fff3f5;border-color:#efb3bd}.schedule-editor{flex-direction:column;padding-bottom:10px;display:flex}.schedule-editor>header{padding:13px 14px}.schedule-editor>label,.schedule-editor-pair label{color:#4e5a72;gap:4px;margin:8px 13px 0;font-size:11px;display:grid}.schedule-editor select,.schedule-editor input,.schedule-editor textarea{box-sizing:border-box;color:#3c4961;width:100%;font:inherit;background:#fff;border:1px solid #dfe5ef;border-radius:7px;padding:8px}.schedule-editor textarea{resize:vertical;min-height:58px}.schedule-editor-pair{grid-template-columns:1.4fr 1fr;display:grid}.schedule-conflict{color:#a76510;background:#fff8e9;border:1px solid #f0c983;border-radius:9px;gap:9px;margin:10px 13px;padding:11px;display:flex}.schedule-conflict svg{flex:none}.schedule-conflict strong{font-size:11px}.schedule-conflict p{margin:4px 0 0;font-size:10px;line-height:1.5}.schedule-editor>.status-pill{align-self:center}.schedule-editor>footer{border-top:1px solid #edf1f6;justify-content:flex-end;gap:8px;margin-top:auto;padding:10px 13px 0;display:flex}.teacher-live-page{gap:12px}.teacher-live-titlebar{background:linear-gradient(100deg,#f4f1ff,#f9fbff);border:1px solid #dddff4;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:12px 16px;display:flex}.teacher-live-titlebar>div{align-items:center;gap:12px;display:flex}.teacher-live-titlebar strong{font-size:15px}.teacher-live-titlebar span{color:#65718a;align-items:center;gap:4px;display:flex}.teacher-live-titlebar .online{color:#13a983}.teacher-stepper{background:#fff;border:1px solid #e2e6ef;border-radius:12px;grid-template-columns:repeat(6,1fr);padding:12px 16px;display:grid}.teacher-stepper>div{justify-items:center;gap:2px;display:grid;position:relative}.teacher-stepper>div:after{content:"";background:#dfe3eb;height:2px;position:absolute;top:14px;left:58%;right:-42%}.teacher-stepper>div:last-child:after{display:none}.teacher-stepper span{z-index:1;color:#7d879a;background:#fff;border:2px solid #d9deea;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.teacher-stepper .done span,.teacher-stepper .active span{color:#fff;background:#6250e9;border-color:#6250e9}.teacher-stepper .done:after,.teacher-stepper .active:after{background:#6250e9}.teacher-stepper strong{font-size:11px}.teacher-stepper small{color:#78849a;font-size:9px}.teacher-stepper .active strong,.teacher-stepper .active small{color:#6549df}.teacher-live-grid{grid-template-columns:minmax(620px,1.9fr) minmax(290px,.8fr);gap:12px;display:grid}.current-lesson-panel>header{align-items:flex-start}.current-lesson-panel>header small{color:#6e7990}.current-lesson-panel>header h3{margin:3px 0;font-size:19px}.current-lesson-panel>header p{color:#67738a;margin:0}.lesson-demo-grid{grid-template-columns:1.2fr 1fr;gap:12px;padding:12px 14px;display:grid}.lesson-demo-grid>div>strong{margin-bottom:7px;display:block}.lesson-demo-grid img{object-fit:cover;border-radius:9px;width:100%;height:168px;display:block}.prompt-copy{background:#f5f6fb;border-radius:7px;align-items:center;gap:8px;margin-top:8px;padding:7px;display:flex}.prompt-copy span{color:#5b6780;flex:1;font-size:10px}.teaching-checklist p{color:#4c5971;align-items:center;gap:6px;margin:0 0 6px;font-size:10px;display:flex}.teaching-checklist p svg{color:#1daf8e}.teaching-checklist>button{color:#4d5a72;background:#fff;border:1px solid #e3e8f1;border-radius:6px;align-items:center;gap:6px;width:100%;margin-top:5px;padding:7px;font-size:10px;display:flex}.teaching-checklist>button small{color:#758198;margin-left:auto}.current-lesson-panel>footer{border-top:1px solid #edf1f6;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 14px;display:grid}.teacher-live-side{gap:10px;display:grid}.class-completion .recharts-responsive-container{height:128px!important}.help-list>div{border-bottom:1px solid #edf1f6;grid-template-columns:30px 1fr auto;align-items:center;gap:7px;padding:8px 12px;display:grid}.student-avatar{color:#654adf;background:#f0edff;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.help-list p{margin:0;display:grid}.help-list p strong{font-size:10px}.help-list p small,.help-list p span{color:#758198;font-size:9px}.help-list .button{padding:4px 8px;font-size:9px}.class-announcement{padding:12px}.class-announcement h3{margin:0 0 6px}.class-announcement textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:52px;font:inherit;border:1px solid #dfe5ef;border-radius:7px;padding:7px}.class-announcement footer{justify-content:space-between;margin-top:7px;display:flex}.teacher-live-bottom{grid-template-columns:1.2fr 1fr .8fr;gap:12px;display:grid}.group-progress{padding-bottom:7px}.group-progress>div{grid-template-columns:80px 80px 1fr 130px;align-items:center;gap:8px;padding:5px 12px;display:grid}.group-progress progress{accent-color:#22ae91;width:100%}.group-progress small{color:#6f7a91;font-size:9px}.mini-avatars{letter-spacing:-2px;color:#6775e9;font-size:8px}.teacher-notes textarea{resize:none;color:#556178;width:calc(100% - 24px);min-height:82px;font:inherit;border:0;margin:9px 12px}.teacher-notes footer{justify-content:flex-end;gap:7px;padding:0 12px 9px;display:flex}.class-timer{padding:12px}.class-timer>div{grid-template-columns:1fr 1fr;gap:6px;margin:9px 0;display:grid}.class-timer>.button{width:100%}.teacher-live-actions{background:#fff;border:1px solid #e2e7f0;border-radius:12px;grid-template-columns:1fr 1fr 1fr;gap:18px;padding:10px 90px;display:grid}.button.danger{color:#fff;background:#ef4545;border-color:#ef4545}.student-growth-page{gap:12px}.growth-hero{background:linear-gradient(110deg,#fbfbff 10%,#eeeaff 55%,#dbe8ff);border:1px solid #d9dcf7;border-radius:16px;min-height:155px;padding:20px 28px;position:relative;overflow:hidden}.growth-hero:after{content:"";background:radial-gradient(circle at 50% 100%,#6e59e62e,#0000 62%);height:80%;position:absolute;inset:auto 0 0 38%}.growth-hero>div{z-index:1;position:relative}.growth-hero p{font-size:14px}.growth-hero>div>div{align-items:center;gap:12px;margin-top:18px;display:flex}.growth-hero>img{z-index:1;object-fit:contain;width:180px;height:180px;position:absolute;bottom:-12px;right:8%}.growth-layout{grid-template-columns:minmax(650px,1fr) 260px;gap:12px;display:grid}.growth-main{gap:12px;display:grid}.growth-journey{padding-bottom:10px}.journey-line{grid-template-columns:repeat(7,1fr);padding:10px 14px 7px;display:grid}.journey-line>div{justify-items:center;gap:2px;display:grid;position:relative}.journey-line>div:after{content:"";background:#dfe3ec;height:2px;position:absolute;top:12px;left:58%;right:-42%}.journey-line>div:last-child:after{display:none}.journey-line>div>span{z-index:1;color:#79849a;background:#eceff5;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.journey-line>div.done>span{color:#fff;background:#25b58f}.journey-line strong{font-size:10px}.journey-line small{color:#7b869b;font-size:9px}.journey-cards{grid-template-columns:repeat(5,1fr);gap:8px;padding:0 14px;display:grid}.journey-cards>article{background:#fff;border:1px solid #e3e8f1;border-radius:9px;padding:6px;position:relative;overflow:hidden}.journey-cards img{object-fit:cover;border-radius:6px;width:100%;height:66px;display:block}.journey-cards strong{margin-top:5px;font-size:10px;display:block}.journey-cards>article>span{color:#168964;background:#e7f7ef;border-radius:9px;padding:2px 5px;font-size:8px;position:absolute;bottom:7px;right:7px}.journey-cards .teacher-comment{text-align:center;background:#f9f7ff;align-content:center;justify-items:center;display:grid}.teacher-comment svg{color:#6e50df}.teacher-comment p{color:#67738a;margin:4px 0 0;font-size:9px}.growth-analysis-grid{grid-template-columns:1.05fr 1.25fr;gap:12px;display:grid}.growth-chart .recharts-responsive-container{height:190px!important}.badge-wall>div{grid-template-columns:repeat(4,1fr);gap:8px;padding:18px 12px;display:grid}.badge-wall article{justify-items:center;gap:5px;display:grid}.badge-wall article>span{color:#fff;background:linear-gradient(145deg,#5b45dd,#8b76f2);border-radius:17px;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 8px 15px #634adc2e}.badge-wall article>span.teal{background:linear-gradient(145deg,#14a98c,#55d0bb)}.badge-wall article>span.gold{background:linear-gradient(145deg,#f1a62c,#ffd66b)}.badge-wall article>span.silver{background:linear-gradient(145deg,#96a0b5,#dce1eb)}.badge-wall strong{font-size:10px}.badge-wall small{color:#7b869b;font-size:8px}.growth-gallery>div{grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 12px;display:grid}.growth-gallery article{border:1px solid #e3e8f1;border-radius:8px;overflow:hidden}.growth-gallery img{object-fit:cover;width:100%;height:72px;display:block}.growth-gallery strong,.growth-gallery small{padding:4px 7px 0;font-size:10px;display:block}.growth-gallery small{color:#78849a;padding-top:0;padding-bottom:5px;font-size:8px}.growth-side{align-content:start;gap:10px;display:grid}.growth-side .prototype-card{padding:12px}.growth-side .prototype-card>header{margin:-12px -12px 10px}.growth-goal>strong,.next-challenge>strong{font-size:13px}.growth-goal p,.next-challenge p,.growth-streak p{color:#707b91;font-size:10px}.growth-goal progress{accent-color:#684be2;width:85%}.growth-goal>small{margin-left:7px}.next-challenge{min-height:160px;position:relative;overflow:hidden}.next-challenge img{object-fit:contain;width:105px;height:105px;position:absolute;bottom:3px;right:-8px}.next-challenge .button{z-index:1;position:relative}.growth-actions{gap:7px;display:grid}.growth-actions .button{justify-content:flex-start;width:100%}.growth-streak strong{color:#6147df;font-size:24px}.growth-summary{background:#fff;border:1px solid #dce2ed;border-radius:13px;grid-template-columns:repeat(4,auto) 1fr;align-items:center;gap:15px;padding:10px 18px;display:grid}.growth-summary span{color:#6f7a90;grid-template-columns:24px auto;gap:0 7px;display:grid}.growth-summary span svg{color:#6248df;grid-row:1/3}.growth-summary span strong{color:#28344e}.growth-summary p{text-align:right;color:#654bdc;margin:0;font-weight:700}@media (width<=1280px){.access-workspace{grid-template-columns:190px minmax(470px,1fr) 285px}.access-bottom-grid{grid-template-columns:1fr}.schedule-layout{grid-template-columns:1fr 320px}.schedule-filterbar label:nth-of-type(3),.schedule-filterbar label:nth-of-type(4){display:none}.teacher-live-grid{grid-template-columns:1.5fr .8fr}.teacher-live-bottom{grid-template-columns:1fr 1fr}.class-timer{display:none}.growth-layout{grid-template-columns:1fr 230px}.growth-summary{grid-template-columns:repeat(4,1fr)}.growth-summary p{display:none}}.reference-page{gap:18px;min-width:0;display:grid}.reference-page-heading{justify-content:space-between;align-items:flex-start;gap:24px;min-height:56px;display:flex}.reference-page-heading h2{color:var(--shell-ink);letter-spacing:-.025em;margin:3px 0 0;font-size:clamp(22px,2vw,30px)}.reference-page-heading p{color:#68758c;max-width:760px;margin:7px 0 0;line-height:1.65}.reference-page-eyebrow{color:var(--shell-accent);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:750}.reference-page-tabs{background:#fff;border:1px solid #dfe7f4;border-radius:11px;gap:4px;width:fit-content;padding:4px;display:flex}.reference-page-tabs button{color:#5c6a82;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:34px;padding:0 16px}.reference-page-tabs button[aria-selected=true]{color:#fff;background:var(--shell-accent);box-shadow:0 6px 15px color-mix(in srgb, var(--shell-accent) 22%, transparent)}.reference-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.reference-metric-grid .metric-card{min-height:112px;padding:16px}.reference-metric-grid .metric-card>svg{width:52px;height:52px;padding:13px}.reference-page-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);align-items:stretch;gap:16px;display:grid}.reference-page-grid>.dashboard-panel:only-child{grid-column:1/-1}.reference-chart-panel,.reference-progress-panel,.reference-notice-panel{min-height:320px}.reference-donut-panel{grid-template-columns:minmax(200px,1fr) minmax(150px,.65fr);align-items:center;display:grid}.reference-donut-panel>header{grid-column:1/-1}.reference-legend,.reference-progress-list,.reference-notice-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.reference-legend li{color:#65738a;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;font-size:13px;display:grid}.reference-legend i{border-radius:50%;width:9px;height:9px}.reference-progress-list article{background:#fbfcff;border:1px solid #e6ebf4;border-radius:11px;gap:8px;padding:12px 14px;display:grid}.reference-progress-list article>header{justify-content:space-between;gap:12px;display:flex}.reference-progress-list article>header span{color:#718097;font-size:13px}.reference-notice-list article{background:#f7faff;border:1px solid #dde7f4;border-radius:12px;grid-template-columns:38px minmax(0,1fr) auto;align-items:start;gap:12px;padding:13px;display:grid}.reference-notice-list article>span{color:#2870e8;background:#eaf2ff;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.reference-notice-list article[data-tone=warning]{background:#fffaf0;border-color:#f3dfb3}.reference-notice-list article[data-tone=warning]>span{color:#a86600;background:#fff0c9}.reference-notice-list article[data-tone=danger]{background:#fff6f7;border-color:#f3c9cf}.reference-notice-list article[data-tone=danger]>span{color:#bd3648;background:#ffe5e8}.reference-notice-list article[data-tone=success]>span{color:#087b69;background:#e3f7f1}.reference-notice-list p{color:#68758b;margin:4px 0 0;font-size:13px;line-height:1.55}.reference-table-panel{min-width:0}.reference-management-table-panel{order:0}.reference-management-table-panel .data-table th:last-child,.reference-management-table-panel .data-table td:last-child{text-align:right;white-space:nowrap;width:92px}.reference-table-search{color:#74829a;background:#fff;border:1px solid #d5dfed;border-radius:9px;align-items:center;gap:8px;width:min(310px,36vw);height:40px;padding:0 11px;display:flex}.reference-table-search input{background:0 0;border:0;outline:0;flex:1;min-width:0}.reference-media-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.reference-media-grid article{background:#fff;border:1px solid #dfe6f2;border-radius:13px;overflow:hidden}.reference-media-grid img{aspect-ratio:16/9;object-fit:cover;background:#edf2fb;width:100%;display:block}.reference-media-grid article>div{gap:4px;padding:11px 12px;display:grid}.reference-media-grid span{color:#748096;font-size:12px}.reference-drawer-form{gap:16px;display:grid}.reference-drawer-form>p{color:#65728a;margin:0;line-height:1.65}.reference-drawer-form label{color:#40506a;gap:7px;font-weight:650;display:grid}.reference-drawer-form input,.reference-drawer-form select,.reference-drawer-form textarea{color:#1d2a43;background:#fff;border:1px solid #ccd8e8;border-radius:9px;width:100%;min-height:44px;padding:10px 12px}.reference-drawer-form textarea{resize:vertical;min-height:120px}.reference-drawer-form>div{justify-content:flex-end;gap:10px;display:flex}.reference-management-backdrop{z-index:120;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f1d3775;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.reference-management-dialog{background:#fff;border:1px solid #d9e2ef;border-radius:18px;width:min(760px,100vw - 32px);max-height:min(820px,100vh - 40px);overflow:auto;box-shadow:0 28px 80px #1024483d}.reference-management-dialog>header{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-bottom:1px solid #e5ebf3;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;display:flex;position:sticky;top:0}.reference-management-dialog>header>div{align-items:center;gap:12px;display:flex}.reference-management-dialog>header>div>div{display:block}.reference-management-dialog>header>div>span{color:#fff;background:var(--shell-accent);border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.reference-management-dialog>header small{color:#8090a8;letter-spacing:.12em;font-size:10px;font-weight:800;display:block}.reference-management-dialog h2{color:#15233e;margin:2px 0 0;font-size:21px}.reference-management-dialog>form{gap:20px;padding:22px;display:grid}.reference-management-dialog>form>p{color:#56667f;background:#f5f8fd;border-radius:10px;margin:0;padding:12px 14px;line-height:1.6}.reference-management-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.reference-management-form-grid label{color:#40506a;gap:7px;font-size:13px;font-weight:700;display:grid}.reference-management-form-grid input,.reference-management-form-grid select,.reference-management-form-grid textarea{color:#1d2a43;background:#fff;border:1px solid #ccd8e8;border-radius:9px;width:100%;min-height:44px;padding:10px 12px}.reference-management-form-grid input:focus,.reference-management-form-grid select:focus,.reference-management-form-grid textarea:focus{border-color:var(--shell-accent);outline:3px solid color-mix(in srgb, var(--shell-accent) 14%, transparent)}.reference-management-form-grid :disabled{color:#57657a;background:#f3f6fa}.reference-management-form-grid textarea{resize:vertical;min-height:104px}.reference-management-dialog footer{border-top:1px solid #e5ebf3;justify-content:space-between;align-items:center;gap:18px;padding-top:18px;display:flex}.reference-management-dialog footer>span{color:#78869b;font-size:12px}.reference-management-dialog footer>div{gap:10px;display:flex}@media (width<=1200px){.reference-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-page-grid{grid-template-columns:1fr}.reference-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.reference-page-heading{display:grid}.reference-page-tabs{width:100%;overflow-x:auto}.reference-page-tabs button{white-space:nowrap}.reference-metric-grid,.reference-media-grid,.reference-donut-panel{grid-template-columns:1fr}.reference-table-search{width:100%}.reference-table-panel>header{flex-direction:column;align-items:stretch}.reference-management-backdrop{padding:0}.reference-management-dialog{border-radius:0;width:100%;min-height:100vh;max-height:100vh}.reference-management-form-grid{grid-template-columns:1fr}.reference-management-dialog footer{flex-direction:column;align-items:stretch}.reference-management-dialog footer>div{justify-content:flex-end}}.button:disabled{cursor:not-allowed;opacity:.52;filter:saturate(.45);box-shadow:none;transform:none}.button:disabled:hover,.button:disabled:focus-visible{filter:saturate(.45);box-shadow:none;border-color:#b8cbc3;outline:none;transform:none}.operations-report-page .page-header>div:last-child{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.operations-report-page .page-header .field{min-width:150px;margin:0}.operations-report-page>.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.operations-report-page>.metric-grid .metric-card{min-width:0;min-height:112px}.operations-report-table-wrap{overflow-x:auto}.operations-report-table{border-collapse:collapse;width:100%}.operations-report-table th,.operations-report-table td{border-bottom:1px solid var(--border,#e5eaf3);text-align:left;padding:14px 16px}.operations-report-table th{color:#65718a;font-size:13px}.operations-report-table .operations-report-course-level th{color:#27548f;background:#eef5ff;border-block:1px solid #cfe0f4;padding-block:10px;font-weight:800}.operations-report-table .operations-report-course-level small{color:#71809a;margin-left:10px;font-weight:650}.operations-report-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;display:grid}.operations-report-summary div{background:#f6f8fc;border-radius:14px;padding:16px}.operations-report-summary dt{color:#65718a}.operations-report-summary dd{margin:6px 0 0;font-size:24px;font-weight:750}@media (width<=900px){.operations-report-page>.metric-grid,.operations-report-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.operations-report-page>.metric-grid{grid-template-columns:1fr}}.shared-classroom-message{align-items:flex-start;gap:12px;padding:5px 2px;display:flex}.shared-classroom-message.is-own{flex-direction:row-reverse}.shared-classroom-avatar{color:#fff;background:#6752e8;border-radius:999px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 6px 16px #4c39bc2e}.shared-classroom-message.is-student .shared-classroom-avatar{background:#2eb477;box-shadow:0 6px 16px #1c95602e}.shared-classroom-message-column{flex-direction:column;gap:6px;min-width:0;max-width:min(82%,560px);display:flex}.shared-classroom-message.is-own .shared-classroom-message-column{align-items:flex-end}.shared-classroom-message-column>header{color:#929aab;align-items:center;gap:8px;font-size:11px;line-height:1.2;display:flex}.shared-classroom-message.is-own .shared-classroom-message-column>header{flex-direction:row-reverse}.shared-classroom-message-column>header strong{color:#5947d2;font-size:13px;font-weight:750}.shared-classroom-message.is-student .shared-classroom-message-column>header strong{color:#239a66}.shared-classroom-message-column>header span:nth-of-type(2){color:#6a5adb;background:#f1efff;border-radius:999px;padding:2px 6px;font-size:9px;font-weight:700}.shared-classroom-bubble{background:#fff;border:1px solid #e1ddff;border-radius:6px 15px 15px;min-width:56px;max-width:100%;padding:12px 15px;position:relative;box-shadow:0 5px 14px #242a4e12}.shared-classroom-message.is-teacher .shared-classroom-bubble{background:#f0edff;border-color:#ded8ff}.shared-classroom-message.is-student .shared-classroom-bubble{background:#eaf8f1;border-color:#ccebdc}.shared-classroom-message.is-own .shared-classroom-bubble{background:#e8e5ff;border-color:#c9c4ff;border-radius:15px 6px 15px 15px}.shared-classroom-message.is-own.is-student .shared-classroom-bubble{background:#ddf5e9;border-color:#bce4d0}.shared-classroom-bubble>p{color:#17213a;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.55}.shared-classroom-message.is-direct .shared-classroom-bubble:after{content:"私聊";color:#6754d7;background:#ffffffad;border-radius:999px;width:fit-content;margin-top:7px;padding:2px 7px;font-size:9px;font-weight:700;display:block}.shared-classroom-message-actions{align-items:center;gap:6px;display:flex}.shared-classroom-message.is-own .shared-classroom-message-actions{justify-content:flex-end}.shared-classroom-message-actions .classroom-icon-button{border-radius:8px;flex-basis:30px;width:30px;height:30px}.shared-classroom-message.is-announcement{color:#795319;text-align:center;background:#fff7df;border:1px solid #f3d99a;border-radius:999px;width:fit-content;max-width:92%;margin:7px auto;padding:8px 13px;display:block;box-shadow:0 4px 12px #855c1b12}.shared-classroom-message.is-announcement p{margin:3px 0 0;font-size:12px}.shared-classroom-announcement-meta{color:#9b793e;justify-content:center;gap:7px;font-size:10px;display:flex}.shared-classroom-attachment{background:#ffffffc2;border:1px solid #7461dd2e;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;width:min(420px,100%);margin-top:9px;padding:9px;display:grid}.shared-classroom-attachment>img,.shared-classroom-attachment>video{z-index:1;object-fit:contain;pointer-events:auto;background:#10131b;border-radius:9px;grid-column:1/-1;width:100%;max-height:220px;display:block;position:relative}.shared-classroom-attachment>img[draggable=true]{cursor:grab}.shared-classroom-attachment>img[draggable=true]:active{cursor:grabbing}.shared-classroom-attachment>audio{grid-column:1/-1;width:100%;height:34px}.shared-classroom-file-icon{color:#5d52c7;background:#ece9ff;border-radius:8px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.shared-classroom-attachment-meta{text-align:left;flex-direction:column;gap:1px;min-width:0;display:flex}.shared-classroom-attachment-meta strong{color:#25304a;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.shared-classroom-attachment-meta span,.shared-classroom-attachment-meta small{color:#7b859c;font-size:10px}.shared-classroom-attachment-transfer{color:#5848cb;min-height:42px;font:inherit;cursor:grab;-webkit-user-select:none;user-select:none;background:#f8f6ff;border:1px dashed #9c90ed;border-radius:10px;grid-column:1/-1;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:12px;font-weight:750;display:flex}.shared-classroom-attachment-transfer:hover:not(:disabled),.shared-classroom-attachment-transfer:focus-visible{background:#efecff;border-color:#6752e8;outline:none;box-shadow:0 0 0 3px #6752e81f}.shared-classroom-attachment-transfer:active:not(:disabled){cursor:grabbing}.shared-classroom-attachment-transfer small{color:#837aa8;font-size:10px;font-weight:500}.shared-classroom-attachment-transfer:disabled{color:#9aa1b1;cursor:not-allowed;background:#f6f7fa;border-color:#d8dbe5}.shared-classroom-attachment-actions{flex-wrap:wrap;grid-column:1/-1;gap:5px;display:flex}.shared-ai-reference-attachment{background:#ffffffd1;border:1px solid #7560e138;border-radius:11px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:8px;width:min(320px,100%);margin:7px 0 0;padding:8px;display:grid}.shared-ai-reference-attachment>.shared-ai-reference-media,.shared-ai-reference-attachment>video{background:#11151f;border-radius:9px;grid-column:1/-1;width:100%;display:block}.shared-ai-reference-attachment>.shared-ai-reference-media{cursor:zoom-in;overflow:hidden}.shared-ai-reference-attachment>.shared-ai-reference-media>img{object-fit:contain;width:100%;max-height:220px;display:block}.shared-ai-reference-attachment>video{object-fit:contain;pointer-events:auto;max-height:220px}.shared-ai-reference-attachment>audio{grid-column:1/-1;width:100%;height:36px}.shared-ai-reference-attachment.is-compact{grid-column:1/-1;width:min(260px,100%)}.shared-ai-reference-attachment.is-compact>.shared-ai-reference-media>img,.shared-ai-reference-attachment.is-compact>video{max-height:145px}.shared-ai-reference-attachment.is-compact figcaption{display:none}.shared-ai-reference-file-icon{color:#6451cf;background:#eeebff;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.shared-ai-reference-attachment figcaption{flex-direction:column;gap:2px;min-width:0;display:flex}.shared-ai-reference-attachment figcaption strong{color:#29324c;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.shared-ai-reference-attachment figcaption span,.shared-ai-reference-attachment figcaption a{color:#7d869d;font-size:10px}.shared-ai-reference-attachment figcaption a{color:#5c48cd;font-weight:700}.classroom-icon-button{color:#5548c9;width:38px;height:38px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d8d4f7;border-radius:10px;flex:0 0 38px;place-items:center;padding:0;transition:color .14s,border-color .14s,background .14s,box-shadow .14s,transform .14s;display:inline-grid;position:relative;box-shadow:0 2px 7px #3d2e970d}.classroom-icon-button:hover:not(:disabled):not([aria-disabled=true]),.classroom-icon-button:focus-visible,.classroom-icon-button:focus-within{color:#5e45e8;background:#f7f5ff;border-color:#7b68ed;outline:none;box-shadow:0 0 0 3px #6548e81f}.classroom-icon-button:active:not(:disabled):not([aria-disabled=true]){transform:translateY(1px)}.classroom-icon-button.is-active,.classroom-icon-button[aria-pressed=true]{color:#fff;background:#6548e8;border-color:#6548e8}.classroom-icon-button.is-warning{color:#97630d;background:#fff8e7;border-color:#efbd5e}.classroom-icon-button.is-danger{color:#b74451}.classroom-icon-button.is-danger:hover:not(:disabled){color:#a72f3c;background:#fff4f5;border-color:#d6616d;box-shadow:0 0 0 3px #c23e4a1a}.classroom-icon-button:disabled,.classroom-icon-button[aria-disabled=true]{color:#a9afbc;box-shadow:none;cursor:not-allowed;opacity:.72;background:#f5f6f8;border-color:#e3e5eb}.classroom-icon-button-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.classroom-icon-button:after{content:attr(data-tooltip);z-index:120;color:#fff;white-space:normal;pointer-events:none;opacity:0;background:#172036;border-radius:7px;width:max-content;max-width:190px;padding:6px 9px;font-size:11px;font-weight:600;line-height:1.25;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-3px);box-shadow:0 8px 20px #0f172a2e}.classroom-icon-button:hover:after,.classroom-icon-button:focus-visible:after,.classroom-icon-button:focus-within:after{opacity:1;transform:translate(-50%)}.shared-classroom-attachment-actions .classroom-icon-button{border-radius:8px;flex-basis:32px;width:32px;height:32px}.classroom-toolbar-picker,.classroom-media-picker{overflow:visible}.classroom-toolbar-picker select,.classroom-media-picker input{cursor:pointer;opacity:0;border:0;width:100%;height:100%;position:absolute;inset:0}.classroom-toolbar-picker[aria-disabled=true] select,.classroom-media-picker[aria-disabled=true] input{cursor:not-allowed}.classroom-compose-context{color:#7d879c;align-items:center;gap:9px;min-width:0;margin-bottom:8px;font-size:11px;display:flex}.classroom-compose-context strong{color:#4e5a74;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.classroom-compose-context>span{white-space:nowrap;margin-left:auto}.classroom-announcement-toggle{color:#5d50ca;cursor:pointer;background:#f8f6ff;border:1px solid #ded9f9;border-radius:999px;flex:none;align-items:center;gap:5px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.classroom-announcement-toggle input{accent-color:#6548e8}.classroom-compose-row{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:9px;display:grid;position:relative}.classroom-compose-field{min-width:0;display:block;position:relative}.classroom-compose-field textarea{resize:none;color:#1b2540;width:100%;min-height:76px;max-height:150px;font:inherit;background:#fff;border:1.5px solid #8a71ff;border-radius:12px;outline:none;padding:13px 52px 13px 14px;font-size:13px;line-height:1.45;transition:border-color .14s,box-shadow .14s;display:block}.classroom-compose-field textarea:focus{border-color:#6548e8;box-shadow:0 0 0 3px #6548e81c}.classroom-compose-field textarea:disabled{background:#f5f6f8;border-color:#d9dce6}.student-communication-compose,.teacher-communication-compose{align-items:center;gap:5px;display:flex;position:absolute;bottom:8px;right:77px}.student-communication-compose>span,.teacher-communication-compose>span{color:#9aa2b4;font-size:9px}.student-communication-compose .classroom-icon-button,.teacher-communication-compose .classroom-icon-button{width:30px;height:30px;box-shadow:none;border:0;flex-basis:30px}.classroom-send-button{color:#fff;background:#6548e8;border:0;border-radius:12px;flex-basis:60px;width:60px;height:auto;min-height:76px;box-shadow:0 10px 22px #5236d238}.classroom-send-button:hover:not(:disabled),.classroom-send-button:focus-visible{color:#fff;background:#5638db;box-shadow:0 0 0 3px #6548e824,0 12px 25px #5236d23d}.classroom-compose-row .classroom-icon-button:after{top:auto;bottom:calc(100% + 8px)}.children-ai-markdown{min-width:0;color:inherit;overflow-wrap:anywhere;line-height:1.65}.children-ai-markdown>:first-child{margin-top:0}.children-ai-markdown>:last-child{margin-bottom:0}.children-ai-markdown h1,.children-ai-markdown h2,.children-ai-markdown h3,.children-ai-markdown h4,.children-ai-markdown h5,.children-ai-markdown h6{color:inherit;margin:14px 0 7px;font-weight:750;line-height:1.3}.children-ai-markdown h1{font-size:1.35em}.children-ai-markdown h2{font-size:1.22em}.children-ai-markdown h3{font-size:1.1em}.children-ai-markdown h4,.children-ai-markdown h5,.children-ai-markdown h6{font-size:1em}.student-message .children-ai-markdown p,.teacher-classroom-ai-message .children-ai-markdown p{white-space:normal;margin:0 0 9px}.children-ai-markdown ul,.children-ai-markdown ol{margin:7px 0;padding-left:1.55em}.children-ai-markdown li+li{margin-top:4px}.children-ai-markdown blockquote{opacity:.9;background:#ffffff6b;border-left:3px solid;border-radius:0 8px 8px 0;margin:10px 0;padding:8px 12px}.children-ai-markdown code{background:#0f172a17;border-radius:5px;padding:2px 5px;font-family:Cascadia Code,Consolas,monospace;font-size:.88em}.children-ai-markdown pre{color:#e5e7eb;white-space:pre;background:#172036;border-radius:10px;max-width:100%;margin:10px 0;padding:12px 14px;overflow:auto}.children-ai-markdown pre code{color:inherit;white-space:inherit;background:0 0;padding:0}.children-ai-markdown table{border-collapse:collapse;width:100%;max-width:100%;margin:10px 0;display:block;overflow-x:auto}.children-ai-markdown th,.children-ai-markdown td{text-align:left;white-space:normal;border:1px solid #64748b47;padding:7px 9px}.children-ai-markdown th{background:#ffffff73;font-weight:750}.children-ai-markdown a{color:#375fea;text-underline-offset:2px;text-decoration:underline}.children-ai-markdown hr{border:0;border-top:1px solid #64748b40;margin:12px 0}.children-ai-markdown input[type=checkbox]{accent-color:#6548e8;margin:0 6px 0 0}.product-shell[data-theme=institution]{--shell-topbar:72px;--card-radius:14px;--grid-gap:20px}.product-shell[data-theme=institution] .product-title h1{letter-spacing:-.02em;font-size:22px}.institution-programs,.prototype-schedule-page{gap:var(--grid-gap,20px);align-content:start;min-width:0;display:grid}.institution-programs>.page-header,.prototype-schedule-page>.page-header{margin-bottom:0}.prototype-schedule-page .dashboard-panel.week-calendar,.prototype-schedule-page .dashboard-panel.schedule-editor{padding:0}.prototype-schedule-page .dashboard-panel.schedule-editor>header{margin-bottom:0}.prototype-schedule-page .schedule-layout:not(.editor-open){grid-template-columns:minmax(0,1fr)}.prototype-schedule-page .week-calendar{max-height:min(72vh,900px);overflow:auto}.prototype-schedule-page .week-calendar-head{z-index:4;position:sticky;top:0}.prototype-schedule-page .week-calendar-body{height:1280px}.prototype-schedule-page .week-calendar-end{border-top:1px solid var(--center-border,#e3e8f1);min-width:710px;height:28px;color:var(--center-muted,#6d7890);text-align:center;grid-template-columns:62px 1fr;padding-top:4px;font-size:10px;display:grid}.prototype-schedule-page .calendar-times,.prototype-schedule-page .calendar-grid-real{grid-template-rows:repeat(16,1fr)}.prototype-schedule-page .calendar-grid-real .calendar-event{cursor:pointer;min-height:28px;transition:box-shadow .16s,transform .16s;position:absolute}.prototype-schedule-page .calendar-event.schedule-day-0{width:calc(14.2857% - 6px);left:3px}.prototype-schedule-page .calendar-event.schedule-day-1{width:calc(14.2857% - 6px);left:calc(14.2857% + 3px)}.prototype-schedule-page .calendar-event.schedule-day-2{width:calc(14.2857% - 6px);left:calc(28.5714% + 3px)}.prototype-schedule-page .calendar-event.schedule-day-3{width:calc(14.2857% - 6px);left:calc(42.8571% + 3px)}.prototype-schedule-page .calendar-event.schedule-day-4{width:calc(14.2857% - 6px);left:calc(57.1429% + 3px)}.prototype-schedule-page .calendar-event.schedule-day-5{width:calc(14.2857% - 6px);left:calc(71.4286% + 3px)}.prototype-schedule-page .calendar-event.schedule-day-6{width:calc(14.2857% - 6px);left:calc(85.7143% + 3px)}.prototype-schedule-page .calendar-event.schedule-start-0{top:0%}.prototype-schedule-page .calendar-event.schedule-start-1{top:3.125%}.prototype-schedule-page .calendar-event.schedule-start-2{top:6.25%}.prototype-schedule-page .calendar-event.schedule-start-3{top:9.375%}.prototype-schedule-page .calendar-event.schedule-start-4{top:12.5%}.prototype-schedule-page .calendar-event.schedule-start-5{top:15.625%}.prototype-schedule-page .calendar-event.schedule-start-6{top:18.75%}.prototype-schedule-page .calendar-event.schedule-start-7{top:21.875%}.prototype-schedule-page .calendar-event.schedule-start-8{top:25%}.prototype-schedule-page .calendar-event.schedule-start-9{top:28.125%}.prototype-schedule-page .calendar-event.schedule-start-10{top:31.25%}.prototype-schedule-page .calendar-event.schedule-start-11{top:34.375%}.prototype-schedule-page .calendar-event.schedule-start-12{top:37.5%}.prototype-schedule-page .calendar-event.schedule-start-13{top:40.625%}.prototype-schedule-page .calendar-event.schedule-start-14{top:43.75%}.prototype-schedule-page .calendar-event.schedule-start-15{top:46.875%}.prototype-schedule-page .calendar-event.schedule-start-16{top:50%}.prototype-schedule-page .calendar-event.schedule-start-17{top:53.125%}.prototype-schedule-page .calendar-event.schedule-start-18{top:56.25%}.prototype-schedule-page .calendar-event.schedule-start-19{top:59.375%}.prototype-schedule-page .calendar-event.schedule-start-20{top:62.5%}.prototype-schedule-page .calendar-event.schedule-start-21{top:65.625%}.prototype-schedule-page .calendar-event.schedule-start-22{top:68.75%}.prototype-schedule-page .calendar-event.schedule-start-23{top:71.875%}.prototype-schedule-page .calendar-event.schedule-start-24{top:75%}.prototype-schedule-page .calendar-event.schedule-start-25{top:78.125%}.prototype-schedule-page .calendar-event.schedule-start-26{top:81.25%}.prototype-schedule-page .calendar-event.schedule-start-27{top:84.375%}.prototype-schedule-page .calendar-event.schedule-start-28{top:87.5%}.prototype-schedule-page .calendar-event.schedule-start-29{top:90.625%}.prototype-schedule-page .calendar-event.schedule-start-30{top:93.75%}.prototype-schedule-page .calendar-event.schedule-start-31{top:96.875%}.prototype-schedule-page .calendar-event.schedule-span-1{height:calc(3.125% - 6px)}.prototype-schedule-page .calendar-event.schedule-span-2{height:calc(6.25% - 6px)}.prototype-schedule-page .calendar-event.schedule-span-3{height:calc(9.375% - 6px)}.prototype-schedule-page .calendar-event.schedule-span-4{height:calc(12.5% - 6px)}.prototype-schedule-page .calendar-event.schedule-span-5{height:calc(15.625% - 6px)}.prototype-schedule-page .calendar-event.schedule-span-6{height:calc(18.75% - 6px)}.prototype-schedule-page .calendar-event.schedule-span-7{height:calc(21.875% - 6px)}.prototype-schedule-page .calendar-event.schedule-span-8{height:calc(25% - 6px)}.prototype-schedule-page .calendar-event.schedule-span-9{height:calc(28.125% - 6px)}.prototype-schedule-page .calendar-event.schedule-span-10{height:calc(31.25% - 6px)}.prototype-schedule-page .calendar-event.schedule-span-11{height:calc(34.375% - 6px)}.prototype-schedule-page .calendar-event.schedule-span-12{height:calc(37.5% - 6px)}.prototype-schedule-page .calendar-event.schedule-span-13{height:calc(40.625% - 6px)}.prototype-schedule-page .calendar-event.schedule-span-14{height:calc(43.75% - 6px)}.prototype-schedule-page .calendar-event.schedule-span-15{height:calc(46.875% - 6px)}.prototype-schedule-page .calendar-event.schedule-span-16{height:calc(50% - 6px)}.prototype-schedule-page .calendar-event.schedule-span-17{height:calc(53.125% - 6px)}.prototype-schedule-page .calendar-event.schedule-span-18{height:calc(56.25% - 6px)}.prototype-schedule-page .calendar-event.schedule-span-19{height:calc(59.375% - 6px)}.prototype-schedule-page .calendar-event.schedule-span-20{height:calc(62.5% - 6px)}.prototype-schedule-page .calendar-event.schedule-span-21{height:calc(65.625% - 6px)}.prototype-schedule-page .calendar-event.schedule-span-22{height:calc(68.75% - 6px)}.prototype-schedule-page .calendar-event.schedule-span-23{height:calc(71.875% - 6px)}.prototype-schedule-page .calendar-event.schedule-span-24{height:calc(75% - 6px)}.prototype-schedule-page .calendar-event.schedule-span-25{height:calc(78.125% - 6px)}.prototype-schedule-page .calendar-event.schedule-span-26{height:calc(81.25% - 6px)}.prototype-schedule-page .calendar-event.schedule-span-27{height:calc(84.375% - 6px)}.prototype-schedule-page .calendar-event.schedule-span-28{height:calc(87.5% - 6px)}.prototype-schedule-page .calendar-event.schedule-span-29{height:calc(90.625% - 6px)}.prototype-schedule-page .calendar-event.schedule-span-30{height:calc(93.75% - 6px)}.prototype-schedule-page .calendar-event.schedule-span-31{height:calc(96.875% - 6px)}.prototype-schedule-page .calendar-event.schedule-span-32{height:calc(100% - 6px)}.prototype-schedule-page .calendar-event.calendar-column-1{grid-column:1}.prototype-schedule-page .calendar-event.calendar-column-2{grid-column:2}.prototype-schedule-page .calendar-event.calendar-column-3{grid-column:3}.prototype-schedule-page .calendar-event.calendar-column-4{grid-column:4}.prototype-schedule-page .calendar-event.calendar-column-5{grid-column:5}.prototype-schedule-page .calendar-event.calendar-column-6{grid-column:6}.prototype-schedule-page .calendar-event.calendar-column-7{grid-column:7}.prototype-schedule-page .calendar-event.calendar-row-1{grid-row-start:1}.prototype-schedule-page .calendar-event.calendar-row-2{grid-row-start:2}.prototype-schedule-page .calendar-event.calendar-row-3{grid-row-start:3}.prototype-schedule-page .calendar-event.calendar-row-4{grid-row-start:4}.prototype-schedule-page .calendar-event.calendar-row-5{grid-row-start:5}.prototype-schedule-page .calendar-event.calendar-row-6{grid-row-start:6}.prototype-schedule-page .calendar-event.calendar-row-7{grid-row-start:7}.prototype-schedule-page .calendar-event.calendar-row-span-1{grid-row-end:span 1}.prototype-schedule-page .calendar-event.calendar-row-span-2{grid-row-end:span 2}.prototype-schedule-page .calendar-event.calendar-row-span-3{grid-row-end:span 3}.prototype-schedule-page .calendar-grid-real .calendar-event:hover,.prototype-schedule-page .calendar-grid-real .calendar-event.selected{z-index:3;transform:translateY(-1px);box-shadow:0 8px 22px #2f48822e}.prototype-schedule-page .calendar-grid-real .calendar-event.selected{outline-offset:1px;outline:2px solid #6250e9}.prototype-schedule-page .schedule-loading,.prototype-schedule-page .schedule-empty{z-index:2;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.prototype-schedule-page .schedule-loading{background:#ffffffbd}.prototype-schedule-page .schedule-editor>header>div small{color:#6d7890;letter-spacing:.08em;font-size:9px}.prototype-schedule-page .schedule-editor>header h3{margin:2px 0 0}.prototype-schedule-page .schedule-editor>footer .button:first-child{margin-right:auto}@media (width<=1180px){.prototype-schedule-page .schedule-layout.editor-open{grid-template-columns:minmax(620px,1fr) 310px}.prototype-schedule-page .schedule-filterbar{overflow-x:auto}}.product-shell[data-theme=institution] .product-sidebar{background:var(--appearance-surface,#fff);border-right-color:var(--appearance-border,#dce1eb);flex-direction:column;padding:0 14px 18px;display:flex;box-shadow:4px 0 18px #2e5d970d}.product-shell[data-theme=institution] .product-brand{letter-spacing:.01em;font-size:17px}.product-shell[data-theme=institution] .product-brand img{border-radius:9px;width:38px;height:38px}.product-shell[data-theme=institution] .product-sidebar nav{gap:6px}.product-shell[data-theme=institution] .product-nav-item{min-height:46px;color:var(--shell-ink);border-radius:11px;padding:0 17px;font-size:16px}.product-shell[data-theme=institution] .product-nav-item svg{width:22px;height:22px}.product-shell[data-theme=institution] .product-sidebar-footer{margin-top:auto}.institution-sidebar-card{background:#fff;border:1px solid #dce5f0;border-radius:12px;grid-template-columns:42px 1fr;align-items:center;gap:10px;padding:14px 12px 10px;display:grid;box-shadow:0 3px 12px #284d7c0a}.institution-sidebar-campus{color:#1b78ef;background:linear-gradient(145deg,#e7f4ff,#dff8f4);border-radius:9px;place-items:center;width:42px;height:42px;display:grid}.institution-sidebar-card>span:nth-child(2){min-width:0;display:grid}.institution-sidebar-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.institution-sidebar-card small{color:#6d7990;font-size:12px}.institution-sidebar-card .button{color:#176fde;border:0;border-top:1px solid #e5ebf3;border-radius:0;grid-column:1/-1;justify-content:center;gap:6px;min-height:34px;padding:5px 9px;display:flex}.product-shell[data-theme=institution] .product-topbar{border-bottom-color:#dce5f2;min-height:70px;padding:10px 34px;box-shadow:0 2px 10px #2e5d9708}.product-shell[data-theme=institution] .product-title{display:none}.product-shell[data-theme=institution] .product-header-actions{margin-left:auto}.institution-campus-menu{position:relative}.institution-campus-switch{color:#172238;border-color:#dce5f0;justify-content:flex-start;gap:10px;min-width:235px}.institution-campus-switch svg{color:#1974ed}.institution-campus-panel{z-index:40;background:#fff;border:1px solid #dce5f0;border-radius:13px;gap:8px;width:min(320px,82vw);padding:10px;display:grid;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 18px 46px #284d7c29}.institution-campus-panel>header{border-bottom:1px solid #e4ebf3;gap:3px;padding:6px 8px 9px;display:grid}.institution-campus-panel>header span,.institution-campus-panel>button small{color:#6d7990;font-size:12px}.institution-campus-panel>button{color:#172238;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.institution-campus-panel>button[aria-current=true]{color:#176fde;background:#eef5ff}.institution-campus-panel>button>span,.institution-campus-panel>button strong,.institution-campus-panel>button small{display:block}.institution-notifications{position:relative}.institution-notification{border:0;border-left:1px solid #e1e7ef;border-radius:0;place-items:center;width:48px;padding:8px;display:grid;position:relative}.institution-notification small{color:#fff;background:#ef3f34;border-radius:50%;place-items:center;min-width:17px;height:17px;font-size:10px;font-weight:700;display:grid;position:absolute;top:4px;right:3px}.institution-notification-panel{z-index:40;background:#fff;border:1px solid #dce5f0;border-radius:13px;width:min(340px,82vw);padding:8px;position:absolute;top:calc(100% + 9px);right:0;overflow:hidden;box-shadow:0 18px 46px #284d7c29}.institution-notification-panel>header{border-bottom:1px solid #e4ebf3;justify-content:space-between;gap:12px;padding:10px 12px 9px;display:flex}.institution-notification-panel>header span{color:#6d7990;font-size:12px}.institution-notification-panel>header{flex-wrap:wrap;align-items:center}.institution-notification-panel>header>button{color:#2f6fec;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:700}.institution-notification-empty{color:#6d7990;text-align:center;margin:0;padding:20px 12px;font-size:13px}.institution-person-detail dl{gap:10px;margin:0 0 20px;display:grid}.institution-person-detail dl>div{border-bottom:1px solid var(--line,#e8edf6);grid-template-columns:110px minmax(0,1fr);gap:16px;padding:10px 0;display:grid}.institution-person-detail dt{color:#73809a}.institution-person-detail dd{color:#15213d;overflow-wrap:anywhere;margin:0;font-weight:600}.institution-relation-list .institution-row-actions select{color:#24314e;background:#fff;border:1px solid #dbe3f1;border-radius:8px;min-width:120px;min-height:36px;padding:0 28px 0 10px}.institution-notification-item{border-radius:9px;grid-template-columns:minmax(0,1fr) 28px;align-items:start;display:grid}.institution-notification-item[data-read=true]{opacity:.66}.institution-notification-item>button{color:#172238;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;width:100%;padding:11px 12px;display:block}.institution-notification-item:hover,.institution-notification-item>button:focus-visible{background:#eef5ff;outline:0}.institution-notification-item>button strong,.institution-notification-item>button span{display:block}.institution-notification-item>button span{color:#6d7990;margin-top:4px;font-size:12px}.institution-notification-item>button:last-child{color:#8a96a9;text-align:center;width:28px;padding:10px 4px}.product-shell[data-theme=institution] .product-profile{border-left:1px solid #e1e7ef;padding-left:18px}.institution-admin-profile{align-items:center;gap:9px;display:flex}.institution-admin-profile>span:last-child{line-height:1.25;display:grid}.institution-admin-profile small{color:#6f7d92;font-size:11px}.institution-admin-avatar{color:#176fde;background:#e8f2ff;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.product-shell[data-theme=institution] .product-profile>.button{color:#0000;border:0;width:42px;min-height:40px;overflow:hidden}.product-shell[data-theme=institution] .product-profile>.button svg{color:#66758b;flex:none}.product-shell[data-theme=institution] .product-content{max-width:none;padding:24px 30px 18px}.institution-home-title{align-items:center;gap:14px;margin:0 0 18px;display:flex}.institution-home-title>svg{color:#1677ef}.institution-home-title h2{letter-spacing:.01em;margin:0;font-size:26px}.institution-home-title p{color:#748199;margin:4px 0 0;font-size:12px}.institution-home-quick-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.institution-home-quick-actions .button{align-items:center;gap:6px;display:inline-flex}.institution-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.institution-metric{border-left:4px solid var(--metric-color);gap:16px;min-height:128px;padding:20px;position:relative;overflow:hidden;box-shadow:0 8px 22px #244d7b0d}.institution-metric[data-tone=blue]{--metric-color:#2878f0;--metric-soft:#e9f1ff}.institution-metric[data-tone=teal]{--metric-color:#17b99f;--metric-soft:#e4f8f3}.institution-metric[data-tone=purple]{--metric-color:#7653ed;--metric-soft:#eeeaff}.institution-metric[data-tone=cyan]{--metric-color:#08aeba;--metric-soft:#e5f7f8}.institution-metric-icon{width:64px;height:64px;color:var(--metric-color);background:var(--metric-soft);border-radius:50%;flex:none;place-items:center;display:grid}.institution-metric-copy{text-align:left;z-index:1;display:grid}.institution-metric-copy>span{font-size:15px}.institution-metric-copy strong{margin-top:1px;font-size:31px;line-height:1.12}.institution-metric-copy small{color:#78859a;margin-top:3px;font-size:11px}.institution-metric>.institution-metric-watermark{order:initial;width:72px;height:72px;color:var(--metric-soft);opacity:.78;background:0 0;padding:0;position:absolute;bottom:-4px;right:14px}.institution-dashboard-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1.2fr) minmax(280px,.88fr);align-items:stretch;gap:18px;display:grid}.institution-dashboard-column{align-content:start;gap:18px;display:grid}.institution-dashboard-grid .dashboard-panel{border-color:#e2e9f2;padding:18px 20px;box-shadow:0 7px 22px #244d7b0c}.institution-dashboard-grid .dashboard-panel>header{border-bottom:1px solid #e8edf4;min-height:32px;margin-bottom:11px;padding-bottom:10px}.institution-dashboard-grid .dashboard-panel h2,.institution-reminders>h2{font-size:16px}.institution-dashboard-grid .button,.institution-reminders .button{color:#176fde;border-color:#9fc4f4;min-height:32px;padding:4px 10px;font-size:12px}.institution-classrooms{min-height:316px}.institution-classroom-list{margin:0;padding:0;list-style:none}.institution-classroom-list li{border-bottom:1px solid #e8edf4;grid-template-columns:34px minmax(120px,1fr) minmax(80px,.8fr) 44px;align-items:center;gap:10px;min-height:55px;display:grid}.institution-classroom-list li:last-child{border-bottom:0}.institution-classroom-index{color:#176fde;background:#e9f2ff;border-radius:8px;place-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:grid}.institution-classroom-name{min-width:0;display:grid}.institution-classroom-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.institution-classroom-name small{color:#789;font-size:11px}.institution-classroom-progress{appearance:none;background:0 0;border:0;border-radius:99px;width:100%;height:7px;overflow:hidden}.institution-classroom-progress::-webkit-progress-bar{border-radius:inherit;background:#edf1f6}.institution-classroom-progress::-webkit-progress-value{border-radius:inherit;background:linear-gradient(90deg,#2e76ee,#1bb7c6)}.institution-classroom-progress::-moz-progress-bar{border-radius:inherit;background:linear-gradient(90deg,#2e76ee,#1bb7c6)}.institution-one-time-credential{margin-bottom:20px}.institution-classroom-count{text-align:right;color:#147e6a;font-size:14px}.institution-classroom-count small{font-size:10px;font-weight:400}.institution-account-panel{min-height:316px}.institution-account-composition{grid-template-columns:minmax(190px,1fr) 150px;align-items:center;min-height:240px;display:grid}.institution-account-composition .donut-chart{height:218px}.institution-account-composition .donut-chart>div{height:218px!important}.institution-account-composition .donut-chart>span{flex-direction:column;justify-content:center;align-items:center;line-height:1.1;display:flex}.institution-account-composition .donut-chart>span strong{font-size:20px}.institution-account-composition .donut-chart>span small{color:#79859a;font-weight:400}.institution-account-composition ul{margin:0;padding:0;list-style:none}.institution-account-composition li{border-bottom:1px solid #e8edf4;grid-template-columns:10px 1fr auto;align-items:center;gap:7px;padding:11px 0;font-size:12px;display:grid}.institution-account-composition li:last-child{border-bottom:0}.institution-account-composition i{background:#2878f0;border-radius:50%;width:9px;height:9px}.institution-account-composition i.student{background:#12b8a6}.institution-works{min-height:280px}.institution-panel-note{color:#8490a3;margin:0 0 10px;font-size:11px}.institution-work-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.institution-work-grid article{gap:3px;min-width:0;display:grid}.institution-work-grid img{object-fit:cover;background:#e9eef6;border-radius:8px;width:100%;height:130px}.institution-work-placeholder{color:#2878f0;background:linear-gradient(145deg,#eef5ff,#f5f1ff);border-radius:8px;place-items:center;width:100%;height:130px;display:grid}.institution-work-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.institution-work-grid small{text-overflow:ellipsis;white-space:nowrap;color:#8490a3;font-size:9px;overflow:hidden}.institution-token-panel{min-height:280px}.institution-token-scopes{gap:12px;margin-top:6px;display:grid}.institution-token-scopes .progress-bar{grid-template-columns:1fr;gap:4px;font-size:11px}.institution-trend-panel{min-height:280px}.institution-trend-panel .trend-chart{height:205px}.institution-trend-panel .trend-chart>div{height:205px!important}.institution-reminders{background:#fff;border:1px solid #e2e9f2;border-radius:13px;min-height:614px;padding:18px 12px;box-shadow:0 7px 22px #244d7b0c}.institution-reminders>h2{align-items:center;gap:8px;margin:0 3px 14px;display:flex}.institution-reminders>h2 svg{color:#ff5a58}.institution-reminder{border:1px solid;border-radius:11px;grid-template-columns:24px 1fr;gap:10px;margin-bottom:12px;padding:14px 12px;display:grid}.institution-reminder.danger{color:#d84a4a;background:#fff4f3;border-color:#ffd7d5}.institution-reminder.warning{color:#df8b00;background:#fff9ef;border-color:#ffe2b8}.institution-reminder.info{color:#1a72df;background:#f1f7ff;border-color:#d7e7fb}.institution-reminder strong{color:inherit;font-size:13px}.institution-reminder p{color:#536174;margin:5px 0 8px;font-size:11px;line-height:1.55}.institution-reminder .button{color:inherit;background:0 0;border:0;padding:2px 0}.institution-audit-preview{margin-top:6px;padding:4px 4px 0}.institution-audit-preview>header{justify-content:space-between;align-items:center;gap:8px;display:flex}.institution-audit-preview ul{margin:8px 0 0;padding:0;list-style:none}.institution-audit-preview li{border-top:1px solid #edf1f5;grid-template-columns:8px 1fr;align-items:start;gap:8px;padding:7px 0;display:grid}.institution-audit-preview li i{background:#25b89e;border-radius:50%;width:7px;height:7px;margin-top:5px}.institution-audit-preview li span{min-width:0;display:grid}.institution-audit-preview li strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;overflow:hidden}.institution-audit-preview li small{color:#8994a5;font-size:9px}.institution-home-footer{color:#8691a2;text-align:center;padding:18px 0 0;font-size:12px}.institution-module .page-header h2{font-size:24px}.institution-module .page-header .button{align-items:center;gap:6px;display:flex}.institution-header-actions,.institution-row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.institution-prerequisite{color:#245b9b;background:#f1f7ff;border:1px solid #cfe0f7;border-radius:12px;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;margin-bottom:18px;padding:15px 18px;display:grid}.institution-prerequisite>svg{background:#dcecff;border-radius:10px;width:38px;height:38px;padding:8px}.institution-prerequisite strong,.institution-prerequisite p{margin:0;display:block}.institution-prerequisite p{color:#687b95;margin-top:3px;font-size:12px}.institution-table-toolbar{grid-template-columns:minmax(260px,1fr) 170px 140px auto;align-items:center;gap:10px;margin-bottom:14px;display:grid}.institution-table-toolbar>label{background:#fff;border:1px solid #dce5f0;border-radius:9px;align-items:center;gap:8px;min-height:42px;padding:0 12px;display:flex}.institution-table-toolbar>label svg{color:#728097;width:17px}.institution-table-toolbar input{border:0;outline:0;width:100%;min-height:38px;padding:0}.institution-table-toolbar select{min-height:42px}.institution-table-toolbar>span{color:#78869a;white-space:nowrap;font-size:12px}.institution-people-table,.institution-class-table{min-width:980px}.institution-people-table{border-collapse:separate;border-spacing:0;min-width:780px}.institution-people-table :is(th,td):first-child{z-index:1;background:var(--appearance-surface,#fff);min-width:160px;position:sticky;left:0}.institution-people-table :is(th,td):last-child{z-index:2;background:var(--appearance-surface,#fff);min-width:176px;position:sticky;right:0;box-shadow:-4px 0 8px #00000008}.institution-actions-menu summary{cursor:pointer;color:var(--appearance-accent,#1f77f0);padding:7px 5px}.institution-actions-menu[open]{flex-basis:100%}.institution-actions-menu>div{flex-wrap:wrap;gap:6px;padding:6px 0;display:flex}.institution-people-table td:last-child:has(.confirm){z-index:1000}@media (width<=1000px){.institution-people-table .institution-person-avatar{display:none}}.institution-people-table td,.institution-class-table td{vertical-align:middle}.institution-people-table td:first-child{align-items:center;gap:10px;display:flex}.institution-people-table td>strong,.institution-people-table td>small,.institution-class-table td>strong,.institution-class-table td>small{display:block}.institution-people-table td>small,.institution-class-table td>small{color:#7a879a;margin-top:3px;font-size:11px}.institution-person-avatar{color:#1f75e9;background:#e9f2ff;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.institution-person-avatar.student{color:#0c9a83;background:#e5f8f3}.institution-person-name{min-width:0;display:grid}.institution-person-name strong,.institution-person-name small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.institution-person-name small{color:#7b8798;font-size:11px}.institution-class-tags{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.institution-class-tags span{color:#2366b5;white-space:nowrap;background:#eaf3ff;border-radius:99px;padding:3px 7px;font-size:11px}.institution-row-actions{flex-wrap:nowrap}.institution-row-actions .button{white-space:nowrap;min-height:32px;padding:4px 9px;font-size:11px}.institution-inline-create{grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-bottom:12px;display:grid}.institution-inline-create.three{grid-template-columns:minmax(0,1fr) minmax(100px,.65fr) auto}.institution-inline-create select,.institution-inline-create input{width:100%;min-width:0;min-height:38px}.institution-inline-create .button{white-space:nowrap;min-height:38px;padding:5px 9px}.institution-relation-list{min-height:82px;max-height:220px;margin:0 0 12px;padding:0;list-style:none;overflow:auto}.institution-relation-list li{border-bottom:1px solid #e8eef6;justify-content:space-between;align-items:center;gap:8px;padding:9px 0;display:flex}.institution-relation-list li>span{grid-template-columns:22px minmax(0,1fr);align-items:center;column-gap:7px;min-width:0;display:grid}.institution-relation-list li svg{color:#2372d9;grid-row:1/span 2}.institution-relation-list li strong,.institution-relation-list li small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.institution-relation-list li small{color:#7b8798;font-size:10px}.institution-relation-list .button{min-height:30px;padding:3px 7px;font-size:10px}.institution-modal-backdrop{z-index:140;background:var(--appearance-backdrop,#0f172a52);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.institution-account-modal,.institution-class-modal{border:1px solid var(--appearance-border,#dce1eb);border-radius:var(--card-radius,14px);background:var(--appearance-surface,#fff);width:min(940px,100%);max-height:min(900px,100vh - 48px);overflow:auto;box-shadow:0 24px 70px #12234242}.institution-class-modal{width:min(520px,100%)}.institution-course-allocation-modal,.institution-relation-modal{width:min(680px,100%)}.institution-course-allocation-list{max-height:min(430px,50vh);overflow:auto}.institution-relation-modal-body{padding:20px}.institution-relation-summary{color:#53647b;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;font-size:12px;display:flex}.institution-relation-modal .institution-relation-list{min-height:150px;max-height:min(420px,48vh);margin-bottom:0}.institution-account-modal>header,.institution-class-modal>header{z-index:2;background:#fff;border-bottom:1px solid #e3eaf3;justify-content:space-between;align-items:center;gap:14px;min-height:76px;padding:15px 20px;display:flex;position:sticky;top:0}.institution-account-modal>header>div,.institution-class-modal>header>div{align-items:center;gap:12px;display:flex}.institution-modal-icon{color:#fff;background:linear-gradient(145deg,#176fe8,#4897f4);border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.institution-account-modal header small,.institution-class-modal header small{color:#3276c8;letter-spacing:.1em;font-size:10px;font-weight:700}.institution-account-modal header h2,.institution-class-modal header h2{margin:2px 0 0;font-size:19px}.institution-account-modal>header>.button,.institution-class-modal>header>.button{border:0;width:40px;padding:8px}.institution-account-modal form{padding:0 20px 20px}.institution-class-modal form{padding:20px}.institution-credit-modal form{gap:16px;display:grid}.institution-credit-modal footer{justify-content:flex-end}.institution-room-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.institution-room-stats .dashboard-panel strong{color:#152b4c;font-size:30px;display:block}.institution-room-stats .dashboard-panel small,.institution-room-table td small{color:#78869a;margin-top:4px;display:block}.institution-room-modal form{gap:15px;display:grid}.institution-room-modal form>label{color:#33445f;gap:7px;font-size:12px;font-weight:700;display:grid}.institution-room-modal input,.institution-room-modal textarea{color:#162944;background:#fbfdff;border:1px solid #d9e3f0;border-radius:9px;width:100%;padding:11px 12px}.institution-room-modal textarea{resize:vertical;min-height:90px}.schedule-room-required{color:#765315;background:#fff8e8;border:1px solid #f3d69c;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;padding:12px 14px;display:flex}.institution-credit-table code{color:#46617f;font-size:12px}.institution-account-modal fieldset{border:0;border-bottom:1px solid #edf1f6;margin:0;padding:18px 0}.institution-account-modal legend{color:#22334d;margin-bottom:11px;font-size:13px;font-weight:700}.institution-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;display:grid}.institution-profile-layout{grid-template-columns:minmax(250px,.7fr) minmax(520px,1.6fr);align-items:start;gap:20px;display:grid}.institution-profile-facts{margin:0;display:grid}.institution-profile-facts>div{border-bottom:1px solid #e7edf5;grid-template-columns:100px minmax(0,1fr);gap:14px;padding:15px 0;display:grid}.institution-profile-facts>div:last-child{border-bottom:0}.institution-profile-facts dt{color:#718096}.institution-profile-facts dd{color:#17233d;overflow-wrap:anywhere;margin:0;font-weight:700}.institution-profile-form{gap:18px;display:grid}.institution-profile-form .field{color:#33415c;gap:8px;font-weight:700;display:grid}.institution-profile-form input,.institution-profile-form textarea{color:#17233d;width:100%;font:inherit;background:#fbfdff;border:1px solid #d8e1ef;border-radius:10px;padding:11px 12px}.institution-profile-form textarea{resize:vertical;min-height:92px}.institution-profile-form input:focus,.institution-profile-form textarea:focus{border-color:#4774ed;outline:none;box-shadow:0 0 0 3px #4774ed20}.institution-profile-form input:disabled,.institution-profile-form textarea:disabled{color:#8b96a9;background:#f1f4f8}.institution-share-settings{border:1px solid #dfe7f3;border-radius:14px;gap:16px;padding:16px;display:grid}.institution-share-settings legend{color:#1d2c49;padding:0 8px;font-weight:800}.institution-profile-toggle{align-items:flex-start;gap:11px;display:flex}.institution-profile-toggle input{width:18px;height:18px;margin-top:2px}.institution-profile-toggle span{gap:4px;display:grid}.institution-profile-toggle small{color:#718096;font-weight:500;line-height:1.5}.institution-profile-actions{border-top:1px solid #e7edf5;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;display:flex}.institution-profile-actions [role=status]{color:#11866f;align-items:center;gap:7px;font-weight:700;display:flex}.institution-profile-load-error{align-items:center;gap:12px;margin-bottom:18px;display:flex}.institution-profile-load-error>[role=alert]{flex:1;margin:0}@media (width<=980px){.institution-profile-layout{grid-template-columns:1fr}}.institution-account-modal .field,.institution-class-modal .field{margin:0}.institution-account-modal textarea{resize:vertical;min-height:82px}.institution-form-hint{color:#718098;margin:0 0 10px;font-size:12px;line-height:1.55}.institution-auto-number{background:#f6f9ff;border:1px dashed #b9c9e8;border-radius:10px;align-content:center;min-height:64px;padding:10px 13px;display:grid}.institution-auto-number>span{color:#6d7d96;font-size:12px}.institution-auto-number>strong{color:#2f68d8;margin-top:6px;font-size:13px}.institution-classroom-multi{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.institution-classroom-multi>label,.institution-course-level-checkboxes>section>label{cursor:pointer;background:#fbfdff;border:1px solid #dce5f4;border-radius:10px;align-items:center;gap:10px;min-height:48px;padding:10px 12px;display:flex}.institution-classroom-multi>label:has(input:checked){background:#eef5ff;border-color:#72a0f5;box-shadow:0 0 0 2px #3d74e214}.institution-course-level-checkboxes>section>label:has(input:checked){background:#eef5ff;border-color:#72a0f5;box-shadow:0 0 0 2px #3d74e214}.institution-classroom-multi input{accent-color:#3474e6;flex:0 0 17px;width:17px;height:17px;margin:0}.institution-classroom-multi label>span{flex:1;justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.institution-course-level-checkboxes label>span{flex-wrap:wrap}.institution-course-level-checkboxes label strong{overflow-wrap:anywhere;min-width:0}.institution-classroom-multi small{color:#a0732d;white-space:nowrap;flex:none}.institution-classroom-multi .paused{cursor:not-allowed;opacity:.65}.institution-account-modal footer,.institution-class-modal footer{justify-content:space-between;align-items:center;gap:14px;padding-top:18px;display:flex}.institution-account-modal footer>span,.institution-course-allocation-modal footer>span{color:#708097;font-size:11px}.institution-account-modal footer>div,.institution-course-allocation-modal footer>div{gap:9px;display:flex}@media (width<=1320px){.institution-dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.institution-reminders{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:0;display:grid}.institution-reminders>h2,.institution-audit-preview{grid-column:1/-1}}@media (width<=1100px){.institution-metrics,.institution-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=960px){.product-shell[data-theme=institution] .product-sidebar{padding-top:0}.product-shell[data-theme=institution] .product-header-actions{margin-left:auto}.institution-campus-switch{min-width:auto}}@media (width<=760px){.product-shell[data-theme=institution] .product-content{padding:18px 14px}.institution-home-title p,.institution-campus-switch{display:none}.institution-home-title h2{font-size:22px}.institution-metrics,.institution-dashboard-grid,.institution-reminders{grid-template-columns:1fr}.institution-reminders>h2,.institution-audit-preview{grid-column:auto}.institution-account-composition{grid-template-columns:1fr}.institution-table-toolbar{grid-template-columns:1fr 1fr}.institution-form-grid{grid-template-columns:1fr}.institution-prerequisite{grid-template-columns:38px 1fr}.institution-prerequisite .button{grid-column:1/-1}.institution-modal-backdrop{padding:10px}.institution-account-modal,.institution-class-modal{max-height:calc(100vh - 20px)}.institution-classroom-list li{grid-template-columns:32px minmax(0,1fr) 42px}.institution-classroom-progress{display:none}}.institution-course-grant-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.institution-course-grant-metrics article{background:#fff;border:1px solid #e0e6f0;border-radius:16px;align-items:center;gap:14px;min-height:104px;padding:18px;display:flex;box-shadow:0 7px 22px #2b3f7012}.institution-course-grant-metrics article>svg{color:#356de8}.institution-course-grant-metrics span{gap:4px;display:grid}.institution-course-grant-metrics small{color:#69748c}.institution-course-grant-metrics strong{color:#17233f;font-size:1.8rem}.institution-course-teacher-picker{max-width:420px}.institution-section-tabs{background:#fff;border:1px solid #dfe7f3;border-radius:13px;align-items:center;gap:18px;margin:0 0 18px;padding:9px 12px 9px 16px;display:flex;box-shadow:0 7px 20px #244d7b0f}.institution-section-tabs>strong{color:#1b2b48;flex:none;font-size:13px}.institution-section-tabs>div,.institution-course-view-tabs{background:#f2f6fc;border-radius:10px;align-items:center;gap:5px;min-width:0;padding:4px;display:flex}.institution-section-tabs button,.institution-course-view-tabs button{color:#52617a;min-height:34px;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:700;display:inline-flex}.institution-section-tabs button[aria-selected=true],.institution-course-view-tabs button[aria-selected=true]{color:#fff;background:linear-gradient(135deg,#2675ec,#508df1);box-shadow:0 5px 13px #2675ec38}.institution-section-tabs button:focus-visible,.institution-course-view-tabs button:focus-visible{outline-offset:2px;outline:3px solid #2675ec33}.institution-course-view-tabs{width:fit-content;margin:0 0 14px}.institution-course-boundary-note{color:#68768e;align-items:flex-start;gap:8px;margin:14px 0 0;font-size:12px;line-height:1.55;display:flex}.institution-course-boundary-note svg{color:#2b75e8;flex:none}.data-table .institution-course-level-row th{color:#27548f;text-align:left;background:#eef5ff;border-block:1px solid #cfe0f4;padding:10px 14px}.data-table .institution-course-level-row th span{font-weight:850}.data-table .institution-course-level-row th small{color:#71809a;margin-left:10px;font-weight:650}.institution-course-level-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.institution-level-bulk-button{color:#245fae;background:#fff;border-color:#b9d1f2;min-height:30px;padding:5px 11px;font-size:12px}.institution-course-level-notice{color:#167864;background:#f0faf7;border:1px solid #bce5dc;border-radius:10px;align-items:center;gap:8px;margin:10px 0;padding:10px 12px;font-size:13px;font-weight:700;display:flex}.institution-course-level-checkboxes>section{background:#f8fbff;border:1px solid #dbe6f3;border-radius:12px;grid-column:1/-1;gap:8px;padding:10px;display:grid}.institution-course-level-checkboxes>section>header{color:#274c80;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:0 2px 2px;display:flex}.institution-course-level-checkboxes>section>header small{color:#73809a;font-weight:650}.institution-course-level-checkboxes>section>header>span{align-items:baseline;gap:8px;display:inline-flex}.institution-attendance-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px;display:grid}.institution-attendance-metrics article{background:#fff;border:1px solid #e0e7f2;border-radius:14px;gap:5px;padding:17px 18px;display:grid;box-shadow:0 7px 20px #244d7b0d}.institution-attendance-metrics small,.institution-attendance-metrics span{color:#748199;font-size:11px}.institution-attendance-metrics strong{color:#17233f;font-size:27px}.institution-attendance-layout{grid-template-columns:minmax(280px,.72fr) minmax(600px,1.8fr);align-items:start;gap:16px;display:grid}.institution-attendance-session-list{gap:8px;display:grid}.institution-attendance-session-list>button{color:#273650;text-align:left;cursor:pointer;background:#fff;border:1px solid #dfe7f3;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.institution-attendance-session-list>button[aria-current=true]{background:#f1f6ff;border-color:#6f9af0;box-shadow:0 0 0 2px #2675ec14}.institution-attendance-session-list>button>span{gap:5px;min-width:0;display:grid}.institution-attendance-session-list>button>span:last-child{justify-items:end}.institution-attendance-session-list strong,.institution-attendance-session-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.institution-attendance-session-list small{color:#7d899d;font-size:10px}.institution-attendance-correction textarea{resize:vertical;min-height:96px}@media (width<=760px){.institution-course-grant-metrics{grid-template-columns:1fr}.institution-section-tabs{flex-direction:column;align-items:stretch;gap:8px}.institution-section-tabs>div{overflow-x:auto}.institution-home-title{flex-wrap:wrap}.institution-home-quick-actions{width:100%;margin-left:0;overflow-x:auto}.institution-attendance-metrics,.institution-attendance-layout{grid-template-columns:1fr}}@media (width>=761px) and (width<=1180px){.institution-attendance-layout{grid-template-columns:1fr}.institution-attendance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}.institution-credit-report-filters{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.institution-credit-overview{grid-template-columns:minmax(420px,.9fr) minmax(520px,1.35fr);align-items:stretch;gap:18px;display:grid}.institution-credit-overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.institution-credit-overview-metrics article{background:linear-gradient(145deg,#fff,#f5f8ff);border:1px solid #e1e8f5;border-radius:14px;align-content:center;gap:7px;min-height:126px;padding:18px;display:grid}.institution-credit-overview-metrics span{color:#66758e;font-size:13px}.institution-credit-overview-metrics strong{color:#17233f;font-size:30px;line-height:1}.institution-credit-overview-metrics small{color:#8a96aa;line-height:1.45}.institution-credit-overview-chart{border:1px solid #e1e8f5;border-radius:14px;min-width:0;padding:14px 16px 2px}.institution-credit-overview-chart h3{color:#253250;margin:0 0 4px;font-size:14px}.institution-credit-overview-chart .trend-chart{height:258px}.institution-credit-account-search{align-items:center;gap:8px;display:flex}.institution-credit-account-search label{background:#fff;border:1px solid #d8e1ef;border-radius:10px;align-items:center;gap:8px;width:min(390px,45vw);min-height:38px;padding:0 11px;display:flex}.institution-credit-account-search label:focus-within{border-color:#3976ef;box-shadow:0 0 0 3px #3976ef1a}.institution-credit-account-search svg{color:#75839a;flex:none}.institution-credit-account-search input{color:#17233f;background:0 0;border:0;outline:0;width:100%}.institution-credit-table td small{color:#8995a8;margin-top:4px;display:block}.institution-credit-table td:nth-child(3) code{text-overflow:ellipsis;max-width:250px;display:inline-block;overflow:hidden}.institution-credit-pagination{color:#6d7a91;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.institution-credit-pagination>div{gap:8px;display:flex}.institution-credit-report-filters label{color:#61708b;gap:4px;font-size:12px;display:grid}.institution-credit-report-filters input{color:#17233f;background:#fff;border:1px solid #dbe3f0;border-radius:9px;min-height:36px;padding:0 10px}.institution-credit-report-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.institution-credit-report-summary article{background:linear-gradient(145deg,#fff,#f7faff);border:1px solid #e2e9f5;border-radius:13px;gap:6px;padding:15px;display:grid}.institution-credit-report-summary span{color:#72809a;font-size:12px}.institution-credit-report-summary strong{color:#17233f;font-size:24px}.institution-credit-usage-table td:nth-child(6) small{color:#8793a8;margin-top:3px;display:block}.institution-credit-actor-list{gap:7px;min-width:230px;padding:10px 0;display:grid}.institution-credit-actor-list>span{white-space:nowrap;align-items:center;gap:7px;display:flex}@media (width<=900px){.institution-credit-report-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.institution-credit-overview{grid-template-columns:1fr}.institution-credit-account-search{flex-wrap:wrap;width:100%}.institution-credit-account-search label{width:100%}}@media (width<=560px){.institution-credit-overview-metrics{grid-template-columns:1fr}.institution-credit-pagination{flex-direction:column;align-items:flex-start}}.institution-program-form{gap:16px;display:grid}.institution-program-fields{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;display:grid}.institution-program-offering{border-bottom:1px solid var(--appearance-border,#dce1eb);padding:18px 0}.institution-program-form>.button{justify-self:start}.institution-program-fields>.button{place-self:end start}.institution-program-actions{flex-wrap:wrap;gap:10px;display:flex}.institution-credit-management-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.institution-credit-management-form{background:#f6f9ff;border:1px solid #d9e3f0;border-radius:12px;flex-direction:column;gap:12px;margin-bottom:20px;padding:20px;display:flex}.institution-credit-management-form p{color:#526174;margin:0}.institution-credit-management-form label{flex-direction:column;gap:6px;max-width:560px;display:flex}.institution-credit-management-form input{color:#17243a;background:#fff;border:1px solid #c7d2e1;border-radius:8px;min-height:40px;padding:8px 12px}.institution-credit-management-form>div{gap:10px;display:flex}.institution-credit-table td:last-child{white-space:nowrap}.control-hint{z-index:2147483647;color:#f7f6fa;white-space:normal;overflow-wrap:anywhere;pointer-events:none;background:#26252b;border:1px solid #ffffff20;border-radius:7px;width:max-content;max-width:min(340px,100vw - 16px);margin:0;padding:8px 11px;font:12px/1.5 system-ui,sans-serif;position:fixed;inset:auto;box-shadow:0 4px 18px #0003}.control-hint[hidden],.control-hint::backdrop{display:none}[aria-describedby*=children-ai-control-hint-][data-tooltip]:after{display:none!important}html[data-color-mode=dark],html[data-color-mode=dark] .hq-parameter-chips small,html[data-color-mode=dark] .hq-codex-check-status{color:var(--appearance-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .button,html[data-color-mode=dark] .field input,html[data-color-mode=dark] .field select,html[data-color-mode=dark] textarea,html[data-color-mode=dark] .teacher-stepper,html[data-color-mode=dark] .student-course-outline li>span:first-child,html[data-color-mode=dark] .student-prompt-field,html[data-color-mode=dark] .student-prompt-transfer select,html[data-color-mode=dark] .student-report-course-list li,html[data-color-mode=dark] .student-current-course-stats>div,html[data-color-mode=dark] .student-portfolio-toolbar select,html[data-color-mode=dark] .student-work-revision,html[data-color-mode=dark] .student-course-examples li,html[data-color-mode=dark] .student-classroom-message-window,html[data-color-mode=dark] .teacher-home .teacher-recent-strip article,html[data-color-mode=dark] .teacher-classroom-message-window,html[data-color-mode=dark] .cx-teaching-notes select,html[data-color-mode=dark] .cx-teaching-notes textarea,html[data-color-mode=dark] .cx-attendance select,html[data-color-mode=dark] .cx-attendance textarea,html[data-color-mode=dark] .cx-creative-reference,html[data-color-mode=dark] .cx-prompt-library button,html[data-color-mode=dark] .cx-prompt-library-tools input,html[data-color-mode=dark] .cx-canvas-menu-content,html[data-color-mode=dark] .cx-canvas-form input:not([type=radio]):not([type=checkbox]),html[data-color-mode=dark] .cx-canvas-form textarea,html[data-color-mode=dark] .cx-canvas-compare-selects select,html[data-color-mode=dark] .cx-canvas-template-preview>header button,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-composer-menu,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-composer-picker-menu,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-composer,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-model-incompatible,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-turn-preferences-popover,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-turn-preferences-popover select,html[data-color-mode=dark] .cx-dock-layout-menu,html[data-color-mode=dark] .cx-schedule-form input:not([type=checkbox]),html[data-color-mode=dark] .cx-schedule-form textarea,html[data-color-mode=dark] .cx-schedule-form select,html[data-color-mode=dark] .cx-management-filters>input,html[data-color-mode=dark] .cx-inline-form input,html[data-color-mode=dark] .cx-inline-form textarea,html[data-color-mode=dark] .cx-inline-form button,html[data-color-mode=dark] .cx-context-editor textarea,html[data-color-mode=dark] .cx-artifact-frame,html[data-color-mode=dark] .codex-course-preview,html[data-color-mode=dark] .codex-workbench:not([data-live-class]) .codex-dock-content,html[data-color-mode=dark] .ca-media-placeholder>button{border:1px solid var(--appearance-border);background:var(--appearance-surface)}html[data-color-mode=dark] .problem,html[data-color-mode=dark] .login-shell,html[data-color-mode=dark] .login-visual,html[data-color-mode=dark] .progress-bar [role=progressbar],html[data-color-mode=dark] .alert-card,html[data-color-mode=dark] .alert-card[data-tone=warning],html[data-color-mode=dark] .alert-card[data-tone=danger],html[data-color-mode=dark] .teacher-stepper>div:after,html[data-color-mode=dark] .prompt-copy,html[data-color-mode=dark] .journey-line>div:after,html[data-color-mode=dark] .reference-media-grid img,html[data-color-mode=dark] .operations-report-summary div,html[data-color-mode=dark] .product-shell[data-theme=student],html[data-color-mode=dark] .student-monitoring-connection,html[data-color-mode=dark] .product-shell[data-theme=student] .product-nav-item:hover,html[data-color-mode=dark] .product-shell[data-theme=student] .product-nav-item:focus-visible,html[data-color-mode=dark] .student-overview-hero,html[data-color-mode=dark] .student-work-media-stage img,html[data-color-mode=dark] .student-work-feedback,html[data-color-mode=dark] .student-sidebar-profile .student-avatar,html[data-color-mode=dark] .student-notification-item:hover,html[data-color-mode=dark] .student-notification-item:focus-within,html[data-color-mode=dark] .student-notification-panel>.student-notification-footer:hover,html[data-color-mode=dark] .student-notification-panel>.student-notification-footer:focus-visible,html[data-color-mode=dark] .student-tools-panel>button:hover,html[data-color-mode=dark] .student-tools-panel>button:focus-visible,html[data-color-mode=dark] .parent-lite-works figure,html[data-color-mode=dark] .student-progress-chip i,html[data-color-mode=dark] .student-assistant-greeting>div,html[data-color-mode=dark] .student-reference-file>img,html[data-color-mode=dark] .student-reference-file>video,html[data-color-mode=dark] .student-reference-file-icon,html[data-color-mode=dark] .student-reference-file>button:hover,html[data-color-mode=dark] .student-chat-media-stage img,html[data-color-mode=dark] .student-credit-bar,html[data-color-mode=dark] .classroom-message header button:hover,html[data-color-mode=dark] .classroom-message header button:focus-visible,html[data-color-mode=dark] .classroom-message-copy-media:hover,html[data-color-mode=dark] .classroom-message-copy-media:focus-visible,html[data-color-mode=dark] .classroom-message-media,html[data-color-mode=dark] .classroom-attachment-preview>img,html[data-color-mode=dark] .classroom-attachment-preview>video,html[data-color-mode=dark] .teacher-course-preview,html[data-color-mode=dark] .teacher-script-questions,html[data-color-mode=dark] .teacher-script-demo,html[data-color-mode=dark] .teacher-classroom-pane-divider span,html[data-color-mode=dark] .teacher-classroom-ai-media img,html[data-color-mode=dark] .teacher-ai-reference-file>img,html[data-color-mode=dark] .teacher-ai-reference-file>video,html[data-color-mode=dark] .teacher-ai-reference-file>span,html[data-color-mode=dark] .teacher-ai-reference-file>button:hover,html[data-color-mode=dark] .teacher-classroom-dialog-summary,html[data-color-mode=dark] .teacher-classroom-progress:before,html[data-color-mode=dark] .teacher-work-media-stage img,html[data-color-mode=dark] .teacher-live-unavailable li,html[data-color-mode=dark] .teacher-common-mistake-summary li,html[data-color-mode=dark] .teacher-conversation>div,html[data-color-mode=dark] .teacher-conversation>div[data-role=USER],html[data-color-mode=dark] .teacher-notification-item:hover,html[data-color-mode=dark] .teacher-schedule-detail>section,html[data-color-mode=dark] .classroom-raised-hands,html[data-color-mode=dark] .hq-search>button:hover,html[data-color-mode=dark] .hq-search>button:focus-visible,html[data-color-mode=dark] .hq-search-results>button:hover,html[data-color-mode=dark] .hq-search-results>button:focus-visible,html[data-color-mode=dark] .hq-notification-panel>button:hover,html[data-color-mode=dark] .hq-notification-panel>button:focus-visible,html[data-color-mode=dark] .hq-notification-item:hover,html[data-color-mode=dark] .hq-profile-trigger img,html[data-color-mode=dark] .hq-profile-menu button,html[data-color-mode=dark] .hq-ranking-table [role=row]>strong,html[data-color-mode=dark] .hq-ranking-students progress,html[data-color-mode=dark] .hq-quality-profile-list>article[data-enabled=false],html[data-color-mode=dark] .hq-quality-rate-list>article>header code,html[data-color-mode=dark] .hq-force-delete-progress progress,html[data-color-mode=dark] .hq-sortable-course-row[data-dragging=true],html[data-color-mode=dark] .hq-form-hint,html[data-color-mode=dark] .hq-upload-steps li:before,html[data-color-mode=dark] .hq-upload-progress progress,html[data-color-mode=dark] .hq-version-selector article[data-selected=true],html[data-color-mode=dark] .hq-review-history>header,html[data-color-mode=dark] .hq-rollback-candidates>header,html[data-color-mode=dark] .hq-credit-bars progress,html[data-color-mode=dark] .hq-usage progress,html[data-color-mode=dark] .hq-credit-trend progress,html[data-color-mode=dark] .hq-capability-distribution progress,html[data-color-mode=dark] .hq-course-preview-assistant li>div,html[data-color-mode=dark] .hq-data-ranking-list li>strong[data-rank="2"],html[data-color-mode=dark] .hq-data-ranking-list progress,html[data-color-mode=dark] .hq-data-distribution progress,html[data-color-mode=dark] .hq-basic-skill-source pre,html[data-color-mode=dark] .hq-codex-verification-note,html[data-color-mode=dark] .hq-codex-model-dialog>.hq-codex-publication-form,html[data-color-mode=dark] .hq-codex-publication-form .hq-model-source,html[data-color-mode=dark] .institution-notification-item:hover,html[data-color-mode=dark] .institution-notification-item>button:focus-visible,html[data-color-mode=dark] .institution-work-grid img,html[data-color-mode=dark] .institution-prerequisite>svg,html[data-color-mode=dark] .institution-section-tabs>div,html[data-color-mode=dark] .institution-course-view-tabs,html[data-color-mode=dark] .cx-creative-picker-panel label:hover,html[data-color-mode=dark] .cx-prompt-library button:hover,html[data-color-mode=dark] .cx-prompt-library-full-text,html[data-color-mode=dark] .cx-canvas-menu-trigger:hover,html[data-color-mode=dark] .cx-canvas-menu-trigger[aria-expanded=true],html[data-color-mode=dark] .cx-canvas-menu-content>button:hover:enabled,html[data-color-mode=dark] .cx-canvas-dialog>header button:hover,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-composer-menu-options>button[aria-selected=true],html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-composer-menu-options>button:focus-visible,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-composer-picker-trigger:hover:not(:disabled),html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-composer-picker-trigger[aria-expanded=true],html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-composer-picker-menu button:hover:not(:disabled),html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-composer-picker-menu button:focus-visible,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-composer>footer>.cx-attachment:hover:not(:disabled),html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-model:focus-within,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-model:hover,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-turn-preferences-trigger:hover:not(:disabled),html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-turn-preferences-trigger[aria-expanded=true],html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-composer .cx-send:disabled,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-composer .cx-resizer-composer:after,html[data-color-mode=dark] .codex-workbench .cx-message.user .cx-message-content,html[data-color-mode=dark] .codex-workbench .cx-message-actions .cx-icon:hover,html[data-color-mode=dark] .codex-workbench .cx-message-actions .cx-icon:focus-visible,html[data-color-mode=dark] .cx-artifact-dialog .cx-csv-preview th,html[data-color-mode=dark] .cx-artifact-dialog .cx-code-toolbar,html[data-color-mode=dark] .cx-artifact-dialog .cx-code-block pre,html[data-color-mode=dark] .cx-dock-controls .cx-dock-layout-menu>button:hover,html[data-color-mode=dark] .cx-dock-controls .cx-dock-layout-menu>button:focus-visible,html[data-color-mode=dark] .cx-schedule-form,html[data-color-mode=dark] .cx-inline-approval button[aria-pressed=true],html[data-color-mode=dark] .cx-terminal-panel nav button[aria-pressed=true],html[data-color-mode=dark] .codex-manual-terminal header,html[data-color-mode=dark] .codex-switch span,html[data-color-mode=dark] .codex-browser-toolbar>div,html[data-color-mode=dark] .codex-file-tree summary:hover,html[data-color-mode=dark] .codex-course-browser summary:hover,html[data-color-mode=dark] .codex-file-tree li>button:hover,html[data-color-mode=dark] .codex-course-browser li>button:hover,html[data-color-mode=dark] .codex-image-preview,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-formal-files button.selected,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-resizer-composer:after,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-classroom-tabs,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-guidance-message blockquote,html[data-color-mode=dark] .codex-projects button:hover,html[data-color-mode=dark] .codex-threads button:hover,html[data-color-mode=dark] .codex-profile:hover,html[data-color-mode=dark] .codex-service-notice,html[data-color-mode=dark] .codex-dock-resizer:after,html[data-color-mode=dark] .codex-tabs button small,html[data-color-mode=dark] .codex-class-status>b,html[data-color-mode=dark] .codex-class-status>em,html[data-color-mode=dark] .codex-class-status>em i,html[data-color-mode=dark] .codex-message-reactions i,html[data-color-mode=dark] .ca-canvas-editor,html[data-color-mode=dark] .ca-stage,html[data-color-mode=dark] .ca-node-image,html[data-color-mode=dark] .ca-node-video,html[data-color-mode=dark] .ca-canvas-editor button:not(:where(.ca-node-composer *)).ca-link-handle:hover,html[data-color-mode=dark] .ca-minimap svg,html[data-color-mode=dark] .ca-canvas-editor button.ca-link-handle[data-canvas-port]:hover:not(:disabled):before,html[data-color-mode=dark] .ca-node.connecting button.ca-link-handle[data-canvas-port]:before,html[data-color-mode=dark] .ca-node.ca-connection-target button.ca-link-handle[data-canvas-port]:before{background:var(--appearance-soft)}html[data-color-mode=dark] .teacher-week-board::-webkit-scrollbar-thumb{background:var(--appearance-soft)}html[data-color-mode=dark] .hq-ranking-students progress::-webkit-progress-bar{background:var(--appearance-soft)}html[data-color-mode=dark] .hq-force-delete-progress progress::-webkit-progress-bar{background:var(--appearance-soft)}html[data-color-mode=dark] .hq-upload-progress progress::-webkit-progress-bar{background:var(--appearance-soft)}html[data-color-mode=dark] .hq-credit-bars progress::-webkit-progress-bar{background:var(--appearance-soft)}html[data-color-mode=dark] .hq-usage progress::-webkit-progress-bar{background:var(--appearance-soft)}html[data-color-mode=dark] .hq-credit-trend progress::-webkit-progress-bar{background:var(--appearance-soft)}html[data-color-mode=dark] .hq-capability-distribution progress::-webkit-progress-bar{background:var(--appearance-soft)}html[data-color-mode=dark] .hq-data-ranking-list progress::-webkit-progress-bar{background:var(--appearance-soft)}html[data-color-mode=dark] .hq-data-distribution progress::-webkit-progress-bar{background:var(--appearance-soft)}html[data-color-mode=dark] .institution-classroom-progress::-webkit-progress-bar{background:var(--appearance-soft)}html[data-color-mode=dark] .codex-workbench ::-webkit-scrollbar-thumb{background:var(--appearance-soft)}html[data-color-mode=dark] .problem small,html[data-color-mode=dark] .login-card .field>span:first-child,html[data-color-mode=dark] .progress-bar,html[data-color-mode=dark] .product-navigation-group-toggle,html[data-color-mode=dark] .product-nav-item,html[data-color-mode=dark] .app-error-boundary p,html[data-color-mode=dark] .app-error-boundary small,html[data-color-mode=dark] .week-calendar-head strong,html[data-color-mode=dark] .schedule-editor>label,html[data-color-mode=dark] .schedule-editor-pair label,html[data-color-mode=dark] .teaching-checklist p,html[data-color-mode=dark] .reference-drawer-form label,html[data-color-mode=dark] .reference-management-form-grid label,html[data-color-mode=dark] .classroom-compose-context strong,html[data-color-mode=dark] .student-join-class-dialog label,html[data-color-mode=dark] .student-overview-breadcrumb,html[data-color-mode=dark] .parent-lite-works figcaption,html[data-color-mode=dark] .student-course-picker .button,html[data-color-mode=dark] .student-course-picker .button[aria-pressed=true],html[data-color-mode=dark] .student-course-examples li>span,html[data-color-mode=dark] .student-task-action time,html[data-color-mode=dark] .student-message-assistant.is-typing,html[data-color-mode=dark] .classroom-message header strong,html[data-color-mode=dark] .teacher-script-questions ol,html[data-color-mode=dark] .teacher-script-demo pre,html[data-color-mode=dark] .teacher-classroom-ai-status span,html[data-color-mode=dark] .teacher-classroom-ai-empty strong,html[data-color-mode=dark] .teacher-ai-reference-file strong,html[data-color-mode=dark] .teacher-hero-copy p,html[data-color-mode=dark] .teacher-lesson-picker label>span,html[data-color-mode=dark] .teacher-stat-card small,html[data-color-mode=dark] .teacher-schedule-detail dd,html[data-color-mode=dark] .teacher-schedule-detail>section strong,html[data-color-mode=dark] .teacher-schedule-detail-empty strong,html[data-color-mode=dark] .teacher-progress-row>span:not(.teacher-class-icon),html[data-color-mode=dark] .teacher-safety-reminder p,html[data-color-mode=dark] .teacher-guide-mistakes p,html[data-color-mode=dark] .teacher-learning-objectives p,html[data-color-mode=dark] .teacher-intervention-rules p,html[data-color-mode=dark] .teacher-intervention-rules ul,html[data-color-mode=dark] .teacher-guide-assets strong,html[data-color-mode=dark] .classroom-recipient-picker,html[data-color-mode=dark] .teacher-communication-compose label,html[data-color-mode=dark] .hq-nav-item,html[data-color-mode=dark] .hq-collapse,html[data-color-mode=dark] .hq-token-chart li,html[data-color-mode=dark] .hq-table td,html[data-color-mode=dark] .hq-global-credit-form label,html[data-color-mode=dark] .hq-force-delete-confirm,html[data-color-mode=dark] .hq-force-delete-dialog .hq-checkbox-row,html[data-color-mode=dark] .hq-ai-boundaries li,html[data-color-mode=dark] .hq-course-preview-assistant label,html[data-color-mode=dark] .hq-course-preview-assistant p,html[data-color-mode=dark] .hq-course-preview-guide p,html[data-color-mode=dark] .hq-course-preview-guide li,html[data-color-mode=dark] .hq-course-preview-guide pre,html[data-color-mode=dark] .hq-codex-publication-form label,html[data-color-mode=dark] .hq-codex-audio-settings>legend,html[data-color-mode=dark] .hq-inline-notice,html[data-color-mode=dark] .hq-codex-publication-form summary,html[data-color-mode=dark] .hq-tool-policy-copy,html[data-color-mode=dark] .hq-agent-model-info dd,html[data-color-mode=dark] .institution-reminder p,html[data-color-mode=dark] .cx-canvas-empty h2,html[data-color-mode=dark] .cx-canvas-empty strong,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-model-picker select,html[data-color-mode=dark] .codex-workbench .cx-tool-details,html[data-color-mode=dark] .cx-dock-controls .cx-dock-layout-menu>button,html[data-color-mode=dark] .codex-browser-viewport pre,html[data-color-mode=dark] .codex-browser-settings label,html[data-color-mode=dark] .codex-file-tree summary,html[data-color-mode=dark] .codex-course-browser summary,html[data-color-mode=dark] .codex-file-tree li>button,html[data-color-mode=dark] .codex-course-browser li>button,html[data-color-mode=dark] .codex-file-preview>header strong,html[data-color-mode=dark] .codex-file-preview>pre,html[data-color-mode=dark] .codex-lesson-outline>strong,html[data-color-mode=dark] .codex-course-browser>header strong,html[data-color-mode=dark] .codex-changed-files>div,html[data-color-mode=dark] .codex-tool-section>header>div,html[data-color-mode=dark] .codex-submit-files label,html[data-color-mode=dark] .codex-submission-status,html[data-color-mode=dark] .codex-diff-file-heading strong,html[data-color-mode=dark] .codex-change-description strong,html[data-color-mode=dark] .codex-course-preview-body p,html[data-color-mode=dark] .codex-course-preview-body li,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-project nav>button,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-welcome button,html[data-color-mode=dark] .codex-section-title,html[data-color-mode=dark] .codex-threads button,html[data-color-mode=dark] .codex-profile-menu button,html[data-color-mode=dark] .codex-breadcrumb strong,html[data-color-mode=dark] .codex-class-strip strong,html[data-color-mode=dark] .codex-event-main>header strong,html[data-color-mode=dark] .codex-event-main>div,html[data-color-mode=dark] .codex-workbench:not([data-live-class]) .codex-section-title,html[data-color-mode=dark] .codex-workbench:not([data-live-class]) .codex-teaching-entry small,html[data-color-mode=dark] .codex-profile-settings,html[data-color-mode=dark] .codex-event-steps li,html[data-color-mode=dark] .codex-global-nav button,html[data-color-mode=dark] .codex-class-projects button,html[data-color-mode=dark] .codex-class-project-root,html[data-color-mode=dark] .ca-node textarea,html[data-color-mode=dark] .ca-text-content,html[data-color-mode=dark] .ca-empty strong,html[data-color-mode=dark] .ca-search input{color:var(--appearance-ink)}html[data-color-mode=dark] .status-pill{color:var(--appearance-success-ink)}html[data-color-mode=dark] .confirm,html[data-color-mode=dark] .login-form-panel,html[data-color-mode=dark] .login-card .login-field input:focus,html[data-color-mode=dark] .drawer,html[data-color-mode=dark] .data-table,html[data-color-mode=dark] .totp-recovery-codes code,html[data-color-mode=dark] .journey-cards .teacher-comment,html[data-color-mode=dark] .product-shell[data-theme=student] .product-sidebar,html[data-color-mode=dark] .student-work-media-preview>footer,html[data-color-mode=dark] .student-work-preview-unavailable .button,html[data-color-mode=dark] .student-course-outline li>span:first-child,html[data-color-mode=dark] .student-assistant-status-cards section,html[data-color-mode=dark] .classroom-message-list,html[data-color-mode=dark] .student-personal-agent,html[data-color-mode=dark] .student-personal-chat,html[data-color-mode=dark] .teacher-course-iframe,html[data-color-mode=dark] .teacher-classroom-ai-composer textarea:disabled,html[data-color-mode=dark] .teacher-classroom-dialog,html[data-color-mode=dark] .teacher-work-media-preview>footer,html[data-color-mode=dark] .teacher-live-summary>div,html[data-color-mode=dark] .teacher-monitor-table tbody tr:hover,html[data-color-mode=dark] .teacher-week-day,html[data-color-mode=dark] .hq-search-results,html[data-color-mode=dark] .hq-notification-panel,html[data-color-mode=dark] .hq-profile-menu,html[data-color-mode=dark] .hq-state button,html[data-color-mode=dark] .hq-button-quiet,html[data-color-mode=dark] .hq-metric,html[data-color-mode=dark] .hq-table tbody tr:hover,html[data-color-mode=dark] .hq-image-ratio-list>article[data-enabled=false],html[data-color-mode=dark] .hq-model-series-row>td,html[data-color-mode=dark] .hq-model-history-row>td,html[data-color-mode=dark] .hq-institution-drawer,html[data-color-mode=dark] .hq-institution-drawer>header,html[data-color-mode=dark] .hq-drawer-section,html[data-color-mode=dark] .hq-form-dialog,html[data-color-mode=dark] .hq-confirm-dialog,html[data-color-mode=dark] .hq-credential-dialog,html[data-color-mode=dark] .hq-table tr[data-course-deleting=true],html[data-color-mode=dark] .hq-course-drawer,html[data-color-mode=dark] .hq-ai-dialog,html[data-color-mode=dark] .hq-credit-dialog,html[data-color-mode=dark] .hq-course-drawer>header,html[data-color-mode=dark] .hq-ai-dialog>header,html[data-color-mode=dark] .hq-credit-dialog>header,html[data-color-mode=dark] .hq-course-preview-frame-wrap,html[data-color-mode=dark] .hq-course-preview-frame-wrap iframe,html[data-color-mode=dark] .hq-safety-drawer,html[data-color-mode=dark] .hq-safety-drawer>header,html[data-color-mode=dark] .hq-codex-publication-form details,html[data-color-mode=dark] .hq-codex-audio-settings,html[data-color-mode=dark] .hq-tool-card,html[data-color-mode=dark] .hq-legacy-ai-route,html[data-color-mode=dark] .hq-basic-skill-list article,html[data-color-mode=dark] .hq-codex-model-picker,html[data-color-mode=dark] .hq-model-setting-section,html[data-color-mode=dark] .hq-model-verification-options[open]>summary,html[data-color-mode=dark] .hq-model-capability-options>label,html[data-color-mode=dark] .hq-codex-verification-report,html[data-color-mode=dark] .hq-codex-check-list>li[data-status=FAILED],html[data-color-mode=dark] .hq-tool-policy-row,html[data-color-mode=dark] .hq-tool-policy-switch:before,html[data-color-mode=dark] .hq-agent-default[data-state=empty],html[data-color-mode=dark] .hq-agent-catalog-help,html[data-color-mode=dark] .cx-canvas-workspace,html[data-color-mode=dark] .codex-workbench[data-design=v3][data-workspace-mode=canvas],html[data-color-mode=dark] .codex-workbench[data-design=v3][data-workspace-mode=canvas]>.codex-inspector,html[data-color-mode=dark] .codex-workbench[data-design=v3][data-workspace-mode=canvas]>.cx-rail,html[data-color-mode=dark] .cx-canvas-comparison,html[data-color-mode=dark] .codex-workbench[data-design=v3][data-layout-version="4"][data-pane-expanded=none][data-dock-overlay=true]:not([data-dock-position=bottom])>.codex-inspector,html[data-color-mode=dark] .codex-workbench[data-design=v3][data-layout-version="4"][data-workspace-mode=canvas][data-pane-expanded=none]:not([data-dock-position=bottom])>.codex-inspector,html[data-color-mode=dark] .codex-workbench[data-design=v3][data-layout-version="4"][data-workspace-mode=canvas][data-pane-expanded=none][data-canvas-chat-overlay=true]>.cx-conversation,html[data-color-mode=dark] .codex-manual-terminal input,html[data-color-mode=dark] .codex-panel,html[data-color-mode=dark] .codex-icon-button,html[data-color-mode=dark] .codex-setting-field select,html[data-color-mode=dark] .codex-setting-field textarea,html[data-color-mode=dark] .codex-switch span:after,html[data-color-mode=dark] .codex-browser-chrome,html[data-color-mode=dark] .codex-browser-toolbar,html[data-color-mode=dark] .codex-browser-settings,html[data-color-mode=dark] .codex-browser-settings select,html[data-color-mode=dark] .codex-file-tree,html[data-color-mode=dark] .codex-course-browser,html[data-color-mode=dark] .codex-file-preview,html[data-color-mode=dark] .codex-file-preview>header,html[data-color-mode=dark] .codex-lesson-outline,html[data-color-mode=dark] .codex-changed-files,html[data-color-mode=dark] .codex-tool-card,html[data-color-mode=dark] .codex-plugin-row button,html[data-color-mode=dark] .codex-submission>input,html[data-color-mode=dark] .codex-submission>textarea,html[data-color-mode=dark] .codex-change-description,html[data-color-mode=dark] .codex-workbench[data-live-class] .codex-course-browser,html[data-color-mode=dark] .codex-workbench[data-design=v3] .codex-submission .cx-field input,html[data-color-mode=dark] .codex-workbench[data-design=v3] .codex-submission .cx-field textarea,html[data-color-mode=dark] .codex-workbench[data-design=v3],html[data-color-mode=dark] .codex-workbench[data-design=v3][data-rail-overlay=true] .cx-rail,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-menu,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-dialog,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-dialog>header,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-stage-flow>button,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-guidance-draft textarea,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-classroom textarea,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-classroom input:not([type=checkbox]),html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-classroom select,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-guidance-message,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-work-card,html[data-color-mode=dark] .codex-workbench[data-design=v3][data-dock-overlay=true] .codex-inspector,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-generated-image img,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-settings-panel .codex-setting-toggle input:before,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-generated-audio,html[data-color-mode=dark] .codex-projects button.active>span,html[data-color-mode=dark] .codex-teaching-entry,html[data-color-mode=dark] .codex-profile-menu,html[data-color-mode=dark] .codex-task-header,html[data-color-mode=dark] .codex-task-header>button,html[data-color-mode=dark] .codex-timeline-tabs,html[data-color-mode=dark] .codex-service-notice button,html[data-color-mode=dark] .codex-thread-ready,html[data-color-mode=dark] .codex-event-icon,html[data-color-mode=dark] .codex-composer-options>span,html[data-color-mode=dark] .codex-composer-options>label,html[data-color-mode=dark] .codex-inspector,html[data-color-mode=dark] .codex-dock-collapsed,html[data-color-mode=dark] .codex-dock-collapsed button,html[data-color-mode=dark] .codex-unavailable-actions button.secondary,html[data-color-mode=dark] .codex-conversation,html[data-color-mode=dark] .codex-workbench[data-live-class] .codex-conversation,html[data-color-mode=dark] .codex-workbench[data-live-class] .codex-task-header,html[data-color-mode=dark] .codex-workbench[data-live-class] .codex-dock-content,html[data-color-mode=dark] .ca-canvas-editor button:not(:where(.ca-node-composer *)).ca-link-handle,html[data-color-mode=dark] .ca-resize,html[data-color-mode=dark] .ca-media-dialog>header{background:var(--appearance-surface)}html[data-color-mode=dark] .hq-sortable-course-row:has(.hq-course-drag-handle:hover){background:var(--appearance-surface)}html[data-color-mode=dark] .login-layout,html[data-color-mode=dark] .metric-card,html[data-color-mode=dark] .dashboard-panel,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-settings-panel .codex-setting-toggle{background:var(--appearance-surface);border:1px solid var(--appearance-border-strong)}html[data-color-mode=dark] .login-visual:after{background:linear-gradient(90deg,color-mix(in srgb,var(--appearance-soft) 92.2%,transparent) 0%,color-mix(in srgb,var(--appearance-soft) 42%,transparent) 37%,transparent 68%),linear-gradient(0deg,#15264e85 0%,transparent 42%)}html[data-color-mode=dark] .login-visual-brand,html[data-color-mode=dark] .login-mobile-brand{color:var(--appearance-info-ink)}html[data-color-mode=dark] .login-kicker{border:1px solid color-mix(in srgb,var(--appearance-border) 50.2%,transparent);background:color-mix(in srgb,var(--appearance-surface) 12.2%,transparent)}html[data-color-mode=dark] .login-heading p,html[data-color-mode=dark] .login-input-wrap>svg,html[data-color-mode=dark] .login-support,html[data-color-mode=dark] .login-footer,html[data-color-mode=dark] .login-form-hint,html[data-color-mode=dark] .login-captcha-image span,html[data-color-mode=dark] .product-navigation-label,html[data-color-mode=dark] .product-title small,html[data-color-mode=dark] .page-header p,html[data-color-mode=dark] .metric-card small,html[data-color-mode=dark] .product-navigation-group-toggle small,html[data-color-mode=dark] .step-up-dialog>p,html[data-color-mode=dark] .account-security-dialog>header p,html[data-color-mode=dark] .account-security-dialog>header small,html[data-color-mode=dark] .account-security-dialog>header>button,html[data-color-mode=dark] .account-security-actions form>p,html[data-color-mode=dark] .totp-enrollment small,html[data-color-mode=dark] .data-governance-heading p,html[data-color-mode=dark] .data-governance-form p,html[data-color-mode=dark] .data-governance-metrics span,html[data-color-mode=dark] .data-governance-table small,html[data-color-mode=dark] .data-governance-form small,html[data-color-mode=dark] .data-governance-filters label,html[data-color-mode=dark] .data-governance-form label,html[data-color-mode=dark] .data-governance-table details,html[data-color-mode=dark] .prototype-page-heading p,html[data-color-mode=dark] .growth-hero p,html[data-color-mode=dark] .access-role-list>button small,html[data-color-mode=dark] .permission-matrix header label,html[data-color-mode=dark] .permission-matrix>footer,html[data-color-mode=dark] .audit-timeline>div small,html[data-color-mode=dark] .audit-timeline time,html[data-color-mode=dark] .schedule-filterbar label,html[data-color-mode=dark] .teacher-live-titlebar span,html[data-color-mode=dark] .teacher-stepper small,html[data-color-mode=dark] .current-lesson-panel>header small,html[data-color-mode=dark] .current-lesson-panel>header p,html[data-color-mode=dark] .prompt-copy span,html[data-color-mode=dark] .teaching-checklist>button small,html[data-color-mode=dark] .help-list p small,html[data-color-mode=dark] .help-list p span,html[data-color-mode=dark] .group-progress small,html[data-color-mode=dark] .teacher-notes textarea,html[data-color-mode=dark] .journey-line small,html[data-color-mode=dark] .teacher-comment p,html[data-color-mode=dark] .badge-wall small,html[data-color-mode=dark] .growth-gallery small,html[data-color-mode=dark] .growth-goal p,html[data-color-mode=dark] .next-challenge p,html[data-color-mode=dark] .growth-streak p,html[data-color-mode=dark] .growth-summary span,html[data-color-mode=dark] .reference-page-heading p,html[data-color-mode=dark] .reference-page-tabs button,html[data-color-mode=dark] .reference-legend li,html[data-color-mode=dark] .reference-progress-list article>header span,html[data-color-mode=dark] .reference-notice-list p,html[data-color-mode=dark] .reference-media-grid span,html[data-color-mode=dark] .reference-drawer-form>p,html[data-color-mode=dark] .reference-management-dialog>header small,html[data-color-mode=dark] .reference-management-dialog footer>span,html[data-color-mode=dark] .operations-report-table th,html[data-color-mode=dark] .operations-report-table .operations-report-course-level small,html[data-color-mode=dark] .operations-report-summary dt,html[data-color-mode=dark] .shared-classroom-message-column>header,html[data-color-mode=dark] .shared-classroom-attachment-meta span,html[data-color-mode=dark] .shared-classroom-attachment-meta small,html[data-color-mode=dark] .shared-classroom-attachment-transfer small,html[data-color-mode=dark] .shared-ai-reference-attachment figcaption span,html[data-color-mode=dark] .shared-ai-reference-attachment figcaption a,html[data-color-mode=dark] .classroom-compose-context,html[data-color-mode=dark] .student-communication-compose>span,html[data-color-mode=dark] .teacher-communication-compose>span,html[data-color-mode=dark] .wb-login-form header p,html[data-color-mode=dark] .wb-login .login-input-wrap input::placeholder,html[data-color-mode=dark] .wb-login .login-input-wrap>button,html[data-color-mode=dark] .wb-login-help,html[data-color-mode=dark] .wb-login>footer,html[data-color-mode=dark] .wb-login .login-card .login-input-wrap>svg,html[data-color-mode=dark] .product-shell[data-theme=student] .product-sidebar>.product-profile>.button,html[data-color-mode=dark] .product-shell[data-theme=student] .product-navigation-label small,html[data-color-mode=dark] .student-notification-panel>header span,html[data-color-mode=dark] .student-notification-panel>p,html[data-color-mode=dark] .student-notification-content span,html[data-color-mode=dark] .student-notification-dismiss,html[data-color-mode=dark] .student-tools-panel header span,html[data-color-mode=dark] .student-tools-panel>button span,html[data-color-mode=dark] .student-classroom-messages-dock-trigger small,html[data-color-mode=dark] .parent-lite-metrics span,html[data-color-mode=dark] .parent-lite-card p,html[data-color-mode=dark] .parent-lite-ability>div span,html[data-color-mode=dark] .parent-lite-notices time,html[data-color-mode=dark] .parent-lite-phone>footer,html[data-color-mode=dark] .student-course-examples>header span,html[data-color-mode=dark] .student-assistant-heading span,html[data-color-mode=dark] .student-assistant-form footer>span,html[data-color-mode=dark] .student-reference-file small,html[data-color-mode=dark] .student-reference-file>button,html[data-color-mode=dark] .student-composer-tools>span,html[data-color-mode=dark] .student-image-ratio-select,html[data-color-mode=dark] .student-chat-media-unavailable,html[data-color-mode=dark] .student-chat-media-result span,html[data-color-mode=dark] .student-assistant-status-cards p,html[data-color-mode=dark] .classroom-recipient-picker,html[data-color-mode=dark] .classroom-message header,html[data-color-mode=dark] .classroom-message header time,html[data-color-mode=dark] .student-communication-compose>span,html[data-color-mode=dark] .classroom-attachment-preview span,html[data-color-mode=dark] .student-governance-help,html[data-color-mode=dark] .student-governance-list article p,html[data-color-mode=dark] .student-governance-list dt,html[data-color-mode=dark] .student-personal-composer footer small,html[data-color-mode=dark] .student-personal-composer textarea::placeholder,html[data-color-mode=dark] .student-personal-composer footer>small,html[data-color-mode=dark] .teacher-preflight-summary p,html[data-color-mode=dark] .teacher-guide-embedded-note,html[data-color-mode=dark] .teacher-classroom-title small,html[data-color-mode=dark] .teacher-join-code small,html[data-color-mode=dark] .teacher-classroom-course-stage>header span,html[data-color-mode=dark] .teacher-classroom-script>header small,html[data-color-mode=dark] .teacher-classroom-ai-empty p,html[data-color-mode=dark] .teacher-classroom-ai-thinking,html[data-color-mode=dark] .teacher-classroom-ai-composer footer span,html[data-color-mode=dark] .teacher-ai-reference-file small,html[data-color-mode=dark] .teacher-ai-reference-file>button,html[data-color-mode=dark] .teacher-image-ratio-select,html[data-color-mode=dark] .teacher-classroom-dialog>header small,html[data-color-mode=dark] .teacher-classroom-dialog-summary span,html[data-color-mode=dark] .teacher-classroom-roster>li span,html[data-color-mode=dark] .teacher-end-classroom p,html[data-color-mode=dark] .teacher-classroom-metrics p,html[data-color-mode=dark] .teacher-operation-list p,html[data-color-mode=dark] .teacher-credit-tree li>span,html[data-color-mode=dark] .teacher-switch input:disabled+span,html[data-color-mode=dark] .teacher-operations-table th,html[data-color-mode=dark] .teacher-course-access-list li>div span,html[data-color-mode=dark] .teacher-course-access-note,html[data-color-mode=dark] .teacher-work-media-stage>p,html[data-color-mode=dark] .teacher-work-media-preview>footer span,html[data-color-mode=dark] .teacher-work-preview-loading,html[data-color-mode=dark] .teacher-work-preview-unavailable,html[data-color-mode=dark] .teacher-process-tabs button,html[data-color-mode=dark] .teacher-live-summary dt,html[data-color-mode=dark] .teacher-live-guidance,html[data-color-mode=dark] .teacher-live-authorized>header span,html[data-color-mode=dark] .teacher-live-unavailable>header span,html[data-color-mode=dark] .teacher-live-card footer span,html[data-color-mode=dark] .teacher-live-card footer small,html[data-color-mode=dark] .teacher-live-unavailable li span,html[data-color-mode=dark] .teacher-monitor-summary span,html[data-color-mode=dark] .teacher-common-mistake-summary span,html[data-color-mode=dark] .teacher-process-detail>header span,html[data-color-mode=dark] .teacher-prompt-record dt,html[data-color-mode=dark] .teacher-conversation time,html[data-color-mode=dark] .teacher-process-list time,html[data-color-mode=dark] .teacher-activity-list time,html[data-color-mode=dark] .teacher-profile-copy small,html[data-color-mode=dark] .teacher-header-actions button,html[data-color-mode=dark] .teacher-header-panel>header span,html[data-color-mode=dark] .teacher-header-panel>button span,html[data-color-mode=dark] .teacher-header-empty,html[data-color-mode=dark] .teacher-header-actions .teacher-notification-item>button:last-child,html[data-color-mode=dark] .teacher-notification-item span,html[data-color-mode=dark] .teacher-home .teacher-hero-meta,html[data-color-mode=dark] .teacher-hero-summary dt,html[data-color-mode=dark] .teacher-schedule-list small,html[data-color-mode=dark] .teacher-schedule-list time,html[data-color-mode=dark] .teacher-schedule-toolbar>span,html[data-color-mode=dark] .teacher-schedule-metrics small,html[data-color-mode=dark] .teacher-week-day>header small,html[data-color-mode=dark] .teacher-schedule-session span,html[data-color-mode=dark] .teacher-schedule-session small,html[data-color-mode=dark] .teacher-schedule-detail dt,html[data-color-mode=dark] .teacher-schedule-detail>section p,html[data-color-mode=dark] .teacher-schedule-detail-empty,html[data-color-mode=dark] .teacher-progress-head,html[data-color-mode=dark] .teacher-todo-list small,html[data-color-mode=dark] .teacher-todo-list i,html[data-color-mode=dark] .teacher-token-list span,html[data-color-mode=dark] .teacher-token-list em,html[data-color-mode=dark] .teacher-invite-entry small,html[data-color-mode=dark] .teacher-home .teacher-recent-strip small,html[data-color-mode=dark] .teacher-guide-summary span,html[data-color-mode=dark] .teacher-guide-list ul,html[data-color-mode=dark] .teacher-guide-stages nav button small,html[data-color-mode=dark] .teacher-guide-stage-detail>header small,html[data-color-mode=dark] .teacher-learning-objectives small,html[data-color-mode=dark] .teacher-rubric-list article>p,html[data-color-mode=dark] .teacher-rubric-list li span,html[data-color-mode=dark] .teacher-guide-assets span,html[data-color-mode=dark] .teacher-communication-compose>span,html[data-color-mode=dark] .teacher-classroom-messages-dock-trigger small,html[data-color-mode=dark] .cx-teaching-notes .cx-work-card small,html[data-color-mode=dark] .hq-search svg,html[data-color-mode=dark] .hq-notification-item>button:last-child,html[data-color-mode=dark] .hq-notification-item>button small,html[data-color-mode=dark] .hq-profile-trigger svg,html[data-color-mode=dark] .hq-state small,html[data-color-mode=dark] .hq-link-button:disabled,html[data-color-mode=dark] .hq-metric small,html[data-color-mode=dark] .hq-range-tabs button,html[data-color-mode=dark] .hq-chart-empty,html[data-color-mode=dark] .hq-ranking-table .hq-ranking-head,html[data-color-mode=dark] .hq-ranking-table [role=row]>span:nth-child(2) small,html[data-color-mode=dark] .hq-token-chart .donut-chart>span small,html[data-color-mode=dark] .hq-alert-list article small,html[data-color-mode=dark] .hq-page-heading p,html[data-color-mode=dark] .hq-agent-extension-upload-card p,html[data-color-mode=dark] .hq-list-filters select,html[data-color-mode=dark] .hq-filter-search svg,html[data-color-mode=dark] .hq-pagination,html[data-color-mode=dark] .hq-expiring-table>header>span,html[data-color-mode=dark] .hq-model-stack small,html[data-color-mode=dark] .hq-fallback-routes .muted,html[data-color-mode=dark] .hq-billing-preview small,html[data-color-mode=dark] .hq-billing-preview span,html[data-color-mode=dark] .hq-quality-profile-list>article>header span,html[data-color-mode=dark] .hq-quality-rate-list>article>header code,html[data-color-mode=dark] .hq-image-ratio-list .hq-default-ratio,html[data-color-mode=dark] .hq-model-history>header span,html[data-color-mode=dark] .hq-model-history td:first-child small,html[data-color-mode=dark] .hq-model-inheritance-notice small,html[data-color-mode=dark] .hq-empty-inline,html[data-color-mode=dark] .hq-global-credit-form small,html[data-color-mode=dark] .hq-global-credit-preview span,html[data-color-mode=dark] .hq-global-credit-preview small,html[data-color-mode=dark] .hq-model-capability-picker p,html[data-color-mode=dark] .hq-section-title small,html[data-color-mode=dark] .hq-detail-list dt,html[data-color-mode=dark] .hq-admin-row small,html[data-color-mode=dark] .hq-form-grid label small,html[data-color-mode=dark] .hq-form-grid label,html[data-color-mode=dark] .hq-form-dialog form>label,html[data-color-mode=dark] .hq-field-help,html[data-color-mode=dark] .hq-course-grants small,html[data-color-mode=dark] .hq-read-dialog-body,html[data-color-mode=dark] .hq-confirm-dialog p,html[data-color-mode=dark] .hq-credential-dialog p,html[data-color-mode=dark] .hq-credential-dialog small,html[data-color-mode=dark] .hq-inline-error small,html[data-color-mode=dark] .hq-danger-zone p,html[data-color-mode=dark] .hq-force-delete-warning p,html[data-color-mode=dark] .hq-force-delete-counts dt,html[data-color-mode=dark] .hq-force-delete-progress>header small,html[data-color-mode=dark] .hq-force-delete-progress>p,html[data-color-mode=dark] .hq-boundary-note,html[data-color-mode=dark] .hq-course-list>header>div:first-child p,html[data-color-mode=dark] .hq-review-queue-banner p,html[data-color-mode=dark] .hq-course-catalog-table small,html[data-color-mode=dark] .hq-table .hq-course-level-row th small,html[data-color-mode=dark] .hq-curriculum-tabs button,html[data-color-mode=dark] .hq-curriculum-card>header p,html[data-color-mode=dark] .hq-course-level-folder>header p,html[data-color-mode=dark] .hq-level-empty,html[data-color-mode=dark] .hq-level-grant-list small,html[data-color-mode=dark] .hq-capability-map p,html[data-color-mode=dark] .hq-capability-map small,html[data-color-mode=dark] .hq-course-relationship>header p,html[data-color-mode=dark] .hq-relationship-flow article small,html[data-color-mode=dark] .hq-course-relationship>ul,html[data-color-mode=dark] .hq-curriculum-dialog>header>div p,html[data-color-mode=dark] .hq-form-dialog>header>div p,html[data-color-mode=dark] .hq-team-prerequisite p,html[data-color-mode=dark] .hq-form-hint,html[data-color-mode=dark] .hq-course-derived-field p,html[data-color-mode=dark] .hq-upload-dialog>header small,html[data-color-mode=dark] .hq-upload-steps li,html[data-color-mode=dark] .hq-upload-dropzone>span,html[data-color-mode=dark] .hq-upload-progress small,html[data-color-mode=dark] .hq-upload-validation p,html[data-color-mode=dark] .hq-course-summary p,html[data-color-mode=dark] .hq-version-list small,html[data-color-mode=dark] .hq-form-dialog legend,html[data-color-mode=dark] .hq-detail-tabs button,html[data-color-mode=dark] .hq-course-distribution-heading p,html[data-color-mode=dark] .hq-course-distribution-flow small,html[data-color-mode=dark] .hq-course-distribution-card>header small,html[data-color-mode=dark] .hq-course-distribution-card>p,html[data-color-mode=dark] .hq-course-distribution-summary dt,html[data-color-mode=dark] .hq-course-distribution-history small,html[data-color-mode=dark] .hq-review-action-card small,html[data-color-mode=dark] .hq-validation-summary small,html[data-color-mode=dark] .hq-validation-groups small,html[data-color-mode=dark] .hq-validation-checks p,html[data-color-mode=dark] .hq-validation-signature small,html[data-color-mode=dark] .hq-review-history>header small,html[data-color-mode=dark] .hq-review-history>p,html[data-color-mode=dark] .hq-review-history li small,html[data-color-mode=dark] .hq-review-history li p,html[data-color-mode=dark] .hq-lifecycle-dialog>header small,html[data-color-mode=dark] .hq-lifecycle-form>label,html[data-color-mode=dark] .hq-release-modes small,html[data-color-mode=dark] .hq-scope-list small,html[data-color-mode=dark] .hq-release-impact-summary dt,html[data-color-mode=dark] .hq-release-timeline p,html[data-color-mode=dark] .hq-rollback-candidates small,html[data-color-mode=dark] .hq-reason-dialog label,html[data-color-mode=dark] .hq-ai-capability-list>header p,html[data-color-mode=dark] .hq-ai-capability-list .hq-entity small,html[data-color-mode=dark] .hq-ai-capability>header small,html[data-color-mode=dark] .hq-ai-boundaries p,html[data-color-mode=dark] .hq-field,html[data-color-mode=dark] .hq-config-form label,html[data-color-mode=dark] .hq-model-test-actions small,html[data-color-mode=dark] .hq-model-test-result header span,html[data-color-mode=dark] .hq-model-test-result>small,html[data-color-mode=dark] .hq-billing-preview small,html[data-color-mode=dark] .hq-billing-preview span,html[data-color-mode=dark] .hq-token-analytics header>span,html[data-color-mode=dark] .hq-account-card header>span,html[data-color-mode=dark] .hq-credit-bars>div,html[data-color-mode=dark] .hq-credit-trend>div,html[data-color-mode=dark] .hq-capability-distribution article,html[data-color-mode=dark] .hq-capability-distribution small,html[data-color-mode=dark] .hq-credit-explainer p,html[data-color-mode=dark] .hq-credit-dialog form>label,html[data-color-mode=dark] .hq-credit-source small,html[data-color-mode=dark] .hq-credit-approval>p,html[data-color-mode=dark] .hq-credit-approval>label,html[data-color-mode=dark] .hq-log-list>header p,html[data-color-mode=dark] .hq-log-table td:nth-child(2)>small,html[data-color-mode=dark] .hq-log-table td:nth-child(5)>small,html[data-color-mode=dark] .hq-log-target small,html[data-color-mode=dark] .hq-log-caller small,html[data-color-mode=dark] .hq-log-details dt,html[data-color-mode=dark] .hq-course-preview-heading small,html[data-color-mode=dark] .hq-preview-perspectives button,html[data-color-mode=dark] .hq-course-preview-device>header small,html[data-color-mode=dark] .hq-course-preview-assistant>p,html[data-color-mode=dark] .hq-course-preview-guide label,html[data-color-mode=dark] .hq-course-preview-guide>footer span,html[data-color-mode=dark] .hq-preview-guide-empty p,html[data-color-mode=dark] .hq-policy-summary small,html[data-color-mode=dark] .hq-safety-layers>header>span,html[data-color-mode=dark] .hq-policy-versions>header>span,html[data-color-mode=dark] .hq-security-events>header>span,html[data-color-mode=dark] .hq-safety-layers article small,html[data-color-mode=dark] .hq-layer-state[data-tone=neutral],html[data-color-mode=dark] .hq-safety-form label,html[data-color-mode=dark] .hq-select-control,html[data-color-mode=dark] .hq-data-freshness,html[data-color-mode=dark] .hq-monthly-financials>header p,html[data-color-mode=dark] .hq-monthly-financials>header time,html[data-color-mode=dark] .hq-monthly-financial-card>header small,html[data-color-mode=dark] .hq-monthly-financial-metrics span,html[data-color-mode=dark] .hq-monthly-financial-metrics small,html[data-color-mode=dark] .hq-monthly-financials>footer,html[data-color-mode=dark] .hq-billing-reconciliation>header p,html[data-color-mode=dark] .hq-reconciliation-table td:nth-child(2) small,html[data-color-mode=dark] .hq-billing-financial-period>header p,html[data-color-mode=dark] .hq-billing-reconciliation>header p,html[data-color-mode=dark] .hq-billing-basis-card header p,html[data-color-mode=dark] .hq-billing-basis-card dt,html[data-color-mode=dark] .hq-billing-basis-card dd small,html[data-color-mode=dark] .hq-billing-summary-grid span,html[data-color-mode=dark] .hq-billing-summary-grid small,html[data-color-mode=dark] .hq-billing-filters label,html[data-color-mode=dark] .hq-billing-events code,html[data-color-mode=dark] .hq-closed-loop-table td:nth-child(2) small,html[data-color-mode=dark] .hq-closed-loop-table td:nth-child(3) small,html[data-color-mode=dark] .hq-billing-age,html[data-color-mode=dark] .hq-billing-pagination,html[data-color-mode=dark] .hq-form-dialog form>label,html[data-color-mode=dark] .hq-form-dialog label>small,html[data-color-mode=dark] .hq-billing-upload-progress,html[data-color-mode=dark] .hq-data-ranking-list li>span small,html[data-color-mode=dark] .hq-data-ranking-list small,html[data-color-mode=dark] .hq-data-secondary>.hq-card>header>span,html[data-color-mode=dark] .hq-data-distribution article,html[data-color-mode=dark] .hq-data-statuses small,html[data-color-mode=dark] .hq-tool-description,html[data-color-mode=dark] .hq-tool-examples>strong,html[data-color-mode=dark] .hq-tool-skill-link small,html[data-color-mode=dark] .hq-basic-skill-list p,html[data-color-mode=dark] .hq-basic-skill-source,html[data-color-mode=dark] .hq-model-capability-summary,html[data-color-mode=dark] .hq-codex-check-heading>small,html[data-color-mode=dark] .hq-tool-guidance>summary,html[data-color-mode=dark] .hq-agent-model-info>summary,html[data-color-mode=dark] .hq-agent-status-details>summary,html[data-color-mode=dark] .hq-agent-model-info dt,html[data-color-mode=dark] .hq-agent-catalog-help>summary,html[data-color-mode=dark] .prototype-schedule-page .schedule-editor>header>div small,html[data-color-mode=dark] .institution-sidebar-card small,html[data-color-mode=dark] .institution-campus-panel>header span,html[data-color-mode=dark] .institution-campus-panel>button small,html[data-color-mode=dark] .institution-notification-panel>header span,html[data-color-mode=dark] .institution-notification-empty,html[data-color-mode=dark] .institution-person-detail dt,html[data-color-mode=dark] .institution-notification-item>button span,html[data-color-mode=dark] .institution-notification-item>button:last-child,html[data-color-mode=dark] .institution-admin-profile small,html[data-color-mode=dark] .product-shell[data-theme=institution] .product-profile>.button svg,html[data-color-mode=dark] .institution-home-title p,html[data-color-mode=dark] .institution-metric-copy small,html[data-color-mode=dark] .institution-classroom-name small,html[data-color-mode=dark] .institution-account-composition .donut-chart>span small,html[data-color-mode=dark] .institution-panel-note,html[data-color-mode=dark] .institution-work-grid small,html[data-color-mode=dark] .institution-audit-preview li small,html[data-color-mode=dark] .institution-home-footer,html[data-color-mode=dark] .institution-prerequisite p,html[data-color-mode=dark] .institution-table-toolbar>label svg,html[data-color-mode=dark] .institution-table-toolbar>span,html[data-color-mode=dark] .institution-people-table td>small,html[data-color-mode=dark] .institution-class-table td>small,html[data-color-mode=dark] .institution-person-name small,html[data-color-mode=dark] .institution-relation-list li small,html[data-color-mode=dark] .institution-relation-summary,html[data-color-mode=dark] .institution-room-stats .dashboard-panel small,html[data-color-mode=dark] .institution-room-table td small,html[data-color-mode=dark] .institution-profile-facts dt,html[data-color-mode=dark] .institution-profile-toggle small,html[data-color-mode=dark] .institution-form-hint,html[data-color-mode=dark] .institution-auto-number>span,html[data-color-mode=dark] .institution-account-modal footer>span,html[data-color-mode=dark] .institution-course-allocation-modal footer>span,html[data-color-mode=dark] .institution-course-grant-metrics small,html[data-color-mode=dark] .institution-section-tabs button,html[data-color-mode=dark] .institution-course-view-tabs button,html[data-color-mode=dark] .institution-course-boundary-note,html[data-color-mode=dark] .data-table .institution-course-level-row th small,html[data-color-mode=dark] .institution-course-level-checkboxes>section>header small,html[data-color-mode=dark] .institution-attendance-metrics small,html[data-color-mode=dark] .institution-attendance-metrics span,html[data-color-mode=dark] .institution-attendance-session-list small,html[data-color-mode=dark] .institution-credit-overview-metrics span,html[data-color-mode=dark] .institution-credit-overview-metrics small,html[data-color-mode=dark] .institution-credit-account-search svg,html[data-color-mode=dark] .institution-credit-table td small,html[data-color-mode=dark] .institution-credit-pagination,html[data-color-mode=dark] .institution-credit-report-filters label,html[data-color-mode=dark] .institution-credit-report-summary span,html[data-color-mode=dark] .institution-credit-usage-table td:nth-child(6) small,html[data-color-mode=dark] .cx-creative-heading>span,html[data-color-mode=dark] .cx-creative-heading .cx-creative-close,html[data-color-mode=dark] .cx-creative-tabs>button,html[data-color-mode=dark] .cx-creative-reference>span:not(.cx-creative-thumbnail),html[data-color-mode=dark] .cx-creative-reference>button,html[data-color-mode=dark] .cx-creative-tool,html[data-color-mode=dark] .cx-creative-settings>summary,html[data-color-mode=dark] .cx-creative-model>span:first-child,html[data-color-mode=dark] .cx-creative-settings-panel label,html[data-color-mode=dark] .cx-creative-settings-panel p,html[data-color-mode=dark] .cx-creative-picker-panel small,html[data-color-mode=dark] .cx-creative-picker-panel p,html[data-color-mode=dark] .cx-creative-progress small,html[data-color-mode=dark] .cx-creative-reference-section>strong,html[data-color-mode=dark] .cx-creative-reference-expanded,html[data-color-mode=dark] .cx-workspace-modes button,html[data-color-mode=dark] .cx-canvas-chat-toggle,html[data-color-mode=dark] .cx-prompt-library header p,html[data-color-mode=dark] .cx-prompt-library-content aside small,html[data-color-mode=dark] .cx-prompt-library-card>span:not(.cx-prompt-library-cover),html[data-color-mode=dark] .cx-prompt-library-card small,html[data-color-mode=dark] .cx-prompt-library-actions small,html[data-color-mode=dark] .cx-prompt-library>footer,html[data-color-mode=dark] .cx-prompt-sources-heading,html[data-color-mode=dark] .cx-prompt-catalog-status,html[data-color-mode=dark] .cx-prompt-pagination>span,html[data-color-mode=dark] .cx-prompt-source-note>span,html[data-color-mode=dark] .cx-prompt-tag-filter>summary,html[data-color-mode=dark] .cx-prompt-metadata dt,html[data-color-mode=dark] .cx-prompt-description,html[data-color-mode=dark] .cx-prompt-application-note,html[data-color-mode=dark] .cx-canvas-save-state,html[data-color-mode=dark] .cx-canvas-save-state svg,html[data-color-mode=dark] .cx-canvas-empty,html[data-color-mode=dark] .cx-canvas-loading,html[data-color-mode=dark] .cx-canvas-dialog>header button,html[data-color-mode=dark] .cx-canvas-list>p,html[data-color-mode=dark] .cx-canvas-list small,html[data-color-mode=dark] .cx-canvas-form p,html[data-color-mode=dark] .cx-canvas-comparison>p,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-composer-menu-heading,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-composer-menu-options>button[aria-disabled=true],html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-composer-menu-options small,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-composer-meta .cx-composer-picker-trigger,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-composer>textarea::placeholder,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-composer>footer>.cx-attachment,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-turn-preferences-trigger,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-composer-meta,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-composer-meta .cx-permission-picker select,html[data-color-mode=dark] .codex-workbench .cx-tool-summary small,html[data-color-mode=dark] .codex-workbench .cx-plan-card li>span,html[data-color-mode=dark] .codex-workbench .cx-code-comment,html[data-color-mode=dark] .codex-workbench .cx-artifact-filename,html[data-color-mode=dark] .codex-workbench .cx-turn-preferences,html[data-color-mode=dark] .codex-workbench .cx-task-controls summary,html[data-color-mode=dark] .cx-artifact-dialog .cx-artifact-filename,html[data-color-mode=dark] .cx-dock-layout-menu small,html[data-color-mode=dark] .cx-task-manager>p,html[data-color-mode=dark] .cx-history-row p,html[data-color-mode=dark] .cx-history-row small,html[data-color-mode=dark] .cx-child-tasks small,html[data-color-mode=dark] .codex-lesson-outline>div,html[data-color-mode=dark] .codex-change-description p,html[data-color-mode=dark] .codex-course-section-heading>svg,html[data-color-mode=dark] .codex-workbench[data-live-class] .codex-lesson-outline>div,html[data-color-mode=dark] .codex-workbench[data-live-class] .codex-course-browser>header button,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-submit-thumbnail,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-course-entry,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-tool-counts span,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-tool-tabs button,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-plugin-card p,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-plugin-card dl,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-advanced-tools,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-icon,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-search,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-project-row svg,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-breadcrumb b,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-welcome p,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-model,html[data-color-mode=dark] .codex-workbench[data-design=v3] .codex-tabs>button,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-classroom-tabs>button,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-classroom-date,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-course-meta,html[data-color-mode=dark] .cx-dialog .cx-project-option small,html[data-color-mode=dark] .cx-dialog .cx-muted,html[data-color-mode=dark] .cx-dialog .cx-field,html[data-color-mode=dark] .cx-dialog .cx-project-location,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-generated-image figcaption,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-browser-observation footer,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-settings-tabs button,html[data-color-mode=dark] .codex-workbench:not([data-live-class]) .codex-projects button>span,html[data-color-mode=dark] .codex-show-more,html[data-color-mode=dark] .codex-workbench:not([data-live-class]) .codex-task-title h1 svg,html[data-color-mode=dark] .codex-event-main>header time,html[data-color-mode=dark] .codex-step-number,html[data-color-mode=dark] .codex-workbench[data-live-class] .codex-section-title,html[data-color-mode=dark] .codex-live-card-detail,html[data-color-mode=dark] .codex-window-controls,html[data-color-mode=dark] .codex-workbench[data-live-class] .codex-task-title h1 svg,html[data-color-mode=dark] .codex-message-reactions,html[data-color-mode=dark] .ca-node-heading,html[data-color-mode=dark] .ca-text-content.is-empty,html[data-color-mode=dark] .ca-file small,html[data-color-mode=dark] .ca-media-placeholder,html[data-color-mode=dark] .ca-empty,html[data-color-mode=dark] .ca-canvas-status,html[data-color-mode=dark] .ca-selection-bar>span,html[data-color-mode=dark] .ca-node-menu>strong,html[data-color-mode=dark] .ca-context-menu header,html[data-color-mode=dark] .ca-help header,html[data-color-mode=dark] .ca-context-menu kbd,html[data-color-mode=dark] .ca-help-toggle,html[data-color-mode=dark] .ca-library header>span,html[data-color-mode=dark] .ca-library-items>button .ca-icon,html[data-color-mode=dark] .ca-library-items small,html[data-color-mode=dark] .ca-library>p,html[data-color-mode=dark] .ca-minimap>span{color:var(--appearance-muted)}html[data-color-mode=dark] .hq-codex-publication-form summary::marker{color:var(--appearance-muted)}html[data-color-mode=dark] .login-card .login-field input,html[data-color-mode=dark] .login-captcha-image,html[data-color-mode=dark] .app-error-boundary>section,html[data-color-mode=dark] .account-security-grid form,html[data-color-mode=dark] .totp-enrollment-qr,html[data-color-mode=dark] .data-governance-metrics article,html[data-color-mode=dark] .data-governance-table-wrap,html[data-color-mode=dark] .schedule-filterbar,html[data-color-mode=dark] .teacher-live-actions,html[data-color-mode=dark] .journey-cards>article,html[data-color-mode=dark] .growth-summary,html[data-color-mode=dark] .reference-page-tabs,html[data-color-mode=dark] .reference-progress-list article,html[data-color-mode=dark] .reference-notice-list article,html[data-color-mode=dark] .reference-media-grid article,html[data-color-mode=dark] .reference-management-dialog,html[data-color-mode=dark] .shared-classroom-bubble,html[data-color-mode=dark] .student-course-panel,html[data-color-mode=dark] .student-assistant-panel,html[data-color-mode=dark] .course-iframe,html[data-color-mode=dark] .student-course-outline,html[data-color-mode=dark] .student-course-examples,html[data-color-mode=dark] .student-course-task,html[data-color-mode=dark] .student-conversation-select,html[data-color-mode=dark] .student-conversation,html[data-color-mode=dark] .student-message-assistant,html[data-color-mode=dark] .student-assistant-status-cards section,html[data-color-mode=dark] .student-prompt-brief,html[data-color-mode=dark] .student-prompt-builder,html[data-color-mode=dark] .student-prompt-preview,html[data-color-mode=dark] .student-report-metrics article,html[data-color-mode=dark] .student-portfolio-card,html[data-color-mode=dark] .student-work-media-preview,html[data-color-mode=dark] .student-work-text-preview,html[data-color-mode=dark] .student-work-preview-loading,html[data-color-mode=dark] .student-work-preview-unavailable,html[data-color-mode=dark] .product-shell[data-theme=student] [data-testid=sidebar-personal-ai],html[data-color-mode=dark] .student-notification-panel,html[data-color-mode=dark] .student-join-class-dialog form,html[data-color-mode=dark] .student-tools-panel,html[data-color-mode=dark] .parent-lite-phone,html[data-color-mode=dark] .parent-lite-metrics article,html[data-color-mode=dark] .parent-lite-card,html[data-color-mode=dark] .student-assistant-body,html[data-color-mode=dark] .student-reference-file,html[data-color-mode=dark] .student-chat-media-preview,html[data-color-mode=dark] .classroom-attachment-preview,html[data-color-mode=dark] .student-governance-list article,html[data-color-mode=dark] .teacher-classroom-course-stage,html[data-color-mode=dark] .teacher-classroom-script,html[data-color-mode=dark] .teacher-classroom-ai,html[data-color-mode=dark] .teacher-classroom-ai-composer,html[data-color-mode=dark] .teacher-ai-reference-file,html[data-color-mode=dark] .teacher-classroom-roster>li,html[data-color-mode=dark] .teacher-classroom-metrics article,html[data-color-mode=dark] .teacher-course-access-list li,html[data-color-mode=dark] .teacher-work-media-preview,html[data-color-mode=dark] .teacher-work-text-preview,html[data-color-mode=dark] .teacher-work-preview-loading,html[data-color-mode=dark] .teacher-work-preview-unavailable,html[data-color-mode=dark] .teacher-live-authorized,html[data-color-mode=dark] .teacher-live-unavailable,html[data-color-mode=dark] .teacher-live-card,html[data-color-mode=dark] .teacher-monitor-summary>div,html[data-color-mode=dark] .teacher-header-panel,html[data-color-mode=dark] .teacher-home-panel,html[data-color-mode=dark] .teacher-schedule-list article,html[data-color-mode=dark] .teacher-schedule-toolbar,html[data-color-mode=dark] .teacher-schedule-detail,html[data-color-mode=dark] .teacher-guide-summary>div,html[data-color-mode=dark] .teacher-guide-mistakes article,html[data-color-mode=dark] .teacher-learning-objectives article,html[data-color-mode=dark] .teacher-intervention-rules article,html[data-color-mode=dark] .teacher-rubric-list>article,html[data-color-mode=dark] .classroom-message,html[data-color-mode=dark] .hq-search,html[data-color-mode=dark] .hq-range-tabs,html[data-color-mode=dark] .hq-list-filters select,html[data-color-mode=dark] .hq-filter-search,html[data-color-mode=dark] .hq-fallback-routes,html[data-color-mode=dark] .hq-quality-profile-list>article,html[data-color-mode=dark] .hq-quality-rate-list>article,html[data-color-mode=dark] .hq-image-ratio-list>article,html[data-color-mode=dark] .hq-model-history,html[data-color-mode=dark] .hq-model-capability-picker,html[data-color-mode=dark] .hq-course-grants-by-level>section,html[data-color-mode=dark] .hq-totp-qr,html[data-color-mode=dark] .hq-force-delete-counts>div,html[data-color-mode=dark] .hq-curriculum-tabs,html[data-color-mode=dark] .hq-course-level-folder,html[data-color-mode=dark] .hq-level-grant-list>label,html[data-color-mode=dark] .hq-team-prerequisite,html[data-color-mode=dark] .hq-upload-steps li>span,html[data-color-mode=dark] .hq-course-distribution-flow li,html[data-color-mode=dark] .hq-course-distribution-card,html[data-color-mode=dark] .hq-validation-groups>section,html[data-color-mode=dark] .hq-validation-signature,html[data-color-mode=dark] .hq-review-history,html[data-color-mode=dark] .hq-scope-list label,html[data-color-mode=dark] .hq-rollback-candidates,html[data-color-mode=dark] .hq-credit-source,html[data-color-mode=dark] .hq-log-details[open] dl,html[data-color-mode=dark] .hq-course-preview-assistant li>div+div,html[data-color-mode=dark] .hq-policy-switches label,html[data-color-mode=dark] .hq-monthly-financial-card,html[data-color-mode=dark] .hq-billing-basis-card,html[data-color-mode=dark] .hq-billing-summary-grid article,html[data-color-mode=dark] .hq-codex-publication-form input:not([type=checkbox]),html[data-color-mode=dark] .hq-codex-publication-form select,html[data-color-mode=dark] .hq-agent-default,html[data-color-mode=dark] .hq-agent-context article,html[data-color-mode=dark] .institution-sidebar-card,html[data-color-mode=dark] .institution-campus-panel,html[data-color-mode=dark] .institution-notification-panel,html[data-color-mode=dark] .institution-reminders,html[data-color-mode=dark] .institution-table-toolbar>label,html[data-color-mode=dark] .institution-account-modal,html[data-color-mode=dark] .institution-class-modal,html[data-color-mode=dark] .institution-classroom-multi>label,html[data-color-mode=dark] .institution-course-grant-metrics article,html[data-color-mode=dark] .institution-section-tabs,html[data-color-mode=dark] .institution-course-level-checkboxes>section,html[data-color-mode=dark] .institution-attendance-metrics article,html[data-color-mode=dark] .institution-credit-account-search label,html[data-color-mode=dark] .cx-creative-settings-panel,html[data-color-mode=dark] .cx-creative-picker-panel,html[data-color-mode=dark] .cx-creative-settings-panel select,html[data-color-mode=dark] .codex-workbench .cx-code-toolbar button,html[data-color-mode=dark] .codex-workbench .cx-artifact-preview,html[data-color-mode=dark] .codex-workbench .cx-artifact-actions button,html[data-color-mode=dark] .codex-workbench .cx-turn-preferences select,html[data-color-mode=dark] .codex-workbench .cx-task-controls input,html[data-color-mode=dark] .codex-workbench .cx-task-controls select,html[data-color-mode=dark] .codex-workbench .cx-task-controls textarea,html[data-color-mode=dark] .codex-workbench .cx-task-controls button,html[data-color-mode=dark] .codex-workbench .cx-file-mentions,html[data-color-mode=dark] .cx-artifact-dialog button,html[data-color-mode=dark] .codex-secondary-button,html[data-color-mode=dark] .codex-panel-actions button,html[data-color-mode=dark] .codex-submission,html[data-color-mode=dark] .codex-empty>span,html[data-color-mode=dark] .codex-workbench[data-live-class] .codex-plan-card,html[data-color-mode=dark] .codex-workbench[data-live-class] .codex-command-output,html[data-color-mode=dark] .ca-node-heading input{border:1px solid var(--appearance-border-strong);background:var(--appearance-surface)}html[data-color-mode=dark] .login-card .login-field input:hover,html[data-color-mode=dark] .reference-notice-list article[data-tone=danger],html[data-color-mode=dark] .student-join-class>.button,html[data-color-mode=dark] .student-header-actions>.button,html[data-color-mode=dark] .student-tools-menu>.button,html[data-color-mode=dark] .student-message-assistant,html[data-color-mode=dark] .student-reference-file.is-failed,html[data-color-mode=dark] .teacher-ai-reference-file.is-failed,html[data-color-mode=dark] .product-shell[data-theme=teacher] .product-sidebar>.product-sidebar-profile,html[data-color-mode=dark] .classroom-message.is-direct,html[data-color-mode=dark] .hq-state-error,html[data-color-mode=dark] .hq-danger-zone,html[data-color-mode=dark] .hq-review-action-card[data-decision=REJECTED],html[data-color-mode=dark] .cx-creative-prompt:focus-within,html[data-color-mode=dark] .codex-tool-card:hover,html[data-color-mode=dark] .codex-teaching-entry:hover{border-color:var(--appearance-border-strong);background:var(--appearance-surface)}html[data-color-mode=dark] .login-security-note,html[data-color-mode=dark] .hq-global-credit-settings form>footer{border-top:1px solid var(--appearance-border-strong);color:var(--appearance-muted)}@media (width<=820px){html[data-color-mode=dark] .login-shell{background:var(--appearance-surface)}html[data-color-mode=dark] .login-visual:after{background:linear-gradient(90deg,color-mix(in srgb,var(--appearance-soft) 87.1%,transparent) 0%,transparent 74%),linear-gradient(0deg,#11275b63,transparent 58%)}}html[data-color-mode=dark] .product-navigation-empty{border:1px dashed color-mix(in srgb,var(--shell-accent) 24%,var(--appearance-border));color:var(--appearance-muted)}html[data-color-mode=dark] .product-nav-item:hover,html[data-color-mode=dark] .product-nav-item:focus-visible,html[data-color-mode=dark] .product-nav-item[aria-current=page],html[data-color-mode=dark] .product-shell[data-compact-navigation=true] .product-sidebar-close{background:color-mix(in srgb,var(--appearance-surface) 14.1%,transparent)}html[data-color-mode=dark] .product-nav-item small,html[data-color-mode=dark] .product-nav-item[aria-current=page] small{background:color-mix(in srgb,var(--appearance-surface) 17.3%,transparent)}html[data-color-mode=dark] .product-topbar{background:var(--appearance-surface);border-bottom:1px solid var(--appearance-border-strong)}html[data-color-mode=dark] .drawer>header,html[data-color-mode=dark] .account-security-dialog>header,html[data-color-mode=dark] .data-governance-table th,html[data-color-mode=dark] .data-governance-table td,html[data-color-mode=dark] .prototype-card>header,html[data-color-mode=dark] .audit-timeline>div,html[data-color-mode=dark] .calendar-times span,html[data-color-mode=dark] .help-list>div,html[data-color-mode=dark] .product-shell[data-theme=student] .product-topbar,html[data-color-mode=dark] .student-assistant-header,html[data-color-mode=dark] .student-notification-panel>header,html[data-color-mode=dark] .student-tools-panel header,html[data-color-mode=dark] .teacher-classroom-course-stage>header,html[data-color-mode=dark] .teacher-classroom-script>header,html[data-color-mode=dark] .teacher-classroom-ai>header,html[data-color-mode=dark] .teacher-operation-list li,html[data-color-mode=dark] .teacher-credit-tree li,html[data-color-mode=dark] .teacher-operations-table th,html[data-color-mode=dark] .teacher-operations-table td,html[data-color-mode=dark] .teacher-header-panel>header,html[data-color-mode=dark] .teacher-guide-stage-detail>header,html[data-color-mode=dark] .hq-card>header,html[data-color-mode=dark] .hq-table th,html[data-color-mode=dark] .hq-table td,html[data-color-mode=dark] .hq-model-history th,html[data-color-mode=dark] .hq-model-history td,html[data-color-mode=dark] .hq-form-dialog>header,html[data-color-mode=dark] .hq-lifecycle-dialog>header,html[data-color-mode=dark] .hq-release-timeline>article,html[data-color-mode=dark] .hq-policy-summary>div,html[data-color-mode=dark] .hq-safety-layers article,html[data-color-mode=dark] .hq-monthly-financial-card>header,html[data-color-mode=dark] .hq-billing-basis-card>header,html[data-color-mode=dark] .hq-data-statuses article,html[data-color-mode=dark] .institution-campus-panel>header,html[data-color-mode=dark] .institution-notification-panel>header,html[data-color-mode=dark] .institution-dashboard-grid .dashboard-panel>header,html[data-color-mode=dark] .institution-classroom-list li,html[data-color-mode=dark] .institution-account-composition li,html[data-color-mode=dark] .institution-relation-list li,html[data-color-mode=dark] .institution-account-modal fieldset,html[data-color-mode=dark] .institution-profile-facts>div,html[data-color-mode=dark] .codex-workbench .cx-task-controls,html[data-color-mode=dark] .codex-workbench .cx-task-controls form,html[data-color-mode=dark] .cx-artifact-dialog>header,html[data-color-mode=dark] .codex-workbench[data-design=v3] .codex-inspector .codex-dock-header,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-approval-details dt,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-approval-details dd{border-bottom:1px solid var(--appearance-border-strong)}html[data-color-mode=dark] .data-table-wrap,html[data-color-mode=dark] .step-up-dialog input,html[data-color-mode=dark] .permission-matrix th,html[data-color-mode=dark] .permission-matrix td,html[data-color-mode=dark] .class-announcement textarea,html[data-color-mode=dark] .growth-gallery article,html[data-color-mode=dark] .wb-login-preview img,html[data-color-mode=dark] .student-join-class-dialog input,html[data-color-mode=dark] .teacher-capabilities,html[data-color-mode=dark] .teacher-home .teacher-hero,html[data-color-mode=dark] .hq-toggle-grid label,html[data-color-mode=dark] .hq-course-grants label,html[data-color-mode=dark] .hq-form-dialog fieldset,html[data-color-mode=dark] .institution-share-settings,html[data-color-mode=dark] .institution-credit-overview-chart,html[data-color-mode=dark] .codex-workbench:not([data-live-class]) .codex-task-header,html[data-color-mode=dark] .ca-reference-mode button{border:1px solid var(--appearance-border-strong)}html[data-color-mode=dark] .data-table th,html[data-color-mode=dark] .data-table td,html[data-color-mode=dark] .account-security-dialog>footer,html[data-color-mode=dark] .compact-table-card th,html[data-color-mode=dark] .compact-table-card td,html[data-color-mode=dark] .schedule-editor>footer,html[data-color-mode=dark] .current-lesson-panel>footer,html[data-color-mode=dark] .reference-management-dialog footer,html[data-color-mode=dark] .student-reference-files,html[data-color-mode=dark] .teacher-ai-reference-files,html[data-color-mode=dark] .teacher-hero-summary dl div,html[data-color-mode=dark] .teacher-guide-stage-detail>footer,html[data-color-mode=dark] .hq-ranking-table [role=row],html[data-color-mode=dark] .hq-alert-list article,html[data-color-mode=dark] .hq-version-list article,html[data-color-mode=dark] .hq-course-distribution-summary>div,html[data-color-mode=dark] .hq-course-distribution-history,html[data-color-mode=dark] .hq-validation-checks,html[data-color-mode=dark] .hq-review-history li,html[data-color-mode=dark] .hq-rollback-candidates article,html[data-color-mode=dark] .hq-history-list article,html[data-color-mode=dark] .hq-tool-route,html[data-color-mode=dark] .institution-profile-actions{border-top:1px solid var(--appearance-border-strong)}html[data-color-mode=dark] .data-table th,html[data-color-mode=dark] .permission-matrix th,html[data-color-mode=dark] .compact-table-card th,html[data-color-mode=dark] .ca-help{background:var(--appearance-surface);color:var(--appearance-muted)}@media (width<=960px){html[data-color-mode=dark] .product-sidebar-close{background:color-mix(in srgb,var(--appearance-surface) 14.1%,transparent)}html[data-color-mode=dark] .product-sidebar-close:focus-visible{outline:3px solid color-mix(in srgb,var(--appearance-border) 60%,transparent)}}html[data-color-mode=dark] .product-shell[data-compact-navigation=true] .product-sidebar-close:focus-visible{outline:3px solid color-mix(in srgb,var(--appearance-border) 60%,transparent)}html[data-color-mode=dark] .product-sidebar,html[data-color-mode=dark] .week-calendar-head>*,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-approval-details dt{border-right:1px solid var(--appearance-border-strong)}html[data-color-mode=dark] .product-nav-item[aria-current=page]{background:linear-gradient(135deg,var(--shell-accent),color-mix(in srgb,var(--shell-accent) 74%,var(--appearance-soft)))}html[data-color-mode=dark] .product-shell .status-pill{color:color-mix(in srgb,var(--shell-accent) 78%,var(--appearance-ink-secondary))}html[data-color-mode=dark] .app-error-boundary{background:var(--appearance-soft);color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .connectivity-banner{border:1px solid var(--appearance-border-strong);background:var(--appearance-soft);color:var(--appearance-warning-ink)}html[data-color-mode=dark] .connectivity-banner[data-state=OFFLINE]{border-color:var(--appearance-border-strong);background:var(--appearance-soft);color:var(--appearance-danger-ink)}html[data-color-mode=dark] .connectivity-banner[data-state=RECONNECTED]{border-color:var(--appearance-border-strong);background:var(--appearance-soft);color:var(--appearance-success-ink)}html[data-color-mode=dark] .step-up-dialog,html[data-color-mode=dark] .account-security-dialog{border:1px solid var(--appearance-border-strong);background:var(--appearance-surface);color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .step-up-icon{color:var(--appearance-info-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .step-up-dialog form label{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .account-security-success{background:var(--appearance-soft);color:var(--appearance-success-ink)}html[data-color-mode=dark] .totp-enrollment,html[data-color-mode=dark] .student-overview-hero,html[data-color-mode=dark] .teacher-credential,html[data-color-mode=dark] .teacher-invite,html[data-color-mode=dark] .teacher-process-tabs,html[data-color-mode=dark] .teacher-week-board,html[data-color-mode=dark] .teacher-safety-reminder,html[data-color-mode=dark] .teacher-guide-list.is-warning,html[data-color-mode=dark] .hq-billing-preview,html[data-color-mode=dark] .hq-upload-validation,html[data-color-mode=dark] .hq-review-action-card,html[data-color-mode=dark] .hq-validation-summary,html[data-color-mode=dark] .hq-model-test-result,html[data-color-mode=dark] .hq-credit-approval,html[data-color-mode=dark] .hq-preview-perspectives,html[data-color-mode=dark] .hq-course-preview-device,html[data-color-mode=dark] .cx-canvas-conflict,html[data-color-mode=dark] .codex-approval,html[data-color-mode=dark] .codex-breadcrumb button,html[data-color-mode=dark] .codex-workbench[data-live-class] .codex-dock-resizer:after{border:1px solid var(--appearance-border-strong);background:var(--appearance-soft)}html[data-color-mode=dark] .totp-enrollment summary{color:var(--appearance-info-ink)}html[data-color-mode=dark] .data-governance,html[data-color-mode=dark] .shared-classroom-bubble>p,html[data-color-mode=dark] .hq-image-ratio-list .hq-check strong{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .data-governance-notice{border:1px solid var(--appearance-border-strong);color:var(--appearance-warning-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .data-governance-metrics article[data-tone=danger] strong{color:var(--appearance-danger-ink)}html[data-color-mode=dark] .data-governance-filters select,html[data-color-mode=dark] .data-governance-form select,html[data-color-mode=dark] .data-governance-form input,html[data-color-mode=dark] .data-governance-form textarea{border:1px solid var(--appearance-border-strong);color:var(--appearance-ink-secondary);background:var(--appearance-surface)}html[data-color-mode=dark] .data-governance-table th,html[data-color-mode=dark] .reference-management-dialog>form>p,html[data-color-mode=dark] .reference-management-form-grid :disabled,html[data-color-mode=dark] .product-shell[data-theme=student] .product-nav-item:disabled,html[data-color-mode=dark] .student-capability-tabs .button,html[data-color-mode=dark] .hq-config-form input[readonly],html[data-color-mode=dark] .hq-form-dialog input[readonly],html[data-color-mode=dark] .hq-privilege-state,html[data-color-mode=dark] .hq-lifecycle,html[data-color-mode=dark] .hq-risk,html[data-color-mode=dark] .hq-upload-dropzone[data-disabled=true],html[data-color-mode=dark] .hq-validation-groups>section>header>span,html[data-color-mode=dark] .hq-operation-note,html[data-color-mode=dark] .hq-policy-status[data-status=ARCHIVED],html[data-color-mode=dark] .hq-data-ranking-list li>strong,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-student-table th{color:var(--appearance-muted);background:var(--appearance-soft)}html[data-color-mode=dark] .data-governance-status,html[data-color-mode=dark] .data-governance-deadline{color:var(--appearance-info-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .data-governance-status[data-status=COMPLETED],html[data-color-mode=dark] .data-governance-status[data-status=APPROVED],html[data-color-mode=dark] .data-governance-status[data-status=PROCESSING]{color:var(--appearance-success-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .data-governance-status[data-status=REJECTED],html[data-color-mode=dark] .data-governance-status[data-status=FAILED],html[data-color-mode=dark] .data-governance-status[data-status=CANCELLED],html[data-color-mode=dark] .data-governance-deadline[data-tone=danger]{color:var(--appearance-danger-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .data-governance-deadline[data-tone=warning]{color:var(--appearance-warning-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .data-governance-empty{border:1px dashed var(--appearance-border-strong);color:var(--appearance-muted)}html[data-color-mode=dark] .prototype-page,html[data-color-mode=dark] .teacher-classroom-title h1,html[data-color-mode=dark] .classroom-message header strong,html[data-color-mode=dark] .institution-profile-facts dd,html[data-color-mode=dark] .institution-course-grant-metrics strong,html[data-color-mode=dark] .institution-attendance-metrics strong,html[data-color-mode=dark] .institution-credit-overview-metrics strong,html[data-color-mode=dark] .institution-credit-account-search input,html[data-color-mode=dark] .institution-credit-report-summary strong{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .prototype-page-heading>div>span,html[data-color-mode=dark] .growth-hero>div>span{color:var(--role-accent,#c3d6fb)}html[data-color-mode=dark] .prototype-page-heading h2,html[data-color-mode=dark] .growth-hero h2{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .prototype-card,html[data-color-mode=dark] .teacher-classroom-topbar{border:1px solid var(--appearance-border-strong);background:color-mix(in srgb,var(--appearance-surface) 96%,transparent)}html[data-color-mode=dark] .access-role-list>button{background:var(--appearance-surface);color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .access-role-list>button:hover,html[data-color-mode=dark] .access-role-list>button.active,html[data-color-mode=dark] .reference-notice-list article[data-tone=warning],html[data-color-mode=dark] .shared-classroom-message.is-teacher .shared-classroom-bubble,html[data-color-mode=dark] .shared-classroom-message.is-student .shared-classroom-bubble,html[data-color-mode=dark] .shared-classroom-message.is-own .shared-classroom-bubble,html[data-color-mode=dark] .shared-classroom-message.is-own.is-student .shared-classroom-bubble,html[data-color-mode=dark] .shared-classroom-attachment-transfer:hover:not(:disabled),html[data-color-mode=dark] .shared-classroom-attachment-transfer:focus-visible,html[data-color-mode=dark] .teacher-guide-stages nav button.is-active,html[data-color-mode=dark] .classroom-message.is-announcement,html[data-color-mode=dark] .hq-upload-validation[data-result=success],html[data-color-mode=dark] .hq-review-action-card[data-decision=APPROVED],html[data-color-mode=dark] .hq-model-test-result[data-status=FAILED],html[data-color-mode=dark] .hq-model-test-result[data-status=BLOCKED],html[data-color-mode=dark] .hq-model-test-result[data-status=CANCELLED],html[data-color-mode=dark] .hq-model-test-result[data-status=TIMEOUT],html[data-color-mode=dark] .hq-course-preview-guide .hq-preview-safety,html[data-color-mode=dark] .hq-agent-default[data-state=attention],html[data-color-mode=dark] .institution-attendance-session-list>button[aria-current=true],html[data-color-mode=dark] .codex-teaching-entry.live{border-color:var(--appearance-border-strong);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-level-grant-list>label:has(input:checked){border-color:var(--appearance-border-strong);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-model-capability-options>label:has(:checked){border-color:var(--appearance-border-strong);background:var(--appearance-soft)}html[data-color-mode=dark] .institution-classroom-multi>label:has(input:checked){border-color:var(--appearance-border-strong);background:var(--appearance-soft)}html[data-color-mode=dark] .prototype-icon{background:var(--appearance-soft);color:var(--appearance-info-ink)}html[data-color-mode=dark] .prototype-icon.teal{background:var(--appearance-soft);color:var(--appearance-success-ink)}html[data-color-mode=dark] .prototype-icon.orange{background:var(--appearance-soft);color:var(--appearance-warning-ink)}html[data-color-mode=dark] .prototype-icon.purple{background:var(--appearance-soft);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .permission-matrix select,html[data-color-mode=dark] .access-audit select,html[data-color-mode=dark] .schedule-filterbar select,html[data-color-mode=dark] .schedule-editor select,html[data-color-mode=dark] .schedule-editor input,html[data-color-mode=dark] .schedule-editor textarea,html[data-color-mode=dark] .teaching-checklist>button,html[data-color-mode=dark] .teacher-classroom-ai-message,html[data-color-mode=dark] .teacher-guide-stages nav button,html[data-color-mode=dark] .codex-appbar-collapse,html[data-color-mode=dark] .codex-task-actions button{border:1px solid var(--appearance-border-strong);background:var(--appearance-surface);color:var(--appearance-ink)}html[data-color-mode=dark] .permission-state.all{color:var(--appearance-info-ink)}html[data-color-mode=dark] .permission-state.partial{color:var(--appearance-success-ink)}html[data-color-mode=dark] .permission-state.none{color:var(--appearance-warning-ink)}html[data-color-mode=dark] .schedule-range{border:1px solid var(--appearance-border-strong);color:var(--appearance-muted)}html[data-color-mode=dark] .week-calendar-head,html[data-color-mode=dark] .teacher-classroom-dialog>header,html[data-color-mode=dark] .hq-model-history>header,html[data-color-mode=dark] .hq-detail-tabs,html[data-color-mode=dark] .hq-course-preview-device>header,html[data-color-mode=dark] .institution-account-modal>header,html[data-color-mode=dark] .institution-class-modal>header{border-bottom:1px solid var(--appearance-border-strong);background:var(--appearance-surface)}html[data-color-mode=dark] .calendar-times{border-right:1px solid var(--appearance-border-strong);color:var(--appearance-muted)}html[data-color-mode=dark] .calendar-grid>i{border-right:1px solid var(--appearance-border-strong);border-bottom:1px solid var(--appearance-border-strong)}html[data-color-mode=dark] .calendar-event.blue{border-color:var(--appearance-border-strong);background:var(--appearance-soft);color:var(--appearance-info-ink)}html[data-color-mode=dark] .calendar-event.teal{border-color:var(--appearance-border-strong);background:var(--appearance-soft);color:var(--appearance-success-ink)}html[data-color-mode=dark] .calendar-event.purple{border-color:var(--appearance-border-strong);background:var(--appearance-soft);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .calendar-event.red{border-color:var(--appearance-border-strong);background:var(--appearance-soft);color:var(--appearance-danger-ink)}html[data-color-mode=dark] .schedule-conflict{border:1px solid var(--appearance-border-strong);background:var(--appearance-soft);color:var(--appearance-warning-ink)}html[data-color-mode=dark] .teacher-live-titlebar{border:1px solid var(--appearance-border-strong);background:linear-gradient(100deg,var(--appearance-soft),var(--appearance-surface))}html[data-color-mode=dark] .teacher-live-titlebar .online{color:var(--appearance-success-ink)}html[data-color-mode=dark] .teacher-stepper span{border:2px solid var(--appearance-border);background:var(--appearance-surface);color:var(--appearance-muted)}html[data-color-mode=dark] .teacher-stepper .done span,html[data-color-mode=dark] .teacher-stepper .active span,html[data-color-mode=dark] .button.danger,html[data-color-mode=dark] .wb-login .login-input-wrap:focus-within,html[data-color-mode=dark] .student-assistant-form textarea,html[data-color-mode=dark] .student-header-actions>.student-return-classroom,html[data-color-mode=dark] .student-course-outline,html[data-color-mode=dark] .student-course-examples,html[data-color-mode=dark] .student-course-task,html[data-color-mode=dark] .student-classroom-message-resize-handle:after,html[data-color-mode=dark] .student-personal-composer textarea:focus,html[data-color-mode=dark] .teacher-classroom-metrics article[data-selected=true],html[data-color-mode=dark] .teacher-hero .button.primary,html[data-color-mode=dark] .teacher-live-card[data-focused=true],html[data-color-mode=dark] .teacher-schedule-session:hover,html[data-color-mode=dark] .teacher-schedule-session[aria-pressed=true],html[data-color-mode=dark] .teacher-classroom-message-resize-handle:after,html[data-color-mode=dark] .hq-metric[data-tone=teal] .hq-metric-icon,html[data-color-mode=dark] .hq-metric[data-tone=purple] .hq-metric-icon,html[data-color-mode=dark] .hq-metric[data-tone=cyan] .hq-metric-icon,html[data-color-mode=dark] .hq-metric[data-tone=orange] .hq-metric-icon,html[data-color-mode=dark] .hq-metric[data-tone=red] .hq-metric-icon,html[data-color-mode=dark] .institution-dashboard-grid .dashboard-panel,html[data-color-mode=dark] .institution-profile-form input:focus,html[data-color-mode=dark] .institution-profile-form textarea:focus,html[data-color-mode=dark] .cx-creative-composer:focus-within,html[data-color-mode=dark] .codex-icon-button:hover,html[data-color-mode=dark] .codex-workbench[data-live-class] .codex-course-actions button,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-composer:focus-within,html[data-color-mode=dark] .codex-task-header>button:hover,html[data-color-mode=dark] .codex-workbench:not([data-live-class]) .codex-teaching-entry{border-color:var(--appearance-border-strong)}html[data-color-mode=dark] .teacher-stepper .active strong,html[data-color-mode=dark] .teacher-stepper .active small{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .teaching-checklist p svg{color:var(--appearance-success-ink)}html[data-color-mode=dark] .student-avatar{background:var(--appearance-soft);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .mini-avatars{color:var(--appearance-info-ink)}html[data-color-mode=dark] .growth-hero{border:1px solid var(--appearance-border-strong);background:linear-gradient(110deg,var(--appearance-surface) 10%,var(--appearance-soft) 55%,var(--appearance-soft))}html[data-color-mode=dark] .journey-line>div>span,html[data-color-mode=dark] .teacher-classroom-ai-tabs button,html[data-color-mode=dark] .teacher-recent-work-icon,html[data-color-mode=dark] .teacher-guide-stage-detail>footer span,html[data-color-mode=dark] .institution-profile-form input:disabled,html[data-color-mode=dark] .institution-profile-form textarea:disabled,html[data-color-mode=dark] .cx-creative-composer .cx-creative-notice,html[data-color-mode=dark] .cx-node-generation-status,html[data-color-mode=dark] .cx-prompt-library-cover.is-image,html[data-color-mode=dark] .cx-prompt-library-cover.is-video,html[data-color-mode=dark] .codex-workbench .cx-code-toolbar,html[data-color-mode=dark] .codex-course-browser summary>small,html[data-color-mode=dark] .codex-course-boundary,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-notice,html[data-color-mode=dark] .codex-projects button>span,html[data-color-mode=dark] .ca-library-items>button.is-selected{background:var(--appearance-soft);color:var(--appearance-muted)}html[data-color-mode=dark] .journey-cards>article>span{background:var(--appearance-soft);color:var(--appearance-success-ink)}html[data-color-mode=dark] .teacher-comment svg{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .badge-wall article>span.silver{background:linear-gradient(145deg,var(--appearance-info-ink),var(--appearance-soft))}html[data-color-mode=dark] .growth-streak strong,html[data-color-mode=dark] .growth-summary span svg{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .growth-summary span strong,html[data-color-mode=dark] .shared-ai-reference-attachment figcaption strong,html[data-color-mode=dark] .teacher-rubric-list article>header{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .growth-summary p{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .reference-notice-list article>span{color:var(--appearance-info-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .reference-notice-list article[data-tone=warning]>span{color:var(--appearance-warning-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .reference-notice-list article[data-tone=danger]>span{color:var(--appearance-danger-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .reference-notice-list article[data-tone=success]>span{color:var(--appearance-success-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .reference-table-search,html[data-color-mode=dark] .student-notification-trigger,html[data-color-mode=dark] .hq-model-history-toggle,html[data-color-mode=dark] .hq-level-order-actions button,html[data-color-mode=dark] .hq-chip,html[data-color-mode=dark] .hq-choice-cards label>span,html[data-color-mode=dark] .hq-release-modes label>span,html[data-color-mode=dark] .hq-course-preview-device>header button{border:1px solid var(--appearance-border-strong);color:var(--appearance-muted);background:var(--appearance-surface)}html[data-color-mode=dark] .reference-drawer-form input,html[data-color-mode=dark] .reference-drawer-form select,html[data-color-mode=dark] .reference-drawer-form textarea,html[data-color-mode=dark] .reference-management-form-grid input,html[data-color-mode=dark] .reference-management-form-grid select,html[data-color-mode=dark] .reference-management-form-grid textarea{border:1px solid var(--appearance-border-strong);color:var(--appearance-ink-secondary);background:var(--appearance-surface)}html[data-color-mode=dark] .reference-management-dialog>header,html[data-color-mode=dark] .codex-appbar{border-bottom:1px solid var(--appearance-border-strong);background:color-mix(in srgb,var(--appearance-surface) 96%,transparent)}html[data-color-mode=dark] .reference-management-dialog h2,html[data-color-mode=dark] .institution-person-detail dd{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .button:disabled:hover,html[data-color-mode=dark] .button:disabled:focus-visible,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-composer:focus-within,html[data-color-mode=dark] .codex-event-main{border-color:var(--appearance-border)}html[data-color-mode=dark] .operations-report-table th,html[data-color-mode=dark] .operations-report-table td{border-bottom:1px solid var(--border,#4c4c6b)}html[data-color-mode=dark] .operations-report-table .operations-report-course-level th,html[data-color-mode=dark] .data-table .institution-course-level-row th{background:var(--appearance-soft);color:var(--appearance-info-ink)}html[data-color-mode=dark] .shared-classroom-message-column>header strong{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .shared-classroom-message.is-student .shared-classroom-message-column>header strong{color:var(--appearance-success-ink)}html[data-color-mode=dark] .shared-classroom-message-column>header span:nth-of-type(2){color:var(--appearance-accent-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .shared-classroom-message.is-direct .shared-classroom-bubble:after{color:var(--appearance-accent-ink);background:color-mix(in srgb,var(--appearance-surface) 68%,transparent)}html[data-color-mode=dark] .shared-classroom-message.is-announcement{border:1px solid var(--appearance-border-strong);color:var(--appearance-warning-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .shared-classroom-announcement-meta{color:var(--appearance-warning-ink)}html[data-color-mode=dark] .shared-classroom-attachment{border:1px solid color-mix(in srgb,var(--appearance-border-strong) 18%,transparent);background:color-mix(in srgb,var(--appearance-surface) 76%,transparent)}html[data-color-mode=dark] .shared-classroom-file-icon{color:var(--appearance-accent-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .shared-classroom-attachment-meta strong{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .shared-classroom-attachment-transfer{border:1px dashed var(--appearance-border-strong);color:var(--appearance-accent-ink);background:var(--appearance-surface)}html[data-color-mode=dark] .shared-classroom-attachment-transfer:disabled{color:var(--appearance-muted);border-color:var(--appearance-border);background:var(--appearance-soft)}html[data-color-mode=dark] .shared-ai-reference-attachment{border:1px solid color-mix(in srgb,var(--appearance-border-strong) 22%,transparent);background:color-mix(in srgb,var(--appearance-surface) 82%,transparent)}html[data-color-mode=dark] .shared-ai-reference-file-icon{color:var(--appearance-accent-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .shared-ai-reference-attachment figcaption a{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .classroom-icon-button{border:1px solid var(--appearance-border-strong);color:var(--appearance-accent-ink);background:var(--appearance-surface)}html[data-color-mode=dark] .classroom-icon-button:hover:not(:disabled):not([aria-disabled=true]),html[data-color-mode=dark] .classroom-icon-button:focus-visible,html[data-color-mode=dark] .classroom-icon-button:focus-within{border-color:var(--appearance-border-strong);color:var(--appearance-accent-ink);background:var(--appearance-surface)}html[data-color-mode=dark] .classroom-icon-button.is-warning{border-color:var(--appearance-border-strong);color:var(--appearance-warning-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .classroom-icon-button.is-danger{color:var(--appearance-danger-ink)}html[data-color-mode=dark] .classroom-icon-button.is-danger:hover:not(:disabled){border-color:var(--appearance-border-strong);color:var(--appearance-danger-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .classroom-icon-button:disabled,html[data-color-mode=dark] .classroom-icon-button[aria-disabled=true],html[data-color-mode=dark] .classroom-compose-field textarea:disabled{border-color:var(--appearance-border);background:var(--appearance-soft)}html[data-color-mode=dark] .classroom-announcement-toggle{border:1px solid var(--appearance-border-strong);color:var(--appearance-accent-ink);background:var(--appearance-surface)}html[data-color-mode=dark] .classroom-compose-field textarea{border:1.5px solid var(--appearance-border-strong);color:var(--appearance-ink-secondary);background:var(--appearance-surface)}html[data-color-mode=dark] .children-ai-markdown blockquote{background:color-mix(in srgb,var(--appearance-surface) 42%,transparent)}html[data-color-mode=dark] .children-ai-markdown th{background:color-mix(in srgb,var(--appearance-surface) 45%,transparent)}html[data-color-mode=dark] .children-ai-markdown a{color:var(--appearance-info-ink)}html[data-color-mode=dark] .wb-login{background:var(--appearance-surface);color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .wb-login-brand span,html[data-color-mode=dark] .wb-login-links button,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-tool-counts>button,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-tool-tabs button[aria-selected=true],html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-plugin-card header>svg,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-reset-layout,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-formal-work-details>summary,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-settings-tabs button[aria-selected=true]{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .wb-login .login-input-wrap{border:1px solid var(--appearance-border-strong);background:color-mix(in srgb,var(--appearance-surface) 73.3%,transparent);color:var(--appearance-muted)}html[data-color-mode=dark] .wb-login .login-input-wrap input,html[data-color-mode=dark] .wb-login .login-card .login-field>span:first-child,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-brand>strong,html[data-color-mode=dark] .codex-workbench:not([data-live-class]) .codex-brand{color:var(--appearance-ink-secondary)}html[data-color-mode=dark]::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--appearance-soft), var(--appearance-accent-ink))}html[data-color-mode=dark] .product-shell[data-theme=student] .product-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--appearance-soft), var(--appearance-accent-ink))}html[data-color-mode=dark] .product-shell[data-theme=student] .product-sidebar nav::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--appearance-soft), var(--appearance-accent-ink))}html[data-color-mode=dark] .product-shell[data-theme=student] .product-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--appearance-soft), var(--appearance-accent-ink))}html[data-color-mode=dark] .student-assistant-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--appearance-soft), var(--appearance-accent-ink))}html[data-color-mode=dark] .student-message-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--appearance-soft), var(--appearance-accent-ink))}html[data-color-mode=dark] .classroom-message-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--appearance-soft), var(--appearance-accent-ink))}html[data-color-mode=dark] .student-monitoring-banner>button{border:1px solid var(--appearance-border-strong);color:var(--appearance-warning-ink);background:color-mix(in srgb,var(--appearance-soft) 96.1%,transparent)}html[data-color-mode=dark] .student-monitoring-banner strong{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .student-monitoring-banner button>span:not(.student-monitoring-pulse,.student-monitoring-connection,.student-monitoring-compact-label){color:var(--appearance-warning-ink)}html[data-color-mode=dark] .student-monitoring-connection.is-connected{color:var(--appearance-success-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .student-monitoring-connection.is-error{color:var(--appearance-danger-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .product-shell[data-theme=student] .product-brand,html[data-color-mode=dark] .student-notification-panel>header button:hover,html[data-color-mode=dark] .student-notification-panel>header button:focus-visible{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .product-shell[data-theme=student] .product-sidebar>.product-profile{border-color:var(--appearance-border-strong);background:linear-gradient(180deg, var(--appearance-surface), var(--appearance-surface))}html[data-color-mode=dark] .student-sidebar-profile span,html[data-color-mode=dark] .student-work-reviews summary,html[data-color-mode=dark] .student-work-history>summary{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .student-avatar,html[data-color-mode=dark] .student-work-preview-spinner,html[data-color-mode=dark] .teacher-work-preview-spinner{border:3px solid var(--appearance-border-strong)}html[data-color-mode=dark] .product-shell[data-theme=student] .product-nav-item{color:var(--appearance-info-ink)}html[data-color-mode=dark] .student-course-picker .button{border-color:var(--appearance-border-strong);color:var(--appearance-accent-ink);background:var(--appearance-surface)}html[data-color-mode=dark] .student-overview-copy>span,html[data-color-mode=dark] .student-course-outline li[data-state=current] .student-course-outline-status{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .student-course-outline li[data-state=complete]>span:first-child{color:var(--appearance-success-ink);border-color:var(--appearance-border-strong);background:var(--appearance-soft)}html[data-color-mode=dark] .student-course-outline li[data-state=complete] strong{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .student-course-outline li[data-state=complete] .student-course-outline-status,html[data-color-mode=dark] .student-join-class>p{color:var(--appearance-success-ink)}html[data-color-mode=dark] .student-course-task{border-left:4px solid var(--appearance-border-strong)}html[data-color-mode=dark] .student-assistant-header span{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .student-prompt-suggestions .button{color:var(--appearance-accent-ink);border-color:var(--appearance-border-strong);background:var(--appearance-surface)}html[data-color-mode=dark] .student-assistant-form.is-reference-drop-active,html[data-color-mode=dark] .teacher-classroom-ai-composer.is-reference-drop-active{outline:2px solid var(--appearance-border-strong);background:var(--appearance-soft)}html[data-color-mode=dark] .student-reference-drop-hint,html[data-color-mode=dark] .teacher-ai-reference-drop-hint{color:var(--appearance-accent-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .student-reference-policy-error,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-error{color:var(--appearance-danger-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .student-prompt-brief>span,html[data-color-mode=dark] .student-prompt-builder>header span,html[data-color-mode=dark] .student-current-course-stats strong{color:var(--appearance-success-ink)}html[data-color-mode=dark] .student-prompt-field textarea,html[data-color-mode=dark] .codex-workbench[data-live-class] .codex-teaching-entry.live{border-color:var(--appearance-border);background:var(--appearance-surface)}html[data-color-mode=dark] .student-prompt-field textarea:focus,html[data-color-mode=dark] .student-notification-content:focus-visible,html[data-color-mode=dark] .student-notification-dismiss:focus-visible,html[data-color-mode=dark] .hq-course-preview-assistant textarea:focus-visible,html[data-color-mode=dark] .prototype-schedule-page .calendar-grid-real .calendar-event.selected,html[data-color-mode=dark] .cx-creative-composer button:focus-visible,html[data-color-mode=dark] .cx-creative-composer summary:focus-visible,html[data-color-mode=dark] .cx-prompt-library button:focus-visible,html[data-color-mode=dark] .cx-prompt-library input:focus-visible,html[data-color-mode=dark] .cx-prompt-library textarea:focus-visible,html[data-color-mode=dark] .cx-prompt-library select:focus-visible,html[data-color-mode=dark] .cx-prompt-library a:focus-visible{outline:2px solid var(--appearance-border-strong)}html[data-color-mode=dark] .student-prompt-preview pre{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .student-report-capabilities li,html[data-color-mode=dark] .student-portfolio-toolbar,html[data-color-mode=dark] .parent-lite-notices p,html[data-color-mode=dark] .teacher-monitor-table th,html[data-color-mode=dark] .teacher-monitor-table td,html[data-color-mode=dark] .teacher-process-detail>header,html[data-color-mode=dark] .teacher-process-detail>section,html[data-color-mode=dark] .teacher-process-list li,html[data-color-mode=dark] .teacher-week-day>header,html[data-color-mode=dark] .teacher-schedule-detail>header,html[data-color-mode=dark] .teacher-schedule-detail dl div,html[data-color-mode=dark] .hq-validation-checks article,html[data-color-mode=dark] .institution-program-offering,html[data-color-mode=dark] .cx-creative-reference-section,html[data-color-mode=dark] .codex-workbench[data-design=v3][data-workspace-mode=canvas]>.cx-topbar,html[data-color-mode=dark] .cx-prompt-library>header,html[data-color-mode=dark] .cx-prompt-tag-filter,html[data-color-mode=dark] .cx-canvas-dialog>header,html[data-color-mode=dark] .cx-canvas-list article,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-composer-menu header,html[data-color-mode=dark] .codex-plugin-row,html[data-color-mode=dark] .codex-changes-heading,html[data-color-mode=dark] .codex-course-preview>header{border-bottom:1px solid var(--appearance-border)}html[data-color-mode=dark] .student-portfolio-summary article,html[data-color-mode=dark] .teacher-speaking-script,html[data-color-mode=dark] .teacher-schedule-metrics article,html[data-color-mode=dark] .hq-relationship-flow article,html[data-color-mode=dark] .institution-credit-overview-metrics article,html[data-color-mode=dark] .institution-credit-report-summary article{border:1px solid var(--appearance-border-strong);background:linear-gradient(145deg, var(--appearance-surface), var(--appearance-surface))}html[data-color-mode=dark] .student-portfolio-card-header span{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .student-work-media-stage,html[data-color-mode=dark] .student-chat-media-stage{background:linear-gradient(145deg, var(--appearance-soft), var(--appearance-soft))}html[data-color-mode=dark] .student-work-text-preview{border-left:4px solid var(--appearance-border-strong);background:linear-gradient(135deg, var(--appearance-surface), var(--appearance-surface))}html[data-color-mode=dark] .student-work-text-preview>span,html[data-color-mode=dark] .student-work-preview-unavailable>span{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .student-work-feedback strong{color:var(--appearance-success-ink)}html[data-color-mode=dark] .student-work-feedback p{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .student-work-reviews li,html[data-color-mode=dark] .student-work-history,html[data-color-mode=dark] .teacher-progress-row,html[data-color-mode=dark] .teacher-rubric-list li,html[data-color-mode=dark] .hq-detail-list>div,html[data-color-mode=dark] .institution-audit-preview li,html[data-color-mode=dark] .cx-prompt-library .cx-prompt-pagination,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-composer-menu-heading:not(:first-child){border-top:1px solid var(--appearance-border)}html[data-color-mode=dark] .product-shell[data-theme=student] .product-navigation-leading .student-join-class>.button{border-color:var(--appearance-border-strong);color:var(--appearance-accent-ink);background:var(--appearance-surface)}html[data-color-mode=dark] .product-shell[data-theme=student] .product-navigation-group-toggle,html[data-color-mode=dark] .product-shell[data-theme=student] .product-navigation-label{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .student-sidebar-profile .student-profile-credit{color:var(--appearance-info-ink)}html[data-color-mode=dark] .student-sidebar-profile .student-profile-credit svg,html[data-color-mode=dark] .student-assistant-status-cards section:nth-child(2)>svg{color:var(--appearance-warning-ink)}html[data-color-mode=dark] .student-notification-trigger:hover,html[data-color-mode=dark] .student-notification-trigger:focus-visible{color:var(--appearance-accent-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .student-notification-trigger small,html[data-color-mode=dark] .hq-icon-button small{border:2px solid var(--appearance-border)}html[data-color-mode=dark] .student-notification-panel>header button{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .student-notification-content,html[data-color-mode=dark] .student-notification-dismiss,html[data-color-mode=dark] .student-tools-panel>button,html[data-color-mode=dark] .teacher-guide-list h4,html[data-color-mode=dark] .teacher-guide-stage-detail h4,html[data-color-mode=dark] .teacher-guide-rubric>h4{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .student-notification-dismiss:hover{color:var(--appearance-danger-ink);background:var(--appearance-surface)}html[data-color-mode=dark] .student-notification-panel>.student-notification-footer{border-top:1px solid var(--appearance-border-strong);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .student-locked-course,html[data-color-mode=dark] .student-course-locked-note{border:1px solid var(--appearance-border);color:var(--appearance-muted);background:linear-gradient(135deg, var(--appearance-surface), var(--appearance-surface))}html[data-color-mode=dark] .student-classroom-messages-dock-trigger,html[data-color-mode=dark] .teacher-classroom-messages-dock-trigger{border-color:var(--appearance-border-strong)!important;color:var(--appearance-accent-ink)!important;background:linear-gradient(135deg, var(--appearance-surface), var(--appearance-surface))!important}html[data-color-mode=dark] .student-classroom-messages-dock-trigger[data-unread=true],html[data-color-mode=dark] .teacher-classroom-messages-dock-trigger[data-unread=true]{background:linear-gradient(135deg, var(--appearance-soft), var(--appearance-soft))!important}html[data-color-mode=dark] .student-classroom-messages-dock-trigger strong,html[data-color-mode=dark] .teacher-classroom-messages-dock-trigger strong{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .student-course-review-banner{border:1px solid var(--appearance-border-strong);color:var(--appearance-accent-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .student-overview-copy{background:linear-gradient(90deg, var(--appearance-surface) 0%, color-mix(in srgb,var(--appearance-surface) 96.5%,transparent) 60%, color-mix(in srgb,var(--appearance-surface) 7.8%,transparent) 100%)}html[data-color-mode=dark] .parent-lite-metrics strong{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .parent-lite-share-request>svg{color:var(--appearance-accent-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .parent-lite-privacy>svg,html[data-color-mode=dark] .student-course-picker .button:not([aria-pressed=true]){color:var(--appearance-accent-ink)}html[data-color-mode=dark] .student-course-meta span{color:var(--appearance-accent-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .student-course-meta span:first-child{color:var(--appearance-success-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .student-overview-actions .button{border:2px solid var(--appearance-border-strong);color:var(--appearance-accent-ink);background:var(--appearance-surface)}html[data-color-mode=dark] .student-course-outline ol:before{border-top:1px dashed var(--appearance-border-strong)}html[data-color-mode=dark] .student-task-icon{color:var(--appearance-accent-ink);background:linear-gradient(145deg, var(--appearance-soft), var(--appearance-soft))}html[data-color-mode=dark] .student-task-copy>strong{color:var(--appearance-info-ink)}html[data-color-mode=dark] .student-task-requirements,html[data-color-mode=dark] .teacher-image-ratio-select span,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-back,html[data-color-mode=dark] .codex-class-project-title{color:var(--appearance-muted)!important}html[data-color-mode=dark] .student-assistant-panel{border:1px solid var(--appearance-border-strong);background:linear-gradient(155deg, var(--appearance-surface) 0%, var(--appearance-surface) 52%, var(--appearance-surface) 100%)}html[data-color-mode=dark] .student-assistant-heading h2{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .student-new-conversation.button{border-color:var(--appearance-border-strong);color:var(--appearance-accent-ink);background:color-mix(in srgb,var(--appearance-surface) 78.8%,transparent)}html[data-color-mode=dark] .student-message-assistant.is-error{border-color:var(--appearance-border-strong);color:var(--appearance-danger-ink);background:var(--appearance-surface)}html[data-color-mode=dark] .student-assistant-greeting strong{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .student-assistant-greeting p,html[data-color-mode=dark] .student-chat-starters h3{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .student-prompt-suggestions .button{border-color:var(--appearance-border-strong);color:var(--appearance-accent-ink);background:var(--appearance-surface)}html[data-color-mode=dark] .student-assistant-form,html[data-color-mode=dark] .student-personal-composer{border:1.5px solid var(--appearance-border-strong);background:var(--appearance-surface)}html[data-color-mode=dark] .student-reference-file-icon{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .student-reference-file strong{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .student-reference-file.is-failed small,html[data-color-mode=dark] .teacher-ai-reference-file.is-failed small{color:var(--appearance-danger-ink)}html[data-color-mode=dark] .student-composer-tools .button,html[data-color-mode=dark] .teacher-classroom-ai-composer footer>div .button{border-color:var(--appearance-border-strong);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .student-image-ratio-select select{border:1px solid var(--appearance-border-strong);background:var(--appearance-surface);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .student-image-ratio-error{color:var(--appearance-danger-ink)!important}html[data-color-mode=dark] .student-sent-reference-files span{color:var(--appearance-accent-ink);background:color-mix(in srgb,var(--appearance-surface) 84%,transparent)}html[data-color-mode=dark] .student-chat-media-result{border-top:1px solid var(--appearance-border-strong);color:var(--appearance-accent-ink);background:var(--appearance-surface)}html[data-color-mode=dark] .student-chat-media-result>div strong,html[data-color-mode=dark] .student-assistant-status-cards strong{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .student-chat-task-actions .button{border-color:var(--appearance-border-strong);color:var(--appearance-accent-ink);background:var(--appearance-surface)}html[data-color-mode=dark] .student-chat-saved,html[data-color-mode=dark] .student-assistant-status-cards section>svg{color:var(--appearance-success-ink)}@media (width<=960px){html[data-color-mode=dark] .product-shell[data-theme=student] .product-topbar{border-bottom:1px solid var(--appearance-border-strong)}}@media (width<=720px){html[data-color-mode=dark] .student-overview-copy{background:linear-gradient(90deg, color-mix(in srgb,var(--appearance-surface) 96.1%,transparent), color-mix(in srgb,var(--appearance-surface) 72.2%,transparent))}}html[data-color-mode=dark] .student-communication-status,html[data-color-mode=dark] .teacher-communication-status,html[data-color-mode=dark] .student-communication-status{border-bottom:1px solid var(--appearance-border);color:var(--appearance-muted);background:var(--appearance-surface)}html[data-color-mode=dark] .student-communication-status b,html[data-color-mode=dark] .teacher-communication-status b{color:var(--appearance-success-ink)}html[data-color-mode=dark] .student-communication-status em,html[data-color-mode=dark] .teacher-communication-status em{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .student-course-checkpoint-status,html[data-color-mode=dark] .teacher-monitor-table th,html[data-color-mode=dark] .hq-table th,html[data-color-mode=dark] .hq-model-history th,html[data-color-mode=dark] .hq-course-preview-frame-loading{color:var(--appearance-muted);background:var(--appearance-surface)}html[data-color-mode=dark] .student-course-checkpoint-status.is-local{color:var(--appearance-warning-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .student-classroom-message-window>.panel>header,html[data-color-mode=dark] .teacher-classroom-message-window>.panel>header,html[data-color-mode=dark] .cx-canvas-heading,html[data-color-mode=dark] .codex-workbench:not([data-live-class]) .codex-changed-files,html[data-color-mode=dark] .codex-diff-file-heading,html[data-color-mode=dark] .codex-workbench:not([data-live-class]) .codex-diff-preview{border-bottom:1px solid var(--appearance-border);background:var(--appearance-surface)}html[data-color-mode=dark] .student-classroom-message-window>.panel>header h2,html[data-color-mode=dark] .teacher-classroom-message-window>.panel>header h2{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .student-communication-composer,html[data-color-mode=dark] .student-personal-composer,html[data-color-mode=dark] .teacher-classroom-script>footer,html[data-color-mode=dark] .teacher-communication-composer,html[data-color-mode=dark] .hq-image-ratio-dialog-body>.hq-route-dialog-actions{border-top:1px solid var(--appearance-border-strong);background:var(--appearance-surface)}html[data-color-mode=dark] .classroom-message.is-self .classroom-message-avatar{color:var(--appearance-ink-secondary);background:var(--appearance-soft)}html[data-color-mode=dark] .classroom-message-delivery,html[data-color-mode=dark] .classroom-message header button,html[data-color-mode=dark] .classroom-message-copy-media{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .classroom-message-bubble{color:var(--appearance-ink-secondary);background:var(--appearance-surface)}html[data-color-mode=dark] .classroom-message.is-peer:not(.is-announcement) .classroom-message-bubble:before{border-right:6px solid var(--appearance-border)}html[data-color-mode=dark] .classroom-message.is-self:not(.is-announcement) .classroom-message-bubble:before{border-left:6px solid var(--appearance-border-strong)}html[data-color-mode=dark] .classroom-message.is-direct .classroom-message-delivery{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .classroom-message.is-announcement .classroom-message-bubble{color:var(--appearance-warning-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .classroom-message-error{color:var(--appearance-danger-ink)}html[data-color-mode=dark] .classroom-message-fullscreen{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .classroom-message-fullscreen:hover,html[data-color-mode=dark] .classroom-message-fullscreen:focus-visible{background:color-mix(in srgb,var(--appearance-surface) 48%,transparent)}html[data-color-mode=dark] .classroom-media-lightbox header .classroom-icon-button{border-color:color-mix(in srgb,var(--appearance-border) 32.2%,transparent);background:color-mix(in srgb,var(--appearance-surface) 9.4%,transparent)}html[data-color-mode=dark] .classroom-attachment-preview strong,html[data-color-mode=dark] .teacher-week-day>header span{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .classroom-media-picker.is-icon-only{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .panel>header .is-raised{border-color:var(--appearance-border-strong)!important;background:var(--appearance-soft)!important;color:var(--appearance-warning-ink)!important}html[data-color-mode=dark] .student-governance-form select,html[data-color-mode=dark] .student-governance-form textarea,html[data-color-mode=dark] .institution-profile-form input,html[data-color-mode=dark] .institution-profile-form textarea{border:1px solid var(--appearance-border-strong);background:var(--appearance-surface);color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .student-governance-list article header span{color:var(--appearance-info-ink)}html[data-color-mode=dark] .student-personal-credit{border:1px solid var(--appearance-border-strong);background:var(--appearance-soft);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .student-personal-credit small{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .cx-creative-model{border:1px solid var(--appearance-border);color:var(--appearance-muted);background:var(--appearance-surface)}html[data-color-mode=dark] .codex-course-section-heading{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .student-personal-chat{background:linear-gradient(180deg, var(--appearance-surface), var(--appearance-surface))}html[data-color-mode=dark] .student-personal-composer textarea{border:1px solid var(--appearance-border);color:var(--appearance-ink-secondary);background:var(--appearance-surface)}html[data-color-mode=dark] .hq-agent-plugin-spec pre{border:1px solid var(--appearance-border);color:var(--appearance-ink);background:var(--appearance-surface)}html[data-color-mode=dark] .codex-changes-heading strong,html[data-color-mode=dark] .student-personal-composer textarea,html[data-color-mode=dark] .teacher-monitor-summary strong{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .hq-tool-policy-switch,html[data-color-mode=dark] .cx-creative-settings-trigger,html[data-color-mode=dark] .cx-workspace-modes,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-composer .cx-contexts>span,html[data-color-mode=dark] .cx-inline-approval,html[data-color-mode=dark] .cx-inline-form,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-settings-panel .codex-setting-toggle input{border:1px solid var(--appearance-border);background:var(--appearance-soft)}html[data-color-mode=dark] .teacher-work-history article,html[data-color-mode=dark] .teacher-guide-assets li,html[data-color-mode=dark] .cx-teaching-notes fieldset,html[data-color-mode=dark] .cx-attendance fieldset,html[data-color-mode=dark] .cx-prompt-library-editor input,html[data-color-mode=dark] .cx-prompt-library-editor select,html[data-color-mode=dark] .cx-prompt-library-editor textarea,html[data-color-mode=dark] .cx-canvas-form fieldset,html[data-color-mode=dark] .codex-workbench .cx-code-block,html[data-color-mode=dark] .cx-artifact-dialog .cx-csv-preview td,html[data-color-mode=dark] .cx-artifact-dialog .cx-csv-preview th,html[data-color-mode=dark] .cx-history-row,html[data-color-mode=dark] .cx-inline-approval input,html[data-color-mode=dark] .cx-inline-approval textarea,html[data-color-mode=dark] .cx-inline-approval select,html[data-color-mode=dark] .codex-workbench:not([data-live-class]) .codex-attachment-button,html[data-color-mode=dark] .codex-workbench[data-live-class] .codex-profile,html[data-color-mode=dark] .ca-canvas-editor .ca-library-import{border:1px solid var(--appearance-border)}html[data-color-mode=dark] .hq-agent-extension-upload-card h2,html[data-color-mode=dark] .teacher-schedule-list strong,html[data-color-mode=dark] .teacher-invite-entry strong{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .hq-tool-icon[data-tone=purple]{color:var(--appearance-accent-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .teacher-hero,html[data-color-mode=dark] .teacher-greeting{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .teacher-join-code{border:1px solid var(--appearance-border-strong);background:linear-gradient(135deg, var(--appearance-soft), var(--appearance-surface));color:var(--appearance-accent-ink)}html[data-color-mode=dark] .teacher-join-code[data-state=error],html[data-color-mode=dark] .teacher-classroom-controls .button.danger,html[data-color-mode=dark] .teacher-end-classroom .button.danger{border-color:var(--appearance-border-strong);background:var(--appearance-soft);color:var(--appearance-danger-ink)}html[data-color-mode=dark] .teacher-course-preview-note{border:1px solid var(--appearance-border-strong);background:color-mix(in srgb,var(--appearance-surface) 88%,transparent);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .teacher-course-preview-error,html[data-color-mode=dark] .teacher-live-error{background:var(--appearance-soft);color:var(--appearance-danger-ink)}html[data-color-mode=dark] .teacher-speaking-script small{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .teacher-speaking-script p{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .teacher-classroom-ai{background:linear-gradient(180deg, var(--appearance-surface) 0%, var(--appearance-surface) 100%)}html[data-color-mode=dark] .teacher-classroom-ai>header small{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .teacher-classroom-ai-status{border-bottom:1px solid var(--appearance-border-strong);color:var(--appearance-muted)}html[data-color-mode=dark] .teacher-classroom-ai-tabs button[aria-selected=true]{border-color:var(--appearance-border-strong);background:var(--appearance-soft);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .teacher-classroom-ai-demo-prompt{border:1px dashed var(--appearance-border-strong);background:var(--appearance-surface);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .teacher-classroom-ai-empty{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .teacher-classroom-ai-message.is-error{border-color:var(--appearance-border-strong);background:var(--appearance-soft);color:var(--appearance-danger-ink)}html[data-color-mode=dark] .teacher-classroom-ai-media a{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .teacher-classroom-ai-composer textarea,html[data-color-mode=dark] .codex-class-status>span:first-child{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .teacher-ai-reference-file>span{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .teacher-image-ratio-select select{border:1px solid var(--appearance-border-strong);color:var(--appearance-accent-ink);background:var(--appearance-surface)}html[data-color-mode=dark] .teacher-image-ratio-error,html[data-color-mode=dark] .teacher-ai-upload-error{color:var(--appearance-danger-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .teacher-ai-sent-references span{color:var(--appearance-accent-ink);background:color-mix(in srgb,var(--appearance-surface) 86%,transparent)}html[data-color-mode=dark] .teacher-classroom-ai-restore{border:1px solid var(--appearance-border-strong);background:linear-gradient(180deg, var(--appearance-soft), var(--appearance-surface));color:var(--appearance-accent-ink)}html[data-color-mode=dark] .teacher-classroom-dialog-summary strong,html[data-color-mode=dark] .teacher-classroom-progress b{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .teacher-credit-tree .teacher-credit-tree,html[data-color-mode=dark] .teacher-activity-list li{border-left:2px solid var(--appearance-border-strong)}html[data-color-mode=dark] .teacher-invite{background:var(--appearance-surface);border-color:var(--appearance-border-strong)}html[data-color-mode=dark] .teacher-row-errors{color:var(--appearance-danger-ink)}html[data-color-mode=dark] .teacher-work-text-preview,html[data-color-mode=dark] .ca-node-audio{background:linear-gradient(135deg,var(--appearance-surface),var(--appearance-soft))}html[data-color-mode=dark] .teacher-work-text-preview>strong{color:var(--appearance-info-ink)}html[data-color-mode=dark] .teacher-work-text-preview .teacher-work-markdown-preview,html[data-color-mode=dark] .teacher-work-media-preview>footer strong{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .teacher-work-media-stage{background:linear-gradient(145deg,var(--appearance-soft),var(--appearance-soft))}html[data-color-mode=dark] .teacher-process-tabs button[aria-selected=true]{background:var(--appearance-surface);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .teacher-process-tabs button:focus-visible,html[data-color-mode=dark] .teacher-live-card .button:focus-visible{outline:3px solid color-mix(in srgb,var(--appearance-border-strong) 30%,transparent)}html[data-color-mode=dark] .teacher-live-summary dd{color:var(--appearance-info-ink)}html[data-color-mode=dark] .teacher-pause-recommendation{border:1px solid var(--appearance-border-strong);background:var(--appearance-soft);color:var(--appearance-warning-ink)}html[data-color-mode=dark] .teacher-progress-value{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .teacher-process-detail pre,html[data-color-mode=dark] .cx-creative-heading .cx-creative-close:hover,html[data-color-mode=dark] .codex-tool-output,html[data-color-mode=dark] .codex-course-section-heading>span,html[data-color-mode=dark] .codex-course-browser>header>div>span,html[data-color-mode=dark] .codex-course-preview>header>span,html[data-color-mode=dark] .ca-canvas-editor button:not(:where(.ca-node-composer *)):hover:not(:disabled){background:var(--appearance-soft);color:var(--appearance-ink)}html[data-color-mode=dark] .teacher-prompt-record>div{border-left:3px solid var(--appearance-border-strong);background:var(--appearance-soft)}html[data-color-mode=dark] .product-shell[data-theme=teacher] .product-topbar,html[data-color-mode=dark] .product-shell[data-theme=institution] .product-topbar{border-bottom-color:var(--appearance-border-strong)}html[data-color-mode=dark] .teacher-header-actions button:hover,html[data-color-mode=dark] .teacher-header-actions button:focus-visible{background:var(--appearance-soft);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .teacher-header-panel>header>button,html[data-color-mode=dark] .teacher-hero-kicker,html[data-color-mode=dark] .teacher-hero-summary>button{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .teacher-home .teacher-hero-class{color:var(--appearance-info-ink)}html[data-color-mode=dark] .teacher-lesson-picker select{border:1px solid var(--appearance-border-strong);background:color-mix(in srgb,var(--appearance-surface) 88%,transparent);color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .teacher-lesson-scope{border:1px solid var(--appearance-border-strong);background:color-mix(in srgb,var(--appearance-surface) 72%,transparent);color:var(--appearance-muted)}html[data-color-mode=dark] .teacher-hero-actions .button:not(.primary){border-color:var(--appearance-border-strong);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .teacher-hero-summary{border:1px solid color-mix(in srgb,var(--appearance-border) 76%,transparent);background:color-mix(in srgb,var(--appearance-surface) 90%,transparent)}html[data-color-mode=dark] .teacher-student-dots span,html[data-color-mode=dark] .teacher-student-dots strong{border:3px solid var(--appearance-border);background:var(--appearance-soft);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .teacher-hero-summary dd{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .teacher-stat-card{border:1px solid var(--appearance-border-strong);background:var(--appearance-surface);color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .teacher-stat-card em{color:var(--appearance-info-ink)}html[data-color-mode=dark] .teacher-stat-card[data-tone=blue],html[data-color-mode=dark] .teacher-stat-card[data-tone=orange],html[data-color-mode=dark] .teacher-stat-card[data-tone=teal],html[data-color-mode=dark] .teacher-stat-card[data-tone=red]{background:linear-gradient(135deg, var(--appearance-surface), var(--appearance-soft))}html[data-color-mode=dark] .teacher-stat-card[data-tone=blue]>svg{background:var(--appearance-soft);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .teacher-stat-card[data-tone=orange]>svg,html[data-color-mode=dark] .teacher-schedule-metrics article:nth-child(3)>span,html[data-color-mode=dark] .teacher-class-icon[data-tone="2"]{background:var(--appearance-soft);color:var(--appearance-warning-ink)}html[data-color-mode=dark] .teacher-stat-card[data-tone=orange] em{color:var(--appearance-warning-ink)}html[data-color-mode=dark] .teacher-stat-card[data-tone=teal]>svg{background:var(--appearance-soft);color:var(--appearance-success-ink)}html[data-color-mode=dark] .teacher-stat-card[data-tone=teal] em{color:var(--appearance-success-ink)}html[data-color-mode=dark] .teacher-stat-card[data-tone=red]>svg{background:var(--appearance-soft);color:var(--appearance-danger-ink)}html[data-color-mode=dark] .teacher-stat-card[data-tone=red] em{color:var(--appearance-danger-ink)}html[data-color-mode=dark] .teacher-home-panel>header .button{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .teacher-schedule-list article>span{background:var(--appearance-soft);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .teacher-schedule-list .button,html[data-color-mode=dark] .teacher-invite-entry .button{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .teacher-schedule-toolbar strong,html[data-color-mode=dark] .teacher-schedule-metrics strong,html[data-color-mode=dark] .teacher-schedule-detail>header h2{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .teacher-schedule-metrics article>span{background:var(--appearance-soft);color:var(--appearance-info-ink)}html[data-color-mode=dark] .teacher-schedule-metrics article:nth-child(2)>span{background:var(--appearance-soft);color:var(--appearance-success-ink)}html[data-color-mode=dark] .teacher-schedule-metrics article:nth-child(4)>span{background:var(--appearance-soft);color:var(--appearance-info-ink)}html[data-color-mode=dark] .teacher-week-day[data-today=true]{background:linear-gradient(180deg, var(--appearance-soft), var(--appearance-surface) 150px)}html[data-color-mode=dark] .teacher-schedule-session{border:1px solid var(--appearance-border-strong);border-left:4px solid var(--appearance-border-strong);background:linear-gradient(145deg, var(--appearance-surface), var(--appearance-surface));color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .teacher-schedule-session time{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .teacher-schedule-loading{background:color-mix(in srgb,var(--appearance-surface) 78%,transparent)}html[data-color-mode=dark] .teacher-schedule-empty{background:color-mix(in srgb,var(--appearance-surface) 90%,transparent)}html[data-color-mode=dark] .teacher-schedule-detail>header small{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .teacher-schedule-access-warning{background:var(--appearance-soft);color:var(--appearance-warning-ink)}html[data-color-mode=dark] .teacher-progress-row>em{color:var(--appearance-success-ink)}html[data-color-mode=dark] .teacher-class-icon{background:var(--appearance-soft);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .teacher-class-icon[data-tone="1"]{background:var(--appearance-soft);color:var(--appearance-success-ink)}html[data-color-mode=dark] .teacher-class-icon[data-tone="3"]{background:var(--appearance-soft);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .teacher-todo-list>button{border-top:1px solid var(--appearance-border);color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .teacher-todo-list>button>span:first-child,html[data-color-mode=dark] .teacher-todo-list b{background:var(--appearance-soft);color:var(--appearance-warning-ink)}html[data-color-mode=dark] .teacher-todo-list>button>span[data-kind=attention]{background:var(--appearance-soft);color:var(--appearance-success-ink)}html[data-color-mode=dark] .teacher-todo-list>button>span[data-kind=credits]{background:var(--appearance-soft);color:var(--appearance-info-ink)}html[data-color-mode=dark] .teacher-token-list article[data-warning=true] em{color:var(--appearance-danger-ink)}html[data-color-mode=dark] .teacher-invite-entry{border:1px solid var(--appearance-border-strong);background:var(--appearance-surface);color:var(--appearance-info-ink)}html[data-color-mode=dark] .teacher-safety-reminder>span{background:var(--appearance-soft);color:var(--appearance-warning-ink)}html[data-color-mode=dark] .teacher-safety-reminder strong{color:var(--appearance-warning-ink)}html[data-color-mode=dark] .teacher-safety-reminder .button{border-color:var(--appearance-border-strong);color:var(--appearance-warning-ink)}html[data-color-mode=dark] .teacher-guide-summary strong{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .teacher-guide-stages nav button>span{background:var(--appearance-soft);color:var(--appearance-info-ink)}html[data-color-mode=dark] .teacher-guide-stage-detail>header h3{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .teacher-guide-script{border-left:3px solid var(--appearance-border-strong);background:var(--appearance-surface);color:var(--appearance-ink)}html[data-color-mode=dark] .teacher-guide-prompt{border:1px solid var(--appearance-border-strong);background:var(--appearance-surface);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .teacher-guide-mistakes strong{color:var(--appearance-danger-ink)}html[data-color-mode=dark] .teacher-learning-objectives header span,html[data-color-mode=dark] .teacher-intervention-rules header span,html[data-color-mode=dark] .teacher-rubric-list li b{color:var(--appearance-info-ink)}html[data-color-mode=dark] .classroom-recipient-picker select{border:1px solid var(--appearance-border-strong);color:var(--appearance-ink-secondary);background:var(--appearance-surface)}html[data-color-mode=dark] .classroom-recipient-picker em{color:var(--appearance-warning-ink)}html[data-color-mode=dark] .classroom-message-delivery{color:var(--appearance-accent-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .classroom-message p,html[data-color-mode=dark] .classroom-attachment-preview strong,html[data-color-mode=dark] .hq-course-preview-guide h5,html[data-color-mode=dark] .institution-credit-overview-chart h3{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .classroom-message-fullscreen{border:1px solid var(--appearance-border-strong);color:var(--appearance-accent-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .classroom-raised-hands>strong{color:var(--appearance-warning-ink)}html[data-color-mode=dark] .classroom-raised-hand,html[data-color-mode=dark] .hq-model-capability-picker>div label,html[data-color-mode=dark] .hq-select-control select,html[data-color-mode=dark] .hq-billing-financial-period .hq-select-control input,html[data-color-mode=dark] .hq-billing-filters select,html[data-color-mode=dark] .hq-billing-filters input,html[data-color-mode=dark] .hq-form-dialog select,html[data-color-mode=dark] .hq-agent-catalog-toolbar select{border:1px solid var(--appearance-border-strong);color:var(--appearance-ink);background:var(--appearance-surface)}html[data-color-mode=dark] .classroom-raised-hand .classroom-icon-button{border-color:var(--appearance-border-strong);color:var(--appearance-info-ink)}html[data-color-mode=dark] .hq-topbar,html[data-color-mode=dark] .codex-dock-header{background:color-mix(in srgb,var(--appearance-surface) 96%,transparent)}html[data-color-mode=dark] .hq-icon-button,html[data-color-mode=dark] .hq-course-distribution-flow b,html[data-color-mode=dark] .hq-model-test-result p{color:var(--appearance-info-ink)}html[data-color-mode=dark] .hq-state-error>svg{color:var(--appearance-danger-ink)}html[data-color-mode=dark] .hq-button{border:1px solid var(--appearance-border-strong);color:var(--appearance-ink-secondary);background:var(--appearance-surface)}html[data-color-mode=dark] .hq-link-button.hq-link-danger,html[data-color-mode=dark] .hq-link-button.hq-link-danger:hover,html[data-color-mode=dark] .hq-link-button.hq-link-danger,html[data-color-mode=dark] .hq-monthly-financial-metrics article[data-negative=true] strong,html[data-color-mode=dark] .hq-link-button.hq-link-danger:hover:not(:disabled){color:var(--appearance-danger-ink)}html[data-color-mode=dark] .hq-metric-icon{border:7px solid var(--appearance-border-strong)}html[data-color-mode=dark] .hq-metric>div>span,html[data-color-mode=dark] .hq-metric strong,html[data-color-mode=dark] .hq-token-chart li strong,html[data-color-mode=dark] .hq-capability-distribution strong,html[data-color-mode=dark] .hq-log-details dd{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .hq-alert-list article>svg{color:var(--appearance-warning-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-alert-list article[data-severity=CRITICAL]>svg{color:var(--appearance-danger-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-alert-list article[data-severity=INFO]>svg,html[data-color-mode=dark] .hq-expiry-list article>svg{color:var(--appearance-info-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-expiry strong{color:var(--appearance-danger-ink)}html[data-color-mode=dark] .hq-agent-extension-upload-card>span,html[data-color-mode=dark] .hq-agent-extension-catalog>header>span{color:var(--appearance-accent-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-agent-extension-notice{border:1px solid var(--appearance-border-strong);color:var(--appearance-success-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-agent-extension-status{color:var(--appearance-success-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-entity,html[data-color-mode=dark] .hq-monthly-financial-card>header h3,html[data-color-mode=dark] .hq-monthly-financial-metrics strong{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .hq-status{border:1px solid var(--appearance-border-strong);color:var(--appearance-success-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-status[data-status=SUSPENDED],html[data-color-mode=dark] .hq-status[data-status=DELETED]{border-color:var(--appearance-border-strong);color:var(--appearance-danger-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-days-left{color:var(--appearance-warning-ink)}html[data-color-mode=dark] .hq-model-capability svg{color:var(--appearance-info-ink)}html[data-color-mode=dark] .hq-quality-tier-chip{color:var(--appearance-accent-ink)!important;border-color:var(--appearance-border-strong)!important;background:var(--appearance-soft)!important}html[data-color-mode=dark] .hq-route-readiness{border:1px solid var(--appearance-border-strong);color:var(--appearance-warning-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-fallback-route select,html[data-color-mode=dark] .hq-form-grid input:not(:where([type=checkbox],[type=radio])),html[data-color-mode=dark] .hq-form-grid select,html[data-color-mode=dark] .hq-form-dialog input,html[data-color-mode=dark] .hq-form-dialog textarea,html[data-color-mode=dark] .hq-field select,html[data-color-mode=dark] .hq-config-form input:not(:where([type=checkbox],[type=radio])),html[data-color-mode=dark] .hq-config-form select,html[data-color-mode=dark] .hq-config-form textarea,html[data-color-mode=dark] .hq-credit-dialog input,html[data-color-mode=dark] .hq-credit-dialog select,html[data-color-mode=dark] .hq-credit-dialog textarea,html[data-color-mode=dark] .hq-safety-form input,html[data-color-mode=dark] .hq-safety-form textarea{border:1px solid var(--appearance-border-strong);color:var(--appearance-ink-secondary);background:var(--appearance-surface)}html[data-color-mode=dark] .hq-billing-preview strong,html[data-color-mode=dark] .hq-global-credit-preview strong{color:var(--appearance-info-ink)}html[data-color-mode=dark] .hq-model-history-toggle:hover{border-color:var(--appearance-border-strong);color:var(--appearance-info-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-model-history td:first-child,html[data-color-mode=dark] .hq-model-capability-picker legend,html[data-color-mode=dark] .hq-log-target strong,html[data-color-mode=dark] .hq-log-caller strong{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .hq-model-inheritance-notice{border:1px solid var(--appearance-border-strong);color:var(--appearance-info-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-global-credit-form input,html[data-color-mode=dark] .hq-global-credit-form select{border:1px solid var(--appearance-border-strong);color:var(--appearance-ink-secondary);background:var(--appearance-surface)}html[data-color-mode=dark] .hq-global-credit-preview{border:1px solid var(--appearance-border-strong);background:linear-gradient(145deg, var(--appearance-soft), var(--appearance-soft))}html[data-color-mode=dark] .hq-avatar{color:var(--appearance-info-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-inline-warning{border:1px solid var(--appearance-border-strong);color:var(--appearance-warning-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-course-grants-by-level>section>header{color:var(--appearance-info-ink)}html[data-color-mode=dark] .hq-confirm-icon{color:var(--appearance-warning-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-credential-dialog>svg,html[data-color-mode=dark] .hq-ai-boundaries li svg{color:var(--appearance-success-ink)}html[data-color-mode=dark] .hq-credential-dialog output{border:1px dashed var(--appearance-border-strong);color:var(--appearance-info-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-recovery-codes{border:1px dashed var(--appearance-border-strong);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-recovery-codes code{color:var(--appearance-info-ink)}html[data-color-mode=dark] .hq-inline-error,html[data-color-mode=dark] .hq-success-notice{border:1px solid var(--appearance-border-strong);color:var(--appearance-danger-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-success-notice{border-color:var(--appearance-border-strong);color:var(--appearance-success-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-privilege-state[data-granted=true]{color:var(--appearance-danger-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-danger-zone h3,html[data-color-mode=dark] .hq-force-delete-dialog>header small{color:var(--appearance-danger-ink)}html[data-color-mode=dark] .hq-force-delete-warning{border:1px solid var(--appearance-border-strong);color:var(--appearance-danger-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-force-delete-warning strong{color:var(--appearance-danger-ink)}html[data-color-mode=dark] .hq-force-delete-body>section>h3,html[data-color-mode=dark] .hq-force-delete-counts dd{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .hq-force-delete-confirm code{color:var(--appearance-danger-ink)}html[data-color-mode=dark] .hq-force-delete-confirm input{color:var(--appearance-danger-ink);background:var(--appearance-surface)}html[data-color-mode=dark] .hq-force-delete-progress>header h3{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .hq-force-delete-progress>header strong{color:var(--appearance-info-ink)}html[data-color-mode=dark] .hq-review-queue-banner{border:1px solid var(--appearance-border-strong);background:linear-gradient(105deg, var(--appearance-soft), var(--appearance-surface))}html[data-color-mode=dark] .hq-review-queue-banner strong{color:var(--appearance-info-ink)}html[data-color-mode=dark] .hq-table .hq-course-level-row th{background:var(--appearance-soft);color:var(--appearance-info-ink)}html[data-color-mode=dark] .hq-order-saving{color:var(--appearance-info-ink)}html[data-color-mode=dark] .hq-course-drag-handle,html[data-color-mode=dark] .cx-creative-progress button,html[data-color-mode=dark] .cx-creative-notice button,html[data-color-mode=dark] .codex-workbench .cx-load-history{border:1px solid var(--appearance-border-strong);background:var(--appearance-surface);color:var(--appearance-muted)}html[data-color-mode=dark] .hq-course-drag-handle strong{background:var(--appearance-soft);color:var(--appearance-info-ink)}html[data-color-mode=dark] .hq-course-level-folder>header{border-bottom:1px solid var(--appearance-border-strong);background:linear-gradient(100deg, var(--appearance-soft), var(--appearance-surface))}html[data-color-mode=dark] .hq-course-level-folder>header h3,html[data-color-mode=dark] .hq-data-outcomes article strong{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .hq-course-level-folder>header>strong{color:var(--appearance-info-ink)}html[data-color-mode=dark] .hq-level-order-actions strong{color:var(--appearance-info-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-level-grant-list i{color:var(--appearance-info-ink)}html[data-color-mode=dark] .hq-capability-map article>span{color:var(--appearance-accent-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-team-prerequisite>svg{color:var(--appearance-info-ink)}html[data-color-mode=dark] .hq-course-derived-field{border:1px solid var(--appearance-border-strong);background:var(--appearance-surface);color:var(--appearance-info-ink)}html[data-color-mode=dark] .hq-course-derived-field strong{color:var(--appearance-info-ink)}html[data-color-mode=dark] .hq-lifecycle[data-status=PUBLISHED],html[data-color-mode=dark] .hq-lifecycle[data-status=APPROVED],html[data-color-mode=dark] .hq-risk[data-risk=LOW],html[data-color-mode=dark] .hq-upload-validation[data-result=success]>span,html[data-color-mode=dark] .hq-policy-status[data-status=ACTIVE]{color:var(--appearance-success-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-lifecycle[data-status=VALIDATING],html[data-color-mode=dark] .hq-lifecycle[data-status=PENDING_REVIEW],html[data-color-mode=dark] .hq-lifecycle[data-status=STAGED],html[data-color-mode=dark] .hq-policy-status[data-status=DRAFT]{color:var(--appearance-info-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-lifecycle[data-status=VALIDATION_FAILED],html[data-color-mode=dark] .hq-risk[data-risk=HIGH],html[data-color-mode=dark] .hq-event-severity[data-severity=CRITICAL]{color:var(--appearance-danger-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-risk[data-risk=MEDIUM],html[data-color-mode=dark] .hq-event-severity[data-severity=WARNING]{color:var(--appearance-warning-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-capability-list i{color:var(--appearance-info-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-upload-steps li[data-state=active]{color:var(--appearance-info-ink)}html[data-color-mode=dark] .hq-upload-steps li[data-state=done]{color:var(--appearance-success-ink)}html[data-color-mode=dark] .hq-upload-dropzone{border:1px dashed var(--appearance-border-strong);color:var(--appearance-info-ink);background:var(--appearance-surface)}html[data-color-mode=dark] .hq-upload-choose{color:var(--appearance-info-ink);background:var(--appearance-surface)}html[data-color-mode=dark] .hq-upload-dropzone strong,html[data-color-mode=dark] .hq-upload-validation strong,html[data-color-mode=dark] .hq-policy-summary strong,html[data-color-mode=dark] .hq-upload-progress>div{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .hq-upload-validation>span{color:var(--appearance-info-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-detail-tabs button:hover{color:var(--appearance-info-ink);background:var(--appearance-surface)}html[data-color-mode=dark] .hq-detail-tabs button[aria-selected=true]{color:var(--appearance-info-ink)}html[data-color-mode=dark] .hq-course-distribution-heading>span{color:var(--appearance-info-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-course-distribution-card>header span{color:var(--appearance-info-ink)}html[data-color-mode=dark] .hq-course-distribution-card h4,html[data-color-mode=dark] .hq-course-distribution-history h4,html[data-color-mode=dark] .hq-course-preview-device>header strong,html[data-color-mode=dark] .hq-course-distribution-summary dd,html[data-color-mode=dark] .hq-data-statuses b{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .hq-validation-legacy{border:1px dashed var(--appearance-border);color:var(--appearance-muted);background:var(--appearance-surface)}html[data-color-mode=dark] .hq-review-action-card>span{color:var(--appearance-info-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-review-action-card[data-decision=APPROVED]>span,html[data-color-mode=dark] .hq-validation-summary>span,html[data-color-mode=dark] .hq-validation-groups>section[data-tone=passed]>header>span,html[data-color-mode=dark] .hq-review-history li>span{color:var(--appearance-success-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-review-action-card[data-decision=REJECTED]>span,html[data-color-mode=dark] .hq-validation-checks article>div span,html[data-color-mode=dark] .hq-review-history li[data-decision=REJECTED]>span,html[data-color-mode=dark] .hq-validation-summary>span[data-status=FAILED]{color:var(--appearance-danger-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-validation-summary>span[data-status=RUNNING],html[data-color-mode=dark] .hq-validation-summary>span[data-status=QUEUED]{color:var(--appearance-info-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-validation-groups>section[data-tone=warning]>header>span{color:var(--appearance-warning-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-validation-groups>section[data-tone=error]>header>span{color:var(--appearance-danger-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-validation-checks article[data-severity=WARNING]>div span{color:var(--appearance-warning-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-validation-checks .hq-remediation,html[data-color-mode=dark] .hq-review-boundary-note{color:var(--appearance-info-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-validation-checks .hq-remediation svg,html[data-color-mode=dark] .hq-choice-cards label>span svg,html[data-color-mode=dark] .hq-capability-marker[data-capability=TEXT]{color:var(--appearance-info-ink)}html[data-color-mode=dark] .hq-validation-signature>span{color:var(--appearance-accent-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-review-history>header>span{color:var(--appearance-info-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-lifecycle-form textarea,html[data-color-mode=dark] .hq-reason-dialog textarea,html[data-color-mode=dark] .institution-room-modal input,html[data-color-mode=dark] .institution-room-modal textarea{border:1px solid var(--appearance-border-strong);color:var(--appearance-ink-secondary);background:var(--appearance-surface)}html[data-color-mode=dark] .hq-choice-cards input:checked+span,html[data-color-mode=dark] .hq-release-modes input:checked+span{color:var(--appearance-info-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-release-impact-summary{border:1px solid var(--appearance-border-strong);color:var(--appearance-info-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-release-impact-summary>strong{color:var(--appearance-info-ink)}html[data-color-mode=dark] .hq-provider-badge{border:1px solid var(--appearance-border-strong);color:var(--appearance-success-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-model-test-safety,html[data-color-mode=dark] .cx-creative-composer .cx-creative-progress,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-composer .cx-mode-tag{border:1px solid var(--appearance-border-strong);background:var(--appearance-soft);color:var(--appearance-muted)}html[data-color-mode=dark] .hq-model-test-safety svg,html[data-color-mode=dark] .hq-model-test-options label{color:var(--appearance-info-ink)}html[data-color-mode=dark] .hq-billing-preview{border:1px solid var(--appearance-border-strong);background:linear-gradient(135deg, var(--appearance-surface), var(--appearance-soft))}html[data-color-mode=dark] .hq-billing-preview strong,html[data-color-mode=dark] .hq-credit-trend strong{color:var(--appearance-info-ink)}html[data-color-mode=dark] .hq-credit-explainer svg{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .hq-ledger-type{color:var(--appearance-info-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-ledger-type[data-type=REFUND],html[data-color-mode=dark] .hq-ledger-type[data-type=RELEASE]{color:var(--appearance-warning-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-credit-approval code{color:var(--appearance-info-ink)}html[data-color-mode=dark] .hq-log-kind{color:var(--appearance-info-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-log-kind[data-kind=EXTERNAL_AI]{color:var(--appearance-accent-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-log-outcome{color:var(--appearance-success-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-log-outcome:not([data-outcome=SUCCESS]){color:var(--appearance-danger-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-log-details summary{color:var(--appearance-info-ink)}html[data-color-mode=dark] .hq-course-preview-heading>div:first-child>span{color:var(--appearance-info-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-course-preview-loading{border:1px dashed var(--appearance-border-strong);color:var(--appearance-muted);background:var(--appearance-surface)}html[data-color-mode=dark] .hq-course-preview-loading svg{color:var(--appearance-info-ink)}html[data-color-mode=dark] .hq-course-preview-device>header>div:last-child>span{color:var(--appearance-info-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-course-preview-guide{border-left:1px solid var(--appearance-border-strong);background:linear-gradient(180deg, var(--appearance-surface), var(--appearance-soft))}html[data-color-mode=dark] .hq-course-preview-assistant{border-left:1px solid var(--appearance-border-strong);background:var(--appearance-surface)}html[data-color-mode=dark] .hq-course-preview-assistant h4,html[data-color-mode=dark] .hq-course-preview-guide h4{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .hq-course-preview-assistant small,html[data-color-mode=dark] .hq-course-preview-guide>header small{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .hq-course-preview-assistant textarea{border:1px solid var(--appearance-border-strong);color:var(--appearance-ink-secondary);background:var(--appearance-surface)}html[data-color-mode=dark] .hq-course-preview-assistant strong{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .hq-course-preview-guide>header>span{color:var(--appearance-accent-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-course-preview-guide select{border:1px solid var(--appearance-border-strong);color:var(--appearance-ink-secondary);background:var(--appearance-surface)}html[data-color-mode=dark] .hq-course-preview-guide article,html[data-color-mode=dark] .hq-course-preview-guide>section{border:1px solid var(--appearance-border-strong);background:color-mix(in srgb,var(--appearance-surface) 86%,transparent)}html[data-color-mode=dark] .hq-course-preview-guide article small{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .hq-course-preview-guide>footer{background:linear-gradient(180deg, transparent, var(--appearance-soft) 28%)}html[data-color-mode=dark] .hq-course-preview-guide>footer button{border:1px solid var(--appearance-border-strong);color:var(--appearance-info-ink);background:var(--appearance-surface)}html[data-color-mode=dark] .hq-preview-guide-empty{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .hq-course-preview-device>footer{border-top:1px solid var(--appearance-border-strong);color:var(--appearance-muted);background:var(--appearance-surface)}html[data-color-mode=dark] .hq-course-preview-device>footer span{color:var(--appearance-info-ink)}@media (width<=900px){html[data-color-mode=dark] .hq-course-preview-guide,html[data-color-mode=dark] .hq-course-preview-assistant{border-top:1px solid var(--appearance-border-strong)}}html[data-color-mode=dark] .hq-layer-number{border:1px solid var(--appearance-border-strong);color:var(--appearance-info-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-layer-state{color:var(--appearance-success-ink)}html[data-color-mode=dark] .hq-layer-state[data-tone=warning]{color:var(--appearance-warning-ink)}html[data-color-mode=dark] .hq-event-severity[data-severity=INFO]{color:var(--appearance-info-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-monthly-financial-card[data-current=true]{border-color:var(--appearance-border-strong);background:linear-gradient(135deg, var(--appearance-surface), var(--appearance-soft))}html[data-color-mode=dark] .hq-monthly-financial-card>header>span{color:var(--appearance-info-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-monthly-financial-metrics>article,html[data-color-mode=dark] .institution-notification,html[data-color-mode=dark] .product-shell[data-theme=institution] .product-profile{border-left:1px solid var(--appearance-border-strong)}html[data-color-mode=dark] .hq-monthly-financial-warning,html[data-color-mode=dark] .hq-billing-reconciliation>header>span{color:var(--appearance-warning-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-billing-closed-badge{color:var(--appearance-success-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-billing-basis-card h3{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .hq-billing-basis-card dl>div{border-top:1px solid var(--appearance-border-strong);border-left:1px solid var(--appearance-border-strong)}html[data-color-mode=dark] .hq-billing-basis-card dd{color:var(--appearance-info-ink)}html[data-color-mode=dark] .hq-billing-blockers{border:1px solid var(--appearance-border-strong);color:var(--appearance-warning-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-billing-blockers[data-clear=true]{border-color:var(--appearance-border-strong);color:var(--appearance-success-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-billing-blockers li span{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .hq-billing-blockers li small{color:var(--appearance-warning-ink)}html[data-color-mode=dark] .hq-billing-summary-grid strong{color:var(--appearance-info-ink)}html[data-color-mode=dark] .hq-billing-import-result{color:var(--appearance-success-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-billing-age[data-overdue=true]{color:var(--appearance-warning-ink)}html[data-color-mode=dark] .hq-data-ranking-list li{border-bottom:1px solid var(--appearance-border-strong);color:var(--appearance-ink)}html[data-color-mode=dark] .hq-capability-marker{color:var(--appearance-info-ink)}html[data-color-mode=dark] .hq-capability-marker[data-capability=IMAGE]{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .hq-capability-marker[data-capability=VIDEO]{color:var(--appearance-warning-ink)}html[data-color-mode=dark] .hq-capability-marker[data-capability=MUSIC]{color:var(--appearance-info-ink)}html[data-color-mode=dark] .hq-data-outcomes article{border-left:1px solid var(--appearance-border-strong);color:var(--appearance-muted)}html[data-color-mode=dark] .hq-data-outcomes article svg{color:var(--appearance-info-ink)}html[data-color-mode=dark] .hq-data-outcomes article:nth-child(2) svg{color:var(--appearance-success-ink)}html[data-color-mode=dark] .hq-data-outcomes article:nth-child(3) svg{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .hq-agent-default-tag{color:var(--appearance-info-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-agent-context svg{color:var(--appearance-info-ink)}html[data-color-mode=dark] .hq-tool-icon[data-tone=cyan]{color:var(--appearance-info-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-tool-icon[data-tone=orange]{color:var(--appearance-warning-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-tool-skill-link{border:1px solid var(--appearance-border-strong);color:var(--appearance-info-ink);background:var(--appearance-surface)}html[data-color-mode=dark] .hq-codex-verification-report{border:1px solid var(--hq-border,#394456)}html[data-color-mode=dark] .hq-codex-check-list>li,html[data-color-mode=dark] .hq-codex-verification-report>details{border-top:1px solid var(--hq-border,#394456)}html[data-color-mode=dark] .hq-codex-check-list>[data-status=PASSED] .hq-codex-check-status{color:var(--appearance-success-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-codex-check-list>[data-status=FAILED] .hq-codex-check-status{color:var(--appearance-danger-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-model-verification-status{border:1px solid var(--appearance-border-strong);color:var(--appearance-success-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-model-verification-status[data-tone=warning]{color:var(--appearance-warning-ink);border-color:var(--appearance-border-strong);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-model-verification-status[data-tone=info]{color:var(--appearance-info-ink);border-color:var(--appearance-border-strong);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-codex-audio-settings>h4{border-top:1px solid var(--appearance-border-strong);color:var(--appearance-ink)}html[data-color-mode=dark] .hq-model-operation-message{border:1px solid var(--appearance-border-strong);color:var(--appearance-info-ink)}html[data-color-mode=dark] .hq-agent-default-form>[role=alert]{color:var(--appearance-danger-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-agent-capability-tags>span{border:1px solid var(--appearance-border-strong);color:var(--appearance-info-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .hq-agent-capability-tags[data-historical=true]>span{color:var(--appearance-muted);background:var(--appearance-soft);border-color:var(--appearance-border)}html[data-color-mode=dark] .hq-agent-model-status .hq-status[data-readiness=UNPUBLISHED],html[data-color-mode=dark] .hq-agent-model-status .hq-status[data-readiness=UNVERIFIED],html[data-color-mode=dark] .hq-agent-model-status .hq-status[data-readiness=VERIFYING]{color:var(--appearance-info-ink);background:var(--appearance-soft);border-color:var(--appearance-border-strong)}html[data-color-mode=dark] .hq-agent-status-details p{color:var(--appearance-warning-ink)}html[data-color-mode=dark] .hq-agent-model-settings{color:var(--appearance-info-ink)}html[data-color-mode=dark] .hq-tool-route-heading .hq-status[data-tone=neutral]{color:var(--appearance-muted);background:var(--appearance-soft);border-color:var(--appearance-border-strong)}html[data-color-mode=dark] .hq-tool-route-heading .hq-status[data-tone=warning]{color:var(--appearance-warning-ink);background:var(--appearance-soft);border-color:var(--appearance-border-strong)}html[data-color-mode=dark] .product-shell[data-theme=institution]{background:radial-gradient(circle at 50% 8%, var(--appearance-soft) 0, transparent 26%), var(--appearance-surface)}html[data-color-mode=dark] .prototype-schedule-page .schedule-loading{background:color-mix(in srgb,var(--appearance-surface) 74%,transparent)}html[data-color-mode=dark] .product-shell[data-theme=institution] .product-sidebar{background:var(--appearance-surface);border-right-color:var(--appearance-border-strong)}html[data-color-mode=dark] .product-shell[data-theme=institution] .product-nav-item{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .institution-sidebar-campus{color:var(--appearance-info-ink);background:linear-gradient(145deg, var(--appearance-soft), var(--appearance-soft))}html[data-color-mode=dark] .institution-sidebar-card .button{color:var(--appearance-info-ink);border-top:1px solid var(--appearance-border-strong)}html[data-color-mode=dark] .institution-campus-switch{border-color:var(--appearance-border-strong);color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .institution-campus-switch svg{color:var(--appearance-info-ink)}html[data-color-mode=dark] .institution-campus-panel>button,html[data-color-mode=dark] .institution-notification-item>button{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .institution-campus-panel>button[aria-current=true],html[data-color-mode=dark] .institution-admin-avatar,html[data-color-mode=dark] .institution-classroom-index{color:var(--appearance-info-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .institution-notification-panel>header>button{color:var(--appearance-info-ink)}html[data-color-mode=dark] .institution-person-detail dl>div{border-bottom:1px solid var(--line,#4c4c6b)}html[data-color-mode=dark] .institution-relation-list .institution-row-actions select{border:1px solid var(--appearance-border-strong);background:var(--appearance-surface);color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .institution-home-title>svg{color:var(--appearance-info-ink)}html[data-color-mode=dark] .institution-dashboard-grid .button,html[data-color-mode=dark] .institution-reminders .button{color:var(--appearance-info-ink);border-color:var(--appearance-border-strong)}html[data-color-mode=dark] .institution-classroom-count{color:var(--appearance-success-ink)}html[data-color-mode=dark] .institution-work-placeholder{color:var(--appearance-info-ink);background:linear-gradient(145deg, var(--appearance-soft), var(--appearance-soft))}html[data-color-mode=dark] .institution-reminder.danger{color:var(--appearance-danger-ink);border-color:var(--appearance-border-strong);background:var(--appearance-soft)}html[data-color-mode=dark] .institution-reminder.warning{color:var(--appearance-warning-ink);border-color:var(--appearance-border-strong);background:var(--appearance-soft)}html[data-color-mode=dark] .institution-reminder.info{color:var(--appearance-info-ink);border-color:var(--appearance-border-strong);background:var(--appearance-soft)}html[data-color-mode=dark] .institution-prerequisite{border:1px solid var(--appearance-border-strong);color:var(--appearance-info-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .institution-person-avatar{color:var(--appearance-info-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .institution-person-avatar.student{color:var(--appearance-success-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .institution-class-tags span{color:var(--appearance-info-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .institution-relation-list li svg,html[data-color-mode=dark] .institution-account-modal header small,html[data-color-mode=dark] .institution-class-modal header small,html[data-color-mode=dark] .institution-room-stats .dashboard-panel strong{color:var(--appearance-info-ink)}html[data-color-mode=dark] .institution-room-modal form>label{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .schedule-room-required{border:1px solid var(--appearance-border-strong);color:var(--appearance-warning-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .institution-credit-table code{color:var(--appearance-info-ink)}html[data-color-mode=dark] .institution-account-modal legend,html[data-color-mode=dark] .institution-profile-form .field,html[data-color-mode=dark] .institution-share-settings legend{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .institution-profile-actions [role=status]{color:var(--appearance-success-ink)}html[data-color-mode=dark] .institution-auto-number{border:1px dashed var(--appearance-border-strong);background:var(--appearance-surface)}html[data-color-mode=dark] .institution-auto-number>strong{color:var(--appearance-info-ink)}html[data-color-mode=dark] .institution-classroom-multi small{color:var(--appearance-warning-ink)}html[data-color-mode=dark] .institution-course-grant-metrics article>svg{color:var(--appearance-info-ink)}html[data-color-mode=dark] .institution-section-tabs>strong{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .institution-course-boundary-note svg{color:var(--appearance-info-ink)}html[data-color-mode=dark] .institution-level-bulk-button{border-color:var(--appearance-border-strong);color:var(--appearance-info-ink);background:var(--appearance-surface)}html[data-color-mode=dark] .institution-course-level-notice{border:1px solid var(--appearance-border-strong);color:var(--appearance-success-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .institution-course-level-checkboxes>section>header{color:var(--appearance-info-ink)}html[data-color-mode=dark] .institution-attendance-session-list>button,html[data-color-mode=dark] .institution-credit-report-filters input{border:1px solid var(--appearance-border-strong);color:var(--appearance-ink-secondary);background:var(--appearance-surface)}html[data-color-mode=dark] .cx-canvas-creation.cx-creative-composer{background:var(--bg-primary,#202734);border:1px solid var(--appearance-border);color:var(--text-primary,#e5eaf3)}html[data-color-mode=dark] .cx-creative-tabs{background:var(--appearance-soft);border:1px solid var(--appearance-border)}html[data-color-mode=dark] .cx-creative-tabs>button[aria-selected=true]{background:var(--appearance-surface);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .cx-creative-tabs>button:not(:disabled):hover{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .cx-creative-reference>button:hover,html[data-color-mode=dark] .cx-creative-thumbnail{background:var(--appearance-soft);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .cx-creative-footer{background:var(--bg-primary,#202734);border-top:1px solid var(--appearance-border)}html[data-color-mode=dark] .cx-creative-tool:hover,html[data-color-mode=dark] .cx-creative-settings>summary:hover{color:var(--appearance-accent-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .cx-creative-picker-panel>button{background:var(--appearance-soft);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .cx-node-generation-status[data-status=FAILED],html[data-color-mode=dark] .cx-node-generation-status[data-status=DETACHED]{background:var(--appearance-soft);color:var(--appearance-danger-ink)}html[data-color-mode=dark] .cx-creative-settings-trigger:hover,html[data-color-mode=dark] .cx-creative-settings-trigger[aria-expanded=true]{background:var(--appearance-soft);border-color:var(--appearance-border-strong)}html[data-color-mode=dark] .cx-creative-settings-popover,html[data-color-mode=dark] .cx-prompt-library,html[data-color-mode=dark] .cx-canvas-dialog,html[data-color-mode=dark] .cx-canvas-list button,html[data-color-mode=dark] .cx-task-manager button,html[data-color-mode=dark] .cx-terminal-panel button,html[data-color-mode=dark] .cx-task-relation,html[data-color-mode=dark] .cx-child-tasks button,html[data-color-mode=dark] .codex-workbench[data-live-class] .codex-attachment-button,html[data-color-mode=dark] .codex-tools-button,html[data-color-mode=dark] .ca-help kbd{border:1px solid var(--appearance-border);background:var(--appearance-surface);color:var(--appearance-ink)}html[data-color-mode=dark] .cx-workspace-modes button[aria-selected=true],html[data-color-mode=dark] .codex-diff-preview,html[data-color-mode=dark] .codex-approval pre,html[data-color-mode=dark] .codex-approval button,html[data-color-mode=dark] .codex-app-status>span{background:var(--appearance-surface);color:var(--appearance-ink)}html[data-color-mode=dark] .cx-canvas-chat-toggle,html[data-color-mode=dark] .cx-canvas-picker select{background:var(--appearance-surface);border:1px solid var(--appearance-border);color:var(--appearance-ink)}html[data-color-mode=dark] .cx-canvas-chat-heading,html[data-color-mode=dark] .codex-changed-files>label{border-bottom:1px solid var(--appearance-border);color:var(--appearance-ink)}html[data-color-mode=dark] .codex-workbench[data-design=v3][data-workspace-mode=canvas]>.cx-conversation{border-left:1px solid var(--appearance-border);background:var(--appearance-surface)}html[data-color-mode=dark] .codex-workbench[data-workspace-mode=canvas] .cx-cloud-compact[data-sync-state=CONFLICT],html[data-color-mode=dark] .codex-workbench[data-workspace-mode=canvas] .cx-cloud-compact[data-sync-state=ERROR]{color:var(--appearance-warning-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .cx-prompt-library [aria-pressed=true]{background:var(--appearance-soft);border-color:var(--appearance-border-strong);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .cx-prompt-library-content aside{border-right:1px solid var(--appearance-border)}html[data-color-mode=dark] .cx-prompt-library-cover{background:var(--appearance-soft);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .cx-prompt-library-cover.is-music{background:var(--appearance-soft);color:var(--appearance-warning-ink)}html[data-color-mode=dark] .cx-prompt-library-error{background:var(--appearance-soft);color:var(--appearance-danger-ink)}@media (width<=520px){html[data-color-mode=dark] .cx-prompt-library-content aside{border-bottom:1px solid var(--appearance-border)}}html[data-color-mode=dark] .cx-prompt-catalog-status[role=alert]{color:var(--appearance-danger-ink)}html[data-color-mode=dark] .cx-prompt-source-note{background:var(--appearance-surface);border-bottom:1px solid var(--appearance-border)}html[data-color-mode=dark] .cx-prompt-library a{color:var(--appearance-accent-ink)}@media (width<=620px){html[data-color-mode=dark] .cx-prompt-library-content aside{border-bottom:1px solid var(--appearance-border)}}html[data-color-mode=dark] .cx-generation-settings{color:var(--cx-text,#e5eaf3)}html[data-color-mode=dark] .cx-generation-settings select{border:1px solid var(--cx-border,#394456);background:var(--cx-surface,#202734)}html[data-color-mode=dark] .cx-generation-settings p,html[data-color-mode=dark] .cx-generation-settings dt,html[data-color-mode=dark] .cx-dock-controls .cx-dock-control,html[data-color-mode=dark] .cx-dock-controls .cx-dock-handle,html[data-color-mode=dark] .cx-settings-back,html[data-color-mode=dark] .cx-settings-row p,html[data-color-mode=dark] .cx-settings-shortcuts kbd,html[data-color-mode=dark] .cx-settings-notice{color:var(--cx-muted,#abb8ca)}html[data-color-mode=dark] .cx-generation-settings footer button{border:1px solid var(--cx-border,#394456)}html[data-color-mode=dark] .cx-generation-settings .cx-generation-settings-error,html[data-color-mode=dark] .cx-canvas-menu-content>button.cx-canvas-danger{color:var(--appearance-danger-ink)}html[data-color-mode=dark] .cx-canvas-panel{color:var(--text-primary,#e5eaf3);background:var(--appearance-surface)}html[data-color-mode=dark] .cx-canvas-picker{border-bottom:1px solid var(--appearance-border);color:var(--appearance-muted)}html[data-color-mode=dark] .cx-canvas-error{border:1px solid var(--appearance-border-strong);background:var(--appearance-soft);color:var(--appearance-danger-ink)}html[data-color-mode=dark] .cx-canvas-conflict p{color:var(--appearance-warning-ink)}html[data-color-mode=dark] .cx-canvas-conflict button{border:1px solid var(--appearance-border-strong);background:var(--appearance-surface);color:var(--appearance-warning-ink)}html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-composer-menu-error{color:var(--appearance-danger-ink);border-top:1px solid var(--appearance-border)}html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-model-picker small{color:var(--appearance-warning-ink)}html[data-color-mode=dark] .codex-workbench .cx-jump-latest{border:1px solid var(--appearance-border-strong);color:var(--appearance-accent-ink);background:var(--appearance-surface)}html[data-color-mode=dark] .codex-workbench .cx-tool-card[data-status=failed]{color:var(--appearance-danger-ink)}html[data-color-mode=dark] .codex-workbench .cx-plan-card li[data-status=completed]>span{color:var(--appearance-success-ink)}html[data-color-mode=dark] .codex-workbench .cx-plan-card li[data-status=inProgress]{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .codex-workbench .cx-code-string{color:var(--appearance-warning-ink)}html[data-color-mode=dark] .codex-workbench .cx-code-keyword{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .codex-workbench .cx-code-number{color:var(--appearance-info-ink)}html[data-color-mode=dark] .codex-workbench .cx-artifact-link{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .codex-workbench .cx-attachment-warning{color:var(--appearance-warning-ink)}html[data-color-mode=dark] .codex-workbench .cx-file-mentions>button[aria-selected=true]{background:var(--appearance-soft);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .cx-artifact-dialog{border:1px solid var(--appearance-border-strong);color:var(--appearance-ink-secondary);background:var(--appearance-surface)}html[data-color-mode=dark] .cx-artifact-dialog .cx-artifact-actions{background:var(--appearance-surface);border-top:1px solid var(--appearance-border-strong)}html[data-color-mode=dark] .cx-dock-controls .cx-dock-control:hover,html[data-color-mode=dark] .cx-dock-controls .cx-dock-handle:hover{background:var(--appearance-soft);color:var(--cx-text,#e5eaf3)}html[data-color-mode=dark] .cx-dock-controls button:focus-visible{outline:2px solid var(--appearance-border-strong)!important}html[data-color-mode=dark] .cx-runtime-note button{color:var(--appearance-success-ink)}html[data-color-mode=dark] .codex-workbench[data-design=v3] :is(.cx-schedule-form,.cx-inline-form),html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-terminal-panel nav button[aria-pressed=true],html[data-color-mode=dark] .cx-plugin-review-content pre{background:var(--cx-lilac,#18212d)}html[data-color-mode=dark] .cx-pane-drop-zone{border:2px dashed var(--appearance-border-strong);background:color-mix(in srgb,var(--appearance-soft) 65.1%,transparent);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .cx-pane-drop-zone[data-active=true]{background:color-mix(in srgb,var(--appearance-soft) 87.1%,transparent)}html[data-color-mode=dark] .cx-plugin-review-content fieldset,html[data-color-mode=dark] .cx-plugin-review-content details{border:1px solid var(--cx-border,#4c4c6b)}html[data-color-mode=dark] .cx-settings-page{background:var(--cx-panel,#202734);color:var(--cx-text,#e5eaf3)}html[data-color-mode=dark] .cx-settings-page::backdrop{background:var(--cx-panel,#202734)}html[data-color-mode=dark] .cx-settings-nav{background:var(--cx-bg,#18212d);border-right:1px solid var(--cx-border,#4c4c6b)}html[data-color-mode=dark] .cx-settings-nav nav button[aria-current],html[data-color-mode=dark] .cx-settings-back:hover,html[data-color-mode=dark] .cx-settings-nav nav button:hover{background:var(--cx-accent-soft,#18212d)}html[data-color-mode=dark] .cx-settings-search{background:var(--cx-panel,#202734);border:1px solid var(--cx-border,#4c4c6b);color:var(--cx-muted,#abb8ca)}html[data-color-mode=dark] .cx-settings-row,html[data-color-mode=dark] .cx-settings-shortcuts>div{border-bottom:1px solid var(--cx-border,#4c4c6b)}html[data-color-mode=dark] .cx-settings-row button,html[data-color-mode=dark] .cx-settings-row select{border:1px solid var(--cx-border,#4c4c6b);background:var(--cx-panel,#202734)}@media (width<=650px){html[data-color-mode=dark] .cx-settings-nav{border-bottom:1px solid var(--cx-border,#4c4c6b)}}html[data-color-mode=dark] .codex-manual-terminal{background:var(--appearance-soft);color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .codex-panel-error,html[data-color-mode=dark] .codex-error{border:1px solid var(--appearance-border-strong);background:var(--appearance-soft);color:var(--appearance-danger-ink)}html[data-color-mode=dark] .codex-panel-note{border:1px solid var(--appearance-border-strong);background:var(--appearance-soft);color:var(--appearance-warning-ink)}html[data-color-mode=dark] .codex-browser-viewport{background:linear-gradient(160deg, var(--appearance-surface), var(--appearance-soft))}html[data-color-mode=dark] .codex-file-tree ul ul,html[data-color-mode=dark] .codex-course-browser ul ul{border-left:1px solid var(--appearance-border)}html[data-color-mode=dark] .codex-course-browser summary>small.writable,html[data-color-mode=dark] .codex-diff-preview span.addition{background:var(--appearance-soft);color:var(--appearance-success-ink)}html[data-color-mode=dark] .codex-diff-preview span.deletion{background:var(--appearance-soft);color:var(--appearance-danger-ink)}html[data-color-mode=dark] .codex-diff-preview span.hunk{background:var(--appearance-soft);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .codex-approval strong,html[data-color-mode=dark] .codex-approval small{color:var(--appearance-warning-ink)}html[data-color-mode=dark] .codex-changes-heading span b,html[data-color-mode=dark] .codex-diff-file-heading span b,html[data-color-mode=dark] .codex-changed-files label b{color:var(--appearance-success-ink)}html[data-color-mode=dark] .codex-changes-heading span em,html[data-color-mode=dark] .codex-diff-file-heading span em,html[data-color-mode=dark] .codex-changed-files label em{color:var(--appearance-danger-ink)}html[data-color-mode=dark] .codex-changed-files label:first-child>svg{color:var(--appearance-success-ink)}html[data-color-mode=dark] .codex-changed-files label:nth-child(2)>svg{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .codex-changed-files label:nth-child(3)>svg{color:var(--appearance-info-ink)}html[data-color-mode=dark] .codex-workbench:not([data-live-class]) .codex-diff-preview span>i{border-right:1px solid color-mix(in srgb,var(--appearance-border) 75%,transparent);color:var(--appearance-muted)}html[data-color-mode=dark] .codex-workbench[data-live-class] .codex-lesson-outline>div.current{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .codex-workbench[data-live-class] .codex-course-browser ul ul{border-left-color:var(--appearance-border)}html[data-color-mode=dark] .codex-course-browser button[title$=\.md]>svg{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .codex-course-browser button[title$=\.csv]>svg{color:var(--appearance-success-ink)}html[data-color-mode=dark] .codex-course-browser button[title$=\.png]>svg{color:var(--appearance-info-ink)}html[data-color-mode=dark] .codex-course-browser button[title$=\.ts]>svg{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .codex-workbench[data-live-class] .codex-course-browser li>button.selected{background:var(--appearance-soft);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .codex-course-preview-body h4{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-model-incompatible{background:var(--cx-surface,#202734)}html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-model-incompatible button{color:var(--cx-purple,#d7cbf5);background:var(--cx-lilac,#18212d)}html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-observation-list label,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-inline-approval pre,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-guidance-draft,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-guidance-course{background:color-mix(in srgb,var(--appearance-surface) 60%,transparent)}html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-formal-files button{color:var(--appearance-ink);background:color-mix(in srgb,var(--appearance-surface) 60%,transparent)}html[data-color-mode=dark] .codex-workbench[data-design=v3] :focus-visible,html[data-color-mode=dark] .ca-node[data-reference-state=available]:hover{outline:3px solid var(--appearance-border-strong)}html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-brand em{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-new-task kbd,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-send kbd{background:color-mix(in srgb,var(--appearance-surface) 12.5%,transparent)}html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-project nav>button.active{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-add-empty{background:color-mix(in srgb,var(--appearance-surface) 53.3%,transparent);color:var(--appearance-ink)}html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-status,html[data-color-mode=dark] .codex-workbench[data-design=v3] .codex-inspector{background:color-mix(in srgb,var(--appearance-surface) 31.4%,transparent)}html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-status.cx-permission{background:var(--appearance-soft);color:var(--appearance-warning-ink);border-color:var(--appearance-border-strong)}html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-conversation,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-course-card{background:color-mix(in srgb,var(--appearance-surface) 33.3%,transparent)}html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-composer{border:1.3px solid var(--appearance-border-strong);background:color-mix(in srgb,var(--appearance-surface) 62.7%,transparent)}html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-attachment{background:color-mix(in srgb,var(--appearance-surface) 46.7%,transparent)}html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-permission-picker select{border:1px solid var(--appearance-border-strong);color:var(--appearance-warning-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .codex-workbench[data-design=v3] .codex-tabs>button.active{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-primary,html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-secondary{border:1px solid var(--appearance-border-strong);background:color-mix(in srgb,var(--appearance-surface) 53.3%,transparent);color:var(--appearance-accent-ink)!important}html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-inline-approval{background:var(--appearance-soft);border:1px solid var(--appearance-border-strong)}html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-project-dialog>svg{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-classroom-tabs>button[aria-selected=true],html[data-color-mode=dark] .codex-workbench:not([data-live-class]) .codex-new-task svg{background:var(--appearance-surface);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-course-cover-fallback{color:var(--appearance-accent-ink);background:var(--appearance-soft)}html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-badge{color:var(--appearance-accent-ink);background:var(--appearance-soft);border:1px solid var(--appearance-border-strong)}html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-badge.live{color:var(--appearance-success-ink);background:var(--appearance-soft);border-color:var(--appearance-border-strong)}html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-badge.help{color:var(--appearance-warning-ink);background:var(--appearance-soft);border-color:var(--appearance-border-strong)}html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-report{background:color-mix(in srgb,var(--appearance-surface) 73.3%,transparent)}html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-student-table button{border:1px solid var(--appearance-border-strong);background:var(--appearance-surface);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .cx-dialog .cx-field input,html[data-color-mode=dark] .cx-dialog .cx-project-location{border:1px solid var(--appearance-border-strong);background:var(--appearance-surface);color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-approval-details{border:1px solid var(--appearance-border-strong);background:color-mix(in srgb,var(--appearance-surface) 60%,transparent)}html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-diff-files b{color:var(--appearance-success-ink)}html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-diff-files em{color:var(--appearance-danger-ink)}html[data-color-mode=dark] .codex-rail,html[data-color-mode=dark] .codex-event-main{background:color-mix(in srgb,var(--appearance-surface) 92%,transparent)}html[data-color-mode=dark] .codex-new-task kbd{border:1px solid color-mix(in srgb,var(--appearance-border) 32%,transparent);background:color-mix(in srgb,var(--appearance-surface) 13%,transparent)}html[data-color-mode=dark] .codex-projects button.active{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .codex-threads button.active{background:var(--appearance-soft);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .codex-teaching-entry.live .codex-teaching-icon{background:var(--appearance-soft);color:var(--appearance-success-ink)}html[data-color-mode=dark] .codex-conversation{background:radial-gradient(circle at 50% -20%, #6842e812 0, transparent 34%), linear-gradient(var(--appearance-surface), var(--cx-bg))}html[data-color-mode=dark] .codex-appbar{background:color-mix(in srgb,var(--appearance-surface) 88%,transparent)}html[data-color-mode=dark] .codex-app-status>span.warning{border-color:var(--appearance-border-strong);background:var(--appearance-soft);color:var(--appearance-warning-ink)}html[data-color-mode=dark] .codex-class-strip{border-bottom:1px solid var(--appearance-border);background:var(--appearance-soft);color:var(--appearance-ink)}html[data-color-mode=dark] .codex-class-strip>span:first-child{color:var(--appearance-success-ink)}html[data-color-mode=dark] .codex-composer-options select{color:var(--appearance-warning-ink)}@media (width>=981px){html[data-color-mode=dark] .codex-workbench{background:var(--appearance-surface);color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .codex-workbench[data-live-class]{border:1px solid var(--appearance-border-strong);background:var(--appearance-surface)}}html[data-color-mode=dark] .codex-workbench:not([data-live-class]) .codex-rail{border-right-color:var(--appearance-border-strong);background:linear-gradient(145deg, var(--appearance-surface) 0%, var(--appearance-surface) 72%, var(--appearance-surface) 100%)}html[data-color-mode=dark] .codex-brand strong em{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .codex-workbench:not([data-live-class]) .codex-projects button.active{background:var(--appearance-soft);color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .codex-workbench:not([data-live-class]) .codex-projects button.active>span{background:var(--appearance-surface);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .codex-workbench:not([data-live-class]) .codex-teaching-entry em{background:var(--appearance-soft);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .codex-breadcrumb,html[data-color-mode=dark] .codex-breadcrumb strong,html[data-color-mode=dark] .codex-event-main>header strong{color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .codex-workbench:not([data-live-class]) .codex-timeline-tabs{border-right:1px solid var(--appearance-border-strong);border-left:1px solid var(--appearance-border-strong)}html[data-color-mode=dark] .codex-event-main>header>svg,html[data-color-mode=dark] .codex-event-steps li.done>svg{color:var(--appearance-success-ink)}html[data-color-mode=dark] .codex-view-change,html[data-color-mode=dark] .codex-plan-summary button,html[data-color-mode=dark] .codex-event-steps li.active>svg,html[data-color-mode=dark] .codex-event-steps li.active,html[data-color-mode=dark] .codex-event-steps li.active .codex-step-number{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .codex-step-done{color:var(--appearance-success-ink)!important}html[data-color-mode=dark] .codex-command-output>span.success{color:var(--appearance-success-ink)}html[data-color-mode=dark] .codex-command-output>span.link{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .codex-change-pills>span{border:1px solid var(--appearance-border);color:var(--appearance-ink)}html[data-color-mode=dark] .codex-change-pills .addition{color:var(--appearance-success-ink)}html[data-color-mode=dark] .codex-change-pills .deletion{color:var(--appearance-danger-ink)}html[data-color-mode=dark] .codex-change-pills>em{border:1px solid var(--appearance-border);color:var(--appearance-muted)}html[data-color-mode=dark] .codex-workbench:not([data-live-class]) .codex-send-button kbd{background:color-mix(in srgb,var(--appearance-surface) 17%,transparent)}html[data-color-mode=dark] .codex-inspector{border-left-color:var(--appearance-border);background:var(--appearance-surface)}html[data-color-mode=dark] .codex-workbench:not([data-live-class]) .codex-dock-header{border:1px solid var(--appearance-border);border-bottom:1px solid var(--appearance-border)}html[data-color-mode=dark] .codex-workbench[data-live-class] .codex-rail{border-right-color:var(--appearance-border);background:linear-gradient(145deg, var(--appearance-surface) 0%, var(--appearance-surface) 78%, var(--appearance-surface) 100%)}html[data-color-mode=dark] .codex-global-nav button:hover,html[data-color-mode=dark] .codex-class-projects button:hover,html[data-color-mode=dark] .codex-class-projects button.active{background:var(--appearance-soft);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .codex-live-card-head{color:var(--appearance-success-ink)}html[data-color-mode=dark] .codex-live-card-action{border:1px solid var(--appearance-border-strong);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .codex-workbench[data-live-class] .codex-profile-wrap{border-top-color:var(--appearance-border)}html[data-color-mode=dark] .codex-class-status{border:1px solid var(--appearance-border);background:var(--appearance-surface);color:var(--appearance-ink-secondary)}html[data-color-mode=dark] .ca-media-dialog{border:1px solid var(--appearance-border);background:var(--appearance-soft);color:var(--appearance-ink)}html[data-color-mode=dark] .ca-canvas-editor button:not(:where(.ca-node-composer *))[aria-pressed=true],html[data-color-mode=dark] .ca-canvas-editor button:not(:where(.ca-node-composer *)).ca-primary{background:var(--appearance-soft);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .ca-toolbar,html[data-color-mode=dark] .ca-zoom,html[data-color-mode=dark] .ca-minimap{background:color-mix(in srgb,var(--appearance-surface) 94.9%,transparent);border:1px solid var(--appearance-border)}html[data-color-mode=dark] .ca-toolbar .ca-ai-button{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .ca-grid{background-image:linear-gradient(color-mix(in srgb,var(--appearance-soft) 20%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--appearance-soft) 20%,transparent) 1px,transparent 1px)}html[data-color-mode=dark] .ca-node,html[data-color-mode=dark] .ca-node-menu,html[data-color-mode=dark] .ca-context-menu{background:var(--appearance-surface);border:1px solid var(--appearance-border)}html[data-color-mode=dark] .ca-node-group{background:color-mix(in srgb,var(--appearance-soft) 10.6%,transparent);border:1.5px dashed var(--appearance-border)}html[data-color-mode=dark] .ca-file>span{color:var(--appearance-accent-ink)}html[data-color-mode=dark] .ca-media-error{background:color-mix(in srgb,var(--appearance-surface) 92.9%,transparent);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .ca-selection-box{background:color-mix(in srgb,var(--appearance-soft) 8.2%,transparent)}html[data-color-mode=dark] .ca-empty-mark{background:var(--appearance-soft);color:var(--appearance-accent-ink)}html[data-color-mode=dark] .ca-empty button{background:var(--appearance-surface);border-color:var(--appearance-border)}html[data-color-mode=dark] .ca-selection-bar{background:color-mix(in srgb,var(--appearance-surface) 98%,transparent);border:1px solid var(--appearance-border)}html[data-color-mode=dark] .ca-panel-toggle{background:color-mix(in srgb,var(--appearance-surface) 92.2%,transparent);border:1px solid var(--appearance-border)}html[data-color-mode=dark] .ca-library{background:color-mix(in srgb,var(--appearance-surface) 96.1%,transparent);border:1px solid var(--appearance-border)}html[data-color-mode=dark] .ca-search{background:var(--appearance-soft);border:1px solid var(--appearance-border);color:var(--appearance-muted)}html[data-color-mode=dark] .ca-error{background:var(--appearance-soft);color:var(--appearance-accent-ink);border:1px solid var(--appearance-border-strong)}html[data-color-mode=dark] .ca-node-generation-status:not(:empty){background:color-mix(in srgb,var(--appearance-surface) 94.9%,transparent);border:1px solid var(--appearance-border);color:var(--appearance-muted)}html[data-color-mode=dark] .ca-canvas-editor button.ca-link-handle[data-canvas-port]:before{border:2px solid var(--appearance-border);background:var(--appearance-surface)}.login-help{color:var(--appearance-muted,#69758a);margin-top:18px;font-size:13px;line-height:1.7}.login-help summary{cursor:pointer;color:var(--appearance-ink,#243044)}.login-help p{margin:8px 0}:root{--appearance-canvas:#f7f8fc;--appearance-surface:#fff;--appearance-soft:#f1f3f8;--appearance-ink:#243044;--appearance-ink-secondary:#57637a;--appearance-muted:#69758a;--appearance-border:#dce1eb;--appearance-border-strong:#c3cdde;--appearance-faint:#98a2b8;--appearance-accent:#7151ce;--appearance-accent-ink:#5b3ec4;--appearance-accent-soft:#efe9fb;--appearance-accent-border:#ddd6fa;--appearance-accent-action:#7151ce;--appearance-accent-action-deep:#5f43b0;--appearance-hq-action:#2563eb;--appearance-success-soft:#e2f2eb;--appearance-success-ink:#15533f;--appearance-success-border:#9ccfb9;--appearance-warning-soft:#fff8e6;--appearance-warning-ink:#8a5a00;--appearance-warning-border:#d97706;--appearance-danger-soft:#fff0f1;--appearance-danger-ink:#a23d3d;--appearance-danger-border:#c2414b;--appearance-info-ink:#3157d8;--appearance-backdrop:#0f172a52;--appearance-light-surface:#fff;--appearance-light-ink:#243044}:root[data-color-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--appearance-canvas:#111720;--appearance-surface:#202734;--appearance-soft:#18212d;--appearance-ink:#e5eaf3;--appearance-ink-secondary:#bec1c9;--appearance-muted:#abb8ca;--appearance-border:#394456;--appearance-border-strong:#4c4c6b;--appearance-faint:#909daf;--appearance-accent:#ba9cff;--appearance-accent-ink:#d5caf9;--appearance-accent-soft:#302942;--appearance-accent-border:var(--appearance-border-strong);--appearance-accent-action:#7352c2;--appearance-accent-action-deep:#6342b2;--appearance-hq-action:#346dcf;--appearance-success-soft:#1d3632;--appearance-success-ink:#9ee5c8;--appearance-success-border:#3b6c5e;--appearance-warning-soft:#352d20;--appearance-warning-ink:#f7d89d;--appearance-warning-border:#796439;--appearance-danger-soft:#3b252d;--appearance-danger-ink:#ffc0c8;--appearance-danger-border:#855061;--appearance-info-ink:#c2d2f0;--appearance-backdrop:#050a13b8;--ink:var(--appearance-ink);--muted:var(--appearance-muted);--paper:var(--appearance-surface);--border:var(--appearance-border);--brand:#89b8ff;--brand-soft:#24364f;--danger:var(--appearance-danger-ink);background:var(--appearance-canvas);color:var(--appearance-ink)}html[data-color-mode=dark] body{background:var(--appearance-canvas);color:var(--appearance-ink)}html[data-color-mode=dark] :is(.product-shell,[data-theme]){--shell-canvas:var(--appearance-canvas);--shell-ink:var(--appearance-ink);--shell-accent:#a9bfff;--shell-accent-soft:#27364b;--shell-sidebar-bg:#151d29;--role-ink:var(--appearance-ink);--role-soft:#293248;--role-accent:#b69afa;--role-accent-deep:#bda5ff}:root[data-color-mode=dark]{--hq-primary:#91b9ff;--hq-primary-deep:#aaaeff;--hq-primary-soft:#263751}html[data-color-mode=dark] :is(.codex-workbench,.cx-workbench,.cx-settings-page){--cx-bg:var(--appearance-canvas);--cx-bg-strong:#151d29;--cx-panel:var(--appearance-surface);--cx-panel-soft:#19222e;--cx-border:var(--appearance-border);--cx-border-strong:var(--appearance-border-strong);--cx-text:var(--appearance-ink);--cx-muted:var(--appearance-muted);--cx-faint:var(--appearance-ink-secondary);--cx-accent:var(--appearance-accent);--cx-accent-2:#969efa;--cx-accent-soft:var(--appearance-accent-soft);--cx-success:#64d6b3;--cx-warning:var(--appearance-warning-ink);--cx-danger:var(--appearance-danger-ink)}html[data-color-mode=dark] .ca-canvas-editor{--ca-bg:#141a24;--ca-panel:var(--appearance-surface);--ca-border:#424657;--ca-text:var(--appearance-ink);--ca-muted:#a8a8bc;--ca-accent:var(--appearance-accent);color:var(--appearance-ink);background:#141a24}html[data-color-mode=dark] :is(dialog,.cx-creative-settings-popover,.cx-prompt-library){color:var(--appearance-ink);background:var(--appearance-surface);border-color:var(--appearance-border)}html[data-color-mode=dark] .drawer-backdrop{background:var(--appearance-backdrop)}html[data-color-mode=dark] :is(input,select,textarea){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;caret-color:var(--appearance-ink);accent-color:var(--appearance-accent)}html[data-color-mode=dark] :is(input,textarea)::placeholder{color:#929fb3}html[data-color-mode=dark] ::selection{color:#fff;background:#644a9a}html[data-color-mode=dark] ::-webkit-scrollbar-thumb{background-color:#465165}html[data-color-mode=dark] .ca-stage{background-color:#141a24;background-image:radial-gradient(circle,#3b4150 .8px,#0000 .8px)}html[data-color-mode=dark] :is(.ca-node,.ca-node-image,.ca-node-video,.ca-node-audio){color:var(--appearance-ink);background:#252c39;border-color:#48485d}html[data-color-mode=dark] .ca-node-group{background:#aa94ce0d;border-color:#736a84}html[data-color-mode=dark] .ca-node.selected{border-color:var(--ca-accent)}html[data-color-mode=dark] .ca-minimap svg{background:#151d28}html[data-color-mode=dark] .ca-canvas-editor button.ca-link-handle[data-canvas-port]:before{background:#262d3b;border-color:#a69bbd}html[data-color-mode=dark] :is(.hq-totp-qr,.login-captcha-image){background:var(--appearance-light-surface);color:var(--appearance-light-ink)}html[data-color-mode=dark] :is(.codex-new-task,.codex-panel-primary,.codex-submit-button,.codex-approval button.primary,.codex-manual-terminal form button,.cx-primary,.cx-send-button,.cx-creative-send){background:var(--appearance-accent-action);color:#fff}html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-send{background:var(--appearance-ink);color:var(--appearance-canvas)!important}html[data-color-mode=dark] :is(.button.primary,.hq-button-primary,.hq-range-tabs button[aria-pressed=true],.hq-ai-management-tabs button[aria-current=page]){background:var(--appearance-hq-action);border-color:var(--appearance-hq-action);color:#fff}html[data-color-mode=dark] .login-card .button.primary{background:linear-gradient(135deg,var(--appearance-accent-action),var(--appearance-accent-action-deep));color:#fff}html[data-color-mode=dark] :is(.problem,.alert-card[data-tone=danger],.hq-force-delete-warning,.hq-danger-zone,.cx-prompt-library-error,.cx-generation-settings-error,.ca-error){background:var(--appearance-danger-soft);color:var(--appearance-danger-ink);border-color:var(--appearance-danger-border)}html[data-color-mode=dark] :is(.alert-card[data-tone=warning],.hq-model-verification-status[data-tone=warning],.hq-billing-blockers,.hq-monthly-financial-warning){background:var(--appearance-warning-soft);color:var(--appearance-warning-ink);border-color:var(--appearance-warning-border)}html[data-color-mode=dark] :is(.hq-success-notice,.hq-billing-closed-badge,.hq-billing-blockers[data-clear=true],.hq-billing-import-result){background:var(--appearance-success-soft);color:var(--appearance-success-ink);border-color:var(--appearance-success-border)}html[data-color-mode=dark] .hq-codex-check-list>li[data-status=FAILED]{background:var(--appearance-danger-soft)}html[data-color-mode=dark] .hq-codex-check-list>[data-status=PASSED] .hq-codex-check-status{background:var(--appearance-success-soft);color:var(--appearance-success-ink)}html[data-color-mode=dark] .hq-codex-check-list>[data-status=FAILED] .hq-codex-check-status{background:var(--appearance-danger-soft);color:var(--appearance-danger-ink)}html[data-color-mode=dark] .codex-workbench[data-design=v3] .cx-primary{background:var(--appearance-accent-action);border-color:#9978e0;color:#fff!important}html[data-color-mode=dark] .cx-prompt-library button.is-primary{background:var(--appearance-accent-action);color:#fff;border-color:#9978e0}html[data-color-mode=dark] .cx-prompt-library-content{border-block-color:var(--appearance-border)}html[data-color-mode=dark] :is(.codex-workbench[data-design=v3],.cx-prompt-library,.product-shell,[data-theme],.cx-settings-page,dialog) :focus-visible{outline:2px solid var(--appearance-accent);outline-offset:2px}html[data-color-mode=dark] .cx-dock-controls button:focus-visible{outline-color:var(--appearance-accent)!important}html[data-color-mode=dark] .cx-creative-composer .cx-creative-prompt:has(textarea:focus-visible){border-color:var(--appearance-accent);box-shadow:0 0 0 1px var(--appearance-accent)}html[data-color-mode=dark] .codex-switch input:focus-visible+span{outline:2px solid var(--appearance-accent);outline-offset:2px}.appearance-switcher{color:var(--appearance-ink);flex:none;align-items:center;display:inline-flex;position:relative}.appearance-trigger{border:1px solid var(--appearance-border);background:var(--appearance-surface);width:36px;height:36px;color:var(--appearance-muted);cursor:pointer;border-radius:9px;place-items:center;padding:0;display:inline-grid}.appearance-trigger:hover,.appearance-trigger[aria-expanded=true]{color:var(--appearance-accent);background:var(--appearance-soft)}.appearance-trigger:focus-visible,.appearance-menu button:focus-visible{outline:2px solid var(--appearance-accent);outline-offset:2px}.appearance-menu{z-index:300;background:var(--appearance-surface);border:1px solid var(--appearance-border);width:164px;color:var(--appearance-ink);border-radius:11px;gap:3px;padding:5px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 34px #090e2333}.appearance-menu>button{min-height:36px;color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;padding:7px 9px;font-size:12px;display:flex}.appearance-menu>button:hover,.appearance-menu>button[aria-checked=true]{background:var(--appearance-soft);color:var(--appearance-accent)}.appearance-menu>button>span:last-child:not(:first-of-type){margin-left:auto}.appearance-save-note{z-index:310;border:1px solid var(--appearance-border);background:var(--appearance-surface);white-space:nowrap;border-radius:8px;padding:8px;font-size:11px;position:absolute;top:100%;right:0}.login-appearance{z-index:5;position:absolute;top:22px;right:22px}.wb-login{position:relative}.product-shell[data-theme=institution]{--center-bg:#f5f7fb;--center-surface:#fff;--center-border:#e3e8f0;--center-ink:#172b4d;--center-muted:#697b96;--center-blue:#245cec;--center-tint:#edf3ff;background:var(--center-bg);color:var(--center-ink)}.product-shell[data-theme=institution] .product-sidebar{background:var(--center-surface);border-right:1px solid var(--center-border)}.product-shell[data-theme=institution] .product-nav-item{border-radius:8px;min-height:48px;margin-block:3px;font-size:15px}.product-shell[data-theme=institution] .product-nav-item[aria-current=page]{color:var(--center-blue);background:var(--center-tint);box-shadow:none}.product-shell[data-theme=institution] .product-nav-item:last-child{border-top:1px solid var(--center-border);margin-top:24px}.product-shell[data-theme=institution] .product-header{background:var(--center-surface);border-bottom:1px solid var(--center-border);box-shadow:none}.product-shell[data-theme=institution] .institution-sidebar-card{box-shadow:none;background:0 0;border:0;padding:14px 8px;font-size:12px}.product-shell[data-theme=institution] .institution-sidebar-card .institution-sidebar-campus{display:none}.product-shell[data-theme=institution] :is(.dashboard-panel,.center-panel){background:var(--center-surface);border:1px solid var(--center-border);box-shadow:none;border-radius:10px}.product-shell[data-theme=institution] :is(h1,h2,h3,h4){color:var(--center-ink)}.product-shell[data-theme=institution] .page-header{border:0;margin-bottom:20px;padding:0}.product-shell[data-theme=institution] .page-header h1{letter-spacing:0;font-size:clamp(24px,2vw,30px);line-height:1.4}.product-shell[data-theme=institution] .button{min-height:36px;box-shadow:none;border-radius:7px;font-size:14px}.product-shell[data-theme=institution] .button.primary{background:var(--center-blue);color:#fff}.product-shell[data-theme=institution] :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-color:var(--center-border);background:var(--center-surface);min-height:38px;color:var(--center-ink);border-radius:7px;font-size:14px}.product-shell[data-theme=institution] .institution-section-tabs{box-shadow:none;border:0;border-bottom:1px solid var(--center-border);background:0 0;margin-bottom:22px;padding:0 0 14px}.product-shell[data-theme=institution] .institution-section-tabs>strong{display:none}.product-shell[data-theme=institution] .institution-section-tabs button{border-radius:6px;min-height:40px;font-size:14px}.product-shell[data-theme=institution] .data-table{font-size:13px}.product-shell[data-theme=institution] .data-table th{background:var(--center-bg);color:var(--center-muted);white-space:nowrap;padding:13px 12px;font-weight:500}.product-shell[data-theme=institution] .data-table td{border-color:var(--center-border);padding:16px 12px}.product-shell[data-theme=institution] .data-table td small{color:var(--center-muted);margin-top:5px;display:block}.center-panel{min-width:0;padding:22px}.center-panel h2{margin:0 0 16px;font-size:18px;line-height:1.5}.center-panel h3{margin:0 0 6px;font-size:15px;line-height:1.6}.center-panel>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.center-panel>header h2{margin:0}.center-panel small,.center-panel dt{color:var(--center-muted)}.center-metrics{grid-template-columns:1.15fr repeat(4,1fr);align-items:center;gap:14px;margin:0 0 24px;display:grid}.center-metrics button{background:var(--center-surface);border:1px solid var(--center-border);cursor:pointer;color:var(--center-muted);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:16px 10px;display:flex}.center-metrics button strong{color:var(--center-blue);font-size:23px}.center-metrics svg{width:22px;height:22px;color:var(--center-blue)}.center-today{font-size:18px}.center-workbench-grid{grid-template-columns:minmax(0,2.5fr) minmax(260px,1fr);gap:20px;display:grid}.center-stack{flex-direction:column;gap:20px;min-width:0;display:flex}.center-segments{flex-wrap:wrap;gap:0;margin-bottom:16px;display:flex}.center-segments .button{background:var(--center-bg);border-color:var(--center-border);border-radius:0}.center-segments .button:first-child{border-radius:7px 0 0 7px}.center-segments .button:last-child{border-radius:0 7px 7px 0}.center-segments .button[aria-pressed=true]{background:var(--center-tint);color:var(--center-blue);border-color:var(--center-blue)}.center-badge{background:var(--center-tint);color:var(--center-blue);border-radius:5px;padding:3px 8px;font-size:12px;line-height:1.5;display:inline-block}.center-table-scroll{max-width:100%;overflow-x:auto}.center-todo{border:1px solid var(--center-border);text-align:left;cursor:pointer;background:var(--center-surface);width:100%;color:var(--center-ink);border-radius:7px;align-items:center;gap:12px;margin:10px 0;padding:16px 12px;display:flex}.center-todo>svg{color:var(--center-blue);flex:0 0 22px}.center-todo>span:nth-child(2){flex:1;min-width:0}.center-todo small{margin-top:5px;font-size:12px;display:block}.center-todo strong{font-size:14px;font-weight:600}.center-shortcuts{grid-template-columns:1fr 1fr;gap:12px;display:grid}.center-shortcuts .button{justify-content:flex-start;gap:10px;min-height:64px;padding:16px 8px}.center-shortcuts svg{color:var(--center-blue)}.center-campus{color:var(--center-muted);flex-direction:column;gap:12px;font-size:12px;display:flex}.center-campus svg{color:var(--center-blue);width:28px;height:28px}.center-course-list>button{text-align:left;border:0;border-bottom:1px solid var(--center-border);width:100%;color:var(--center-ink);cursor:pointer;background:0 0;align-items:center;gap:14px;padding:18px 8px;display:flex}.center-course-list>button:last-child{border-bottom:0}.center-course-list>button>svg:first-child{width:28px;height:28px;color:var(--center-blue)}.center-course-list>button>span:nth-child(2){flex:1}.center-course-list small{margin-top:4px;display:block}.center-tabs{border-bottom:1px solid var(--center-border);flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.center-tabs .button{color:var(--center-muted);background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;padding:12px 14px}.center-tabs .button[aria-pressed=true]{color:var(--center-blue);border-bottom-color:var(--center-blue)}.center-student-layout{grid-template-columns:252px minmax(0,1fr);align-items:start;gap:20px;display:grid}.center-student-layout>.dashboard-panel{padding:16px}.center-student-layout>.dashboard-panel>header{display:none}.center-student-layout .institution-table-toolbar{flex-direction:column;align-items:stretch;gap:10px;display:flex}.center-student-layout .institution-table-toolbar>*,.center-student-layout .institution-table-toolbar input{width:100%;min-width:0}.center-student-picker{flex-direction:column;max-height:670px;margin-top:12px;display:flex;overflow:auto}.center-student-picker button{color:var(--center-ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;padding:14px 10px;display:flex}.center-student-picker button[aria-pressed=true]{background:var(--center-tint);box-shadow:inset 3px 0 var(--center-blue)}.center-student-picker small{color:var(--center-muted);margin-top:4px;font-size:12px;display:block}.center-person-icon{background:var(--center-tint);width:38px;height:38px;color:var(--center-blue);border-radius:50%;flex:0 0 38px;justify-content:center;align-items:center;display:inline-flex}.center-person-icon svg{width:23px;height:23px}.center-student-detail{flex-direction:column;gap:18px;min-width:0;display:flex}.center-student-header>header{justify-content:flex-start}.center-student-header>header>.center-person-icon{flex-basis:56px;width:56px;height:56px}.center-header-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.center-student-header>header{flex-wrap:wrap}.center-student-header .center-header-actions{flex-basis:100%;margin-left:0}.center-credit-navigation{margin-left:0}.product-shell[data-theme=institution] .institution-people-table .institution-row-actions{flex-wrap:wrap;gap:8px;min-width:220px;max-width:360px}.product-shell[data-theme=institution] .institution-people-table .institution-row-actions .button{font-size:13px}.product-shell[data-theme=institution] .institution-people-table :is(th,td):nth-child(5){white-space:nowrap;min-width:72px}.center-wallet-stats{border:1px solid var(--center-border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:18px;margin:18px 0 8px;padding:18px;display:flex}.center-wallet-stats>div:not(.center-personal-credits){flex:1;min-width:65px}.center-wallet-stats span{color:var(--center-muted);font-size:13px;display:block}.center-wallet-stats strong{font-size:27px;line-height:1.5;display:block}.center-wallet-stats .center-personal-credits{border-left:1px solid var(--center-border);margin-left:auto;padding-left:20px}.center-student-header .center-tabs{border-bottom:0;margin-bottom:-22px}.center-profile-grid{grid-template-columns:minmax(0,1.7fr) minmax(230px,1fr);align-items:start;gap:18px;display:grid}.center-student-courses article{border-bottom:1px solid var(--center-border);flex-wrap:wrap;align-items:flex-start;gap:14px;padding:18px 0;display:flex}.center-student-courses article>div{flex:1;min-width:150px}.center-student-courses article>svg{color:var(--center-blue);width:30px;height:30px}.center-student-courses article p{color:var(--center-muted);margin:8px 0;font-size:13px}.center-next-lesson{background:var(--center-bg);border-radius:8px;padding:18px}.center-next-lesson .button{margin-top:18px}.center-profile-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0;font-size:13px;display:grid}.center-profile-facts dd{overflow-wrap:anywhere;margin:5px 0 0}.center-list-toolbar{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.center-list-toolbar input{min-width:220px}.center-new-learning{border:1px solid var(--center-border);background:var(--center-surface);border-radius:8px;margin:18px 0;padding:16px}.center-new-learning summary{color:var(--center-blue);cursor:pointer;font-weight:600}.center-course-details{margin-top:20px}.center-course-details>.button{margin-bottom:10px}.center-schedule-tools{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.center-schedule-tools .center-segments{margin:0 auto 0 0}.center-schedule-tools small{color:var(--center-muted)}.product-shell[data-theme=institution] .prototype-schedule-page{gap:16px}.product-shell[data-theme=institution] .prototype-schedule-page>:is(.page-header,.center-schedule-tools,.center-practice-prerequisites){margin-bottom:0}.product-shell[data-theme=institution] .schedule-filterbar{flex-wrap:wrap}.product-shell[data-theme=institution] .schedule-filterbar label{display:flex}.product-shell[data-theme=institution] .schedule-layout.editor-open{grid-template-columns:minmax(0,1fr) minmax(310px,360px);align-items:start}.product-shell[data-theme=institution] .week-calendar{min-width:0;padding:0;overflow:auto}.product-shell[data-theme=institution] .week-calendar-head,.product-shell[data-theme=institution] .week-calendar-body{min-width:710px}.product-shell[data-theme=institution] .calendar-event{text-align:left;box-shadow:none;border-radius:5px;padding:7px;font-size:12px}.product-shell[data-theme=institution] .calendar-event strong{font-size:13px}.product-shell[data-theme=institution] .calendar-event.selected{outline:2px solid var(--center-blue);outline-offset:-2px;z-index:2}.center-lesson-panel{position:sticky;top:16px}.center-lesson-panel>h3{margin-top:20px}.center-lesson-panel .center-profile-facts{grid-template-columns:1fr}.center-lesson-panel .center-profile-facts>div{grid-template-columns:40px 1fr;gap:12px;display:grid}.center-lesson-panel .center-profile-facts dd{margin:0}.center-lesson-summary{border-block:1px solid var(--center-border);color:var(--center-muted);flex-direction:column;gap:14px;padding:20px 0;font-size:13px;display:flex}.center-lesson-summary strong{float:right;color:var(--center-ink)}.center-roster{max-height:270px;margin:0 0 24px;padding:0;list-style:none;overflow:auto}.center-roster li{border-bottom:1px solid var(--center-border);align-items:center;gap:10px;padding:12px 0;font-size:13px;display:flex}.center-roster small{margin-left:auto}.center-progress-note{color:var(--center-muted);background:var(--center-bg);border-radius:6px;padding:12px;font-size:13px;line-height:1.8}.center-lesson-panel>.dashboard-panel{border:0;margin-top:18px;padding:0}.center-lesson-panel .learning-fields{grid-template-columns:1fr}.center-lesson-panel .learning-actions{flex-direction:column;align-items:stretch}.center-lesson-panel .learning-student-choice{gap:8px;display:flex}.product-shell[data-theme=institution] :is(.center-metrics button,.center-todo,.center-course-list button,.center-student-picker button):hover{background:var(--center-tint)}.product-shell[data-theme=institution] button:focus-visible{outline:2px solid var(--center-blue);outline-offset:3px}html[data-color-mode=dark] .product-shell[data-theme=institution]{--center-bg:#171e2a;--center-surface:#202938;--center-border:#344157;--center-ink:#e5ecf8;--center-muted:#a9b9d2;--center-blue:#85aaff;--center-tint:#263a5d}.product-shell[data-theme=institution] .page-header h2{font-size:28px;line-height:1.4}.product-shell[data-theme=institution] .button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.product-shell[data-theme=institution] :is(button,input,select,textarea){font-family:inherit}.center-practice-prerequisites{color:var(--center-muted);margin-bottom:16px;font-size:13px}.product-shell[data-theme=institution] .product-title{min-width:0;display:block}.product-shell[data-theme=institution] .product-title small{display:none}.product-shell[data-theme=institution] .product-title h1{text-overflow:ellipsis;white-space:nowrap;max-width:340px;font-size:18px;overflow:hidden}@media (width<=1200px){.product-shell[data-theme=institution] .product-title{display:none}}@media (width<=1250px){.center-metrics{grid-template-columns:repeat(4,1fr)}.center-today{grid-column:1/-1}.center-profile-grid{grid-template-columns:1fr}.center-workbench-grid{grid-template-columns:minmax(0,1fr) 260px}.center-student-layout{grid-template-columns:210px minmax(0,1fr)}.center-wallet-stats .center-personal-credits{margin-left:0}}@media (width<=1050px){.center-workbench-grid{grid-template-columns:1fr}.center-workbench-grid>aside{grid-template-columns:1fr 1fr;display:grid}.center-campus{display:none}.product-shell[data-theme=institution] .schedule-layout.editor-open{grid-template-columns:1fr}.center-lesson-panel{position:static}}@media (width<=720px){.center-metrics{grid-template-columns:1fr 1fr;gap:10px}.center-panel{padding:16px}.center-student-layout{grid-template-columns:1fr}.center-student-picker{max-height:200px}.center-student-layout .institution-table-toolbar{flex-flow:wrap}.center-workbench-grid>aside{display:flex}.center-student-header>header{flex-wrap:wrap}.center-header-actions{width:100%;margin-left:0}.center-wallet-stats{gap:12px;padding:12px}.center-student-header .center-tabs{margin-bottom:-16px}.center-tabs .button{padding:10px}.center-course-list>button{flex-wrap:wrap}}