:root{--bg:#1e1e2e;--bg-elev:#181825;--bg-elev-2:#313244;--fg:#cdd6f4;--fg-dim:#a6adc8;--border:#45475a;--accent:#cba6f7;--accent-2:#89dceb;--good:#a6e3a1;--warn:#f9e2af;--bad:#f38ba8;--syntax-comment:#7f849c;--syntax-keyword:#cba6f7;--syntax-string:#a6e3a1;--syntax-number:#fab387;--syntax-function:#89b4fa;--syntax-variable:#cdd6f4;--syntax-type:#f9e2af;--syntax-tag:#f38ba8;--syntax-attr:#94e2d5;--syntax-punctuation:#bac2de;--syntax-builtin:#f5c2e7;--syntax-operator:#89dceb;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}html[data-scheme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-scheme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;transition:background-color .2s,color .2s}button,select,input,textarea{font:inherit}button{background:var(--bg-elev-2);color:var(--fg);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:6px 12px;transition:background .12s,border-color .12s}button:hover{background:color-mix(in srgb, var(--bg-elev-2) 70%, var(--accent) 30%)}button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button.primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}button.primary:hover{background:color-mix(in srgb, var(--accent) 80%, var(--fg) 20%)}button.danger{border-color:var(--bad);color:var(--bad);background:0 0}button.danger:hover{background:color-mix(in srgb, var(--bad) 12%, transparent)}button:disabled{opacity:.5;cursor:not-allowed}textarea{font-family:var(--mono);background:var(--bg-elev);width:100%;color:var(--fg);border:1px solid var(--border);resize:vertical;border-radius:6px;padding:12px}textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}select{background:var(--bg-elev-2);color:var(--fg);border:1px solid var(--border);cursor:pointer;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--fg-dim) 50%), linear-gradient(135deg, var(--fg-dim) 50%, transparent 50%);background-position:calc(100% - 14px) 12px,calc(100% - 9px) 12px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-radius:6px;padding:5px 28px 5px 10px}select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.theme-switcher{font-size:12px}.theme-switcher.compact{padding:4px 24px 4px 8px;font-size:11px}.pane-controls{align-items:center;gap:6px;display:inline-flex}.pane-mode{border:1px solid var(--border);background:var(--bg-elev);border-radius:6px;padding:2px;display:inline-flex}.pane-mode-btn{color:var(--fg-dim);background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:inline-flex}.pane-mode-btn:hover{color:var(--fg)}.pane-mode-btn.active{background:color-mix(in srgb, var(--accent) 18%, transparent);border-color:color-mix(in srgb, var(--accent) 35%, transparent);color:var(--accent)}.pane-mode-icon{font-size:13px;line-height:1}.scroll-sync-btn{border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;display:inline-flex}.scroll-sync-btn.active{background:color-mix(in srgb, var(--accent) 18%, transparent);border-color:color-mix(in srgb, var(--accent) 35%, transparent);color:var(--accent)}.home{max-width:720px;margin:0 auto;padding:80px 24px 24px}.home .title-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.home h1{letter-spacing:-.01em;margin:0 0 8px;font-size:28px;font-weight:700}.home p.lede{color:var(--fg-dim);margin:0 0 24px}.home form{flex-direction:column;gap:12px;display:flex}.home .row{justify-content:space-between;align-items:center;gap:12px;display:flex}.home .meta{color:var(--fg-dim);font-size:12px}.home .error{color:var(--bad);font-size:12px}.room{grid-template-rows:auto 1fr;height:100%;display:grid}.topbar{border-bottom:1px solid var(--border);background:var(--bg-elev);flex-wrap:wrap;align-items:center;gap:12px;padding:8px 16px;display:flex}.topbar .room-id{font-family:var(--mono);color:var(--fg-dim);font-size:12px}.topbar .spacer{flex:1}.topbar .actions{align-items:center;gap:8px;display:flex}.status-dot{background:var(--fg-dim);border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.good{background:var(--good)}.status-dot.warn{background:var(--warn)}.status-dot.bad{background:var(--bad)}.presence{gap:6px;display:flex}.presence .chip{color:#fff;border:2px solid var(--bg-elev);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:600;display:inline-flex}.countdown{font-family:var(--mono);border:1px solid var(--border);border-radius:4px;padding:2px 8px;font-size:12px}.countdown.good{color:var(--good);border-color:color-mix(in srgb, var(--good) 35%, transparent)}.countdown.warn{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 50%, transparent)}.countdown.bad{color:var(--bad);border-color:color-mix(in srgb, var(--bad) 50%, transparent);animation:1.4s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.split{grid-template-columns:1fr 1fr;min-height:0;display:grid}.split.mode-editor,.split.mode-preview{grid-template-columns:1fr}.split>[hidden]{display:none}.split>*{min-width:0;min-height:0;overflow:auto}.split.mode-preview .editor-col,.split.mode-editor .editor-col{border-right:none}.editor-col{border-right:1px solid var(--border);background:var(--bg);display:block;overflow:hidden}.editor-pane{background:var(--bg);height:100%}.preview-pane{background:var(--bg);padding:16px 24px}.preview-pane img{border:1px solid var(--border);border-radius:6px;max-width:100%}.cm-editor{background:var(--bg);height:100%}.cm-editor .cm-scroller{font-family:var(--mono);font-size:13px}.cm-editor .cm-content{caret-color:var(--fg);padding:16px 0}.cm-editor .cm-cursor,.cm-editor .cm-dropCursor{border-left:1.5px solid var(--fg)}.cm-editor.cm-focused .cm-cursor{border-left-color:var(--accent)}.cm-editor .cm-selectionBackground,.cm-editor.cm-focused .cm-selectionBackground{background:color-mix(in srgb, var(--accent) 25%, transparent)}.cm-editor .cm-activeLine{background:color-mix(in srgb, var(--fg) 4%, transparent)}.cm-editor .cm-gutters{color:var(--fg-dim);background:0 0;border-right:none}.cm-editor .cm-line{padding:0 16px}.preview-pane h1,.preview-pane h2,.preview-pane h3{margin-top:1.4em}.preview-pane h1{font-size:22px}.preview-pane h2{font-size:18px}.preview-pane h3{font-size:15px}.preview-pane code{font-family:var(--mono);background:var(--bg-elev-2);color:var(--syntax-builtin);border-radius:4px;padding:1px 5px;font-size:.9em}.preview-pane pre{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:8px;padding:14px 16px;overflow:auto}.preview-pane pre code{color:var(--fg);background:0 0;padding:0;font-size:13px;line-height:1.5}.preview-pane table{border-collapse:collapse}.preview-pane th,.preview-pane td{border:1px solid var(--border);padding:4px 8px}.preview-pane blockquote{border-left:3px solid var(--accent);color:var(--fg-dim);margin:0;padding:0 12px}.preview-pane a{color:var(--accent-2)}.preview-pane hr{border:none;border-top:1px solid var(--border);margin:1.5em 0}.preview-pane .hljs{color:var(--fg);background:0 0}.preview-pane .hljs-comment,.preview-pane .hljs-quote{color:var(--syntax-comment);font-style:italic}.preview-pane .hljs-keyword,.preview-pane .hljs-selector-tag,.preview-pane .hljs-section,.preview-pane .hljs-doctag{color:var(--syntax-keyword)}.preview-pane .hljs-string,.preview-pane .hljs-symbol,.preview-pane .hljs-bullet{color:var(--syntax-string)}.preview-pane .hljs-number,.preview-pane .hljs-meta{color:var(--syntax-number)}.preview-pane .hljs-title,.preview-pane .hljs-title.function_,.preview-pane .hljs-title.class_,.preview-pane .hljs-title.class_.inherited__{color:var(--syntax-function)}.preview-pane .hljs-name{color:var(--syntax-tag)}.preview-pane .hljs-attr,.preview-pane .hljs-attribute{color:var(--syntax-attr)}.preview-pane .hljs-variable,.preview-pane .hljs-template-variable,.preview-pane .hljs-regexp{color:var(--syntax-variable)}.preview-pane .hljs-type,.preview-pane .hljs-class .hljs-title{color:var(--syntax-type)}.preview-pane .hljs-built_in,.preview-pane .hljs-literal{color:var(--syntax-builtin)}.preview-pane .hljs-tag{color:var(--syntax-tag)}.preview-pane .hljs-link{color:var(--accent-2)}.preview-pane .hljs-operator,.preview-pane .hljs-punctuation{color:var(--syntax-operator)}.preview-pane .hljs-emphasis{font-style:italic}.preview-pane .hljs-strong{font-weight:700}.preview-pane .hljs-deletion{background:color-mix(in srgb, var(--bad) 18%, transparent)}.preview-pane .hljs-addition{background:color-mix(in srgb, var(--good) 18%, transparent)}.expired{text-align:center;place-items:center;height:100%;padding:24px;display:grid}.expired .panel{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;max-width:420px;padding:32px}.expired h2{margin:0 0 8px;font-size:22px}.expired p{color:var(--fg-dim);margin:0 0 20px}.modal-backdrop{background:color-mix(in srgb, var(--bg) 60%, black 40%);z-index:100;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;width:calc(100% - 32px);max-width:380px;padding:20px}.modal h3{margin:0 0 8px}.modal p{color:var(--fg-dim);margin:0 0 16px}.modal .actions{justify-content:flex-end;gap:8px;display:flex}.cm-ySelectionInfo{-webkit-user-select:none;user-select:none;color:#fff;white-space:nowrap;z-index:101;border-radius:3px 3px 3px 0;padding:2px 4px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.625rem;font-weight:600;line-height:normal;position:absolute;top:-1.05em;left:-1px}.cm-ySelectionCaret{box-sizing:border-box;border-left:2px solid #000;margin-left:-1px;margin-right:-1px;display:inline-block;position:relative}