/* Call visibility updates atomically, without nested transition queues. */
.social-room[hidden],.social-room [hidden]{display:none!important}
.together-choice{border:0;padding:0;margin:0}.together-choice legend{font-size:.9rem;font-weight:600;margin-bottom:12px}.together-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.together-options label{display:flex;align-items:flex-start;gap:10px;padding:16px;border:1px solid #ffffff20;border-radius:16px;cursor:pointer;transition:border-color .18s,background .18s}.together-options label.is-selected{border-color:#d4af3799;background:#d4af3709}.together-options input{margin-top:4px;accent-color:#d4af37}.together-options strong,.together-options small{display:block}.together-options strong{font-size:.88rem}.together-options small{font-size:.78rem;color:#aeb3c3;line-height:1.5;margin-top:5px}
.social-room{margin:8px 0 24px;border:1px solid #d4af3738;border-radius:24px;background:linear-gradient(145deg,#192335,#101521 72%);overflow:hidden;box-shadow:0 12px 40px #00000012}.social-room-heading{display:flex;align-items:center;gap:14px;width:100%;padding:18px 20px;text-align:left;background:none;border:0;color:inherit;min-height:76px}.social-room-heading strong,.social-room-heading small{display:block}.social-room-heading strong{font-size:1rem;letter-spacing:-.02em}.social-room-heading small{font-size:.78rem;color:#aeb8c8;margin-top:3px}.social-wave{color:#d4af37;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#d4af3710}.social-room svg{width:22px;height:22px;flex-shrink:0}.social-chevron{margin-left:auto;color:#aeb8c8;transition:transform .2s}.social-chevron.is-open{transform:rotate(180deg)}.social-room-body{padding:0 20px 18px}.social-places{display:flex;gap:8px;flex-wrap:wrap;padding:3px 0 18px}.social-places button{display:flex;align-items:center;gap:7px;min-height:44px;border:1px solid #ffffff1a;border-radius:24px;padding:9px 12px;background:#ffffff04;color:#b7c0d0;font-size:.8rem}.social-places .is-here{color:#f1d583;border-color:#d4af3777;background:#d4af370c}.place-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.social-places small{color:inherit;opacity:.6;font-variant-numeric:tabular-nums}.social-join{gap:10px}.social-fine-print{font-size:.72rem;text-align:center;color:#a0acbf;line-height:1.6;margin:12px 0 0}.social-connecting{padding:20px 0;text-align:center;color:#d4af37}.social-stage{position:relative;aspect-ratio:16/10;background:radial-gradient(ellipse at 50% 20%,#34435b,#141c29 75%);border:1px solid #ffffff17;border-radius:18px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff03;transition:border-color .2s}.social-stage.is-speaking{border-color:#d4af3799}.social-stage video{width:100%;height:100%;object-fit:cover}.social-stage-avatar{height:100%;display:grid;place-items:center;padding-bottom:20px}.social-stage-avatar .avatar{height:132px;width:132px;border-radius:32px}.social-stage-caption{position:absolute;left:0;bottom:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:24px 16px 14px;background:linear-gradient(transparent,#090f1bba)}.social-stage-caption strong,.social-stage-caption small{display:block}.social-stage-caption strong{font-size:.88rem}.social-stage-caption small{font-size:.72rem;color:#c2c8d3;margin-top:3px}.social-speaking{color:#efd481}.social-call-members{display:flex;gap:12px;padding:14px 2px;overflow-x:auto}.social-call-members button{display:flex;align-items:center;flex-direction:column;flex:0 0 64px;gap:4px;background:none;border:0;color:inherit;min-height:80px;padding:3px}.social-call-members .avatar{width:46px;height:46px;border:2px solid #ffffff24;transition:border-color .2s,box-shadow .2s;border-radius:15px}.social-call-members [aria-pressed=true] .avatar{border-color:#c7ad63}.social-call-members .is-speaking .avatar{border-color:#efd481;box-shadow:0 0 0 4px #d4af3718}.social-call-members button>span:not(.avatar){font-size:.7rem;max-width:70px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.social-call-members small{font-size:.6rem;color:#8797ae}.social-mic-mode{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0 12px}.social-mic-mode label{font-size:.8rem;color:#abb5c5}.social-mic-mode select{font-size:16px!important;width:auto!important;max-width:75%;min-height:44px}.social-controls{display:flex;gap:8px}.social-control{flex:1;min-width:0;min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:10px 5px;border:1px solid #ffffff20;border-radius:14px;background:#ffffff04;color:#cfd7e4;touch-action:none;-webkit-user-select:none;user-select:none}.social-control span{font-size:.65rem;line-height:1.3}.social-control.is-active{background:#d4af37;color:#111725;border-color:#d4af37}.social-leave{color:#f39999;flex:.7}.social-error{margin-top:12px;line-height:1.6}
.chat-reply-quote{display:block;border-left:2px solid #d4af3777;padding:7px 10px;margin:0 0 8px;color:#bac4d6;font-size:.78rem;background:#ffffff04;border-radius:0 8px 8px 0;max-width:100%;overflow:hidden}.chat-reply-quote strong,.chat-reply-quote span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-reply-button{background:none;border:0;color:#8696b0;display:inline-flex;align-items:center;gap:5px;font-size:.68rem;min-height:44px;padding:2px 8px}.chat-reply-button svg{width:16px;height:16px}.chat-typing{font-size:.75rem;color:#aab6c7;min-height:20px;padding:0 20px}.chat-photo-button{display:block;border:0;padding:0;background:#ffffff08;border-radius:14px;overflow:hidden;margin:5px 0 8px;max-width:100%;cursor:zoom-in}.chat-photo-button img{max-width:100%;max-height:240px;object-fit:contain;display:block}.chat-photo-missing{font-size:.75rem;color:#9aa8bd;padding:10px 0}.chat-attachment-draft{display:flex;align-items:center;gap:12px;background:#d4af370b;border:1px solid #d4af3733;padding:8px;border-radius:12px;margin-bottom:10px}.chat-attachment-draft img{width:58px;height:58px;object-fit:cover;border-radius:8px}.chat-attachment-draft p{font-size:.76rem;margin:0;flex:1}.chat-attachment-draft button{margin-left:auto}.chat-attachment-draft svg,.chat-photo-pick svg{width:21px;height:21px}.chat-photo-viewer{background:#101521;border:1px solid #ffffff20;border-radius:20px;padding:12px;max-width:min(92vw,800px);max-height:90dvh;color:#fff}.chat-photo-viewer img{display:block;max-width:100%;max-height:75dvh;object-fit:contain}.chat-photo-viewer>button{display:flex;margin-left:auto}.chat-compose-reply{display:flex;align-items:center;gap:10px}.chat-compose-reply .chat-reply-quote{flex:1;min-width:0;margin-bottom:10px}.chat-photo-pick input{display:none}
@media(max-width:360px){.together-options{grid-template-columns:1fr}.social-room-body{padding:0 14px 16px}.social-room-heading{padding:16px}.social-control span{font-size:.6rem}}@media(prefers-reduced-motion:reduce){.social-room *{transition:none!important;animation:none!important}}

.social-relay-status{font-size:.72rem;line-height:1.6;text-align:center;color:#acb8ca;margin:14px 0 0}
.social-compact-status{font-size:.72rem;line-height:1.5;color:#edd799;margin:0;padding:0 16px 14px}

.social-room.is-compact{position:sticky;top:8px;z-index:8;box-shadow:0 8px 24px #050a1855}.social-mini{display:flex;align-items:center;gap:8px;padding:0 14px 14px}.social-mini-person{display:flex;align-items:center;gap:10px;min-width:0;flex:1;border:0;background:none;color:inherit;text-align:left;padding:0}.social-mini-person video{width:82px;height:62px;object-fit:cover;border-radius:12px}.social-mini-person .avatar{width:52px;height:52px;border-radius:16px}.social-mini-person strong,.social-mini-person small{display:block;max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-mini-person strong{font-size:.78rem}.social-mini-person small{font-size:.7rem;color:#aeb8c8;margin-top:4px}.social-mini>.social-control{flex:0 0 44px;min-height:48px;padding:10px}.social-room.is-compact .social-room-heading{min-height:60px;padding:12px 16px}.social-room.is-compact .social-room-heading small{font-size:.7rem}

/* Keep setup spacing independent of the app-wide paragraph reset. */
.social-setup{display:grid;gap:16px}
.social-setup .social-intro{font-size:.86rem;color:#c2c8d3;line-height:1.65;margin:0}
.social-place-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center;margin:0}
.social-place-form>label{grid-column:1/-1;font-size:.8rem;font-weight:550;color:#dce3ee;line-height:1.5}
.social-place-form input{min-width:0;font-size:16px!important;scroll-margin-block:20px}
.social-place-form button{min-height:54px;padding:10px 12px;border:1px solid #d4af374d;border-radius:12px;background:#d4af370a}
.social-place-form input:focus-visible{outline:2px solid var(--product-gold);outline-offset:2px}
.social-device-choice{border:0;padding:0;margin:0;min-width:0}
.social-device-choice legend{font-size:.75rem;color:#99a8bb;margin-bottom:10px}
.social-device-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.social-device-options label{display:flex;align-items:center;gap:8px;min-width:0;min-height:52px;padding:10px;border:1px solid #ffffff26;border-radius:12px;background:#ffffff03;font-size:.8rem;line-height:1.45;cursor:pointer}
.social-device-options label.is-selected{border-color:#d4af3799;background:#d4af3710;color:#f1d583}
.social-device-options input{flex:0 0 16px;width:16px;height:16px;margin:0;accent-color:#d4af37}
.social-device-options label:focus-within{outline:2px solid var(--product-gold);outline-offset:2px}
.social-device-options input:focus-visible{outline:none}
.social-room .social-fine-print{margin:12px 0 0}
.social-setup>.social-fine-print{margin:0}
@media(max-width:360px){.social-device-options{grid-template-columns:1fr}}