.pcx{--bg:#0a0a0f;--ink:#f2f5fa;--mute:#b9c6d8;--cyan:#5eb4e6;--lav:#aa8ce6;--vv:#ff9a1f;--dm:#8b7cf6;--sb:#5eb4e6}.pcx,.pcx *{box-sizing:border-box;margin:0;padding:0}html:has(.pcx),html:has(.pcx) body{height:100%;overflow:hidden}.pcx{line-height:normal;background:var(--bg);color:var(--ink);font-family:-apple-system,SF Pro Display,Helvetica Neue,Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}.pcx.pointer-fine,.pcx.pointer-fine a,.pcx.pointer-fine button{cursor:none}.pcx p,.pcx li{font-size:inherit;line-height:inherit}.pcx code{background:none;border:0;border-radius:0;padding:0;color:inherit;font:inherit}.pcx img,.pcx video{max-width:none}.pcx a:hover{color:inherit}.pcx.over-chrome .cursor,.pcx.over-chrome .dot{opacity:0}.pcx .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.pcx .sky{position:fixed;inset:0;background:radial-gradient(60% 45% at 20% 18%,rgba(94,180,230,.16),transparent 70%),radial-gradient(50% 40% at 85% 12%,rgba(170,140,230,.16),transparent 70%),radial-gradient(80% 50% at 50% 100%,rgba(94,180,230,.07),transparent 70%),var(--bg)}.pcx .spot{position:fixed;left:0;top:0;width:900px;height:900px;margin:-450px 0 0 -450px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(94,180,230,.16),rgba(170,140,230,.08) 35%,transparent 65%);mix-blend-mode:screen;will-change:transform}.pcx .stage{position:fixed;inset:0;perspective:1200px;perspective-origin:50% 44%;overflow:hidden;touch-action:pan-y;transition:opacity .6s ease,filter .6s ease}.pcx .stage.dragging{cursor:grabbing}.pcx .world{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;will-change:transform}.pcx .floor{position:absolute;left:-1800px;top:0;width:3600px;height:4600px;transform-origin:50% 0;background-image:linear-gradient(rgba(185,198,216,.2) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(185,198,216,.2) 1.5px,transparent 1.5px);background-size:150px 150px;-webkit-mask-image:radial-gradient(60% 75% at 50% 0%,#000 35%,transparent 85%);mask-image:radial-gradient(60% 75% at 50% 0%,#000 35%,transparent 85%)}.pcx .floor:after{content:"";position:absolute;inset:0;background:radial-gradient(40% 30% at 50% 6%,rgba(94,180,230,.1),transparent 70%)}.pcx .card{position:absolute;left:0;top:0;display:block;border-radius:20px;overflow:hidden;color:var(--ink);text-decoration:none;background:#11131b;box-shadow:0 0 0 1px #ffffff12,0 30px 60px -20px #000c;backface-visibility:hidden;will-change:transform,opacity;transition:box-shadow .4s ease}.pcx .card:hover,.pcx .card:focus-visible{box-shadow:0 0 0 1px #ffffff2e,0 0 60px -10px var(--glow,rgba(94,180,230,.6)),0 30px 60px -20px #000c;outline:none}.pcx .card[data-p=vv]{--glow:rgba(255,154,31,.55)}.pcx .card[data-p=dm]{--glow:rgba(139,124,246,.6)}.pcx .card[data-p=sb]{--glow:rgba(94,180,230,.6)}.pcx .media{position:absolute;inset:0;overflow:hidden}.pcx .media>img,.pcx .media>video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;display:block}.pcx .card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,15,.25),transparent 22%,transparent 55%,rgba(10,10,15,.88));pointer-events:none}.pcx .tag{position:absolute;z-index:2;top:14px;left:16px;display:inline-flex;align-items:center;gap:7px;padding:5px 10px 5px 8px;border-radius:99px;background:#0a0a0f8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.pcx .tag i{width:7px;height:7px;border-radius:50%;background:var(--sb)}.pcx .card[data-p=vv] .tag i{background:var(--vv)}.pcx .card[data-p=dm] .tag i{background:var(--dm)}.pcx .foot{position:absolute;z-index:2;left:20px;right:16px;bottom:30px;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.pcx .foot .t{font-size:18px;font-weight:500;letter-spacing:-.04em;white-space:nowrap;text-shadow:0 1px 12px rgba(0,0,0,.5)}.pcx .go{display:inline-flex;width:25px;height:25px;border-radius:50%;align-items:center;justify-content:center;background:#000;color:#fff;transition:transform .35s ease,background .35s ease}.pcx .card:hover .go{transform:scale(1.25);background:var(--sb)}.pcx .card[data-p=vv]:hover .go{background:var(--vv)}.pcx .card[data-p=dm]:hover .go{background:var(--dm)}.pcx .styles{display:flex;gap:6px;padding:0 6px;background:#0b0b14}.pcx .styles .col{flex:1;display:flex;flex-direction:column;gap:6px;animation:pcx-up linear infinite}.pcx .styles .col.rev{animation-name:pcx-down}.pcx .styles .col img{width:100%;aspect-ratio:9/16;-o-object-fit:cover;object-fit:cover;border-radius:6px;display:block}@keyframes pcx-up{0%{transform:translateY(0)}to{transform:translateY(calc(-50% - 3px))}}@keyframes pcx-down{0%{transform:translateY(calc(-50% - 3px))}to{transform:translateY(0)}}.pcx .styles.right{padding:0 6px 0 46%}.pcx .styles.right .col img{aspect-ratio:9/16;border-radius:8px}.pcx .rows{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:6px 0;background:#0b0b14}.pcx .rows .row2{flex:1;display:flex;gap:6px;width:-moz-max-content;width:max-content;animation:pcx-right 46s linear infinite}.pcx .rows .row2.rev{animation-name:pcx-left;animation-duration:54s}.pcx .rows .row2 img{height:100%;width:auto;border-radius:6px;display:block}@keyframes pcx-right{0%{transform:translate(calc(-50% - 3px))}to{transform:translate(0)}}@keyframes pcx-left{0%{transform:translate(0)}to{transform:translate(calc(-50% - 3px))}}.pcx .movies{background:#0b0b14}.pcx .movies .m{position:absolute;top:9%;left:0;height:82%;aspect-ratio:216/376;border-radius:8px;overflow:hidden;will-change:transform}.pcx .movies .m video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.pcx .ba .layer{position:absolute;inset:0;clip-path:inset(0 0 0 0)}.pcx .ba .layer img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.pcx .ba .layer.wipe{transition:clip-path 1.3s cubic-bezier(.7,0,.2,1)}.pcx .ba .edge{position:absolute;top:0;bottom:0;left:0;width:2px;background:#fff;box-shadow:0 0 18px 4px #8b7cf6e6;opacity:0;z-index:5}.pcx .ba .chip{position:absolute;z-index:6;top:14px;right:16px;padding:5px 10px;border-radius:99px;background:#0a0a0f8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:opacity .3s}.pcx .marq .ad{position:absolute;inset:0;padding:0 7%;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#0b0b14f0,#0b0b14d1 40%,#0b0b141a 75%)}.pcx .rows .ad{background:linear-gradient(90deg,#0b0b14eb,#0b0b14b3 32%,#0b0b1400 58%)}.pcx .ad .kick{font-size:9px;font-weight:700;letter-spacing:.3em;text-transform:uppercase}.pcx .ad .head{margin-top:8px;font-size:clamp(20px,2.6vh,30px);line-height:1.05;font-weight:700;letter-spacing:-.03em}.pcx .ad .head em{font-style:normal}.pcx .ad .sub{margin-top:10px;font-size:11px;color:var(--mute);max-width:15em}.pcx .ui{position:fixed;inset:0;z-index:40;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:100px 77px 40px}.pcx .label{font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--ink);background:none;border:0;text-decoration:none;pointer-events:auto;line-height:1;font-family:inherit}.pcx .row{display:flex;justify-content:space-between;align-items:flex-start}.pcx .row.bottom{align-items:flex-end}.pcx .brand{display:inline-flex;align-items:center;gap:10px}.pcx .brand img{width:26px;height:26px;border-radius:7px;margin:-8px 0}.pcx .nav{display:flex;gap:6px}.pcx .nav button{opacity:.45;transition:opacity .4s ease}.pcx .nav button.on,.pcx .nav button:hover{opacity:1}.pcx .nav>span{opacity:.45}.pcx .btn{transition:opacity .3s ease}.pcx .btn:hover{opacity:.6}.pcx .panel{position:fixed;left:50%;top:50%;z-index:45;width:min(560px,86vw);transform:translate(-50%,-50%);text-align:center;opacity:0;pointer-events:none;transition:opacity .5s ease}.pcx .panel.open{opacity:1;pointer-events:auto}.pcx.panel-open .stage{opacity:.12;filter:blur(6px)}.pcx .panel img{width:56px;height:56px;border-radius:14px}.pcx .panel p{margin-top:22px;font-size:15px;line-height:1.45;letter-spacing:-.02em}.pcx .panel .grad{background:linear-gradient(90deg,var(--cyan),var(--lav));-webkit-background-clip:text;background-clip:text;color:transparent}.pcx .panel .meta{color:var(--mute);opacity:.8;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.8}.pcx .panel ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-top:26px}.pcx .panel a{color:var(--ink)}.pcx .cmd{display:inline-flex;align-items:center;gap:14px;margin-top:22px;padding:12px 14px 12px 20px;border-radius:99px;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff1a;font:13px ui-monospace,SFMono-Regular,Menlo,monospace}.pcx .cmd button{font:inherit;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:7px 12px;border-radius:99px;border:0;background:linear-gradient(90deg,var(--cyan),var(--lav));color:#0a0a0f}.pcx .cursor{position:fixed;left:0;top:0;z-index:60;pointer-events:none;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;border:1px solid rgba(242,245,250,.55);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0a0a0f;transition:width .35s ease,height .35s ease,margin .35s ease,background .35s ease,border-color .35s ease,opacity .3s;will-change:transform}.pcx .cursor span{opacity:0;transition:opacity .25s}.pcx .cursor.big{width:76px;height:76px;margin:-38px 0 0 -38px;background:var(--ink);border-color:transparent}.pcx .cursor.big span{opacity:1}.pcx .dot{position:fixed;left:0;top:0;z-index:61;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:var(--ink);pointer-events:none;will-change:transform}.pcx:not(.pointer-fine) .cursor,.pcx:not(.pointer-fine) .dot{display:none}.pcx .hint{position:fixed;left:50%;bottom:40px;z-index:41;transform:translate(-50%);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);opacity:.5;pointer-events:none;transition:opacity 1s}.pcx .player{position:fixed;inset:0;z-index:55;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#0a0a0fd6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .4s ease}.pcx .player.open{opacity:1;pointer-events:auto}.pcx .player .frame{width:min(1100px,88vw,calc((100vh - 160px) * 16 / 9));aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 0 0 1px #ffffff1a,0 0 90px -20px #5eb4e68c}.pcx .player iframe{width:100%;height:100%;display:block;border:0;background:#000}.pcx .player .pbar{width:min(1100px,88vw,calc((100vh - 160px) * 16 / 9));display:flex;justify-content:space-between;align-items:center}.pcx .player .ptitle{display:inline-flex;align-items:center;gap:8px}.pcx .player .ptitle i{width:7px;height:7px;border-radius:50%;background:var(--pc,var(--sb))}.pcx.player-open,.pcx.player-open *{cursor:auto!important}.pcx.player-open .cursor,.pcx.player-open .dot{display:none}@media(max-width:700px){.pcx .ui{padding:84px 22px 25px}.pcx .foot .t{font-size:15px}.pcx .hint,.pcx .nav .long{display:none}}