:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#eef2ff;background:#090e1a;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(900px 500px at 20% -10%,#15274b 0%,transparent 62%),#090e1a}button,input{font:inherit}button{min-height:44px;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #60a5fa;outline-offset:2px}.shell{width:min(1120px,100%);min-height:100dvh;margin:auto;padding:max(24px,env(safe-area-inset-top)) clamp(18px,4vw,48px) max(28px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.12em;font-size:.82rem;color:#fff}.brand-logo{display:block;width:auto;height:34px;max-width:min(210px,65vw);object-fit:contain}.muted{color:#9ba8be}.eyebrow{color:#91a5c8;text-transform:uppercase;letter-spacing:.14em;font-weight:700;font-size:.72rem;margin:0}.hero{max-width:620px;margin:auto;padding-top:clamp(32px,12vh,110px);width:100%}.hero h1{font-size:clamp(2.25rem,7vw,4.4rem);line-height:1.04;letter-spacing:-.055em;margin:14px 0}.card{background:#111a2bdb;border:1px solid #24334d;border-radius:20px;padding:clamp(18px,3vw,28px);box-shadow:0 18px 60px #0004}.stack{display:grid;gap:15px}.field{display:grid;gap:8px;color:#bdc9dc;font-size:.9rem}.input{width:100%;border:1px solid #30425e;background:#09111f;color:#f7f9ff;border-radius:10px;padding:13px 14px;min-height:48px}.password{position:relative}.password .icon-button{position:absolute;right:5px;bottom:3px}.button{border:0;border-radius:10px;background:linear-gradient(135deg,#91dbff,#778bff);color:#07111f;padding:0 18px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px}.button:disabled,.secondary:disabled{opacity:.55;cursor:not-allowed}.secondary,.icon-button{border:1px solid #33445e;background:#152137;color:#e5ecfa;border-radius:10px;padding:0 14px}.icon-button{width:44px;padding:0;display:inline-grid;place-items:center}.danger{background:#ef6b7a;color:#350812}.header{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-bottom:1px solid #22304a;padding-bottom:18px}.context{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.badge{border:1px solid #395170;border-radius:999px;padding:5px 9px;color:#c9d7ed;font-size:.73rem;font-weight:800;letter-spacing:.07em}.badge.live{color:#80f2c1;border-color:#267c62;background:#0f352d}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.span-7{grid-column:span 7}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.title{margin:0;font-size:clamp(1.65rem,4vw,2.7rem);letter-spacing:-.04em}.card h2{font-size:1rem;margin:0 0 12px}.invite{display:grid;grid-template-columns:180px 1fr;gap:22px;align-items:center}.qr{background:#fff;border-radius:12px;padding:10px;width:180px;height:180px}.pin{font:700 clamp(1.8rem,5vw,2.5rem)/1 ui-monospace,monospace;letter-spacing:.15em;margin:8px 0}.link{font-size:.8rem;overflow-wrap:anywhere;background:#09111f;border-radius:8px;padding:10px;color:#aebdd6}.actions{display:flex;gap:10px;flex-wrap:wrap}.health{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.metric{padding:12px;border-radius:12px;background:#0b1423;border:1px solid #20314a}.metric strong{display:block;margin-top:5px;color:#84efbb}.metric .unknown{color:#aebdd6}.transcript{height:330px;overflow:auto;display:flex;flex-direction:column;gap:12px}.segment{margin:0;padding:10px 12px;border-left:2px solid #344866;color:#c5d1e6}.segment:last-child{border-color:#7bbcff;background:#13223a;color:#fff}.toast{position:fixed;right:20px;bottom:max(20px,env(safe-area-inset-bottom));background:#17243a;border:1px solid #3f5d85;color:#eaf2ff;border-radius:12px;padding:13px 16px;box-shadow:0 12px 36px #0008;z-index:4}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#020612b8;display:grid;place-items:center;padding:20px;z-index:5}.modal{width:min(440px,100%)}.attendee-shell{width:min(540px,100%);margin:auto;min-height:100dvh;padding:max(28px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:22px}.attendee-shell .card{margin-top:auto}.attendee-shell h1{font-size:clamp(2rem,9vw,3.2rem);letter-spacing:-.05em;margin:0}.live-orb{width:11px;height:11px;border-radius:50%;background:#64e9a9;display:inline-block;box-shadow:0 0 16px #64e9a9}.count{font-size:3rem;font-weight:800;letter-spacing:-.07em;margin:4px 0}.range{accent-color:#86caff;width:100%}.leave{margin-top:auto;align-self:center;background:transparent;border:0;color:#9aa9c1;text-decoration:underline}.spinner{width:16px;height:16px;border:2px solid #263b59;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:720px){.span-7,.span-5,.span-6{grid-column:span 12}.invite{grid-template-columns:1fr}.qr{margin:auto}.context{margin-left:0;width:100%;justify-content:space-between}.header .secondary{margin-left:auto}}@media(max-width:420px){.shell{padding-inline:16px}.health{grid-template-columns:1fr}.attendee-shell{padding-inline:16px}}