@layer base{:root{--live-color: var(--live, #d42f25);--live-ink: var(--live-on, #fff);--live-radius: var(--r, 16px);--live-tag-radius: 5px;--live-poster-ratio: 16 / 9;--live-pulse: 1.6s}@keyframes pc-live-pulse{50%{opacity:.35}}.pc-live{margin:28px 0;color:var(--ink);container-type:inline-size;text-align:left}.pc-live[hidden],.pc-live [hidden],.pc-live-dock[hidden],.pc-live-bar[hidden],.site-live[hidden]{display:none!important}.pc-live :focus-visible,.pc-live-dock :focus-visible,.pc-live-bar :focus-visible,.site-live:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.pc-live-off{display:none;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--live-radius);background:var(--panel);font-size:.92em}.pc-live[data-status=offline] .pc-live-off{display:flex}.pc-live[data-status=offline] .pc-live-body{display:none}.pc-live-off-dot{width:7px;height:7px;border-radius:2px;background:var(--muted);opacity:.6;flex:none}.pc-live-off span{flex:1;color:var(--muted)}.pc-live-off a{font-weight:600;color:var(--ink);text-decoration:none;white-space:nowrap}.pc-live-off a:hover{text-decoration:underline;text-underline-offset:3px}.pc-live-body{background:var(--panel);border:1px solid var(--line);border-radius:calc(var(--live-radius) + 4px);padding:10px;box-shadow:var(--sh-1)}.pc-live-media{position:relative;min-width:0}.pc-live-poster{position:relative;display:block;aspect-ratio:var(--live-poster-ratio);overflow:hidden;border-radius:var(--live-radius);color:var(--muted);background:color-mix(in srgb,var(--live-color) 7%,var(--soft))}.pc-live[data-status=upcoming] .pc-live-poster{background:color-mix(in srgb,var(--accent) 8%,var(--soft))}.pc-live-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pc-live-ph{position:absolute;inset:0;display:grid;place-items:center}.pc-live-ph svg{width:22%;max-width:64px;opacity:.5}.pc-live-tag{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:var(--live-tag-radius);background:var(--live-color);color:var(--live-ink);font:700 11px/1 var(--font-body);letter-spacing:.08em}.pc-live-tag:before{content:"";width:6px;height:6px;border-radius:1.5px;background:currentColor;animation:pc-live-pulse var(--live-pulse) ease-in-out infinite}.pc-live[data-status=upcoming] .pc-live-tag{background:#0c0d10cc;color:#fff;letter-spacing:0;font-weight:600}.pc-live[data-status=upcoming] .pc-live-tag:before{display:none}.pc-live-viewers{position:absolute;left:10px;bottom:10px;padding:5px 7px;border-radius:var(--live-tag-radius);background:#0c0d10b8;color:#fff;font:500 11.5px/1 var(--font-body)}.pc-live-play{position:absolute;inset:0}.pc-live-play:before{content:"";position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:16px;background:#ffffffeb;box-shadow:0 10px 28px -10px #0000008c;transition:transform .15s ease}.pc-live-play:after{content:"";position:absolute;left:50%;top:50%;margin:-10px 0 0 -5px;border-left:16px solid #17181c;border-top:10px solid transparent;border-bottom:10px solid transparent}.pc-live-poster:hover .pc-live-play:before{transform:scale(1.06)}.pc-live-player iframe{display:block;width:100%;aspect-ratio:16 / 9;border:0;border-radius:var(--live-radius);background:#000}.pc-live-info{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 6px 6px;min-width:0}.pc-live-kicker,.pc-live-mark{display:inline-flex;align-items:center;gap:7px;font:700 11px/1.2 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--live-color)}.pc-live-kicker:before,.pc-live-mark:before{content:"";width:7px;height:7px;border-radius:2px;background:currentColor;animation:pc-live-pulse var(--live-pulse) ease-in-out infinite;flex:none}.pc-live[data-status=upcoming] .pc-live-kicker{color:var(--accent-text, var(--accent))}.pc-live[data-status=upcoming] .pc-live-kicker:before{animation:none}.pc-live-kicker{display:none}.pc-live-title-text{display:block;font:600 1.08rem/1.3 var(--font-heading);letter-spacing:-.01em;overflow-wrap:anywhere}.pc-live-meta{margin:0;color:var(--muted);font-size:.86em}.pc-live-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.pc-live-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;cursor:pointer;border:1px solid transparent;border-radius:var(--r-sm, 10px);background:var(--btn, var(--ink));color:var(--btn-ink, var(--bg));font:600 .88em/1.2 var(--font-body);text-decoration:none;white-space:nowrap}.pc-live-btn:hover{filter:brightness(1.08)}.pc-live[data-playable=true] a.pc-live-btn{background:transparent;color:var(--ink);border-color:var(--line)}.pc-live-privacy{color:var(--muted);font-size:.78em;margin-top:6px}.pc-live[data-layout=split] .pc-live-body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;align-items:center;padding:12px;border-radius:calc(var(--live-radius) + 6px)}.pc-live[data-layout=split] .pc-live-info{padding:4px 8px 4px 0}.pc-live[data-layout=split] .pc-live-kicker{display:inline-flex}.pc-live[data-layout=split] .pc-live-title-text{margin:8px 0 4px}.pc-live[data-layout=split] .pc-live-title-text{font-size:clamp(1.3rem,3.4cqi,1.9rem);line-height:1.12;font-weight:var(--display-weight, 650);letter-spacing:var(--display-tracking, -.03em)}@container (max-width: 700px){.pc-live[data-layout=split] .pc-live-body{grid-template-columns:1fr;gap:4px;padding:10px}.pc-live[data-layout=split] .pc-live-info{padding:10px 6px 6px}}.pc-live[data-layout=row] .pc-live-body{display:grid;grid-template-columns:168px minmax(0,1fr);gap:16px;align-items:center;padding:8px}.pc-live[data-layout=row] .pc-live-poster{border-radius:calc(var(--live-radius) * .7)}.pc-live[data-layout=row] .pc-live-tag{top:6px;left:6px;padding:4px 6px;font-size:10px}.pc-live[data-layout=row] .pc-live-viewers,.pc-live[data-layout=row] .pc-live-ph svg{display:none}.pc-live[data-layout=row] .pc-live-info{padding:2px 8px 2px 0}.pc-live[data-layout=row] .pc-live-actions{margin-top:6px}@container (max-width: 420px){.pc-live[data-layout=row] .pc-live-body{grid-template-columns:112px minmax(0,1fr);gap:12px}.pc-live[data-layout=row] .pc-live-tag{font-size:0;gap:0;padding:5px}}.pc-live[data-layout=links]{margin:12px 0}.pc-live[data-layout=links] .pc-live-body{padding:8px}.pc-live[data-layout=links] .pc-live-info{flex-direction:row;align-items:center;gap:12px;padding:10px 4px 2px}.pc-live[data-layout=links] .pc-live-title{flex:1}.pc-live[data-layout=links] .pc-live-title-text{font-size:.95rem}.pc-live[data-layout=links] .pc-live-meta{display:none}.pc-live[data-layout=links] .pc-live-actions{margin:0}.pc-live[data-layout=links] .pc-live-btn{padding:7px 11px;font-size:.82em}html[data-live=live] .links-avatar{box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--live-color)}.pc-live-bar{display:flex;align-items:center;justify-content:center;gap:12px;position:relative;padding:9px 44px;background:var(--ink);color:var(--bg);font-size:14px}.pc-live-bar .pc-live-mark{color:color-mix(in srgb,var(--live-color) 70%,var(--bg))}.pc-live-bar-title{opacity:.82;min-width:0;max-width:46ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-live-bar a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.pc-live-x{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:0;color:inherit;opacity:.7;cursor:pointer;font-size:12px;padding:6px;border-radius:6px}.pc-live-x:hover{opacity:1;background:color-mix(in srgb,currentColor 12%,transparent)}html[data-live-bar] .announcement-bar{display:none}@media(max-width:560px){.pc-live-bar-title{display:none}}.site-live{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;white-space:nowrap;border:1px solid var(--line);border-radius:var(--r-sm, 10px);color:var(--ink);font:600 13px/1 var(--font-body);text-decoration:none}.site-live:before{content:"";width:7px;height:7px;border-radius:2px;background:var(--live-color);animation:pc-live-pulse var(--live-pulse) ease-in-out infinite}.site-live:hover{background:var(--soft)}.pc-live-dock{position:fixed;right:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:60;width:min(300px,calc(100vw - 32px));padding:8px 30px 8px 8px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:var(--r, 14px);box-shadow:var(--sh-3);animation:pc-live-in .25s ease-out}.pc-live-dock>a{display:grid;grid-template-columns:104px minmax(0,1fr);gap:10px;align-items:center;color:inherit;text-decoration:none}.pc-live-dock-thumb{position:relative;aspect-ratio:16 / 9;border-radius:calc(var(--live-radius) * .6);overflow:hidden;background:color-mix(in srgb,var(--live-color) 10%,var(--soft))}.pc-live-dock-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pc-live-dock b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;font-size:13px;line-height:1.3;font-weight:600}.pc-live-dock .pc-live-x{top:6px;right:4px;transform:none;color:var(--muted)}@keyframes pc-live-in{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.pc-live-tag:before,.pc-live-kicker:before,.pc-live-mark:before,.site-live:before{animation:none}.pc-live-dock{animation:none}}}.pc-live h2.pc-live-title{margin:0;padding:0;border:0;font-size:1rem;line-height:1}