:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app,.join-shell{--bg:#151311;--panel:#1e1b18;--panel-2:#29241f;--panel-3:#332c25;--text:#f4eee6;--muted:#a99f95;--faint:#756d65;--border:#d7b98e2e;--accent-base:#f2a65a;--accent:hsl(var(--user-accent-hue) 84% 65%);--accent-ink:#20150a;--danger:#ee7c67;--good:#71c99a;--shadow:0 22px 80px #00000047;background:var(--bg);color:var(--text);transition:background .22s,color .22s}.app{grid-template-columns:228px minmax(520px,1fr) 338px;min-height:100vh;display:grid;overflow:hidden}.theme-loft{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#ebe7df;--panel:#f4f0e8;--panel-2:#fffdf8;--panel-3:#e8ede5;--text:#17202a;--muted:#64707a;--faint:#8a918e;--border:#17202a1f;--accent-base:#6f89a6;--accent:hsl(var(--user-accent-hue) 32% 52%);--accent-ink:#fffdf8;--danger:#c46a5a;--good:#64836a;--shadow:0 18px 60px #2c2b261f}.theme-midnight{--bg:#080b14;--panel:#0a0e18;--panel-2:#101626;--panel-3:#151c2e;--text:#f4f1e8;--muted:#8992a8;--faint:#5e687e;--border:#2a354c;--accent-base:#62f6c8;--accent:hsl(var(--user-accent-hue) 82% 65%);--accent-ink:#07130f;--danger:#ff6b72;--good:#62f6c8;--shadow:0 24px 80px #0006}.app.is-compact{grid-template-columns:198px minmax(480px,1fr) 310px}.app.is-compact .room-rail,.app.is-compact .chat-panel{padding-left:14px;padding-right:14px}.app.is-compact .person-card{min-height:180px}.app.chat-closed{grid-template-columns:228px minmax(520px,1fr)}.app.is-compact.chat-closed{grid-template-columns:198px minmax(480px,1fr)}.room-rail,.chat-panel{background:var(--panel);border-color:var(--border);min-height:100vh}.room-rail{border-right:1px solid var(--border);flex-direction:column;padding:22px 16px 16px;display:flex}.brand{align-items:center;gap:11px;padding:0 7px 25px;display:flex}.brand-mark{background:var(--accent);width:38px;height:38px;color:var(--accent-ink);box-shadow:0 8px 24px color-mix(in srgb, var(--accent) 24%, transparent);border-radius:13px;place-items:center;font-family:Fraunces,serif;font-size:22px;font-weight:600;display:grid}.brand span:last-child,.profile-row span:nth-child(2),.room-link span:nth-child(2){text-align:left;flex-direction:column;min-width:0;display:flex}.brand strong{font:600 15px/1.2 Manrope,sans-serif}small{color:var(--muted);font-size:11px;line-height:1.4}.eyebrow{color:var(--faint);letter-spacing:.13em;text-transform:uppercase;margin:0 0 9px 9px;font-size:10px;font-weight:700}.room-list{flex-direction:column;gap:5px;display:flex}.room-link,.profile-row{border-radius:calc(var(--user-radius) - 5px);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:9px;transition:background .16s,transform .16s;display:flex}.room-link:hover,.profile-row:hover{background:var(--panel-2)}.room-link.active{background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--border)}.room-link strong,.profile-row strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.room-icon{background:var(--panel-3);width:35px;height:35px;color:var(--muted);border-radius:11px;flex:none;place-items:center;display:grid}.room-link.active .room-icon{background:color-mix(in srgb, var(--accent) 16%, var(--panel-3));color:var(--accent)}.presence-dot{background:var(--good);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--good) 15%, transparent);border-radius:50%;margin-left:auto}.new-room{border:1px dashed var(--border);margin-top:7px}.rail-spacer{flex:1}.profile-row{border-top:1px solid var(--border);border-radius:0;margin-top:16px;padding-top:15px}.profile-row svg{color:var(--muted);margin-left:auto}.avatar{background:var(--panel-3);width:34px;height:34px;color:var(--text);border-radius:50%;flex:none;place-items:center;font-size:10px;font-weight:700;display:grid}.avatar.self{background:color-mix(in srgb, var(--accent) 22%, var(--panel-3));color:var(--accent)}.avatar.tiny{width:29px;height:29px;font-size:9px}.room-stage{background:radial-gradient(circle at 50% 5%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 34%), var(--bg);min-width:0;min-height:100vh}.room-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;height:78px;padding:0 24px;display:flex}.room-title-line{align-items:center;gap:10px;display:flex}h1,h2{letter-spacing:-.025em;font-family:Fraunces,Georgia,serif}h1{margin:0;font-size:25px;font-weight:600}.room-header p{color:var(--muted);margin:3px 0 0;font-size:12px}.secure-pill{border:1px solid var(--border);background:var(--panel-2);color:var(--muted);border-radius:999px;align-items:center;gap:5px;padding:4px 7px;font-size:10px;font-weight:600;display:inline-flex}.header-actions{align-items:center;gap:7px;display:flex}.icon-button,.composer-action{border:1px solid var(--border);background:var(--panel-2);cursor:pointer;border-radius:11px;place-items:center;width:36px;height:36px;transition:transform .15s,background .15s;display:grid}.icon-button:hover,.composer-action:hover{background:var(--panel-3);transform:translateY(-1px)}.button{cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 14px;font-size:11px;font-weight:700;display:inline-flex}.button.secondary{border:1px solid var(--border);background:var(--panel-2)}.button.primary{background:var(--accent);color:var(--accent-ink);min-height:42px;box-shadow:0 8px 28px color-mix(in srgb, var(--accent) 18%, transparent);padding:0 20px}.stage-content{height:calc(100vh - 78px);padding:19px 22px 112px;position:relative;overflow:auto}.backend-banner{border:1px solid color-mix(in srgb, var(--danger) 24%, var(--border));background:color-mix(in srgb, var(--danger) 7%, var(--panel-2));border-radius:14px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:56px;margin-bottom:12px;padding:9px 10px;display:grid}.backend-banner>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.backend-banner strong{font-size:10px}.backend-banner small{font-size:9px}.backend-banner>button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:8px;font-size:9px;font-weight:700;display:inline-flex}.backend-banner.is-ready{border-color:color-mix(in srgb, var(--good) 28%, var(--border));background:color-mix(in srgb, var(--good) 7%, var(--panel-2))}.backend-banner.is-ready .status-icon{color:var(--good);background:color-mix(in srgb, var(--good) 13%, var(--panel-2))}.people-grid{grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px;min-height:calc(100vh - 252px);display:grid}.people-grid.is-sharing{grid-template-rows:repeat(4,minmax(120px,1fr));grid-template-columns:minmax(360px,1.6fr) minmax(230px,.8fr)}.share-card{border-radius:var(--user-radius);border:2px solid var(--accent);box-shadow:var(--shadow);background:#050608;grid-row:1/-1;position:relative;overflow:hidden}.share-card video,.person-card video{object-fit:cover;width:100%;height:100%;display:block}.share-card video{object-fit:contain}.tile-label{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050608c7;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:600;display:inline-flex;position:absolute;bottom:13px;left:13px}.person-card{border:1px solid var(--border);border-radius:var(--user-radius);background:linear-gradient(145deg, var(--panel-2), var(--panel-3));place-items:center;min-height:220px;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 34px #00000014}.person-card.is-talking{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent), 0 0 30px color-mix(in srgb, var(--accent) 9%, transparent)}.big-avatar{z-index:1;border-radius:34%;place-items:center;width:94px;height:94px;font:700 25px Manrope,sans-serif;display:grid;position:relative;box-shadow:0 18px 50px #0000002e}.big-avatar.violet{color:#f1e7ff;background:#6e5d82}.big-avatar.blue{color:#e2f8ff;background:#426b7a}.big-avatar.green{color:#e4f8e7;background:#54705b}.big-avatar.amber{background:color-mix(in srgb, var(--accent) 72%, #57442f);color:#fff}.person-glow{background:color-mix(in srgb, var(--accent) 8%, transparent);filter:blur(34px);border-radius:50%;width:180px;height:180px;position:absolute}.person-meta{z-index:2;background:color-mix(in srgb, var(--bg) 76%, transparent);-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);border-radius:12px;justify-content:space-between;align-items:flex-end;padding:9px 10px;display:flex;position:absolute;bottom:11px;left:12px;right:12px}.person-meta span{flex-direction:column;display:flex}.person-meta strong{font-size:11px}.person-meta svg{color:var(--accent)}.join-card{z-index:5;border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 92%, transparent);min-width:410px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:17px;align-items:center;gap:11px;padding:10px 10px 10px 12px;display:flex;position:fixed;bottom:26px;left:calc(50vw - 55px);transform:translate(-50%)}.join-card>span:nth-child(2){flex-direction:column;flex:1;display:flex}.join-card strong{font-size:12px}.join-icon{background:var(--panel-3);width:38px;height:38px;color:var(--accent);border-radius:12px;place-items:center;display:grid}.control-dock{z-index:5;border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 92%, transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:18px;align-items:center;gap:8px;padding:8px;display:flex;position:fixed;bottom:25px;left:calc(50vw - 55px);transform:translate(-50%)}.app.chat-closed .join-card,.app.chat-closed .control-dock{left:calc(50vw + 114px)}.app.is-compact.chat-closed .join-card,.app.is-compact.chat-closed .control-dock{left:calc(50vw + 99px)}.local-preview-label{border-right:1px solid var(--border);align-items:center;gap:8px;height:46px;padding:0 8px 0 6px;display:flex}.local-preview-label>i{background:var(--good);width:4px;min-height:8px;max-height:28px;box-shadow:0 0 12px color-mix(in srgb, var(--good) 50%, transparent);border-radius:999px;transition:height 80ms linear}.local-preview-label>span{flex-direction:column;min-width:62px;display:flex}.local-preview-label strong{font-size:9px}.local-preview-label small{font-size:8px}.call-control{background:var(--panel-3);cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-width:46px;height:46px;padding:0 13px;transition:transform .15s,background .15s;display:flex}.call-control:hover{transform:translateY(-2px)}.call-control svg{width:19px}.call-control.share{min-width:126px;font-size:11px;font-weight:700}.call-control.is-active{background:var(--accent);color:var(--accent-ink)}.call-control.is-off{background:color-mix(in srgb, var(--danger) 20%, var(--panel-3));color:var(--danger)}.call-control.leave{background:var(--danger);color:#fff}.security-status{border:1px solid var(--border);background:var(--panel-2);color:var(--muted);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:7px 9px;display:flex;position:absolute;top:8px;right:8px}.security-status>span{flex-direction:column;align-items:flex-start;display:flex}.security-status strong{color:var(--text);font-size:9px}.security-status small{font-size:8px}.chat-panel{border-left:1px solid var(--border);flex-direction:column;min-width:0;padding:0 15px 13px;display:flex}.chat-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:78px;display:flex}.chat-header>span{flex-direction:column;display:flex}.chat-header strong{font-size:13px}.chat-security{background:color-mix(in srgb, var(--accent) 7%, var(--panel-2));border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));color:var(--accent);border-radius:12px;gap:9px;margin:12px 0 4px;padding:10px;display:flex}.chat-security>span{flex-direction:column;display:flex}.chat-security strong{color:var(--text);font-size:9px}.chat-security small{font-size:8px}.messages{flex:1;padding:8px 2px 14px;overflow-y:auto}.day-label{color:var(--faint);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:8px;margin:12px 0 16px;font-size:9px;display:flex}.day-label:before,.day-label:after{content:"";background:var(--border);flex:1;height:1px}.message{grid-template-columns:29px minmax(0,1fr);gap:9px;margin:0 0 17px;display:grid}.message-name{align-items:baseline;gap:7px;display:flex}.message-name strong{font-size:10px}.message-name small{font-size:8px}.message p{color:color-mix(in srgb, var(--text) 90%, var(--muted));margin:4px 0 0;font-size:11px;line-height:1.5}.composer{border:1px solid var(--border);background:var(--panel-2);border-radius:14px;grid-template-columns:34px minmax(0,1fr) 34px;gap:5px;padding:6px;display:grid}.composer input{color:var(--text);background:0 0;border:0;outline:0;min-width:0;font-size:11px}.composer input::placeholder{color:var(--faint)}.composer-action{background:0 0;border:0;width:32px;height:32px}.send-button{background:var(--accent);width:32px;height:32px;color:var(--accent-ink);cursor:pointer;border:0;border-radius:10px;place-items:center;display:grid}.utility-bar{z-index:6;gap:6px;display:none;position:fixed;bottom:79px;left:14px}.utility-bar button{border:1px solid var(--border);background:var(--panel-2);border-radius:10px;padding:8px}.scrim{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000061;border:0;position:fixed;inset:0}.drawer{z-index:21;background:var(--panel);border-left:1px solid var(--border);width:min(440px,92vw);height:100vh;transition:transform .24s cubic-bezier(.2,.8,.2,1);position:fixed;top:0;right:0;overflow-y:auto;transform:translate(102%);box-shadow:-24px 0 80px #0000003d}.drawer.open{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:86px;padding:18px 20px;display:flex}.drawer-header .eyebrow{margin-left:0}.drawer-header h2{margin:2px 0 0;font-size:24px}.drawer-body{padding:20px}.drawer-intro{color:var(--muted);margin:0 0 18px;font-size:12px;line-height:1.55}.theme-options,.plugin-list{flex-direction:column;gap:9px;display:flex}.theme-option{border:1px solid var(--border);background:var(--panel-2);text-align:left;cursor:pointer;border-radius:15px;grid-template-columns:88px 1fr 20px;align-items:center;gap:12px;width:100%;padding:10px;display:grid}.theme-option.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.theme-option>span:nth-child(2){flex-direction:column;display:flex}.theme-option strong{font-size:12px}.theme-option>svg{color:var(--accent)}.theme-preview{border:1px solid #00000026;border-radius:10px;grid-template-columns:1fr 1.3fr .35fr;height:52px;display:grid;overflow:hidden}.theme-preview i{display:block}.settings-section{border-top:1px solid var(--border);margin-top:24px;padding-top:19px}.settings-section h3{align-items:center;gap:7px;margin:0 0 17px;font-size:12px;display:flex}.settings-section label{margin:0 0 17px;display:block}.settings-section label>span{justify-content:space-between;font-size:11px;font-weight:600;display:flex}.settings-section input[type=range]{width:100%;accent-color:var(--accent);margin-top:9px}.toggle-row{background:var(--panel-2);text-align:left;cursor:pointer;border:0;border-radius:13px;justify-content:space-between;align-items:center;width:100%;padding:13px;display:flex}.toggle-row>span{flex-direction:column;display:flex}.toggle-row strong{font-size:11px}.toggle-row i{background:var(--panel-3);border-radius:999px;width:34px;height:19px;padding:2px;transition:background .15s}.toggle-row i b{background:var(--muted);border-radius:50%;width:15px;height:15px;transition:transform .15s;display:block}.toggle-row i.on{background:var(--accent)}.toggle-row i.on b{background:var(--accent-ink);transform:translate(15px)}.plugin-card{border:1px solid var(--border);background:var(--panel-2);border-radius:15px;grid-template-columns:40px 1fr auto;align-items:start;gap:11px;padding:13px;display:grid}.plugin-icon{background:var(--panel-3);width:40px;height:40px;color:var(--accent);border-radius:12px;place-items:center;display:grid}.plugin-card>span:nth-child(2){min-width:0}.plugin-card strong{font-size:11px}.plugin-card p{color:var(--muted);margin:4px 0;font-size:10px;line-height:1.45}.plugin-card small{font-size:8px}.small-button{border:1px solid var(--border);background:var(--panel-3);cursor:pointer;border-radius:9px;padding:6px 8px;font-size:9px;font-weight:700}.developer-card,.plain-note{border:1px dashed var(--border);text-align:left;cursor:pointer;background:0 0;border-radius:15px;align-items:center;gap:11px;width:100%;margin-top:16px;padding:14px;display:flex}.developer-card span,.plain-note span{flex-direction:column;flex:1;display:flex}.developer-card strong,.plain-note strong{font-size:11px}.developer-card>svg:first-child,.plain-note>svg{color:var(--accent)}.security-hero{background:color-mix(in srgb, var(--accent) 8%, var(--panel-2));border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));border-radius:16px;align-items:flex-start;gap:13px;padding:16px;display:flex}.security-hero>svg{color:var(--accent);flex:none}.security-hero strong{font:600 16px Fraunces,serif}.security-hero p{color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.55}.security-list{flex-direction:column;margin-top:16px;display:flex}.security-list>div{border-bottom:1px solid var(--border);grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:14px 0;display:grid}.security-list>div>span:nth-child(2){flex-direction:column;display:flex}.security-list strong{font-size:11px}.security-list b{color:var(--muted);text-transform:uppercase;font-size:8px}.status-icon{border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.status-icon.pending{background:color-mix(in srgb, var(--danger) 13%, var(--panel-2));color:var(--danger)}.status-icon.good{background:color-mix(in srgb, var(--good) 13%, var(--panel-2));color:var(--good)}.architecture-card{border:1px solid var(--border);background:var(--panel-2);border-radius:16px;margin-top:18px;padding:16px}.architecture-card .eyebrow{margin:0 0 7px}.architecture-card>strong{font:600 16px Fraunces,serif}.architecture-card>p:not(.eyebrow){color:var(--muted);margin:7px 0 13px;font-size:10px;line-height:1.55}.architecture-card>span{flex-wrap:wrap;gap:8px;display:flex}.architecture-card a{border:1px solid var(--border);color:var(--text);border-radius:9px;align-items:center;gap:5px;padding:7px 9px;font-size:9px;font-weight:700;text-decoration:none;display:inline-flex}.architecture-card a:hover{border-color:var(--accent);color:var(--accent)}.toast{z-index:40;border:1px solid var(--border);background:var(--panel-2);max-width:min(560px,90vw);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:9px;padding:11px 12px;font-size:10px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast>svg{color:var(--accent)}.toast span{flex:1}.toast button{cursor:pointer;background:0 0;border:0}@media (max-width:1100px){.app{grid-template-columns:86px minmax(480px,1fr) 310px}.app.chat-closed,.app.is-compact.chat-closed{grid-template-columns:86px minmax(480px,1fr)}.room-rail{padding:18px 10px}.brand span:last-child,.room-link span:nth-child(2),.profile-row span:nth-child(2),.room-link .presence-dot{display:none}.brand{padding:0 13px 22px}.room-link,.profile-row{justify-content:center}.profile-row svg{display:none}.join-card,.control-dock{left:calc(50vw - 112px)}.app.chat-closed .join-card,.app.chat-closed .control-dock,.app.is-compact.chat-closed .join-card,.app.is-compact.chat-closed .control-dock{left:calc(50vw + 43px)}.local-preview-label>span{display:none}.local-preview-label{padding-left:5px}}@media (max-width:820px){.app{min-height:100svh;display:block;overflow:auto}.room-rail,.chat-panel{display:none}.room-stage,.room-rail,.chat-panel{min-height:auto}.room-header{padding:0 14px}.header-actions .icon-button:nth-child(-n+2),.button.secondary{display:none}.stage-content{height:calc(100svh - 78px);padding:12px 12px 112px}.people-grid{grid-template-columns:1fr 1fr;min-height:calc(100svh - 222px)}.person-card{min-height:160px}.big-avatar{width:70px;height:70px;font-size:18px}.join-card,.control-dock,.app.chat-closed .join-card,.app.chat-closed .control-dock,.app.is-compact.chat-closed .join-card,.app.is-compact.chat-closed .control-dock{width:max-content;min-width:0;max-width:calc(100vw - 24px);bottom:16px;left:50%}.join-card{width:calc(100vw - 24px)}.local-preview-label{display:none}.call-control{width:42px;min-width:42px;padding:0}.call-control.share{width:48px;min-width:48px}.call-control.share span{display:none}.utility-bar{display:flex}.security-status{display:none}}@media (max-width:520px){.backend-banner{grid-template-columns:32px minmax(0,1fr)}.backend-banner>button{display:none}.people-grid{grid-template-columns:1fr}.people-grid .person-card:nth-child(n+4){display:none}.people-grid.is-sharing{display:block}.share-card{height:55vh}.people-grid.is-sharing .person-card{display:none}.room-title-line h1{font-size:21px}.secure-pill,.join-card>span:nth-child(2) small{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}}.join-shell{box-sizing:border-box;min-height:100svh;padding:24px;display:block;overflow:auto}.join-shell>div{min-width:0;margin:0 auto;width:min(100%,420px)!important}.join-shell .chat-security,.join-shell section,.join-shell input,.join-shell button{box-sizing:border-box;max-width:100%}.join-shell select{border:1px solid var(--border);background:var(--panel-3);width:100%;min-width:0;color:var(--text);border-radius:9px;padding:8px 30px 8px 10px;font-size:12px;line-height:1.2}@media (max-width:520px){.join-shell{padding:16px 12px}}