@media(max-width:768px){.topbar,nav,.navbar,.menu{display:flex;flex-direction:column!important;gap:10px;width:100%;padding:10px 0}.topbar .logo,.navbar .logo{margin-bottom:8px}.topbar a,.navbar a,.button-tab{display:block;width:100%;text-align:center;padding:12px;border-radius:12px}header{width:100%!important;overflow:hidden!important}}html,body{overflow-x:hidden}#root{min-height:100%}img,video,canvas{max-width:100%;height:auto}.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)}.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;letter-spacing:.5px;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-chip{width:18px;height:18px;border-radius:999px;display:grid;place-items:center;background:#ffffff1f;border:1px solid rgba(255,255,255,.1);font-size:11px;line-height:1}.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}@media(max-width:980px){.meeting-shell{grid-template-columns:1fr}.meeting-side{position:static}}@media(max-width:768px){body{font-size:13px}.button{padding:10px 12px;border-radius:14px}.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}}@media(max-width:420px){.pv-tiles{grid-template-columns:1fr}}.pv-hidden{display:none!important}.pv-tile{position:relative;overflow:hidden;border-radius:16px;border:1px solid var(--border);background:#0b1020;min-height:160px}.pv-name{position:absolute;left:10px;bottom:10px;font-size:12px;padding:4px 10px;border-radius:999px;background:#00000073;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pv-reaction{position:absolute;top:8px;right:8px;font-size:26px;pointer-events:none;display:flex;gap:6px}@media(max-width:768px){html,body,#root{height:100%;overflow:hidden}.meeting-shell{height:100dvh;display:flex;flex-direction:column}.meeting-stage{flex:1;padding:8px;overflow:hidden}.pv-tiles{height:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.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-joincard{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:14px}.pv-joinrow{display:grid;grid-template-columns:1fr 1fr;gap:10px}.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);z-index:2100;display:flex;justify-content:space-around;gap:8px;padding:10px 8px;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}}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}video{max-width:100%;max-height:100%}.pv-meeting{width:100%;min-width:0}@media(max-width:768px){.pv-callbar{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}}: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}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}a{color:var(--brand-2);text-decoration:none}.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}.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}.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}}@media(max-width:768px){body{font-size:13px;line-height:1.5}.grid-main,.meeting-grid{display:grid;grid-template-columns:1fr!important;gap:12px}.meeting-left,.meeting-right{width:100%}.row2,.grid-2{display:grid;grid-template-columns:1fr;gap:8px}.btnrow{display:flex;flex-wrap:wrap;gap:8px}.button{width:100%;justify-content:center}.card,.panel{padding:12px}.chat-messages{max-height:260px}}:fullscreen body{overflow:hidden}:fullscreen #root{height:100%}