.pk-frame{background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line), 0 18px 40px -28px #0f172a73;border-radius:.9rem;margin:0;display:grid;overflow:hidden}html[data-theme=dark] .pk-frame{box-shadow:inset 0 0 0 1px var(--color-line), 0 18px 40px -28px #000000b3}.pk-bar{background:var(--color-chip);border-bottom:1px solid var(--color-line);align-items:center;gap:.55rem;padding:.5rem .7rem;display:flex}.pk-dots{gap:.28rem;display:flex}.pk-dots i{background:var(--color-line);border-radius:50%;width:.5rem;height:.5rem}.pk-url{background:var(--color-surface);height:.85rem;box-shadow:inset 0 0 0 1px var(--color-line);border-radius:999px;flex:1}.pk-view{aspect-ratio:2.07;position:relative;overflow:hidden}.pk-strip{will-change:transform;width:100%;height:auto;display:block;position:absolute;inset:0 0 auto}.pk-view--3 .pk-strip{animation:10.2s ease-in-out 1s infinite pk-tour-3}.pk-view--4 .pk-strip{animation:13.6s ease-in-out 1s infinite pk-tour-4}.pk-view--5 .pk-strip{animation:17s ease-in-out 1s infinite pk-tour-5}.pk-view--6 .pk-strip{animation:20.4s ease-in-out 1s infinite pk-tour-6}@keyframes pk-tour-3{0%,26%{transform:translateY(0)}33%,59%{transform:translateY(-33.333%)}66%,92%{transform:translateY(-66.666%)}to{transform:translateY(0)}}@keyframes pk-tour-4{0%,19%{transform:translateY(0)}25%,44%{transform:translateY(-25%)}50%,69%{transform:translateY(-50%)}75%,94%{transform:translateY(-75%)}to{transform:translateY(0)}}@keyframes pk-tour-5{0%,15%{transform:translateY(0)}20%,35%{transform:translateY(-20%)}40%,55%{transform:translateY(-40%)}60%,75%{transform:translateY(-60%)}80%,95%{transform:translateY(-80%)}to{transform:translateY(0)}}@keyframes pk-tour-6{0%,12%{transform:translateY(0)}16.6%,29%{transform:translateY(-16.666%)}33.3%,46%{transform:translateY(-33.333%)}50%,62%{transform:translateY(-50%)}66.6%,79%{transform:translateY(-66.666%)}83.3%,96%{transform:translateY(-83.333%)}to{transform:translateY(0)}}.pk-frame:hover .pk-strip,.pk-frame:focus-within .pk-strip{animation-play-state:paused}.pk-foot{border-top:1px solid var(--color-line);background:var(--color-chip);align-items:center;gap:.6rem;padding:.5rem .75rem;display:flex}.pk-foot>s{color:var(--color-faint);font-size:.72rem;font-weight:700;text-decoration:none}.pk-foot>em{color:var(--color-faint);margin-left:auto;font-size:.7rem;font-style:normal;font-weight:700}@media (prefers-reduced-motion:reduce){.pk-strip{animation:none}.pk-foot>em{display:none}}.pk-scope{--pk-t:222 84% 56%}html[data-theme=dark] .pk-scope{--pk-t:222 84% 68%}.pk-card{--pk-t:222 84% 56%;background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line);border-radius:1rem;gap:1.5rem;padding:1.5rem;transition:box-shadow .26s,transform .26s;animation:.62s ease-out pk-in;display:grid}html[data-theme=dark] .pk-card{--pk-t:222 84% 68%}@media (min-width:768px){.pk-card{padding:2rem}}.pk-card:hover{box-shadow:inset 0 0 0 1px hsl(var(--pk-t) / .35), 0 22px 48px -32px #0f172a66;transform:translateY(-2px)}@keyframes pk-in{0%{transform:translateY(.8rem)}}.pk-id{align-items:center;gap:.85rem;display:flex}.pk-mark{object-fit:contain;flex:none;width:auto;max-width:7.5rem;height:2.5rem;animation:.7s cubic-bezier(.22,1,.36,1) .12s pk-mark-in}@keyframes pk-mark-in{0%{transform:scale(.82)translateY(.3rem)}}.pk-mono{background:hsl(var(--pk-t) / .12);width:2.5rem;height:2.5rem;color:hsl(var(--pk-t) / .95);border-radius:.7rem;flex:none;place-items:center;font-size:1.15rem;font-weight:800;animation:.7s cubic-bezier(.22,1,.36,1) .12s pk-mark-in;display:grid}html[data-theme=dark] .pk-mono{color:hsl(var(--pk-t))}.pk-titles{gap:.15rem;min-width:0;display:grid}.pk-kind{letter-spacing:.02em;color:var(--color-mute);font-size:.78rem;font-weight:800}.pk-name{letter-spacing:-.01em;color:var(--color-ink);font-size:1.5rem;font-weight:800;line-height:1.15}.pk-tag{color:var(--color-ink);margin-top:.85rem;font-size:1rem;font-weight:700;line-height:1.55}.pk-desc{max-width:46rem;color:var(--color-mute);margin-top:.6rem;font-size:.92rem;font-weight:500;line-height:1.65}.pk-feats{gap:.6rem 2rem;margin-top:1.25rem;display:grid}@media (min-width:640px){.pk-feats{grid-template-columns:1fr 1fr}}.pk-feats>li{color:var(--color-ink);grid-template-columns:2.1rem minmax(0,1fr);align-items:start;font-size:.95rem;font-weight:700;line-height:1.5;animation:.52s ease-out pk-feat-in;display:grid}.pk-feat-ico{background:linear-gradient(140deg, hsl(var(--pk-t) / .18), hsl(var(--pk-t) / .08));width:1.7rem;height:1.7rem;box-shadow:inset 0 0 0 1px hsl(var(--pk-t) / .16);border-radius:.55rem;flex:none;place-items:center;margin-top:.02rem;transition:transform .2s,background .2s;display:grid}.pk-feat-ico>svg{width:1rem;height:1rem;fill:hsl(var(--pk-t))}.pk-scope--lg .pk-feat-ico{border-radius:.72rem;width:2.35rem;height:2.35rem}.pk-scope--lg .pk-feat-ico>svg{width:1.35rem;height:1.35rem}.pk-feats>li:hover .pk-feat-ico{background:linear-gradient(140deg, hsl(var(--pk-t) / .28), hsl(var(--pk-t) / .14));transform:translateY(-1px)scale(1.06)}.pk-feats>li:first-child{animation-delay:.2s}.pk-feats>li:nth-child(2){animation-delay:.26s}.pk-feats>li:nth-child(3){animation-delay:.32s}.pk-feats>li:nth-child(4){animation-delay:.38s}.pk-feats>li:nth-child(5){animation-delay:.44s}.pk-feats>li:nth-child(6){animation-delay:.5s}.pk-feats>li:nth-child(n+7){animation-delay:.56s}@keyframes pk-feat-in{0%{transform:translate(-.5rem)}}@media (prefers-reduced-motion:reduce){.pk-card,.pk-mark,.pk-mono,.pk-feats>li{animation:none}.pk-feats>li:hover .pk-feat-ico,.pk-card:hover{transform:none}}.pk-side{align-content:start;gap:.9rem;display:grid}.pk-actions{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.pk-live{color:#1d6745;background:#2fb17524;border-radius:999px;align-items:center;gap:.4rem;padding:.28rem .6rem;font-size:.76rem;font-weight:800;display:inline-flex}html[data-theme=dark] .pk-live{color:#83e2b6}.pk-live>i{background:#2da96f;border-radius:50%;width:.45rem;height:.45rem;animation:2.4s ease-out infinite pk-pulse}@keyframes pk-pulse{0%,45%{box-shadow:0 0 #2da96f00}58%{box-shadow:0 0 #2da96f8c}82%,to{box-shadow:0 0 0 .45rem #2da96f00}}.pk-visit,.pk-more{align-items:center;gap:.35rem;font-size:.86rem;font-weight:800;text-decoration:none;transition:gap .18s,color .18s;display:inline-flex}.pk-visit{background:hsl(var(--pk-t) / .1);color:hsl(var(--pk-t) / .95);border-radius:999px;padding:.38rem .85rem}html[data-theme=dark] .pk-visit{color:hsl(var(--pk-t))}.pk-visit:hover{background:hsl(var(--pk-t) / .18);gap:.55rem}.pk-more{color:var(--color-mute)}.pk-more:hover{color:hsl(var(--pk-t));gap:.55rem}@media (prefers-reduced-motion:reduce){.pk-live>i{animation:none}}
