.watch-dock{--watch-h: 40vh;display:flex;flex-direction:column;flex-shrink:0;height:var(--watch-h);background:#000;border-bottom:1px solid var(--bg-active);position:relative}.watch-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;background:var(--bg-darkest);color:var(--text);flex-shrink:0}.watch-title{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.watch-top-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.watch-return{display:none;background:var(--accent);color:var(--button-text, #fff);border:none;border-radius:var(--radius-lg);padding:5px 10px;font-size:12px;font-weight:600;cursor:pointer}.watch-mic{background:var(--bg-active);border:none;border-radius:var(--radius-lg);padding:6px 10px;font-size:15px;line-height:1;cursor:pointer}.watch-mic.on{background:var(--online, var(--success))}.watch-close{background:none;border:none;color:var(--text-dim);font-size:24px;line-height:1;cursor:pointer}.watch-close:hover{color:var(--text)}.watch-stage{position:relative;flex:1;min-height:0;background:#000;overflow:hidden}.watch-stage #watch-player,.watch-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.watch-countdown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:96px;font-weight:800;color:#fff;background:#0000008c;text-shadow:0 4px 24px rgba(0,0,0,.6);pointer-events:none}.watch-floats{position:absolute;inset:0;pointer-events:none;overflow:hidden}.watch-float{position:absolute;bottom:8%;font-size:34px;animation:watch-float-up 2.6s ease-out forwards}@keyframes watch-float-up{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:1;transform:translateY(-10px) scale(1)}to{transform:translateY(-220px) scale(1.1);opacity:0}}.watch-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 10px;background:var(--bg-darkest);flex-shrink:0}.watch-ready-btn,.watch-start-btn,.watch-ctl{padding:7px 14px;border-radius:var(--radius-lg);border:none;cursor:pointer;font-size:13px;font-weight:600}.watch-ready-btn{background:var(--bg-active);color:var(--text)}.watch-ready-btn.on{background:var(--online, var(--success));color:#fff}.watch-start-btn{background:var(--accent);color:var(--button-text, #fff)}.watch-ctl{background:var(--bg-active);color:var(--text)}.watch-ctl:hover,.watch-start-btn:hover,.watch-ready-btn:hover{filter:brightness(1.1)}.watch-ready-count{font-size:13px;color:var(--text-dim)}.watch-seek{flex:1;min-width:120px;accent-color:var(--accent);cursor:pointer}.watch-seek[disabled]{cursor:default;opacity:.6}.watch-time{font-size:12px;color:var(--text-dim);font-variant-numeric:tabular-nums;min-width:96px;text-align:right}.watch-reactions{display:flex;gap:6px;padding:0 10px 8px;background:var(--bg-darkest);flex-shrink:0}.watch-react-btn{background:var(--bg-light);border:1px solid var(--bg-active);border-radius:var(--radius-lg);padding:5px 9px;font-size:17px;cursor:pointer;line-height:1}.watch-react-btn:hover{background:var(--bg-hover)}.watch-resize{height:7px;cursor:ns-resize;flex-shrink:0;background:var(--bg-darkest);position:relative}.watch-resize:after{content:"";position:absolute;left:50%;top:3px;width:36px;height:3px;transform:translate(-50%);border-radius:var(--radius);background:var(--bg-active)}.watch-dock.pip{position:fixed;bottom:16px;right:16px;width:340px;max-width:86vw;height:auto;z-index:950;border:1px solid var(--bg-active);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 10px 40px #0000008c}.watch-dock.pip .watch-stage{aspect-ratio:16 / 9;flex:none}.watch-dock.pip .watch-bar,.watch-dock.pip .watch-reactions,.watch-dock.pip .watch-resize{display:none}.watch-dock.pip .watch-return{display:inline-block}@media(max-width:768px){.watch-dock{--watch-h: 34vh}.watch-dock.pip{width:210px;bottom:84px;right:10px}}.watch-prompt-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9998}.watch-prompt{background:var(--bg-light);border:1px solid var(--bg-active);border-radius:var(--radius-media);padding:22px;width:min(460px,92vw)}.watch-prompt h3{font-size:17px;margin-bottom:14px;color:var(--text)}.watch-prompt input{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:var(--radius-lg);border:1px solid var(--bg-active);background:var(--bg-darkest);color:var(--text);font-size:14px}.wp-fields{display:flex;flex-direction:column;gap:12px}.wp-field label{display:block;font-size:12px;color:var(--text-dim);margin-bottom:5px}.watch-prompt-btns{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.watch-prompt-btns button{padding:8px 16px;border-radius:var(--radius-lg);border:none;cursor:pointer;font-size:13px;font-weight:600}.watch-prompt-cancel{background:var(--bg-active);color:var(--text-muted)}.watch-prompt-go{background:var(--accent);color:var(--button-text, #fff)}.wp-activity-item .channel-hash{color:var(--accent)}.wp-activity-badge{margin-left:auto;background:var(--accent);color:var(--button-text, #fff);font-size:11px;font-weight:700;line-height:1;border-radius:var(--radius-lg);padding:2px 7px}.wp-activity-view{position:absolute;inset:0;overflow-y:auto;background:var(--bg-dark);padding:18px 18px 28px}.wp-section-title{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);margin:6px 2px 10px;display:flex;align-items:center;gap:8px}.wp-section-title:not(:first-child){margin-top:24px}.wp-empty{color:var(--text-dim);font-size:14px;padding:24px 4px;text-align:center}.wp-cards{display:flex;flex-direction:column;gap:12px}.wp-card{display:flex;gap:14px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:12px;transition:border-color .15s}.wp-card:hover{border-color:var(--accent)}.wp-card-thumb{position:relative;width:168px;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;background:#000;flex-shrink:0}.wp-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.wp-card-live{position:absolute;top:6px;left:6px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 7px;border-radius:var(--radius-media)}.wp-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.wp-card-title{font-weight:700;font-size:15px;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wp-card-meta{font-size:12px;color:var(--text-dim);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.wp-card-meta .wp-dot{opacity:.5}.wp-card-when{color:var(--text);font-weight:600}.wp-card-actions{display:flex;gap:8px;margin-top:auto;padding-top:4px;flex-wrap:wrap}.wp-card-btn{padding:7px 14px;border-radius:var(--radius-lg);border:none;cursor:pointer;font-size:13px;font-weight:600}.wp-card-btn:hover{filter:brightness(1.1)}.wp-card-btn.primary{background:var(--accent);color:var(--button-text, #fff)}.wp-card-btn.going{background:var(--online, var(--success));color:#fff}.wp-card-btn.secondary{background:var(--bg-active);color:var(--text)}.wp-card-btn.ghost{background:transparent;color:var(--text-dim)}.wp-card-btn.ghost:hover{color:var(--danger, var(--danger));filter:none}.wp-poll-card{max-width:var(--embed-w, 500px)}.wp-poll-card .wp-card-meta{margin:0 2px 8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.wp-poll-open{background:none;border:none;color:var(--text-dim);font-size:12px;font-weight:600;cursor:pointer;padding:0}.wp-poll-open:hover{color:var(--accent)}.wp-poll-end{background:var(--bg-active);border:none;border-radius:var(--radius-lg);color:var(--text-muted);font-size:11px;font-weight:600;padding:4px 9px;cursor:pointer}.wp-poll-end:hover{background:var(--danger, var(--danger));color:#fff}#right-panel-content .wp-cards{padding:10px}#right-panel-content .wp-card{flex-direction:column;gap:10px}#right-panel-content .wp-card-thumb{width:100%}#right-panel-content .wp-section-title{padding:8px 12px 0}#right-panel-content .wp-empty{padding:20px 14px}.wp-form-label{display:block;font-size:12px;font-weight:600;color:var(--text-dim);margin-bottom:6px}.wp-form-input{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:var(--radius-lg);border:1px solid var(--bg-active);background:var(--bg-darkest);color:var(--text);font-size:14px}.wp-mode-toggle{display:inline-flex;gap:4px;padding:4px;background:var(--bg-darkest);border:1px solid var(--bg-active);border-radius:var(--radius-media)}.wp-mode-btn{padding:7px 16px;border:none;border-radius:var(--radius-lg);background:transparent;color:var(--text-dim);font-size:13px;font-weight:600;cursor:pointer;transition:background .12s,color .12s}.wp-mode-btn:hover{color:var(--text)}.wp-mode-btn.active{background:var(--accent);color:var(--button-text, #fff)}.wp-form-submit{margin-top:4px;padding:10px 22px;border:none;border-radius:var(--radius-lg);background:var(--accent);color:var(--button-text, #fff);font-size:14px;font-weight:600;cursor:pointer}.wp-form-submit:hover{filter:brightness(1.1)}.wp-when-preview{margin-top:8px;font-size:13px;color:var(--text-dim)}.wp-when-preview.past{color:var(--danger, var(--danger))}@media(max-width:768px){.wp-card{flex-direction:column;gap:10px}.wp-card-thumb{width:100%}}