:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--jp-bg:#0a0a0c;--jp-surface:#141418;--jp-surface-2:#1c1c22;--jp-border:#ffffff14;--jp-text:#f4f4f7;--jp-muted:#9b9ba8;--jp-accent:#8b7cff;--jp-accent-strong:#6d5efc;--jp-waveform-rest:#3a3550;--jp-accent-text:#0a0a0c;--jp-success:#3dd68c;--jp-danger:#ff6b7a;--jp-radius-card:18px;--jp-radius-button:999px;--jp-space-1:4px;--jp-space-2:8px;--jp-space-3:12px;--jp-space-4:16px;--jp-space-5:20px;--jp-space-6:24px;--jp-font:"Segoe UI", "SF Pro Text", "Helvetica Neue", sans-serif;--jp-safe-top:env(safe-area-inset-top,0px);--jp-safe-bottom:env(safe-area-inset-bottom,0px);--jp-safe-left:env(safe-area-inset-left,0px);--jp-safe-right:env(safe-area-inset-right,0px);--jp-tg-height:100dvh}*{box-sizing:border-box}html,body,#root{min-height:var(--jp-tg-height)}body{background:var(--jp-bg);color:var(--jp-text);font-family:var(--jp-font);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea{font:inherit}a{color:var(--jp-accent)}.jp-shell{min-height:var(--jp-tg-height);padding:calc(var(--jp-safe-top) + var(--jp-space-4)) calc(var(--jp-safe-right) + var(--jp-space-4)) calc(var(--jp-safe-bottom) + var(--jp-space-4)) calc(var(--jp-safe-left) + var(--jp-space-4));gap:var(--jp-space-4);flex-direction:column;display:flex}.jp-brand{gap:var(--jp-space-1);flex-direction:column;display:flex}.jp-brand h1{letter-spacing:-.03em;margin:0;font-size:1.35rem}.jp-brand-button{appearance:none;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;padding:0}.jp-brand p,.jp-muted{color:var(--jp-muted);margin:0}.jp-card{background:var(--jp-surface);border:1px solid var(--jp-border);border-radius:var(--jp-radius-card);padding:var(--jp-space-5)}.jp-button{border-radius:var(--jp-radius-button);background:var(--jp-accent);color:var(--jp-accent-text);border:0;padding:12px 18px;font-weight:600}.jp-button-secondary{background:var(--jp-surface-2);color:var(--jp-text)}.jp-mode-active{outline:2px solid var(--jp-accent)}.jp-song{gap:var(--jp-space-4);flex-direction:column;display:flex}.jp-song h2,.jp-song h3{margin:0 0 var(--jp-space-2)}.jp-chip-row,.jp-player-actions,.jp-player-meta{gap:var(--jp-space-2);flex-wrap:wrap;align-items:center;display:flex}.jp-chip{border-radius:var(--jp-radius-button);background:var(--jp-surface-2);padding:4px 10px;font-size:.8rem}.jp-chip-success{color:var(--jp-success)}.jp-banner{margin-top:var(--jp-space-3);padding:var(--jp-space-3);background:var(--jp-surface-2);border-radius:12px}.jp-player audio{display:none}.jp-waveform{height:96px;margin-bottom:var(--jp-space-3);touch-action:none;background:linear-gradient(#2a2440,#16141f);border-radius:14px;position:relative;overflow:hidden}.jp-waveform-canvas{width:100%;height:100%;display:block}.jp-playhead{background:var(--jp-text);pointer-events:none;width:2px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.jp-marker{background:var(--jp-accent);border:0;border-radius:50%;width:10px;height:10px;position:absolute;top:10px;transform:translate(-50%);box-shadow:0 0 0 3px #8b7cff40}.jp-waveform-pending{color:var(--jp-muted);margin:0;font-size:.75rem;position:absolute;bottom:8px;right:10px}.jp-list{margin:0 0 var(--jp-space-3);padding:0;list-style:none}.jp-comment,.jp-list a{text-align:left;width:100%;color:inherit;padding:var(--jp-space-2) 0;background:0 0;border:0;display:block}.jp-stack{gap:var(--jp-space-4);flex-direction:column;display:flex}.jp-form{gap:var(--jp-space-3);margin-top:var(--jp-space-3);flex-direction:column;display:flex}.jp-form input,.jp-form select,.jp-comment-form textarea,.jp-form textarea{width:100%;margin-top:var(--jp-space-1);border:1px solid var(--jp-border);background:var(--jp-bg);color:var(--jp-text);padding:var(--jp-space-2);border-radius:12px;display:block}.jp-button-link{margin-top:var(--jp-space-3);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.jp-project-row{justify-content:space-between;gap:var(--jp-space-3);align-items:flex-start;display:flex}.jp-error{color:var(--jp-danger);margin:0}.jp-check{gap:var(--jp-space-2);align-items:center;display:flex}.jp-provenance{margin-left:var(--jp-space-2);background:color-mix(in srgb, var(--jp-accent) 12%, transparent);color:var(--jp-text);border-radius:999px;align-items:center;padding:2px 8px;font-size:.75rem;text-decoration:none;display:inline-flex}.jp-provenance-studio{color:var(--jp-accent)}.jp-comment-form textarea{width:100%;min-height:72px;margin:var(--jp-space-2) 0;border:1px solid var(--jp-border);background:var(--jp-bg);color:var(--jp-text);padding:var(--jp-space-2);border-radius:12px;display:block}