:root{color:#20242a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;--blue:#2563eb;--blue-dark:#1d4ed8;--accent-fill:#2563eb;--accent-fill-hover:#1d4ed8;--on-accent:#fff;--ink:#20242a;--muted:#66717f;--line:#dce2e8;--surface:#fff;--background:#f5f7f9;--green:#14835b;--amber:#a65d04;--red:#c23732;--danger-fill:#c23732;--on-danger:#fff;--control-bg:#fff;--control-border:#cbd4dd;--control-border-hover:#9eabb8;--control-border-focus:#2563eb;--control-border-error:#c23732;--control-text-muted:#5a6675;--border-hover:#aebdca;--shadow-card:none;--shadow-card-hover:none;--shadow-side-panel:none;--shadow-dock:none;--sidebar:#eef2f6;--sidebar-text:#465466;--sidebar-muted:#626d7a;--sidebar-hover-text:#17212b;--sidebar-hover:#dde5ec;--sidebar-active-text:#174cc9;--sidebar-active:#d7e3f8;--sidebar-divider:#d1d9e1;--sidebar-brand-text:#17212b;--shadow:none;background:#f5f7f9;font-family:Inter,Segoe UI,Arial,sans-serif}:root[data-theme=dark]{color:#eeefec;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--blue:#88aef2;--blue-dark:#7198dc;--accent-fill:#88aef2;--accent-fill-hover:#7198dc;--on-accent:#171816;--ink:#eeefec;--muted:#a8aaa6;--line:#3d3e3a;--surface:#222321;--background:#171816;--green:#55cda0;--amber:#efb45f;--red:#ff7f78;--danger-fill:#ff7f78;--on-danger:#171816;--control-bg:#292a27;--control-border:#4e4f4b;--control-border-hover:#6d6e69;--control-border-focus:#88aef2;--control-border-error:#ff7f78;--control-text-muted:#a8aaa6;--border-hover:#6d6f6a;--shadow-card:none;--shadow-card-hover:none;--shadow-side-panel:none;--shadow-dock:none;--sidebar:#121311;--sidebar-text:#c0c1bd;--sidebar-muted:#a6a8a4;--sidebar-hover-text:#fff;--sidebar-hover:#1d1e1c;--sidebar-active-text:#fff;--sidebar-active:#30312e;--sidebar-divider:#30312d;--sidebar-brand-text:#fff;--shadow:none;--surface-raised:#292a27;--surface-hover:#30312e;--surface-subtle:#1d1e1c;--soft-blue:#272c34;--soft-green:#18352c;--soft-amber:#3a2d1a;--soft-red:#3d2423;background:#171816}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--background);min-width:320px}button,input,textarea,select{font:inherit;letter-spacing:0}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #2563eb40}h1,h2,h3,p{margin-top:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--muted)}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-loading,.loading-block{min-height:180px;color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex}.spinner{border:2px solid var(--line);border-top-color:var(--blue);border-radius:50%;width:22px;height:22px;animation:.75s linear infinite spin}.button,.icon-button{cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;font-weight:650;transition:background .15s,color .15s,border-color .15s,opacity .15s;display:inline-flex}.button{border-radius:7px;min-height:42px;padding:0 16px}.button--small{min-height:34px;padding:0 11px;font-size:13px}.button--icon{width:40px;height:40px;padding:0}.button--primary{color:var(--on-accent);background:var(--accent-fill)}.button--primary:hover{background:var(--accent-fill-hover)}.button--secondary{color:var(--ink);background:var(--surface);border:1px solid var(--line)}.button--secondary:hover,.button--ghost:hover{background:#edf2f7}.button--ghost{color:#435063;background:0 0}.button--danger{color:var(--on-danger);background:var(--danger-fill)}.button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.48}.icon-button{color:#526173;background:0 0;border-radius:7px;flex:none;width:38px;height:38px;padding:0}.icon-button:hover{color:var(--ink);background:#edf2f7}.theme-toggle svg{pointer-events:none}.theme-toggle--floating{z-index:40;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 94%, transparent);box-shadow:var(--shadow);position:fixed;top:16px;right:16px}.public-home__account-actions,.guest-room__header-actions{justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.sidebar__lower .theme-toggle{cursor:pointer;width:100%}.app-shell{min-height:100vh}.public-home{color:#1c2630;background:#f4f7f9;grid-template-rows:72px 1fr auto;min-height:100vh;display:grid}.public-home__header{border-bottom:1px solid #dce3e9;justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);height:72px;margin:0 auto;display:flex}.public-brand{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.public-brand strong{font-size:19px}.public-account-link{color:#485667;border-radius:6px;align-items:center;gap:7px;min-height:38px;padding:0 11px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.public-account-link:hover{color:#1d4ed8;background:#e9eff5}.public-home__actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(960px,100% - 40px);margin:auto;display:grid}.public-action{color:#263442;min-width:0;min-height:76px;box-shadow:var(--shadow-card);cursor:pointer;text-align:left;background:#fff;border:1px solid #cfd8e1;border-radius:7px;align-items:center;gap:13px;padding:0 20px;font-size:16px;font-weight:750;text-decoration:none;display:flex}.public-action:hover{border-color:var(--border-hover);background:#fafcfd}.public-action:disabled{cursor:wait;opacity:.64}.public-home__error{color:#a22d29;text-align:center;min-height:42px;margin:0;padding:10px 20px 18px;font-size:13px}.public-workspace,.guest-room{background:#f8fafc;width:100%;min-width:0;height:100dvh;min-height:0;overflow:hidden}.public-workspace__bar{z-index:30;color:#263442;background:#fffffff7;border-bottom:1px solid #d6dee6;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;height:52px;padding:0 12px;display:grid;position:relative}.public-workspace__bar>strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.public-workspace__back{color:#536173;border-radius:6px;place-items:center;width:34px;height:34px;display:grid}button.public-workspace__back{cursor:pointer;background:0 0;border:0;padding:0}.public-workspace__back:hover{color:#1d4ed8;background:#edf2f7}.public-workspace__mode{color:#6b7785;font-size:11px;font-weight:700}.public-workspace__session-actions{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.public-workspace__start-session{white-space:nowrap;min-height:34px}.public-workspace__promotion-error{z-index:35;color:#922c28;width:min(420px,100% - 24px);min-height:40px;box-shadow:none;background:#fff7f6;border:1px solid #efc3c0;border-radius:6px;align-items:center;gap:8px;padding:8px 8px 8px 12px;font-size:12px;display:flex;position:absolute;top:10px;right:12px}.public-workspace__promotion-error>span{flex:1;min-width:0}.public-workspace__promotion-error>button{color:#922c28;cursor:pointer;background:0 0;border:0;border-radius:4px;flex:0 0 28px;place-items:center;width:28px;height:28px;padding:0;display:grid}.public-workspace__promotion-error>button:hover{background:#fbe3e1}.public-board-stage{width:100%;height:calc(100dvh - 52px);min-height:0;position:relative}.public-code-stage{background:#fff;width:100%;height:calc(100dvh - 52px);min-height:0;position:relative}.code-workspace-gate{width:100%;height:100%;color:var(--muted);place-items:center;display:grid}.guest-code-workspace{width:100%;min-width:0;height:100%;min-height:0;position:relative}.full-code-workspace{background:#fff;grid-template-rows:minmax(260px,1fr) minmax(180px,30%);grid-template-columns:220px minmax(0,1fr);width:100%;min-width:0;height:100%;min-height:0;display:grid}.code-explorer{color:#d6dee7;background:#1d252d;border-right:1px solid #2e3944;flex-direction:column;grid-row:1/-1;min-width:0;min-height:0;display:flex;overflow:hidden}.code-explorer__head{border-bottom:1px solid #303b46;justify-content:space-between;align-items:center;height:44px;padding:0 7px 0 12px;display:flex}.code-explorer__head strong{text-transform:uppercase;font-size:11px}.code-explorer__head>div{display:flex}.code-explorer__head button,.code-icon-command{color:#aebbc7;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:29px;height:29px;padding:0;display:grid}.code-explorer__head button:hover,.code-icon-command:hover{color:#fff;background:#34414d}.code-explorer__head button:disabled,.code-icon-command:disabled{cursor:not-allowed;opacity:.45}.code-explorer__tree{min-height:0;padding:5px;overflow:auto}.code-tree-entry{color:#c3ced8;border-radius:4px;align-items:center;gap:3px;width:100%;height:31px;padding-right:5px;display:flex;overflow:hidden}.code-tree-entry:hover{background:#29343e}.code-tree-entry.is-active{color:#fff;background:#34424e}.code-tree-entry>button{min-width:0;height:29px;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;padding:0;display:flex}.code-tree-entry>button:first-child{flex:0 0 19px;justify-content:center;width:19px}.code-tree-entry>button:last-child{flex:1;overflow:hidden}.code-tree-entry>input{color:#fff;background:#17212b;border:1px solid #6d98e8;border-radius:3px;outline:0;flex:1;min-width:0;height:23px;padding:0 4px;font-size:12px}.code-explorer__tree span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.code-main{grid-template-rows:44px minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative}.code-main__toolbar{border-bottom:1px solid #dce2e8;justify-content:space-between;align-items:center;gap:12px;padding:0 9px 0 13px;display:flex}.code-main__toolbar>strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.code-main__toolbar>div{align-items:center;gap:5px;display:flex}.code-main__toolbar .code-icon-command{color:#6a7786}.code-main__toolbar .code-icon-command:hover{color:#a42d29;background:#fff0ef}.code-move-control{color:#6a7786;background:#fff;border:1px solid #d4dce4;border-radius:4px;align-items:center;gap:4px;max-width:132px;height:29px;padding:0 5px;display:flex}.code-move-control select{color:#526171;background:0 0;border:0;outline:0;min-width:0;font-size:10px}.code-run-command{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-width:68px;min-height:32px;padding:0 11px;font-size:11px;font-weight:750;display:inline-flex}.code-run-command:hover:not(:disabled){background:#1d4ed8}.code-run-command:disabled{cursor:not-allowed;opacity:.5}.code-main__editor{min-width:0;min-height:0}.code-binary-preview{color:#657282;background:#f8fafc;place-content:center;justify-items:center;gap:7px;width:100%;height:100%;display:grid}.code-binary-preview strong{color:#334155;font-size:13px}.code-binary-preview span{font-size:11px}.code-workspace-error{z-index:4;color:#8d2926;background:#fff1f0;border:1px solid #e9bbb8;border-radius:5px;padding:8px 10px;font-size:11px;position:absolute;bottom:10px;left:10px;right:10px}.code-console{color:#dce7f1;background:#17212b;border-top:1px solid #2b3946;grid-template-columns:minmax(260px,.85fr) minmax(320px,1.15fr);min-width:0;min-height:0;display:grid}.code-console__inputs{border-right:1px solid #2b3946;grid-template-rows:28px 30px minmax(0,1fr) 30px;grid-template-columns:1fr 1fr;gap:7px;min-width:0;min-height:0;padding:9px;display:grid}.code-tests__tabs{grid-column:1/-1;align-items:center;gap:4px;min-width:0;display:flex;overflow-x:auto}.code-tests__tabs button{color:#9eafbd;cursor:pointer;background:#101820;border:1px solid #3a4855;border-radius:4px;flex:none;align-items:center;gap:5px;max-width:150px;height:26px;padding:0 7px;font-size:10px;display:inline-flex;overflow:hidden}.code-tests__tabs button.is-active{color:#e4ebf1;background:#243443;border-color:#6d98e8}.code-tests__tabs button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.code-tests-empty{grid-area:1/1/-1/-1;place-items:center;display:grid}.code-tests-empty button{color:#dbe5ed;cursor:pointer;background:#344553;border:0;border-radius:4px;justify-content:center;align-items:center;gap:6px;min-height:30px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex}.code-tests-empty button:hover:not(:disabled){background:#405565}.code-test__meta{grid-column:1/-1;grid-template-columns:minmax(130px,190px) minmax(110px,130px) 28px;align-items:center;gap:5px;min-width:0;display:grid}.code-test__field{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px;min-width:0;display:grid}.code-test__field>label{color:#9eafbd;white-space:nowrap;min-height:auto;font-size:10px;font-weight:700;display:block}.code-test__meta input,.code-test__meta select{color:#dce7f1;background:#101820;border:1px solid #3a4855;border-radius:4px;outline:0;min-width:0;height:28px;padding:0 7px;font-size:10px}.code-test__meta input[type=number]{appearance:textfield}.code-test__meta input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.code-test__meta input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.code-test__meta button{color:#ff9b96;cursor:pointer;background:#344553;border:0;border-radius:4px;place-items:center;width:28px;height:28px;padding:0;display:grid}.code-console__inputs label{grid-template-rows:20px minmax(0,1fr);min-width:0;min-height:0;display:grid}.code-console__inputs label>span{color:#9eafbd;text-transform:uppercase;font-size:10px;font-weight:700}.code-console__inputs textarea{resize:none;color:#e4ebf1;background:#101820;border:1px solid #3a4855;border-radius:4px;outline:0;width:100%;height:100%;min-height:0;padding:7px 8px;font-family:Cascadia Code,Consolas,monospace;font-size:11px;line-height:1.4}.code-console__inputs textarea:focus{border-color:#6d98e8}.code-console__inputs>button{color:#dbe5ed;cursor:pointer;background:#344553;border:0;border-radius:4px;grid-column:1/-1;justify-content:center;align-items:center;gap:6px;min-height:30px;font-size:11px;font-weight:700;display:inline-flex}.code-console__inputs>button:hover:not(:disabled){background:#405565}.code-console__output{grid-template-rows:34px minmax(0,1fr);min-width:0;min-height:0;display:grid}.code-console__output header{color:#9eafbd;text-transform:uppercase;border-bottom:1px solid #2b3946;justify-content:space-between;align-items:center;padding:0 11px;font-size:10px;display:flex}.code-console__output header span{text-transform:none;font-weight:750}.code-console__output header span.is-passed{color:#63d5a8}.code-console__output header span.is-failed{color:#ff9b96}.code-console__stdin{border-bottom:1px solid #2b3946;grid-template-rows:18px minmax(0,1fr);min-width:0;min-height:0;padding:7px 10px;display:grid}.code-console__stdin>span{color:#9eafbd;text-transform:uppercase;font-size:10px;font-weight:700}.code-console__stdin textarea{resize:none;color:#e4ebf1;background:#101820;border:1px solid #3a4855;border-radius:4px;outline:0;width:100%;height:100%;min-height:0;padding:6px 8px;font-family:Cascadia Code,Consolas,monospace;font-size:11px;line-height:1.4}.code-console__stdin textarea:focus{border-color:#6d98e8}.code-console__stdin textarea[readonly]{color:#a8b5c1}.code-console__output pre{white-space:pre-wrap;min-width:0;min-height:0;margin:0;padding:10px 12px;font-family:Cascadia Code,Consolas,monospace;font-size:11px;line-height:1.45;overflow:auto}.guest-room{color:var(--ink);background:var(--background);grid-template-rows:52px minmax(0,1fr);display:grid;position:relative}.guest-room__bar{grid-template-columns:36px minmax(0,1fr) auto}.guest-room__tabs{scrollbar-width:none;align-items:center;gap:3px;min-width:0;display:flex;overflow-x:auto}.guest-room__tabs::-webkit-scrollbar{display:none}.guest-room__tabs a,.guest-room__tabs button{color:#657282;cursor:pointer;min-height:34px;font:inherit;background:0 0;border:0;border-radius:5px;flex:none;align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.guest-room__tabs a:hover,.guest-room__tabs button:hover{color:#263442;background:#edf2f7}.guest-room__tabs button:disabled{opacity:.55;cursor:wait}.guest-room__tabs a.is-active{color:#1d55b0;background:#e7efff}.guest-room__copy{color:#465466;cursor:pointer;background:#fff;border:1px solid #cfd8e1;border-radius:6px;align-items:center;gap:7px;min-height:34px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.guest-room__copy:hover{background:#edf2f7}.guest-room__content{grid-row:2;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.guest-room__stage,.guest-room__call{min-width:0;min-height:0;overflow:hidden}.guest-room__call{color:var(--call-shell-text);background:var(--call-shell-bg)}.guest-room__call>.lesson-call,.guest-room__call>.call-room,.guest-room__call>.call-room>.lesson-call{width:100%;height:100%}.guest-room__action-error{z-index:50;color:#991b1b;max-width:min(460px,100% - 24px);box-shadow:none;background:#fff;border:1px solid #fecaca;border-radius:6px;padding:8px 12px;font-size:12px;position:absolute;top:60px;left:50%;transform:translate(-50%)}.room-resource-gate{width:100%;height:100%;color:var(--ink);text-align:center;place-content:center;gap:5px;display:grid}.room-resource-gate span{color:var(--muted);font-size:12px}.room-ended{background:#f4f7f9;place-items:center;min-height:100vh;padding:24px;display:grid}.room-ended>div{text-align:center;justify-items:center;gap:14px;display:grid}.room-ended h1{margin:0;font-size:24px}.room-ended p{max-width:460px;color:var(--muted);margin:0}.sidebar{z-index:20;width:224px;color:var(--sidebar-text);background:var(--sidebar);flex-direction:column;padding:16px 12px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar__brand{align-items:center;gap:10px;height:44px;padding:0 8px;display:flex}.brand-mark{background:0 0;flex:none;width:36px;height:36px;display:inline-flex;overflow:hidden}.brand-mark img{width:100%;height:100%;display:block}.brand-name{color:var(--sidebar-brand-text);font-size:19px;font-weight:750}.sidebar__close{color:var(--sidebar-text);margin-left:auto;display:none}.sidebar__nav{gap:4px;margin-top:28px;display:grid}.nav-link{min-height:42px;color:var(--sidebar-text);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:11px;padding:0 12px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.nav-link:hover{color:var(--sidebar-hover-text);background:var(--sidebar-hover)}.nav-link--active{color:var(--sidebar-active-text);background:var(--sidebar-active)}.nav-link:disabled{opacity:.45;cursor:default}.sidebar__lower{gap:4px;margin-top:auto;display:grid}.account-menu{border-top:1px solid var(--sidebar-divider);align-items:center;gap:9px;margin-top:12px;padding:12px 4px 0;display:flex}.account-menu__text{flex:1;min-width:0;display:grid}.account-menu__text strong{color:var(--sidebar-brand-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.account-menu__text small{color:var(--sidebar-muted);font-size:11px}.account-menu .icon-button{color:var(--sidebar-text)}.app-main{min-height:100vh;margin-left:224px}.mobile-header,.sidebar-backdrop{display:none}.page{width:100%;max-width:1500px;margin:0 auto;padding:36px 40px 64px}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;min-height:54px;margin-bottom:28px;display:flex}.page-header h1{letter-spacing:0;margin-bottom:5px;font-size:27px;line-height:1.2}.page-header p{color:var(--muted);margin-bottom:0;font-size:14px}.page-header__actions{align-items:center;gap:9px;display:flex}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;min-height:32px;margin-bottom:18px;display:flex}.section-heading h2{margin:0;font-size:17px}.section-heading a{color:var(--blue);font-size:13px;font-weight:650;text-decoration:none}.eyebrow{color:var(--muted);text-transform:uppercase;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.auth-page{background:#edf2f6;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{background:var(--surface);border:1px solid var(--line);width:min(100%,440px);box-shadow:var(--shadow);border-radius:8px;padding:34px}.auth-brand{align-items:center;gap:10px;margin-bottom:34px;font-size:20px;font-weight:750;display:flex}.auth-heading{margin-bottom:24px}.auth-heading h1{margin-bottom:8px;font-size:25px}.auth-heading p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.segmented{background:#edf1f5;border-radius:7px;grid-template-columns:1fr 1fr;height:43px;margin-bottom:22px;padding:3px;display:grid}.segmented button{color:var(--control-text-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:7px;font-weight:650;display:flex}.segmented button.is-active{color:var(--ink);box-shadow:none;background:#fff}.form-stack{gap:17px;display:grid}.form-row{grid-template-columns:minmax(0,1fr) minmax(130px,.6fr);gap:14px;display:grid}.field{gap:7px;min-width:0;display:grid}.field__label{color:#394555;font-size:13px;font-weight:700}.field__hint,.field__error{color:var(--muted);font-size:12px;line-height:1.4}.field__error{color:var(--red)}.field input,.field textarea,.field select,.search-field input,.copy-field input{border:1px solid var(--control-border);width:100%;min-height:42px;color:var(--ink);background:var(--control-bg);border-radius:6px;padding:9px 11px}.field textarea{resize:vertical;line-height:1.5}.field input:hover,.field textarea:hover,.field select:hover{border-color:var(--control-border-hover)}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--control-border-focus)}.field--error input,.field--error textarea{border-color:var(--control-border-error)}.text-link{color:var(--blue);margin-top:18px;font-size:14px;font-weight:650;text-decoration:none;display:inline-block}.invite-preview,.invite-result{border:1px solid var(--line);background:#f8fafb;border-radius:7px;align-items:center;gap:12px;padding:14px;display:flex}.invite-preview{color:var(--green);margin-bottom:20px}.invite-preview div,.invite-result div{min-width:0;color:var(--ink);gap:3px;display:grid}.invite-preview span,.invite-result span{color:var(--muted);font-size:13px}.notice{color:#244b85;background:#eef5ff;border:1px solid #bed0ef;border-radius:6px;padding:11px 13px;font-size:13px;line-height:1.45}.notice--success{color:#126044;background:#ecf8f3;border-color:#b5ddcc}.notice--error{color:#8d2926;background:#fff1f0;border-color:#e9bbb8}.error-state{min-height:92px;color:var(--red);background:#fff4f3;border:1px solid #e9bbb8;border-radius:7px;align-items:center;gap:13px;padding:18px;display:flex}.error-state div{flex:1}.error-state strong{color:var(--ink);font-size:14px}.error-state p{color:#7d4a48;margin:3px 0 0;font-size:13px}.empty-state{text-align:center;background:#ffffff8c;border:1px dashed #c9d2db;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;min-height:230px;padding:28px;display:flex}.empty-state__icon{color:#5c6b7c;background:#e9eef3;border-radius:50%;place-items:center;width:42px;height:42px;margin-bottom:12px;display:grid}.empty-state h3{margin-bottom:5px;font-size:16px}.empty-state p{max-width:410px;color:var(--muted);margin-bottom:16px;font-size:13px;line-height:1.5}.dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:20px;display:grid}.next-lesson-panel,.summary-panel,.schedule-panel{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:24px}.next-lesson-panel{flex-direction:column;align-items:flex-start;min-height:280px;display:flex}.next-lesson-panel .section-heading{width:100%}.next-lesson-panel .empty-state{background:0 0;border:0;width:100%;min-height:170px}.next-lesson-panel__student{align-items:center;gap:13px;margin:auto 0 22px;display:flex}.next-lesson-panel__student>div{gap:5px;display:grid}.next-lesson-panel__student span{color:var(--muted);align-items:center;gap:5px;font-size:13px;display:flex}.summary-panel{grid-row:span 2}.schedule-panel{min-width:0}.attention-row{border-radius:6px;grid-template-columns:38px 1fr auto 20px;align-items:center;gap:10px;min-height:68px;margin:0 -8px;padding:9px 8px;text-decoration:none;display:grid}.attention-row:hover{background:#f3f6f9}.attention-row__icon{width:36px;height:36px;color:var(--blue);background:#eaf1ff;border-radius:6px;place-items:center;display:grid}.attention-row__icon--amber{color:var(--amber);background:#fff3df}.attention-row>span:nth-child(2){gap:2px;display:grid}.attention-row strong{font-size:13px}.attention-row small{color:var(--muted);font-size:11px}.attention-row b{font-size:16px}.schedule-list{display:grid}.schedule-row{border-top:1px solid #edf0f3;grid-template-columns:48px 2px minmax(0,1fr) auto auto;align-items:center;gap:13px;min-height:60px;display:grid}.schedule-row:first-child{border-top:0}.schedule-row time{font-size:13px;font-weight:750}.schedule-row__line{background:var(--blue);border-radius:2px;height:28px}.schedule-row>div{gap:3px;min-width:0;display:grid}.schedule-row strong,.schedule-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.schedule-row strong{font-size:13px}.schedule-row div span{color:var(--muted);font-size:12px}.toolbar{align-items:center;gap:14px;min-height:54px;margin-bottom:18px;display:flex}.search-field{color:#687586;border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;gap:8px;width:min(100%,420px);height:42px;padding:0 11px;display:flex}.search-field input{background:0 0;border:0;outline:0;min-width:0;padding:0}.toolbar__count{color:var(--muted);align-items:center;gap:6px;margin-left:auto;font-size:13px;display:inline-flex}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table th{color:#66717f;text-align:left;text-transform:uppercase;background:#f5f7f9;height:42px;padding:0 14px;font-size:11px}.data-table td{color:#455263;border-top:1px solid #e8edf1;min-height:62px;padding:11px 14px;font-size:13px}.data-table tbody tr:hover{background:#fafbfd}.person-cell{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.person-cell>span:last-child{gap:2px;min-width:0;display:grid}.person-cell strong,.person-cell small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.person-cell small{color:var(--muted)}.avatar{color:#174e9b;background:#dceaff;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:14px;font-weight:750;display:inline-grid}.avatar--small{width:34px;height:34px;font-size:11px}.status{color:#526172;white-space:nowrap;background:#edf1f4;border-radius:999px;align-items:center;min-height:24px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.status--active,.status--completed,.status--reviewed{color:#126044;background:#e8f6f0}.status--pending,.status--scheduled,.status--assigned{color:#87500b;background:#fff2dc}.status--suspended,.status--cancelled,.status--returned{color:#8a332f;background:#feecea}.status--submitted{color:#204f9c;background:#e8f0ff}.count-badge{color:#8a4d00;background:#fff0d6;border-radius:99px;place-items:center;min-width:24px;height:24px;padding:0 7px;font-weight:700;display:inline-grid}.table-actions{justify-content:flex-end;align-items:center;gap:3px;display:flex}.modal-open{overflow:hidden}.modal-backdrop{z-index:100;background:#0f172085;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-backdrop--online-profile{background:#0f172066}.modal{width:min(100%,520px);max-height:calc(100vh - 48px);box-shadow:none;background:#fff;border-radius:8px;overflow:auto}.modal--small{width:min(100%,410px)}.modal--large{width:min(100%,760px)}.modal__header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;min-height:74px;padding:20px 22px;display:flex}.modal__header h2{margin:0;font-size:19px}.modal__header p{color:var(--muted);margin:5px 0 0;font-size:13px}.modal__body{padding:22px}.modal-actions{justify-content:flex-end;gap:9px;padding-top:4px;display:flex}.modal-copy{color:var(--muted);margin-bottom:0;font-size:14px;line-height:1.55}.online-profile-button{position:relative}.online-profile-button__color{border:2px solid var(--surface);background:var(--online-profile-color);pointer-events:none;border-radius:50%;width:9px;height:9px;position:absolute;bottom:5px;right:6px;box-shadow:0 0 0 1px #141f2c38}.online-profile-form{gap:18px;display:grid}.online-profile-preview{align-items:center;gap:11px;min-width:0;display:flex}.online-profile-preview__avatar{width:40px;height:40px;color:var(--online-profile-on-color,#fff);background:var(--online-profile-color);border-radius:50%;flex:0 0 40px;place-items:center;font-size:14px;font-weight:750;display:grid;box-shadow:inset 0 0 0 1px #0000001f}.online-profile-preview strong{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.online-profile-color-field{--board-style-panel:var(--surface);--board-style-panel-muted:var(--background);--board-style-panel-subtle:color-mix(in srgb, var(--surface) 82%, var(--line));--board-style-border:var(--control-border);--board-style-divider:var(--line);--board-style-text:var(--ink);--board-style-muted:var(--muted);--board-style-danger:var(--red);--board-style-checker-a:#f0f2f4;--board-style-checker-b:#cfd5db;min-width:0}.online-profile-color-field__label{color:var(--ink);font-size:13px;font-weight:700}.online-profile-color-field>.board-color-picker{margin-top:7px}[data-theme=dark] .online-profile-color-field{--board-style-checker-a:#383936;--board-style-checker-b:#222321}.copy-field{grid-template-columns:minmax(0,1fr) 40px;align-items:center;display:grid}.copy-field input{grid-area:1/1;padding-right:44px}.copy-field .icon-button{grid-area:1/1;justify-self:end}.back-link{color:var(--muted);align-items:center;gap:6px;margin-bottom:18px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--blue)}.student-profile-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;display:flex}.student-profile-header__identity{align-items:center;gap:15px;min-width:0;display:flex}.student-profile-header__identity>div{flex-wrap:wrap;align-items:center;gap:7px 10px;min-width:0;display:flex}.student-profile-header__identity h1{text-overflow:ellipsis;width:100%;margin:0;font-size:27px;overflow:hidden}.student-profile-header__identity>div>span:not(.status){color:var(--muted);font-size:13px}.avatar--large{width:58px;height:58px;font-size:18px}.student-profile-header__actions{align-items:center;gap:8px;display:flex}.metric-strip{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px;display:grid}.metric-strip>div{border-left:1px solid var(--line);gap:7px;min-width:0;padding:17px 20px;display:grid}.metric-strip>div:first-child{border-left:0}.metric-strip span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:650}.metric-strip strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.inline-note{color:#765219;background:#fff9ed;border:1px solid #ead7b5;border-radius:7px;gap:11px;margin-bottom:20px;padding:15px 17px;display:flex}.inline-note strong{color:#4c3d25;font-size:13px}.inline-note p{color:#6c5c44;white-space:pre-wrap;margin:4px 0 0;font-size:13px;line-height:1.5}.detail-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:20px;display:grid}.content-section{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;padding:22px}.link-button{color:var(--blue);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:650}.timeline-list,.compact-list{display:grid}.timeline-row{border-top:1px solid #edf0f3;grid-template-columns:minmax(0,1fr) auto 38px;align-items:center;gap:10px;min-height:64px;padding-left:26px;display:grid;position:relative}.timeline-row:first-child{border-top:0}.timeline-row:before{content:"";background:#dce3e9;width:1px;position:absolute;top:0;bottom:0;left:7px}.timeline-row:first-child:before{top:50%}.timeline-row:last-child:before{bottom:50%}.timeline-row__dot{z-index:1;background:#93a0ad;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;left:3px;box-shadow:0 0 0 1px #93a0ad}.timeline-row__dot--active,.timeline-row__dot--completed{background:var(--green);box-shadow:0 0 0 1px var(--green)}.timeline-row__dot--scheduled{background:var(--blue);box-shadow:0 0 0 1px var(--blue)}.timeline-row>div{gap:3px;min-width:0;display:grid}.timeline-row strong,.timeline-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timeline-row strong{font-size:13px}.timeline-row div span{color:var(--muted);font-size:12px}.compact-row{border-top:1px solid #edf0f3;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:61px;display:grid}.compact-row:first-child{border-top:0}.compact-row__icon{width:34px;height:34px;color:var(--blue);background:#eaf1ff;border-radius:6px;place-items:center;display:grid}.compact-row>div{gap:3px;min-width:0;display:grid}.compact-row strong,.compact-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compact-row strong{font-size:13px}.compact-row div span{color:var(--muted);font-size:11px}.toolbar--wrap{flex-wrap:wrap}.filter-tabs{border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;gap:2px;min-height:40px;padding:3px;display:inline-flex}.filter-tabs button{color:#5a6776;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:5px;align-items:center;gap:6px;height:32px;padding:0 11px;font-size:12px;font-weight:650;display:inline-flex}.filter-tabs button:hover{background:#f1f4f7}.filter-tabs button.is-active{color:var(--ink);background:#e8eef5}.filter-tabs button span{color:#7a4708;background:#ffe9c4;border-radius:99px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:10px;display:inline-grid}.filter-tabs--standalone{margin-bottom:20px}.library-layout{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:minmax(310px,.75fr) minmax(0,1.25fr);min-height:560px;display:grid;overflow:hidden}.material-list{border-right:1px solid var(--line);min-height:560px;max-height:calc(100vh - 220px);overflow:auto}.material-row{width:100%;min-height:82px;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0f3;align-items:flex-start;gap:11px;padding:13px 15px;display:flex}.material-row:hover{background:#f8fafc}.material-row--selected{box-shadow:inset 3px 0 var(--blue);background:#eef4ff}.material-kind{color:#285b9f;background:#e5effd;border-radius:7px;flex:none;place-items:center;width:38px;height:38px;display:grid}.material-kind--task{color:#87520d;background:#fff0d8}.material-kind--link{color:#246f5a;background:#e3f4ee}.material-kind--file{color:#73479d;background:#f0e8f8}.material-row__content{gap:4px;min-width:0;display:grid}.material-row__content strong,.material-row__content small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.material-row__content strong{font-size:13px}.material-row__content small{color:var(--muted);font-size:11px}.tag-line{gap:5px;min-height:17px;display:flex}.tag-line em{color:#607185;font-size:10px;font-style:normal}.material-preview{min-width:0;padding:28px 32px;overflow:auto}.material-preview__head{color:var(--muted);text-transform:uppercase;align-items:center;gap:9px;font-size:12px;font-weight:700;display:flex}.material-preview__head .material-kind{width:34px;height:34px}.material-preview__head a{color:var(--blue);margin-left:auto}.material-preview h2{margin:24px 0 14px;font-size:22px}.material-body{color:#354253;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7}.source-link{max-width:100%;color:var(--blue);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;margin-top:18px;font-size:13px;display:inline-flex;overflow:hidden}.file-chip{border:1px solid var(--line);border-radius:6px;align-items:center;gap:8px;width:fit-content;margin-top:18px;padding:9px 11px;font-size:13px;display:flex}.preview-tags{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;margin-top:22px;font-size:12px;display:flex}.material-preview__actions{border-top:1px solid var(--line);gap:9px;margin-top:30px;padding-top:20px;display:flex}.assignment-list{gap:10px;display:grid}.assignment-card{border:1px solid var(--line);background:#fff;border-radius:7px;grid-template-columns:42px minmax(0,1fr) auto;align-items:flex-start;gap:13px;min-height:112px;padding:18px;display:grid}.assignment-card__icon{width:40px;height:40px;color:var(--blue);background:#e7efff;border-radius:7px;place-items:center;display:grid}.assignment-card__main{min-width:0}.assignment-card__main>div{align-items:center;gap:9px;display:flex}.assignment-card h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;overflow:hidden}.assignment-card p{color:#4e5c6c;text-overflow:ellipsis;white-space:nowrap;margin:8px 0;font-size:13px;line-height:1.45;overflow:hidden}.assignment-card__main>span{color:var(--muted);font-size:11px}.assignment-card__action{align-self:center}.success-icon{color:var(--green)}.submitted-answer,.assignment-condition{border:1px solid var(--line);background:#f8fafb;border-radius:7px;padding:14px}.submitted-answer span,.assignment-condition span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:700}.submitted-answer p,.assignment-condition p{color:#354253;white-space:pre-wrap;margin:8px 0 0;font-size:14px;line-height:1.6}.modal-actions--split{justify-content:space-between}.student-dashboard{grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:20px;display:grid}.student-next-lesson,.student-homework-panel,.student-progress-panel{border:1px solid var(--line);background:#fff;border-radius:8px;padding:24px}.student-next-lesson{min-height:320px}.student-next-lesson__body{min-height:210px;color:var(--muted);flex-direction:column;justify-content:center;align-items:flex-start;gap:13px;font-size:13px;display:flex}.student-next-lesson__body>span{align-items:center;gap:7px;display:flex}.student-next-lesson__date{color:var(--ink);text-transform:capitalize;font-size:17px}.student-next-lesson__body .button{margin-top:10px}.student-next-lesson .empty-state{background:0 0;border:0;min-height:210px}.student-homework-panel{min-width:0}.student-homework-panel .empty-state{background:0 0;border:0;min-height:215px}.homework-brief-list{display:grid}.homework-brief{border-top:1px solid #edf0f3;grid-template-columns:36px minmax(0,1fr) 20px;align-items:center;gap:9px;min-height:62px;padding:8px 4px;text-decoration:none;display:grid}.homework-brief:first-child{border-top:0}.homework-brief__icon{width:34px;height:34px;color:var(--blue);background:#e8f0ff;border-radius:6px;place-items:center;display:grid}.homework-brief__icon.is-returned{color:var(--amber);background:#fff1da}.homework-brief>span:nth-child(2){gap:3px;min-width:0;display:grid}.homework-brief strong,.homework-brief small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.homework-brief strong{font-size:13px}.homework-brief small{color:var(--muted);font-size:11px}.student-progress-panel{grid-column:1/-1;grid-template-columns:46px 1fr auto;align-items:center;gap:13px;min-height:102px;display:grid}.student-progress-panel__icon{width:44px;height:44px;color:var(--green);background:#e5f5ef;border-radius:50%;place-items:center;display:grid}.student-progress-panel h2{color:var(--muted);margin:0 0 4px;font-size:12px}.student-progress-panel strong{font-size:24px}.student-progress-panel a{color:var(--blue);font-size:13px;font-weight:650}.student-assignment-grid,.student-material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.student-assignment-card{border:1px solid var(--line);background:#fff;border-radius:8px;flex-direction:column;min-width:0;min-height:220px;padding:19px;display:flex}.student-assignment-card__top{justify-content:space-between;align-items:center;display:flex}.student-assignment-card h2{margin:18px 0 8px;font-size:16px}.student-assignment-card p{color:#526071;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:20px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.student-assignment-card__bottom{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;display:flex}.student-assignment-card__bottom>span{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:flex}.assignment-dialog{gap:17px;display:grid}.notice svg{vertical-align:text-bottom}.student-material-card{border:1px solid var(--line);min-width:0;min-height:112px;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:8px;grid-template-columns:40px minmax(0,1fr) 18px;align-items:flex-start;gap:12px;padding:16px;display:grid}.student-material-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-card-hover)}.student-material-card__content{gap:5px;min-width:0;display:grid}.student-material-card__content small{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:700}.student-material-card__content strong,.student-material-card__content>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.student-material-card__content strong{font-size:14px}.student-material-card__content>span{color:var(--muted);font-size:12px}.student-material-card>svg{color:var(--muted)}.mobile-material-overlay{z-index:25;justify-content:flex-end;display:flex;position:fixed;inset:0}.mobile-material-overlay .sidebar-backdrop{display:block}.student-material-detail{z-index:26;width:min(520px,92vw);box-shadow:var(--shadow-side-panel);background:#fff;padding:30px;position:relative;overflow:auto}.student-material-detail .detail-close{float:right;color:var(--blue);cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:650}.student-material-detail>small{color:var(--muted);text-transform:uppercase;margin:14px 0 5px;font-size:11px;font-weight:700;display:block}.student-material-detail h2{margin-bottom:18px}.admin-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.admin-summary>div{border:1px solid var(--line);background:#fff;border-radius:7px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;min-height:82px;padding:15px;display:grid}.admin-summary__icon{width:36px;height:36px;color:var(--blue);background:#e8f0ff;border-radius:6px;place-items:center;display:grid}.admin-summary__icon--green{color:var(--green);background:#e6f5ef}.admin-summary__icon--gray{color:#687586;background:#edf1f4}.admin-summary span:nth-child(2){color:var(--muted);font-size:12px}.admin-summary strong{font-size:21px}.lesson-loading{place-items:center;min-height:100vh;padding:24px;display:grid}.lesson-shell{width:100%;max-width:100vw;height:100dvh;min-height:0;color:var(--ink);background:#edf1f4;grid-template:58px minmax(0,1fr)/72px minmax(0,1fr);display:grid;overflow:hidden}.lesson-header{z-index:10;background:#fff;border-bottom:1px solid #d5dce3;grid-column:1/-1;align-items:center;gap:10px;min-width:0;padding:0 12px;display:flex}.lesson-header__title{flex:1;gap:2px;min-width:0;display:grid}.lesson-header__title strong,.lesson-header__title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lesson-header__title strong{font-size:14px}.lesson-header__title span{color:var(--muted);font-size:11px}.connection-pill{color:#865207;background:#fff0d6;border-radius:99px;align-items:center;gap:6px;min-height:28px;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}.connection-pill--connected{color:#126044;background:#e5f5ef}.connection-pill--offline{color:#8d312d;background:#feecea}.lesson-timer{color:#4a5665;font-variant-numeric:tabular-nums;text-align:center;min-width:52px;font-size:13px;font-weight:750}.lesson-modes{background:#fff;border-right:1px solid #d5dce3;flex-direction:column;gap:7px;padding:10px 7px;display:flex}.lesson-modes button{color:#657283;cursor:pointer;background:0 0;border:0;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:58px;height:58px;padding:5px 2px;display:flex}.lesson-modes button:hover{color:var(--ink);background:#edf2f6}.lesson-modes button.is-active{color:var(--blue);background:#e9f0ff}.lesson-modes span{font-size:9px;font-weight:700}.lesson-workspace{background:#f8fafc;min-width:0;min-height:0;position:relative;overflow:hidden}.workspace-pane{min-width:0;min-height:0;display:none;position:absolute;inset:0}.workspace-pane.is-visible{display:flex}.lesson-runtime-loading{grid-row:1/-1;place-items:center;width:100%;height:100%;display:grid}.lesson-toast{z-index:8;width:min(520px,100% - 24px);box-shadow:var(--shadow);align-items:center;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.lesson-toast .notice{flex:1}.lesson-toast .icon-button{margin-left:-42px}.code-workspace{background:#fff;flex-direction:column;display:none}.code-workspace.is-visible{grid-template-rows:50px minmax(200px,1fr) minmax(120px,30%);display:grid}.code-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:0 12px;display:flex}.language-switch{background:#edf1f5;border-radius:6px;height:34px;padding:3px;display:flex}.language-switch button{color:var(--control-text-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0 11px;font-size:12px;font-weight:700}.language-switch button.is-active{color:var(--ink);box-shadow:none;background:#fff}.code-editor{min-width:0;min-height:0}.code-output{color:#dce7f1;background:#17212b;border-top:1px solid #2b3946;min-width:0;min-height:0;overflow:auto}.code-output__head{color:#9eafbd;text-transform:uppercase;border-bottom:1px solid #2b3946;justify-content:space-between;align-items:center;height:37px;padding:0 14px;font-size:11px;display:flex}.code-output__head button{color:#aebdca;cursor:pointer;text-transform:none;background:0 0;border:0;font-size:11px}.code-output pre{white-space:pre-wrap;margin:0;padding:12px 14px;font-family:Cascadia Code,Consolas,monospace;font-size:12px;line-height:1.55;overflow:auto}.lesson-library{background:#f5f7f9;flex-direction:column;padding:24px;overflow:auto}.lesson-library__header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.lesson-library__header h2{margin:0 0 5px;font-size:20px}.lesson-library__header p{color:var(--muted);margin:0;font-size:12px}.lesson-library__header .search-field{background:#fff;flex:0 340px}.lesson-material-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.lesson-material-card{border:1px solid var(--line);background:#fff;border-radius:7px;flex-direction:column;min-width:0;min-height:210px;padding:17px;display:flex}.lesson-material-card__head{justify-content:space-between;align-items:center;display:flex}.lesson-material-card__kind{width:34px;height:34px;color:var(--blue);background:#e7efff;border-radius:6px;place-items:center;display:grid}.lesson-material-card__kind--task{color:var(--amber);background:#fff1dc}.lesson-material-card h3{text-overflow:ellipsis;white-space:nowrap;margin:16px 0 7px;font-size:14px;overflow:hidden}.lesson-material-card p{color:#5a6675;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 16px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.lesson-material-card__foot{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.lesson-material-card__foot>span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.progress-tag{color:#735019;white-space:nowrap;background:#fff0d6;border-radius:99px;align-items:center;min-height:21px;padding:3px 7px;font-size:9px;font-weight:750;display:inline-flex}.progress-tag--covered{color:#20508e;background:#e7f0ff}.progress-tag--completed{color:#126044;background:#e5f5ef}.guest-room__call,.call-room,.lesson-call{--call-shell-text:#24313d;--call-shell-muted:#5f7082;--call-shell-border:#d2dbe3;--call-shell-bg:#f4f7f9;--call-icon-text:#41576a;--call-icon-border:#c6d2dc;--call-icon-bg:#e6edf2;--call-error-text:#9b3430;--call-error-border:#e8b5b0;--call-error-bg:#fff0ef;--call-error-button:#a03b36;--call-primary-text:#fff;--call-primary-bg:#2563eb;--call-primary-hover:#1d4ed8;--call-stage-bg:#e9eef3;--call-participant-bg:#dce5eb;--call-placeholder-text:#566a7b;--call-placeholder-bg:#e3eaf0;--call-overlay-text:#263746;--call-overlay-bg:#f8fafcdb;--call-overlay-connecting:#8a5205;--call-pip-label:#fff;--call-pip-border:#2637464d;--call-pip-shadow:none;--call-pip-text-shadow:none;--call-connected:#16815a;--call-connected-ring:0 0 0 3px #16815a24;--call-speaking:#18a765;--call-speaking-ring:#18a76547;--call-quality-good:#248a62;--call-quality-warn:#ba791b;--call-quality-bad:#b83d38;--call-controls-bg:#f4f7f9e6;--call-control-text:#445668;--call-control-bg:#dbe4eb;--call-control-hover-text:#172532;--call-control-hover-bg:#c9d7e1;--call-control-active-text:#fff;--call-control-active-bg:#2f6b9a;--call-danger-text:#fff;--call-danger-bg:#b83d38;--call-danger-hover:#9e312d;--call-audio-border:#24313d38;--call-settings-bg:#fff;--call-settings-border:#c6d2dc;--call-settings-shadow:none;--call-settings-field-bg:#f4f7f9;--call-settings-field-border:#c6d2dc;--call-settings-focus:#2563eb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark] .guest-room__call,[data-theme=dark] .call-room,[data-theme=dark] .lesson-call{--call-shell-text:#fff;--call-shell-muted:#b0b1ad;--call-shell-border:#363733;--call-shell-bg:#171816;--call-icon-text:#dedfdb;--call-icon-border:#4b4c47;--call-icon-bg:#282926;--call-error-text:#ffc8c2;--call-error-border:#784943;--call-error-bg:#3c2929;--call-error-button:#ffd1cb;--call-primary-text:#fff;--call-primary-bg:#2d68c4;--call-primary-hover:#2459a9;--call-stage-bg:#171816;--call-participant-bg:#20211f;--call-placeholder-text:#999b96;--call-placeholder-bg:#292a27;--call-overlay-text:#e8e9e6;--call-overlay-bg:#0d0e0cbd;--call-overlay-connecting:#ffe0a8;--call-pip-label:#fff;--call-pip-border:#ffffff57;--call-pip-shadow:none;--call-pip-text-shadow:none;--call-connected:#4ad49a;--call-connected-ring:0 0 0 3px #4ad49a24;--call-speaking:#3ddc84;--call-speaking-ring:#3ddc844d;--call-quality-good:#4ad49a;--call-quality-warn:#f0b75f;--call-quality-bad:#ff8178;--call-controls-bg:#0d0e0cdb;--call-control-text:#c1c2be;--call-control-bg:#30312e;--call-control-hover-text:#fff;--call-control-hover-bg:#41423e;--call-control-active-text:#fff;--call-control-active-bg:#46505d;--call-danger-text:#fff;--call-danger-bg:#b63c37;--call-danger-hover:#99312d;--call-audio-border:#ffffff40;--call-settings-bg:#242522;--call-settings-border:#4b4c47;--call-settings-shadow:none;--call-settings-field-bg:#30312e;--call-settings-field-border:#555650;--call-settings-focus:#76a9f5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.call-room{--lk-bg:var(--call-shell-bg);--lk-bg2:var(--call-participant-bg);--lk-bg3:var(--call-control-bg);--lk-fg:var(--call-shell-text);--lk-fg-secondary:var(--call-shell-muted);--lk-accent-bg:var(--call-primary-bg);--lk-accent-fg:var(--call-primary-text);--lk-danger:var(--call-danger-bg);--lk-border-color:var(--call-shell-border);color:var(--call-shell-text);background:var(--call-shell-bg)}.lesson-call{height:225px;color:var(--call-shell-text);background:var(--call-shell-bg);position:relative;overflow:hidden}.lesson-call--lobby{text-align:left;flex-direction:column;justify-content:center;align-items:stretch;padding:14px;display:flex}.call-lobby-summary{justify-content:center;align-items:center;gap:10px;display:flex}.call-lobby-copy{flex-direction:column;min-width:0;display:flex}.call-lobby-copy strong{font-size:14px}.call-lobby-copy span{color:var(--call-shell-muted);margin-top:3px;font-size:10px;line-height:1.35}.call-lobby-icon{border:1px solid var(--call-icon-border);width:44px;height:44px;color:var(--call-icon-text);background:var(--call-icon-bg);border-radius:50%;place-items:center;display:grid}.call-lobby-icon.is-error{color:var(--call-error-text);border-color:var(--call-error-border);background:var(--call-error-bg)}.call-lobby-roster{scrollbar-width:thin;width:min(320px,100%);min-height:31px;max-height:70px;margin:10px auto 0;overflow-y:auto}.call-lobby-roster__empty{min-height:31px;color:var(--call-shell-muted);text-align:center;place-items:center;font-size:10px;display:grid}.call-lobby-participant{border-radius:5px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:31px;padding:3px 5px;display:grid}.call-lobby-participant+.call-lobby-participant{border-top:1px solid var(--call-shell-border)}.call-lobby-participant__avatar{width:24px;height:24px;color:var(--call-primary-text);border-radius:50%;place-items:center;font-size:9px;font-weight:800;display:grid}.call-lobby-participant__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:650;overflow:hidden}.call-lobby-participant__media{min-width:0;color:var(--call-shell-muted);justify-content:flex-end;align-items:center;gap:5px;display:inline-flex}.call-lobby-participant__media>span{place-items:center;width:18px;height:18px;display:grid}.call-lobby-error{width:min(290px,100%);color:var(--call-error-text);margin-top:8px;font-size:10px;line-height:1.3}.call-join-button{min-height:34px;color:var(--call-primary-text);background:var(--call-primary-bg);cursor:pointer;font:inherit;border:0;border-radius:6px;justify-content:center;align-items:center;gap:7px;margin:10px auto 0;padding:0 14px;font-size:11px;font-weight:750;display:inline-flex}.call-join-button:hover:not(:disabled){background:var(--call-primary-hover)}.call-join-button:disabled{cursor:wait;opacity:.72}.lesson-call--active{isolation:isolate}.call-stage{background:var(--call-stage-bg);padding:8px;position:absolute;inset:0 0 56px;overflow:hidden}.call-layout-grid{grid-template-columns:repeat(var(--lk-col-count,1), minmax(0, 1fr));grid-template-rows:repeat(var(--lk-row-count,1), minmax(0, 1fr));gap:7px;width:100%;min-width:0;height:100%;min-height:0;display:grid;position:relative}.call-layout-grid.is-media-empty{flex-wrap:wrap;place-content:center;align-items:center;display:flex}.call-layout-grid.is-media-empty .call-track-tile{flex:0 210px;width:min(210px,100%);height:min(124px,100%)}.call-track-tile{border:1px solid var(--call-shell-border);min-width:0;min-height:0;color:var(--call-shell-text);background:var(--call-participant-bg);cursor:default;border-radius:6px;position:relative;overflow:visible}.call-track-tile--media{cursor:pointer}.call-track-tile--media:hover{border-color:var(--call-settings-focus)}.call-track-tile--media:focus-visible{outline:2px solid var(--call-settings-focus);outline-offset:2px}.call-track-tile.is-focused{border-color:var(--call-settings-focus)}.call-layout-grid.has-active-media .call-track-tile--no-media{place-self:center;width:min(100%,220px);height:min(100%,140px)}.call-participant{border-radius:inherit;background:var(--call-participant-bg);inset:0;overflow:hidden;position:absolute!important}.call-participant video,.call-participant .lk-participant-media-video{object-fit:cover;width:100%;height:100%;display:block}.call-participant video[data-lk-local-participant=true][data-lk-source=camera]{transform:rotateY(180deg)}.call-participant .lk-participant-placeholder{color:var(--call-placeholder-text);background:var(--call-placeholder-bg);pointer-events:none;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.call-participant[data-lk-video-muted=true] .lk-participant-placeholder{display:flex}.call-participant .lk-participant-placeholder svg{width:auto;height:82%;padding:9%}.call-track-tile--screen .call-participant video,.call-track-tile--screen .call-participant .lk-participant-media-video{object-fit:contain}.call-participant .lk-participant-metadata,.call-track-tile--no-media .call-participant{display:none}.call-participant-idle{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:10px;display:flex;position:absolute;inset:0}.call-participant-idle>span{border:1px solid var(--call-icon-border);width:42px;height:42px;color:var(--call-icon-text);background:var(--call-icon-bg);border-radius:50%;place-items:center;font-size:14px;font-weight:800;display:grid}.call-track-tile.is-transmitting-audio .call-participant-idle>span{border-color:var(--call-speaking);box-shadow:0 0 0 3px var(--call-speaking-ring)}.call-participant-idle strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.call-participant-idle small{color:var(--call-shell-muted);font-size:9px}.call-track-label{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;gap:6px;display:flex;position:absolute;bottom:7px;left:34px;right:7px}.call-track-label>span,.call-track-label>small{min-width:0;color:var(--call-overlay-text);background:var(--call-overlay-bg);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;padding:3px 6px;font-size:9px;font-weight:700;overflow:hidden}.call-track-label>span{max-width:100%}.call-track-tile--no-media .call-track-label{display:none}.call-connection{z-index:6;position:absolute;bottom:7px;left:7px}.call-connection__trigger{width:16px;height:16px;color:var(--call-shell-muted);cursor:default;opacity:.48;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:opacity .12s;display:grid}.call-connection:hover .call-connection__trigger,.call-connection:focus-within .call-connection__trigger{opacity:.82}.call-connection[data-quality=excellent] .call-connection__trigger,.call-connection[data-quality=good] .call-connection__trigger{color:var(--call-quality-good)}.call-connection[data-quality=poor] .call-connection__trigger{color:var(--call-quality-warn)}.call-connection[data-quality=lost] .call-connection__trigger{color:var(--call-quality-bad)}.call-connection__trigger:focus-visible{outline:2px solid var(--call-settings-focus);outline-offset:2px}.call-connection__popover{border:1px solid var(--call-settings-border);width:188px;color:var(--call-shell-text);background:var(--call-settings-bg);box-shadow:var(--call-settings-shadow);border-radius:6px;padding:9px 10px;position:absolute;bottom:21px;left:0}.call-connection__popover>strong{margin-bottom:5px;font-size:10px;display:block}.call-connection__popover dl{gap:3px;margin:0;display:grid}.call-connection__popover dl>div{justify-content:space-between;gap:8px;min-width:0;font-size:9px;display:flex}.call-connection__popover dt{color:var(--call-shell-muted)}.call-connection__popover dd{text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:700;overflow:hidden}.call-participant-menu{z-index:10;border:1px solid var(--call-settings-border);width:min(248px,100% - 16px);color:var(--call-shell-text);background:var(--call-settings-bg);box-shadow:var(--call-settings-shadow);border-radius:7px;padding:11px;position:absolute}.call-participant-volume{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px 10px;min-width:0;display:grid}.call-participant-volume>label{color:var(--call-shell-muted);font-size:10px;font-weight:700}.call-participant-volume__value{border:1px solid var(--call-settings-field-border);background:var(--call-settings-field-bg);border-radius:5px;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:70px;height:30px;padding:0 7px;display:grid}.call-participant-volume__value:focus-within{border-color:var(--call-settings-focus);outline:2px solid color-mix(in srgb, var(--call-settings-focus) 22%, transparent);outline-offset:1px}.call-participant-volume__value input{width:100%;min-width:0;color:var(--call-shell-text);font:inherit;text-align:right;background:0 0;border:0;outline:0;padding:0;font-size:11px;font-weight:750}.call-participant-volume__value input::-webkit-inner-spin-button{margin:0}.call-participant-volume__value span{color:var(--call-shell-muted);font-size:10px;font-weight:700}.call-participant-volume__range{--call-volume-fill:50%;--call-volume-boost:0%;appearance:none;background:linear-gradient(to right, var(--call-quality-warn) 0 var(--call-volume-boost), var(--call-settings-focus) var(--call-volume-boost) var(--call-volume-fill), var(--call-settings-field-border) var(--call-volume-fill) 100%);cursor:pointer;border-radius:99px;grid-column:1/-1;width:100%;height:5px}.call-participant-volume__range::-webkit-slider-thumb{border:2px solid var(--call-settings-bg);appearance:none;background:var(--call-settings-focus);width:15px;height:15px;box-shadow:0 0 0 1px var(--call-settings-border);border-radius:50%}.call-participant-volume__range::-moz-range-thumb{border:2px solid var(--call-settings-bg);background:var(--call-settings-focus);width:11px;height:11px;box-shadow:0 0 0 1px var(--call-settings-border);border-radius:50%}.call-participant-volume__range:focus-visible{outline:2px solid var(--call-settings-focus);outline-offset:4px}.call-focus-layout{grid-template-columns:minmax(0,1fr) clamp(92px,24%,190px);grid-template-areas:"focus carousel";gap:7px;width:100%;min-width:0;height:100%;min-height:0;display:grid}.call-focus-layout>.call-track-tile{grid-area:focus}.call-track-carousel{scrollbar-width:thin;grid-area:carousel;gap:6px;min-width:0;min-height:0;display:flex;overflow:auto}.call-track-carousel[data-lk-orientation=vertical]{flex-direction:column}.call-track-carousel[data-lk-orientation=horizontal]{flex-direction:row}.call-track-carousel[data-lk-orientation=vertical]>.call-track-tile{flex:0 0 clamp(76px,32%,130px);min-height:76px}.call-track-carousel[data-lk-orientation=horizontal]>.call-track-tile{flex:0 0 clamp(110px,32%,180px);min-width:110px}.call-track-carousel .call-participant-idle>span{width:32px;height:32px;font-size:11px}.call-track-carousel .call-participant-idle strong{font-size:9px}.call-track-carousel .call-participant-idle small{display:none}.call-track-carousel .call-track-label{bottom:4px;left:30px;right:4px}.call-track-carousel .call-track-label>span,.call-track-carousel .call-track-label>small{padding:2px 4px;font-size:8px}.call-track-carousel .call-connection{bottom:4px;left:4px}.call-track-carousel .call-connection__trigger{width:16px;height:16px}.call-layout-grid .lk-pagination-indicator{gap:4px;display:flex;position:absolute;bottom:4px;right:50%;transform:translate(50%)}.call-layout-grid .lk-pagination-indicator span{background:var(--call-shell-muted);opacity:.45;border-radius:50%;width:5px;height:5px}.call-layout-grid .lk-pagination-indicator span[data-lk-active]{opacity:1}.call-layout-grid .lk-pagination-control{z-index:4;align-items:center;gap:3px;display:flex;position:absolute;bottom:4px;right:6px}.call-layout-grid .lk-pagination-control button{width:22px;height:22px;color:var(--call-control-text);background:var(--call-control-bg);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.call-layout-grid .lk-pagination-control button:last-child svg{transform:rotate(180deg)}.call-layout-grid .lk-pagination-count{color:var(--call-shell-muted);font-size:8px}.call-track-tile .lk-focus-toggle-button{display:none}.call-waiting{z-index:3;color:var(--call-overlay-text);background:var(--call-overlay-bg);white-space:nowrap;border-radius:5px;padding:5px 8px;font-size:9px;position:absolute;top:43px;left:50%;transform:translate(-50%)}.call-status{z-index:5;min-height:23px;color:var(--call-overlay-text);background:var(--call-overlay-bg);border-radius:5px;align-items:center;gap:6px;padding:0 8px;font-size:9px;font-weight:700;display:inline-flex;position:absolute;top:9px;left:9px}.call-status__dot{background:var(--call-connected);width:6px;height:6px;box-shadow:var(--call-connected-ring);border-radius:50%}.call-status.is-connecting{color:var(--call-overlay-connecting)}.call-alert{z-index:7;border:1px solid var(--call-error-border);min-height:36px;color:var(--call-error-text);background:var(--call-error-bg);border-radius:5px;grid-template-columns:16px minmax(0,1fr) 20px;align-items:center;gap:5px;padding:6px 7px;font-size:9px;line-height:1.25;display:grid;position:absolute;top:38px;left:9px;right:9px}.call-alert button{width:20px;height:20px;color:var(--call-error-button);cursor:pointer;background:0 0;border:0;padding:0;font-size:16px}.call-controls{z-index:8;background:var(--call-controls-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:center;align-items:center;gap:4px;height:56px;padding:6px 4px;display:flex;position:absolute;bottom:0;left:0;right:0}.call-control{width:42px;height:42px;color:var(--call-control-text);background:var(--call-control-bg);cursor:pointer;border:0;border-radius:50%;flex:0 0 42px;place-items:center;display:grid;position:relative}.call-control:hover:not(:disabled){color:var(--call-control-hover-text);background:var(--call-control-hover-bg)}.call-control.is-active{color:var(--call-control-active-text);background:var(--call-control-active-bg)}.call-control.is-access-inactive{color:var(--call-shell-muted);background:color-mix(in srgb, var(--call-control-bg) 58%, var(--call-controls-bg));filter:saturate(.35)}.call-control.is-access-inactive:hover:not(:disabled){color:var(--call-shell-muted);background:color-mix(in srgb, var(--call-control-hover-bg) 62%, var(--call-controls-bg))}.call-control-tooltip{z-index:12;visibility:hidden;border:1px solid var(--call-settings-border);width:max-content;max-width:min(210px,100vw - 20px);color:var(--call-shell-text);background:var(--call-settings-bg);box-shadow:var(--call-settings-shadow);opacity:0;pointer-events:none;text-align:center;border-radius:5px;padding:6px 8px;font-size:9px;font-weight:650;line-height:1.25;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%)}.call-control.is-access-inactive:hover .call-control-tooltip,.call-control.is-access-inactive:focus-visible .call-control-tooltip{visibility:visible;opacity:1}.call-control.is-danger{color:var(--call-danger-text);background:var(--call-danger-bg);margin-left:2px}.call-control.is-danger:hover{background:var(--call-danger-hover)}.call-control:disabled{cursor:not-allowed;opacity:.48}.call-media-control{flex:0 0 46px;place-items:center;width:46px;height:46px;display:grid;position:relative}.call-control-menu-trigger{z-index:2;border:2px solid var(--call-controls-bg);width:18px;height:18px;color:var(--call-control-text);background:var(--call-control-bg);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;bottom:-1px;right:-1px}.call-control-menu-trigger:hover:not(:disabled),.call-media-control.is-open .call-control-menu-trigger{color:var(--call-control-hover-text);background:var(--call-control-hover-bg)}.call-control-menu-trigger:disabled{cursor:not-allowed;opacity:.48}.call-media-control:has(.call-control.is-active) .call-control-menu-trigger{color:var(--call-control-active-text);background:var(--call-control-active-bg)}.call-device-menu{z-index:2;border:1px solid var(--call-settings-border);width:min(260px,100vw - 16px);max-height:180px;color:var(--call-shell-text);background:var(--call-settings-bg);box-shadow:var(--call-settings-shadow);border-radius:6px;gap:6px;padding:8px;display:grid;position:absolute;bottom:52px;left:50%;overflow:auto;transform:translate(-50%)}.call-media-control:first-child .call-device-menu{left:0;transform:none}.call-media-control:nth-child(3) .call-device-menu{left:auto;right:0;transform:none}.call-device-menu header{justify-content:space-between;align-items:center;gap:8px;min-height:24px;display:flex}.call-device-menu header strong{font-size:11px}.call-device-menu__section{gap:2px;min-width:0;display:grid}.call-device-menu__section>span{color:var(--call-shell-muted);padding:2px 5px;font-size:9px;font-weight:700}.call-device-menu__section>small{color:var(--call-shell-muted);padding:5px;font-size:9px}.call-device-menu__section button,.call-screen-menu>button{width:100%;min-width:0;min-height:28px;color:var(--call-shell-text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:4px;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:5px;padding:4px 6px;display:grid}.call-device-menu__section button:hover:not(:disabled),.call-screen-menu>button:hover:not(:disabled){background:var(--call-control-hover-bg)}.call-device-menu__section button svg{visibility:hidden}.call-device-menu__section button[aria-checked=true] svg{visibility:visible}.call-device-menu__section button span,.call-screen-menu>button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;overflow:hidden}.call-device-menu button:disabled{cursor:not-allowed;opacity:.48}.call-device-menu button:focus-visible,.call-control-menu-trigger:focus-visible{outline:2px solid var(--call-settings-focus);outline-offset:1px}.call-screen-menu{width:min(220px,100vw - 16px)}.call-settings-modal .modal__body{padding-top:0}.call-settings{display:grid}.call-settings-section{border-bottom:1px solid var(--line);gap:15px;padding:22px 0;display:grid}.call-settings-section:last-child{border-bottom:0}.call-settings-section>header{min-height:24px;color:var(--ink);align-items:center;gap:9px;display:flex}.call-settings-section>header svg{color:var(--blue)}.call-settings-section h3{margin:0;font-size:15px}.call-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.call-settings-field{min-width:0;color:var(--muted);gap:6px;font-size:12px;font-weight:700;display:grid}.call-settings-field select{border:1px solid var(--control-border);width:100%;min-width:0;height:42px;color:var(--ink);background:var(--control-bg);font:inherit;text-overflow:ellipsis;border-radius:6px;padding:0 34px 0 11px;font-size:13px;font-weight:500;overflow:hidden}.call-settings-field select:hover:not(:disabled){border-color:var(--control-border-hover)}.call-settings-field select:focus-visible{border-color:var(--control-border-focus);outline:2px solid color-mix(in srgb, var(--control-border-focus) 22%, transparent);outline-offset:1px}.call-settings-field select:disabled{opacity:.55}.call-settings-range{min-width:0;color:var(--muted);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 14px;font-size:12px;font-weight:700;display:grid}.call-settings-range output{color:var(--ink);font-variant-numeric:tabular-nums}.call-settings-range input{width:100%;accent-color:var(--blue);grid-column:1/-1}.call-microphone-test{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;display:grid}.call-microphone-test__visualizer{border:1px solid var(--control-border);background:var(--control-bg);border-radius:6px;align-items:center;gap:4px;height:42px;padding:6px 10px;display:flex}.call-microphone-test__visualizer span{width:100%;height:calc(4px + (var(--call-audio-level) * 24px));background:var(--call-speaking);opacity:.42;border-radius:2px;min-height:4px;transition:height 60ms linear,opacity 60ms linear}.call-microphone-test.is-active .call-microphone-test__visualizer span{opacity:1}.call-settings-action{border:1px solid var(--control-border);min-height:38px;color:var(--ink);background:var(--control-bg);cursor:pointer;font:inherit;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:750;display:inline-flex}.call-settings-action:hover:not(:disabled){border-color:var(--control-border-hover);background:var(--surface-soft)}.call-settings-action:disabled{cursor:not-allowed;opacity:.55}.call-start-audio{z-index:8;border:1px solid var(--call-audio-border);min-height:34px;color:var(--call-primary-text);background:var(--call-primary-bg);cursor:pointer;font:inherit;border-radius:6px;padding:0 13px;font-size:11px;font-weight:750;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.call-start-audio:hover{background:var(--call-primary-hover)}.lesson-call:fullscreen{width:100vw;height:100vh}.lesson-call:fullscreen .call-stage{padding:14px;bottom:70px}.lesson-call:fullscreen .call-controls{gap:12px;height:70px}.lesson-call:fullscreen .call-control{flex-basis:50px;width:50px;height:50px}.lesson-call:fullscreen .call-media-control{flex-basis:54px;width:54px;height:54px}.lesson-call:fullscreen .call-control-menu-trigger{width:21px;height:21px}.lesson-call:fullscreen .call-device-menu{max-height:min(420px,100vh - 140px);bottom:58px}.lesson-call:fullscreen .call-focus-layout{grid-template-columns:minmax(0,1fr) clamp(170px,20%,280px);gap:12px}.finish-summary{border:1px solid var(--line);background:#f8fafb;border-radius:6px;gap:10px;padding:13px;display:grid}.finish-summary span{color:#4d5b6b;align-items:center;gap:8px;font-size:12px;display:flex}@media (width<=1120px){.sidebar{align-items:center;width:76px}.brand-name,.nav-link span,.account-menu__text,.sidebar__lower>.nav-link:not(.theme-toggle),.account-menu .avatar{display:none}.sidebar__brand{padding:0}.sidebar__nav,.sidebar__lower{width:100%}.nav-link{justify-content:center;padding:0}.account-menu{justify-content:center;width:100%}.app-main{margin-left:76px}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.summary-panel{grid-row:auto}}@media (width<=760px){.public-home__header{width:calc(100% - 24px)}.public-home__actions{grid-template-columns:1fr;width:calc(100% - 24px)}.public-workspace__mode{display:none}.guest-room__copy{justify-content:center;width:34px;padding:0;font-size:0}.guest-room__tabs a,.guest-room__tabs button{padding:0 9px}.code-console:not(.is-tests-open){overflow:auto}.mobile-header{z-index:15;border-bottom:1px solid var(--line);background:#fffffff5;grid-template-columns:40px 1fr 40px;align-items:center;height:58px;padding:0 12px;display:grid;position:sticky;top:0}.mobile-header__title{text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.sidebar{width:min(84vw,280px);box-shadow:var(--shadow);align-items:stretch;transition:transform .2s;transform:translate(-102%)}.sidebar--open{transform:translate(0)}.sidebar--open .brand-name,.sidebar--open .nav-link span,.sidebar--open .account-menu__text,.sidebar--open .account-menu .avatar{display:flex}.sidebar--open .account-menu__text{display:grid}.sidebar--open .sidebar__lower{width:auto;display:grid}.sidebar--open .sidebar__lower>.nav-link:not(.theme-toggle){display:flex}.sidebar--open .sidebar__brand{padding:0 8px}.sidebar--open .sidebar__nav{width:auto}.sidebar--open .nav-link{justify-content:flex-start;padding:0 12px}.sidebar--open .account-menu{justify-content:flex-start}.sidebar__close{display:inline-flex}.sidebar-backdrop{z-index:19;background:#0f172073;border:0;display:block;position:fixed;inset:0}.app-main{margin-left:0}.page{padding:24px 16px 48px}.page-header{flex-direction:column;align-items:stretch;margin-bottom:20px}.page-header h1{font-size:23px}.page-header__actions .button{width:100%}.form-row{grid-template-columns:1fr}.auth-page{background:#fff;padding:0}.auth-panel{min-height:100vh;box-shadow:none;border:0;border-radius:0;padding:28px 20px}.dashboard-grid{gap:14px}.next-lesson-panel,.summary-panel,.schedule-panel{padding:18px}.schedule-row{grid-template-columns:44px 2px minmax(0,1fr) auto}.schedule-row .status{display:none}.schedule-row .button{grid-column:3/-1;justify-self:start}.table-wrap{background:0 0;border:0;overflow:visible}.data-table,.data-table tbody{gap:10px;display:grid}.data-table thead{display:none}.data-table tr{border:1px solid var(--line);background:#fff;border-radius:7px;gap:10px;padding:14px;display:grid}.data-table td{border:0;justify-content:space-between;align-items:center;gap:15px;min-height:0;padding:0;display:flex}.data-table td:before{content:attr(data-label);color:var(--muted);text-transform:uppercase;font-size:11px}.data-table td:first-child:before,.data-table .table-actions:before{display:none}.data-table .table-actions{justify-content:flex-end}.person-cell{width:100%}.modal-backdrop{align-items:end;padding:12px}.modal{border-radius:8px 8px 0 0;width:100%;max-height:calc(100vh - 24px)}}@media (width<=430px){.guest-room__tabs button span{display:none}.guest-room__tabs button{justify-content:center;width:34px;padding:0}}@media (width<=600px){.code-explorer__head{flex:0 0 39px;height:39px}.code-explorer__tree{gap:4px;display:flex;overflow:auto hidden}.code-tree-entry{flex:none;width:auto;min-width:128px;padding-left:7px!important}}@media (width<=390px){.code-move-control{border:0;justify-content:center;width:29px;padding:0}.code-move-control select{opacity:0;cursor:pointer;width:29px;height:29px;position:absolute}}.student-material-progress{margin-top:20px}.progress-material-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;display:grid}.progress-material-list>div{border-top:1px solid #edf0f3;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:60px;display:grid}.progress-material-list>div:nth-child(-n+2){border-top:0}.progress-material-list>div>div{gap:3px;min-width:0;display:grid}.progress-material-list strong,.progress-material-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.progress-material-list strong{font-size:13px}.progress-material-list div span{color:var(--muted);font-size:11px}.student-material-card__content .progress-tag{width:fit-content;margin-top:2px;font-style:normal}.student-material-detail>.progress-tag{margin-bottom:18px}.field input[type=file]{padding:7px}.field input[type=file]::file-selector-button{color:#344253;cursor:pointer;background:#e9eef3;border:0;border-radius:5px;margin-right:10px;padding:6px 10px;font-weight:650}.board-v2{isolation:isolate;--board-style-panel:#fff;--board-style-panel-muted:#f5f7f9;--board-style-panel-subtle:#edf1f5;--board-style-border:#cbd5df;--board-style-divider:#e5eaf0;--board-style-text:#263342;--board-style-muted:#637183;--board-style-accent:#315efb;--board-style-accent-soft:#e7eeff;--board-style-action-bg:#315efb;--board-style-action-hover:#244bd0;--board-style-on-action:#fff;--board-style-danger:#b4232e;--board-style-danger-soft:#fff1f2;--board-style-checker-a:#fff;--board-style-checker-b:#dfe4e9;--board-color-scrollbar-track:#63718324;--board-color-scrollbar-thumb:#63718385;--board-color-scrollbar-thumb-hover:#374556ad;--board-style-shadow:none;background:#f8fafc;width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden;container:board-surface/inline-size}.board-v2:focus{outline:0}.board-v2:focus-visible{outline-offset:-2px;outline:2px solid #315efb}.board-v2-gate{color:#687586;background:#f8fafc;place-items:center;width:100%;height:100%;min-height:180px;display:grid}.board-v2-gate--error{text-align:center;align-content:center;gap:8px;padding:24px}.board-v2-gate--error strong{color:#273443;font-size:14px}.board-v2-gate--error span{max-width:440px;font-size:12px;line-height:1.45}.board-v2-gate--error button{color:#2e3d4d;background:#fff;border:1px solid #cbd5df;border-radius:6px;min-height:34px;padding:0 12px;font-size:12px;font-weight:700}.board-v2__canvas{touch-action:none;position:absolute;inset:0}.board-v2__canvas canvas{display:block}.board-v2 button{color:#465466;cursor:pointer;background:0 0;border:0}.board-v2 button:disabled{cursor:not-allowed;opacity:.38}.board-v2__toolbar,.board-v2__history,.board-v2__zoom,.board-v2__metrics>button{box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border:1px solid #cfd8e1;border-radius:7px;align-items:center;display:flex}.board-v2__toolbar-layout{z-index:8;pointer-events:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;width:100%;height:44px;display:grid;position:absolute;top:10px;left:0}.board-v2__toolbar-layout--overflow-open{z-index:31}.board-v2__toolbar{overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x;pointer-events:auto;grid-column:2;gap:2px;width:max-content;max-width:calc(100cqw - 196px);height:44px;padding:4px;position:relative;overflow:auto hidden}.board-v2__toolbar::-webkit-scrollbar{display:none}.board-v2__toolbar.is-popup-open{overflow:visible}.board-v2__toolbar.board-toolbar--overflow-open{z-index:31}.board-modifier-hints{max-width:172px;color:var(--board-style-muted);opacity:.7;pointer-events:none;-webkit-user-select:none;user-select:none;grid-column:1;justify-self:end;gap:2px;margin-right:9px;font-size:9px;font-weight:560;line-height:1.1;display:grid}.board-modifier-hints__item{white-space:nowrap;justify-content:flex-end;align-items:baseline;gap:5px;min-width:0;display:flex}.board-modifier-hints__item>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.board-modifier-hints__item kbd{border:1px solid var(--board-style-border);min-width:27px;color:var(--board-style-text);background:var(--board-style-panel-subtle);text-align:center;border-radius:3px;padding:1px 3px;font-family:inherit;font-size:8px;font-weight:700;line-height:1}.board-tool{flex:0 0 34px;place-items:center;width:34px;height:34px;padding:0;display:grid;position:relative;border-radius:5px!important}.board-tool__shortcut{z-index:1;color:#7f8995;letter-spacing:0;text-align:center;opacity:.52;pointer-events:none;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;font-size:8px;font-weight:600;line-height:1;position:absolute;bottom:2px;right:2px}.board-tool:hover{color:#17212b;background:#edf1f5}.board-tool.is-active{color:#174cc9;background:#e4edff;box-shadow:inset 0 0 0 1px #b7caf7}.board-v2__tool-separator{background:#dce3ea;flex:0 0 1px;width:1px;height:24px;margin:0 3px}.board-toolbar__overflow{flex:none;height:34px;display:flex;position:relative}.board-toolbar__overflow-trigger:hover{color:#17212b;background:#edf1f5}.board-toolbar__overflow{width:34px}.board-toolbar__overflow-trigger{place-items:center;width:34px;height:34px;padding:0;display:grid;border-radius:5px!important}.board-toolbar__overflow-trigger.is-active{color:#174cc9;background:#e4edff;box-shadow:inset 0 0 0 1px #b7caf7}.board-toolbar__menu{z-index:18;overscroll-behavior:contain;border:1px solid var(--board-style-border);width:224px;max-height:min(440px,100dvh - 82px);color:var(--board-style-text);background:var(--board-style-panel);box-shadow:var(--board-style-shadow);scrollbar-gutter:stable;border-radius:7px;padding:5px;position:absolute;top:calc(100% + 8px);overflow-y:auto}.board-toolbar__overflow-menu{right:0}.board-toolbar__menu button{width:100%;min-height:34px;color:var(--board-style-text);text-align:left;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:7px;padding:0 8px;display:grid;border-radius:5px!important}.board-toolbar__menu button:hover,.board-toolbar__menu button:focus-visible{background:var(--board-style-panel-subtle);outline:0}.board-toolbar__menu button:focus-visible{box-shadow:inset 0 0 0 2px #315efb52}.board-toolbar__menu button>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:650;overflow:hidden}.board-toolbar__menu kbd{min-width:16px;color:var(--board-style-muted);text-align:right;background:0 0;font-family:inherit;font-size:9px;font-weight:700}.board-toolbar__menu [aria-current=true]{color:var(--board-style-accent);background:var(--board-style-accent-soft)}.board-toolbar__menu .board-toolbar__configure{border-top:1px solid var(--board-style-divider);margin-top:5px;padding-top:1px;border-radius:0 0 5px 5px!important}.board-toolbar-config__backdrop{z-index:30;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#11192257;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.board-toolbar-config{border:1px solid var(--board-style-border);width:min(520px,100%);max-height:min(680px,100% - 12px);color:var(--board-style-text);background:var(--board-style-panel);box-shadow:none;border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.board-toolbar-config__header{border-bottom:1px solid var(--board-style-divider);justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:0 10px 0 16px;display:flex}.board-toolbar-config__header h2{letter-spacing:0;margin:0;font-size:15px}.board-toolbar-config__header button{border-radius:5px;place-items:center;width:32px;height:32px;padding:0;display:grid}.board-toolbar-config__header button:hover{background:var(--board-style-panel-subtle)}.board-toolbar-config__list{scrollbar-gutter:stable;margin:0;padding:7px;list-style:none;overflow-y:auto}.board-toolbar-config__item{border-bottom:1px solid var(--board-style-divider);outline:0;grid-template-columns:20px 22px minmax(90px,1fr) auto 30px 30px;align-items:center;gap:6px;min-height:42px;padding:4px 5px;display:grid}.board-toolbar-config__item:last-child{border-bottom:0}.board-toolbar-config__item:focus-visible{border-radius:5px;box-shadow:inset 0 0 0 2px #315efb4d}.board-toolbar-config__item.is-dragging{opacity:.45;background:var(--board-style-accent-soft)}.board-toolbar-config__item.is-locked{color:var(--board-style-muted);grid-template-columns:20px 22px minmax(90px,1fr) auto 24px}.board-toolbar-config__item>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:680;overflow:hidden}.board-toolbar-config__fixed-label,.board-toolbar-config__visibility-label{color:var(--board-style-muted);font-size:10px!important;font-weight:600!important}.board-toolbar-config__item>label{justify-content:flex-end;align-items:center;gap:7px;min-width:92px;display:flex}.board-toolbar-config__item input[type=checkbox]{width:16px;height:16px;accent-color:var(--board-style-accent);margin:0}.board-toolbar-config__item>button{border-radius:5px;place-items:center;width:30px;height:30px;padding:0;display:grid}.board-toolbar-config__item>button:hover:not(:disabled){background:var(--board-style-panel-subtle)}.board-toolbar-config__footer{border-top:1px solid var(--board-style-divider);justify-content:flex-start;align-items:center;min-height:48px;padding:7px 10px;display:flex}.board-toolbar-config__footer button{min-height:32px;color:var(--board-style-muted);border-radius:5px;align-items:center;gap:7px;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}.board-toolbar-config__footer button:hover{color:var(--board-style-text);background:var(--board-style-panel-subtle)}.board-stylebar__curvature{gap:3px}.board-stylebar__curvature-reset{border-radius:4px;flex:0 0 25px;place-items:center;width:25px;height:28px;padding:0;display:grid}.board-stylebar__curvature-reset:hover:not(:disabled){color:var(--board-style-text);background:var(--board-style-panel-subtle)}.board-v2__stylebar{--board-pen-add-span:34px;--board-pen-add-clearance:84px;z-index:9;isolation:isolate;width:max-content;max-width:calc(100% - 24px);height:42px;box-shadow:none;background:#fffffff7;border:1px solid #cfd8e1;border-radius:7px;padding:4px;position:absolute;top:62px;left:50%;overflow:visible;transform:translate(-50%)}.board-v2__stylebar--palette-editing{max-width:max(96px, calc(100% - var(--board-pen-add-clearance)))}.board-stylebar__strip{overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x;align-items:center;gap:4px;width:max-content;max-width:100%;height:32px;display:flex;overflow:auto hidden}.board-v2__stylebar--inline-palette{height:48px}.board-v2__stylebar--inline-palette .board-stylebar__strip{height:38px}.board-stylebar__strip::-webkit-scrollbar{display:none}.board-stylebar__group{flex:none;align-items:center;gap:2px;height:32px;display:flex}.board-stylebar__group>svg{color:#657384;flex:none;margin:0 3px 0 2px}.board-stylebar__swatch{flex:0 0 24px;place-items:center;width:24px;height:24px;padding:0;display:grid;position:relative;border-radius:4px!important}.board-stylebar__swatch:before{content:"";background:var(--board-swatch);border:1px solid #14202d2e;border-radius:50%;width:15px;height:15px;box-shadow:inset 0 0 0 1px #ffffff47}.board-stylebar__swatch.is-transparent:before{background:#fff}.board-stylebar__swatch.is-transparent:after{content:"";background:#d33f49;border-radius:1px;width:17px;height:2px;position:absolute;transform:rotate(-45deg)}.board-stylebar__swatch:hover,.board-stylebar__swatch[aria-pressed=true]{background:#edf1f5}.board-stylebar__swatch[aria-pressed=true]{box-shadow:inset 0 0 0 1px #9fb6df}.board-stylebar__free-drawing{flex:none;height:38px;display:flex;position:relative}.board-stylebar__free-drawing.is-palette-editing:after{content:"";z-index:1;pointer-events:none;background:#10161d61;border-radius:6px;position:absolute;inset:0}.board-stylebar__palette-track{min-width:0;height:38px}.board-stylebar__free-drawing.is-floating{z-index:4;width:max-content;max-width:min(360px,100vw - 24px);height:48px;box-shadow:none;background:#fffffff7;border:1px solid #cfd8e1;border-radius:7px;padding:4px;position:absolute;top:calc(100% + 7px);left:50%;overflow:visible;transform:translate(-50%)}.board-stylebar__free-drawing.is-floating .board-stylebar__palette-track{overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x;max-width:100%;overflow:auto hidden}.board-stylebar__free-drawing.is-floating .board-stylebar__palette-track::-webkit-scrollbar{display:none}@media (hover:hover) and (pointer:fine){.board-stylebar__free-drawing.is-floating .board-stylebar__palette-track{padding-block:2px}.board-stylebar__free-drawing.is-floating .board-stylebar__pen-slot,.board-stylebar__free-drawing.is-floating .board-stylebar__pen-preset{height:34px}.board-stylebar__free-drawing.is-floating .board-stylebar__pen-preset[aria-pressed=true]:after{box-shadow:none;bottom:-2px}}.board-v2 .board-stylebar__palette-toggle{z-index:2;color:#657384;background:#fffffff7;flex:0 0 26px;place-items:center;width:26px;height:32px;padding:0;display:grid;position:sticky;left:0;border-radius:4px!important}.board-stylebar__palette-toggle:hover{color:#17212b;background:#edf1f5}.board-stylebar__free-drawing.is-palette-editing .board-stylebar__palette-toggle{color:#fff;box-shadow:inset 0 0 0 1px #6f91df;background:#315ec4!important}.board-stylebar__palette-toggle:focus-visible,.board-stylebar__pen-add:focus-visible,.board-stylebar__pen-delete:focus-visible{outline-offset:1px;outline:2px solid #7ea1eb}.board-stylebar__pen-slot{flex:0 0 34px;width:34px;height:38px;transition:transform .13s cubic-bezier(.2,.8,.2,1);position:relative;transform:translate(0,0)}.board-stylebar__pen-slot.is-displaced{transform:translate3d(var(--board-palette-drag-x), 0, 0)}.board-stylebar__pen-slot.is-dragging{z-index:3;transform:translate3d(var(--board-palette-drag-x,0), 0, 0) scale(1.055);transition:none}.board-v2__stylebar--palette-drop-commit .board-stylebar__pen-slot{transition:none!important}.board-stylebar__pen-preset{flex:none;width:34px;height:38px}.board-v2 .board-stylebar__pen-preset:hover,.board-v2 .board-stylebar__pen-preset[aria-pressed=true]{background:0 0}.board-v2 .board-stylebar__pen-preset[aria-pressed=true]{box-shadow:none}.board-stylebar__pen-preset:focus{outline:0}.board-stylebar__pen-preset:focus-visible{z-index:2}.board-stylebar__pen-preset:focus-visible .board-stylebar__pen-well{box-shadow:inset 0 0 0 2px #91aff0}.board-stylebar__pen-preset[data-pointer-focus=true]:focus-visible .board-stylebar__pen-well{box-shadow:none}.board-stylebar__free-drawing.is-palette-editing .board-stylebar__pen-preset{cursor:grab;touch-action:none}.board-stylebar__free-drawing.is-palette-editing .board-stylebar__pen-slot.is-dragging .board-stylebar__pen-preset{cursor:grabbing;box-shadow:none}.board-stylebar__free-drawing.is-palette-editing .board-stylebar__pen-slot.is-dragging .board-stylebar__pen-delete{opacity:0;pointer-events:none}.board-stylebar__pen-preset:before{display:none}.board-stylebar__pen-preset[aria-pressed=true]:after{content:"";background:var(--board-style-accent);width:10px;height:2px;box-shadow:0 0 0 1px var(--board-style-panel);pointer-events:none;border-radius:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.board-stylebar__pen-well{background-color:#fff;background-image:linear-gradient(45deg,#dfe4e9 25%,#0000 25%),linear-gradient(-45deg,#dfe4e9 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dfe4e9 75%),linear-gradient(-45deg,#0000 75%,#dfe4e9 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border:1px solid #14202d24;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:relative;overflow:visible}.board-stylebar__pen-dot{width:min(32px, calc(var(--board-pen-radius) * 2));height:min(32px, calc(var(--board-pen-radius) * 2));background:var(--board-swatch);opacity:var(--board-swatch-opacity);transform-origin:50%;border-radius:50%;flex:none;transition:transform 80ms linear;display:block;transform:scale(1)}@media (hover:hover) and (pointer:fine){.board-stylebar__pen-preset:hover .board-stylebar__pen-dot{transform:scale(var(--board-pen-hover-scale))}}.board-stylebar__pen-delete{z-index:3;width:15px;height:15px;box-shadow:none;place-items:center;padding:0;display:grid;position:absolute;top:0;right:0;color:#596574!important;background:#fff!important;border:1px solid #46515d38!important;border-radius:50%!important}.board-stylebar__pen-delete:not(:disabled):hover{color:#b4232e!important;background:#fff1f2!important}.board-stylebar__pen-add{z-index:2;width:30px;height:30px;box-shadow:none;place-items:center;padding:0;display:grid;position:absolute;top:50%;left:calc(100% + 4px);transform:translateY(-50%);border:1px dashed var(--board-style-border)!important;color:var(--board-style-muted)!important;background:var(--board-style-panel)!important;border-radius:50%!important}.board-stylebar__pen-add:not(:disabled):hover{color:var(--board-style-accent)!important;background:var(--board-style-accent-soft)!important}.board-stylebar__segments{background:#eef2f5;border-radius:5px;padding:2px}.board-stylebar__segments button{border-radius:4px;place-items:center;width:27px;height:27px;padding:0;display:grid}.board-stylebar__segments button:hover,.board-stylebar__segments button[aria-pressed=true]{color:#17212b;box-shadow:none;background:#fff}.board-stylebar__shape-kind button{color:#657384}.board-stylebar__shape-kind button:focus-visible{outline-offset:1px;outline:2px solid #7ea1eb}.board-stylebar__segments button>span{background:currentColor;border-radius:4px;width:17px;max-height:8px;display:block}.board-stylebar__segments button>span.is-solid,.board-stylebar__segments button>span.is-dashed,.board-stylebar__segments button>span.is-dotted{background:currentColor;border-radius:0;height:2px!important}.board-stylebar__segments button>span.is-dashed{background:repeating-linear-gradient(90deg,currentColor 0 5px,#0000 5px 8px)}.board-stylebar__segments button>span.is-dotted{background:repeating-linear-gradient(90deg,currentColor 0 2px,#0000 2px 5px)}.board-stylebar__range{gap:5px;width:160px;padding:0 4px}.board-stylebar__range>input[type=range]{accent-color:#315efb;width:92px;min-width:0;margin:0}.board-stylebar__range.is-mixed>input[type=range]{opacity:.48;filter:grayscale(.8)}.board-stylebar__range output{color:#4d5b6c;font-variant-numeric:tabular-nums;text-align:right;min-width:28px;font-size:10px;font-weight:700}.board-stylebar__stroke-width-group{width:220px;padding:0 5px}.board-stroke-width{grid-template-columns:24px minmax(72px,1fr) 44px;align-items:center;gap:7px;width:100%;min-width:0;display:grid}.board-stroke-width.is-mixed{opacity:.62}.board-stroke-width__preview{background:var(--board-style-panel-subtle);border-radius:6px;place-items:center;width:24px;height:24px;display:grid}.board-stroke-width__preview>span{width:var(--board-stroke-preview-size);height:var(--board-stroke-preview-size);background:var(--board-style-text);border-radius:50%;max-width:18px;max-height:18px;display:block}.board-stroke-width__slider{appearance:none;cursor:pointer;background:0 0;width:100%;min-width:0;height:18px;margin:0}.board-stroke-width__slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--board-style-accent) 0 var(--board-stroke-width-progress), var(--board-style-border) var(--board-stroke-width-progress) 100%);border:0;border-radius:999px;height:5px}.board-stroke-width__slider::-webkit-slider-thumb{appearance:none;border:2px solid var(--board-style-accent);background:var(--board-style-panel);width:16px;height:16px;box-shadow:none;border-radius:50%;margin-top:-5.5px}.board-stroke-width__slider::-moz-range-track{background:var(--board-style-border);border:0;border-radius:999px;height:5px}.board-stroke-width__slider::-moz-range-progress{background:var(--board-style-accent);border-radius:999px;height:5px}.board-stroke-width__slider::-moz-range-thumb{border:2px solid var(--board-style-accent);background:var(--board-style-panel);width:13px;height:13px;box-shadow:none;border-radius:50%}.board-stroke-width__slider:focus-visible{outline:none}.board-stroke-width__slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--board-style-accent-soft)}.board-stroke-width__exact{border:1px solid var(--board-style-border);min-width:0;height:27px;color:var(--board-style-muted);background:var(--board-style-panel);border-radius:5px;align-items:center;padding:0 4px;font-size:9px;font-weight:700;display:flex}.board-stroke-width__exact:focus-within{border-color:var(--board-style-accent);box-shadow:0 0 0 2px var(--board-style-accent-soft)}.board-stroke-width__exact input{width:100%;min-width:0;color:var(--board-style-text);font:inherit;font-variant-numeric:tabular-nums;text-align:right;background:0 0;border:0;outline:0;padding:0}.board-stroke-width__exact input::-webkit-inner-spin-button{appearance:none;margin:0}.board-stroke-width__exact input::-webkit-outer-spin-button{appearance:none;margin:0}.board-stroke-width--popover{grid-column:2/4}.board-stylebar__pen-popover{z-index:4;width:min(306px,100vw - 24px);max-height:var(--board-pen-popover-max-height,calc(100dvh - 118px));overscroll-behavior:contain;box-shadow:none;scrollbar-gutter:stable;background:#fff;border:1px solid #cbd5df;border-radius:7px;padding:10px;position:absolute;top:calc(100% + 7px);left:50%;overflow-y:auto;transform:translate(-50%)}.board-v2__stylebar--floating-preset-open .board-stylebar__pen-popover{top:calc(200% + 14px)}.board-stylebar__pen-popover>label,.board-stylebar__pen-control-row{color:#536173;grid-template-columns:78px minmax(0,1fr) 52px;align-items:center;gap:8px;min-height:36px;font-size:10px;font-weight:700;display:grid}.board-stylebar__pen-popover>label+label,.board-stylebar__pen-popover>label+.board-stylebar__pen-control-row,.board-stylebar__pen-popover>.board-color-picker+.board-stylebar__pen-control-row,.board-stylebar__pen-control-row+label{border-top:1px solid #edf1f4}.board-stylebar__pen-popover>.board-color-picker+.board-stylebar__pen-control-row{height:35px;min-height:35px;padding-top:7px}.board-stylebar__pen-popover>label input[type=range]{accent-color:#315efb;width:100%;min-width:0;margin:0}.board-stylebar__pen-popover>label output{color:#344253;font-variant-numeric:tabular-nums;text-align:right;font-size:10px;font-weight:750}.board-v2__stylebar select{color:#344253;background:#fff;border:1px solid #d5dde5;border-radius:5px;outline:0;flex:none;min-width:60px;max-width:84px;height:29px;padding:0 23px 0 7px;font-size:11px;font-weight:650}.board-v2__stylebar select:focus-visible{border-color:#7798db;box-shadow:0 0 0 2px #315efb26}.board-stylebar__exact-number,.board-stylebar__font-size,.board-stylebar__font-family{color:#344253;font-variant-numeric:tabular-nums;background:#fff;border:1px solid #d5dde5;border-radius:5px;outline:0;min-width:0;height:28px;padding:0 5px;font-size:10px;font-weight:650}.board-stylebar__exact-number{text-align:right;width:47px}.board-stylebar__percent-input{flex:0 0 56px;width:56px;height:28px;position:relative}.board-stylebar__percent-input .board-stylebar__exact-number{width:56px;padding-right:15px}.board-stylebar__percent-input>span{color:#788493;pointer-events:none;font-size:9px;font-weight:700;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.board-stylebar__font-size{appearance:textfield;text-align:right;flex:0 0 58px;width:58px}.board-stylebar__font-size::-webkit-inner-spin-button{appearance:none;margin:0}.board-stylebar__font-size::-webkit-outer-spin-button{appearance:none;margin:0}.board-stylebar__font-family{flex:0 0 80px;width:80px}.board-font-family-control{flex:0 0 80px;width:80px;height:28px;position:relative}.board-font-family-control__trigger{text-align:left;cursor:pointer;grid-template-columns:minmax(0,1fr) 14px;align-items:center;gap:4px;width:80px;padding:0 6px 0 8px;display:grid}.board-font-family-control__trigger:hover,.board-font-family-control__trigger[aria-expanded=true]{background:#f7f9fb;border-color:#aebccc}.board-font-family-control__current{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:400;line-height:1.2;overflow:hidden}.board-font-family-control__trigger>svg{color:#738092;transition:transform .12s}.board-font-family-control__trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.board-font-family-menu{z-index:31;overscroll-behavior:contain;min-width:0;color:var(--board-style-text);border:1px solid color-mix(in srgb, var(--board-style-border) 55%, transparent);background:var(--board-style-panel);box-shadow:var(--board-style-shadow);box-sizing:border-box;border-radius:7px;padding:0;position:fixed;overflow:hidden auto}.board-font-family-menu>button{width:100%;min-height:34px;color:var(--board-style-text);text-align:left;cursor:pointer;border-radius:0;grid-template-columns:19px minmax(0,1fr);align-items:center;gap:5px;padding:0 8px 0 5px;display:grid}.board-font-family-menu>button:hover,.board-font-family-menu>button.is-active{background:var(--board-style-panel-subtle)}.board-font-family-menu__check{width:19px;height:19px;color:var(--board-style-accent);place-items:center;display:grid}.board-font-family-menu__label{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:400;line-height:1.2;overflow:hidden}.board-font-family-menu__custom{margin-top:3px;border-top:1px solid var(--board-style-divider)!important;border-radius:0 0 4px 4px!important}.board-font-family-menu__custom .board-font-family-menu__label{color:var(--board-style-muted);font-family:inherit;font-size:11px;font-weight:650}.board-stylebar__font-custom{flex:0 0 178px;align-items:center;width:178px;height:28px;display:flex;position:relative}.board-stylebar__font-custom .board-stylebar__font-family{flex-basis:178px;width:178px;padding-right:30px;font-weight:400}.board-stylebar__font-custom>button{color:#6a7786;border-radius:4px;place-items:center;width:27px;height:26px;padding:0;display:grid;position:absolute;top:1px;right:1px}.board-stylebar__font-custom>button:hover{color:#253342;background:#edf1f5}.board-stylebar__exact-number:focus-visible,.board-stylebar__font-size:focus-visible,.board-stylebar__font-family:focus-visible{border-color:#7798db;box-shadow:0 0 0 2px #315efb26}.board-stylebar__exact-number:invalid,.board-stylebar__font-size:invalid,.board-stylebar__font-family[aria-invalid=true]{border-color:#ce6a70}.board-color-control{flex:0 0 42px;width:42px;height:32px;position:relative}.board-color-control__trigger{grid-template-columns:21px 12px;place-items:center;gap:2px;width:42px;height:32px;padding:3px 5px;display:grid;border-radius:5px!important}.board-color-control--swatch-only{flex-basis:34px;width:34px}.board-color-control--swatch-only .board-color-control__trigger{grid-template-columns:21px;width:34px}.board-color-control__trigger:hover,.board-color-control__trigger[aria-expanded=true]{color:#17212b;background:#edf1f5}.board-color-control__trigger-swatch,.board-color-control__favorite>span,.board-color-control__recent>span{background-color:var(--board-style-checker-a);background-image:linear-gradient(45deg, var(--board-style-checker-b) 25%, transparent 25%), linear-gradient(-45deg, var(--board-style-checker-b) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--board-style-checker-b) 75%), linear-gradient(-45deg, transparent 75%, var(--board-style-checker-b) 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border:1px solid #14202d2e;border-radius:50%;display:block;position:relative;overflow:hidden}.board-color-control__trigger-swatch{width:21px;height:21px}.board-color-control__trigger-swatch:after,.board-color-control__favorite>span:after,.board-color-control__recent>span:after{content:"";background:var(--board-color-value);position:absolute;inset:0}.board-color-control.is-mixed .board-color-control__trigger-swatch:after{background:conic-gradient(#64748b 0 25%, #e4e9ef 0 50%, #64748b 0 75%, #e4e9ef 0)}.board-color-control.is-transparent .board-color-control__trigger-swatch:before{content:"";z-index:2;background:#d33f49;border-radius:2px;height:2px;position:absolute;top:50%;left:1px;right:1px;transform:translateY(-50%)rotate(-45deg)}.board-color-control__trigger:focus-visible{outline-offset:1px;outline:2px solid #7ea1eb}.board-color-control__popover,.board-style-popover{z-index:30;overscroll-behavior:contain;width:min(328px,100vw - 16px);color:var(--board-style-text);border:1px solid var(--board-style-border);background:var(--board-style-panel);box-shadow:var(--board-style-shadow);scrollbar-gutter:stable;border-radius:9px;padding:11px;position:fixed;overflow:auto}.board-color-control__popover:focus{outline:0}.board-color-control__header,.board-style-popover>header{justify-content:space-between;align-items:center;gap:10px;min-height:30px;margin-bottom:8px;display:flex}.board-color-control__header strong,.board-style-popover>header strong{color:var(--board-style-text);font-size:12px}.board-color-control__header-actions{align-items:center;gap:2px;display:flex}.board-color-control__header-actions button,.board-style-popover>header button{border-radius:5px;place-items:center;width:28px;height:28px;padding:0;display:grid}.board-color-control__header-actions button:hover,.board-style-popover>header button:hover{color:var(--board-style-text);background:var(--board-style-panel-subtle)}.board-color-control__palette-toggle[aria-pressed=true]{color:#fff;box-shadow:inset 0 0 0 1px #7798df;background:#315ec4!important}.board-color-control__mixed-note{color:var(--board-style-muted);background:var(--board-style-panel-muted);border-radius:6px;margin:0 0 8px;padding:7px 8px;font-size:10px;line-height:1.35}.board-color-control__favorites,.board-color-control__recents{--board-color-scrollbar-size:6px;--board-color-scrollbar-gap:3px;overscroll-behavior-x:contain;scrollbar-color:var(--board-color-scrollbar-thumb) var(--board-color-scrollbar-track);scrollbar-width:thin;touch-action:pan-x;overflow:auto hidden}@supports selector(::-webkit-scrollbar){.board-color-control__favorites,.board-color-control__recents{scrollbar-color:auto;scrollbar-width:auto}}.board-color-control__favorites::-webkit-scrollbar{height:var(--board-color-scrollbar-size)}.board-color-control__recents::-webkit-scrollbar{height:var(--board-color-scrollbar-size)}.board-color-control__favorites::-webkit-scrollbar-track{background:var(--board-color-scrollbar-track);border-radius:999px}.board-color-control__recents::-webkit-scrollbar-track{background:var(--board-color-scrollbar-track);border-radius:999px}.board-color-control__favorites::-webkit-scrollbar-thumb{background:var(--board-color-scrollbar-thumb);border-radius:999px}.board-color-control__recents::-webkit-scrollbar-thumb{background:var(--board-color-scrollbar-thumb);border-radius:999px}.board-color-control__favorites::-webkit-scrollbar-thumb:hover{background:var(--board-color-scrollbar-thumb-hover)}.board-color-control__recents::-webkit-scrollbar-thumb:hover{background:var(--board-color-scrollbar-thumb-hover)}.board-color-control__favorites::-webkit-scrollbar-button{width:0;height:0;display:none}.board-color-control__recents::-webkit-scrollbar-button{width:0;height:0;display:none}.board-color-control__favorites{min-height:45px;padding:2px 2px calc(var(--board-color-scrollbar-size) + var(--board-color-scrollbar-gap));align-items:center;gap:4px;display:flex}.board-color-control__slot{flex:0 0 34px;width:34px;height:34px;transition:transform .13s cubic-bezier(.2,.8,.2,1);position:relative;transform:translate(0,0)}.board-color-control__slot.is-displaced{transform:translate3d(var(--board-color-drag-x), 0, 0)}.board-color-control__slot.is-dragging{z-index:3;transform:translate3d(var(--board-color-drag-x,0), 0, 0) scale(1.055);transition:none}.board-color-control__favorite{place-items:center;width:34px;height:34px;padding:0;display:grid;position:relative;border-radius:50%!important}.board-color-control__favorite>span{width:28px;height:28px}.board-color-control__favorite>svg{z-index:2;color:#fff;pointer-events:none;position:absolute}.board-color-control__favorite:hover{background:var(--board-style-panel-subtle)}.board-color-control__favorite[aria-pressed=true]{box-shadow:inset 0 0 0 2px #7899df}.board-color-control__favorite:focus{outline:0}.board-color-control__favorite:focus-visible{box-shadow:inset 0 0 0 2px #7899df}.board-color-control__favorite[data-pointer-focus=true]:focus-visible:not([aria-pressed=true]){box-shadow:none}.board-color-control__popover.is-palette-editing .board-color-control__favorite{cursor:grab;touch-action:none}.board-color-control__slot.is-dragging .board-color-control__favorite{cursor:grabbing;box-shadow:none}.board-color-control__delete{z-index:4;width:17px;height:17px;box-shadow:none;place-items:center;padding:0;display:grid;position:absolute;top:-1px;right:-1px;color:#596574!important;background:var(--board-style-panel)!important;border:1px solid #46515d38!important;border-radius:50%!important}.board-color-control__delete:not(:disabled):hover{color:var(--board-style-danger)!important;background:var(--board-style-danger-soft)!important}.board-color-control__slot.is-dragging .board-color-control__delete{opacity:0;pointer-events:none}.board-color-control__add{width:34px;height:34px;color:var(--board-style-muted);flex:0 0 34px;place-items:center;padding:0;display:grid;border:1px dashed var(--board-style-border)!important;border-radius:50%!important}.board-color-control__add:not(:disabled):hover{color:var(--board-style-accent);background:var(--board-style-accent-soft)}.board-color-control__recents{min-height:44px;padding:7px 0 calc(var(--board-color-scrollbar-size) + var(--board-color-scrollbar-gap));border-top:1px solid var(--board-style-divider);align-items:center;gap:5px;margin-top:7px;display:flex}.board-color-control__recents>span{color:var(--board-style-muted);margin-right:auto;font-size:9px;font-weight:700}.board-color-control__recent{flex:0 0 27px;place-items:center;width:27px;height:27px;padding:0;display:grid;border-radius:50%!important}.board-color-control__recent>span{width:21px;height:21px}.board-color-control__recent:hover{background:var(--board-style-panel-subtle)}.board-color-control__transparent{width:100%;min-height:32px;color:var(--board-style-muted);border-radius:5px;align-items:center;gap:8px;margin-top:7px;padding:0 8px;font-size:10px;font-weight:700;display:flex}.board-color-control__transparent:hover,.board-color-control__transparent[aria-pressed=true]{color:var(--board-style-text);background:var(--board-style-panel-subtle)}.board-color-control__transparent>span{border:1px solid var(--board-style-border);background:repeating-conic-gradient(var(--board-style-checker-b) 0 25%, var(--board-style-checker-a) 0 50%) 0 / 8px 8px;border-radius:50%;flex:0 0 20px;width:20px;height:20px;position:relative}.board-color-control__transparent>span:after{content:"";background:#d33f49;border-radius:2px;height:2px;position:absolute;top:50%;left:-1px;right:-1px;transform:translateY(-50%)rotate(-45deg)}.board-color-picker{border-top:1px solid var(--board-style-divider);min-width:0;color:var(--board-style-text);-webkit-user-select:none;user-select:none;gap:9px;margin-top:8px;padding-top:9px;display:grid}.board-color-picker__sv{border:1px solid var(--board-style-border);background-color:hsl(var(--board-picker-hue) 100% 50%);cursor:crosshair;touch-action:none;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);border-radius:0;outline:0;width:100%;height:142px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff24}.board-color-picker__sv:focus-within{box-shadow:inset 0 0 0 1px #fff3,0 0 0 2px #7ea1eb}.board-color-picker__axis,.board-color-picker__axis-help{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.board-color-picker__axis{pointer-events:none}.board-color-picker__sv-handle{left:var(--board-picker-saturation);top:var(--board-picker-value);background:var(--board-picker-color);pointer-events:none;border:1px solid #fffffff0;border-radius:50%;width:15px;height:15px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #000000ad}.board-color-picker__hue-row{grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;min-width:0;min-height:30px;display:grid}.board-color-picker .board-color-picker__preview{border:1px solid var(--board-style-border);background:repeating-conic-gradient(var(--board-style-checker-b) 0 25%, var(--board-style-checker-a) 0 50%) 0 / 8px 8px;cursor:pointer;border-radius:50%;outline:0;width:28px;height:28px;padding:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff3d}.board-color-picker__preview>span{background:var(--board-picker-color);opacity:var(--board-picker-alpha,1);pointer-events:none;position:absolute;inset:0}.board-color-picker__preview:after{content:"";opacity:.78;pointer-events:none;border-bottom:1px solid #ffffffe0;border-right:1px solid #ffffffe0;width:5px;height:5px;position:absolute;bottom:2px;right:2px}.board-color-picker__preview:hover{box-shadow:inset 0 0 0 1px #ffffff4d}.board-color-picker__preview:focus-visible{box-shadow:inset 0 0 0 1px #ffffff3d, 0 0 0 2px var(--board-style-panel), 0 0 0 4px #7ea1eb}.board-color-picker__rails{gap:5px;min-width:0;display:grid}.board-color-picker__rail{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:1px;outline:0;width:100%;min-width:0;height:30px;margin:0}.board-color-picker__rail::-webkit-slider-runnable-track{box-sizing:border-box;border:1px solid var(--board-style-border);border-radius:1px;height:14px}.board-color-picker__rail::-moz-range-track{box-sizing:border-box;border:1px solid var(--board-style-border);border-radius:1px;height:14px}.board-color-picker__rail.board-color-picker__hue::-webkit-slider-runnable-track{background:var(--board-picker-hue-gradient,linear-gradient(90deg, red 0%, #ff0 16.67%, #0f0 33.33%, #0ff 50%, #00f 66.67%, #f0f 83.33%, red 100%))}.board-color-picker__rail.board-color-picker__hue::-moz-range-track{background:var(--board-picker-hue-gradient,linear-gradient(90deg, red 0%, #ff0 16.67%, #0f0 33.33%, #0ff 50%, #00f 66.67%, #f0f 83.33%, red 100%))}.board-color-picker__rail.board-color-picker__alpha::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--board-picker-color), transparent), repeating-conic-gradient(var(--board-style-checker-b) 0 25%, var(--board-style-checker-a) 0 50%) 0 / 8px 8px}.board-color-picker__rail.board-color-picker__alpha::-moz-range-track{background:linear-gradient(to right, var(--board-picker-color), transparent), repeating-conic-gradient(var(--board-style-checker-b) 0 25%, var(--board-style-checker-a) 0 50%) 0 / 8px 8px}.board-color-picker__rail::-webkit-slider-thumb{box-sizing:border-box;appearance:none;background:var(--board-picker-color);border:0;border-radius:1px;width:7px;height:14px;margin-top:0;box-shadow:0 0 0 1px #fffffff0,0 0 0 2px #000000ad}.board-color-picker__rail::-moz-range-thumb{box-sizing:border-box;background:var(--board-picker-color);border:0;border-radius:1px;width:7px;height:14px;box-shadow:0 0 0 1px #fffffff0,0 0 0 2px #000000ad}.board-color-picker__rail::-moz-range-progress{background:0 0;border:0;height:14px}.board-color-picker__rail:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1px #fffffff0,0 0 0 2px #000000ad,0 0 0 4px #315efb52}.board-color-picker__rail:focus-visible::-moz-range-thumb{box-shadow:0 0 0 1px #fffffff0,0 0 0 2px #000000ad,0 0 0 4px #315efb52}.board-color-picker__formats{z-index:32;min-width:0;color:var(--board-style-text);border:1px solid var(--board-style-border);background:var(--board-style-panel);box-shadow:var(--board-style-shadow);box-sizing:border-box;scrollbar-gutter:stable;visibility:hidden;border-radius:7px;gap:6px;padding:10px;display:grid;position:fixed;overflow:hidden auto}.board-color-picker__formats[data-positioned=true]{visibility:visible}.board-color-picker__format-row{grid-template-columns:36px minmax(0,1fr) 30px;align-items:center;gap:6px;min-width:0;display:grid}.board-color-picker__format-row>label,.board-color-picker__format-row>span:first-child{min-width:0;color:var(--board-style-muted);font-size:9px;font-weight:750}.board-color-picker__format-input{width:100%;min-width:0;height:30px;color:var(--board-style-text);border:1px solid var(--board-style-border);background:var(--board-style-panel);font-variant-numeric:tabular-nums;letter-spacing:0;border-radius:4px;outline:0;padding:0 7px;font-family:Cascadia Code,Consolas,monospace;font-size:10px}.board-color-picker__format-input:focus-visible{border-color:#7798db;box-shadow:0 0 0 2px #315efb26}.board-color-picker__format-input[aria-invalid=true]{border-color:var(--board-style-danger);box-shadow:0 0 0 2px #cf626b1f}.board-color-picker__formats .board-color-picker__format-copy{width:30px;height:30px;color:var(--board-style-muted);border-radius:4px;place-items:center;padding:0;display:grid}.board-color-picker__format-copy:hover{color:var(--board-style-text);background:var(--board-style-panel-subtle)}.board-color-picker__format-copy:focus-visible{color:var(--board-style-text);outline:0;box-shadow:inset 0 0 0 2px #315efb47}.board-color-picker__format-error,.board-color-picker__formats [role=alert]{min-width:0;color:var(--board-style-danger);margin:-2px 0 0 42px;font-size:9px;line-height:1.3}.board-color-picker__format-status,.board-color-picker__formats [role=status]{min-height:12px;color:var(--board-style-muted);margin-left:42px;font-size:9px;line-height:1.3}.board-stylebar__pen-popover .board-color-picker{border-top:0;margin:0 0 7px;padding-top:0}.board-stylebar__pen-popover .board-color-picker__sv{height:126px}.board-dash-control{position:relative}.board-dash-control__trigger[aria-pressed=true]{color:#174cc9}.board-dash-control__popover{width:min(306px,100vw - 16px)}.board-style-popover>header>div{gap:2px;min-width:0;display:grid}.board-style-popover>header small{color:var(--board-style-muted);font-size:9px}.board-style-popover>label{color:var(--board-style-muted);grid-template-columns:88px minmax(0,1fr);align-items:center;gap:8px;font-size:10px;font-weight:700;display:grid}.board-style-popover>label input{width:100%;min-width:0;height:30px;color:var(--board-style-text);border:1px solid var(--board-style-border);background:var(--board-style-panel);font-variant-numeric:tabular-nums;border-radius:5px;outline:0;padding:0 7px;font-size:11px}.board-style-popover>label input:focus-visible{border-color:#7798db;box-shadow:0 0 0 2px #315efb26}.board-style-popover>label input[aria-invalid=true]{border-color:#cf626b}.board-dash-control__preview{height:26px;color:var(--board-style-text);background:var(--board-style-panel-muted);border-radius:5px;place-items:center;margin-top:8px;display:grid}.board-dash-control__preview svg{width:calc(100% - 12px);height:16px}.board-style-popover>p{color:var(--board-style-muted);margin:7px 0 0;font-size:9px;line-height:1.35}.board-style-popover>footer{justify-content:flex-end;gap:5px;margin-top:9px;display:flex}.board-style-popover>footer button{min-height:29px;color:var(--board-style-muted);border-radius:5px;padding:0 9px;font-size:10px;font-weight:700}.board-style-popover>footer button:hover{color:var(--board-style-text);background:var(--board-style-panel-subtle)}.board-style-popover>footer button.is-primary{color:var(--board-style-on-action);background:var(--board-style-action-bg)}.board-style-popover>footer button.is-primary:hover{background:var(--board-style-action-hover)}.board-v2__history{z-index:8;gap:2px;height:44px;padding:4px;position:absolute;top:10px;left:10px}.board-v2__history button,.board-v2__zoom button{border-radius:5px;place-items:center;width:34px;height:34px;padding:0;display:grid}.board-v2__history button:hover,.board-v2__zoom button:hover,.board-v2__metrics>button:hover{color:#17212b;background:#edf1f5}.board-v2__zoom{z-index:8;height:40px;padding:2px;position:absolute;bottom:12px;left:12px}.board-v2__zoom .board-v2__zoom-value{color:#324052;font-variant-numeric:tabular-nums;width:56px;font-size:11px;font-weight:700}.board-v2__zoom-separator{background:#dce3ea;width:1px;height:24px;margin:0 2px}.board-v2__participants{z-index:7;flex-direction:row-reverse;display:flex;position:absolute;top:13px;right:12px}.board-v2__participants span{color:#fff;background:var(--presence-color,#64748b);width:31px;height:31px;box-shadow:none;border:2px solid #fff;border-radius:50%;place-items:center;margin-left:-7px;font-size:11px;font-weight:800;display:grid}.board-v2__status{z-index:8;color:#70460b;max-width:min(440px,100% - 150px);min-height:32px;box-shadow:none;background:#fff5df;border:1px solid #e8ca92;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:11px;font-weight:700;display:flex;position:absolute;bottom:13px;left:50%;transform:translate(-50%)}.board-v2__status--offline,.board-v2__status--recovery-required,.board-v2__status--storage-error{color:#8a302c;background:#fff0ef;border-color:#ecc0bd}.board-v2__status button{border-radius:4px;place-items:center;width:20px;height:20px;margin-left:auto;padding:0;display:grid}.board-v2__metrics{z-index:9;position:absolute;bottom:12px;right:12px}.board-v2__metrics>button{font-variant-numeric:tabular-nums;gap:5px;height:40px;padding:0 9px;font-size:10px;font-weight:700}.board-v2__metrics-popover{width:270px;box-shadow:none;background:#fff;border:1px solid #ccd6df;border-radius:7px;padding:13px;position:absolute;bottom:48px;right:0}.board-v2__metrics-popover header{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.board-v2__metrics-popover header strong{font-size:13px}.board-v2__metrics-popover header button{border-radius:4px;place-items:center;width:26px;height:26px;padding:0;display:grid}.board-v2__metrics-popover dl{margin:0;display:grid}.board-v2__metrics-popover dl div{border-top:1px solid #edf1f4;justify-content:space-between;align-items:center;gap:12px;min-height:30px;display:flex}.board-v2__metrics-popover dl div:first-child{border-top:0}.board-v2__metrics-popover dt{color:#657283;font-size:11px}.board-v2__metrics-popover dd{color:#263342;font-variant-numeric:tabular-nums;text-align:right;margin:0;font-size:11px;font-weight:750}.board-v2__context-menu-layer{z-index:14;pointer-events:none;position:absolute;inset:0}.board-v2__context-menu{overscroll-behavior:contain;pointer-events:auto;color:#263342;width:min(246px,100% - 16px);max-height:calc(100% - 16px);box-shadow:none;scrollbar-gutter:stable;background:#fffffffa;border:1px solid #c7d1db;border-radius:7px;padding:5px;position:absolute;overflow-y:auto}.board-v2__context-menu--submenu{z-index:1;width:min(272px,100% - 16px)}.board-v2__context-menu>div>button{color:#344253;text-align:left;border-radius:5px;grid-template-columns:18px minmax(0,1fr) auto 16px;align-items:center;gap:8px;width:100%;min-height:34px;padding:0 7px;display:grid}.board-v2__context-menu>div>button:hover,.board-v2__context-menu>div>button:focus-visible,.board-v2__context-menu>div>button.is-submenu-open{color:#17212b;background:#edf2f6;outline:0}.board-v2__context-menu>div>button.is-danger{color:#b53232}.board-v2__context-menu>div>button.is-danger:hover,.board-v2__context-menu>div>button.is-danger:focus-visible{color:#9d2020;background:#fff0ef}.board-v2__context-menu>div>button>svg{flex:none}.board-v2__context-menu>div>button>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:650;overflow:hidden}.board-v2__context-menu kbd{color:#7a8795;white-space:nowrap;font-family:inherit;font-size:9px;font-weight:650}.board-v2__context-check{color:#315efb;grid-column:4;place-items:center;width:16px;height:16px;display:grid}.board-v2__context-chevron{color:#7a8795}.board-v2__context-separator{background:#e2e7ec;height:1px;margin:4px 6px}.board-v2__editor{z-index:12;max-height:calc(100% - 16px);box-shadow:none;transform-origin:0 0;background:#fff;border:2px solid #315efb;border-radius:5px;flex-direction:column;display:flex;position:absolute;overflow:hidden}.board-v2__editor textarea{resize:none;color:#17212b;background:#fff;border:0;outline:0;flex:1;width:100%;min-height:68px;padding:8px 10px;font-size:16px;line-height:1.35}.board-v2__editor--inline-text{box-shadow:none;transform-origin:0 0;background:0 0;border:0;border-radius:0;overflow:visible}.board-v2__editor--inline-text textarea{overflow-wrap:normal;resize:none;width:100%;height:100%;min-height:0;color:inherit;font:inherit;font-weight:inherit;letter-spacing:0;white-space:pre-wrap;word-break:normal;caret-color:currentColor;background:0 0;border:0;border-radius:0;outline:0;align-content:safe center;padding:2px;line-height:1.25;overflow:hidden}.board-v2__editor--inline-text textarea:focus{outline:0}.board-v2__editor--code{background:#151a20;border-color:#53687f;min-width:min(300px,100% - 16px)}.board-v2__editor--code textarea{color:#eef4fb;tab-size:2;background:#151a20;min-height:130px;font-family:Cascadia Code,Consolas,monospace;font-size:13px;line-height:1.45}.board-v2__editor-head{background:#1b222a;border-bottom:1px solid #303943;justify-content:space-between;align-items:center;min-height:38px;padding:4px 6px;display:flex}.board-v2__code-language{color:#d9e3ec;background:#11161b;border:1px solid #354250;border-radius:4px;align-items:center;height:26px;padding:0 8px;font-size:10px;font-weight:750;display:inline-flex}.board-v2__editor-head button{color:#aebdca;border-radius:4px;justify-content:center;align-items:center;gap:5px;min-width:31px;height:24px;padding:0 8px;font-size:10px;font-weight:750;display:inline-flex}.board-v2__editor-head button:hover,.board-v2__editor-head button.is-active{color:#fff;background:#354250}.board-v2__editor>pre{color:#b8c5d1;white-space:pre-wrap;background:#10151a;border-top:1px solid #303943;max-height:92px;margin:0;padding:8px 10px;font-family:Cascadia Code,Consolas,monospace;font-size:10px;line-height:1.4;overflow:auto}.board-v2--dark{--board-style-panel:#242522;--board-style-panel-muted:#2b2c29;--board-style-panel-subtle:#373834;--board-style-border:#4b4c47;--board-style-divider:#383935;--board-style-text:#f0f1ee;--board-style-muted:#b9bab6;--board-style-accent:#86a7e8;--board-style-accent-soft:#2b313b;--board-style-action-bg:#86a7e8;--board-style-action-hover:#9ab8ef;--board-style-on-action:#171816;--board-style-danger:#ffc0bc;--board-style-danger-soft:#4b2d2d;--board-style-checker-a:#30312e;--board-style-checker-b:#50514c;--board-color-scrollbar-track:#bebfba24;--board-color-scrollbar-thumb:#bebfba7a;--board-color-scrollbar-thumb-hover:#e5e6e1b3;--board-style-shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#181917}.board-v2--dark button{color:#d0d1cd}.board-v2--dark .board-v2__toolbar,.board-v2--dark .board-v2__history,.board-v2--dark .board-v2__zoom,.board-v2--dark .board-v2__metrics>button,.board-v2--dark .board-v2__stylebar{box-shadow:none;background:#242522f5;border-color:#494a46}.board-v2--dark .board-tool:hover,.board-v2--dark .board-toolbar__overflow-trigger:hover,.board-v2--dark .board-v2__history button:hover,.board-v2--dark .board-v2__zoom button:hover,.board-v2--dark .board-v2__metrics>button:hover,.board-v2--dark .board-stylebar__swatch:hover,.board-v2--dark .board-stylebar__swatch[aria-pressed=true]{color:#f5f7fa;background:#373834}.board-v2--dark .board-tool.is-active,.board-v2--dark .board-toolbar__overflow-trigger.is-active{color:#abc4f2;background:#2b313b;box-shadow:inset 0 0 0 1px #526f9f}.board-v2--dark .board-tool__shortcut{color:#9aa2ac;opacity:.5}.board-v2--dark .board-v2__tool-separator,.board-v2--dark .board-v2__zoom-separator{background:#50514c}.board-v2--dark .board-stylebar__group>svg,.board-v2--dark .board-v2__zoom .board-v2__zoom-value,.board-v2--dark .board-stylebar__shape-kind button{color:#b7c1cc}.board-v2--dark .board-stylebar__segments{background:#1b1c1a}.board-v2--dark .board-stylebar__segments button:hover,.board-v2--dark .board-stylebar__segments button[aria-pressed=true]{color:#f5f7fa;box-shadow:none;background:#40413d}.board-v2--dark .board-stylebar__swatch.is-adaptive-ink:before,.board-v2--dark .board-stylebar__pen-preset.is-adaptive-ink .board-stylebar__pen-dot{background:#e8edf4}.board-v2--dark .board-stylebar__pen-well{background-color:#30312e;background-image:linear-gradient(45deg,#50514c 25%,#0000 25%),linear-gradient(-45deg,#50514c 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#50514c 75%),linear-gradient(-45deg,#0000 75%,#50514c 75%);border-color:#ffffff29}.board-v2--dark .board-stylebar__palette-toggle{color:#b7c1cc;background:#242522fa}.board-v2--dark .board-stylebar__palette-toggle:hover{color:#f5f7fa;background:#373834!important}.board-v2--dark .board-stylebar__free-drawing.is-palette-editing .board-stylebar__palette-toggle{color:#f8fbff;box-shadow:inset 0 0 0 1px #7196cf;background:#365f9f!important}.board-v2--dark .board-stylebar__free-drawing.is-palette-editing:after{background:#05080c4d}.board-v2--dark .board-stylebar__pen-preset:hover,.board-v2--dark .board-stylebar__pen-preset[aria-pressed=true]{background:0 0}.board-v2--dark .board-stylebar__pen-delete{box-shadow:none;color:#d5dde6!important;background:#343532!important;border-color:#ffffff3d!important}.board-v2--dark .board-stylebar__pen-delete:not(:disabled):hover{color:#ffc0bc!important;background:#4b2d2d!important}.board-v2--dark .board-stylebar__range output{color:#c5cfda}.board-v2--dark .board-stylebar__exact-number,.board-v2--dark .board-stylebar__font-size,.board-v2--dark .board-stylebar__font-family{color:#dbe3ec;background:#292a27;border-color:#50514c}.board-v2--dark .board-stylebar__font-custom>button{color:#aeb9c5}.board-v2--dark .board-stylebar__font-custom>button:hover{color:#f1f5f2;background:#373834}.board-v2--dark .board-font-family-control__trigger:hover,.board-v2--dark .board-font-family-control__trigger[aria-expanded=true]{background:#343532;border-color:#686963}.board-v2--dark .board-font-family-control__trigger>svg,.board-v2--dark .board-stylebar__percent-input>span{color:#aeb9c5}.board-v2--dark .board-color-control__trigger:hover,.board-v2--dark .board-color-control__trigger[aria-expanded=true]{color:#f5f7fa;background:#373834}.board-v2--dark .board-color-control__trigger-swatch,.board-v2--dark .board-color-control__favorite>span,.board-v2--dark .board-color-control__recent>span{border-color:#ffffff2e}.board-v2--dark .board-color-control.is-adaptive-ink .board-color-control__trigger-swatch:after,.board-v2--dark .board-color-control__favorite.is-adaptive-ink>span:after{background:#e8edf4}.board-v2--dark .board-color-control__delete{color:#d5dde6!important;border-color:#ffffff3d!important}.board-v2--dark .board-v2__stylebar select{color:#dbe3ec;background:#292a27;border-color:#50514c}.board-v2--dark .board-stylebar__pen-popover{color:#e9eae7;box-shadow:none;background:#242522;border-color:#4b4c47}.board-v2--dark .board-stylebar__free-drawing.is-floating{background:#252622;border-color:#4b4d48}.board-v2--dark .board-stylebar__pen-popover>label output{color:#edf2f7}.board-v2--dark .board-stylebar__pen-popover>label,.board-v2--dark .board-stylebar__pen-control-row{color:#b4bfca}.board-v2--dark .board-stylebar__pen-popover>label+label,.board-v2--dark .board-stylebar__pen-popover>label+.board-stylebar__pen-control-row,.board-v2--dark .board-stylebar__pen-popover>.board-color-picker+.board-stylebar__pen-control-row,.board-v2--dark .board-stylebar__pen-control-row+label{border-color:#383935}.board-v2--dark .board-v2__participants span{box-shadow:none;border-color:#23272d}.board-v2--dark .board-v2__metrics-popover{color:#e7edf4;box-shadow:none;background:#242522;border-color:#4a4b46}.board-v2--dark .board-v2__metrics-popover dl div{border-color:#383935}.board-v2--dark .board-v2__metrics-popover dt{color:#aeb9c5}.board-v2--dark .board-v2__metrics-popover dd{color:#edf2f7}.board-v2--dark .board-v2__context-menu{color:#e9eae7;box-shadow:none;background:#242522fa;border-color:#4b4c47}.board-v2--dark .board-v2__context-menu>div>button{color:#d2dbe5}.board-v2--dark .board-v2__context-menu>div>button:hover,.board-v2--dark .board-v2__context-menu>div>button:focus-visible,.board-v2--dark .board-v2__context-menu>div>button.is-submenu-open{color:#f5f6f3;background:#383935}.board-v2--dark .board-v2__context-menu>div>button.is-danger{color:#ff9b96}.board-v2--dark .board-v2__context-menu>div>button.is-danger:hover,.board-v2--dark .board-v2__context-menu>div>button.is-danger:focus-visible{color:#ffc0bc;background:#4b2d2d}.board-v2--dark .board-v2__context-menu kbd,.board-v2--dark .board-v2__context-chevron{color:#98a5b2}.board-v2--dark .board-v2__context-separator{background:#40413d}.board-v2--dark .board-v2__editor:not(.board-v2__editor--code),.board-v2--dark .board-v2__editor:not(.board-v2__editor--code) textarea{color:#edf2f7;background:#292a27}.board-v2--dark .board-v2__editor.board-v2__editor--inline-text,.board-v2--dark .board-v2__editor.board-v2__editor--inline-text textarea{color:inherit;background:0 0}.board-v2--dark .board-v2__status{color:#f0c777;box-shadow:none;background:#332b1d;border-color:#6b5730}.board-v2--dark .board-v2__status--offline,.board-v2--dark .board-v2__status--recovery-required,.board-v2--dark .board-v2__status--storage-error{color:#ffaaa5;background:#382322;border-color:#734642}[data-theme=dark] body,[data-theme=dark] .public-home,[data-theme=dark] .room-ended,[data-theme=dark] .auth-page,[data-theme=dark] .lesson-loading,[data-theme=dark] .lesson-shell,[data-theme=dark] .lesson-library{color:var(--ink);background:var(--background)}[data-theme=dark] .public-workspace,[data-theme=dark] .lesson-workspace,[data-theme=dark] .public-code-stage,[data-theme=dark] .board-v2-gate{color:var(--ink);background:var(--surface-subtle)}[data-theme=dark] .public-workspace__bar,[data-theme=dark] .mobile-header{color:var(--ink);border-color:var(--line);background:#222321f7}[data-theme=dark] .public-action:not(.public-action--primary),[data-theme=dark] .button--secondary,[data-theme=dark] .auth-panel,[data-theme=dark] .full-code-workspace,[data-theme=dark] .code-main,[data-theme=dark] .code-main__toolbar,[data-theme=dark] .code-move-control,[data-theme=dark] .guest-room__copy,[data-theme=dark] .data-table tr,[data-theme=dark] .table-wrap,[data-theme=dark] .modal,[data-theme=dark] .metric-strip,[data-theme=dark] .content-section,[data-theme=dark] .filter-tabs,[data-theme=dark] .library-layout,[data-theme=dark] .material-row,[data-theme=dark] .assignment-card,[data-theme=dark] .student-next-lesson,[data-theme=dark] .student-homework-panel,[data-theme=dark] .student-progress-panel,[data-theme=dark] .student-assignment-card,[data-theme=dark] .student-material-card,[data-theme=dark] .student-material-detail,[data-theme=dark] .admin-summary>div,[data-theme=dark] .lesson-header,[data-theme=dark] .lesson-modes,[data-theme=dark] .code-workspace,[data-theme=dark] .lesson-material-card,[data-theme=dark] .theme-toggle--floating{color:var(--ink);border-color:var(--line);background:var(--surface)}[data-theme=dark] .next-lesson-panel,[data-theme=dark] .summary-panel,[data-theme=dark] .schedule-panel{background:var(--surface)}[data-theme=dark] .segmented,[data-theme=dark] .language-switch,[data-theme=dark] .data-table th,[data-theme=dark] .invite-preview,[data-theme=dark] .invite-result,[data-theme=dark] .submitted-answer,[data-theme=dark] .assignment-condition,[data-theme=dark] .finish-summary{color:var(--muted);background:var(--surface-subtle)}[data-theme=dark] .segmented button.is-active,[data-theme=dark] .language-switch button.is-active,[data-theme=dark] .filter-tabs button.is-active{color:var(--ink);background:var(--surface-raised);box-shadow:none}[data-theme=dark] button:focus-visible,[data-theme=dark] a:focus-visible,[data-theme=dark] input:focus-visible,[data-theme=dark] textarea:focus-visible,[data-theme=dark] select:focus-visible{outline-color:#70a2ff}[data-theme=dark] .timeline-row:before{background:var(--line)}[data-theme=dark] .finish-summary span,[data-theme=dark] .tag-line em{color:var(--muted)}[data-theme=dark] .search-field,[data-theme=dark] .search-field input,[data-theme=dark] .copy-field input,[data-theme=dark] .board-v2-gate--error button{color:var(--ink);border-color:var(--line);background:var(--surface-raised)}[data-theme=dark] .field input[type=file]::file-selector-button{color:var(--ink);border-color:var(--line);background:var(--surface-raised)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#949691;opacity:1}[data-theme=dark] input:-webkit-autofill{-webkit-text-fill-color:var(--ink);box-shadow:0 0 0 1000px var(--surface-raised) inset}[data-theme=dark] input:-webkit-autofill:hover{-webkit-text-fill-color:var(--ink);box-shadow:0 0 0 1000px var(--surface-raised) inset}[data-theme=dark] input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);box-shadow:0 0 0 1000px var(--surface-raised) inset}[data-theme=dark] .button--secondary:hover,[data-theme=dark] .button--ghost:hover,[data-theme=dark] .icon-button:hover,[data-theme=dark] .public-account-link:hover,[data-theme=dark] .public-workspace__back:hover,[data-theme=dark] .public-action:not(.public-action--primary):hover,[data-theme=dark] .guest-room__copy:hover,[data-theme=dark] .guest-room__tabs a:hover,[data-theme=dark] .guest-room__tabs button:hover,[data-theme=dark] .attention-row:hover,[data-theme=dark] .data-table tbody tr:hover,[data-theme=dark] .filter-tabs button:hover,[data-theme=dark] .material-row:hover,[data-theme=dark] .student-material-card:hover,[data-theme=dark] .lesson-modes button:hover{color:var(--ink);border-color:var(--border-hover);background:var(--surface-hover)}[data-theme=dark] .icon-button,[data-theme=dark] .button--ghost,[data-theme=dark] .public-account-link,[data-theme=dark] .public-workspace__back,[data-theme=dark] .public-workspace__mode,[data-theme=dark] .guest-room__tabs a,[data-theme=dark] .guest-room__tabs button,[data-theme=dark] .code-main__toolbar .code-icon-command,[data-theme=dark] .code-move-control,[data-theme=dark] .code-move-control select,[data-theme=dark] .filter-tabs button,[data-theme=dark] .lesson-modes button,[data-theme=dark] .lesson-timer,[data-theme=dark] .material-body,[data-theme=dark] .assignment-card p,[data-theme=dark] .submitted-answer p,[data-theme=dark] .assignment-condition p,[data-theme=dark] .student-assignment-card p,[data-theme=dark] .lesson-material-card p{color:var(--muted)}[data-theme=dark] .public-action:not(.public-action--primary),[data-theme=dark] .code-binary-preview strong,[data-theme=dark] .field__label,[data-theme=dark] .data-table td,[data-theme=dark] .board-v2-gate--error strong,[data-theme=dark] .error-state strong{color:var(--ink)}[data-theme=dark] .public-home__header,[data-theme=dark] .public-action:not(.public-action--primary),[data-theme=dark] .public-workspace__bar,[data-theme=dark] .code-main__toolbar,[data-theme=dark] .code-move-control,[data-theme=dark] .schedule-row,[data-theme=dark] .data-table td,[data-theme=dark] .timeline-row,[data-theme=dark] .compact-row,[data-theme=dark] .material-row,[data-theme=dark] .homework-brief,[data-theme=dark] .lesson-header,[data-theme=dark] .lesson-modes,[data-theme=dark] .progress-material-list>div{border-color:var(--line)}[data-theme=dark] .empty-state{background:#222321a8;border-color:#4e4f4b}[data-theme=dark] .empty-state__icon,[data-theme=dark] .status,[data-theme=dark] .admin-summary__icon--gray{color:#c4c5c1;background:var(--surface-raised)}[data-theme=dark] .timeline-row__dot{border-color:var(--surface)}[data-theme=dark] .avatar{color:#c9dcff;background:#26395a}[data-theme=dark] .public-workspace__promotion-error,[data-theme=dark] .code-workspace-error,[data-theme=dark] .guest-room__action-error,[data-theme=dark] .notice--error,[data-theme=dark] .error-state{color:#ffaaa5;background:var(--soft-red);border-color:#754844}[data-theme=dark] .public-home__error{color:#ffaaa5}[data-theme=dark] .public-workspace__promotion-error>button,[data-theme=dark] .error-state p{color:#ffc2bd}[data-theme=dark] .public-workspace__promotion-error>button:hover,[data-theme=dark] .code-main__toolbar .code-icon-command:hover{color:#ffc2bd;background:#4a2b29}[data-theme=dark] .notice{color:#b9d0ff;background:var(--soft-blue);border-color:#3f5e91}[data-theme=dark] .notice--success{color:#9ce5c6;background:var(--soft-green);border-color:#39725e}[data-theme=dark] .inline-note{color:#f0c77f;background:var(--soft-amber);border-color:#6b5731}[data-theme=dark] .inline-note strong,[data-theme=dark] .inline-note p{color:#eed6aa}[data-theme=dark] .status--active,[data-theme=dark] .status--completed,[data-theme=dark] .status--reviewed,[data-theme=dark] .connection-pill--connected,[data-theme=dark] .progress-tag--completed{color:#8fe0bd;background:var(--soft-green);border-color:#356e59}[data-theme=dark] .status--pending,[data-theme=dark] .status--scheduled,[data-theme=dark] .status--assigned,[data-theme=dark] .count-badge,[data-theme=dark] .filter-tabs button span,[data-theme=dark] .connection-pill,[data-theme=dark] .progress-tag{color:#f1c77d;background:var(--soft-amber)}[data-theme=dark] .status--suspended,[data-theme=dark] .status--cancelled,[data-theme=dark] .status--returned,[data-theme=dark] .connection-pill--offline{color:#ffaaa5;background:var(--soft-red);border-color:#754844}[data-theme=dark] .status--submitted,[data-theme=dark] .progress-tag--covered,[data-theme=dark] .guest-room__tabs a.is-active,[data-theme=dark] .lesson-modes button.is-active,[data-theme=dark] .material-row--selected{color:#a9c7ff;background:var(--soft-blue);border-color:#496da8}[data-theme=dark] .attention-row__icon,[data-theme=dark] .compact-row__icon,[data-theme=dark] .assignment-card__icon,[data-theme=dark] .homework-brief__icon,[data-theme=dark] .admin-summary__icon,[data-theme=dark] .lesson-material-card__kind,[data-theme=dark] .material-kind{color:#a9c7ff;background:var(--soft-blue)}[data-theme=dark] .attention-row__icon--amber,[data-theme=dark] .material-kind--task,[data-theme=dark] .lesson-material-card__kind--task,[data-theme=dark] .homework-brief__icon.is-returned{color:#f1c77d;background:var(--soft-amber)}[data-theme=dark] .material-kind--link,[data-theme=dark] .student-progress-panel__icon,[data-theme=dark] .admin-summary__icon--green{color:#8fe0bd;background:var(--soft-green)}[data-theme=dark] .material-kind--file{color:#d4b7f5;background:#352842}[data-theme=dark] .code-binary-preview{color:var(--muted);background:var(--surface-subtle)}[data-theme=dark] .sidebar{background:var(--sidebar)}[data-theme=dark] .nav-link--active{color:var(--sidebar-active-text);background:var(--sidebar-active)}[data-theme=dark] .modal-backdrop,[data-theme=dark] .sidebar-backdrop{background:#0000009e}[data-theme=dark] .modal-backdrop--online-profile{background:#00000080}[data-theme=dark] .lesson-call,[data-theme=dark] .guest-room__call,[data-theme=dark] .code-console,[data-theme=dark] .code-output{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (width<=1120px){.detail-grid,.student-dashboard{grid-template-columns:minmax(0,1fr)}.student-progress-panel{grid-column:auto}.student-profile-header{flex-direction:column;align-items:flex-start}.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-strip>div:nth-child(3){border-top:1px solid var(--line);border-left:0}.metric-strip>div:nth-child(4){border-top:1px solid var(--line)}}@media (width<=900px){.lesson-shell{grid-template:58px minmax(0,1fr) 60px/minmax(0,1fr)}.lesson-header{grid-area:1/1}.lesson-workspace{grid-area:2/1}.lesson-modes{z-index:12;border-top:1px solid #d5dce3;border-right:0;flex-direction:row;grid-area:3/1;justify-content:center;align-items:center;gap:9px;padding:5px 10px}.lesson-modes button{width:82px;height:50px}.lesson-modes span{font-size:10px}.lesson-library{padding:18px}.library-layout{grid-template-columns:minmax(270px,.85fr) minmax(0,1.15fr)}.student-assignment-grid,.student-material-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.student-profile-header__actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.student-profile-header__actions .button{min-width:0;padding:0 10px}.student-profile-header__actions .button:last-child{grid-column:1/-1}.metric-strip{grid-template-columns:minmax(0,1fr)}.metric-strip>div,.metric-strip>div:nth-child(3),.metric-strip>div:nth-child(4){border-top:1px solid var(--line);border-left:0}.metric-strip>div:first-child{border-top:0}.timeline-row{grid-template-columns:minmax(0,1fr) auto}.timeline-row .status{display:none}.progress-material-list{grid-template-columns:minmax(0,1fr)}.progress-material-list>div:nth-child(2){border-top:1px solid var(--line)}.library-layout{min-height:0;display:block}.material-list{border-right:0;min-height:0;max-height:none}.material-preview{display:none}.filter-tabs{max-width:100%;overflow-x:auto}.assignment-card{grid-template-columns:38px minmax(0,1fr)}.assignment-card__action{grid-column:2;justify-self:start}.assignment-card p{white-space:normal}.student-progress-panel{grid-template-columns:44px 1fr}.student-progress-panel a{grid-column:2}.admin-summary{grid-template-columns:minmax(0,1fr)}.modal-actions--split{flex-direction:column-reverse;align-items:stretch}.modal-actions--split .button{width:100%}.student-material-detail{width:100vw;padding:22px}.lesson-header{gap:5px;padding:0 7px}.lesson-header__title span{display:none}.connection-pill{justify-content:center;width:30px;padding:0}.connection-pill span{display:none}.lesson-timer{min-width:44px;font-size:11px}.lesson-header>.button{width:40px;padding:0;font-size:0;overflow:hidden}.lesson-library__header{flex-direction:column;align-items:stretch}.lesson-library__header .search-field{flex:none}.lesson-material-grid{grid-template-columns:minmax(0,1fr)}.code-workspace.is-visible{grid-template-rows:48px minmax(180px,1fr) minmax(130px,36%)}.language-switch button{padding:0 8px}.board-v2__toolbar-layout{gap:7px;padding:0 8px;display:flex;top:8px}.board-v2__toolbar{flex:auto;width:auto;min-width:0;max-width:none}.board-modifier-hints{flex:0 0 142px;width:142px;max-width:38%;margin-right:0}.board-v2__stylebar{width:calc(100% - 16px);max-width:none;top:58px;left:8px;transform:none}.board-v2__stylebar--palette-editing{width:calc(100% - 16px - var(--board-pen-add-span))}.board-v2__history{top:auto;bottom:10px;left:50%;transform:translate(-50%)}.board-v2__zoom{bottom:10px;left:8px}.board-v2__participants{top:59px;right:8px}.board-v2--has-stylebar .board-v2__participants{top:108px}.board-v2__metrics{bottom:10px;right:8px}.board-v2__status{max-width:calc(100% - 16px);bottom:58px}.board-v2__editor:not(.board-v2__editor--inline-text){max-width:calc(100% - 16px)}}@media (width<=430px){.call-settings-grid,.call-microphone-test{grid-template-columns:minmax(0,1fr)}.call-settings-action{width:100%}.lesson-timer{display:none}.lesson-header__title strong{font-size:12px}.lesson-modes{gap:4px}.lesson-modes button{width:76px}.board-v2__zoom .board-v2__zoom-step{display:none}.board-v2__editor:not(.board-v2__editor--inline-text){min-width:0;max-width:none;max-height:none;bottom:58px;right:8px;width:auto!important;min-height:0!important;top:60px!important;left:8px!important}.board-v2__editor--code{min-width:0;min-height:0!important}}@container board-surface (width<=900px){.board-v2__history{top:auto;bottom:10px;left:50%;transform:translate(-50%)}.board-v2__status{bottom:58px}}@container board-surface (width<=560px){.board-v2__zoom .board-v2__zoom-step{display:none}.board-v2__toolbar-layout{gap:7px;padding:0 8px;display:flex;top:8px}.board-v2__toolbar{flex:auto;width:auto;min-width:0;max-width:none}.board-modifier-hints{flex:0 0 142px;width:142px;max-width:42%;margin-right:0}.board-v2__stylebar{width:calc(100% - 16px);max-width:none;top:58px;left:8px;transform:none}.board-v2__stylebar--palette-editing{width:calc(100% - 16px - var(--board-pen-add-span))}.board-v2__history{top:auto;bottom:10px;left:50%;transform:translate(-50%)}.board-v2__zoom{bottom:10px;left:8px}.board-v2__participants{top:59px;right:8px}.board-v2--has-stylebar .board-v2__participants{top:108px}.board-v2__metrics{bottom:10px;right:8px}.board-v2__status{max-width:calc(100% - 16px);bottom:58px}.board-v2__editor:not(.board-v2__editor--inline-text){max-width:calc(100% - 16px)}}@container board-surface (width<=380px){.board-v2__history{bottom:58px}.board-v2__status{bottom:106px}.board-toolbar-config__backdrop{padding:6px}.board-toolbar-config__item{grid-template-columns:18px 20px minmax(58px,1fr) 28px 28px 28px;gap:4px}.board-toolbar-config__item.is-locked{grid-template-columns:18px 20px minmax(58px,1fr) 24px}.board-toolbar-config__visibility-label,.board-toolbar-config__fixed-label{display:none}.board-toolbar-config__item>label{min-width:28px}}@media (pointer:coarse){.board-v2__toolbar-layout,.board-v2__toolbar{height:52px}.board-tool{flex-basis:42px;width:42px;height:42px}.board-toolbar__overflow,.board-toolbar__overflow-trigger{width:42px;height:42px}.board-tool__shortcut{bottom:4px;right:4px}.board-v2__stylebar{--board-pen-add-span:42px;--board-pen-add-clearance:100px;height:54px;top:70px}.board-v2__stylebar--inline-palette{height:54px}.board-v2__stylebar--inline-palette .board-stylebar__strip,.board-stylebar__strip,.board-stylebar__group,.board-stylebar__free-drawing{height:44px}.board-stylebar__free-drawing.is-floating{height:54px}.board-stylebar__swatch{flex-basis:32px;width:32px;height:32px}.board-stylebar__palette-toggle{flex-basis:38px;width:38px;height:44px}.board-stylebar__pen-slot,.board-stylebar__pen-preset{flex-basis:44px;width:44px;height:44px}.board-stylebar__pen-delete{width:24px;height:24px;top:1px;right:1px}.board-stylebar__pen-add{width:38px;height:38px}.board-stylebar__segments button{width:35px;height:35px}.board-color-control{flex-basis:50px;width:50px;height:44px}.board-color-control__trigger{grid-template-columns:27px 14px;width:50px;height:44px}.board-color-control--swatch-only{flex-basis:44px;width:44px}.board-color-control--swatch-only .board-color-control__trigger{grid-template-columns:27px;width:44px}.board-color-control__trigger-swatch{width:27px;height:27px}.board-stylebar__range{height:44px}.board-stylebar__exact-number,.board-stylebar__font-size,.board-stylebar__font-family,.board-font-family-control{height:36px}.board-font-family-menu>button{min-height:42px}.board-stylebar__font-custom{height:36px}.board-stylebar__font-custom>button{height:34px}.board-stylebar__percent-input{height:36px}.board-color-control__slot,.board-color-control__favorite{flex-basis:44px;width:44px;height:44px}.board-color-control__favorites,.board-color-control__recents{min-height:55px}.board-color-control__favorite>span{width:34px;height:34px}.board-color-control__delete{width:24px;height:24px}.board-color-control__add{flex-basis:44px;width:44px;height:44px}.board-color-control__recent{flex-basis:38px;width:38px;height:38px}.board-color-control__recent>span{width:28px;height:28px}.board-color-control__transparent{min-height:42px}.board-color-picker__hue-row{min-height:38px}.board-color-picker__rail,.board-color-picker__format-input,.board-color-picker .board-color-picker__format-copy{height:38px}.board-v2__history{height:52px}.board-v2__history button,.board-v2__zoom button{width:42px;height:42px}.board-v2__zoom,.board-v2__metrics>button{height:48px}.board-v2__context-menu>div>button{min-height:42px}.board-v2__participants{top:70px}.board-v2--has-stylebar .board-v2__participants{top:128px}.board-v2__status{bottom:70px}@container board-surface (width<=380px){.board-v2__history{bottom:66px}.board-v2__status{bottom:126px}}}
