/* QRSocial R69 — Direct Media Stage + Watch Together */
.qs-r69-room-mode{display:grid;gap:1px}.qs-r69-room-mode b{font-size:.7rem;letter-spacing:.12em}.qs-r69-room-mode span{font-size:.72rem;color:var(--muted,#777)}.qs-r69-stage-main{justify-content:flex-start;padding:28px 30px 34px}.qs-r69-stage-title{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.qs-r69-stage-title h1{font-size:clamp(2rem,4vw,4.3rem);margin:6px 0 8px}.qs-r69-stage-title>div>p{margin:0;color:rgba(255,255,255,.65);max-width:68ch}.qs-r69-stage-title .qs-r68-host-chip{margin:0;flex:0 0 auto}.qs-r69-media-stage{margin-top:24px}.qs-r69-media-status{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 14px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.055);border-radius:16px}.qs-r69-media-status>div{display:grid}.qs-r69-media-status strong{font-size:.82rem}.qs-r69-media-status span,.qs-r69-media-status small{font-size:.7rem;color:rgba(255,255,255,.56)}.qs-r69-stage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.qs-r69-stage-tile{position:relative;min-height:190px;aspect-ratio:16/10;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#24212f,#111119);border:1px solid rgba(255,255,255,.1)}.qs-r69-stage-tile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#101016}.qs-r69-stage-tile.is-me video{transform:scaleX(-1)}.qs-r69-stage-fallback{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,rgba(111,85,255,.24),transparent 45%)}.qs-r69-stage-fallback img,.qs-r69-stage-fallback>span{width:78px;height:78px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#fff;color:#101016;font-size:1.8rem;font-weight:900}.qs-r69-stage-tile.has-video .qs-r69-stage-fallback{opacity:0;pointer-events:none}.qs-r69-stage-tile footer{position:absolute;z-index:2;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr auto;gap:1px 8px;align-items:end;padding:30px 11px 10px;background:linear-gradient(transparent,rgba(0,0,0,.78))}.qs-r69-stage-tile footer strong{font-size:.76rem}.qs-r69-stage-tile footer span{font-size:.62rem;color:rgba(255,255,255,.64)}.qs-r69-stage-tile footer i{grid-row:1/3;grid-column:2;font-style:normal;font-size:.68rem}.qs-r69-stage-empty{min-height:160px;display:grid;place-content:center;text-align:center;gap:4px;border:1px dashed rgba(255,255,255,.13);border-radius:20px;margin-top:12px;color:rgba(255,255,255,.58)}.qs-r69-stage-empty strong{color:#fff}.qs-r69-room-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}.qs-r69-room-controls>button,.qs-r69-reactions button,.qs-r69-watch button,.qs-r69-watch-set button,.qs-r69-stage-queue button{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);color:#fff;border-radius:999px;padding:9px 13px;font-weight:800;cursor:pointer}.qs-r69-room-controls>button.primary{background:#7357ff;border-color:#7357ff}.qs-r69-room-controls button:disabled{opacity:.4;cursor:not-allowed}.qs-r69-reactions{display:flex;gap:3px;margin-left:auto;padding:4px;border-radius:999px;background:rgba(255,255,255,.05)}.qs-r69-reactions button{padding:6px 8px;border:0;background:transparent;font-size:1rem}.qs-r69-stage-queue{margin-top:12px;border:1px solid rgba(255,255,255,.11);border-radius:18px;padding:12px;background:rgba(255,255,255,.045)}.qs-r69-stage-queue>header{display:flex;justify-content:space-between;gap:10px}.qs-r69-stage-queue>header small{color:rgba(255,255,255,.5)}.qs-r69-stage-queue [data-r69-queue-list]{display:grid;gap:7px;margin-top:8px}.qs-r69-stage-queue [data-r69-queue-user]{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.05)}.qs-r69-stage-queue [data-r69-queue-user] span{font-size:.78rem}.qs-r69-watch{margin-top:14px;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:#09090d;overflow:hidden}.qs-r69-watch>header{display:flex;justify-content:space-between;align-items:center;padding:11px 13px}.qs-r69-watch>header div{display:grid}.qs-r69-watch>header small{font-size:.62rem;letter-spacing:.13em;color:#9f91ff}.qs-r69-watch-player{min-height:280px;background:#050506;display:grid;place-items:center}.qs-r69-watch-player video{width:100%;max-height:58vh;background:#000}.qs-r69-watch-player audio{width:min(720px,90%)}.qs-r69-watch-sync{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;font-size:.72rem;color:rgba(255,255,255,.55)}.qs-r69-watch-set{margin-top:10px}.qs-r69-watch-set details{border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:10px 12px;background:rgba(255,255,255,.04)}.qs-r69-watch-set summary{cursor:pointer;font-weight:800}.qs-r69-watch-set form{display:grid;grid-template-columns:2fr 1fr auto;gap:8px;margin-top:10px}.qs-r69-watch-set input{min-width:0;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:#fff;border-radius:12px;padding:10px}.qs-r69-watch-set small{grid-column:1/-1;color:rgba(255,255,255,.48)}.qs-r69-reaction-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:20}.qs-r69-float-reaction{position:absolute;bottom:74px;left:var(--x,50%);font-size:2.1rem;animation:qsr69float 2.4s ease-out forwards;filter:drop-shadow(0 5px 12px rgba(0,0,0,.4))}.qs-r69-stage-tile.is-failed{outline:2px solid rgba(255,75,105,.45)}.qs-r69-stage-tile.is-connected{outline:1px solid rgba(45,224,161,.35)}
@keyframes qsr69float{0%{opacity:0;transform:translate(-50%,18px) scale(.7)}12%{opacity:1}100%{opacity:0;transform:translate(-50%,-220px) scale(1.25) rotate(8deg)}}
@media(max-width:1100px){.qs-r69-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qs-r69-stage-title{display:grid}.qs-r69-stage-title .qs-r68-host-chip{justify-self:start}}
@media(max-width:680px){.qs-r69-stage-main{padding:18px 14px 26px}.qs-r69-stage-grid{grid-template-columns:1fr}.qs-r69-stage-tile{min-height:220px}.qs-r69-media-status{align-items:flex-start;display:grid}.qs-r69-room-controls{position:sticky;bottom:10px;z-index:30;padding:8px;border-radius:18px;background:rgba(10,10,15,.88);backdrop-filter:blur(14px)}.qs-r69-reactions{width:100%;justify-content:space-around;margin:0}.qs-r69-watch-set form{grid-template-columns:1fr}.qs-r69-watch-set small{grid-column:1}.qs-r69-room-mode{display:none}}
@media(prefers-reduced-motion:reduce){.qs-r69-float-reaction{animation:none;opacity:1;bottom:100px}}