:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f2f0f7;font-synthesis:none;text-rendering:optimizelegibility;--bg:#0d0c10;--panel:#151318;--panel-raised:#1b181f;--line:#343039;--line-bright:#47414f;--text:#f2f0f7;--muted:#9b96a2;--muted-dark:#6d6872;--accent:#b6a5ff;--accent-ink:#16121f;--red:#ff9279;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--serif:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;background:#0d0c10;font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.shell{isolation:isolate;flex-direction:column;width:min(1240px,100% - 64px);min-height:100vh;margin:0 auto;display:flex;position:relative}.shell:before{content:"";z-index:-1;opacity:.34;pointer-events:none;background:radial-gradient(at 50% 10%,#9075e61f,#0000 66%);width:54vw;height:650px;position:absolute;top:0;right:0}.masthead{justify-content:space-between;align-items:center;height:78px;display:flex}.brand{color:var(--text);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand>span:last-child{font-family:var(--mono);letter-spacing:.14em;font-size:10px;font-weight:700}.brand-mark{width:34px;height:34px;color:var(--accent);background:#b6a5ff12;border:1px solid #5c536e;border-radius:50%;place-items:center;display:inline-grid}.brand-mark svg{width:24px;height:24px}.locale-switch{border:1px solid var(--line);background:#121015b8;border-radius:7px;padding:3px;display:flex}.locale-switch button{min-width:33px;color:var(--muted);font:700 10px var(--mono);background:0 0;border:0;border-radius:4px;padding:6px 7px}.locale-switch button[aria-pressed=true]{color:var(--text);background:#2b2631}.hero{grid-template-columns:minmax(0,1fr) minmax(380px,495px);align-items:center;gap:clamp(56px,9vw,132px);padding:94px 0 86px;display:grid}.hero-copy{padding-bottom:14px}.eyebrow{color:var(--accent);font:700 9px var(--mono);letter-spacing:.17em;margin:0 0 29px}h1{max-width:620px;color:var(--text);font:400 clamp(54px, 7.3vw, 94px)/.94 var(--serif);letter-spacing:-.055em;margin:0}.lede{color:#aaa5b0;max-width:500px;margin:29px 0 0;font-size:15px;line-height:1.75}.privacy-note{color:var(--muted);align-items:center;gap:10px;margin-top:31px;font-size:11px;display:flex}.privacy-dot{background:#847d8d;border-radius:50%;flex:none;width:7px;height:7px}.connect-panel{border:1px solid var(--line-bright);background:linear-gradient(155deg,#1c1820fa,#131116fa);border-radius:12px;overflow:hidden;box-shadow:0 34px 90px #00000057}.panel-head{justify-content:space-between;align-items:center;min-height:76px;padding:22px 25px 6px;display:flex}.panel-head h2,.section-heading h2{font:400 25px/1.1 var(--serif);letter-spacing:-.025em;margin:0}.status-mark{border:1px solid var(--line);width:34px;height:34px;color:var(--muted-dark);border-radius:50%;justify-content:center;align-items:center;gap:3px;display:flex}.status-mark i{background:currentColor;border-radius:2px;width:2px;height:6px}.status-mark i:nth-child(2),.status-mark i:nth-child(4){height:12px}.status-mark i:nth-child(3){height:17px}.status-mark.is-live{color:var(--accent)}.connect-form{padding:20px 25px 24px}.connect-form label{color:var(--text);font-size:12px;font-weight:650;display:block}.field-hint{color:var(--muted);margin:7px 0 17px;font-size:11px;line-height:1.55}.token-entry{background:#0a090c9e;border:1px solid #45404a;border-radius:7px;align-items:center;height:47px;padding:0 13px;transition:border-color .18s,box-shadow .18s;display:flex}.token-entry:focus-within{border-color:#8174ae;box-shadow:0 0 0 3px #b6a5ff14}.token-entry input{width:100%;min-width:0;color:var(--text);font:11px var(--mono);letter-spacing:.02em;background:0 0;border:0;outline:0;padding:0}.token-entry input::placeholder{color:#6d6872}.privacy-copy{color:#827c88;min-height:33px;margin:12px 0 17px;font-size:10px;line-height:1.55}.primary-button{border:1px solid var(--accent);width:100%;min-height:47px;color:var(--accent-ink);background:var(--accent);border-radius:7px;padding:0 15px;font-size:11px;font-weight:750;transition:background .18s,transform .18s}.primary-button:hover:not(:disabled){background:#c5b8ff;transform:translateY(-1px)}.panel-foot{color:#77717d;font:9px var(--mono);letter-spacing:.05em;padding:0 25px 22px}.rooms-section{padding:28px 0 70px}.section-heading{padding-bottom:10px}.section-heading h2{font-size:31px}.message-space{min-height:50px;padding:0 25px}.message{margin:13px 0;font-size:12px;line-height:1.5}.message.error{color:var(--red)}.message.success{color:var(--accent)}.empty-state{background:var(--panel);border-radius:10px;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:19px;margin-top:12px;padding:24px;display:grid}.empty-wave{background:#b6a5ff0f;border-radius:7px;justify-content:center;align-items:center;gap:3px;height:42px;display:flex}.empty-wave i{background:#6f687a;width:2px;height:8px}.empty-wave i:nth-child(2),.empty-wave i:nth-child(6){height:17px}.empty-wave i:nth-child(3),.empty-wave i:nth-child(5){height:25px}.empty-wave i:nth-child(4){background:var(--accent);height:34px}.empty-state h3{font:400 20px var(--serif);margin:0}.empty-state p{color:var(--muted);margin:6px 0 0;font-size:11px;line-height:1.5}.room-list{gap:12px;margin-top:12px;display:grid}.room-row{background:var(--panel);border-radius:10px;grid-template-columns:minmax(170px,1.35fr) minmax(160px,1fr) minmax(130px,.7fr) auto;align-items:center;gap:13px 19px;padding:20px 22px;animation:.35s both rise-in;display:grid}.room-label{color:#7f7886;font:8px var(--mono);letter-spacing:.13em;margin-bottom:7px;display:block}.room-main h3{color:var(--text);font:400 20px/1.2 var(--serif);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.room-main p{color:#827b89;margin:6px 0 0;font-size:10px}.room-main .room-error{color:#f09b80}.bot-name{align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.bot-name .brand-mark{width:25px;height:25px}.bot-name .brand-mark svg{width:18px;height:18px}.bot-identity{color:#827b89;max-width:180px;font:9px var(--mono);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;display:block;overflow:hidden}.status-pill{color:#b5b0ba;align-items:center;gap:7px;font-size:10px;display:inline-flex}.status-pill i{background:#c89b63;border-radius:50%;width:6px;height:6px}.status-running{color:var(--accent)}.status-running i{background:var(--accent);animation:2s ease-in-out infinite pulse;box-shadow:0 0 12px #b6a5ff59}.status-failed{color:var(--red)}.status-failed i{background:var(--red)}.room-actions{gap:7px;display:flex}.ghost-button,.disconnect-button{border:1px solid var(--line-bright);color:#c8c3cd;background:0 0;border-radius:6px;min-height:34px;padding:0 11px;font-size:10px;transition:border-color .18s,color .18s,background .18s}.ghost-button:hover:not(:disabled){color:var(--text);border-color:#88818f}.disconnect-button{color:#e69780;border-color:#533a33}.disconnect-button:hover:not(:disabled){background:#923b271f;border-color:#b46753}.room-id{grid-column:1/-1;align-items:center;gap:11px;padding-top:4px;display:flex}.room-id span{color:#77707d;font:8px var(--mono);letter-spacing:.12em}.room-id code{color:#827b89;max-width:65vw;font:9px var(--mono);text-overflow:ellipsis;overflow:hidden}.footer{color:#77717d;min-height:65px;font:8px var(--mono);letter-spacing:.07em;align-items:center;margin-top:auto;display:flex}@keyframes rise-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{opacity:.45}}@media (width<=920px){.hero{grid-template-columns:minmax(0,1fr) minmax(330px,430px);gap:42px}.room-row{grid-template-columns:minmax(150px,1fr) minmax(145px,.9fr) auto}.room-status{grid-column:1}.room-actions{grid-area:2/2/auto/-1;justify-content:end}.room-id{grid-column:1/-1}}@media (width<=820px){.shell{width:min(100% - 36px,560px)}.masthead{height:70px}.hero{grid-template-columns:1fr;gap:38px;padding:61px 0 56px}h1{max-width:560px;font-size:clamp(55px,13vw,78px)}.lede{max-width:520px;margin-top:22px;font-size:14px}.connect-panel{width:100%}.rooms-section{padding-bottom:48px}}@media (width<=520px){.shell{width:calc(100% - 28px)}.brand>span:last-child{letter-spacing:.1em;font-size:8px}.brand-mark{width:30px;height:30px}.hero{padding-top:47px}h1{font-size:clamp(49px,15vw,70px)}.panel-head,.connect-form,.message-space,.panel-foot{padding-left:18px;padding-right:18px}.room-row{grid-template-columns:minmax(0,1fr);padding:18px}.room-main,.room-bot,.room-status,.room-actions,.room-id{grid-column:1}.room-bot{padding-top:8px}.room-status{grid-column:1}.room-actions{grid-row:auto;justify-content:start}.room-id{flex-direction:column;align-items:flex-start;gap:6px}.room-id code{max-width:100%}.footer{flex-direction:column;justify-content:center;align-items:flex-start;padding:15px 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}