.live-quiz-theme{--bg:#030711;--panel:#0b0f1a;--surface:#10141f;--surface-2:#161c2b;--border:rgba(255,255,255,.09);--border-strong:rgba(255,255,255,.16);--text:#eef1f7;--text-dim:#9aa4b8;--text-faint:#5c6478;--live:#12d999;--live-bg:rgba(18,217,153,.12);--a1:#4f7cff;--a2:#a855f7;--a3:#ec4899;--warn:#f5a623;--danger:#f0575d;--good:#12d999;--shadow:0 20px 60px -12px rgba(0,0,0,.6)}.live-quiz-theme .section-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-weight:700;margin:16px 2px 8px}.live-quiz-theme .quiz-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}@media (max-width:768px){.live-quiz-theme .quiz-grid{grid-template-columns:1fr}}.live-quiz-theme .quiz-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:11px;transition:transform .2s,box-shadow .2s;cursor:pointer}.live-quiz-theme .quiz-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2);border-color:var(--border-strong)}.live-quiz-theme .quiz-card .qtitle{font-size:12.5px;font-weight:600;margin-bottom:4px;padding-right:70px;color:var(--text)}.live-quiz-theme .quiz-card .qmeta{font-size:11px;color:var(--text-faint)}.live-quiz-theme .qstatus{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:4px;font-size:9.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:3px 7px 3px 6px;border-radius:999px;line-height:1.5}.live-quiz-theme .qstatus .qdot{width:6px;height:6px;border-radius:50%;flex:none}.live-quiz-theme .qstatus.active{background:var(--live-bg);color:var(--live)}.live-quiz-theme .qstatus.active .qdot{background:var(--live);animation:pulse 1.6s infinite}.live-quiz-theme .qstatus.answered{background:rgba(79,124,255,.14);color:var(--a1)}.live-quiz-theme .qstatus.answered .qdot{background:var(--a1)}.live-quiz-theme .qstatus.missed{background:rgba(240,87,93,.13);color:var(--danger)}.live-quiz-theme .qstatus.missed .qdot{background:var(--danger)}.live-quiz-theme .qstatus.upcoming{background:rgba(245,166,35,.14);color:var(--warn)}.live-quiz-theme .qstatus.upcoming .qdot{background:var(--warn)}.live-quiz-theme .qstatus.time-up{background:rgba(128,128,128,.14);color:#9ca3af}.live-quiz-theme .qstatus.time-up .qdot{background:#9ca3af}.live-quiz-theme .stream-section,.live-quiz-theme.stream-section,.stream-section[data-stream-fullscreen]{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:var(--bg)}.live-quiz-theme .stream-row,.stream-section[data-stream-fullscreen] .stream-row{position:relative;display:flex;flex-wrap:wrap;width:100%}@media (max-width:768px){.live-quiz-theme .stream-row{flex-direction:column;flex-wrap:nowrap}}.live-quiz-theme .player,.stream-section[data-stream-fullscreen] .player{position:relative;overflow:hidden;flex:1 1 100%;min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:center}.live-quiz-theme .stream-row:has(>.split-slot)>.player{flex-basis:60%}.live-quiz-theme .stream-section .stream-bar{border:none;border-radius:0;border-bottom:1px solid var(--border)}.live-quiz-theme .stream-section .stream-video{border-radius:0}.live-quiz-theme .stream-section.no-stream{border:none;background:none;overflow:visible;border-radius:0}.live-quiz-theme .stream-section.no-stream .stream-row{flex-direction:column;flex-wrap:nowrap;gap:10px}.live-quiz-theme .stream-section.no-stream .player{display:none}.live-quiz-theme .lq-banner,.stream-section:fullscreen .lq-banner,.stream-section[data-stream-fullscreen] .lq-banner{position:absolute;left:10px;right:10px;top:10px;z-index:100;max-width:460px;margin:0 auto;border:1px solid var(--border-strong);border-radius:13px;padding:6px 6px 6px 8px;display:flex;align-items:center;gap:6px;box-shadow:0 14px 34px -10px rgba(0,0,0,.6);transform:translateY(-140%);opacity:0;transition:transform .45s cubic-bezier(.2,.9,.3,1.2),opacity .3s;pointer-events:none}.live-quiz-theme .lq-banner.live,.stream-section:fullscreen .lq-banner.live,.stream-section[data-stream-fullscreen] .lq-banner.live{background:linear-gradient(135deg,rgba(79,124,255,.22),rgba(236,72,153,.18)),var(--surface-2)}.live-quiz-theme .lq-banner.upcoming,.stream-section:fullscreen .lq-banner.upcoming,.stream-section[data-stream-fullscreen] .lq-banner.upcoming{background:linear-gradient(135deg,rgba(245,166,35,.2),rgba(236,72,153,.1)),var(--surface-2)}.live-quiz-theme .lq-banner.show,.stream-section:fullscreen .lq-banner.show,.stream-section[data-stream-fullscreen] .lq-banner.show{transform:translateY(0);opacity:1;pointer-events:auto}.live-quiz-theme .stream-section:has(.stream-bar) .lq-banner{top:54px}.live-quiz-theme .lq-banner-main,.stream-section[data-stream-fullscreen] .lq-banner-main{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:4px;text-align:left;border-radius:9px;color:inherit}.live-quiz-theme button.lq-banner-main,.stream-section[data-stream-fullscreen] button.lq-banner-main{cursor:pointer}.live-quiz-theme button.lq-banner-main:focus-visible,.stream-section[data-stream-fullscreen] button.lq-banner-main:focus-visible{outline:2px solid var(--a1);outline-offset:1px}.live-quiz-theme .lq-banner .ticon,.stream-section[data-stream-fullscreen] .lq-banner .ticon{flex:none;width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--a1),var(--a3));display:flex;align-items:center;justify-content:center;color:#fff}.live-quiz-theme .lq-banner.upcoming .ticon,.stream-section[data-stream-fullscreen] .lq-banner.upcoming .ticon{background:linear-gradient(135deg,var(--warn),var(--a3))}.live-quiz-theme .lq-banner .ticon svg,.stream-section[data-stream-fullscreen] .lq-banner .ticon svg{width:15px;height:15px}.live-quiz-theme .lq-banner .ttext,.stream-section[data-stream-fullscreen] .lq-banner .ttext{flex:1;min-width:0;display:flex;flex-direction:column}.live-quiz-theme .lq-banner .ttitle,.stream-section[data-stream-fullscreen] .lq-banner .ttitle{font-size:12.5px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-quiz-theme .lq-banner .tsub,.stream-section[data-stream-fullscreen] .lq-banner .tsub{font-size:11px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-quiz-theme .lq-banner-close,.stream-section[data-stream-fullscreen] .lq-banner-close{flex:none;padding:6px;border-radius:8px;color:var(--text-faint);cursor:pointer}.live-quiz-theme .lq-banner-close:hover,.stream-section[data-stream-fullscreen] .lq-banner-close:hover{color:#fff;background:rgba(255,255,255,.08)}.live-quiz-theme .stream-section.no-stream .lq-banner{position:relative;inset:auto;max-width:none;margin:0;transform:none}.live-quiz-theme .lq-ring{position:relative;flex:none;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center}.live-quiz-theme .lq-ring.small{width:22px;height:22px}.live-quiz-theme .lq-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.live-quiz-theme .lq-ring circle{fill:none;stroke-width:3.5}.live-quiz-theme .lq-ring .track{stroke:rgba(255,255,255,.14)}.live-quiz-theme .lq-ring .fill{stroke:var(--live);stroke-linecap:round;transition:stroke-dashoffset 1s linear}.live-quiz-theme .lq-ring-label{font-size:9.5px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.live-quiz-theme .lq-dock{order:3;flex:1 1 100%;display:flex;flex-wrap:wrap;gap:8px;padding:8px 10px;border-top:1px solid var(--border);background:var(--panel)}.live-quiz-theme .lq-pill{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:4px 12px 4px 5px;border-radius:999px;border:1px solid;font-size:12px;font-weight:700;color:#fff;cursor:pointer;transition:background .2s}.live-quiz-theme .lq-pill-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.live-quiz-theme .lq-pill.live{background:rgba(18,217,153,.12);border-color:rgba(18,217,153,.4)}.live-quiz-theme .lq-pill.live:hover{background:rgba(18,217,153,.2)}.live-quiz-theme .lq-pill.upcoming{background:rgba(245,166,35,.12);border-color:rgba(245,166,35,.4);color:#fcd38d;padding-left:10px}.live-quiz-theme .lq-pill.upcoming:hover{background:rgba(245,166,35,.2)}.live-quiz-theme .stream-section.no-stream .lq-dock{border:1px solid var(--border);border-radius:12px}.live-quiz-theme .quiz-pop,.stream-section[data-stream-fullscreen] .quiz-pop{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:rgba(2,4,10,0);pointer-events:none;transition:background .3s;padding:16px}.live-quiz-theme .quiz-pop.open,.stream-section[data-stream-fullscreen] .quiz-pop.open{background:rgba(2,4,10,.6);pointer-events:auto}.live-quiz-theme .stream-section.no-stream .quiz-pop{position:fixed;z-index:70}.live-quiz-theme .quiz-panel,.stream-section[data-stream-fullscreen] .quiz-panel{background:var(--panel);border:1px solid var(--border-strong);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;border-radius:14px;width:340px;max-width:100%;height:100%;max-height:100%;transform:scale(.92);opacity:0;transition:transform .3s cubic-bezier(.2,.9,.3,1.2),opacity .25s;pointer-events:none}.live-quiz-theme .quiz-pop.open .quiz-panel,.stream-section[data-stream-fullscreen] .quiz-pop.open .quiz-panel{transform:scale(1);opacity:1;pointer-events:auto}.live-quiz-theme .stream-section.no-stream .quiz-pop .quiz-panel{height:auto;max-height:85vh}.live-quiz-theme .split-slot .quiz-panel,.stream-section[data-stream-fullscreen] .split-slot .quiz-panel{width:auto;flex:1 1 40%;min-width:0;border-radius:0;border-top:none;border-right:none;border-bottom:none;transform:none;opacity:1;pointer-events:auto;height:auto;max-height:none;align-self:stretch}@media (max-width:768px){.live-quiz-theme .split-slot .quiz-panel,.stream-section[data-stream-fullscreen] .split-slot .quiz-panel{border-left:none;border-top:1px solid var(--border-strong);flex:1 1 auto}}.live-quiz-theme .split-slot,.stream-section[data-stream-fullscreen] .split-slot{display:contents}.live-quiz-theme .stream-section.no-stream .split-slot .quiz-panel{border:1px solid var(--border-strong);border-radius:14px}.live-quiz-theme .qp-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 13px;border-bottom:1px solid var(--border);flex:none}.live-quiz-theme .qp-head .qp-title{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;min-width:0;color:#fff}.live-quiz-theme .qp-head .qp-title span.tt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-quiz-theme .qp-head .qp-title .livedot{width:7px;height:7px;border-radius:50%;background:var(--live);flex:none;animation:pulse 1.6s infinite}.live-quiz-theme .qp-actions{display:flex;align-items:center;gap:6px;flex:none}.live-quiz-theme .qp-timer{font-size:11px;font-weight:700;color:var(--live);font-variant-numeric:tabular-nums;margin-right:2px}.live-quiz-theme .qp-timer.over{color:var(--danger)}.live-quiz-theme .qp-progress{height:3px;background:var(--border);flex:none}.live-quiz-theme .qp-progress span{display:block;height:100%;background:var(--live);transition:width 1s linear}.live-quiz-theme .qp-next{display:flex;align-items:center;gap:8px;padding:8px 13px;flex:none;font-size:11.5px;color:#fcd38d;background:rgba(245,166,35,.1);border-bottom:1px solid var(--border)}.live-quiz-theme .qp-next-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-quiz-theme .qp-next button{flex:none;font-weight:700;color:#fff;padding:4px 10px;border-radius:8px;background:linear-gradient(135deg,var(--a1),var(--a2));cursor:pointer}.live-quiz-theme .icon-btn{width:27px;height:27px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer}.live-quiz-theme .icon-btn:hover{color:var(--text);background:var(--surface-2)}.live-quiz-theme .icon-btn.active{color:var(--a1);border-color:var(--a1)}.live-quiz-theme .icon-btn svg{width:13px;height:13px}.live-quiz-theme .qp-body{flex:1;overflow:auto;padding:14px 13px}.live-quiz-theme .qp-status{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;margin-bottom:11px;color:var(--warn)}.live-quiz-theme .qp-status.locked{color:var(--good)}.live-quiz-theme .qp-q{font-size:13.5px;font-weight:600;line-height:1.5;margin-bottom:12px;color:#fff}.live-quiz-theme .qp-q .qp-q-en{display:block;margin-top:2px;font-size:12px;font-weight:500;color:var(--text-dim)}.live-quiz-theme .qp-score{padding:0 14px 8px;font-size:12px;font-weight:600;color:var(--text-dim)}.live-quiz-theme .qp-opt{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid var(--border);border-radius:10px;margin-bottom:7px;font-size:12.5px;cursor:pointer;color:#fff;background:var(--surface);transition:background .2s,border-color .2s;text-align:left;width:100%}.live-quiz-theme .qp-opt:hover{border-color:var(--border-strong);background:var(--surface-2)}.live-quiz-theme .qp-opt .radio{-webkit-appearance:none;appearance:none;margin:0;cursor:inherit;background:transparent;width:14px;height:14px;border-radius:50%;border:2px solid var(--text-faint);flex:none}.live-quiz-theme .qp-opt .radio:focus-visible{outline:none}.live-quiz-theme .qp-opt:has(.radio:focus-visible){outline:2px solid var(--a1);outline-offset:1px}.live-quiz-theme .qp-opt:has(.radio:disabled){cursor:default}.live-quiz-theme .qp-opt.picked .radio{border-color:var(--a1);background:radial-gradient(circle,var(--a1) 40%,transparent 44%)}.live-quiz-theme .qp-opt.locked{cursor:default}.live-quiz-theme .qp-opt.locked.picked{border-color:var(--good);background:rgba(18,217,153,.08)}.live-quiz-theme .qp-opt.locked.picked .radio{border-color:var(--good);background:radial-gradient(circle,var(--good) 40%,transparent 44%)}.live-quiz-theme .qp-submit{margin-top:4px;width:100%;border:none;padding:10px;border-radius:10px;font:inherit;font-weight:700;font-size:12.5px;color:#fff;background:linear-gradient(135deg,var(--a1),var(--a2));cursor:pointer}.live-quiz-theme .qp-submit:disabled{background:var(--surface-2);color:var(--text-faint);cursor:default}.live-quiz-theme .dockhint{font-size:10.5px;color:var(--text-faint);padding:8px 13px;border-top:1px solid var(--border);flex:none}.stream-section:fullscreen,.stream-section[data-stream-fullscreen]{border:none;border-radius:0;display:flex;flex-direction:column;position:relative;overflow:hidden}.stream-section:fullscreen .stream-row,.stream-section[data-stream-fullscreen] .stream-row{position:relative;flex:1 1 auto;min-height:0;height:100%;flex-direction:row;flex-wrap:nowrap}.stream-section:fullscreen .player,.stream-section[data-stream-fullscreen] .player{flex:1 1 auto;height:100%}.stream-section:fullscreen .player>div,.stream-section[data-stream-fullscreen] .player>div{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.stream-section:fullscreen .split-slot .quiz-panel,.stream-section[data-stream-fullscreen] .split-slot .quiz-panel{flex:0 0 min(380px,42%);height:100%;max-height:none;z-index:40}.stream-section:fullscreen .lq-dock,.stream-section[data-stream-fullscreen] .lq-dock{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:64px;z-index:90;padding:0;border:none;background:none;pointer-events:none}.stream-section:fullscreen .lq-pill,.stream-section[data-stream-fullscreen] .lq-pill{pointer-events:auto;background-color:rgba(3,7,17,.85);backdrop-filter:blur(4px);box-shadow:0 4px 12px rgba(0,0,0,.4)}.stream-section:fullscreen .lq-banner,.stream-section[data-stream-fullscreen] .lq-banner{top:calc(max(12px, env(safe-area-inset-top)) + 44px);z-index:100}.stream-section:fullscreen .lq-banner.show,.stream-section[data-stream-fullscreen] .lq-banner.show{pointer-events:auto}.stream-section:fullscreen .quiz-pop,.stream-section[data-stream-fullscreen] .quiz-pop{position:absolute;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:rgba(2,4,10,0);pointer-events:none;transition:background .3s;padding:16px}.stream-section:fullscreen .quiz-pop.open,.stream-section[data-stream-fullscreen] .quiz-pop.open{background:rgba(2,4,10,.7);backdrop-filter:blur(4px);pointer-events:auto}.stream-section:fullscreen .quiz-pop .quiz-panel,.stream-section[data-stream-fullscreen] .quiz-pop .quiz-panel{width:380px;max-width:calc(100vw - 32px);height:auto;max-height:calc(100vh - 32px);border-radius:14px;box-shadow:0 25px 50px -12px rgba(0,0,0,.75)}@media (orientation:portrait){.stream-section:fullscreen .stream-row,.stream-section[data-stream-fullscreen] .stream-row{flex-direction:column}.stream-section:fullscreen .stream-row:has(>.split-slot)>.player,.stream-section[data-stream-fullscreen] .stream-row:has(>.split-slot)>.player{flex:0 0 auto;height:auto}.stream-section:fullscreen .stream-row:has(>.split-slot) .stream-video,.stream-section[data-stream-fullscreen] .stream-row:has(>.split-slot) .stream-video{height:auto;aspect-ratio:16/9}.stream-section:fullscreen .split-slot .quiz-panel,.stream-section[data-stream-fullscreen] .split-slot .quiz-panel{flex:1 1 auto;min-height:0;height:auto;border-left:none;border-top:1px solid var(--border-strong)}}