*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:#f4ecff;background-color:#12081f;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.kn-app{--kn-alpha:.45;--bg-primary:rgba(13, 17, 23, var(--kn-alpha));--bg-primary-rgb:13, 17, 23;--bg-secondary:rgba(22, 27, 34, var(--kn-alpha));--bg-secondary-rgb:22, 27, 34;--bg-tertiary:rgba(33, 38, 45, min(1, calc(var(--kn-alpha) + .08)));--bg-tertiary-rgb:33, 38, 45;--sm-canvas-bg:rgba(13, 17, 23, min(1, calc(var(--kn-alpha) + .12)));--sm-canvas-bg-rgb:13, 17, 23;--on-accent:#0d1117;--on-accent-rgb:13, 17, 23;--toast-surface:#161b22;--toast-surface-rgb:22, 27, 34;min-height:100vh;background:linear-gradient(180deg,#12081fd1,#12081f73 40%,#12081fe0),var(--mp-stage-image) var(--mp-stage-position,50% 50%) / cover no-repeat fixed,#12081f;flex-direction:column;min-height:100dvh;display:flex;overflow-x:clip}.kn-topbar{align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.kn-brand{letter-spacing:.2em;text-transform:uppercase;color:#b79ae0;align-items:center;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex}.kn-brand-logo{flex:none;display:none}.kn-topbar-title{color:#e8dcfa;font-weight:600}.kn-topbar-links{align-items:center;gap:1.1rem;margin-left:auto;display:flex}.kn-topbar-links a{color:#cdbde6;font-size:.9rem;text-decoration:none}.kn-topbar-links a:hover{color:#fff}.kn-studio-link{white-space:nowrap;background:#b79ae01a;border:1px solid #b79ae059;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .8rem;display:inline-flex}.kn-topbar-links .kn-studio-link:hover{color:#fff;background:#b79ae02e}.kn-studio-link svg{flex:none}.kn-studio-label--short{display:none}.kn-account{min-width:0;display:inline-flex;position:relative}.kn-account-chip{color:#e8dcfa;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#b79ae01a;border:1px solid #b79ae059;border-radius:999px;align-items:center;gap:.4rem;max-width:15rem;padding:.35rem .8rem;font-size:.85rem;display:inline-flex;overflow:hidden}.kn-account-chip:hover{background:#b79ae02e}.kn-account-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.kn-account-dot{background:#7ee0a0;border-radius:50%;flex:none;width:7px;height:7px}.kn-account-credits{color:#ffd9a0;background:#ffd6a02e;border-radius:999px;flex:none;margin-left:.3rem;padding:.05rem .45rem;font-size:.72rem}.kn-credits-pill{color:#ffd9a0;font-variant-numeric:tabular-nums;white-space:nowrap;background:#ffd6a029;border:1px solid #ffd6a04d;border-radius:999px;padding:.05rem .5rem;font-size:.78rem;font-weight:700;display:inline-block}.kn-credits-pill--low{color:#f8a0a0;background:#f8717129;border-color:#f8717159}.kn-account-menu-wrap{min-width:0;position:relative}.kn-account-menu{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#180c28f5;border:1px solid #b79ae040;border-radius:10px;flex-direction:column;min-width:11rem;max-width:min(18rem,100vw - 1.8rem);padding:.35rem;display:flex;position:absolute;top:calc(100% + .4rem);right:0}.kn-account-menu-email{color:#e8dcfab8;overflow-wrap:anywhere;border-bottom:1px solid #b79ae02e;margin-bottom:.15rem;padding:.4rem .6rem .5rem;font-size:.75rem}.kn-account-menu a,.kn-account-menu button{color:#e8dcfa;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:.5rem .6rem;font-size:.85rem;text-decoration:none}.kn-account-menu a:hover,.kn-account-menu button:hover{background:#b79ae024}.kn-chip--toggle{cursor:pointer;color:#cdbde6;background:#b79ae01f;border:1px solid #b79ae066}.kn-chip--toggle:hover:not(:disabled){background:#b79ae033}.kn-chip--toggle:disabled{opacity:.55;cursor:default}.kn-chip--server{color:#ffd9a0;background:#ffd6a029;border-color:#ffd6a080}.kn-modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#090410b8;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.kn-modal{background:#180c28fa;border:1px solid #b79ae047;border-radius:16px;flex-direction:column;gap:.7rem;width:100%;max-width:22rem;padding:1.6rem 1.5rem 1.4rem;display:flex;position:relative}.kn-modal-close{color:#8f7bb0;cursor:pointer;background:0 0;border:none;position:absolute;top:.7rem;right:.7rem}.kn-modal-close:hover{color:#e8dcfa}.kn-modal h2{font-size:1.3rem}.kn-modal form{flex-direction:column;gap:.6rem;display:flex}.kn-modal input{color:#f4ecff;background:#0d0816cc;border:1px solid #b79ae04d;border-radius:9px;padding:.6rem .8rem;font-size:.92rem}.kn-modal input:focus{border-color:#ff9ad599;outline:none}.kn-modal input[aria-invalid=true],.kn-modal input[aria-invalid=true]:focus{border-color:#ff7a7ab3}.kn-modal .kn-forgot-link{color:#b79ae0;align-self:flex-end;margin-top:-.2rem;font-size:.78rem;text-decoration:none}.kn-modal .kn-forgot-link:hover{color:#e8dcfa;text-decoration:underline}.kn-modal .kn-password-field{display:flex;position:relative}.kn-modal .kn-password-field input{flex:1;min-width:0;padding-right:2.6rem}.kn-modal .kn-reveal-btn{color:#f4ecff8c;cursor:pointer;background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;height:100%;padding:0 .7rem;display:inline-flex;position:absolute;top:0;right:0}.kn-modal .kn-reveal-btn:hover{color:#f4ecff}.kn-modal .kn-reveal-btn:focus-visible{outline-offset:-2px;outline:2px solid #ff9ad5b3}.kn-modal .kn-reveal-btn svg{width:18px;height:18px}.kn-modal .kn-btn{text-align:center;width:100%;margin-top:.2rem}.kn-modal-error{color:#ff9a9a;font-size:.82rem}.kn-modal-google{color:#e8dcfa;cursor:pointer;background:0 0;border:1px solid #b79ae059;border-radius:999px;padding:.6rem 1rem;font-size:.9rem}.kn-modal-google:hover{background:#b79ae01f}.kn-modal-switch{color:#b79ae0;cursor:pointer;background:0 0;border:none;font-size:.82rem}.kn-modal-switch:hover{color:#fff}.kn-glass{color:#cdbde6;align-items:center;gap:.45rem;display:inline-flex}.kn-glass svg{flex:none}.kn-glass-slider{accent-color:#ff9ad5;width:88px}.kn-focus-toggle{color:#cdbde6;cursor:pointer;background:#b79ae01a;border:1px solid #b79ae059;border-radius:999px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.kn-focus-toggle:hover{color:#fff;background:#b79ae033}.kn-focus-toggle--active{color:#ff9ad5;background:#ff9ad524;border-color:#ff9ad58c}.kn-body{--kn-rail-head:1.75rem;flex:1;grid-template-columns:320px minmax(0,1fr);align-items:start;gap:1.25rem;min-width:0;min-height:0;padding:.5rem 1.5rem 1.25rem;display:grid}.kn-rail{flex-direction:column;gap:1rem;min-width:0;display:flex}.kn-body--rail-min{grid-template-columns:56px 1fr}.kn-rail-collapse{height:var(--kn-rail-head);color:#8f7bb0;cursor:pointer;background:0 0;border:none;border-radius:999px;align-self:flex-end;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.78rem;display:inline-flex}.kn-rail-collapse:hover{color:#e8dcfa;background:#b79ae01f}.kn-rail-icons{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#180c28c7;border:1px solid #b79ae038;border-radius:14px;flex-direction:column;align-items:center;gap:.4rem;padding:.55rem 0;display:flex}.kn-rail-icon{color:#b79ae0;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.kn-rail-icon:hover{color:#fff;background:#b79ae029}.kn-rail-burger{color:#cdbde6;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:none}.kn-rail-burger:hover{color:#fff;background:#b79ae029}.kn-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#180c28c7;border:1px solid #b79ae038;border-radius:14px;min-width:0;padding:1.1rem 1.2rem}.kn-card--demo{border-color:#ffd6a059}.kn-card-kicker{letter-spacing:.18em;text-transform:uppercase;color:#b79ae0;margin-bottom:.4rem;font-size:.72rem}.kn-card h2{font-size:1.35rem;line-height:1.2}.kn-card h3{font-size:1.05rem;line-height:1.25}.kn-card-sub{color:#cdbde6;margin-top:.35rem;font-size:.88rem;line-height:1.5}.kn-soon{color:#8f7bb0;margin-top:.7rem;font-size:.85rem;font-style:italic}.kn-btn{color:#f4ecff;cursor:pointer;background:#b79ae01f;border:1px solid #b79ae066;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;margin-top:.85rem;padding:.6rem 1.3rem;font-size:.92rem;font-weight:600;transition:transform .15s,background .15s;display:inline-flex}.kn-btn svg{flex:none;width:1.15em;height:1.15em}.kn-btn:hover:not(:disabled){background:#b79ae038;transform:translateY(-1px)}.kn-btn:disabled{opacity:.55;cursor:default}.kn-btn--primary{color:#1a0b2e;background:linear-gradient(120deg,#ffd9a0,#ff9ad5);border:none}.kn-btn--primary:hover:not(:disabled){background:linear-gradient(120deg,#ffe3b8,#ffb1e0)}.kn-file-input{display:none}.kn-progress{background:#b79ae02e;border-radius:3px;height:6px;margin-top:.8rem;overflow:hidden}.kn-progress-bar{background:linear-gradient(90deg,#ffd9a0,#ff9ad5);border-radius:3px;height:100%;transition:width .4s}.kn-progress-note{color:#cdbde6;margin-top:.5rem;font-size:.8rem}.kn-error{color:#ff9a9a;margin-top:.6rem;font-size:.85rem}.kn-chip{letter-spacing:.06em;color:#cdbde6;text-transform:none;border:1px solid #b79ae059;border-radius:999px;margin-left:.4rem;padding:.1rem .55rem;font-size:.66rem;display:inline-block}.kn-progress--indeterminate .kn-progress-bar{animation:1.4s ease-in-out infinite kn-progress-slide;width:35%!important}@keyframes kn-progress-slide{0%{margin-left:0}50%{margin-left:65%}to{margin-left:0}}.kn-progress-warn{color:#ffd9a0;margin-top:.45rem;font-size:.78rem;line-height:1.45}.kn-cancel{color:#ff9a9a;cursor:pointer;background:0 0;border:1px solid #ff9a9a66;border-radius:999px;margin-top:.55rem;padding:.3rem .9rem;font-size:.8rem}.kn-cancel:hover{background:#ff9a9a1f}.kn-library{flex-direction:column;gap:.25rem;min-width:0;max-height:14rem;margin-top:.3rem;padding-left:0;list-style:none;display:flex;overflow-y:auto}.kn-library-song{text-align:left;color:#e8dcfa;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;width:100%;min-width:0;padding:.5rem .6rem;font-size:.88rem;display:flex}.kn-library-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.kn-demo-list{max-height:11rem}.kn-demo-list .kn-library-title{white-space:normal;flex-direction:column;gap:.1rem;display:flex}.kn-demo-name,.kn-demo-artist{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kn-demo-artist{color:#a693c4;font-size:.76rem}.kn-library-song--active .kn-demo-artist{color:#e0b6cd}.kn-library-song:hover{background:#b79ae024}.kn-library-song--active{color:#ffd9ec;background:#ff9ad51f}.kn-library-song--active:hover{background:#ff9ad52e}.kn-eq{flex:none;align-items:flex-end;gap:2px;height:11px;display:inline-flex}.kn-rail-loading{align-items:center;gap:.55rem;display:flex}.kn-rail-loading p{color:#cdbde6;margin:0;font-size:.88rem}.kn-song-spinner{border:2px solid #fff3;border-top-color:var(--kn-accent,#58a6ff);border-radius:50%;flex:none;width:12px;height:12px;animation:.7s linear infinite kn-song-spin}@keyframes kn-song-spin{to{transform:rotate(360deg)}}.kn-library-song--staging{opacity:.85}.kn-library-song[disabled]{cursor:default}.kn-eq i{transform-origin:bottom;background:#ff9ad5;border-radius:1px;width:2.5px;animation:1.1s ease-in-out infinite kn-eq-bounce}.kn-eq i:first-child{height:7px;animation-delay:-.35s}.kn-eq i:nth-child(2){height:11px;animation-delay:-.1s}.kn-eq i:nth-child(3){height:8px;animation-delay:-.6s}@keyframes kn-eq-bounce{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.kn-eq i{animation:none}}.kn-count-pill{color:#cdbde6;letter-spacing:0;vertical-align:middle;background:#b79ae01f;border:1px solid #b79ae04d;border-radius:999px;margin-left:.45rem;padding:.05rem .5rem;font-size:.68rem;font-weight:600;display:inline-block}.kn-library--grouped{gap:.55rem}.kn-library-group{flex-direction:column;gap:.15rem;display:flex}.kn-library-group-head{letter-spacing:.04em;text-transform:uppercase;color:#cdbde6;align-items:center;gap:.4rem;margin:0;padding:.1rem .2rem .05rem;font-size:.72rem;font-weight:700;display:flex}.kn-library-group-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.kn-library-group--loose .kn-library-group-name{color:#a89bc4}.kn-library-group-count{color:#cdbde6;letter-spacing:0;background:#b79ae01a;border:1px solid #b79ae04d;border-radius:999px;flex:none;padding:.02rem .4rem;font-size:.62rem;font-weight:600}.kn-group-delete-btn{color:#a89bc4;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.4rem;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;margin-left:auto;padding:0;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.kn-group-delete-btn:hover{color:#ff6b6b;background:#ff6b6b26;border-color:#ff6b6b3d}.kn-group-delete-btn:focus-visible{outline-offset:2px;outline:2px solid #b79ae0}.kn-group-delete-btn svg{width:.85rem;height:.85rem}.kn-library-group-songs{border-left:1px solid #b79ae02e;flex-direction:column;gap:.25rem;margin:0 0 0 .55rem;padding:0 0 0 .5rem;list-style:none;display:flex}.kn-playlist-row{align-items:center;gap:.55rem;display:flex}.kn-playlist-play{color:#ff9ad5;flex:none}.kn-playlist-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.kn-playlist-count{color:#9c88bd;flex:none;margin-left:auto;font-size:.74rem}.kn-stage{flex-direction:column;min-width:0;min-height:62vh;display:flex}.kn-body:not(.kn-body--rail-min) .kn-stage{padding-top:calc(var(--kn-rail-head) + 1rem)}.kn-body--staged .kn-stage{height:calc(100dvh - 8.75rem);min-height:0}.kn-hero{text-align:center;flex-direction:column;align-items:center;gap:1.1rem;max-width:34rem;margin:auto;padding:3rem 1rem;display:flex}.kn-hero h1{background:linear-gradient(120deg,#ffd9a0,#ff9ad5 55%,#b79aff);color:#0000;-webkit-background-clip:text;background-clip:text;padding-bottom:.12em;font-size:max(2.2rem,min(6vw,3.2rem));font-weight:800;line-height:1.12}.kn-hero>p{color:#e8dcfa;text-shadow:0 1px 8px #12081fe6;font-size:1.02rem;line-height:1.55}.kn-steps{gap:.9rem;margin-top:.4rem;display:flex}.kn-step{color:#cdbde6;background:#180c28b8;border:1px solid #b79ae033;border-radius:12px;flex:1;padding:.8rem .7rem;font-size:.8rem;line-height:1.4}.kn-step-n{color:#1a0b2e;background:linear-gradient(120deg,#ffd9a0,#ff9ad5);border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;margin-bottom:.45rem;font-size:.8rem;font-weight:700;display:inline-flex}.kn-stage-panel{background:rgba(16,8,28,calc(var(--kn-alpha) * .55));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #b79ae038;border-radius:14px;flex-direction:column;flex:1;min-width:0;min-height:0;padding:.75rem;display:flex;overflow:hidden}.kn-stage-panel>*{flex:1;min-height:0}.kn-stage-loading{color:#cdbde6;justify-content:center;align-items:center;min-height:40vh;font-size:1rem;display:flex}.kn-footer{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;padding:1rem 1.5rem 1.4rem;font-size:.82rem;display:flex}.kn-credits{flex:none;width:17rem;max-width:100%;position:relative}.kn-credits-toggle{color:#8f7bb0;width:100%;font:inherit;text-align:left;cursor:pointer;background:#180c286b;border:1px solid #b79ae038;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .55rem;font-size:.78rem;display:flex}.kn-credits-toggle:hover{color:#cdbde6;border-color:#b79ae06b}.kn-credits-toggle:focus-visible{color:#cdbde6;border-color:#b79ae06b}.kn-credits-toggle>svg{opacity:.75;flex:none}.kn-credits-lead{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.kn-credits-lead a{color:#b79ae0;text-decoration:none}.kn-credits-lead a:hover{text-decoration:underline}.kn-credits-licence{color:#8f7bb0}.kn-credits-more{color:#cdbde6;font-variant-numeric:tabular-nums;background:#b79ae029;border-radius:999px;flex:none;padding:0 .4rem;font-size:.72rem}.kn-credits-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;visibility:hidden;opacity:0;background:#180c28f5;border:1px solid #b79ae040;border-radius:10px;flex-direction:column;gap:.35rem;width:max-content;max-width:min(26rem,100vw - 3rem);padding:.6rem .75rem;transition:opacity .14s,transform .14s,visibility .14s;display:flex;position:absolute;bottom:calc(100% + .4rem);left:0;transform:translateY(.25rem)}.kn-credits:hover .kn-credits-panel,.kn-credits:focus-within .kn-credits-panel,.kn-credits--open .kn-credits-panel{visibility:visible;opacity:1;transform:translateY(0)}.kn-credits-panel .kn-attribution{font-size:.78rem;line-height:1.45}.kn-attribution-song{color:#8f7bb0}.kn-attribution a{color:#b79ae0;text-decoration:none}.kn-attribution a:hover{text-decoration:underline}.kn-footer-links{flex-wrap:wrap;gap:1.1rem;margin-left:auto;display:flex}.kn-footer-links a{color:#cdbde6;text-decoration:none}.kn-footer-links a:hover{color:#fff}@media(max-width:900px){.kn-body{grid-template-columns:minmax(0,1fr);padding:.5rem .9rem 1rem}.kn-body:not(.kn-body--rail-min) .kn-stage{padding-top:0}.kn-topbar{padding:.6rem .9rem;padding-top:calc(.6rem + env(safe-area-inset-top,0px));gap:.6rem}.kn-topbar-links{gap:.6rem;min-width:0}.kn-studio-label{display:none}.kn-studio-label--short{display:inline}.kn-studio-link{padding:.35rem .65rem}.kn-glass,.kn-focus-toggle{display:none}.kn-account-chip{max-width:10rem}.kn-footer{padding-bottom:calc(.9rem + env(safe-area-inset-bottom,0px))}.kn-rail--min{align-items:flex-start}.kn-rail--min .kn-rail-icons{border-radius:12px;flex-direction:row;width:auto;padding:.15rem}.kn-rail--min .kn-rail-icon{display:none}.kn-rail-burger{display:inline-flex}.kn-body--staged{flex-direction:column;display:flex}.kn-body--staged .kn-stage{order:-1;width:100%;height:calc(100dvh - 8rem)}.kn-steps{flex-direction:column}.kn-footer{flex-direction:column;align-items:flex-start}.kn-footer-links{margin-left:0}}@media(max-width:560px){.kn-topbar-title,.kn-brand-name{display:none}.kn-brand-logo{display:block}.kn-account-chip{max-width:7.5rem}.kn-hero h1{font-size:1.7rem}}.kn-chip--stems{font-variant-numeric:tabular-nums;flex:none;margin-left:auto}