@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Instrument+Sans:wght@400;500;600;700&display=swap";
.px{--bg:#0a0b10;--bg-2:#10121a;--card:#14161f;--line:#ffffff14;--line-2:#ffffff24;--ink:#f3f4f7;--muted:#9296a4;--faint:#62667a;--accent:#6a8cff;--accent-soft:#6a8cff29;--serif:"Instrument Serif", Georgia, serif;--sans:"Instrument Sans", -apple-system, BlinkMacSystemFont, sans-serif;background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--sans);isolation:isolate;position:relative;overflow-x:hidden}.px-bgglow{z-index:-1;pointer-events:none;background:radial-gradient(120% 60% at 50% -8%, #6a8cff2e, transparent 60%), radial-gradient(80% 50% at 85% 15%, #785aff14, transparent 55%), var(--bg);position:fixed;inset:0}.px-top{align-items:center;gap:28px;max-width:1180px;margin:0 auto;padding:clamp(18px,2.4vw,30px) clamp(20px,4vw,48px);display:flex}.px-brand{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);font-size:clamp(26px,2.6vw,34px);line-height:1;text-decoration:none}.px-brand span{color:var(--accent)}.px-nav{gap:22px;margin-left:8px;display:flex}.px-nav a{color:var(--muted);padding:6px 0;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .15s;position:relative}.px-nav a:hover,.px-nav a.is-active{color:var(--ink)}.px-nav a.is-active:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:-2px;left:0;right:0}.px-status{letter-spacing:.02em;align-items:center;gap:9px;margin-left:auto;font-size:.82rem;font-weight:600;display:flex}.px-livedot{background:#ff4d5e;border-radius:50%;width:8px;height:8px;animation:1.9s ease-out infinite px-pulse;box-shadow:0 0 #ff4d5e99}.px-status-label{color:var(--ink);text-transform:uppercase;letter-spacing:.14em;font-size:.7rem}.px-clock{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:4px}@keyframes px-pulse{0%{box-shadow:0 0 #ff4d5e80}70%{box-shadow:0 0 0 8px #ff4d5e00}to{box-shadow:0 0 #ff4d5e00}}.px-main{max-width:1180px;margin:0 auto;padding:clamp(8px,1.5vw,20px) clamp(20px,4vw,48px) 80px}.px-stage{animation:.7s cubic-bezier(.2,.7,.2,1) both px-rise;position:relative}.px-player{aspect-ratio:16/9;border:1px solid var(--line);background:#000;border-radius:18px;width:min(100%,1000px);margin:12px auto 0;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0006,0 40px 90px -40px #6a8cff73,0 30px 60px -30px #000c}.px-player>div:not(.hero-ctrls):not(.hero-player-bar),.px-player iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.px-guard{z-index:2;position:absolute;inset:0}.px-onair,.px-backlive{z-index:4;border:1px solid var(--line-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);background:#0a0b10a8;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:.68rem;font-weight:700;display:inline-flex;position:absolute;top:14px;left:14px}.px-backlive{cursor:pointer;letter-spacing:.04em;text-transform:none;font-weight:600}.px-backlive:hover{border-color:var(--accent);color:var(--accent)}.px-onair-dot{background:#ff4d5e;border-radius:50%;width:7px;height:7px;animation:1.9s ease-out infinite px-pulse}.px .hero-ctrls{z-index:5;flex-direction:column;gap:9px;display:flex;position:absolute;top:14px;right:14px}.px .hero-ctrls button{aspect-ratio:1;cursor:pointer;background:0 0;border:0;width:clamp(38px,3.4vw,46px);padding:0}.px .hero-ctrls .ctrl-play,.px .hero-ctrls .ctrl-fs,.px .hero-ctrls .ctrl-sound{border:1px solid var(--line-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);background:#0a0b1099;border-radius:50%;place-items:center;transition:background .15s,border-color .15s,color .15s;display:grid}.px .hero-ctrls button:hover{background:var(--accent);border-color:var(--accent);color:#0a0b10}.px .hero-ctrls .ctrl-sound.is-muted{border-color:var(--accent);background:var(--accent-soft)}.px .hero-ctrls svg{fill:currentColor;width:46%;height:46%}.px .hero-player-bar{z-index:5;color:#fff;font-family:var(--sans);position:absolute;bottom:0;left:0;right:0}.px .hero-player-bar--collapsed{background:linear-gradient(#0000 0%,#06070b99 100%);padding:0 12px 10px}.px .hero-player-bar--expanded{background:linear-gradient(#0000 0%,#06070bd1 40%,#06070bf2 100%);padding:12px 16px}.px .hero-player-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.px .hero-player-toggle{border:1px solid var(--line-2);color:#fff;letter-spacing:.02em;cursor:pointer;text-align:left;background:#0a0b108c;border-radius:9px;flex:auto;align-items:center;gap:8px;min-width:0;padding:.45rem .7rem;font-size:.8rem;font-weight:600;display:flex}.px .hero-player-toggle:hover{border-color:var(--accent);background:var(--accent-soft)}.px .hero-player-toggle-meta{opacity:.9;white-space:nowrap;margin-left:auto;font-weight:600}.px .hero-player-toggle-chevron{font-size:.85rem;line-height:1}.px .hero-player-toggle-text--mobile{display:none}.px .hero-player-pick-video{background:var(--accent);color:#0a0b10;letter-spacing:.02em;cursor:pointer;white-space:nowrap;border:0;border-radius:9px;flex:none;padding:.45rem .75rem;font-size:.78rem;font-weight:700}.px .hero-player-pick-video:hover{filter:brightness(1.1)}.px .hero-player-panel{margin-top:10px}.px .hero-player-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.px .hero-player-row--transport{margin-bottom:10px}.px .hero-player-skip{border:1px solid var(--line-2);color:#fff;cursor:pointer;background:#ffffff0f;border-radius:9px;padding:.4rem .6rem;font-size:.8rem;font-weight:600}.px .hero-player-skip:hover{background:var(--accent-soft);border-color:var(--accent)}.px .hero-player-scrub-wrap{flex:180px;min-width:0}.px .hero-player-scrub{width:100%;accent-color:var(--accent);cursor:pointer}.px .hero-player-times{opacity:.85;justify-content:space-between;margin-top:3px;font-size:.76rem;font-weight:600;display:flex}.px .hero-player-speed select{border:1px solid var(--line-2);color:#fff;cursor:pointer;background:#0a0b1099;border-radius:9px;padding:.4rem .5rem;font-size:.8rem;font-weight:600}.px .hero-player-row--volume{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}.px .hero-player-mute{border:1px solid var(--line-2);color:#fff;cursor:pointer;background:#ffffff0f;border-radius:9px;flex:none;place-items:center;width:2.25rem;height:2.25rem;display:grid}.px .hero-player-mute.is-muted{border-color:var(--accent);background:var(--accent-soft)}.px .hero-player-mute svg{width:1.15rem;height:1.15rem}.px .hero-player-volume{flex:140px;align-items:center;gap:10px;min-width:0;display:flex}.px .hero-player-volume-label{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;color:var(--muted);font-size:.72rem;font-weight:700}.px .hero-player-volume-slider{min-width:0;accent-color:var(--accent);cursor:pointer;flex:auto}.px .hero-player-volume-value{text-align:right;flex:none;min-width:2.2rem;font-size:.8rem;font-weight:600}.px .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.px-nowmeta{text-align:center;width:min(100%,760px);margin:clamp(22px,2.6vw,36px) auto 0;animation:.7s cubic-bezier(.2,.7,.2,1) 80ms both px-rise}.px-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0 0 10px;font-size:.76rem;font-weight:600}.px-kicker span{color:var(--faint)}.px-title{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);text-wrap:balance;margin:0;font-size:clamp(28px,4vw,52px);font-weight:400;line-height:1.06}.px-block{margin-top:clamp(48px,6vw,84px)}.px-head{border-bottom:1px solid var(--line);align-items:baseline;gap:14px;margin-bottom:22px;padding-bottom:14px;display:flex}.px-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-size:.68rem;font-weight:700}.px-head h2{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);margin:0;font-size:clamp(24px,2.6vw,34px);font-weight:400}.px-count{color:var(--faint);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.8rem}.px-rail{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;gap:16px;margin-top:-8px;padding-top:8px;padding-bottom:10px;display:flex;overflow-x:auto}.px-rail::-webkit-scrollbar{height:6px}.px-rail::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:3px}.px-card{scroll-snap-align:start;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:0 0 clamp(220px,22vw,268px);gap:12px;padding:0;display:flex}.px-card-thumb{aspect-ratio:16/9;background:var(--card);border:1px solid var(--line);border-radius:14px;transition:transform .2s,box-shadow .2s,border-color .2s;display:block;position:relative;overflow:hidden}.px-card-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.px-card-play{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line-2);opacity:0;background:#0a0b108c;border-radius:50%;place-items:center;width:46px;height:46px;margin:auto;transition:opacity .2s,transform .2s;display:grid;position:absolute;inset:0;transform:scale(.9)}.px-card-play svg{fill:#fff;width:20px;height:20px;margin-left:2px}.px-card:hover .px-card-thumb{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 24px 44px -26px #6a8cff99}.px-card:hover .px-card-play{opacity:1;transform:scale(1)}.px-card-meta{flex-direction:column;gap:5px;display:flex}.px-card-ch{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);font-size:.72rem;font-weight:600}.px-card-title{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.94rem;line-height:1.32;display:-webkit-box;overflow:hidden}.px-channel-grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:10px;display:grid}.pxc{border:1px solid var(--line);background:var(--card);cursor:pointer;text-align:left;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;transition:border-color .16s,background .16s,transform .16s;display:flex}.pxc:hover{border-color:var(--accent);background:var(--bg-2);transform:translateY(-2px)}.pxc.is-active{border-color:var(--accent);background:var(--accent-soft)}.px-channel-detail{flex-direction:column;gap:12px;margin-top:18px;display:flex}.px-channel-note{color:var(--muted);margin:0;font-size:.9rem}.pxc-avatar{-o-object-fit:cover;object-fit:cover;background:var(--bg-2);border:1px solid var(--line-2);border-radius:50%;flex:0 0 42px;width:42px;height:42px}.pxc-avatar--fallback{font-family:var(--serif);color:var(--accent);background:var(--accent-soft);place-items:center;font-size:1rem;display:grid}.pxc-name{color:var(--ink);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.86rem;font-weight:500;line-height:1.2;display:-webkit-box;overflow:hidden}.px-foot{border-top:1px solid var(--line);align-items:baseline;gap:16px;max-width:1180px;margin:0 auto;padding:40px clamp(20px,4vw,48px);display:flex}.px-foot-brand{font-family:var(--serif);color:var(--ink);font-size:1.4rem}.px-foot-brand span{color:var(--accent)}.px-foot-tag{color:var(--faint);letter-spacing:.04em;font-size:.8rem}@keyframes px-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.pxv-hero{padding:clamp(24px,4vw,48px) 0 clamp(24px,3vw,40px);animation:.6s cubic-bezier(.2,.7,.2,1) both px-rise}.pxv-h1{font-family:var(--serif);letter-spacing:-.015em;color:var(--ink);margin:10px 0 0;font-size:clamp(34px,5vw,60px);font-weight:400;line-height:1.02}.pxv-lede{color:var(--muted);max-width:46ch;margin:14px 0 0;font-size:1rem}.pxv-empty{color:var(--muted);padding:40px 0}.pxv-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:clamp(18px,2vw,28px);padding-bottom:20px;display:grid}.pxv-card{flex-direction:column;gap:13px;text-decoration:none;display:flex}.pxv-thumb{aspect-ratio:16/9;background:var(--card);border:1px solid var(--line);border-radius:16px;transition:transform .22s,box-shadow .22s,border-color .22s;display:block;position:relative;overflow:hidden}.pxv-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.pxv-fresh{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line-2);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:#0a0b10b8;border-radius:999px;padding:4px 10px;font-size:.62rem;font-weight:700;position:absolute;top:10px;left:10px}.pxv-dur{color:var(--ink);font-variant-numeric:tabular-nums;background:#0a0b10c7;border-radius:7px;padding:3px 8px;font-size:.7rem;font-weight:600;position:absolute;bottom:10px;right:10px}.pxv-play{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line-2);opacity:0;background:#0a0b108c;border-radius:50%;place-items:center;width:54px;height:54px;margin:auto;transition:opacity .2s,transform .2s;display:grid;position:absolute;inset:0;transform:scale(.9)}.pxv-play svg{fill:#fff;width:22px;height:22px;margin-left:2px}.pxv-card:hover .pxv-thumb{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 28px 50px -28px #6a8cff99}.pxv-card:hover .pxv-play{opacity:1;transform:scale(1)}.pxv-meta{flex-direction:column;gap:6px;display:flex}.pxv-ch{letter-spacing:.05em;text-transform:uppercase;color:var(--accent);font-size:.72rem;font-weight:700}.pxv-title{font-family:var(--serif);color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.15rem;line-height:1.25;display:-webkit-box;overflow:hidden}@media (max-width:640px){.px-nav{display:none}.px-title{font-size:clamp(24px,7vw,34px)}.px .hero-player-toggle-text--desktop{display:none}.px .hero-player-toggle-text--mobile{display:inline}.px .hero-player-pick-video{display:none}}