.kp-sweep{color:#0000;background-image:linear-gradient(100deg,#8db1b1,#f5f0dc 30%,#f59e0b 50%,#f5f0dc 70%,#8db1b1);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:kp-sweep 7s linear infinite}@keyframes kp-sweep{0%{background-position:0 50%}to{background-position:-220% 50%}}.kp-card{display:flex;height:100%;flex-direction:column;padding:0;color:var(--ink)}.kp-card:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.kp-card__hairline{position:absolute;inset:0 0 auto 0;z-index:2;height:2px;background:linear-gradient(90deg,var(--acc-from),var(--acc-to));opacity:.85}.kp-strip{position:relative;margin:.75rem .75rem 0;padding:.5rem 0;border-radius:.9rem;background:#0a111173;border:1px solid #f5f0dc1f;box-shadow:inset 0 1px 0 #f5f0dc1f;overflow:hidden}.kp-strip .kn-marquee__group{min-height:6rem}.kp-tile{position:relative;flex:none;width:8.5rem;height:6rem;overflow:hidden;border-radius:.65rem;border:1px solid #f5f0dc29;background:#141f1f}.kp-tile img{width:100%;height:100%;object-fit:cover}.kp-tile--doc{display:flex;flex-direction:column;justify-content:space-between;gap:.35rem;padding:.6rem .7rem;background:radial-gradient(120% 90% at 100% 0,color-mix(in srgb,var(--acc-from) 22%,#0000),#0000 60%),linear-gradient(160deg,#f5f0dc14,#0a111166),#141f1f}.kp-tile__line{display:block;height:3px;border-radius:9999px;background:#f5f0dc24}.kp-tag{display:inline-flex;align-items:center;padding:.25rem .65rem;border-radius:9999px;border:1px solid #f5f0dc24;background:#f5f0dc0d;box-shadow:inset 0 1px 0 #f5f0dc14;color:var(--ink-dim);font-size:.75rem;font-weight:500;line-height:1.35;transition:color .25s ease,border-color .25s ease}.kp-card:focus-visible .kp-tag,.kp-card:hover .kp-tag{color:var(--ink);border-color:color-mix(in srgb,var(--acc-from) 45%,#0000)}.kp-icon-chip{display:inline-flex;width:2.75rem;height:2.75rem;flex:none;align-items:center;justify-content:center;border-radius:.85rem;color:#0a1111;background:linear-gradient(135deg,var(--acc-from),var(--acc-to));box-shadow:0 8px 22px -10px var(--acc-from);transition:transform .4s var(--ease-out-expo)}.kp-card:hover .kp-icon-chip{transform:rotate(-8deg) scale(1.08)}.kp-card__arrow{transition:transform .35s var(--ease-out-expo)}.kp-card:focus-visible .kp-card__arrow,.kp-card:hover .kp-card__arrow{transform:translate(6px)}.kp-ctl{display:inline-flex;width:2.75rem;height:2.75rem;flex:none;align-items:center;justify-content:center;border-radius:9999px;color:var(--ink);transition:scale .25s var(--ease-out-expo),color .2s ease,background-color .2s ease,border-color .2s ease}.kp-ctl:hover:not(:disabled){color:#fbbf24;border-color:#f59e0b8c;scale:1.08}.kp-ctl:active:not(:disabled){scale:.94}.kp-ctl:disabled{opacity:.35}.kp-stage .kp-ctl,.kp-stage>p.glass{background-color:#0a11118c}.kp-sound-hint{position:absolute;top:calc(100% + .5rem);right:0;max-width:calc(100vw - 8rem);padding:.3rem .75rem;border-radius:9999px;background-color:#0a1111d9;color:var(--ink);text-shadow:0 1px 2px #0009;font-size:.75rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;animation:kp-sound-hint-in .5s var(--ease-out-expo) .6s both}@keyframes kp-sound-hint-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.kp-ctl[data-pressed=true]{color:#0a1111;background:linear-gradient(135deg,#f59e0b,#fbbf24);border-color:#0000}.kp-stage{position:relative;container-type:size;min-height:0;overflow:hidden;border-radius:1.5rem;border:1px solid #f5f0dc33;background:#0e1717b8;box-shadow:inset 0 1px 0 #f5f0dc33,0 30px 80px -30px #000000bf;touch-action:pan-y;-webkit-user-select:none;user-select:none}.kp-stage--pseudo-fs{position:fixed;inset:0;z-index:200;border-radius:0}.kp-stage:-webkit-full-screen{border-radius:0;background:#0a1111}.kp-stage:fullscreen{border-radius:0;background:#0a1111}.kp-scrim{height:40%;background:linear-gradient(180deg,#0000,#0a1111c7)}.kp-hair,.kp-scrim{position:absolute;inset:auto 0 0 0;pointer-events:none}.kp-hair{z-index:5;height:3px;overflow:hidden;background:#f5f0dc1a}.kp-hair__fill{display:block;width:100%;height:100%;background:linear-gradient(90deg,#5a8585,#f59e0b);transform:scaleX(0);transform-origin:0 50%;will-change:transform}.kp-hair__fill--timer{animation:kp-timer var(--kp-ms,5s) linear forwards;animation-play-state:var(--kp-state,running)}@keyframes kp-timer{to{transform:scaleX(1)}}.kp-row{display:flex;gap:.5rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.kp-row::-webkit-scrollbar{display:none}.kp-row>*{scroll-snap-align:center}.kp-chip{display:inline-flex;flex:none;align-items:center;gap:.6rem;max-width:18rem;padding:.35rem .85rem .35rem .35rem;border-radius:9999px;color:var(--ink-dim);font-size:.8125rem;font-weight:500;white-space:nowrap;transition:color .25s ease,transform .25s var(--ease-out-expo),border-color .25s ease,background-color .25s ease}.kp-chip:hover{color:var(--ink);transform:translateY(-1px)}.kp-chip[aria-current=true]{color:#0a1111;background:linear-gradient(135deg,#f59e0b,#fbbf24);border-color:#0000;box-shadow:0 10px 26px -12px #f59e0bbf}@media (min-width:640px){.kp-chip{max-width:none}}.kp-chip__avatar{position:relative;z-index:10;display:inline-flex;width:2rem;height:2rem;flex:none;align-items:center;justify-content:center;border-radius:9999px;color:#fbbf24;background:#0a11118c;border:1px solid #f59e0b59}.kp-chip[aria-current=true] .kp-chip__avatar{color:#0a1111;background:#0a11111f;border-color:#0a111140}.kp-thumb{position:relative;flex:none;width:5.25rem;height:3.5rem;overflow:hidden;border-radius:.7rem;opacity:.62;transition:opacity .25s ease,transform .3s var(--ease-out-expo),border-color .25s ease}.kp-thumb:hover{opacity:1;transform:translateY(-2px)}.kp-thumb__doc{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;color:var(--ink-dim);font-size:.6rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(160deg,#f59e0b29,#5a85851f)}.kp-thumb[aria-current=true]{opacity:1;border-color:#f59e0b;box-shadow:0 0 0 1px #f59e0b,0 8px 22px -8px #f59e0bb3}.kp-pill{display:inline-flex;flex:none;align-items:center;gap:.45rem;padding:.5rem .95rem;border-radius:9999px;color:var(--ink-dim);font-size:.8125rem;font-weight:500;white-space:nowrap;transition:color .25s ease,transform .25s var(--ease-out-expo),border-color .25s ease}.kp-pill:hover{color:#fbbf24;border-color:#f59e0b80;transform:translateY(-2px)}.kp-browser{display:flex;min-height:0;flex-direction:column;overflow:hidden;border-radius:.9rem;border:1px solid #f5f0dc2e;background:#0a1111b3;box-shadow:0 30px 80px -30px #000c}.kp-browser__bar{display:flex;flex:none;align-items:center;gap:.75rem;padding:.5rem .8rem;background:#f5f0dc12;border-bottom:1px solid #f5f0dc1a}.kp-browser--sized{--kp-reserve:15.75rem;width:min(100%,60rem);flex:none}@supports (width:1cqw){.kp-browser--sized{width:max(14rem,min(calc(100cqw - 2rem),calc((100cqh - var(--kp-reserve)) * var(--kp-ratio, 2))))}}@media (max-width:639px){.kp-browser--sized{--kp-reserve:20.25rem}}.kp-drive-fallback{background:radial-gradient(60% 60% at 30% 30%,#5a858559,#0000 70%),radial-gradient(50% 50% at 75% 70%,#f59e0b2e,#0000 70%),#0e1717}.kp-drive-play{background-color:#0a11118c;box-shadow:inset 0 1px 0 #f5f0dc33,0 18px 50px -14px #f59e0b8c;transition:transform .35s var(--ease-out-expo),color .2s ease,border-color .2s ease}.group:hover .kp-drive-play{color:#fbbf24;border-color:#f59e0b8c;transform:scale(1.06)}.group:focus-visible .kp-drive-play{outline:2px solid var(--amber);outline-offset:4px}.kp-drive-wrap{--kp-px:0.75rem;--kp-pt:3.75rem;--kp-pb:4rem;position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:var(--kp-pt) var(--kp-px) var(--kp-pb)}@media (min-width:640px){.kp-drive-wrap{--kp-px:5rem;--kp-pt:4.25rem;--kp-pb:1.5rem}}.kp-drive-frame{position:relative;width:100%;max-height:100%;aspect-ratio:var(--kp-ratio,1.7778);overflow:hidden;border-radius:.9rem;border:1px solid #f5f0dc2e;background:#000;box-shadow:0 30px 80px -30px #000c}@supports (width:1cqw){.kp-drive-frame{width:min(calc(100cqw - 2 * var(--kp-px)),calc((100cqh - var(--kp-pt) - var(--kp-pb)) * var(--kp-ratio, 1.7778)));max-height:none}}.kp-case-backdrop{background:radial-gradient(70% 55% at 0 0,#f59e0b1f,#0000 65%),radial-gradient(60% 60% at 100% 100%,#5a858538,#0000 70%),linear-gradient(180deg,#0e171766,#0a1111bf)}.kp-case{--kp-fade:1.25rem;position:absolute;inset:3.5rem 0 3.75rem;scrollbar-width:thin;scrollbar-color:#5a8585b3 #0000;-webkit-mask-image:linear-gradient(180deg,#0000,#000 var(--kp-fade),#000 calc(100% - var(--kp-fade)),#0000);mask-image:linear-gradient(180deg,#0000,#000 var(--kp-fade),#000 calc(100% - var(--kp-fade)),#0000)}.kp-case:focus-visible{outline:2px solid var(--amber);outline-offset:-4px;border-radius:inherit;-webkit-mask-image:none;mask-image:none}@media (min-width:640px){.kp-case{inset:0;-webkit-mask-image:none;mask-image:none}}.kp-case-meta{gap:.2rem;padding:.65rem .9rem;border-radius:.85rem}.kp-case-card,.kp-case-meta{display:flex;flex-direction:column}.kp-case-card{gap:.4rem;padding:1rem 1.1rem 1.1rem;border-radius:1rem;transition:border-color .25s ease,transform .35s var(--ease-out-expo)}.kp-case-card:hover{border-color:#f59e0b66;transform:translateY(-2px)}.kp-case-tag{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:9999px;border:1px solid #f5f0dc24;background:#f5f0dc0d;color:var(--ink);font-size:.8125rem;line-height:1.3}.kp-dot{display:inline-block;width:.6rem;height:.6rem;border-radius:9999px}@media (max-width:639px){.kp-strip .kn-marquee__group{min-height:5rem}.kp-tile{width:7rem;height:5rem}.kp-thumb{width:4.5rem;height:3.1rem}}@media (prefers-reduced-motion:reduce){.kp-sweep{background-position:50% 50%}.kp-hair__fill--timer,.kp-sound-hint,.kp-sweep{animation:none}.kp-case-card,.kp-drive-play{transition:none}.group:hover .kp-drive-play,.kp-case-card:hover{transform:none}}.kp-progress .kn-drawline__fill,.kp-progress .kn-drawline__head{transition:transform .7s var(--ease-out-expo)}