:root{--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--top:calc(var(--sat) + 16px);--top-bar:calc(var(--sat) + 12px);--top-overlay:calc(var(--sat) + 20px);--bottom:max(24px, calc(var(--sab) + 8px));--bottom-sheet:max(28px, calc(var(--sab) + 12px))}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{color:#f4f2f8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#08020b;margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}a{color:#d99be3}a:hover{color:#ecc6f1}input{appearance:none}input::placeholder{color:#6f6980}input:focus{outline:none;border-color:#9b2bab!important}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus{outline:none}button:focus-visible{outline-offset:2px;outline:2px solid #9b2bab}.kn-guest-page{overscroll-behavior:none;overflow:hidden}.kn-guest-root{height:100dvh}.kn-press:active{transform:scale(.98)!important}@media (hover:hover){.kn-song:hover{background:#1e0a27!important}.kn-a-name:hover{border-color:#351a42!important}.kn-a-ghost:hover{background:#1e0a27!important}.kn-a-copy:hover{background:#2a1035!important}.kn-a-note:hover{color:#f4f2f8!important}.kn-a-refuse:hover{color:#f08a8a!important}.kn-a-link:hover{color:#f4f2f8!important}}.kn-chips{scrollbar-width:thin;scrollbar-color:#42244f transparent}@keyframes kn-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes kn-sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes kn-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes kn-sing{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1.1)}}@keyframes kn-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes kn-note{0%{opacity:0;transform:translate(0)rotate(0)}15%{opacity:1}to{transform:translate(var(--dx), -110px) rotate(25deg);opacity:0}}@keyframes kn-pop{0%{opacity:0;transform:scale(.3)}70%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.kn-mascot *{animation:none!important}}
