.slop-live{--slop-bg:#0b0b0d;--slop-panel:#121216;--slop-panel2:#17171c;--slop-line:#26262c;--slop-text:#ececec;--slop-muted:#92929f;--slop-accent:#9be15d;--slop-red:#ff4d4d;min-height:100vh;background:var(--slop-bg);color:var(--slop-text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.slop-live *{box-sizing:border-box}.slop-live button{font:inherit}.slop-topbar{gap:10px;padding:10px 14px;border-bottom:1px solid var(--slop-line);flex-wrap:wrap;background:rgba(11,11,13,.9)}.slop-brand-live,.slop-topbar{display:flex;align-items:center}.slop-brand-live{gap:8px;font-weight:800;letter-spacing:-.02em;font-size:17px}.slop-brand-live .dot{width:9px;height:9px;border-radius:50%;background:var(--slop-red);box-shadow:0 0 10px var(--slop-red);animation:slop-blink 1.2s infinite}@keyframes slop-blink{50%{opacity:.35}}.slop-tabs{display:flex;align-items:center;gap:2px}.slop-tab{border:0;background:transparent;color:var(--slop-muted);padding:6px 9px;border-radius:8px;cursor:pointer;font-size:13px}.slop-tab.on,.slop-tab:hover{color:var(--slop-text);background:var(--slop-panel2)}.slop-cats{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}.slop-cat{border:1px solid var(--slop-line);background:var(--slop-panel);color:var(--slop-text);font-size:12px;padding:4px 9px;border-radius:999px;cursor:pointer}.slop-cat.on{border-color:var(--slop-accent);color:#0b0b0d;background:var(--slop-accent)}.slop-top-right{display:flex;align-items:center;gap:6px;margin-left:auto}.slop-body{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:14px;padding:14px;max-width:1500px;margin:0 auto}.slop-stage-wrap{min-width:0}.slop-stage{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--slop-line);background:#000;aspect-ratio:16/9}.slop-stage img,.slop-stage video{width:100%;height:100%;object-fit:cover;display:block}.slop-stage-overlay{position:absolute;inset:auto 0 0 0;padding:18px;background:linear-gradient(transparent,rgba(0,0,0,.85))}.slop-air-title{font-size:24px;font-weight:800;margin:0 0 6px;line-height:1.15}.slop-air-meta{color:var(--slop-muted);font-size:13px;display:flex;gap:12px;flex-wrap:wrap}.slop-air-meta b{color:var(--slop-text)}.slop-progress{height:3px;background:rgba(255,255,255,.18);border-radius:2px;margin-top:12px;overflow:hidden}.slop-progress>i{display:block;height:100%;background:var(--slop-accent)}.slop-state-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.slop-state-card{background:var(--slop-panel);border:1px solid var(--slop-line);border-radius:10px;padding:10px 12px}.slop-state-card h4{margin:0 0 4px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--slop-muted)}.slop-state-card p{margin:0;font-size:13px}.slop-live-tag{color:var(--slop-red);font-weight:700}.slop-gen-tag{color:#ffb454;font-weight:700}.slop-queue-tag{color:var(--slop-accent);font-weight:700}.slop-rail{gap:14px;min-width:0}.slop-panel,.slop-rail{display:flex;flex-direction:column}.slop-panel{background:var(--slop-panel);border:1px solid var(--slop-line);border-radius:12px;overflow:hidden;min-height:0}.slop-panel-head{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid var(--slop-line);font-weight:700;font-size:13px}.slop-panel-head small{color:var(--slop-muted);font-weight:500}.slop-chat{flex:1;min-height:240px;max-height:46vh;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.slop-msg{font-size:13px;line-height:1.4}.slop-msg .who{color:var(--slop-accent);font-weight:700;margin-right:6px}.slop-msg.mine .who{color:#7cc4ff}.slop-msg .when{color:var(--slop-muted);font-size:11px;margin-left:6px}.slop-compose{border-top:1px solid var(--slop-line);padding:8px;display:flex;gap:8px}.slop-compose input{flex:1;background:var(--slop-panel2);border:1px solid var(--slop-line);color:var(--slop-text);border-radius:9px;padding:8px 10px;font-size:13px;min-width:0}.slop-compose input:focus{outline:1px solid var(--slop-accent)}.slop-btn{border:1px solid var(--slop-line);background:var(--slop-panel2);color:var(--slop-text);padding:8px 12px;border-radius:9px;cursor:pointer;font-size:13px}.slop-btn:hover{border-color:var(--slop-muted)}.slop-btn.primary{background:var(--slop-accent);border-color:var(--slop-accent);color:#0b0b0d;font-weight:700}.slop-btn:disabled{opacity:.5;cursor:default}.slop-queue{max-height:40vh;overflow-y:auto}.slop-qitem{display:flex;align-items:center;gap:9px;padding:7px 12px;border-bottom:1px solid #1d1d22;font-size:13px}.slop-qitem .thumb{width:44px;height:30px;object-fit:cover;border-radius:6px;flex:none;background:#000}.slop-qitem .info{min-width:0;flex:1}.slop-qitem .info .ttl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slop-qitem .info .by{color:var(--slop-muted);font-size:11px}.slop-qitem .likes{color:var(--slop-muted);font-size:12px;flex:none}.slop-qitem.now{background:rgba(155,225,93,.07)}.slop-footer-strip{max-width:1500px;margin:4px auto 20px;padding:0 14px;color:var(--slop-muted);font-size:12px;display:flex;gap:18px;flex-wrap:wrap;align-items:center}.slop-overlay{position:fixed;inset:0;z-index:60;background:rgba(5,5,8,.8);display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(3px)}.slop-card{width:100%;max-width:430px;background:var(--slop-panel);border:1px solid var(--slop-line);border-radius:16px;padding:22px}.slop-card h2{margin:0 0 6px;font-size:19px}.slop-card p{color:var(--slop-muted);font-size:13px;margin:6px 0 14px}.slop-check{display:flex;gap:10px;align-items:center;border:1px solid var(--slop-line);padding:11px;border-radius:10px;cursor:pointer}.slop-check input{accent-color:var(--slop-accent)}.slop-error{color:#ff6b6b;font-size:12px;margin-top:10px}.slop-nameform{display:flex;gap:8px;margin-top:10px}.slop-nameform input{flex:1;background:var(--slop-panel2);border:1px solid var(--slop-line);color:var(--slop-text);padding:10px;border-radius:10px;font-size:14px}.slop-karma-note{color:var(--slop-accent);font-size:12px}.slop-chip{display:flex;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;background:var(--slop-panel);border:1px solid var(--slop-line);font-size:12px}.slop-avatar{width:24px;height:24px;border-radius:50%;background:var(--slop-accent);color:#0b0b0d;display:grid;place-items:center;font-weight:800;font-size:12px}.slop-menu{position:relative}.slop-menu-pop{position:absolute;right:0;top:38px;background:var(--slop-panel);border:1px solid var(--slop-line);border-radius:12px;padding:6px;width:200px;z-index:40;display:flex;flex-direction:column;gap:2px;box-shadow:0 12px 30px rgba(0,0,0,.5)}.slop-menu-pop a,.slop-menu-pop button{display:block;width:100%;text-align:left;background:transparent;border:0;color:var(--slop-text);text-decoration:none;padding:8px 10px;border-radius:8px;font-size:13px;cursor:pointer}.slop-menu-pop a:hover,.slop-menu-pop button:hover{background:var(--slop-panel2)}.slop-livefooter{color:var(--slop-muted);font-size:11px;text-align:center;padding:10px;border-top:1px solid #16161b}@media (max-width:980px){.slop-body{grid-template-columns:1fr}.slop-chat{max-height:30vh}}