:root{--bg: #0b1020;--panel: #12172a;--elev: #1a2140;--text: #e5e7eb;--muted: #94a3b8;--brand: #6ee7b7;--brand-2: #60a5fa;--danger: #f87171;--ring: #22d3ee;--card: #0f152b;--border: #27304d;--inset: #0c1226}*,*:before,*:after{box-sizing:border-box}html{background:#0b1020;overscroll-behavior:none}html,body,#root{width:100%;max-width:100%;min-height:100%;margin:0;padding:0;overflow-x:hidden}body{background:var(--bg);color:var(--text);font:14px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;-webkit-font-smoothing:antialiased}a{color:var(--brand-2);text-decoration:none}img,video,canvas{max-width:100%;height:auto}.button{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:linear-gradient(180deg,var(--elev),var(--inset));color:var(--text);padding:10px 14px;border-radius:12px;cursor:pointer;transition:.2s transform ease,.2s box-shadow ease,.2s border-color ease;font-size:14px}.button:hover{transform:translateY(-1px);box-shadow:0 6px 24px #00000040;border-color:#39456d}.button.primary{background:linear-gradient(180deg,#1e2a4d,#142048);border-color:#2a3761}.button.primary .dot{width:8px;height:8px;border-radius:50%;background:var(--brand)}.button.ghost{background:transparent;border-color:transparent}.input,select,textarea{width:100%;background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px;outline:none;transition:.2s border-color ease,.2s box-shadow ease;font-size:14px;font-family:inherit}.input:focus,select:focus,textarea:focus{border-color:var(--ring);box-shadow:0 0 0 4px #22d3ee26}.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px}.card{background:linear-gradient(180deg,var(--card),#0b1123);border:1px solid var(--border);border-radius:16px;padding:16px}.hstack{display:flex;align-items:center;gap:12px}.vstack{display:grid;gap:12px}.kbd{border:1px solid var(--border);background:var(--inset);padding:2px 6px;border-radius:6px;color:var(--muted);font-size:12px}.badge{display:inline-flex;align-items:center;gap:6px;color:#0b1224;background:var(--brand);border-radius:999px;padding:4px 10px;font-weight:600}.hr{height:1px;background:var(--border);border:0}.field{display:grid;gap:6px}.field>label{font-size:12px;color:var(--muted)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:1120px){.grid-main{grid-template-columns:1fr!important}}.meeting-shell{display:grid;grid-template-columns:1fr 360px;gap:12px;align-items:start;min-width:0}.meeting-stage{min-width:0}.meeting-side{min-width:0;position:sticky;top:12px}.pv-tiles{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-content:start}.pv-tile{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--border);background:radial-gradient(1200px 400px at 50% 0%,#6ee7b72e,#0b102000 55%),linear-gradient(180deg,var(--card),#0b1123);box-shadow:0 10px 35px #00000040;transform:translateZ(0);min-height:160px}.pv-tile:before{content:"";display:block;padding-top:56.25%}.pv-tile-inner{position:absolute;inset:0;display:grid;place-items:center}.pv-tile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.pv-avatar{width:64px;height:64px;border-radius:999px;background:linear-gradient(180deg,#60a5fa40,#6ee7b72e);border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;font-weight:800;color:var(--text)}.pv-name{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;font-size:12px;color:var(--text);background:#00000073;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:calc(100% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pv-tile.speaking{border-color:#22d3eea6;box-shadow:0 0 0 3px #22d3ee2e,0 12px 40px #00000059}.pv-tile.pinned{border-color:#6ee7b78c;box-shadow:0 0 0 3px #6ee7b729,0 12px 40px #00000059}.pv-callbar{position:sticky;bottom:10px;margin-top:12px;z-index:10;display:flex;gap:10px;flex-wrap:wrap;justify-content:center;padding:10px;border-radius:18px;background:#12172ab8;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pv-callbar .button{width:auto;min-width:140px}.pv-hidden{display:none!important}.pv-reaction{position:absolute;top:8px;right:8px;font-size:26px;pointer-events:none;display:flex;gap:6px}@media(max-width:980px){.meeting-shell{grid-template-columns:1fr}.meeting-side{position:static}}@media(max-width:768px){body{font-size:13px;line-height:1.5}.meeting-shell{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.meeting-stage{flex:1;padding:8px;overflow:hidden}.grid-main,.meeting-grid{grid-template-columns:1fr!important;gap:12px}.meeting-left,.meeting-right{width:100%}.row2,.grid-2{grid-template-columns:1fr;gap:8px}.btnrow{display:flex;flex-wrap:wrap;gap:8px}.button{padding:10px 12px;border-radius:14px}.card,.panel{padding:12px}.chat-messages{max-height:260px}.pv-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pv-name{font-size:11px;padding:6px 9px}.pv-callbar .button{min-width:0;flex:1 1 160px}.pv-speaker-layout{height:100%;display:flex;flex-direction:column;gap:8px}.pv-speaker-big{flex:1;display:grid;grid-auto-rows:1fr}.pv-speaker-strip{height:120px;display:grid;grid-auto-flow:column;grid-auto-columns:160px;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;-webkit-overflow-scrolling:touch}.pv-speaker-strip .pv-tile{min-height:120px}.pv-drawer{position:fixed;left:0;right:0;bottom:-100%;height:72vh;background:#0f152bfa;border-top:1px solid var(--border);border-top-left-radius:18px;border-top-right-radius:18px;z-index:2000;transition:bottom .22s ease;display:flex;flex-direction:column}.pv-drawer.open{bottom:0}.pv-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid var(--border)}.pv-drawer-title{font-weight:700}.pv-drawer-body{padding:12px;display:flex;flex-direction:column;gap:10px;min-height:0;flex:1}.pv-emoji-row{display:flex;flex-wrap:wrap;gap:6px}.pv-chat-scroll{flex:1;min-height:0;overflow:auto;border:1px solid var(--border);border-radius:14px;padding:10px;background:#0b102099}.pv-chat-line{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06)}.pv-chat-line:last-child{border-bottom:0}.pv-chat-input{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.pv-callbar{position:fixed;left:0;right:0;bottom:env(safe-area-inset-bottom,0px);z-index:2100;display:flex;justify-content:space-around;gap:8px;padding:10px 8px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));background:#0a0e1eeb;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .2s ease,opacity .2s ease}.pv-callbar.hide{transform:translateY(110%);opacity:.2}.pv-callbar.show{transform:translateY(0);opacity:1}.pv-callbar .button{width:auto!important;min-width:44px;height:44px;border-radius:999px;padding:10px 12px;justify-content:center}}@media(max-width:420px){.pv-tiles{grid-template-columns:1fr}}