:root{color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--page: #eef0f4;--surface: #ffffff;--surface-soft: #f5f6f8;--surface-hover: #eceef2;--text: #22252a;--soft: #626771;--muted: #9297a0;--line: #dfe2e7;--line-strong: #cdd1d8;--accent: #168b64;--accent-soft: #e1f4ec;--shadow: 0 14px 44px rgb(28 33 42 / 12%);--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--cursor-0: #6d59d9;--cursor-1: #d85b83;--cursor-2: #1a8f7a;--cursor-3: #c5782b}:root[data-theme=dark]{color-scheme:dark;--page: #111319;--surface: #191c22;--surface-soft: #21242b;--surface-hover: #2a2e36;--text: #f0f1f4;--soft: #b7bac2;--muted: #858a94;--line: #2c3038;--line-strong: #3b404a;--accent: #91dfae;--accent-soft: #20352a;--shadow: 0 18px 56px rgb(0 0 0 / 42%)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;min-width:980px;min-height:680px;overflow:hidden;background:var(--page);color:var(--text)}button,input,textarea,select{font:inherit;color:inherit}button{border:0;cursor:pointer}.hidden{display:none!important}.app-shell{height:100vh;display:flex;flex-direction:column;padding:0 10px 10px}.topbar{height:62px;flex:none;display:flex;align-items:center;gap:22px;padding:0 8px}.brand{display:flex;align-items:center;gap:9px;color:var(--text);text-decoration:none;white-space:nowrap}.brand strong{font-size:15px;letter-spacing:-.45px}.brand strong span{color:var(--muted);font-weight:500}.brand-mark{width:20px;height:20px;display:flex;align-items:flex-end;gap:2px}.brand-mark i{width:5px;border-radius:4px;background:var(--accent)}.brand-mark i:nth-child(1){height:9px;opacity:.65}.brand-mark i:nth-child(2){height:18px}.brand-mark i:nth-child(3){height:13px;opacity:.82}.course-title{font-size:13px;font-weight:650}.room-actions{margin-left:auto;display:flex;align-items:center;gap:8px;min-width:0}.profile-button{max-width:105px;overflow:hidden;height:30px;padding:0 9px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.profile-button span{color:var(--text);font-weight:700}.profile-button:hover{background:var(--surface-hover)}.theme-toggle{height:32px;display:inline-flex;align-items:center;gap:8px;padding:0 8px;border-radius:8px;background:transparent;color:var(--soft);font-size:9px;font-weight:650;white-space:nowrap}.theme-toggle:hover{background:var(--surface-hover)}.theme-toggle-track{width:30px;height:17px;padding:2px;display:flex;align-items:center;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface-hover);transition:.16s ease}.theme-toggle-track i{width:11px;height:11px;border-radius:50%;background:var(--muted);transition:.16s ease}.theme-toggle[aria-checked=true] .theme-toggle-track{justify-content:flex-end;border-color:var(--accent);background:var(--accent-soft)}.theme-toggle[aria-checked=true] .theme-toggle-track i{background:var(--accent)}.button{height:34px;padding:0 12px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:650;white-space:nowrap}.button:active{transform:translateY(1px)}.button:disabled{opacity:.42;cursor:default}.secondary{background:var(--surface);border:1px solid var(--line);color:var(--soft)}.secondary:hover:not(:disabled){background:var(--surface-hover)}.primary{background:var(--text);color:var(--surface)}.primary:hover{background:var(--accent);color:#fff}.room-state{height:28px;display:inline-flex;align-items:center;gap:6px;padding:0 9px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:15px;color:var(--accent);background:var(--accent-soft);font-size:9px;white-space:nowrap}.room-state i{width:6px;height:6px;border-radius:50%;background:currentColor}.room-state.room-idle{color:var(--muted);background:var(--surface-hover);border-color:var(--line)}.participants{display:flex;align-items:center;padding-left:4px}.avatar{width:25px;height:25px;margin-left:-6px;display:inline-grid;place-items:center;border:2px solid var(--page);border-radius:50%;color:#22252a;font-size:9px;font-weight:800;background:#a9d4fa}.avatar:nth-child(2n){background:#ccb8f2}.avatar:nth-child(3n){background:#f0b8aa}.people-count{margin-left:6px;color:var(--muted);font-size:9px;white-space:nowrap}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:54px minmax(390px,1fr) minmax(500px,1.18fr);gap:10px}.home-view{flex:1;min-height:0;overflow-y:auto;padding:34px clamp(24px,7vw,110px)}.home-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:8px 0 24px}.home-actions{display:flex;align-items:center;gap:8px}.home-heading>div>span{color:var(--accent);font-size:9px;font-weight:800;letter-spacing:1.2px}.home-heading h1{margin:7px 0;font-size:30px;letter-spacing:-1px}.home-heading p{margin:0;color:var(--muted);font-size:11px}.home-section{margin:0 0 28px}.home-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.home-section-heading h2{margin:0;font-size:15px;letter-spacing:-.25px}.home-section-heading>span,.home-section-heading>div>span{color:var(--muted);font-size:9px}.home-section-heading>div>span{display:block;margin-top:5px}.empty-state{margin:0;padding:17px;border:1px dashed var(--line-strong);border-radius:10px;color:var(--muted);font-size:10px}.contest-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}.contest-card{min-height:84px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface);text-align:left;transition:.15s ease}.contest-card:hover{border-color:var(--accent);background:var(--surface-soft);transform:translateY(-1px)}.contest-card-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-size:19px}.contest-card-copy{display:grid;gap:5px;min-width:0}.contest-card-copy strong{overflow:hidden;color:var(--text);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.contest-card-copy small{color:var(--muted);font-size:9px}.contest-card-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:5px}.contest-card-action{height:26px;padding:0 8px;border-radius:7px;background:var(--surface-soft);color:var(--soft);font-size:8px}.contest-card-action:hover{background:var(--surface-hover);color:var(--text)}.contest-card-action.open{color:var(--accent);background:var(--accent-soft)}.contest-card-action.delete:hover{background:#fae8e6;color:#b3382c}.task-rail,.task-panel,.editor-panel{min-height:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.task-rail{padding:7px 6px;display:flex;flex-direction:column;gap:5px;overflow-y:auto}.task-index,.task-add{width:40px;height:40px;border-radius:11px;background:transparent;color:var(--soft);font:600 12px var(--mono)}.panel-title{position:relative}.inline-delete{width:19px;height:19px;border-radius:6px;background:transparent;color:var(--muted);font-size:16px;line-height:1}.inline-delete:hover:not(:disabled){background:#ffe6e3;color:#c0392b}.inline-delete:disabled{opacity:.3;cursor:default}.task-index:hover,.task-add:hover{background:var(--surface-hover);color:var(--text)}.task-index.active{color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent)}.task-add{margin-top:2px;color:var(--accent);font-weight:800}.task-panel,.editor-panel{display:flex;flex-direction:column}.panel-header{height:52px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;border-bottom:1px solid var(--line)}.editor-header-actions{display:flex;align-items:center;gap:8px}.editor-fullscreen-button{width:32px;height:32px;padding:0;font-size:17px;line-height:1}.panel-title{display:flex;align-items:center;gap:9px;min-width:0}.panel-title span{font-size:9px;font-weight:800;letter-spacing:1.15px}.panel-title b{color:var(--muted);font-size:8px;font-weight:700;letter-spacing:.6px;white-space:nowrap}.mode-switch{display:flex;align-items:center;padding:3px;border-radius:9px;background:var(--surface-soft)}.mode-switch button{height:28px;padding:0 9px;border-radius:7px;background:transparent;color:var(--muted);font-size:9px}.mode-switch button:hover{color:var(--text)}.mode-switch button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #00000017}.task-view{flex:1;min-height:0;overflow:auto}.panel-footer{height:30px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-top:1px solid var(--line);color:var(--muted);font:8px var(--mono)}.save-indicator{color:var(--accent)}.task-form{min-height:100%;display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:14px;padding:20px}.task-form label,.modal-card label{display:flex;flex-direction:column;gap:7px;color:var(--soft);font-size:9px;font-weight:650}.task-form label.wide{grid-column:1 / -1}.task-form input,.task-form textarea,.task-form select,.modal-card input{width:100%;border:1px solid var(--line-strong);border-radius:8px;outline:0;background:var(--surface-soft);color:var(--text)}.task-form input,.task-form select,.modal-card input{height:38px;padding:0 10px}.task-form textarea{min-height:280px;padding:11px;resize:vertical;font:11px/1.65 var(--mono)}.task-form input:focus,.task-form textarea:focus,.task-form select:focus,.modal-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.body-field{min-height:340px}.body-field textarea{flex:1}.source-view{display:flex;flex-direction:column}.source-note{flex:none;padding:10px 16px;border-bottom:1px solid var(--line);color:var(--muted);font-size:9px}.source-note code{font-family:var(--mono);color:var(--accent)}#task-source-input{flex:1;width:100%;min-height:0;padding:18px;resize:none;border:0;outline:0;background:var(--surface);color:var(--text);font:11px/1.7 var(--mono)}.task-preview{padding:28px 26px 40px}.task-kicker{color:var(--accent);font-size:10px;font-weight:700;margin-bottom:9px}.task-heading-row{display:flex;align-items:flex-start;gap:12px}.task-heading-row h1{flex:1;margin:0;font-size:24px;line-height:1.18;letter-spacing:-.7px}.difficulty{margin-top:3px;padding:5px 7px;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:8px;font-weight:800;letter-spacing:.5px}.task-meta{margin-top:10px;color:var(--muted);font-size:9px}.task-rule{height:1px;margin:21px 0;background:var(--line)}.task-prose{color:var(--soft);font-size:12px;line-height:1.72}.task-prose p{margin:0 0 14px}.task-prose h2,.task-prose h3{margin:24px 0 11px;color:var(--text)}.task-prose h2{font-size:17px}.task-prose h3{font-size:14px}.task-prose ul,.task-prose ol{padding-left:20px}.task-prose code{padding:2px 5px;border-radius:4px;background:var(--surface-hover);color:var(--text);font:10px var(--mono)}.task-prose pre{padding:12px;overflow:auto;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft)}.task-prose pre code{padding:0;background:transparent}.isolation-badge{padding:5px 8px;border-radius:12px;color:var(--accent);background:var(--accent-soft);font-size:8px;white-space:nowrap}.solution-tabs{height:44px;flex:none;display:flex;align-items:stretch;overflow-x:auto;border-bottom:1px solid var(--line);background:var(--surface-soft)}.solution-tab{min-width:150px;max-width:220px;padding:0 9px 0 12px;display:flex;align-items:center;gap:7px;border-right:1px solid var(--line);background:transparent;color:var(--muted);position:relative}.solution-tab.active{background:var(--surface);color:var(--text)}.solution-tab.active:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--accent)}.solution-tab-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:9px var(--mono)}.tab-people{margin-left:auto;display:flex;align-items:center;padding-left:5px}.tab-person{width:18px;height:18px;margin-left:-5px;display:grid;place-items:center;border:2px solid var(--surface-soft);border-radius:50%;color:#fff;font-size:7px;font-weight:800}.solution-tab.active .tab-person{border-color:var(--surface)}.rename-tab{width:20px;height:22px;padding:0;border-radius:5px;background:transparent;color:var(--muted);opacity:0}.solution-tab:hover .rename-tab,.solution-tab:focus-within .rename-tab{opacity:1}.rename-tab:hover{background:var(--surface-hover);color:var(--text)}.solution-tab-tools{margin-left:auto;display:flex;align-items:center;gap:2px;opacity:0}.solution-tab:hover .solution-tab-tools,.solution-tab:focus-within .solution-tab-tools{opacity:1}.solution-tab .rename-tab,.solution-tab .delete-tab{width:19px;height:22px;display:grid;place-items:center;border-radius:5px;color:var(--muted);font-size:12px;cursor:pointer}.solution-tab .rename-tab:hover,.solution-tab .delete-tab:hover{background:var(--surface-hover);color:var(--text)}.solution-tab .delete-tab:hover{color:#c0392b}.add-solution{min-width:102px;padding:0 12px;background:transparent;color:var(--accent);font-size:9px;font-weight:750;white-space:nowrap}.add-solution:hover{background:var(--accent-soft)}.editor-context{height:32px;flex:none;display:flex;align-items:center;gap:8px;padding:0 15px;border-bottom:1px solid var(--line);color:var(--muted);font-size:9px}.editor-context strong{color:var(--text);font:9px var(--mono)}.language-picker{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:8px}.language-picker select{max-width:90px;border:1px solid var(--line);border-radius:6px;padding:4px 6px;background:var(--surface-soft);color:var(--text);font-size:8px;outline:0}.font-zoom{display:inline-flex;align-items:center;gap:3px;color:var(--muted);white-space:nowrap}.font-zoom button{width:20px;height:22px;border-radius:5px;background:transparent;color:var(--soft);font-size:13px;line-height:1}.font-zoom button:hover{background:var(--surface-hover);color:var(--text)}.font-zoom span{min-width:31px;text-align:center;font:8px var(--mono)}.language-picker select:focus{border-color:var(--accent)}.active-editors{margin-left:auto;display:flex;align-items:center;gap:5px;color:var(--muted)}.active-editors .tab-person{margin:0}.code-wrap{flex:1;min-height:120px;display:flex;overflow:auto;background:var(--surface)}.line-numbers{width:50px;flex:none;padding:15px 13px 20px 0;text-align:right;color:var(--muted);opacity:.72;font:var(--editor-font-size, 12px)/1.75 var(--mono);-webkit-user-select:none;user-select:none}.code-editor{position:relative;flex:1;min-width:max-content;padding:15px 18px 20px 0}.code-editor pre,.code-editor textarea{min-width:100%;width:max-content;min-height:100%;margin:0;padding:0;border:0;white-space:pre;-moz-tab-size:4;tab-size:4;font:var(--editor-font-size, 12px)/1.75 var(--mono);letter-spacing:0}.code-editor pre{position:absolute;top:15px;right:18px;bottom:20px;left:0;pointer-events:none;color:var(--text)}.code-editor textarea{position:relative;display:block;resize:none;overflow:hidden;outline:none;background:transparent;color:transparent;-webkit-text-fill-color:transparent;caret-color:var(--text);z-index:2}.code-editor textarea::selection{background:color-mix(in srgb,var(--accent) 25%,transparent)}.tok-key{color:#7552c8}.tok-string{color:#17815a}.tok-number{color:#ad651c}.tok-comment{color:#7a828e;font-style:italic}.tok-func{color:#217c9a}:root[data-theme=dark] .tok-key{color:#bea5f0}:root[data-theme=dark] .tok-string{color:#a0d39b}:root[data-theme=dark] .tok-number{color:#dfad72}:root[data-theme=dark] .tok-func{color:#80c7d8}.editor-panel.is-fullscreen{position:fixed;top:8px;right:8px;bottom:8px;left:8px;z-index:30;min-height:0;border-radius:14px;box-shadow:var(--shadow)}.editor-panel.is-fullscreen .editor-fullscreen-button{color:var(--accent)}.remote-cursors{position:absolute;top:15px;right:18px;bottom:20px;left:0;z-index:3;pointer-events:none}.remote-caret{position:absolute;width:2px;height:21px;background:var(--cursor-color)}.remote-caret{height:calc(var(--editor-font-size, 12px) * 1.75)}.remote-caret span{position:absolute;left:0;top:-16px;padding:2px 5px;border-radius:4px 4px 4px 0;background:var(--cursor-color);color:#fff;font:7px/12px sans-serif;white-space:nowrap}.suggestion{position:sticky;left:12px;bottom:10px;width:max-content;padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:var(--surface-soft);color:var(--soft);font-size:9px;box-shadow:var(--shadow);z-index:5}.suggestion kbd{margin-left:8px;color:var(--muted);font:8px var(--mono)}.output-panel{height:150px;flex:none;display:flex;flex-direction:column;border-top:1px solid var(--line);background:var(--surface-soft)}.output-header{height:34px;flex:none;display:flex;align-items:center;gap:8px;padding:0 13px;border-bottom:1px solid var(--line)}.output-header strong{font-size:8px;letter-spacing:1px}.output-header span{padding:3px 5px;border-radius:4px;color:var(--accent);background:var(--accent-soft);font:8px var(--mono)}.output-header .local-run-note{color:var(--muted);font-size:8px;margin-left:4px}.output-header button{margin-left:auto;background:transparent;color:var(--muted);font-size:8px}.output-panel pre{margin:0;padding:10px 15px;overflow:auto;color:var(--soft);white-space:pre-wrap;font:10px/1.55 var(--mono)}.statusbar{height:25px;flex:none;display:flex;align-items:center;gap:16px;padding:0 12px;border-top:1px solid var(--line);color:var(--muted);font-size:8px}.statusbar span:first-child{color:var(--accent)}.statusbar span:nth-child(2){margin-left:auto}.toast{position:fixed;left:50%;bottom:34px;z-index:50;max-width:520px;padding:10px 14px;border-radius:8px;background:var(--text);color:var(--surface);box-shadow:var(--shadow);font-size:10px;font-weight:650;opacity:0;transform:translate(-50%,10px);transition:.18s ease;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:18px;background:#0f12177a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{width:min(420px,100%);padding:21px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:var(--shadow)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:19px}.modal-header span{color:var(--muted);font-size:8px;font-weight:800;letter-spacing:1px}.modal-header h2{margin:5px 0 0;font-size:18px;letter-spacing:-.4px}.modal-header>button{width:28px;height:28px;border-radius:7px;background:transparent;color:var(--muted);font-size:18px}.modal-header>button:hover{background:var(--surface-hover)}.modal-card>p{margin:9px 0 0;color:var(--muted);font-size:9px;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.button.danger{background:#c0392b;color:#fff}.button.danger:hover{background:#a93226}.rename-row,.invite-row{display:grid;grid-template-columns:auto 1fr;align-items:center}.rename-row span{height:38px;display:flex;align-items:center;padding:0 9px;border:1px solid var(--line-strong);border-right:0;border-radius:8px 0 0 8px;background:var(--surface-hover);color:var(--soft);font:11px var(--mono)}.rename-row input{border-radius:0 8px 8px 0;font-family:var(--mono)}.invite-card{width:min(530px,100%)}.invite-row{grid-template-columns:1fr auto;gap:8px}.invite-row input{font:10px var(--mono)}.connect-card{width:min(460px,100%)}.join-card{width:min(390px,100%)}.lesson-card{width:min(500px,100%)}.lesson-options{display:grid;gap:9px}.lesson-option{width:100%;display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:13px;text-align:left;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft)}.lesson-option:hover{border-color:var(--line-strong);background:var(--surface-hover)}.lesson-option b{font-size:10px}.lesson-option small{grid-column:1;color:var(--muted);font-size:9px}.lesson-option em{grid-column:2;grid-row:1 / 3;align-self:center;color:var(--accent);font-size:9px;font-style:normal}.lesson-local{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px;padding-top:15px;border-top:1px solid var(--line)}.lesson-local p{width:100%;margin:0;color:var(--muted);font-size:9px}.dependency-list{display:grid;gap:8px}.dependency-card{min-height:58px;display:flex;align-items:center;gap:11px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.dependency-status{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;font-size:12px;font-weight:800}.dependency-status.installed{background:var(--accent-soft);color:var(--accent)}.dependency-status.missing{background:color-mix(in srgb,#c0392b 12%,var(--surface));color:#c0392b}.dependency-copy{display:grid;gap:4px;min-width:0}.dependency-copy strong{font-size:10px}.dependency-copy small{color:var(--muted);font-size:8px;overflow-wrap:anywhere}.dependency-result{margin-left:auto;font-size:8px;white-space:nowrap}.dependency-result.installed{color:var(--accent)}.dependency-result.missing{color:#c0392b}.dependency-install{height:28px;font-size:9px}@media(max-width:1180px){.workspace{grid-template-columns:50px minmax(350px,.92fr) minmax(450px,1.08fr);gap:7px}.participants,#lesson-button{display:none}.course-title{font-size:11px}.mode-switch button{padding:0 7px}.theme-toggle-label{display:none}}