:root{color:#eef4ff;background:#0b1020;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,a{font:inherit}.app-shell{display:grid;min-height:100vh;place-items:center;padding:24px}.hero-card{width:min(100%,720px);border:1px solid rgb(255 255 255 / 12%);border-radius:28px;padding:clamp(28px,6vw,56px);background:radial-gradient(circle at top left,rgb(64 148 255 / 30%),transparent 34rem),linear-gradient(135deg,#ffffff1f,#ffffff0a);box-shadow:0 24px 80px #00000059}.room-layout{display:grid;width:min(100%,980px);gap:18px}.room-summary,.preview-card,.join-card,.call-panel,.invite-box,.error-panel{border:1px solid rgb(255 255 255 / 12%);border-radius:24px;background:#ffffff12;box-shadow:0 18px 60px #0000003d}.room-summary,.preview-card,.join-card,.call-panel,.invite-box{padding:clamp(22px,4vw,34px)}.preview-card,.join-card,.call-panel,.invite-box{display:grid;gap:18px}.eyebrow{margin:0 0 8px;color:#93c5fd;font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}h1{margin:0;font-size:clamp(3rem,14vw,6rem);line-height:.95}h2{margin:0;font-size:clamp(1.6rem,6vw,2.4rem);line-height:1}.lede{max-width:56ch;margin:24px 0;color:#c9d8ef;font-size:clamp(1.08rem,3vw,1.35rem)}.muted,.scope-note,.room-id,.copy-status,.inline-error{color:#9fb1cd}.actions{display:flex;flex-wrap:wrap;gap:12px}.actions button,.actions a,.invite-row button,.danger-button,.call-controls button,.call-header-actions button{min-height:52px;border-radius:999px;padding:0 22px}.actions button,.invite-row button,.danger-button{border:0;color:#07111f;background:#8dd7ff;cursor:pointer;font-weight:800}.actions button:disabled{cursor:wait;opacity:.72}.actions a,.secondary-button{justify-content:center;display:inline-flex;align-items:center;border:1px solid rgb(255 255 255 / 20%);color:#e7f0ff;text-decoration:none}.secondary-button{background:#ffffff17}.danger-button{color:#fff;background:#dc2626}.scope-note,.room-id,.copy-status,.inline-error{margin:18px 0 0}.video-frame{display:grid;min-height:min(52vh,420px);overflow:hidden;place-items:center;border:1px solid rgb(255 255 255 / 14%);border-radius:22px;background:linear-gradient(135deg,rgb(77 137 255 / 18%),transparent),#060a14}.video-frame video{width:100%;height:100%;object-fit:contain}.video-placeholder{padding:24px;color:#9fb1cd;text-align:center}.error-panel{padding:16px 18px;border-color:#f8717166;background:#7f1d1d3d}.error-panel p{margin:4px 0 0;color:#ffd7d7}.invite-row{display:grid;grid-template-columns:1fr auto;gap:10px}.call-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.call-panel:fullscreen{overflow:auto;border-radius:0;background:#050914}.call-panel:fullscreen .call-grid{min-height:72vh}.call-header-actions,.call-controls{display:flex;flex-wrap:wrap;gap:10px}.status-pill{width:fit-content;border:1px solid rgb(255 255 255 / 14%);border-radius:999px;padding:8px 12px;color:#c9d8ef;background:#ffffff14}.call-grid{display:grid;grid-template-columns:1.5fr 1fr;align-items:stretch;gap:12px}.call-tile{position:relative;display:grid;min-height:clamp(240px,46vh,620px);overflow:hidden;place-items:center;border:1px solid rgb(255 255 255 / 14%);border-radius:22px;background:#050914}.call-tile:fullscreen{border-radius:0}.call-tile video{width:100%;height:100%}.video-fit-contain{object-fit:contain}.video-fit-cover{object-fit:cover}.call-tile span{position:absolute;left:12px;bottom:12px;border-radius:999px;padding:6px 10px;color:#eef4ff;background:#0000007a}.tile-button{position:absolute;right:12px;bottom:12px;border:1px solid rgb(255 255 255 / 22%);border-radius:999px;padding:7px 10px;color:#eef4ff;background:#0000007a;cursor:pointer;font-weight:700}.invite-row input{min-width:0;border:1px solid rgb(255 255 255 / 16%);border-radius:999px;padding:0 18px;color:#eef4ff;background:#00000038;font:inherit}@media (max-width: 640px){.actions,.invite-row,.call-grid{grid-template-columns:1fr}.actions button,.actions a,.invite-row button,.invite-row input,.danger-button{width:100%}.call-header{align-items:stretch;flex-direction:column}.call-header-actions,.call-controls{display:grid;grid-template-columns:1fr}.call-tile{min-height:min(54vh,420px)}.actions a,.secondary-button{justify-content:center}}