:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7fbfa;--surface:#fff;--surface-soft:#f1faf8;--ink:#11191c;--muted:#657478;--line:#dcebea;--line-strong:#b8d5d1;--accent:#49c7c1;--accent-strong:#1fa9a4;--danger:#e05c52;--radius:8px;--shadow:0 14px 34px #11191c12}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);color:var(--ink);letter-spacing:0;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{min-height:44px}.app-shell{grid-template-rows:auto 1fr auto;min-height:100svh;display:grid}.topbar{z-index:20;padding:max(12px, env(safe-area-inset-top)) 18px 10px;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;justify-content:space-between;align-items:center;gap:14px;display:flex;position:sticky;top:0}.brand{align-items:center;min-width:0;display:flex}.brand-logo{object-fit:contain;object-position:left center;width:min(238px,50vw);height:48px;display:block}.status-pill{border:1px solid var(--line);min-height:32px;color:var(--ink);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.status-dot{background:var(--danger);border-radius:50%;width:8px;height:8px}.status-dot.ready{background:var(--accent-strong)}.main{width:min(480px,100%);margin:0 auto;padding:24px 14px 112px}.call-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.room-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.room-header span,.field label,.meta-list span,.list-title span{color:var(--muted);text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:900}.room-title{min-width:0}.room-header h1{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:24px;font-weight:900;line-height:1.08;overflow:hidden}.join-form{gap:12px;padding:16px 16px 0;display:grid}.field{gap:7px;display:grid}.field input,.field select{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:54px;color:var(--ink);background:#fff;outline:none;padding:0 14px}.field input::placeholder{color:#9aa7aa}.field input:focus,.field select:focus{border-color:var(--accent-strong);box-shadow:0 0 0 4px #49c7c12e}.field select{cursor:pointer;font-weight:900}.code-input{text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:24px;font-weight:900}.actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.button{appearance:none;border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--ink);cursor:pointer;white-space:nowrap;background:#fff;justify-content:center;align-items:center;padding:0 14px;font-size:14px;font-weight:900;display:inline-flex}.button.primary{border-color:var(--ink);background:var(--ink);color:#fff}.button.secondary{background:var(--surface-soft)}.button.warn{border-color:var(--accent-strong);background:var(--accent);color:#082326}.button:disabled{cursor:not-allowed;opacity:.42}.notice{color:var(--muted);margin:12px 16px 0;font-size:13px;line-height:1.55}.site-link{text-align:center;padding:14px 2px 0}.site-link a{color:var(--muted);font-size:12px;font-weight:800;text-decoration:none}.site-link a:focus,.site-link a:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.call-state,.list-section{border:1px solid var(--line);border-radius:var(--radius);background:#fbfefd;margin:16px}.call-state{padding:14px}.call-state-line{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.call-state-line span{color:var(--muted);font-size:12px;font-weight:800}.call-state-line strong{text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:1.05;display:block;overflow:hidden}.listen-button{min-width:84px}.meter{background:#dcebea;border-radius:999px;height:10px;margin-top:14px;overflow:hidden}.meter-fill{border-radius:inherit;background:var(--accent-strong);width:0;height:100%;transition:width .16s}.meta-list{grid-template-columns:.72fr .72fr 1.56fr;gap:8px;margin-top:12px;display:grid}.meta-list div{border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-width:0;padding:8px 10px}.meta-list span{margin-bottom:4px;display:block}.meta-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.2;display:block;overflow:hidden}.list-section{overflow:hidden}.linked-lists{grid-template-columns:1fr 1fr;gap:12px;margin:16px;display:grid}.linked-lists .list-section{margin:0}.diagnostics-section{margin-top:0}.list-title{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.list-title h2{margin:0;font-size:18px;line-height:1.1}.roster,.voice-peers,.diagnostics{gap:0;display:grid}.roster-row,.voice-peer,.diagnostic-row{border-bottom:1px solid var(--line);background:#fbfefd;min-height:48px;padding:11px 14px}.roster-row:last-child,.voice-peer:last-child,.diagnostic-row:last-child{border-bottom:0}.roster-row{grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.roster-dot{border-radius:50%;width:10px;height:10px}.roster-row.empty .roster-dot{border:1px solid var(--line-strong);background:#fff}.roster-row strong,.voice-peer span{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:900;overflow:hidden}.roster-row em,.voice-peer em,.diagnostic-row span{color:var(--muted);font-size:12px;font-style:normal}.voice-peer{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;display:grid}.voice-peer strong{color:var(--accent-strong);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.voice-peer.empty{grid-template-columns:minmax(0,1fr) auto}.diagnostic-row{grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.diagnostic-row>span:first-child{width:22px;height:22px;color:var(--ink);background:#49c7c12b;border-radius:50%;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:900;display:grid}.diagnostic-row strong{color:var(--ink);font-size:13px;display:block}.footer{z-index:30;padding:12px 14px max(12px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-top:1px solid #11191c1f;position:fixed;inset:auto 0 0}.footer-inner{grid-template-columns:repeat(2,1fr);gap:10px;width:min(300px,100%);margin:0 auto;display:grid}.icon-button{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--ink);color:#fff;cursor:pointer;place-items:center;min-height:54px;display:grid}.icon-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;width:22px;height:22px}.icon-button.active{border-color:var(--accent-strong);background:var(--accent);color:#092326}.icon-button.danger{color:var(--danger);background:#fff5f4;border-color:#e05c529e}.ghost-banner{border-radius:var(--radius);border:1px solid var(--line-strong);color:var(--ink);background:#eef8f6;margin-bottom:14px;padding:12px 14px;font-weight:900}.landscape-warning{display:none}@media (max-width:520px){.topbar{padding-left:14px;padding-right:14px}.brand-logo{width:min(188px,54vw);height:42px}.status-pill{min-height:30px;padding:0 10px;font-size:10px}.room-header{display:flex}.room-header h1{font-size:21px}.actions,.linked-lists{grid-template-columns:1fr}}@media (orientation:landscape) and (max-height:520px){.landscape-warning{color:var(--ink);border-bottom:1px solid var(--line);text-align:center;background:#fff;padding:10px 14px;font-size:12px;font-weight:900;display:block}}