.ko{background:#04060a;width:100%;height:100%;position:relative;overflow:hidden}.ko canvas{width:100%;height:100%;display:block}.ko-still{object-fit:cover;width:100%;height:100%;display:block}.ko>canvas,.ko-still{opacity:var(--ko-arrive,1);transform:translateY(calc((1 - var(--ko-arrive,1)) * 20px)) scale(calc(.97 + .03 * var(--ko-arrive,1)));transform-origin:50% 100%}.ko[data-state=loading]>canvas{visibility:hidden}.ko[data-state=ready]>canvas,.ko[data-state=failed]>.ko-still{animation:1.2s cubic-bezier(.22,1,.36,1) backwards ko-ready}@keyframes ko-ready{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.ko>canvas,.ko-still{opacity:1;transform:none}.ko[data-state=ready]>canvas,.ko[data-state=failed]>.ko-still{animation:none}}.kos{background:#04060a;position:fixed;inset:0}.kos-scrub{color:#aab9cd;align-items:center;gap:16px;font:13px JetBrains Mono,ui-monospace,monospace;display:flex;position:fixed;bottom:20px;left:24px;right:24px}.kos-scrub input{flex:1}.kos[data-still=true] .kos-scrub{display:none}.kos-card{color:#eef3fa;font-family:var(--font-manrope), Manrope, sans-serif;background:#04060a;border-top:1px solid #8ba7ca29;flex-direction:column;justify-content:flex-start;gap:14px;padding:28px 24px 64px;display:flex;position:fixed;bottom:0;left:0;right:0}.kos-card-mark{letter-spacing:.16em;margin:0;font:600 13px JetBrains Mono,ui-monospace,monospace}.kos-card-mark span{color:#74859c;letter-spacing:.02em;margin-left:10px;font-weight:400}.kos-card h2{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:400;line-height:1.2}