:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08111f;--bg-soft:#0f1b31;--panel:#0b1426d1;--panel-border:#94a3b829;--text:#e5eefc;--muted:#93a4bf;--accent:#38bdf8;--accent-strong:#22c55e;--danger:#fb7185;--shadow:0 20px 60px #02081773}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#38bdf838,#0000 34%),radial-gradient(circle at 100% 0,#22c55e29,#0000 30%),linear-gradient(#08111f 0%,#060b14 100%);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}.container{place-items:center;min-height:100vh;padding:24px;display:grid}.home-shell{align-content:center;gap:24px;min-height:100vh;padding:28px;display:grid}.home-hero{width:min(940px,100%);margin:0 auto}.home-hero h1{letter-spacing:-.04em;max-width:10ch;margin:0;font-size:clamp(2.2rem,4vw,4.4rem);line-height:.95}.hero-copy{max-width:58ch;color:var(--muted);margin:16px 0 0;line-height:1.6}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:min(940px,100%);margin:0 auto;display:grid}.card{border:1px solid var(--panel-border);width:min(440px,100%);box-shadow:var(--shadow);background:linear-gradient(#0f1b31f2,#08111ff2);border-radius:24px;padding:32px}.card h2,.brand-block h2,.panel-heading h3,.room-row h3{margin:0}.card p,.muted,.label,.tips-panel p,.empty-state,.output-box,.chat-bubble p{color:var(--muted)}.card-badge{color:#8be0ff;letter-spacing:.08em;text-transform:uppercase;background:#38bdf81f;border-radius:999px;align-items:center;padding:8px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.card-badge-alt{color:#86efac;background:#22c55e24}.field-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:16px;margin-bottom:8px;font-size:.78rem;font-weight:700;display:block}.form-feedback{color:#fda4af;margin:12px 0 0}.card input,.language-select,.chat-input{width:100%;color:var(--text);background:#0f172ad9;border:1px solid #94a3b82e;border-radius:14px;outline:none;margin-top:12px;padding:12px 14px;transition:border-color .16s,transform .16s,box-shadow .16s}.card input:focus,.language-select:focus,.chat-input:focus{border-color:#38bdf88c;box-shadow:0 0 0 4px #38bdf81f}button{cursor:pointer;border:none;border-radius:14px;transition:transform .16s,opacity .16s,background .16s,box-shadow .16s}button:hover{transform:translateY(-1px)}.card button,.send-button,.run-button,.ghost-button{margin-top:16px;padding:12px 16px}.card button,.send-button,.run-button{background:linear-gradient(135deg, var(--accent), #60a5fa);color:#04111f;width:100%;font-weight:700;box-shadow:0 10px 28px #38bdf838}.ghost-button{color:var(--text);background:#94a3b81f;border:1px solid #94a3b82e}.run-button{justify-content:center;align-items:center;gap:10px;width:auto;min-width:154px;display:inline-flex}.run-button:disabled{opacity:.72;cursor:progress;transform:none}.run-icon{background:#04111f26;border-radius:999px;place-items:center;width:28px;height:28px;display:inline-grid}.editor-shell{grid-template-columns:minmax(240px,290px) minmax(0,1fr);align-items:start;gap:18px;min-height:100vh;padding:20px;display:grid}.editor-sidebar,.editor-main{flex-direction:column;align-self:start;gap:18px;min-width:0;display:flex}.editor-sidebar{max-height:calc(100vh - 40px);position:sticky;top:20px;overflow:auto}.editor-main{min-height:calc(100vh - 40px)}.brand-block,.panel{border:1px solid var(--panel-border);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:22px}.brand-block{padding:14px}.brand-link{color:var(--text);align-items:center;gap:10px;margin:0;text-decoration:none;display:inline-flex}.brand-mark{letter-spacing:.08em;background:linear-gradient(135deg,#38bdf83d,#22c55e33);border:1px solid #94a3b82e;border-radius:12px;place-items:center;width:34px;height:34px;font-size:.72rem;font-weight:800;display:inline-grid;box-shadow:0 12px 30px #02081759}.brand-wordmark{letter-spacing:-.03em;font-size:1.15rem;font-weight:800}.eyebrow,.label{text-transform:uppercase;letter-spacing:.12em;margin:0 0 8px;font-size:.72rem;font-weight:700}.meta-panel,.users-panel,.tips-panel,.toolbar,.output-panel,.chat-panel,.editor-panel{padding:14px}.status-pill{border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:8px 12px;font-size:.86rem;font-weight:600;display:inline-flex}.status-on{color:#86efac;background:#22c55e29}.status-off{color:#fda4af;background:#fb718524}.status-dot,.user-dot{background:currentColor;border-radius:999px;width:8px;height:8px;box-shadow:0 0 12px}.room-row,.stats-grid,.panel-heading,.toolbar,.toolbar-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.room-row,.panel-heading,.toolbar{flex-wrap:wrap}.room-row,.meta-row{flex-direction:column;align-items:stretch}.room-row h3,.meta-row strong,.user-chip,.chat-bubble p,.brand-wordmark{overflow-wrap:anywhere}.room-row{margin-top:16px}.stats-grid{grid-template-columns:1fr;gap:10px;margin-top:18px;display:grid}.stats-grid>div{flex-direction:column;gap:4px;min-width:0;display:flex}.stats-grid strong,.panel-heading span{font-size:1rem}.user-list,.chat-stream{align-content:start;gap:10px;margin-top:14px;display:grid}.user-chip,.chat-bubble{background:#0f172ab3;border:1px solid #94a3b81f;border-radius:16px;align-items:center;gap:10px;padding:12px 14px;display:flex}.user-chip.mine{background:#38bdf814;border-color:#38bdf859}.chat-bubble{flex-direction:column;align-items:flex-start;max-width:84%}.chat-bubble.mine{background:#38bdf81a;align-items:flex-end;margin-left:auto}.chat-bubble.theirs{margin-right:auto}.chat-bubble.mine p{text-align:right}.chat-bubble.mine span{color:#8be0ff}.chat-bubble.theirs span{color:#a5b4fc}.chat-bubble span{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700}.chat-bubble p{white-space:pre-wrap;margin:0}.empty-state{text-align:center;margin:0;padding:16px 0}.tips-panel p{margin:0;line-height:1.5}.editor-main{min-width:0}.meta-row{background:#0f172a9e;border:1px solid #94a3b81f;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;display:flex}.toolbar{flex-wrap:wrap}.language-select{min-width:180px;margin-top:0}.editor-panel{height:clamp(420px,62vh,760px);padding:0;overflow:hidden}.editor-panel>div{height:100%!important}.output-box{white-space:pre-wrap;background:#08111fe6;border:1px solid #94a3b81f;border-radius:16px;min-height:132px;margin:14px 0 0;padding:16px;overflow:auto}.chat-panel .chat-input{resize:vertical;min-height:92px;margin-top:14px}.chat-panel{flex-direction:column;flex:1;min-height:0;display:flex}.chat-stream{flex:1;min-height:0;overflow:auto}.editor-sidebar .chat-panel{min-height:320px}.send-button{width:100%}@media (width<=1440px){.editor-shell{grid-template-columns:minmax(240px,280px) minmax(0,1fr)}.chat-bubble{max-width:72%}}@media (width<=1024px){.editor-shell{grid-template-columns:1fr}.editor-sidebar{max-height:none;position:static;overflow:visible}.editor-main{min-height:auto}.editor-panel{height:clamp(360px,56vh,620px)}.home-grid{grid-template-columns:1fr}}@media (width<=720px){.container,.editor-shell{padding:14px}.home-shell{padding:16px}.card,.brand-block,.panel{border-radius:18px}.toolbar,.room-row,.panel-heading{flex-direction:column;align-items:flex-start;width:100%}.run-button,.ghost-button,.send-button,.toolbar-actions,.toolbar>div,.room-row>div{width:100%}.language-select{width:100%;min-width:0}.meta-row,.stats-grid{width:100%}.stats-grid{grid-template-columns:1fr}.chat-bubble{max-width:100%}.home-hero h1{max-width:none}}