@keyframes qj-slide-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.invite-share-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:stretch;justify-content:center}.invite-share-btn{flex:0 1 auto;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border:0;border-radius:10px;font-size:.82em;font-weight:600;cursor:pointer;transition:all .15s;color:#fff;text-decoration:none;white-space:nowrap}.invite-share-btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.invite-share-btn:active{transform:translateY(0)}.invite-whatsapp{background:linear-gradient(135deg,#25d366,#128c7e)}.invite-telegram{background:linear-gradient(135deg,#08c,#0077b5)}.invite-copy-link{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:var(--text)}.invite-copy-link:hover{background:rgba(255,255,255,.14)}.quick-join-banner{position:fixed;top:0;left:0;right:0;z-index:200;background:linear-gradient(135deg,rgba(240,192,64,.95),rgba(212,160,48,.95));backdrop-filter:blur(12px);padding:14px 20px;display:none;align-items:center;justify-content:center;gap:12px;box-shadow:0 4px 20px rgba(0,0,0,.3);animation:qj-slide-down 400ms ease-out}.quick-join-banner.show{display:flex}.quick-join-text{color:#1a1a2e;font-size:.92em;font-weight:600}.quick-join-text .room-code-highlight{font-family:monospace;font-weight:800;letter-spacing:2px;background:rgba(0,0,0,.12);padding:2px 8px;border-radius:6px}.quick-join-btn{background:#1a1a2e;color:var(--gold);border:0;border-radius:10px;padding:8px 20px;font-size:.88em;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap}.quick-join-btn:hover{background:#2a2a4e;transform:scale(1.03)}.quick-join-dismiss{background:0 0;border:0;color:rgba(0,0,0,.4);font-size:1.2em;cursor:pointer;padding:4px;line-height:1}.share-hint-text{color:var(--text-dim);font-size:.78em;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:6px}.share-hint-text .share-dot{width:4px;height:4px;background:var(--text-dim);border-radius:50%;opacity:.5}@media (max-width:768px){.invite-share-row{flex-direction:column;gap:6px}.invite-share-btn{padding:10px 14px;font-size:.85em}.quick-join-banner{flex-wrap:wrap;padding:12px 16px;gap:8px}.quick-join-text{font-size:.82em;text-align:center;width:100%}}@media (max-width:480px){.invite-share-row{gap:6px;flex-direction:row;flex-wrap:wrap}.invite-share-btn{font-size:.75em;padding:8px 10px;min-width:0;flex:1 1 calc(50% - 3px)}}