*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#app{background:#000;height:100%;overflow:hidden}body{color:#fff;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,sans-serif}.app{background:#0a0a0a;position:fixed;inset:0}.app.is-mini-pip{background:#111}.app.is-mini-pip .video-stage{inset:auto 10px auto auto;bottom:calc(env(safe-area-inset-bottom) + 88px);z-index:30;border:1px solid #ffffff2e;border-radius:14px;width:min(42vw,180px);height:min(36vh,260px);overflow:hidden;box-shadow:0 10px 28px #0000008c}.app.is-mini-pip .grad-top,.app.is-mini-pip .grad-bottom,.app.is-mini-pip .top-bar,.app.is-mini-pip .chat-panel,.app.is-mini-pip .tap-hint,.app.is-mini-pip .overlay{display:none!important}.app.is-mini-pip .side-actions{right:10px;bottom:calc(env(safe-area-inset-bottom) + 12px);z-index:40}.app.is-mini-pip .side-actions .action-btn:not(:nth-child(2)){display:none}.video-stage{background:#000;position:absolute;inset:0;overflow:hidden}video{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0;transform:translateZ(0)}.video-stage.is-portrait video{object-fit:cover}.grad-top,.grad-bottom{pointer-events:none;z-index:2;position:absolute;left:0;right:0}.grad-top{background:linear-gradient(#0009 0%,#0000 100%);height:140px;top:0}.grad-bottom{background:linear-gradient(#0000 0%,#000000a6 100%);height:160px;bottom:0}.top-bar{z-index:10;padding:calc(env(safe-area-inset-top) + 10px) 12px 8px;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:absolute;top:0;left:0;right:0}.top-left{pointer-events:none;flex:1;min-width:0}.top-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px;display:flex}.live-badge{letter-spacing:.5px;background:#ff2d55e0;border-radius:4px;align-items:center;gap:6px;padding:4px 10px 4px 8px;font-size:12px;font-weight:600;display:none}.live-badge.on{display:inline-flex}.live-dot{background:#fff;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.status-pill{color:#ffffffa6;-webkit-backdrop-filter:blur(8px);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#ffffff1a;border-radius:20px;flex-shrink:0;max-width:42%;padding:4px 10px;font-size:11px;overflow:hidden}.status-pill.live{color:#fff;background:#ffffff26}.status-pill.error{color:#ffb4b4;background:#ff505033}.side-actions{right:12px;bottom:calc(env(safe-area-inset-bottom) + 72px);z-index:10;flex-direction:column;align-items:center;gap:20px;display:flex;position:absolute}.action-btn{color:#fff;cursor:pointer;opacity:.92;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex}.action-btn:active{opacity:.65;transform:scale(.94)}.action-icon{-webkit-backdrop-filter:blur(10px);background:#ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;line-height:1;display:flex}.action-icon.active{background:#ff2d5559;box-shadow:0 0 0 1px #ff2d5573}.action-label{color:#ffffffd9;text-shadow:0 1px 3px #00000080;font-size:11px}.drama-title{text-shadow:0 1px 6px #0009;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:15px;font-weight:700;line-height:1.3;overflow:hidden}.drama-ep{color:#ffd666;background:#ffd66626;border:1px solid #ffd66659;border-radius:4px;padding:2px 7px;font-size:11px;line-height:1.3;display:inline-block}.drama-desc{display:none}.overlay{z-index:20;-webkit-backdrop-filter:blur(2px);text-align:center;background:#0000008c;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:0}.play-ring{-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#ffffff2e;border:2px solid #ffffff73;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:transform .15s;display:flex}.play-ring:active{transform:scale(.92)}.play-ring svg{fill:#fff;width:28px;height:28px;margin-left:4px}.overlay-msg{color:#ffffffbf;max-width:260px;font-size:14px;line-height:1.5}.btn-retry{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff2d55,#ff6b35);border:none;border-radius:24px;margin-top:4px;padding:10px 28px;font-size:15px;font-weight:600;box-shadow:0 4px 20px #ff2d5559}.btn-retry:active{opacity:.85}.loading-ring{border:3px solid #fff3;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin;display:none}.loading-ring.on{display:block}@keyframes spin{to{transform:rotate(360deg)}}.tap-hint{z-index:5;display:none;position:absolute;inset:0}.tap-hint.active{display:block}.chat-panel{left:10px;right:58px;bottom:calc(env(safe-area-inset-bottom) + 8px);z-index:11;pointer-events:auto;flex-direction:column;gap:6px;display:flex;position:absolute}.chat-list{opacity:1;visibility:visible;flex-direction:column;gap:3px;max-width:82%;max-height:132px;padding-right:2px;transition:opacity .35s,visibility .35s;display:flex;overflow:hidden}.chat-list.idle{opacity:0;visibility:hidden;max-height:0}.chat-item{text-shadow:0 1px 4px #000000a6;word-break:break-word;font-size:12px;line-height:1.35}.chat-nick{color:#a8d4ff;margin-right:6px;font-weight:600}.chat-text{color:#ffffffeb}.chat-compose{align-items:center;gap:8px;display:flex}.chat-compose input{-webkit-backdrop-filter:blur(8px);color:#fff;background:#0000006b;border:1px solid #ffffff1f;border-radius:22px;outline:none;min-height:44px;padding:11px 14px;font-size:15px}.chat-compose input::placeholder{color:#ffffff73}.chat-compose input:first-of-type{flex-shrink:0;width:80px}.chat-compose input:nth-of-type(2){flex:1;min-width:0}.chat-compose button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff2d55,#ff6b35);border:none;border-radius:22px;flex-shrink:0;min-height:44px;padding:11px 18px;font-size:15px;font-weight:600}.chat-compose button:active{opacity:.85}.chat-compose button:disabled{opacity:.5}