*{margin:0;padding:0;box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;background:#0f1115;color:#e6e8ee;font-family:-apple-system,system-ui,sans-serif}main{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:1rem}h1{font-weight:600}button{font:inherit;border:0;border-radius:999px;padding:.9rem 2rem;background:#3b82f6;color:#fff;cursor:pointer}button:active{transform:scale(.97)}.btn{font:inherit;border:0;border-radius:999px;padding:.9rem 2rem;background:#3b82f6;color:#fff;text-decoration:none;display:inline-block}#startBox{display:flex;flex-direction:column;align-items:center;gap:1rem}#pinOpt{font-size:.9rem;color:#9aa1ad}#me{color:#9aa1ad}#pinOverlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#000000bf;z-index:10}#pinOverlay input{font:inherit;font-size:1.5rem;text-align:center;letter-spacing:.4em;width:8em;padding:.5rem;border:0;border-radius:10px;background:#1a1d24;color:#e6e8ee}#sharePin{font-size:1rem}#sharePin b{letter-spacing:.2em}#call{position:relative;padding:0}#remote{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}#local{position:absolute;top:max(1rem,env(safe-area-inset-top));right:1rem;width:28vw;max-width:160px;aspect-ratio:3 / 4;object-fit:cover;border-radius:12px;background:#1a1d24;box-shadow:0 2px 12px #00000080}#status{position:absolute;top:max(1rem,env(safe-area-inset-top));left:50%;transform:translate(-50%);background:#0009;padding:.4rem .9rem;border-radius:999px;font-size:.85rem;white-space:nowrap}#share{position:absolute;bottom:calc(6.5rem + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.8rem;background:#0009;padding:.45rem .6rem;border-radius:999px;font-size:.9rem;white-space:nowrap}#share button{padding:.5rem 1.1rem;font-size:.9rem}#sharePin{padding-right:.5rem}#controls{position:absolute;bottom:max(1.5rem,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;gap:1rem}#controls button{width:3.5rem;height:3.5rem;padding:0;border-radius:50%;font-size:1.3rem;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#controls button.active{background:#ef4444}#hangup{background:#ef4444!important}