:root{color-scheme:dark;--bg: #0d0b14;--panel: rgba(26, 22, 38, .72);--panel-solid: #17131f;--line: rgba(167, 139, 250, .16);--line-strong: rgba(167, 139, 250, .34);--fg: #ece9f5;--muted: #9a91b0;--accent: #a78bfa;--accent-strong: #7c5cf0;--danger: #ff716d;--ok: #4ade80;--warn: #ffc857;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;--sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--fg);font-family:var(--sans);background-color:var(--bg);background-image:radial-gradient(1100px 560px at 50% -12%,rgba(124,92,240,.16),transparent 62%),linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:100% 100%,46px 46px,46px 46px;-webkit-font-smoothing:antialiased}code{font-family:var(--mono);color:var(--accent)}a{color:var(--accent)}.shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.35rem;text-align:center;padding:2rem 1.5rem 5rem}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;border-radius:999px;border:1px solid var(--line-strong);background:#a78bfa14;color:#c7bdf5;font-family:var(--mono);font-size:.72rem;letter-spacing:.16em}.hero-mark{width:88px;height:88px;filter:drop-shadow(0 10px 34px rgba(124,92,240,.4))}.wordmark{font-size:clamp(2.75rem,8vw,4.25rem);font-weight:800;letter-spacing:-.03em;margin:0;background:linear-gradient(180deg,#fff,#c7bdf5);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{color:var(--muted);font-size:1.05rem;max-width:34rem;margin:0;line-height:1.5}.new-doc{margin-top:.25rem;background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:#150e2e;border:none;border-radius:10px;padding:.8rem 1.75rem;font-family:var(--sans);font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 10px 30px #7c5cf059;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.new-doc:hover:enabled{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 14px 38px #7c5cf073}.new-doc:active:enabled{transform:translateY(0)}.new-doc:disabled{opacity:.6;cursor:default}.values{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.5rem}.value{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem;border-radius:10px;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--fg);font-size:.85rem}.value b{font-weight:600}.value span{color:var(--muted)}.value .dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.error{color:var(--danger);font-family:var(--mono);font-size:.85rem}.footer{position:fixed;bottom:1.25rem;color:var(--muted);font-family:var(--mono);font-size:.78rem}.footer a{color:var(--muted);text-decoration:none;border-bottom:1px solid var(--line-strong)}.footer a:hover{color:var(--fg)}.editor-shell{height:100vh;display:flex;flex-direction:column;background:var(--bg)}.editor-topbar{display:flex;align-items:center;gap:.7rem;padding:.55rem .9rem;border-bottom:1px solid var(--line);background:#0d0b14d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.85rem}.brand{display:inline-flex;align-items:center;gap:.5rem}.brand-mark{width:22px;height:22px}.wordmark-sm{font-weight:700;letter-spacing:-.01em}.doc-slug{font-size:.8rem;padding:.15rem .5rem;border-radius:6px;border:1px solid var(--line);background:#a78bfa0f}.copy-link,.share-btn{display:inline-flex;align-items:center;gap:.35rem;background:transparent;color:var(--muted);border:1px solid var(--line-strong);border-radius:7px;padding:.28rem .6rem;font-family:var(--sans);font-size:.76rem;cursor:pointer;transition:color .12s ease,border-color .12s ease,background .12s ease}.copy-link:hover,.share-btn:hover{color:var(--fg);border-color:var(--accent)}.share-btn{color:#d8ccff;border-color:var(--line-strong);background:#a78bfa1a}.share-btn:hover{background:#a78bfa2e}.spacer{flex:1}.presence{display:flex;align-items:center;gap:.3rem}.avatar{display:inline-flex;align-items:center;justify-content:center;min-width:1.4rem;height:1.4rem;padding:0 .32rem;border-radius:999px;font-size:.7rem;font-weight:700;color:#150e2e;cursor:default;-webkit-user-select:none;user-select:none;box-shadow:0 0 0 2px var(--bg)}.avatar-you{background:var(--accent)}.lang-select{background:var(--panel-solid);color:var(--fg);border:1px solid var(--line-strong);border-radius:7px;padding:.26rem .45rem;font-size:.78rem;font-family:var(--sans);cursor:pointer}.lang-select:hover{border-color:var(--accent)}.editor-main{flex:1;min-height:0}.editor-status{display:flex;align-items:center;gap:.45rem;padding:.32rem .9rem;border-top:1px solid var(--line);background:#0d0b14d9;color:var(--muted);font-family:var(--mono);font-size:.75rem}.status-sep{color:var(--line-strong)}.status-latency{color:var(--accent)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);box-shadow:0 0 8px currentColor}.status-open{background:var(--ok);color:var(--ok)}.status-connecting{background:var(--warn);color:var(--warn)}.status-closed{background:var(--danger);color:var(--danger)}.share-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#06050cb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.share-modal{width:min(760px,100%);max-height:90vh;overflow:auto;display:flex;flex-direction:column;gap:1rem;padding:1.25rem;border-radius:16px;border:1px solid var(--line-strong);background:var(--panel-solid);box-shadow:0 30px 80px #0000008c}.share-modal-head{display:flex;align-items:center;justify-content:space-between}.share-modal-head h2{margin:0;font-size:1.05rem;font-weight:600}.share-close{background:transparent;border:none;color:var(--muted);font-size:1.4rem;line-height:1;cursor:pointer}.share-close:hover{color:var(--fg)}.share-card{border-radius:12px;border:1px solid var(--line);overflow:hidden;background:radial-gradient(600px 200px at 0% 0%,rgba(124,92,240,.18),transparent 60%),#0d0b14}.share-card-head{display:flex;align-items:center;justify-content:space-between;padding:.6rem .9rem;border-bottom:1px solid var(--line)}.share-chip{padding:.2rem .6rem;border-radius:999px;border:1px solid var(--line-strong);background:#a78bfa1a;color:#c7bdf5;font-family:var(--mono);font-size:.72rem;letter-spacing:.02em}.share-brand{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);font-family:var(--mono);font-size:.74rem}.share-code{margin:0;padding:1rem 1.1rem;overflow:hidden;font-family:var(--mono);font-size:13px;line-height:1.55;white-space:pre;-moz-tab-size:2;tab-size:2}.share-code code{color:var(--fg);font-family:inherit}.share-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.share-action{background:transparent;color:var(--fg);border:1px solid var(--line-strong);border-radius:8px;padding:.45rem .8rem;font-family:var(--sans);font-size:.82rem;cursor:pointer;transition:border-color .12s ease,background .12s ease}.share-action:hover:enabled{border-color:var(--accent)}.share-action:disabled{opacity:.55;cursor:default}.share-action.primary{background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:#150e2e;border:none;font-weight:600}.share-sep{flex:1}.monaco-editor .view-overlays [class*=rc-][class*=-selection]{border-radius:2px}[class*=rc-][class*=-bar]{display:inline-block;width:0}[class*=rc-][class*=-label]{position:relative;top:-.1em;white-space:pre;pointer-events:none}