:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg-0);min-height:100dvh;color:var(--fg);place-items:center;margin:0;padding:1.5rem;font-family:system-ui,sans-serif;display:grid}main{width:100%;max-width:22rem}h1{margin-bottom:.5rem;font-size:1.4rem}h2{font-size:1rem}label{margin:.75rem 0 .25rem;font-size:.85rem;display:block}input{width:100%;padding:.5rem}button{cursor:pointer;width:100%;margin-top:1rem;padding:.6rem}hr{border:none;border-top:1px solid #8884;margin:1.5rem 0}.error{color:#c0392b;margin-top:.5rem;font-size:.85rem}.muted{color:#888;font-size:.9rem}:root{--bg-0:#0a0a0b;--bg-1:#121214;--bg-2:#1b1b1f;--bg-3:#26262b;--fg:#f5f5f7;--fg-muted:#9a9aa2;--fg-faint:#6a6a72;--line:#ffffff14;--line-strong:#ffffff24;--accent:#1fe0a6;--accent-press:#16b488;--plus:#c9a227;--danger:#ff6b6b;--brand-cyan:#22d3ee;--brand-magenta:#e635c9;--grad-neon:linear-gradient(90deg, var(--brand-cyan), var(--brand-magenta));--r-art:8px;--r-card:14px;--r-control:10px;--r-pill:999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--sp-8:48px;--fs-display:28px;--fs-section:17px;--fs-body:14px;--fs-secondary:13px;--fs-caption:12px;--ease:cubic-bezier(.4, 0, .2, 1);--dur-fast:.12s;--dur:.2s;--dur-slow:.28s}.kd-surface{background:var(--bg-0);color:var(--fg);font-family:system-ui,sans-serif;font-size:var(--fs-body)}.kd-pill{align-items:center;gap:var(--sp-1);border-radius:var(--r-pill);width:auto;font-size:var(--fs-caption);margin:0;padding:2px 10px;font-weight:600;line-height:1.4;display:inline-flex}.kd-pill--processing{background:var(--bg-3);color:var(--fg-muted)}.kd-pill--ready{background:color-mix(in srgb, var(--accent) 20%, transparent);color:var(--accent)}.kd-pill--error{background:color-mix(in srgb, var(--danger) 22%, transparent);color:var(--danger)}.kd-playbtn{border-radius:var(--r-pill);background:var(--accent);width:48px;height:48px;color:var(--bg-0);cursor:pointer;transition:transform var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);border:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.kd-playbtn:hover{transform:scale(1.05)}.kd-playbtn:active{background:var(--accent-press)}.kd-chip{align-items:center;gap:var(--sp-2);border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--bg-2);width:auto;color:var(--fg-muted);font-size:var(--fs-secondary);cursor:pointer;transition:border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);margin:0;padding:6px 12px;display:inline-flex}.kd-chip--selected{border-color:var(--accent);background:var(--bg-3);color:var(--fg)}.kd-skeleton{border-radius:var(--r-control);background:linear-gradient(90deg, var(--bg-2), var(--bg-3), var(--bg-2));background-size:200% 100%;min-height:1em;animation:1.2s linear infinite kd-shimmer;display:block}@keyframes kd-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.kd-toast{gap:var(--sp-2);border:1px solid var(--line-strong);border-radius:var(--r-control);width:auto;font-size:var(--fs-secondary);margin:0;padding:10px 14px;display:flex}.kd-toast--info{background:var(--bg-2);color:var(--fg)}.kd-toast--success{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent);border-color:color-mix(in srgb, var(--accent) 40%, transparent)}.kd-toast--error{background:color-mix(in srgb, var(--danger) 16%, transparent);color:var(--danger);border-color:color-mix(in srgb, var(--danger) 40%, transparent)}.kd-section-header{margin:var(--sp-4) 0 var(--sp-2);justify-content:space-between;align-items:center;display:flex}.kd-section-header__title{font-size:var(--fs-section);color:var(--fg);margin:0;font-weight:600}.kd-empty{padding:var(--sp-6);text-align:center;color:var(--fg-muted)}.kd-empty__title{margin:0 0 var(--sp-3)}@media (prefers-reduced-motion:reduce){.kd-skeleton{animation:none}.kd-playbtn,.kd-chip,.kd-navitem{transition-duration:.01ms}}body:has(.kd-shell){place-items:initial;padding:0;display:block}.kd-shell{background:var(--bg-0);height:100dvh;color:var(--fg);display:flex;overflow:hidden}.kd-sidebar{display:none}.kd-shell__body{flex-direction:column;flex:1;min-width:0;display:flex}.kd-topbar{z-index:5;justify-content:flex-end;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg-0) 82%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;position:sticky;top:0}.kd-topbar__brand{align-items:center;margin-right:auto;display:inline-flex}.kd-topauth{align-items:center;gap:var(--sp-3);display:flex}.kd-topauth__signup{font-size:var(--fs-body)}.kd-shell__main{overscroll-behavior:contain;padding:var(--sp-4);flex:1;max-width:none;padding-bottom:152px;overflow:auto}.kd-shell__brand{align-items:center;gap:var(--sp-2);display:flex}.kd-shell__wordmark{font-weight:700;font-size:var(--fs-section)}.kd-sidebar__spacer{flex:1}.kd-dock{z-index:10;position:fixed;bottom:0;left:0;right:0}.kd-miniplayer{align-items:center;gap:var(--sp-3);min-height:56px;padding:var(--sp-2) var(--sp-4);background:var(--bg-2);border-top:1px solid var(--line);color:var(--fg-muted);font-size:var(--fs-secondary);display:flex}.kd-bottomnav{background:var(--bg-1);border-top:1px solid var(--line);display:flex}.kd-navlist{display:flex}.kd-navlist--bottom{width:100%}.kd-navlist--bottom .kd-navitem{font-size:var(--fs-caption);flex-direction:column;flex:1;gap:3px;padding:8px 0}.kd-navlist--sidebar{gap:var(--sp-1);flex-direction:column}.kd-navlist--sidebar .kd-navitem{justify-content:flex-start;gap:var(--sp-3);border-radius:var(--r-control);font-size:var(--fs-body);flex-direction:row;padding:10px 12px}.kd-navitem{color:var(--fg-muted);transition:color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);justify-content:center;align-items:center;text-decoration:none;display:flex}.kd-navitem:hover,.kd-navitem--active{color:var(--fg)}.kd-navlist--sidebar .kd-navitem--active{background:var(--bg-3)}.kd-navitem:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kd-profilebubble{border-radius:var(--r-pill);border:1px solid var(--line-strong);background:var(--bg-3);width:36px;height:36px;color:var(--fg-muted);font-size:var(--fs-caption);cursor:pointer;justify-content:center;align-items:center;margin:0;padding:0;font-weight:700;display:inline-flex}@media (min-width:1024px){.kd-sidebar{gap:var(--sp-4);width:248px;padding:var(--sp-4);background:var(--bg-1);border-right:1px solid var(--line);flex-direction:column;flex:0 0 248px;display:flex}.kd-topbar{display:flex}.kd-topbar__brand,.kd-bottomnav{display:none}.kd-dock{left:248px}.kd-shell__main{padding-bottom:84px}}.kd-page{max-width:1100px;margin:0 auto}.kd-page h1{font-size:var(--fs-display);margin:0 0 var(--sp-4);font-weight:800}.kd-btn{justify-content:center;align-items:center;gap:var(--sp-2);border-radius:var(--r-pill);background:var(--accent);width:auto;color:var(--bg-0);font:inherit;cursor:pointer;transition:transform var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);border:none;margin:0;padding:8px 16px;font-weight:600;text-decoration:none;display:inline-flex}.kd-btn:hover{transform:scale(1.03)}.kd-btn:active{background:var(--accent-press)}.kd-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kd-btn--ghost{color:var(--fg-muted);border:1px solid var(--line-strong);background:0 0}.kd-btn--ghost:hover{color:var(--fg);background:var(--bg-2);transform:none}.kd-btn:disabled{opacity:.5;cursor:default;transform:none}.kd-btn--white{color:#0a0a0b;background:#fff}.kd-btn--white:active{background:#e6e6e6}.kd-library__head{justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.kd-library__head h1{margin:0}.kd-library__logout{margin-top:var(--sp-7)}.kd-grid{margin:var(--sp-4) 0 0;gap:var(--sp-2);flex-direction:column;padding:0;list-style:none;display:flex}.kd-dubcard{align-items:center;gap:var(--sp-3);padding:var(--sp-2);border-radius:var(--r-card);background:var(--bg-1);display:flex}.kd-dubcard__cover{border-radius:var(--r-art);background:linear-gradient(135deg, var(--bg-3), var(--bg-1));width:56px;height:56px;color:var(--fg);flex:none;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.kd-dubcard__play{opacity:.9;font-size:1rem;line-height:1}.kd-dubcard__meta{align-items:flex-start;gap:var(--sp-1);flex-direction:column;flex:1;min-width:0;display:flex}.kd-dubcard__title{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-weight:600;overflow:hidden}.kd-dubcard__retry{flex:none;margin:0}@media (min-width:1024px){.kd-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(170px,1fr));align-items:start;display:grid}.kd-dubcard{padding:var(--sp-3);flex-direction:column;align-items:stretch}.kd-dubcard__cover{aspect-ratio:1;width:100%;height:auto}.kd-dubcard__play{font-size:2rem}}.kd-player{aspect-ratio:16/9;border-radius:var(--r-card);color:#fff;-webkit-user-select:none;user-select:none;background:#000;width:100%;max-height:70vh;position:relative;overflow:hidden}.kd-player:fullscreen{aspect-ratio:auto;border-radius:0;height:100vh;max-height:none}.kd-player--idle{cursor:none}.kd-player__visual{background:radial-gradient(120% 80% at 50% 0,#1a1a22 0%,#050507 70%);place-items:center;display:grid;position:absolute;inset:0}.kd-player__placeholder{color:var(--fg-faint);font-size:var(--fs-caption);letter-spacing:.08em;text-transform:uppercase}.kd-player__scrim{pointer-events:none;transition:opacity var(--dur-slow) var(--ease);background:linear-gradient(#0000 50%,#00000059 76%,#000000d1 100%),linear-gradient(#00000073 0,#0000 72px);position:absolute;inset:0}.kd-player__scrim--hidden{opacity:0}.kd-cc{z-index:2;pointer-events:none;text-align:center;padding:0 var(--sp-6);text-shadow:0 2px 12px #000000b3;position:absolute;left:0;right:0}.kd-cc--lower{transition:bottom var(--dur-slow) var(--ease);bottom:28%}.kd-cc--lower.kd-cc--raised{bottom:40%}.kd-cc__line{white-space:nowrap;margin:0;font-size:clamp(16px,4vw,36px);font-weight:700;line-height:1.25}.kd-cc__word{opacity:.55;transition:opacity var(--dur-fast) var(--ease)}.kd-cc__word--active{opacity:1;background:var(--grad-neon);color:#0000;-webkit-background-clip:text;background-clip:text}.kd-cc__word--solid{opacity:1}.kd-cc__wipewrap{display:inline-block;position:relative}.kd-cc__wipe-base{color:#ffffff80;display:block}.kd-cc__wipe-fill{position:absolute;top:0;left:0}.kd-cc__wipe-fill--theme{background:var(--grad-neon);color:#0000;-webkit-background-clip:text;background-clip:text}.kd-cc__ballwrap{display:inline-block;position:relative}.kd-cc__ball{border-radius:var(--r-pill);background:var(--brand-cyan);width:12px;height:12px;box-shadow:0 0 10px var(--brand-cyan);margin-left:-6px;transition:left 90ms linear;animation:.6s ease-in-out infinite kd-ball-bob;position:absolute;top:-.75em}@keyframes kd-ball-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.kd-cc--pending{text-align:center;color:var(--fg-muted);margin:0;position:absolute;bottom:30%;left:0;right:0}.kd-player__status{z-index:3;place-content:center;justify-items:center;gap:var(--sp-3);color:var(--fg-muted);background:#0006;display:grid;position:absolute;inset:0}.kd-player__status--error{color:var(--danger)}.kd-player__spinner{border-radius:var(--r-pill);border:3px solid var(--line-strong);border-top-color:var(--accent);width:28px;height:28px;animation:.8s linear infinite kd-spin}@keyframes kd-spin{to{transform:rotate(360deg)}}.kd-player__chrome{z-index:4;justify-content:flex-end;gap:var(--sp-3);padding:var(--sp-5);transition:opacity var(--dur-slow) var(--ease);flex-direction:column;display:flex;position:absolute;inset:0}.kd-player__chrome--hidden{opacity:0;pointer-events:none}.kd-player__meta{flex-direction:column;gap:2px;display:flex}.kd-player__title{white-space:nowrap;text-overflow:ellipsis;max-width:min(520px,60vw);font-size:22px;font-weight:700;line-height:1.2;overflow:hidden}.kd-player__artist{color:var(--fg-muted);font-size:var(--fs-body)}.kd-player__scrubber{align-items:center;gap:var(--sp-3);display:flex}.kd-player__time{font-variant-numeric:tabular-nums;min-width:42px;font-size:var(--fs-caption);color:var(--fg-muted)}.kd-player__time:last-child{text-align:right}.kd-player__seek{width:auto;accent-color:var(--brand-cyan);cursor:pointer;flex:1;margin:0;padding:0}.kd-player__seek:disabled{opacity:.5;cursor:default}.kd-player__transport{justify-content:center;align-items:center;gap:var(--sp-5);display:flex}.kd-tbtn{border-radius:var(--r-pill);color:#fff;cursor:pointer;width:44px;height:44px;transition:transform var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.kd-tbtn:hover{background:#ffffff1f;transform:scale(1.04)}.kd-tbtn:active{transform:scale(.96)}.kd-tbtn:disabled{opacity:.4;cursor:default}.kd-tbtn--primary{background:#ffffff1f;width:64px;height:64px;box-shadow:inset 0 0 0 1px #ffffff40}.kd-tbtn--primary:hover{background:#fff3}.kd-skip{justify-content:center;align-items:center;display:inline-flex;position:relative}.kd-skip__n{letter-spacing:-.02em;place-items:center;padding-top:1px;font-size:8px;font-weight:700;display:grid;position:absolute;inset:0}.kd-player__bottom{justify-content:space-between;align-items:flex-end;gap:var(--sp-4);display:flex}.kd-player__secondary{align-items:center;gap:var(--sp-2);display:flex;position:relative}.kd-iconbtn{border-radius:var(--r-control);color:#ffffffd9;cursor:pointer;width:40px;height:40px;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.kd-iconbtn:hover{color:#fff;background:#ffffff1f}.kd-iconbtn--on{color:var(--brand-cyan)}.kd-vocals{gap:var(--sp-1);flex-direction:column;display:flex}.kd-vocals label{color:#fff;font-size:var(--fs-caption);margin:0;font-weight:600}.kd-vocals input[type=range]{width:140px;max-width:40vw;accent-color:var(--brand-cyan);cursor:pointer;margin:0;padding:0}.kd-player__settingswrap{position:relative}.kd-settings{width:200px;padding:var(--sp-2);border-radius:var(--r-control);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141418f2;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 8px 24px #00000080}.kd-settings__heading{font-size:var(--fs-caption);color:var(--fg-muted);margin:4px 8px 8px}.kd-settings__item{align-items:center;gap:var(--sp-2);border-radius:var(--r-control);color:#fff;width:100%;font-size:var(--fs-body);text-align:left;cursor:pointer;background:0 0;border:none;margin:0;padding:8px;display:flex}.kd-settings__item:hover{background:#ffffff14}.kd-settings__dot{border-radius:var(--r-pill);border:1.5px solid var(--fg-faint);flex:none;width:10px;height:10px}.kd-settings__item--active .kd-settings__dot{border-color:var(--brand-cyan);background:var(--brand-cyan)}.kd-settings__colour{justify-content:space-between;align-items:center;gap:var(--sp-2);font-size:var(--fs-body);color:#fff;margin:6px 8px 2px;padding:0;display:flex}.kd-settings__colour input[type=color]{border:1px solid var(--line-strong);border-radius:var(--r-control);cursor:pointer;background:0 0;width:40px;height:26px;margin:0;padding:0}@media (max-width:600px){.kd-player{aspect-ratio:auto;height:72vh;max-height:none}.kd-player__title{font-size:18px}.kd-player__transport{gap:var(--sp-4)}}.kd-back{color:var(--fg-muted);font-size:var(--fs-secondary);text-decoration:none}.kd-back:hover{color:var(--fg)}.kd-miniplayer__art{border-radius:var(--r-art);background:linear-gradient(135deg, var(--bg-3), var(--bg-1));flex:none;width:40px;height:40px}.kd-miniplayer__title{min-width:0;color:var(--fg);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.kd-miniplayer .kd-playbtn{flex:none;width:40px;height:40px}.kd-auth{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--sp-6)}.kd-auth__brand{justify-content:center;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-5);font-weight:800;font-size:var(--fs-section);display:flex}.kd-auth__divider{margin:var(--sp-5) 0;border:none;border-top:1px solid var(--line)}.kd-authform h2{font-size:var(--fs-section);margin:0 0 var(--sp-2)}.kd-input{border-radius:var(--r-control);border:1px solid var(--line-strong);background:var(--bg-2);width:100%;color:var(--fg);font:inherit;margin:0;padding:10px 12px}.kd-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.kd-btn--block{width:100%;margin-top:var(--sp-4)}.kd-auth{max-width:26rem}.kd-auth__panel{flex-direction:column;display:flex}.kd-auth__title{font-size:var(--fs-display);text-align:center;margin:0 0 var(--sp-2);font-weight:800}.kd-auth__sub{color:var(--fg-muted);font-size:var(--fs-secondary);text-align:center;margin:0 0 var(--sp-5)}.kd-auth__hint{color:var(--fg-muted);font-size:var(--fs-caption);margin:var(--sp-2) 0 0}.kd-btn--grad{background:var(--grad-neon);color:#fff}.kd-btn--grad:active{background:var(--grad-neon);filter:brightness(.92)}.kd-auth__or{align-items:center;gap:var(--sp-3);margin:var(--sp-5) 0;color:var(--fg-faint);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.08em;display:flex}.kd-auth__or:before,.kd-auth__or:after{content:"";border-top:1px solid var(--line);flex:1}.kd-social{gap:var(--sp-2)}.kd-auth__foot{align-items:center;gap:var(--sp-3);margin-top:var(--sp-5);flex-direction:column;display:flex}.kd-authlink{font:inherit;cursor:pointer;color:var(--brand-cyan);background:0 0;border:none;padding:0}.kd-authlink:hover{text-decoration:underline}.kd-authlink:disabled{color:var(--fg-faint);cursor:default;text-decoration:none}.kd-authlink--muted{color:var(--fg-muted)}.kd-authlink--back{color:var(--fg-muted);margin-bottom:var(--sp-2);align-self:flex-start}.kd-check{align-items:center;gap:var(--sp-2);margin-top:var(--sp-3);color:var(--fg-muted);font-size:var(--fs-secondary);cursor:pointer;display:flex}.kd-check input{width:auto;accent-color:var(--brand-cyan)}.kd-otp{gap:var(--sp-2);margin:var(--sp-2) 0 var(--sp-4);justify-content:center;display:flex}.kd-otp__box{text-align:center;border-radius:var(--r-control);border:1px solid var(--line-strong);background:var(--bg-2);width:44px;height:52px;color:var(--fg);font-size:22px;font-weight:700}.kd-otp__box:focus-visible{outline:2px solid var(--brand-cyan);outline-offset:1px;border-color:var(--brand-cyan)}.kd-devcode{text-align:center;color:var(--fg-muted);font-size:var(--fs-caption);margin:0 0 var(--sp-3)}.kd-devcode code{color:var(--brand-cyan);letter-spacing:.12em;font-weight:700}.kd-handle{align-items:center;gap:var(--sp-1);display:flex}.kd-handle__at{color:var(--fg-muted);font-size:var(--fs-section)}.kd-handle__input{flex:1}.kd-lyric-lines{gap:var(--sp-2);margin:var(--sp-4) 0;font-size:var(--fs-section);flex-direction:column;line-height:2.2;display:flex}.kd-lyric-line{flex-wrap:wrap;gap:2px;display:flex}.kd-lyric-word-wrap{position:relative}.kd-lyric-word{width:auto;color:var(--fg);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:4px;margin:0;padding:2px 4px}.kd-lyric-word:hover{background:var(--bg-2)}.kd-lyric-word--suggest{-webkit-text-decoration:underline wavy;text-decoration:underline wavy;-webkit-text-decoration-color:var(--danger);text-decoration-color:var(--danger);text-underline-offset:3px;text-decoration-thickness:2px}.kd-lyric-pop{z-index:20;gap:var(--sp-2);min-width:200px;padding:var(--sp-3);background:var(--bg-2);border:1px solid var(--line-strong);border-radius:var(--r-control);flex-direction:column;margin-top:4px;display:flex;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #00000080}.kd-lyric-pop__opt{text-align:left;background:var(--bg-3);border:1px solid var(--line);border-radius:var(--r-control);width:100%;color:var(--fg);font:inherit;cursor:pointer;margin:0;padding:6px 10px;font-weight:600}.kd-lyric-pop__opt:hover{border-color:var(--accent);color:var(--accent)}.kd-lyric-pop__other{gap:var(--sp-2);display:flex}.kd-lyric-pop__other .kd-input{flex:1;min-width:0}.kd-lyric-editor__actions{align-items:center;gap:var(--sp-3);margin-top:var(--sp-5);display:flex}.kd-play__nav{gap:var(--sp-4);display:flex}