/* Watch Together • responsive shared lounge */
.watch-launch{display:flex;align-items:center;gap:16px;padding:19px 21px;border-radius:19px;margin:16px 0;border:1px solid #eab4d044;background:linear-gradient(105deg,#52304f,#26213e 70%,#1b2239);box-shadow:0 15px 36px #0003}
.watch-launch-icon{display:grid;place-items:center;flex:none;height:57px;width:57px;border-radius:16px;background:#ffc3de26;border:1px solid #ffa9cf66;color:#ffd3e7;font-size:25px}
.watch-launch>div:nth-child(2){flex:1;min-width:0}.watch-launch h3{margin:4px 0;font-size:21px;color:#ffe5f1}.watch-launch p{margin:0;color:#d6bedb;font-size:12px;line-height:1.5}.watch-launch button{min-height:47px}
#watch{max-width:1150px;margin:12px auto 45px}
.watch-head{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:14px 0 26px}.watch-head>div{flex:1}.watch-head h2{font-size:clamp(27px,3vw,39px);line-height:1.15;margin:5px 0;color:#fff1f8}.watch-head h2 span{color:#ff9cbf}.watch-head p{color:#c8b0cd;font-size:12px;margin:5px 0}
.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.watch-main{min-width:0}
.watch-video-shell{aspect-ratio:16/9;width:100%;position:relative;border:7px solid #50374c;border-radius:17px;overflow:hidden;background:#100c1b;box-shadow:0 25px 75px #0008}
.watch-video{position:absolute;inset:0;width:100%;height:100%;z-index:2}.watch-video iframe{height:100%;width:100%;border:0}
.watch-empty{position:absolute;inset:0;display:flex;flex-direction:column;gap:9px;align-items:center;justify-content:center;text-align:center;padding:20px;background:radial-gradient(ellipse at center,#52314e,#171222 65%);z-index:1}.watch-empty span{font-size:49px;display:grid;place-items:center;height:90px;width:90px;border-radius:50%;background:#ffb5d31c;color:#ffc1d8}.watch-empty b{font-size:17px}.watch-empty small{font-size:11px;color:#cbb6d0;line-height:1.5}
.watch-status{min-height:37px;font-size:12px;color:#dfc5df;padding:12px 3px;line-height:1.6}
.watch-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid #ffffff26;padding:11px 13px;border-radius:14px;background:#251c32}
.watch-controls button{min-height:42px;font-size:12px}.watch-controls .watch-seek-label{color:#d1b9d3;font-size:11px}.watch-controls input[type=range]{flex:1;min-width:65px;accent-color:#fcb2d2}.watch-clock{font:11px ui-monospace,monospace;font-variant-numeric:tabular-nums;white-space:nowrap;color:#e9cfe5}
.watch-ready-area{margin:12px 0;display:flex;align-items:center;gap:13px;padding:14px;border-radius:13px;background:linear-gradient(100deg,#25423966,#2c22396b);border:1px solid #98edc336}.watch-ready-area button{min-height:43px;flex:none}.watch-ready-area span{font-size:11px;color:#d4bdcf;line-height:1.5}
.watch-react-bar{display:flex;align-items:center;gap:9px;margin-top:14px;padding:11px 12px;background:#231a31;border:1px solid #ffffff22;border-radius:15px;flex-wrap:wrap}.watch-react-bar span{color:#cab5d1;font-size:11px;margin-right:auto}.watch-react-bar button{font-size:24px;width:43px;height:43px;display:grid;place-items:center;border:1px solid #ffffff18;border-radius:12px;background:#ffffff0d;transition:transform .14s,background .14s}.watch-react-bar button:hover{background:#ffffff24;transform:translateY(-2px)}.watch-react-bar button:active{transform:scale(.9)}
.watch-reactions{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:4}.watch-float{position:absolute;bottom:8%;font-size:35px;animation:watch-rise 1.6s ease-out forwards;text-shadow:0 6px 12px #0008}@keyframes watch-rise{0%{transform:translateY(0) scale(.75) rotate(-15deg);opacity:0}15%{opacity:1}100%{transform:translateY(-260px) scale(1.5) rotate(15deg);opacity:0}}
.watch-sidebar{border:1px solid #ffffff29;background:linear-gradient(155deg,#30233c,#20192d);border-radius:19px;padding:20px;min-width:0}.watch-sidebar h3{margin:0 0 5px;font-size:19px;display:flex;align-items:center;justify-content:space-between;gap:10px}.watch-sidebar h3 span{font-size:11px;color:#bca9c5;font-weight:500}.watch-sidebar>p{color:#baaac6;font-size:11px;line-height:1.55}
.watch-add-form{display:grid;gap:9px;padding:17px 0;border-top:1px solid #ffffff1b;border-bottom:1px solid #ffffff1b;margin:16px 0}.watch-add-form label{font-size:11px;color:#ddc2dc}.watch-add-form input{border:1px solid #ffffff37;border-radius:10px;background:#161122;min-height:48px;color:#fff;padding:10px 12px;font-size:14px;min-width:0}.watch-add-form button{min-height:45px}
.watch-queue{display:grid;gap:9px;max-height:420px;overflow-y:auto;overscroll-behavior:contain;padding:3px 0 13px}.watch-queue-item{display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px;background:#ffffff08;border:1px solid #ffffff13;border-radius:10px}.watch-queue-item.current{border-color:#ffc2e088;background:#f6b4d11a}
.watch-queue-thumb{width:82px;height:47px;object-fit:cover;border-radius:7px;background:#272034}.watch-queue-play{display:block;text-align:left;min-width:0;background:transparent;padding:4px 0;color:#ecd6ec}.watch-queue-play b{display:block;font-size:11px}.watch-queue-play small{display:block;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bca6c0}
.watch-queue-remove{height:34px;width:34px;border-radius:8px;background:#ff6b8c12;color:#ff9aaf;border:1px solid #ff71843b;font-size:17px}.watch-queue-empty{font-size:12px;color:#bda9c6;padding:22px 8px;text-align:center}
.watch-sidebar .wide{min-height:46px}.watch-note{font-size:10px!important;line-height:1.7!important;color:#a995b4!important;margin-top:18px}
@media(max-width:900px){.watch-layout{grid-template-columns:1fr}.watch-sidebar{padding:17px}.watch-queue{max-height:260px}}
@media(max-width:580px){.watch-launch{gap:10px;flex-wrap:wrap;padding:14px}.watch-launch-icon{height:41px;width:41px;border-radius:12px;font-size:19px}.watch-launch h3{font-size:18px}.watch-launch>button{width:100%;min-height:44px}.watch-head{gap:10px;margin:12px 0 17px}.watch-head>div{flex-basis:calc(100% - 130px)}.watch-head h2{font-size:24px}.watch-head p{font-size:10px}.watch-head .tag{display:none}.watch-video-shell{border-width:4px;border-radius:11px}.watch-empty b{font-size:13px}.watch-empty span{height:63px;width:63px;font-size:35px}.watch-empty small{font-size:10px}.watch-controls{gap:8px;padding:10px}.watch-controls .watch-seek-label{display:none}.watch-controls button{min-height:44px}.watch-controls input[type=range]{order:3;flex-basis:75%}.watch-clock{order:4}.watch-ready-area{flex-wrap:wrap}.watch-ready-area button{min-height:44px}.watch-react-bar{gap:5px}.watch-react-bar span{flex-basis:100%}.watch-react-bar button{flex:1;min-width:38px;font-size:21px}.watch-sidebar{margin-bottom:80px}}
@media(prefers-reduced-motion:reduce){.watch-float{animation:none;display:none}.watch-react-bar button{transition:none}}

/* Explicit playback gesture for autoplay-restricted mobile browsers. */
.watch-start-playback{position:absolute;z-index:6;bottom:16px;left:50%;transform:translateX(-50%);white-space:nowrap;box-shadow:0 12px 28px #0009;min-height:48px;padding:10px 17px;border:1px solid #fff8;font-size:12px}
.watch-online{color:#88ecc0!important;border-color:#88ecc077!important}.watch-offline{color:#ff90ac!important;border-color:#ff90ac66!important}
@media(max-width:580px){.watch-start-playback{bottom:9px;min-height:42px;padding:8px 13px;font-size:11px}}