:root{--font-display:"Bricolage Grotesque", system-ui, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;--font-body:"Hanken Grotesk", system-ui, "Segoe UI", Roboto, sans-serif;font:16px/1.5 var(--font-body);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root,html[data-theme=paper]{--bg:#efe9da;--surface:#faf7ef;--surface-2:#f2ecdd;--border:#1e1e1e24;--border-strong:#1e1e1e52;--text:#1e1e1e;--text-dim:#6b6256;--accent:#4b6bfb;--accent-2:#3a55d9;--accent-glow:#4b6bfb40;--success:#2f9e6f;--danger:#d6455d;--ok:#3a7a2e;--canvas-bg:#f7f4ec;--canvas-grid:#1e1e1e12;--canvas-ink:#1e1e1e;--cr-warn:#c98a1e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--bg:#1b1815;--surface:#241f1a;--surface-2:#2b251f;--border:#e8a85729;--border-strong:#e8a8575c;--text:#efe7d9;--text-dim:#b8ad9a;--accent:#e8a857;--accent-2:#d2924a;--accent-glow:#e8a85738;--success:#54e0a6;--danger:#ff7a90;--ok:#7ed468;--canvas-bg:#211e1a;--canvas-grid:#efe7d90f;--canvas-ink:#efe7d9;--cr-warn:#e8b454;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-height:100vh;color:var(--text);font-family:var(--font-body);background-color:var(--bg);background-image:radial-gradient(1100px 620px at 50% -8%, var(--accent-glow), transparent 60%), radial-gradient(900px 700px at 92% 8%, var(--accent-glow), transparent 55%), radial-gradient(var(--canvas-grid) 1px, transparent 1px), radial-gradient(120% 120% at 50% 40%, transparent 60%, var(--bg) 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:no-repeat,no-repeat,repeat,no-repeat;background-size:100% 100%,100% 100%,22px 22px,100% 100%;background-attachment:fixed}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;font-weight:600}p{margin:0}a{color:var(--accent)}::selection{background:var(--accent-glow);color:var(--text)}*{scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.auth-screen{flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:12vh 20px 40px;display:flex}.auth-stack{flex-direction:column;align-items:stretch;gap:16px;width:100%;max-width:360px;display:flex}.auth-switch{flex-wrap:wrap;justify-content:center;gap:10px 18px;display:flex}.brand{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-bottom:22px;display:flex}.brand-row{align-items:center;gap:12px;display:flex}.brand-mark{filter:drop-shadow(0 4px 14px var(--accent-glow));display:block}.brand-name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-size:30px;font-weight:700;line-height:1}.brand-tagline{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--text-dim);font-size:10.5px;font-weight:500}.auth-card,.card{background:linear-gradient(160deg, var(--surface) 0%, var(--surface-2) 100%);border:1px solid var(--border);border-radius:16px;width:100%;position:relative;box-shadow:0 24px 60px -20px #000000b3,0 6px 20px -8px #00000080,inset 0 1px #ffffff0d}.auth-card{flex-direction:column;gap:14px;max-width:360px;padding:30px;display:flex}.auth-card:before{content:"";background:radial-gradient(120% 90% at 50% 0%, var(--accent-glow), transparent 60%);opacity:.5;z-index:-1;filter:blur(14px);pointer-events:none;border-radius:17px;position:absolute;inset:-1px}.card{color:var(--text);padding:22px}.card-title{font-family:var(--font-display);color:var(--text);margin:0;font-size:19px;font-weight:600}.field-group{flex-direction:column;gap:6px;display:flex}.field-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);font-size:10px;font-weight:500}.field{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);font-family:var(--font-body);border-radius:10px;outline:none;padding:10px 12px;font-size:15px;transition:border-color .18s,box-shadow .18s,background .18s}.field::placeholder{color:var(--text-dim);opacity:.7}.field:hover{border-color:var(--border-strong)}.field:focus,.field:focus-visible{border-color:var(--border-strong);box-shadow:0 0 0 3px var(--accent-glow);background:var(--surface)}textarea.field{resize:vertical;line-height:1.5}select.field{cursor:pointer;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-dim) 50%), linear-gradient(135deg, var(--text-dim) 50%, transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 13px) calc(50% - 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:34px}.btn-primary,.btn-ghost{font-family:var(--font-body);cursor:pointer;border-radius:10px;padding:10px 14px;font-size:14.5px;font-weight:600;line-height:1.2;transition:transform .12s,box-shadow .18s,background .18s,border-color .18s,color .18s,filter .18s}.btn-primary{color:#fff;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);box-shadow:0 6px 18px -6px var(--accent-glow), inset 0 1px 0 #ffffff38;border:1px solid #0000}.btn-primary:hover{filter:brightness(1.08);box-shadow:0 10px 26px -8px var(--accent-glow), inset 0 1px 0 #ffffff47;transform:translateY(-1px)}.btn-primary:active{filter:brightness(.97);box-shadow:0 3px 10px -6px var(--accent-glow), inset 0 1px 0 #ffffff26;transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;filter:none;transform:none}.btn-ghost{border:1px solid var(--border);color:var(--text-dim);background:0 0}.btn-ghost:hover{color:var(--text);border-color:var(--border-strong);background:var(--accent-glow)}.btn-ghost:active{background:var(--accent-glow)}.room-item:hover{border-color:var(--border-strong)!important;background:var(--surface)!important}.btn-sm{border-radius:8px;padding:6px 10px;font-size:13px}.fv-iconopt{border:1px solid var(--border);background:var(--surface);min-width:0;height:30px;color:var(--text-dim);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:0;transition:color .12s,border-color .12s,background .12s,box-shadow .12s;display:inline-flex}.fv-iconopt:hover{color:var(--text);border-color:var(--border-strong)}.fv-iconopt.is-active{color:var(--accent);border-color:var(--accent);background:var(--accent-glow);box-shadow:0 0 0 1px var(--accent) inset}.form-error{color:var(--danger);border-left:2px solid var(--danger);background:#ff7a9014;border-radius:0 8px 8px 0;padding:8px 10px 8px 12px;font-size:13.5px}.form-ok{color:var(--success);font-size:13.5px}.banner{color:var(--text-dim);border:1px solid var(--border);background:var(--accent-glow);border-radius:10px;padding:10px 12px;font-size:13.5px;line-height:1.45}.meta-mono{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.02em;font-size:12px}.hint{color:var(--text-dim);font-size:14px}@keyframes fv-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fv-enter{opacity:0;animation:.5s cubic-bezier(.22,1,.36,1) forwards fv-rise}.fv-d1{animation-delay:50ms}.fv-d2{animation-delay:.16s}.fv-d3{animation-delay:.27s}.fv-d4{animation-delay:.36s}@media (prefers-reduced-motion:reduce){.fv-enter{opacity:1;animation:none}}.notes-resize{pointer-events:auto;cursor:col-resize;touch-action:none;flex-shrink:0;align-self:stretch;width:8px;margin-top:4px;position:relative}.notes-resize:after{content:"";background:var(--border);opacity:.8;border-radius:2px;width:3px;height:40px;transition:background .15s,opacity .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.notes-resize:hover:after,.notes-resize:active:after{background:var(--accent);opacity:1}.presence-roster{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.presence-chip{--peer:var(--text-dim);border:1px solid color-mix(in srgb, var(--peer) 40%, var(--border));background:color-mix(in srgb, var(--peer) 12%, var(--surface));max-width:180px;font-family:var(--font-mono);color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 9px 3px 8px;font-size:11.5px;line-height:1.2;display:inline-flex}.presence-chip.is-self{border-color:color-mix(in srgb, var(--peer) 60%, var(--border));background:color-mix(in srgb, var(--peer) 18%, var(--surface))}.presence-dot{background:var(--peer);width:8px;height:8px;box-shadow:0 0 0 2px color-mix(in srgb, var(--peer) 26%, transparent);border-radius:50%;flex:none}.presence-name{text-overflow:ellipsis;overflow:hidden}.presence-you,.presence-guest{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;flex:none;padding:1px 6px;font-size:9.5px;font-weight:600}.presence-you{color:var(--peer);background:color-mix(in srgb, var(--peer) 22%, transparent)}.presence-guest{color:var(--text-dim);background:color-mix(in srgb, var(--text-dim) 16%, transparent)}.cr-root{background:var(--canvas-bg);height:100%;min-height:0;color:var(--canvas-ink);flex-direction:column;display:flex}.cr-top{flex:auto;min-height:0;display:flex}.cr-pane{background:var(--canvas-bg);flex-direction:column;min-width:0;min-height:0;display:flex}.cr-pane-head{min-height:40px;font-family:var(--font-mono);color:var(--text-dim);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 70%, transparent), color-mix(in srgb, var(--surface) 30%, transparent));border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:7px 12px;font-size:11.5px;display:flex}.cr-pane-name{letter-spacing:.04em;color:var(--canvas-ink);align-items:center;gap:7px;font-weight:600;display:inline-flex}.cr-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 3px var(--accent-glow);border-radius:50%}.cr-dot-2{background:var(--text-dim);box-shadow:0 0 0 3px color-mix(in srgb, var(--text-dim) 22%, transparent)}.cr-fontctl{align-items:center;gap:8px;margin-left:auto;display:inline-flex}.cr-font-select.field{width:auto;font-size:12px;font-family:var(--font-mono);background-color:var(--surface);background-position:calc(100% - 12px) calc(50% - 2px),calc(100% - 7px) calc(50% - 2px);border-radius:8px;padding:4px 26px 4px 10px}.cr-font-size{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:2px;padding:2px;display:inline-flex}.cr-font-step{width:22px;height:22px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:15px;line-height:1;transition:background .14s,color .14s;display:inline-flex}.cr-font-step:hover:not(:disabled){background:var(--accent-glow);color:var(--text)}.cr-font-step:disabled{opacity:.35;cursor:not-allowed}.cr-font-size-val{text-align:center;min-width:20px;font-family:var(--font-mono);color:var(--canvas-ink);font-size:12px}.cr-run-btn.btn-primary{height:30px;font-family:var(--font-body);letter-spacing:.01em;box-shadow:0 4px 14px -6px var(--accent-glow), inset 0 1px 0 #fff3;border-radius:8px;align-items:center;gap:7px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.cr-run-glyph{font-size:9px;line-height:1;transform:translateY(.5px)}.cr-roster-slot{align-items:center;min-width:0;margin-left:auto;display:inline-flex;overflow:hidden}.cr-connecting{min-height:0;font-family:var(--font-mono);color:var(--text-dim);background:var(--canvas-bg);flex:auto;justify-content:center;align-items:center;gap:9px;font-size:12.5px;display:flex}.cr-pane-fallback{text-align:center;min-height:0;font-family:var(--font-mono);color:var(--text-dim);background:var(--canvas-bg);flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:6px;padding:20px;font-size:12.5px;display:flex}.cr-pane-fallback-mark{color:var(--danger);font-size:20px}.cr-room-full{background:var(--canvas-bg);flex:auto;justify-content:center;align-items:center;min-height:0;padding:24px;display:flex}.cr-room-full-card{text-align:center;border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 80%, transparent), color-mix(in srgb, var(--surface) 40%, transparent));border-radius:14px;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:380px;padding:28px 24px;display:flex;box-shadow:0 18px 48px -22px #00000080}.cr-room-full-mark{font-size:34px;line-height:1}.cr-room-full-title{font-family:var(--font-body);letter-spacing:.01em;color:var(--text);margin:0;font-size:18px;font-weight:700}.cr-room-full-text{font-family:var(--font-mono);color:var(--text-dim);margin:0;font-size:13px;line-height:1.5}.cr-cm{flex:auto;min-height:0;overflow:auto}.cr-cm .cm-editor{background:var(--canvas-bg);height:100%;color:var(--canvas-ink)}.cr-cm .cm-editor.cm-focused{outline:none}.cr-cm .cm-gutters{background:var(--canvas-bg);color:var(--text-dim);border:none;border-right:1px solid var(--border)}.cr-divider-v,.cr-divider-h{background:var(--border);flex:none;transition:background .15s;position:relative}.cr-divider-v{cursor:col-resize;width:1px}.cr-divider-h{cursor:row-resize;height:1px}.cr-divider-v:before,.cr-divider-h:before{content:"";z-index:2;position:absolute}.cr-divider-v:before{inset:0 -3px}.cr-divider-h:before{inset:-3px 0}.cr-divider-v:after,.cr-divider-h:after{content:"";background:var(--accent);opacity:0;border-radius:99px;transition:opacity .15s;position:absolute}.cr-divider-v:after{width:3px;height:34px;top:50%;left:50%;transform:translate(-50%,-50%)}.cr-divider-h:after{width:34px;height:3px;top:50%;left:50%;transform:translate(-50%,-50%)}.cr-divider-v:hover,.cr-divider-h:hover,.cr-divider-v:active,.cr-divider-h:active{background:var(--accent)}.cr-divider-v:hover:after,.cr-divider-h:hover:after,.cr-divider-v:active:after,.cr-divider-h:active:after{opacity:.9}.cr-console-shell{background:var(--canvas-bg);border-top:1px solid var(--border);flex-direction:column;min-height:0;display:flex;overflow:hidden}.cr-console-body{flex:auto;min-height:0;display:flex;overflow:hidden}.cr-error{font-family:var(--font-mono);color:var(--danger);background:color-mix(in srgb, var(--danger) 9%, transparent);border-bottom:1px solid var(--border);padding:8px 14px;font-size:12px}.cr-console{min-width:0;min-height:0;color:var(--canvas-ink);flex-direction:column;flex:auto;display:flex;overflow:auto}.cr-console-head{z-index:1;background:color-mix(in srgb, var(--surface) 55%, var(--canvas-bg));border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:9px 14px;display:flex;position:sticky;top:0}.cr-console-title{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);font-size:10px;font-weight:600}.cr-console-empty{color:var(--text-dim);padding:18px 14px;font-size:13px}.cr-summary{font-family:var(--font-mono);color:var(--text-dim);align-items:baseline;gap:5px;font-size:12.5px;display:inline-flex}.cr-summary strong{font-size:13.5px;font-weight:700}.cr-summary-pass{color:var(--ok)}.cr-summary-fail{color:var(--danger)}.cr-summary-sep{opacity:.5}.cr-summary-dur{border-left:1px solid var(--border);margin-left:4px;padding-left:9px;font-size:11.5px}.cr-badge{font-family:var(--font-mono);letter-spacing:.08em;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:3px 9px;font-size:10.5px;font-weight:600;display:inline-flex}.cr-badge-ok{color:var(--ok);background:color-mix(in srgb, var(--ok) 14%, transparent);border-color:color-mix(in srgb, var(--ok) 32%, transparent)}.cr-badge-bad{color:var(--danger);background:color-mix(in srgb, var(--danger) 13%, transparent);border-color:color-mix(in srgb, var(--danger) 32%, transparent)}.cr-badge-pending{color:var(--text-dim);background:color-mix(in srgb, var(--text-dim) 12%, transparent)}.cr-spinner{border:2px solid color-mix(in srgb, currentColor 28%, transparent);border-top-color:currentColor;border-radius:50%;width:11px;height:11px;animation:.7s linear infinite cr-spin}.cr-spinner-light{border-color:#fff #fff6 #fff6}@keyframes cr-spin{to{transform:rotate(360deg)}}.cr-test-list{margin:0;padding:6px 0;list-style:none}.cr-test{font-family:var(--font-mono);align-items:baseline;gap:9px;padding:4px 14px;font-size:12.5px;line-height:1.45;display:flex}.cr-test+.cr-test{border-top:1px solid color-mix(in srgb, var(--border) 55%, transparent)}.cr-test-mark{flex:none;width:12px;font-weight:700}.cr-test.pass .cr-test-mark{color:var(--ok)}.cr-test.fail .cr-test-mark{color:var(--danger)}.cr-test.skip .cr-test-mark{color:var(--text-dim)}.cr-test-name{color:var(--canvas-ink)}.cr-test.fail .cr-test-name{color:var(--danger)}.cr-test-msg{color:var(--text-dim);word-break:break-word;font-size:12px}.cr-test-msg:before{content:"— ";opacity:.6}.cr-log{white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono);color:var(--canvas-ink);background:color-mix(in srgb, var(--canvas-ink) 5%, transparent);border:1px solid var(--border);border-radius:8px;margin:8px 14px 12px;padding:10px 12px;font-size:12px;line-height:1.5}.cr-comment{border-left:1px solid var(--border);background:color-mix(in srgb, var(--surface) 40%, var(--canvas-bg));flex-direction:column;flex:0 0 288px;gap:8px;padding:12px;display:flex;overflow:auto}.cr-comment-head{align-items:center;gap:8px;display:flex}.cr-comment-title{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-size:10px;font-weight:600}.cr-comment-private{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--accent-glow);border-radius:999px;margin-left:auto;padding:2px 7px;font-size:9.5px}.cr-comment-text.field{resize:none;min-height:84px;font-family:var(--font-body);background:var(--canvas-bg);flex:auto;font-size:13px}.cr-comment-actions{align-items:center;gap:10px;display:flex}.cr-comment-saved{font-family:var(--font-mono);color:var(--ok);font-size:11px}.cr-history{border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface) 28%, var(--canvas-bg));flex:none}.cr-history-toggle{cursor:pointer;width:100%;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);background:0 0;border:none;align-items:center;gap:8px;padding:8px 14px;font-size:10px;font-weight:600;transition:color .14s;display:flex}.cr-history-toggle:hover{color:var(--text)}.cr-history-caret{transition:transform .16s;display:inline-block}.cr-history-caret.open{transform:rotate(90deg)}.cr-history-count{background:color-mix(in srgb, var(--text-dim) 16%, transparent);border-radius:999px;margin-left:auto;padding:1px 7px;font-size:10px}.cr-history-list{max-height:150px;margin:0;padding:0 0 8px;list-style:none;overflow:auto}.cr-history-empty{color:var(--text-dim);padding:6px 14px;font-size:12px}.cr-history-row{font-family:var(--font-mono);align-items:center;gap:10px;padding:5px 14px;font-size:12px;display:flex}.cr-history-dot{border-radius:50%;flex:none;width:7px;height:7px}.cr-history-dot.ok{background:var(--ok)}.cr-history-dot.bad{background:var(--danger)}.cr-history-dot.pending{background:var(--text-dim)}.cr-history-status{color:var(--text-dim);min-width:64px}.cr-history-score{color:var(--canvas-ink)}.cr-history-note{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cr-history-note:before{content:"“"}.cr-history-note:after{content:"”"}@media (width<=720px){.cr-console-body{flex-direction:column}.cr-comment{border-left:none;border-top:1px solid var(--border);flex:none}}