:root{--font-geist-sans:"Geist", Arial, sans-serif;--font-geist-mono:"Geist Mono", monospace;--ink:#20221d;--muted:#777a70;--line:#dedfd7;--paper:#f4f4ee;--panel:#fbfbf7;--acid:#d7ff43;--blue:#3459f5;--red:#ff5f50;--surface-raised:#fff;--surface-subtle:#eff0ea;--surface-hover:#f0f2e9;--field:#fff;--line-strong:#d3d5cc;--overlay:#1f201c5c;--shadow:#1f201c29;--on-accent:#fff;--brand-mark:#000;--skeleton-base:#ecece6;--skeleton-highlight:#f6f6f1;--youtube-icon:#9b3128;--youtube-surface:#ffe2de;--recording-accent:#b2473c;--recording-surface:#fff0ed;--segmented-surface:#eceee6;--segmented-selected-surface:#dde5ff;--segmented-selected-ink:#3459f5;--control-surface:var(--surface-raised);--control-hover:var(--surface-hover);--control-selected-surface:var(--segmented-selected-surface);--control-selected-ink:var(--segmented-selected-ink);--popover-surface:var(--surface-raised);--sheet-surface:var(--panel);--rail-surface:#ebebe4;--button-primary-surface:var(--blue);--button-primary-ink:var(--on-accent);--control-track:#dcded5;--control-thumb:#fff;--diagnostic-success-surface:#e3f3e7;--diagnostic-success-strong:#2f7d47;--diagnostic-warning-surface:#fdf3d0;--diagnostic-warning-strong:#c9a227;--diagnostic-danger-surface:#ffe5df;--diagnostic-danger-strong:#b91c1c;--plan-free-gradient-start:#dedfd9;--plan-free-gradient-end:#cdd0c8;--hero-surface:#e6ebff;--hero-surface-alt:#eef6d9;--hero-line:#dbe2fb;--hero-image-line:#2b2a27;--hero-image-card-line:#b7baaf;--hero-image-ink:#fff;--hero-image-muted:#eef0ee;--hero-image-overlay:linear-gradient(0deg, #000000db 0%, #00000075 46%, #0000000d 100%);--hero-image-cta-surface:#101318c7;--hero-image-cta-ink:#cbd3ff;--hero-image-cta-icon-surface:#a8b8ff;--hero-image-cta-icon-ink:#101318;--discover-mix-surface:#c9d8e0;--discover-karaoke-surface:#dfc6d3;--discover-record-surface:#d9c6ad;--discover-chords-surface:#c5d3c2;--discover-loop-surface:#c6c3e1;--discover-share-surface:#c9d6d6;--demo-badge-surface:#fff0c2;--demo-badge-ink:#7a5600;--tuning-in-tune:#2f7d47;--tuning-in-tune-surface:#e3f3e7;--tuning-off:#b26a00;--piano-white-key:#fff;--piano-black-key:#2b2d28;--marketing-stage-surface:#20221d;--marketing-stage-ink:#f4f4ee;--marketing-stage-muted:#a9ada2;--marketing-stage-line:#3a3f38;--marketing-console-surface:#fbfbf7;--marketing-lane-line:#e6e7df;--marketing-highlight:#d7ff43;--marketing-highlight-ink:#20221d;--marketing-stem-vocals:#3459f5;--marketing-stem-drums:#20221d;--marketing-stem-bass:#1f8a5b;--marketing-stem-guitar:#c8711c;--marketing-stem-piano:#c2477f;--marketing-stem-other:#8a8f86}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ink:#f0f1eb;--muted:#a9ada2;--line:#353933;--paper:#111310;--panel:#1b1f1a;--acid:#d8ff58;--blue:#91a5ff;--red:#ff8579;--surface-raised:#181b17;--surface-subtle:#1d201c;--surface-hover:#232720;--field:#181b17;--line-strong:#3a3f38;--overlay:#0000009e;--shadow:#0000006b;--on-accent:#12140f;--brand-mark:#000;--rail-surface:#0b0c0a;--skeleton-base:#242823;--skeleton-highlight:#343a32;--youtube-icon:#ff8175;--youtube-surface:#30211f;--recording-accent:#ff958a;--recording-surface:#422624;--segmented-surface:#1a1e1a;--segmented-selected-surface:#2a3961;--segmented-selected-ink:#c5d0ff;--control-track:#3a3f38;--control-thumb:#f0f1eb;--diagnostic-success-surface:#203b28;--diagnostic-success-strong:#8ddaa2;--diagnostic-warning-surface:#423b1f;--diagnostic-warning-strong:#f1cf62;--diagnostic-danger-surface:#422624;--diagnostic-danger-strong:#ff958a;--plan-free-gradient-start:#505050;--plan-free-gradient-end:#30322e;--hero-surface:#232d47;--hero-surface-alt:#232c1c;--hero-line:#3b4766;--hero-image-line:#555953;--hero-image-card-line:#555953;--hero-image-ink:#fff;--hero-image-muted:#eef0ee;--hero-image-overlay:linear-gradient(0deg, #000000e6 0%, #0000008c 46%, #0000001a 100%);--hero-image-cta-surface:#101318d1;--hero-image-cta-ink:#cbd3ff;--hero-image-cta-icon-surface:#a8b8ff;--hero-image-cta-icon-ink:#101318;--discover-mix-surface:#324550;--discover-karaoke-surface:#4a3541;--discover-record-surface:#493d30;--discover-chords-surface:#35463a;--discover-loop-surface:#3b3958;--discover-share-surface:#344447;--demo-badge-surface:#3d3216;--demo-badge-ink:#f1d27a;--tuning-in-tune:#8ddaa2;--tuning-in-tune-surface:#203b28;--tuning-off:#f1b45a;--piano-white-key:#d9dbd3;--piano-black-key:#0b0c0a;--marketing-stage-surface:#1b1f1a;--marketing-stage-ink:#f0f1eb;--marketing-stage-muted:#a9ada2;--marketing-stage-line:#353933;--marketing-console-surface:#161915;--marketing-lane-line:#262a24;--marketing-highlight:#d8ff58;--marketing-highlight-ink:#12140f;--marketing-stem-vocals:#91a5ff;--marketing-stem-drums:#e6e8df;--marketing-stem-bass:#5fd39a;--marketing-stem-guitar:#f2ac5c;--marketing-stem-piano:#ef8bbb;--marketing-stem-other:#9aa096}}:root[data-theme=dark]{--ink:#f0f1eb;--muted:#a9ada2;--line:#353933;--paper:#111310;--panel:#1b1f1a;--acid:#d8ff58;--blue:#91a5ff;--red:#ff8579;--surface-raised:#181b17;--surface-subtle:#1d201c;--surface-hover:#232720;--field:#181b17;--line-strong:#3a3f38;--overlay:#0000009e;--shadow:#0000006b;--on-accent:#12140f;--brand-mark:#000;--rail-surface:#0b0c0a;--skeleton-base:#242823;--skeleton-highlight:#343a32;--youtube-icon:#ff8175;--youtube-surface:#30211f;--recording-accent:#ff958a;--recording-surface:#422624;--segmented-surface:#1a1e1a;--segmented-selected-surface:#2a3961;--segmented-selected-ink:#c5d0ff;--control-track:#3a3f38;--control-thumb:#f0f1eb;--diagnostic-success-surface:#203b28;--diagnostic-success-strong:#8ddaa2;--diagnostic-warning-surface:#423b1f;--diagnostic-warning-strong:#f1cf62;--diagnostic-danger-surface:#422624;--diagnostic-danger-strong:#ff958a;--plan-free-gradient-start:#505050;--plan-free-gradient-end:#30322e;--hero-surface:#232d47;--hero-surface-alt:#232c1c;--hero-line:#3b4766;--hero-image-line:#555953;--hero-image-card-line:#555953;--hero-image-ink:#fff;--hero-image-muted:#eef0ee;--hero-image-overlay:linear-gradient(0deg, #000000e6 0%, #0000008c 46%, #0000001a 100%);--hero-image-cta-surface:#101318d1;--hero-image-cta-ink:#cbd3ff;--hero-image-cta-icon-surface:#a8b8ff;--hero-image-cta-icon-ink:#101318;--discover-mix-surface:#324550;--discover-karaoke-surface:#4a3541;--discover-record-surface:#493d30;--discover-chords-surface:#35463a;--discover-loop-surface:#3b3958;--discover-share-surface:#344447;--demo-badge-surface:#3d3216;--demo-badge-ink:#f1d27a;--tuning-in-tune:#8ddaa2;--tuning-in-tune-surface:#203b28;--tuning-off:#f1b45a;--piano-white-key:#d9dbd3;--piano-black-key:#0b0c0a;--marketing-stage-surface:#1b1f1a;--marketing-stage-ink:#f0f1eb;--marketing-stage-muted:#a9ada2;--marketing-stage-line:#353933;--marketing-console-surface:#161915;--marketing-lane-line:#262a24;--marketing-highlight:#d8ff58;--marketing-highlight-ink:#12140f;--marketing-stem-vocals:#91a5ff;--marketing-stem-drums:#e6e8df;--marketing-stem-bass:#5fd39a;--marketing-stem-guitar:#f2ac5c;--marketing-stem-piano:#ef8bbb;--marketing-stem-other:#9aa096}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/geist-ff2310f5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/geist-875ccdd4.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/geist-52306abf.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/geist-001175b1.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/geist-98bbbccb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/geist-mono-f6b33328.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/geist-mono-44e03052.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/geist-mono-0638449e.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/geist-mono-971fb274.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/geist-mono-44745446.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/geist-mono-013b2f2f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box}html,body{min-height:100%;margin:0}html{background:var(--paper)}body{background:var(--paper);color:var(--ink);font-family:var(--font-geist-sans), Arial, sans-serif;position:relative;overflow-x:hidden}input,textarea,select{color:var(--ink);background-color:var(--field);border-color:var(--line-strong)}button,input{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,a:focus-visible,.mobile-home-tools a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.help-link{color:var(--blue);text-underline-offset:3px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px}.help-link:hover{color:var(--ink)}.media-drop-help{font-size:12px}.upload-details-help{align-self:center;font-size:12px}.account-help-note{color:var(--muted);font-size:13px}.studio-help-note{color:var(--muted);font:500 11px/1.4 var(--font-geist-sans), Arial, sans-serif;letter-spacing:normal;text-transform:none;white-space:normal;margin:0}.studio-help-note .help-link,.studio-help-link{font-size:11px}.studio-help-link{font-family:var(--font-geist-sans), Arial, sans-serif;letter-spacing:normal;text-transform:none;white-space:nowrap;flex:none}.page-header{background:var(--paper);align-items:center;min-height:82px;padding:0 clamp(22px,4vw,64px);display:flex}.page-back-button{border:1px solid var(--line-strong);width:37px;height:37px;color:var(--ink);background:var(--control-surface);border-radius:50%;flex:none;place-items:center;text-decoration:none;display:grid}.page-back-button:hover{color:var(--blue);border-color:var(--blue);background:var(--control-hover)}.page-header-title{text-align:center;letter-spacing:-.04em;flex:1;margin:0;font-size:20px}.page-header-spacer{flex:none;width:37px}.page-back-label{display:none}@media (min-width:701px){.page-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;display:grid}.page-back-button{width:auto;height:auto;color:var(--muted);background:0 0;border:0;border-radius:0;justify-self:start;align-items:center;gap:5px;font-size:12px;display:inline-flex}.page-back-button:hover{color:var(--ink);background:0 0;border-color:#0000}.page-back-button>svg{width:15px;height:15px}.page-back-label{display:inline}}.ui-icon-button{border:1px solid var(--line-strong);width:30px;height:30px;color:var(--ink);background:var(--control-surface);cursor:pointer;border-radius:6px;place-items:center;padding:0;display:grid}.ui-icon-button:hover{color:var(--blue);border-color:var(--blue);background:var(--control-hover)}.ui-field{border:1px solid var(--line-strong);width:100%;color:var(--ink);background:var(--field);border-radius:9px}.ui-primary-button{border:1px solid var(--button-primary-surface);color:var(--button-primary-ink);background:var(--button-primary-surface);font:inherit;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.ui-primary-button:hover:not(:disabled){filter:brightness(1.08)}.ui-primary-button:disabled{opacity:.65;cursor:wait}.ui-popover{border:1px solid var(--line-strong);color:var(--ink);background:var(--popover-surface);box-shadow:0 9px 24px var(--shadow)}.ui-sheet-surface{border-color:var(--line);color:var(--ink);background:var(--sheet-surface);box-shadow:0 -12px 32px var(--shadow)}.ui-segmented{border:1px solid var(--line-strong);background:var(--segmented-surface)}.ui-segmented>.active{color:var(--control-selected-ink);background:var(--control-selected-surface)}@media (max-width:700px){.page-header{min-height:var(--home-header-height,72px);gap:12px;padding:11px 17px}.page-header-title{text-align:left;letter-spacing:-1px;font-size:28px;font-weight:740}}.library-shortcut{z-index:40;color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fbfbf7eb;border:1px solid #d5d7ce;border-radius:999px;align-items:center;gap:7px;padding:10px 13px;font-size:11px;font-weight:680;text-decoration:none;display:inline-flex;position:fixed;bottom:20px;right:22px;box-shadow:0 8px 28px #1f201c17}.library-shortcut:hover{color:#fff;border-color:var(--blue);background:var(--blue)}:root[data-theme=dark] .home-topbar,:root[data-theme=dark] .chord-row,:root[data-theme=dark] .chord-control,:root[data-theme=dark] .library-search-results,:root[data-theme=dark] .tool-card,:root[data-theme=dark] .mobile-home-add,:root[data-theme=dark] .recent-track,:root[data-theme=dark] .empty-track{background:var(--surface-raised)!important;border-color:var(--line)!important}:root[data-theme=dark] .mobile-home-add-icon{background:var(--segmented-selected-surface)!important}:root[data-theme=dark] .setlist-empty>span{background:#2c3855!important}:root[data-theme=dark] .chord-segment,:root[data-theme=dark] .volume-popover{color:var(--ink)!important;background:var(--surface-raised)!important;border-color:var(--line-strong)!important}:root[data-theme=dark] .chord-segment:hover{background:var(--surface-hover)!important}.account-signin,.account-signed-in,.account-auth-placeholder{min-width:92px;min-height:37px;color:var(--ink);background:#ffffffb8;border:1px solid #d3d5cc;border-radius:9px;align-items:center;gap:8px;padding:0 12px;font-size:11px;font-weight:680;text-decoration:none;display:inline-flex}.account-auth-placeholder{pointer-events:none}.account-auth-placeholder>.account-label{display:none}.home-actions .account-signin,.home-actions .account-auth-placeholder{border-radius:999px;justify-content:center;gap:0;min-width:37px;height:37px;padding:0 10px;transition:padding .3s,gap .3s,color .15s,border-color .15s,background-color .15s}.home-actions .account-label{opacity:0;white-space:nowrap;max-width:0;transition:max-width .3s,opacity .2s .1s;display:block;overflow:hidden}.home-actions .account-signin{gap:6px;padding:0 14px}.home-actions .account-signin .account-label{opacity:1;max-width:64px}@media (prefers-reduced-motion:reduce){.home-actions .account-signin,.home-actions .account-auth-placeholder,.home-actions .account-label{transition:none}}.skeleton-block{background:linear-gradient(90deg, var(--skeleton-base) 0%, var(--skeleton-highlight) 50%, var(--skeleton-base) 100%);background-size:200% 100%;border-radius:8px;animation:1.2s ease-in-out infinite jam-skeleton;display:block}@keyframes jam-skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}.jam-appear,.wave-bars svg,.beat-grid-overlay,.chord-segment{animation:.24s ease-out jam-appear}@keyframes jam-appear{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.jam-appear,.wave-bars svg,.beat-grid-overlay,.chord-segment{animation:none}}.recent-track-skeleton{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.recent-track-skeleton>span{border-radius:10px;min-height:66px}.account-signin:hover{color:#fff;border-color:var(--blue);background:var(--blue)}.account-signed-in{border-radius:50%;place-items:center;width:37px;min-width:37px;padding:0;display:grid}.account-signed-in:hover{color:#fff;border-color:var(--blue);background:var(--blue)}.home-page{background:var(--paper);min-height:100vh}.home-topbar{border-bottom:1px solid var(--line);background:#fbfbf7b8;grid-template-columns:minmax(150px,1fr) minmax(260px,550px) minmax(150px,1fr);align-items:center;gap:22px;min-height:82px;padding:0 clamp(22px,4vw,64px);display:grid}.home-brand{color:var(--ink);letter-spacing:-.8px;align-items:center;gap:9px;font-size:19px;font-weight:730;text-decoration:none;display:inline-flex}.home-brand>span{width:31px;height:31px;color:var(--acid);background:var(--brand-mark);border-radius:50%;place-items:center;display:grid}.library-search{min-width:0;position:relative}.home-search{color:#9b9d95;background:#fff;border:1px solid #dcddd5;border-radius:8px;align-items:center;gap:9px;height:39px;padding:0 12px;display:flex}.home-search:focus-within{border-color:#aab8f7;box-shadow:0 0 0 3px #3459f51a}.home-search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}.home-search input::placeholder{color:#9b9d95}.home-actions{justify-self:end;align-items:center;gap:9px;display:flex}.library-search-results{z-index:50;background:#fbfbf7;border:1px solid #cfd1c8;border-radius:12px;width:min(680px,100vw - 32px);max-height:min(72vh,690px);padding:8px;position:absolute;top:calc(100% + 8px);left:0;overflow:auto;box-shadow:0 18px 46px #1f201c2e}.search-result-section{border-bottom:1px solid #e1e2da;padding:12px}.search-result-section:last-child{border-bottom:0}.search-result-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;display:flex}.search-result-heading h2{font:650 10px/1 var(--font-geist-mono), monospace;letter-spacing:.07em;text-transform:uppercase;margin:0}.search-result-heading>a{color:var(--blue);align-items:center;font-size:10px;font-weight:680;text-decoration:none;display:inline-flex}.search-result-heading>span{color:var(--muted);font-size:9px}.search-youtube-heading-meta{align-items:center;gap:7px;display:inline-flex}.search-youtube-mark{color:var(--youtube-icon);flex:none}.search-track-list{gap:4px;display:grid}.search-track-list>a,.search-page-list>a{min-width:0;color:var(--ink);border-radius:7px;align-items:center;gap:10px;padding:8px;text-decoration:none;display:flex}.search-track-list>a:hover,.search-page-list>a:hover{background:#f0f2e9}.search-track-list svg:first-child,.search-page-list svg,.search-track-artwork{color:var(--blue);flex:none}.search-track-artwork{object-fit:cover;background:#e8e9e2;border-radius:5px;width:24px;height:24px}.search-track-list span,.search-page-list span{min-width:0}.search-track-list strong,.search-track-list small,.search-page-list strong,.search-page-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.search-track-list strong,.search-page-list strong{font-size:11px}.search-track-list small,.search-page-list small{color:var(--muted);margin-top:2px;font-size:9px}.search-track-list svg:last-child{color:#9a9d94;margin-left:auto}.search-empty,.search-muted{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.search-upload-section .add-song{margin:0}.search-upload-section .song-upload-card{min-height:58px}.search-upload-section .add-song-message{margin-bottom:0}.library-search-results .youtube-results{gap:5px;max-height:245px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.library-search-results .youtube-results li{position:relative}.library-search-results .youtube-results button{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border:1px solid #e1e2da;border-radius:6px;grid-template-columns:58px minmax(0,1fr) auto;gap:8px;padding:5px;display:grid}.library-search-results .youtube-results button:hover:not(:disabled){border-color:var(--blue)}.library-search-results .youtube-results button:disabled{cursor:wait}.library-search-results .youtube-results img{object-fit:cover;border-radius:4px;width:58px;height:33px}.library-search-results .youtube-results strong,.library-search-results .youtube-results small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.library-search-results .youtube-results strong{font-size:10px}.library-search-results .youtube-results small{margin-top:3px;font-size:9px}.library-search-results .youtube-results em{color:#9b3128;font:600 8px/1 var(--font-geist-mono), monospace;text-transform:uppercase;align-self:center;font-style:normal}.library-search-results .youtube-results li.already-added button{color:#767970;cursor:not-allowed;background:#f1f1ed}.library-search-results .youtube-results li.already-added:after{content:"";pointer-events:none;background:#f6f6f14d;border-radius:6px;position:absolute;inset:0}.library-search-results .youtube-results li.already-added em{z-index:1;color:#5b5e56;background:#dfe1d9;border-radius:4px;padding:5px 6px;position:relative}.home-layout{grid-template-columns:minmax(0,1fr);min-height:calc(100vh - 82px);display:grid}.activity-panel{background:var(--paper);min-width:0}.panel-title,.row-heading{justify-content:space-between;align-items:end;gap:18px;display:flex}.panel-title h2,.row-heading h2{letter-spacing:-.045em;margin:5px 0 0;font-size:20px}.panel-title button{color:#999c92;cursor:not-allowed;background:0 0;border:1px solid #d5d7ce;border-radius:7px;place-items:center;width:28px;height:28px;padding:0;font-size:20px;display:grid}.setlist-empty{border-top:1px solid var(--line);margin-top:36px;padding:20px 0}.setlist-empty>span{color:#4960c5;background:#e7ebff;border-radius:9px;place-items:center;width:38px;height:38px;margin-bottom:16px;display:grid}.setlist-empty h3{letter-spacing:-.025em;margin:0 0 7px;font-size:14px}.setlist-empty p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.setlist-empty a{color:var(--blue);align-items:center;gap:3px;margin-top:17px;font-size:11px;font-weight:680;text-decoration:none;display:inline-flex}.activity-panel{padding:44px clamp(24px,4vw,70px) 70px}.dashboard-row{border-top:1px solid var(--line);padding:28px 0}.activity-panel>.dashboard-row:first-child{border-top:0;padding-top:0}.row-heading{margin-bottom:16px}.row-heading>a{color:var(--blue);align-items:center;gap:2px;font-size:11px;font-weight:670;text-decoration:none;display:inline-flex}.empty-track{color:#70736a;background:#ffffff61;border:1px dashed #d0d2c9;border-radius:11px;align-items:center;gap:13px;min-height:84px;padding:18px;display:flex}.empty-track>svg{color:#8e91a7;flex:none}.empty-track strong,.empty-track span{display:block}.empty-track strong{color:var(--ink);margin-bottom:3px;font-size:12px}.empty-track span{color:var(--muted);font-size:11px;line-height:1.45}.recent-track-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.recent-track{border:1px solid var(--line);min-width:0;min-height:66px;color:var(--ink);background:#ffffff8f;border-radius:10px;align-items:center;gap:9px;padding:10px;text-decoration:none;display:flex}.recent-track:hover{background:#fff;border-color:#bfc2b6}.recent-track>svg:first-child{color:var(--blue);flex:none}.recent-track>span{min-width:0}.recent-track strong,.recent-track small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.recent-track strong{font-size:11px}.recent-track small{color:var(--muted);margin-top:3px;font-size:9px}.recent-track>svg:last-child{display:none}.desktop-home-greeting{margin-bottom:22px}.desktop-home-greeting h1{letter-spacing:-1.1px;margin:0;font-size:clamp(28px,3vw,38px);font-weight:740;line-height:1.1}.desktop-home-greeting p{color:var(--muted);margin:6px 0 0;font-size:15px}.media-rights-note{color:var(--muted);margin:8px 2px 0;font-size:11px;line-height:1.5}.media-rights-note strong{color:var(--ink)}.add-song{margin-top:10px}.song-upload-card{border:1px dashed var(--line-strong);background:var(--surface-raised);border-radius:10px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:64px;padding:11px 12px;display:grid;position:relative;overflow:hidden}.add-song-icon{width:32px;height:32px;color:var(--on-accent);background:var(--blue);border-radius:8px;place-items:center;display:grid}.add-song-icon.saved{color:var(--on-accent);background:var(--acid)}.song-upload-copy{min-width:0}.song-upload-copy strong,.song-upload-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.song-upload-copy strong{font-size:11px}.song-upload-copy span{color:var(--muted);margin-top:3px;font-size:9px}.song-upload-button{min-height:32px;color:var(--on-accent);background:var(--ink);cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0 10px;font-size:10px;font-weight:680;text-decoration:none;display:inline-flex}.song-upload-button:hover{background:var(--blue)}.song-upload-button:disabled{opacity:.6;cursor:wait}.song-upload-status{color:var(--muted);font:600 9px/1 var(--font-geist-mono), monospace;justify-self:end}.song-upload-actions{align-items:center;gap:5px;display:flex}.song-upload-clear{border:1px solid var(--line-strong);width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;place-items:center;padding:0;display:grid}.song-upload-progress{background:var(--surface-subtle);height:3px;position:absolute;inset:auto 0 0}.song-upload-progress span{background:var(--blue);height:100%;transition:width .2s;display:block}.add-song-message{color:var(--muted);margin:8px 2px 0;font-size:10px}.add-song-message.error{color:var(--red)}.add-song-message.saved{color:var(--blue)}.add-song-message a{color:inherit;font-weight:700}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.tool-card{border:1px solid var(--line);min-height:188px;color:var(--ink);background:var(--surface-raised);border-radius:11px;flex-direction:column;padding:18px;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;position:relative}.tool-card:not(.disabled):hover{z-index:1;border-color:var(--line-strong);box-shadow:0 12px 30px var(--shadow);transform:translateY(-2px)}.tool-card.disabled{opacity:.72}.tool-icon{width:36px;height:36px;color:var(--on-accent);background:var(--blue);border-radius:9px;place-items:center;margin-bottom:24px;display:grid}.tool-card:nth-child(2) .tool-icon{color:var(--on-accent);background:var(--acid)}.tool-card:nth-child(3) .tool-icon{color:var(--segmented-selected-ink);background:var(--segmented-selected-surface)}.tool-card strong{letter-spacing:-.02em;font-size:13px}.tool-card p{color:var(--muted);margin:6px 0 auto;font-size:11px;line-height:1.45}.tool-status,.soon-label{color:var(--muted);background:var(--surface-subtle);font:600 8px/1 var(--font-geist-mono), monospace;letter-spacing:.05em;text-transform:uppercase;border-radius:99px;align-self:flex-start;margin-top:16px;padding:5px 7px;display:inline-flex}.dashboard-more{padding-bottom:0}.tool-topbar-actions{align-items:center;gap:16px;display:flex}.app-shell{grid-template-columns:228px minmax(0,1fr);min-height:100vh;display:grid}.workspace{min-width:0}.brand-mark{color:#fff;background:var(--brand-mark);border-radius:50%;place-items:center;width:33px;height:33px;display:grid}.nav-label,.eyebrow{color:#8c8e85;font:600 10px/1 var(--font-geist-mono), monospace;letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px}.soon-dot{background:#cacbc3;border-radius:50%;width:5px;height:5px;margin-left:auto}.status-light{background:#7fb259;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #7fb25921}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;min-height:114px;padding:30px 46px 24px;display:flex}.topbar h1{letter-spacing:-1px;margin:0;font-size:26px}.topbar-note{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.new-track-button{color:var(--ink);cursor:pointer;background:#ffffff7a;border:1px solid #d1d2ca;border-radius:8px;align-items:center;gap:7px;padding:10px 13px;font-size:11px;font-weight:650;display:inline-flex}.new-track-button:hover{background:#fff}.upload-stage{grid-template-columns:minmax(340px,.92fr) minmax(420px,1.08fr);align-items:center;gap:7vw;min-height:calc(100vh - 114px);padding:54px clamp(46px,7vw,110px);display:grid}.upload-copy{max-width:540px}.step-pill{color:#74776c;font:600 10px/1 var(--font-geist-mono), monospace;letter-spacing:.06em;text-transform:uppercase;border:1px solid #cdcec6;border-radius:999px;margin-bottom:30px;padding:7px 10px;display:inline-block}.upload-copy h2{letter-spacing:-.065em;margin:0;font-size:clamp(47px,5vw,76px);font-weight:560;line-height:.98}.upload-copy h2 em{color:var(--blue);font-family:Georgia,serif;font-weight:400}.upload-copy>p{max-width:470px;color:var(--muted);margin:25px 0 34px;font-size:16px;line-height:1.6}.stem-list{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.stem-list span{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding:12px 0;font-size:12px;font-weight:610;display:flex}.stem-list i{color:#a6a89e;font:400 9px/1 var(--font-geist-mono), monospace;font-style:normal}.chord-preview{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.chord-preview span{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding:12px 0;font-size:16px;font-weight:670;display:flex}.chord-preview i{color:#a6a89e;font:400 9px/1 var(--font-geist-mono), monospace;font-style:normal}.upload-card{background:var(--panel);border:1px dashed #b8bab0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:430px;padding:42px;transition:border-color .2s,transform .2s,background .2s;display:flex;position:relative;box-shadow:0 24px 70px #31322b0f}.upload-card:hover,.upload-card.dragging{border-color:var(--blue);transform:translateY(-2px)}.upload-card.dragging{background:#f1f3ff}.upload-card.has-file{border-style:solid}.upload-icon{background:var(--acid);border-radius:50%;place-items:center;width:58px;height:58px;margin-bottom:25px;transition:transform .2s;display:grid}.upload-card.dragging .upload-icon{transform:translateY(-6px)}.upload-card h3{letter-spacing:-.6px;text-align:center;margin:0 0 8px;font-size:22px}.upload-card>p{color:var(--muted);margin:0 0 27px;font-size:13px}.file-button,.primary-action,.secondary-action{color:var(--on-accent);background:var(--ink);cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-size:13px;font-weight:650;transition:transform .15s,background .15s;display:inline-flex}.file-button:hover,.primary-action:hover{background:var(--blue);transform:translateY(-1px)}.demo-button{color:#777a70;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-top:15px;padding:8px 10px;font-size:11px;font-weight:600;display:inline-flex}.demo-button:hover{color:var(--blue)}.file-meta{color:#9a9c93;font:500 9px/1 var(--font-geist-mono), monospace;text-transform:uppercase;letter-spacing:.06em;border-top:1px solid #e4e5de;justify-content:space-between;padding-top:16px;display:flex;position:absolute;bottom:28px;left:42px;right:42px}.inline-error{color:#a43c34;background:#ffe5df;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:11px;font-size:11px;display:flex;position:absolute;bottom:-52px;left:30px;right:30px}.selected-file-icon{width:66px;height:66px;color:var(--blue);background:#e8ebff;border-radius:17px;place-items:center;margin-bottom:20px;display:grid}.card-kicker{letter-spacing:.1em;text-transform:uppercase;color:#8d8f86!important;font:600 9px/1 var(--font-geist-mono), monospace!important;margin:0 0 8px!important}.selected-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.selected-size{font:500 10px/1 var(--font-geist-mono), monospace!important;margin:0 0 30px!important}.clear-file{color:#777970;cursor:pointer;background:0 0;border:1px solid #dbdcd4;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:22px;right:22px}.clear-file:hover{color:var(--ink);background:#fff}.privacy-note{color:#999b92;margin-top:17px;font-size:10px}.processing-stage{grid-template-columns:1fr minmax(420px,.85fr);align-items:center;gap:8vw;min-height:calc(100vh - 114px);padding:54px clamp(50px,9vw,135px);display:grid;overflow:hidden}.processing-visual{aspect-ratio:1;place-items:center;width:min(36vw,500px);display:grid;position:relative}.processing-visual:before{content:"";filter:blur(1px);background:#e7ebff;border-radius:50%;width:58%;height:58%;position:absolute}.processing-disc{z-index:2;width:146px;height:146px;color:var(--acid);border:10px solid var(--ink);background:var(--ink);border-radius:50%;place-items:center;animation:7s linear infinite rotate;display:grid;position:relative;box-shadow:0 20px 55px #27282333}.processing-disc:after{content:"";border:5px solid var(--acid);background:var(--ink);border-radius:50%;width:20px;height:20px;position:absolute}.orbit{border:1px solid #c9cbc3;border-radius:50%;animation:12s linear infinite rotate;position:absolute}.orbit:after{content:"";background:var(--blue);border-radius:50%;width:9px;height:9px;position:absolute;top:8%;left:24%;box-shadow:0 0 0 5px #3459f51f}.orbit-one{width:76%;height:76%}.orbit-two{border-style:dashed;width:100%;height:100%;animation-duration:20s;animation-direction:reverse}.orbit-two:after{background:var(--red);inset:auto 8% 25% auto;box-shadow:0 0 0 5px #ff5f501a}.floating-label{z-index:3;color:#777a70;font:600 8px/1 var(--font-geist-mono), monospace;letter-spacing:.1em;background:#fbfbf7e6;border:1px solid #d2d3cc;border-radius:6px;padding:7px 9px;position:absolute;box-shadow:0 6px 20px #1e1f1b0f}.label-one{top:15%;left:10%}.label-two{top:35%;right:5%}.label-three{bottom:20%;left:5%}.processing-copy{max-width:490px}.processing-copy h2,.error-stage h2{letter-spacing:-.06em;margin:14px 0 22px;font-size:clamp(43px,4.4vw,67px);font-weight:570;line-height:.98}.processing-copy h2 span{color:var(--blue)}.processing-file{color:#686b62;background:#ffffff73;border:1px solid #dedfd7;border-radius:9px;align-items:center;gap:10px;max-width:410px;margin-bottom:18px;padding:12px 14px;font-size:11px;display:flex}.processing-file span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.processing-progress{background:#ffffff94;border:1px solid #dfe0d8;border-radius:9px;max-width:420px;margin-bottom:18px;padding:15px 16px 13px;box-shadow:0 7px 24px #23242009}.progress-heading,.progress-detail{justify-content:space-between;align-items:center;gap:14px;display:flex}.progress-heading{color:#696c62;font:600 9px/1 var(--font-geist-mono), monospace;text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px}.progress-heading strong{color:var(--ink);font-size:11px}.progress-track{background:#e2e3dc;border-radius:99px;height:8px;overflow:hidden;box-shadow:inset 0 1px 2px #20211d14}.progress-track>span{border-radius:inherit;background:linear-gradient(90deg, var(--blue), #637df5);min-width:0;height:100%;transition:width .55s cubic-bezier(.22,.8,.3,1);display:block;box-shadow:0 0 14px #3459f547}.progress-detail{color:#92958b;min-height:12px;font:500 8px/1.25 var(--font-geist-mono), monospace;margin-top:9px}.processing-steps{max-width:420px;margin:0;padding:0;list-style:none}.processing-steps li{color:#a7a99f;border-bottom:1px solid var(--line);align-items:center;gap:13px;min-height:64px;padding:10px 0;display:flex}.step-status{width:28px;height:28px;font:600 9px/1 var(--font-geist-mono), monospace;border:1px solid #d2d3cb;border-radius:50%;flex:none;place-items:center;display:grid}.processing-steps strong{margin-bottom:4px;font-size:12px;display:block}.processing-steps small{font-size:10px;display:block}.processing-steps li.active{color:var(--ink)}.processing-steps li.active .step-status{color:#fff;border-color:var(--blue);background:var(--blue)}.processing-steps li.done{color:#777970}.processing-steps li.done .step-status{color:var(--ink);border-color:var(--acid);background:var(--acid)}.processing-hint{color:#93958c;max-width:390px;margin:25px 0 10px;font-size:10px;line-height:1.5}.text-button{color:#74776d;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:5px 0;font-size:11px;text-decoration:underline}.spin{animation:1s linear infinite rotate}@keyframes rotate{to{transform:rotate(360deg)}}.player-stage{padding:32px 0 24px 46px}.player-heading{justify-content:space-between;align-items:center;gap:24px;min-height:118px;padding:0 46px 28px 0;display:flex}.back-button{color:#8b8d84;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:10px;display:inline-flex}.back-button:hover{color:var(--blue)}.player-heading h2{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.05em;max-width:min(57vw,720px);margin:13px 0 9px;font-size:clamp(30px,3.3vw,48px);font-weight:580;overflow:hidden}.track-meta{color:#898b82;font:500 9px/1 var(--font-geist-mono), monospace;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:9px;display:flex}.track-meta i{background:#bbbdb4;border-radius:50%;width:3px;height:3px}.current-chord{color:#777a70;background:#ffffff8c;border:1px solid #d8d9d1;border-radius:6px;align-items:center;gap:8px;margin-left:8px;padding:5px 8px;font-size:8px;display:inline-flex}.current-chord b{color:var(--blue);font-size:13px}.playback-cluster{flex:none;align-items:center;gap:18px;display:flex}.time-readout{color:#8a8d83;font:500 11px/1 var(--font-geist-mono), monospace}.time-readout b{color:var(--ink);font-size:14px}.time-readout em{color:#b9bbb2;margin:0 7px;font-style:normal}.play-button{width:58px;height:58px;color:var(--on-accent);background:var(--ink);cursor:pointer;border:0;border-radius:50%;place-items:center;padding-left:3px;transition:transform .15s,background .15s;display:grid;box-shadow:0 9px 25px #1e1f1b24}.play-button:hover{background:var(--blue);transform:scale(1.04)}.play-button:disabled{opacity:.35;cursor:wait;transform:none}.back-to-start-button{width:34px;height:34px;color:var(--ink);cursor:pointer;background:#ffffffd1;border:1px solid #d5d7ce;border-radius:50%;place-items:center;padding:0;transition:transform .15s,color .15s,border-color .15s;display:grid}.back-to-start-button:hover:not(:disabled){border-color:var(--blue);color:var(--blue);transform:scale(1.04)}.back-to-start-button:disabled{opacity:.35;cursor:default}.live-dot{background:var(--acid);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #afd13326}.mixer-shell{border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel);grid-template-columns:max-content minmax(0,1fr);display:grid}.stem-controls{z-index:5;border-right:1px solid var(--line);background:var(--paper);box-shadow:9px 0 24px var(--shadow);position:relative}.ruler-label{color:#a1a39a;border-bottom:1px solid var(--line);height:45px;font:600 8px/1 var(--font-geist-mono), monospace;text-transform:uppercase;letter-spacing:.08em;align-items:center;padding:0 15px;display:flex}.chord-control{background:#f0f1eb;border-bottom:1px solid #d8d9d1;justify-content:space-between;align-items:center;gap:12px;height:58px;padding:0 15px;display:flex}.chord-control span{color:#777a70;font:600 9px/1 var(--font-geist-mono), monospace;text-transform:uppercase;letter-spacing:.08em}.chord-control strong{color:var(--blue);font-size:18px}.stem-control{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr);align-items:center;height:82px;padding:0 11px 0 13px;transition:opacity .18s;display:grid;position:relative}.stem-control:last-child{border-bottom:0}.stem-control.quiet{opacity:.38}.stem-identity{min-width:0}.stem-title{align-items:center;gap:6px;margin-bottom:7px;font-size:11px;font-weight:650;display:flex}.stem-icon{color:var(--blue);flex:none}.volume-control{color:#9a9c93;grid-template-columns:12px minmax(55px,1fr) 30px;align-items:center;gap:6px;display:grid}.volume-control input{appearance:none;cursor:pointer;border-radius:99px;width:100%;height:3px;margin:0}.volume-control input::-webkit-slider-thumb{appearance:none;background:var(--ink);border:2px solid #f7f7f2;border-radius:50%;width:11px;height:11px;box-shadow:0 1px 4px #1e1f1b40}.volume-control input::-moz-range-thumb{background:var(--ink);border:2px solid #f7f7f2;border-radius:50%;width:8px;height:8px;box-shadow:0 1px 4px #1e1f1b40}.volume-control output{color:#999c92;font:500 8px/1 var(--font-geist-mono), monospace;text-align:right}.mix-buttons{gap:4px;display:flex}.mix-buttons button,.mix-buttons a{border:1px solid var(--line-strong);width:27px;height:28px;color:var(--muted);background:var(--control-surface);font:650 9px/1 var(--font-geist-mono), monospace;cursor:pointer;border-radius:6px;place-items:center;padding:0;text-decoration:none;display:grid}.mix-buttons button:hover,.mix-buttons a:hover{color:var(--ink);border-color:var(--line-strong);background:var(--control-hover)}.mix-buttons button.mute-on{color:var(--on-accent);border-color:var(--red);background:var(--red)}.mix-buttons button.solo-on{color:var(--ink);border-color:var(--acid);background:var(--acid)}.mix-buttons button:disabled{opacity:.3;cursor:not-allowed}.mix-buttons button.volume-on{color:var(--blue);background:#eef1ff;border-color:#aab8f7}.volume-popover{z-index:8;background:#fff;border:1px solid #cfd2c8;border-radius:8px;width:154px;padding:10px 11px;position:absolute;bottom:calc(100% - 4px);right:10px;box-shadow:0 9px 24px #1f201c26}.volume-popover label{color:var(--muted);font:600 8px/1 var(--font-geist-mono), monospace;text-transform:uppercase;grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.volume-popover output{color:var(--ink)}.volume-popover input{width:100%;accent-color:var(--blue);grid-column:1/-1}.tool-run-button-small{min-height:26px;padding:0 8px;font-size:9px}.timeline-canvas{cursor:text;background-image:repeating-linear-gradient(90deg,#0000 0 104px,#4c4e460b 105px);min-width:100%;position:relative}.timeline-ruler{border-bottom:1px solid var(--line);background:#f7f7f2;height:52px;position:relative}.timeline-ruler>span{box-sizing:border-box;color:#979a90;height:100%;font:500 8px/1 var(--font-geist-mono), monospace;align-items:flex-end;padding-bottom:5px;display:flex;position:absolute;top:0}.chord-row{background:#eff0e9ad;border-bottom:1px solid #d8d9d1;height:58px;position:relative;overflow:clip}.chord-segment{color:#55584f;text-align:left;cursor:pointer;background:#fff;border:1px solid #d2d4ca;border-radius:6px;align-items:center;min-width:2px;padding:0;transition:color .15s,background .15s,border-color .15s;display:flex;position:absolute;top:7px;bottom:7px;overflow:visible}.chord-segment span{box-sizing:border-box;min-width:0;max-width:100%;font:inherit;text-overflow:ellipsis;white-space:nowrap;padding:0 8px;display:block;position:sticky;left:0;overflow:hidden}.chord-segment:hover{color:var(--blue);background:#f2f4ff;border-color:#aab8f7}.chord-segment.active{color:#fff;border-color:var(--blue);background:var(--blue);box-shadow:0 4px 12px #3459f533}.chord-none{color:#999c92;background:#f4f4ef}.chord-unavailable{color:#979a90;height:100%;font:500 9px/1.4 var(--font-geist-mono), monospace;align-items:center;padding:0 14px;display:flex}.wave-row{height:82px;color:var(--muted);align-items:center;transition:opacity .18s,filter .18s;display:flex}.wave-row:last-of-type{border-bottom:0}.wave-row.quiet{opacity:.18;filter:grayscale(.7)}.wave-vocals{color:#e65477}.playback-effects .record-button{width:30px;height:30px;color:var(--red);cursor:pointer;background:#fff;border:1px solid #d4d6ce;border-radius:50%;place-items:center;padding:0;transition:border-color .15s,background .15s,color .15s;display:grid}.playback-effects .record-button:hover{border-color:var(--red)}.playback-effects .record-button:disabled{opacity:.35;cursor:not-allowed}.playback-effects .record-button.recording{color:#fff;border-color:var(--red);background:var(--red);animation:1.4s ease-in-out infinite record-pulse}.recording-elapsed{color:var(--red);font:650 11px/1 var(--font-geist-mono), monospace;font-variant-numeric:tabular-nums;margin-right:-6px}@keyframes record-pulse{0%,to{box-shadow:0 0 #ff5f5059}50%{box-shadow:0 0 0 6px #ff5f5000}}@media (prefers-reduced-motion:reduce){.playback-effects .record-button.recording{animation:none}}.take-name{text-overflow:ellipsis;white-space:nowrap;max-width:13ch;overflow:hidden}.take-name-input{width:13ch;min-width:0;font:inherit;border:1px solid #aab8f7;border-radius:4px;padding:1px 4px}.take-status{color:#8b8e84;white-space:nowrap;font-size:9px;font-weight:600}.take-status-failed{color:var(--red)}.wave-recording{color:var(--recording-accent);position:relative}.recording-clip{background:var(--recording-surface);touch-action:pan-x pan-y;border-radius:3px;min-width:2px;transition:opacity .18s,box-shadow .15s;position:absolute;top:2px;bottom:2px;overflow:hidden}.recording-clip-audio{width:100%;position:absolute;top:9px;bottom:0;left:0}.recording-clip.trimmed-start,.recording-clip.trimmed-start .recording-clip-grip{border-top-left-radius:0;border-bottom-left-radius:0}.recording-clip.trimmed-end,.recording-clip.trimmed-end .recording-clip-grip{border-top-right-radius:0;border-bottom-right-radius:0}.recording-clip.quiet{opacity:.3;filter:grayscale(.7)}.recording-clip-grip{background:var(--recording-accent);cursor:grab;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:3px 3px 0 0;height:9px;position:absolute;top:0;left:0;right:0}.recording-clip-grip:hover,.recording-clip.dragging .recording-clip-grip{background:var(--recording-accent)}.recording-clip-grip:active,.recording-clip.dragging .recording-clip-grip{cursor:grabbing}.recording-clip-grip:focus,.recording-clip-grip:focus-visible{outline:none}.recording-clip.selected{box-shadow:0 0 0 2px var(--recording-accent)}.recording-clip.selected .recording-clip-grip{background:var(--recording-accent)}.recording-clip-unsaved .recording-clip-grip{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--recording-accent) 60%, transparent) 0 6px, color-mix(in srgb, var(--recording-accent) 25%, transparent) 6px 12px)}.recording-clip{overflow:clip;container-type:inline-size}.recording-clip-pills{z-index:2;left:calc(var(--mixer-controls-width,0px) + 4px);gap:3px;width:max-content;margin:13px 0 0 4px;display:flex;position:sticky}.recording-clip-pill{border:1px solid color-mix(in srgb, var(--recording-accent) 40%, transparent);height:18px;color:var(--recording-accent);background:color-mix(in srgb, var(--paper) 90%, transparent);font:650 9.5px/1 var(--font-geist-sans), Arial, sans-serif;white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:3px;padding:0 6px;display:inline-flex;position:relative}.recording-clip-pill:hover{border-color:var(--recording-accent)}.recording-clip-pill.on{color:var(--on-accent);border-color:var(--recording-accent);background:var(--recording-accent)}.recording-clip-pill.active{box-shadow:0 0 0 2px color-mix(in srgb, var(--recording-accent) 30%, transparent)}.recording-clip-pill-badge{border:1px solid var(--red);width:11px;height:11px;color:var(--red);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-5px;right:-5px}@container (max-width:140px){.recording-clip-pills{display:none}}@media (max-width:640px){.recording-clip-pills{display:none}}.recording-clip-unsaved{background:#ff5f500a}.studio-alerts{z-index:95;top:max(16px, env(safe-area-inset-top));gap:8px;width:min(440px,100vw - 32px);display:grid;position:fixed;left:50%;transform:translate(-50%)}.studio-alert{border-color:var(--diagnostic-danger-strong);width:100%;color:var(--ink);align-items:flex-start;gap:12px;padding:12px;display:flex}.studio-alert p,.studio-alert-content{flex:1;margin:0;font-size:13px;font-weight:600;line-height:1.45}.studio-alert .ui-icon-button{width:28px;height:28px;color:var(--diagnostic-danger-strong);flex:none}.studio-progress-alert{border-color:var(--border-strong)}.studio-progress-alert .tool-cancel-button{flex:none}.wave-bars{width:100%;height:100%;position:relative;overflow:hidden}.wave-row>.wave-bars{color:#4960c5;background:#e7ebff;border-radius:3px;height:calc(100% - 4px);margin:2px 0}.wave-bars svg{width:100%;height:100%;display:block}.wave-bars path{fill:currentColor;opacity:.88}.loop-selection{z-index:3;pointer-events:none;background:#2a55f012;border-left:1px solid #2a55f073;border-right:1px solid #2a55f073;position:absolute;top:0;bottom:0}.loop-selection.active{background:#2a55f021;border-color:#2a55f0cc}.loop-selection-controls{z-index:5;pointer-events:none;position:absolute;top:0;bottom:0}.loop-selection-handle{top:var(--loop-handle-top,52px);touch-action:none;pointer-events:auto;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:28px;margin-left:-14px;position:absolute;bottom:0}.loop-selection-handle-start{left:0}.loop-selection-handle-end{left:100%}.loop-selection-handle:after{content:"";background:var(--blue);border:2px solid #fff;border-radius:6px;width:12px;height:26px;margin-left:-6px;position:absolute;top:-13px;left:50%;box-shadow:0 1px 4px #1f201c40}@media (pointer:fine){.loop-selection-handle{display:none}}@media (pointer:coarse){.timeline-canvas{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}.loop-selection-controls .loop-toggle{color:#777a70;cursor:pointer;pointer-events:auto;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:5px;left:5px}.loop-selection-controls .loop-toggle:hover{color:#5d6057}.loop-selection-controls .loop-toggle.active,.loop-selection-controls .loop-toggle.active:hover{color:var(--blue)}.loop-selection-clear{width:18px;height:18px;color:var(--blue);cursor:pointer;pointer-events:auto;background:#ffffff8c;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:4px;right:4px}.loop-selection-clear:hover{background:#ffffffe6}.mobile-create-loop{display:none}@media (pointer:coarse){.mobile-create-loop{color:#777a70;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;width:31px;height:31px;padding:0;display:grid}.timeline-follow-rail>.mobile-create-loop{display:none}.playback-follow-mobile .mobile-create-loop{flex:none;position:static}.mobile-create-loop:active{color:#777a70;background:0 0}.mobile-create-loop:disabled{opacity:.45;cursor:default}.mobile-create-loop span{place-items:center;display:grid;position:relative}.mobile-create-loop svg{width:21px;height:15px}.mobile-create-loop b{color:#fff;background:#777a70;border-radius:50%;place-items:center;width:11px;height:11px;font:700 11px/11px sans-serif;display:grid;position:absolute;bottom:-7px;right:-6px}}.playhead{z-index:4;will-change:transform;background:var(--ink);pointer-events:none;width:1.5px;position:absolute;top:35px;bottom:0;left:0}.playhead:before{content:"";background:var(--ink);border-radius:50%;width:9px;height:9px;position:absolute;top:0;left:-4px}.playhead span{display:none}.mixer-foot{color:#a0a29a;font:500 8px/1 var(--font-geist-mono), monospace;text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;padding:13px 46px 0 16px;display:flex}.error-stage,.coming-stage{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 114px);padding:50px 24px;display:flex}.error-mark,.coming-icon{color:#c14f43;background:#ffe1db;border-radius:50%;place-items:center;width:66px;height:66px;margin-bottom:26px;display:grid}.coming-icon{color:var(--blue);background:#e6eaff}.error-stage h2{margin-top:8px}.error-stage>p:not(.eyebrow),.coming-stage>p:not(.eyebrow){max-width:480px;color:var(--muted);margin:0 0 20px;font-size:13px;line-height:1.6}.error-file{border:1px solid var(--line);color:#777970;border-radius:7px;align-items:center;gap:8px;max-width:420px;margin:5px 0 28px;padding:10px 14px;font-size:10px;display:flex}.error-actions{gap:10px;display:flex}.secondary-action{color:var(--ink);background:0 0;border:1px solid #cccec5}.secondary-action:hover{background:#fff}.coming-stage h1{letter-spacing:-.07em;margin:4px 0 13px;font-size:clamp(50px,7vw,94px);font-weight:570}.coming-stage .primary-action{margin-top:10px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:1000px){.recent-track-list{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:142px}.tool-icon{margin-bottom:15px}.app-shell{grid-template-columns:74px minmax(0,1fr)}.nav-label{display:none}.upload-stage{grid-template-columns:1fr;gap:44px;padding:46px}.upload-copy{max-width:660px}.upload-card{width:100%;max-width:700px}.processing-stage{gap:5vw;padding:50px}.processing-visual{width:min(40vw,420px)}.player-stage{padding-left:30px}.mixer-shell{grid-template-columns:max-content minmax(0,1fr)}.stem-control{padding-left:10px}}@media (max-width:700px){.home-topbar{grid-template-columns:auto 1fr;gap:12px;min-height:72px;padding:0 17px}.home-brand{font-size:17px}.home-search{grid-area:2/1/auto/-1;height:36px}.home-actions{grid-area:1/2;gap:6px}.home-topbar{padding-bottom:11px}.home-layout{min-height:0;display:block}.activity-panel{padding:36px 22px 70px}.recent-track-list{grid-template-columns:1fr}.song-upload-card{grid-template-columns:32px minmax(0,1fr)}.song-upload-card>.song-upload-button,.song-upload-actions{grid-column:1/-1}.song-upload-actions .song-upload-button{flex:1}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:126px}.row-heading h2,.panel-title h2{font-size:18px}.account-signed-in{max-width:112px}.account-signed-in>a{font-size:0}.account-signed-in>a svg{width:16px;height:16px}.account-signin,.account-auth-placeholder{min-width:37px;padding:0 9px}.account-signin{font-size:0}.account-signin svg{width:16px;height:16px}.recent-track-skeleton{grid-template-columns:1fr}.library-shortcut{bottom:78px;right:14px}.app-shell{padding-bottom:68px;display:block}.topbar{min-height:90px;padding:22px 24px}.topbar-note{display:none}.new-track-button{padding:8px}.new-track-button svg{display:none}.upload-stage{min-height:calc(100vh - 158px);padding:38px 24px}.upload-copy h2{font-size:44px}.upload-card{min-height:350px;padding:28px}.file-meta{left:28px;right:28px}.processing-stage{grid-template-columns:1fr;min-height:calc(100vh - 158px);padding:35px 24px 50px}.processing-visual{width:min(74vw,360px);margin:auto}.processing-copy h2{font-size:43px}.player-stage{padding:24px 0 18px 18px}.player-heading{min-height:118px;padding:0 18px 22px 0}.player-heading h2{max-width:58vw;font-size:28px}.track-meta>span:first-child,.track-meta>span:last-of-type,.track-meta>i{display:none}.current-chord{margin-left:0}.playback-cluster{gap:9px}.time-readout{display:none}.play-button{width:50px;height:50px}.mixer-shell{grid-template-columns:max-content minmax(0,1fr)}.stem-control{padding:0 7px 0 10px}.stem-title{font-size:10px}.volume-control{grid-template-columns:11px minmax(44px,1fr) 26px;gap:4px}.mix-buttons{gap:3px}.mixer-foot{padding-right:18px}.mixer-foot span:last-child{display:none}.coming-stage,.error-stage{min-height:calc(100vh - 68px)}.coming-stage h1{font-size:60px}}body>*{isolation:isolate}.panel-title{align-items:center}.panel-title>a{color:var(--ink);align-items:center;gap:2px;font-size:10px;font-weight:680;text-decoration:none;display:inline-flex}.panel-title>a:hover{color:var(--blue)}.activity-panel{min-height:calc(100vh - 82px)}.activity-panel .row-heading{margin-bottom:22px;display:block}.activity-panel .row-heading p{color:var(--muted);margin:7px 0 0;font-size:12px}.activity-panel .add-song-expanded{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:0;display:grid}.activity-panel .youtube-search-card,.activity-panel .song-upload-card{border:1px solid var(--line);background:var(--surface-raised);border-radius:11px;min-height:142px;padding:18px}.activity-panel .youtube-search-card{grid-template-columns:38px minmax(0,1fr);align-items:center;column-gap:12px;display:grid}.activity-panel .youtube-search-card>label{font-size:13px;font-weight:680}.activity-panel .youtube-search-card>div{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;margin-top:14px;display:grid}.activity-panel .youtube-search-card input{border:1px solid var(--line-strong);min-width:0;height:38px;color:var(--ink);background:var(--field);border-right:0;border-radius:7px 0 0 7px;outline:0;padding:0 11px;font-size:11px}.activity-panel .youtube-search-card button{color:var(--on-accent);background:var(--ink);cursor:pointer;border:0;border-radius:0 7px 7px 0;padding:0 13px;font-size:10px;font-weight:680}.activity-panel .youtube-search-card small{color:var(--muted);grid-column:1/-1;margin-top:8px;font-size:9px}.activity-panel .youtube-results,.activity-panel .add-song-message{grid-column:1/-1}.activity-panel .song-upload-card{grid-template-columns:38px minmax(0,1fr) auto;gap:12px}.activity-panel .add-song-icon{border-radius:9px;width:38px;height:38px}.activity-panel .song-upload-copy strong{font-size:12px}.activity-panel .song-upload-copy span{margin-top:5px;font-size:9px}.activity-panel .song-upload-button{border-radius:7px;min-height:36px;padding:0 13px}.activity-panel .song-upload-clear{border-radius:7px;width:34px;height:34px}.activity-panel .youtube-results{gap:5px;max-height:245px;margin:10px 0 0;padding:0;list-style:none;display:grid;overflow:auto}.activity-panel .youtube-results li{position:relative}.activity-panel .youtube-results button{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border:1px solid #e1e2da;border-radius:6px;grid-template-columns:58px minmax(0,1fr) auto;gap:8px;padding:5px;display:grid}.activity-panel .youtube-results button:hover:not(:disabled){border-color:var(--blue)}.activity-panel .youtube-results button:disabled{cursor:wait}.activity-panel .youtube-results img{object-fit:cover;border-radius:4px;width:58px;height:33px}.activity-panel .youtube-results strong,.activity-panel .youtube-results small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.activity-panel .youtube-results strong{font-size:10px}.activity-panel .youtube-results small{margin-top:3px;font-size:9px}.activity-panel .youtube-results em{color:#9b3128;font:600 8px/1 var(--font-geist-mono), monospace;text-transform:uppercase;align-self:center;font-style:normal}.activity-panel .youtube-results li.already-added button{color:#767970;cursor:not-allowed;background:#f1f1ed}.activity-panel .youtube-results li.already-added:after{content:"";pointer-events:none;background:#f6f6f14d;border-radius:6px;position:absolute;inset:0}.activity-panel .youtube-results li.already-added em{z-index:1;color:#5b5e56;background:#dfe1d9;border-radius:4px;padding:5px 6px;position:relative}.activity-panel .add-song-expanded,.library-add-song .add-song{align-items:start}@media (max-width:700px){.home-layout{display:block}.activity-panel .add-song-expanded{grid-template-columns:1fr}.activity-panel .song-upload-card{grid-template-columns:38px minmax(0,1fr)}.activity-panel .song-upload-card>.song-upload-button,.activity-panel .song-upload-actions{grid-column:1/-1}.activity-panel .song-upload-actions .song-upload-button{flex:1}.activity-panel{min-height:0;padding-bottom:35px}}.home-page{height:100dvh;overflow:hidden}.home-topbar{z-index:60;position:relative}.home-layout{height:calc(100dvh - 82px);min-height:0;overflow:hidden}.activity-panel{overscroll-behavior:contain;scrollbar-color:#bfc1b8 transparent;scrollbar-width:thin;min-height:0;overflow-y:auto}.activity-panel::-webkit-scrollbar{width:10px;height:10px}.activity-panel::-webkit-scrollbar-track{background:0 0}.activity-panel::-webkit-scrollbar-thumb{background:#bfc1b8 padding-box padding-box;border:3px solid #0000;border-radius:999px}.library-sort{position:relative}.library-sort-button{color:#777a70;font:600 8px/1 var(--font-geist-mono), monospace;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:6px 7px;display:inline-flex}.library-sort-button:hover{color:var(--ink)}.library-sort-menu{z-index:5;background:#fff;border:1px solid #d2d4ca;border-radius:7px;min-width:114px;padding:4px;display:grid;position:absolute;top:calc(100% + 3px);right:0;box-shadow:0 8px 20px #1f201c21}.library-sort-menu button{color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:7px 8px;font-size:10px}.library-sort-menu button:hover,.library-sort-menu button[aria-checked=true]{background:#f0f2e9}.library-song-item{min-width:0;color:var(--ink);border:0;border-radius:7px;align-items:center;gap:9px;padding:6px;text-decoration:none;display:flex}.library-song-item:hover{background:#eff0ea}.library-song-placeholder,.library-song-artwork{width:32px;height:32px;color:var(--blue);background:#e8e9e2;border-radius:5px;flex:none}.library-song-placeholder{place-items:center;display:grid}.library-song-artwork{object-fit:cover}.library-song-item>span{min-width:0}.library-song-item strong,.library-song-item small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.library-song-item strong{font-size:11px;font-weight:500}.library-song-item small{color:var(--muted);margin-top:3px;font-size:9px}.library-song-item small b{font-weight:inherit;margin:0 2px;display:inline}.library-song-item>svg:last-child{color:#a4a69e;flex:none;margin-left:auto}.library-setlist-item{gap:5px}.setlist-artwork-stack{flex:0 0 34px;width:34px;height:42px;position:relative}.setlist-artwork-card{border:1px solid var(--paper);color:var(--blue);background:#e8e9e2;border-radius:6px;place-items:center;display:grid;position:absolute;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 2px 6px #1f201c1f}.setlist-artwork-card:first-child{z-index:3;width:32px;height:32px;bottom:0}.setlist-artwork-card:nth-child(2){z-index:2;width:29px;height:29px;bottom:8px}.setlist-artwork-card:nth-child(3){z-index:1;width:26px;height:26px;bottom:16px}.setlist-artwork-card img{object-fit:cover;width:100%;height:100%}.add-song-action-icon{color:var(--blue);background:var(--segmented-selected-surface)}@media (max-width:700px){.home-page{overflow:hidden}.home-topbar{position:relative}.home-layout{flex-direction:column;height:calc(100dvh - 72px);display:flex;overflow-y:auto}.activity-panel{flex:none;order:1;overflow:visible}}.home-page{--home-header-height:82px}.home-layout{height:calc(100vh - var(--home-header-height));height:calc(100dvh - var(--home-header-height))}@media (max-width:700px){.home-page{--home-header-height:107px}.home-topbar{min-height:var(--home-header-height);grid-template-rows:37px 36px;padding:11px 17px}.library-search{grid-area:2/1/auto/-1;width:100%}.library-search .home-search{grid-area:auto;width:100%}.home-layout{height:calc(100vh - var(--home-header-height));height:calc(100dvh - var(--home-header-height))}}:root[data-theme=dark] .home-search,:root[data-theme=dark] .home-search input,:root[data-theme=dark] .library-add-song .song-upload-card,:root[data-theme=dark] .library-add-song .youtube-search-card,:root[data-theme=dark] .activity-panel .song-upload-card,:root[data-theme=dark] .activity-panel .youtube-search-card,:root[data-theme=dark] .activity-panel .youtube-results button,:root[data-theme=dark] .youtube-search-card input,:root[data-theme=dark] .mobile-home-column>.library-song-item,:root[data-theme=dark] .mobile-home-column>.library-setlist-item,:root[data-theme=dark] .library-mobile-round,:root[data-theme=dark] .account-signin,:root[data-theme=dark] .account-signed-in,:root[data-theme=dark] .account-auth-placeholder{color:var(--ink)!important;background:var(--surface-raised)!important;border-color:var(--line-strong)!important}:root[data-theme=dark] .home-layout,:root[data-theme=dark] .activity-panel{background:var(--paper)!important}:root[data-theme=dark] .library-song-item:hover,:root[data-theme=dark] .search-track-list>a:hover,:root[data-theme=dark] .search-page-list>a:hover{background:var(--surface-hover)!important}:root[data-theme=dark] .library-song-placeholder,:root[data-theme=dark] .setlist-artwork-card,:root[data-theme=dark] .search-track-artwork,:root[data-theme=dark] .library-mobile-artwork,:root[data-theme=dark] .library-sheet-artwork{background:var(--surface-subtle)!important}:root[data-theme=dark] .home-topbar,:root[data-theme=dark] .library-search-results{background:var(--paper)!important}:root[data-theme=dark] .mobile-search-toggle,:root[data-theme=dark] .library-search-close{color:var(--ink)!important;background:var(--surface-raised)!important;border-color:var(--line-strong)!important}:root[data-theme=dark] .library-search-overlay .library-search-recent,:root[data-theme=dark] .library-search-overlay .library-search-results{background:0 0!important}:root[data-theme=dark] .library-search-results .search-result-section{border-color:var(--line)!important}:root[data-theme=dark] .library-search-results .youtube-results button,:root[data-theme=dark] .library-search-results .song-upload-card{color:var(--ink)!important;border-color:var(--line-strong)!important;background:var(--surface-raised)!important}:root[data-theme=dark] .library-search-results .youtube-results em{color:var(--youtube-icon)!important}:root[data-theme=dark] .library-search-results .youtube-results li.already-added button{color:var(--muted)!important;background:var(--surface-subtle)!important}:root[data-theme=dark] .library-search-results .youtube-results li.already-added:after{background:color-mix(in srgb, var(--surface-subtle) 36%, transparent)!important}:root[data-theme=dark] .library-search-results .youtube-results li.already-added em{color:var(--muted)!important;background:var(--surface-hover)!important}:root[data-theme=dark] .song-upload-button{color:var(--on-accent)!important;background:var(--ink)!important}:root[data-theme=dark] .song-upload-button:hover:not(:disabled){color:var(--on-accent)!important;background:var(--blue)!important}:root[data-theme=dark] .library-search-recent .search-track-list>a,:root[data-theme=dark] .library-mobile-song,:root[data-theme=dark] .library-mobile-list>.library-setlist-item{border-color:#343832!important}:root[data-theme=dark] .library-page .library-panel{box-shadow:none;background:0 0!important;border-color:#0000!important}:root[data-theme=dark] .timeline-ruler{background:var(--paper)!important}:root[data-theme=dark] .mixer-view-options{background:var(--segmented-surface)!important;border-color:var(--line-strong)!important}:root[data-theme=dark] .mixer-view-options button.active,:root[data-theme=dark] .song-view-toggle button.active,:root[data-theme=dark] .timeline-follow-toggle.active,:root[data-theme=dark] .playback-follow-label.active,:root[data-theme=dark] .mobile-chords-toggle.active{color:var(--segmented-selected-ink)!important;border-color:var(--segmented-selected-surface)!important;background:var(--segmented-selected-surface)!important;box-shadow:none!important}:root[data-theme=dark] .mobile-settings-button[aria-expanded=true],:root[data-theme=dark] .pitch-control-toggle[aria-expanded=true],:root[data-theme=dark] .tempo-control-toggle[aria-expanded=true],:root[data-theme=dark] .count-in-toggle[aria-pressed=true],:root[data-theme=dark] .mobile-tempo-shortcuts button.active{color:var(--segmented-selected-ink)!important;border-color:var(--segmented-selected-surface)!important;background:var(--segmented-selected-surface)!important;box-shadow:inset 0 0 0 1px var(--segmented-selected-surface)!important}:root[data-theme=dark] .chord-segment.active{color:var(--segmented-selected-ink)!important;border-color:var(--segmented-selected-surface)!important;background:var(--segmented-selected-surface)!important;box-shadow:none!important}:root[data-theme=dark] .stem-controls,:root[data-theme=dark] .mixer-ruler-spacer{color:var(--ink)!important;background:var(--paper)!important;border-color:var(--line)!important}:root[data-theme=dark] .song-mixer-control,:root[data-theme=dark] .stem-control{color:var(--ink)!important;background:var(--surface-raised)!important;border-color:var(--line)!important}:root[data-theme=dark] .mixer-controls-collapsed .stem-control,:root[data-theme=dark] .mixer-controls-collapsed .song-mixer-control{background:0 0!important;border-color:#0000!important}:root[data-theme=dark] .mixer-controls-collapsed .stem-control:before,:root[data-theme=dark] .mixer-controls-collapsed .song-mixer-control:before{border-color:var(--line-strong)!important;background:var(--surface-raised)!important;box-shadow:none!important}:root[data-theme=dark] .wave-row>.wave-bars{color:var(--segmented-selected-ink)!important;background:var(--segmented-selected-surface)!important}:root[data-theme=dark] .wave-recording{color:var(--recording-accent)!important}:root[data-theme=dark] .recording-clip{background:var(--recording-surface)!important}:root[data-theme=dark] .recording-clip-grip,:root[data-theme=dark] .recording-clip.selected .recording-clip-grip{background:var(--recording-accent)!important}:root[data-theme=dark] .recording-clip.selected{box-shadow:0 0 0 2px var(--recording-accent)!important}:root[data-theme=dark] .play-button{color:var(--ink)!important;background:var(--surface-raised)!important;box-shadow:0 9px 25px var(--shadow)!important}:root[data-theme=dark] .back-to-start-button,:root[data-theme=dark] .footer-record-button,:root[data-theme=dark] .playback-effects button,:root[data-theme=dark] .playback-zoom,:root[data-theme=dark] .playback-follow-label,:root[data-theme=dark] .mobile-chords-toggle,:root[data-theme=dark] .playback-loop{color:var(--ink)!important;border-color:var(--line-strong)!important;background:var(--surface-raised)!important}:root[data-theme=dark] .playback-zoom button+button{border-left-color:var(--line-strong)!important}:root[data-theme=dark] .footer-record-button{color:var(--red)!important}:root[data-theme=dark] .footer-record-button.recording{color:var(--on-accent)!important;background:var(--red)!important}:root[data-theme=dark] .loop-selection-clear{color:var(--ink)!important;background:var(--surface-raised)!important}:root[data-theme=dark] .song-workspace-back,:root[data-theme=dark] .song-share-button,:root[data-theme=dark] .song-more>button,:root[data-theme=dark] .song-workspace-summary .setlist-menu-trigger{color:var(--ink)!important;border-color:var(--line-strong)!important;background:var(--surface-raised)!important}:root[data-theme=dark] .song-share-button,:root[data-theme=dark] .song-more>button{background:0 0!important}:root[data-theme=dark] .vocal-analysis-row{color:var(--muted)!important;background:var(--paper)!important}:root[data-theme=dark] .vocal-analysis-row+.vocal-analysis-row,:root[data-theme=dark] .lyrics-timeline-row>.vocal-analysis-row,:root[data-theme=dark] .vocal-timeline-rows>:last-child{border-color:var(--line)!important}:root[data-theme=dark] .vocal-analysis-row>strong,:root[data-theme=dark] .pitch-scale,:root[data-theme=dark] .vocal-analysis-rerun,:root[data-theme=dark] .pitch-gate-preview-row>small{color:var(--muted)!important;background:var(--surface-raised)!important}:root[data-theme=dark] .vocal-analysis-row>span:not(.pitch-scale),:root[data-theme=dark] .lyric-phrase{color:var(--muted)!important}:root[data-theme=dark] .pitch-analysis-row{background:linear-gradient(var(--paper) 32%, var(--surface-raised) 33%, var(--paper) 34%, var(--paper) 65%, var(--surface-raised) 66%, var(--paper) 67%)!important}:root[data-theme=dark] .note-analysis-row{background:repeating-linear-gradient(to bottom, var(--paper) 0, var(--paper) calc(16.66% - 1px), var(--line) calc(16.66% - 1px), var(--line) 16.66%)!important}:root[data-theme=dark] .vocal-note-bar{background:var(--segmented-selected-ink)!important;box-shadow:none!important}:root[data-theme=dark] .vocal-note-bar.active{background:var(--recording-accent)!important}:root[data-theme=dark] .pitch-waveform{color:var(--recording-accent)!important}:root[data-theme=dark] .mobile-settings-row{border-color:var(--line)!important}:root[data-theme=dark] .mobile-settings-sheet .annex-view-switcher button,:root[data-theme=dark] .mobile-settings-stepper button,:root[data-theme=dark] .mobile-tempo-shortcuts{color:var(--ink)!important;border-color:var(--line-strong)!important;background:var(--surface-raised)!important}:root[data-theme=dark] .mobile-settings-sheet .annex-view-switcher button.active,:root[data-theme=dark] .mobile-tempo-shortcuts button.active,:root[data-theme=dark] .mobile-tempo-shortcuts button.active:hover:not(:disabled){color:var(--segmented-selected-ink)!important;border-color:var(--segmented-selected-surface)!important;background:var(--segmented-selected-surface)!important}:root[data-theme=dark] .mobile-settings-switch{background:var(--line-strong)!important}:root[data-theme=dark] .mobile-settings-switch i{background:var(--surface-raised)!important;box-shadow:0 1px 3px var(--shadow)!important}:root[data-theme=dark] .mobile-settings-switch[aria-checked=true]{background:var(--segmented-selected-surface)!important}:root[data-theme=dark] .mobile-settings-switch[aria-checked=true] i{background:var(--ink)!important}:root[data-theme=dark] .mixer-card-icon{color:var(--segmented-selected-ink)!important;background:var(--segmented-selected-surface)!important}:root[data-theme=dark] .mixer-card-take .mixer-card-icon{color:var(--recording-accent)!important;background:var(--recording-surface)!important}:root[data-theme=dark] .mixer-card.quiet .mixer-card-icon{color:var(--muted)!important;background:var(--surface-subtle)!important}:root[data-theme=dark] .mix-buttons button.mute-on{color:var(--on-accent)!important;border-color:var(--red)!important;background:var(--red)!important}:root[data-theme=dark] .mix-buttons button.solo-on{color:var(--on-accent)!important;border-color:var(--acid)!important;background:var(--acid)!important}:where(.add-song-icon.youtube,.search-recent-art.youtube){color:var(--youtube-icon)!important;background:var(--youtube-surface)!important}@media (max-width:700px){.home-search input,.youtube-search-card input,.activity-panel .youtube-search-card input{font-size:16px}}.mobile-search-toggle{display:none}@keyframes library-search-expand{0%{clip-path:inset(0 0 0 calc(100% - 37px) round 999px)}to{clip-path:inset(0 round 999px)}}@media (max-width:700px){.home-page{--home-header-height:72px}.home-topbar{min-height:var(--home-header-height);grid-template-rows:1fr;grid-template-columns:auto 1fr auto;padding:11px 17px}.library-search{grid-area:1/2;justify-self:end;width:auto}.library-search-desktop{display:none}.mobile-search-toggle,.library-search-close{width:37px;height:37px;color:var(--ink);cursor:pointer;background:#ffffffb8;border:1px solid #d3d5cc;border-radius:9px;place-items:center;padding:0;display:grid}.mobile-search-toggle:hover,.library-search-close:hover{color:#fff;border-color:var(--blue);background:var(--blue)}.home-actions{grid-area:1/3}.library-search-overlay{z-index:70;background:var(--paper);padding:0 17px 28px;position:fixed;inset:0;overflow:auto}.library-search-overlay-header{min-height:var(--home-header-height,72px);align-items:center;gap:12px;padding:11px 0;display:flex}.library-search-overlay .home-search{flex:1;height:37px;animation:.2s ease-out library-search-expand}@media (prefers-reduced-motion:reduce){.library-search-overlay .home-search{animation:none}}.library-search-overlay .library-search-results{width:auto;max-height:none;box-shadow:none;padding:8px;position:static}.library-search-overlay .library-search-recent{background:0 0;border:0;padding:6px 0 0}.library-search-recent .search-result-heading{margin-bottom:4px}.library-search-recent .search-result-heading h2{letter-spacing:-.6px;text-transform:none;font-family:inherit;font-size:21px;font-weight:720;line-height:1.2}.library-search-recent .search-track-list{gap:0}.library-search-recent .search-track-list>a{border-bottom:1px solid #ecede6;border-radius:0;gap:14px;padding:9px 0}.library-search-recent .search-track-list>a:hover{background:0 0}.library-search-recent .search-track-list strong{font-size:16px;font-weight:650}.library-search-recent .search-track-list small{margin-top:3px;font-size:14px}.search-recent-art{width:48px;height:48px;color:var(--blue);background:#e8e9e2;border-radius:9px;flex:none;place-items:center;display:grid;overflow:hidden}.search-recent-art.youtube{color:var(--youtube-icon);background:var(--youtube-surface)}.library-search-recent .search-track-list .search-recent-art svg{color:inherit;margin:0}.search-recent-art img{object-fit:cover;border-radius:0;width:100%;height:100%}.library-search-recent .search-muted{font-size:14px}}.home-search,.account-signin,.account-auth-placeholder{border-radius:999px}.mobile-home{display:none}@media (max-width:700px){.mobile-search-toggle,.library-search-close{border-radius:50%}.account-signin{gap:6px;padding:0 14px;font-size:12px}.home-page,.home-page .home-topbar{background:var(--paper);border-bottom:0}html:has(.home-page){background:var(--paper);border-bottom:0}html:has(.home-page) body{background:var(--paper);border-bottom:0}.home-page .home-layout{display:none}.home-page{height:auto;min-height:100dvh;overflow:visible}.home-page .home-topbar{position:sticky;top:0}.home-page .home-brand{font-size:20px}.home-page .home-brand>span{width:37px;height:37px}.home-page .home-brand>span svg{width:21px;height:21px}.mobile-home{padding:10px 17px calc(env(safe-area-inset-bottom,0px) + 32px);display:block}.mobile-home-greeting h1{letter-spacing:-1.1px;margin:0;font-size:31px;font-weight:740;line-height:1.1}.mobile-home-greeting p{color:var(--muted);margin:6px 0 0;font-size:15px}.mobile-home-add{border:1px solid var(--line);width:100%;color:var(--ink);background:var(--surface-raised);text-align:left;cursor:pointer;border-radius:18px;align-items:center;gap:14px;margin-top:12px;padding:14px;text-decoration:none;display:flex}.mobile-home-add>span:nth-child(2){min-width:0}.mobile-home-add strong,.mobile-home-add small{display:block}.mobile-home-add strong{font-size:17px;font-weight:680}.mobile-home-add small{color:var(--muted);margin-top:3px;font-size:13px}.mobile-home-add>svg{color:var(--muted);flex:none;margin-left:auto}.mobile-home-add-icon{width:52px;height:52px;color:var(--blue);background:var(--segmented-selected-surface);border-radius:13px;flex:none;place-items:center;display:grid}.mobile-home-section{margin-top:28px}.mobile-home-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.mobile-home-heading h2{letter-spacing:-.6px;margin:0;font-size:21px;font-weight:720}.mobile-home-heading a{color:var(--ink);white-space:nowrap;flex:none;align-items:center;gap:2px;font-size:14px;text-decoration:none;display:inline-flex}.mobile-home-columns{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;margin:12px -17px 0;padding:0 17px 2px;scroll-padding:0 17px;display:flex;overflow-x:auto}.mobile-home-columns::-webkit-scrollbar{display:none}.mobile-home-column{scroll-snap-align:start;flex-direction:column;flex:0 0 70%;gap:4px;min-width:0;display:flex}.mobile-home-column>.library-song-item{border:1px solid var(--line);background:var(--surface-raised);border-radius:14px;gap:12px;min-height:66px;padding:10px 12px}.mobile-home-column>.library-song-item:hover{background:var(--surface-raised)}.mobile-home-column .library-song-artwork,.mobile-home-column .library-song-placeholder{border-radius:8px;width:44px;height:44px}.mobile-home-column .library-song-item strong{font-size:14px;font-weight:620}.mobile-home-column .library-song-item small{font-size:12px}.mobile-home-column .setlist-artwork-stack{flex-basis:44px;width:44px}.mobile-home-column>.skeleton-block{border-radius:14px;height:66px}.mobile-home-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.mobile-home-tools a{border:1px solid var(--line);min-height:112px;color:var(--ink);background:var(--surface-raised);border-radius:18px;flex-direction:column;align-items:flex-start;gap:3px;padding:14px;text-decoration:none;display:flex}.mobile-home-tools a:active{background:var(--surface-hover)}.mobile-home-tool-icon{width:40px;height:40px;color:var(--control-selected-ink);background:var(--control-selected-surface);border-radius:11px;place-items:center;margin-bottom:8px;display:grid}.mobile-home-tools strong{font-size:16px;font-weight:680}.mobile-home-tools small{color:var(--muted);font-size:12px;line-height:1.3}}@keyframes mobile-sheet-rise{0%{transform:translateY(100%)}}@keyframes mobile-sheet-sink{to{transform:translateY(100%)}}@keyframes mobile-sheet-fade{0%{opacity:0}}body>.import-notifications{z-index:65;pointer-events:none;position:fixed;inset:0}body:has(.track-page)>.import-notifications{display:none}body>.import-notifications .import-popovers{pointer-events:none;gap:8px;width:340px;display:grid;position:absolute;top:90px;left:auto;right:14px;transform:none}.import-popover{pointer-events:auto;border-radius:8px;align-items:center;gap:8px;min-width:0;max-width:100%;padding:7px 24px 11px 7px;display:flex;position:relative;overflow:hidden}.import-popover .import-popover-text{flex:1 1 0}.import-popover .import-popover-artwork,.import-popover .import-popover-check,.import-popover .import-popover-action{flex:none}.import-popover-artwork{width:58px;height:33px;color:var(--control-selected-ink);background:var(--control-selected-surface);object-fit:cover;border-radius:4px;place-items:center;display:grid}.import-popover-text{min-width:0}.import-popover-text strong,.import-popover-text small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.import-popover-text strong{font-size:10px}.import-popover-text small{color:var(--muted);margin-top:3px;font-size:9px}.import-popover.failed .import-popover-text small{color:var(--diagnostic-danger-strong)}.import-popover-check{color:var(--diagnostic-success-strong);flex:none}.import-popover-action em{color:var(--youtube-icon);font:600 8px/1 var(--font-geist-mono), monospace;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;font-style:normal}.import-popover-action button{white-space:nowrap;cursor:pointer;border-radius:6px;min-height:26px;padding:0 10px;font-size:9px;font-weight:680}.import-popover-dismiss{width:18px;height:18px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid;position:absolute;top:4px;right:4px}.import-popover-dismiss:hover{color:var(--ink);background:var(--control-hover)}.import-popover-minimize,.import-popover-indicator{display:none}.import-popover-progress{background:var(--control-track);border-radius:999px;height:3px;position:absolute;bottom:5px;left:7px;right:7px;overflow:hidden}.import-popover-progress>span{border-radius:inherit;background:var(--blue);height:100%;transition:width .45s ease-out;display:block}.import-popover.ready .import-popover-progress>span{background:var(--diagnostic-success-strong)}@media (max-width:700px){body>.import-notifications .import-popovers{width:calc(100vw - 32px);top:12px;left:50%;right:auto;transform:translate(-50%)}body>.import-notifications .import-popovers.minimized{display:none}.import-popover-minimize{display:grid}.import-popover-indicator{z-index:1;width:37px;height:37px;color:var(--ink);background:var(--panel);pointer-events:auto;cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:11px;right:115px}.import-popover-indicator:hover{color:var(--blue);background:#fff}.import-popover-indicator svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.import-popover-indicator circle{fill:none;stroke-width:2.5px}.import-popover-indicator-track{stroke:#dfe0d8}.import-popover-indicator-value{stroke:var(--blue);stroke-linecap:round;transition:stroke-dashoffset .45s ease-out}.import-popover-indicator span{font:650 10px/1 var(--font-geist-mono), monospace;position:relative}}.stem-icon{color:var(--ink)}.recording-control .stem-icon{color:var(--red)}.follow-log-pill,.follow-log-panel{z-index:200;top:calc(env(safe-area-inset-top,0px) + 6px);color:#f4f4ee;font:500 11px/1.35 var(--font-geist-mono), monospace;background:#1c1d19eb;position:fixed;left:6px}.follow-log-pill{opacity:.85;white-space:nowrap;cursor:pointer;border:0;border-radius:999px;padding:3px 9px;left:50%;transform:translate(-50%)}.follow-log-panel{border-radius:8px;flex-direction:column;max-height:45dvh;display:flex;right:6px;overflow:hidden}.follow-log-panel>header{border-bottom:1px solid #ffffff24;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.follow-log-panel>header>div{gap:6px;display:flex}.follow-log-panel button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff47;border-radius:5px;padding:5px 9px}.follow-log-panel button:disabled{opacity:.4;cursor:default}.follow-log-panel>ol,.follow-log-panel>p,.follow-log-panel>pre{overscroll-behavior:contain;-webkit-user-select:text;user-select:text;min-height:0;margin:0;padding:6px 8px;overflow-y:auto}.follow-log-panel>pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere}.follow-log-panel>ol{list-style:none}.follow-log-panel li{overflow-wrap:anywhere;padding:2px 0}.follow-log-panel li+li{border-top:1px solid #ffffff14}.frame-probe-pill{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 6px);border:0;border-radius:999px;padding:3px 9px;left:50%;transform:translate(-50%)}.follow-log-panel.frame-probe-page{max-height:none;margin:12px;position:static}.analysis-retry{align-items:center;gap:8px;margin-left:8px;display:inline-flex}.analysis-retry small{color:var(--muted)}.guitar-empty-state .analysis-retry,.bass-sheet .analysis-retry{margin:10px 0 0}
.demo-badge{color:var(--demo-badge-ink);background:var(--demo-badge-surface);font:650 8px/1.2 var(--font-geist-mono), monospace;letter-spacing:.06em;text-transform:uppercase;vertical-align:1px;border-radius:4px;margin-right:6px;padding:2px 5px;font-style:normal;display:inline-block}.home-hero{min-width:0}.home-hero-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.home-hero-card{border:1px solid var(--hero-line);min-width:0;min-height:218px;color:var(--ink);background:var(--hero-surface);border-radius:16px;flex-direction:column;justify-content:space-between;gap:18px;padding:20px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex;position:relative}.home-hero-card.skeleton-block{border:0}a.home-hero-card:hover{border-color:var(--blue)}a.home-hero-card:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.home-hero-band{background:var(--hero-surface-alt)}.home-hero-icon{width:40px;height:40px;color:var(--blue);background:var(--surface-raised);border-radius:11px;place-items:center;display:grid}.home-hero-copy{gap:6px;min-width:0;display:grid}.home-hero-copy strong{letter-spacing:-.6px;font-size:21px;font-weight:730;line-height:1.15}.home-hero-copy small{color:var(--muted);font-size:12px;line-height:1.45}.home-hero-eyebrow{color:var(--blue);font:600 10px/1 var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase}.home-hero-cta{color:var(--blue);align-items:center;gap:6px;font-size:12px;font-weight:680;display:inline-flex}.home-hero-image-card{isolation:isolate;border-color:var(--hero-image-card-line);color:var(--hero-image-ink);background:var(--hero-surface);overflow:hidden}a.home-hero-image-card:hover,a.home-hero-image-card:active{border-color:var(--hero-image-card-line)}.home-hero-image{z-index:-2;object-fit:cover;width:100%;height:100%;transition:transform .32s ease-out;position:absolute;inset:0}a.home-hero-image-card:hover .home-hero-image,a.home-hero-image-card:active .home-hero-image{transform:scale(1.035)}.home-hero-own .home-hero-image{transform:scaleX(-1)}a.home-hero-own:hover .home-hero-image,a.home-hero-own:active .home-hero-image{transform:scaleX(-1)scale(1.035)}.home-hero-image-scrim{z-index:-1;background:var(--hero-image-overlay);position:absolute;inset:0}.home-hero-image-card .home-hero-copy{max-width:26rem;margin-top:auto}.home-hero-image-card .home-hero-copy strong{font-size:22px}.home-hero-image-card .home-hero-copy small{color:var(--hero-image-muted)}.home-hero-image-card .home-hero-cta{min-height:40px;color:var(--hero-image-cta-ink);background:var(--hero-image-cta-surface);border-radius:999px;align-self:flex-start;padding:4px 14px 4px 4px}.home-hero-cta-icon{width:32px;height:32px;color:var(--hero-image-cta-icon-ink);background:var(--hero-image-cta-icon-surface);border-radius:50%;place-items:center;margin-left:-1px;display:grid}.home-hero-comparison{gap:7px;padding:14px}.home-hero-comparison:hover .home-hero-image{transform:scale(1.035)}.hero-comparison-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.hero-comparison-top .demo-badge{margin:0}.hero-comparison-navigation{gap:4px;display:flex}.hero-comparison-navigation button{border:1px solid var(--hero-image-line);width:25px;height:25px;color:var(--hero-image-ink);background:var(--hero-image-cta-surface);cursor:pointer;touch-action:manipulation;border-radius:50%;place-items:center;padding:0;display:grid}.hero-comparison-copy{gap:2px;display:grid}.hero-comparison-copy strong{letter-spacing:-.6px;font-size:22px;font-weight:730;line-height:1.15}.hero-comparison-copy small{color:var(--hero-image-muted);font-size:12px;line-height:1.45}.hero-comparison-player{gap:12px;min-width:0;margin-top:auto;display:grid}.hero-comparison-footer{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.hero-comparison-song{min-width:0;color:var(--hero-image-muted);align-items:baseline;gap:5px;margin:0;font-size:10px;display:flex}.hero-comparison-song b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:400;overflow:hidden}.hero-comparison-controls{align-items:center;gap:6px;min-width:0;display:flex}.hero-comparison-play{cursor:pointer;touch-action:manipulation;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;padding:0;display:grid}.hero-comparison-play:disabled{cursor:wait;opacity:.8}.hero-comparison-presets{border:1px solid var(--hero-image-line);background:var(--hero-image-cta-surface);border-radius:999px;flex:1;min-width:0;min-height:34px;padding:3px;display:flex}.hero-comparison-presets button{min-width:0;color:var(--hero-image-muted);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1 1 0;padding:7px 3px;font-size:10px;font-weight:650;line-height:1.1;overflow:hidden}.hero-comparison-presets button.active{color:var(--control-selected-ink);background:var(--control-selected-surface)}.hero-comparison-open{border:1px solid var(--hero-image-line);min-height:29px;color:var(--hero-image-ink);background:var(--hero-image-cta-surface);border-radius:999px;flex:none;align-items:center;gap:5px;padding:0 10px;font-size:9px;font-weight:680;text-decoration:none;display:inline-flex}.hero-comparison-open svg{transform:rotate(-90deg)}.hero-comparison-open:hover{color:var(--hero-image-cta-ink)}.hero-comparison-error{color:var(--hero-image-ink);margin:0;font-size:9px;line-height:1.25;position:absolute;bottom:12px;left:14px;right:14px}.home-hero-continue{flex-direction:row;grid-column:1/-1;justify-content:flex-start;align-items:center;min-height:112px}.home-hero-continue .home-hero-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-hero-artwork{width:72px;height:72px;color:var(--blue);background:var(--surface-raised);border-radius:12px;flex:none;place-items:center;display:grid;overflow:hidden}.home-hero-artwork img{object-fit:cover;width:100%;height:100%}.home-hero-play{width:44px;height:44px;color:var(--button-primary-ink);background:var(--button-primary-surface);border-radius:50%;flex:none;place-items:center;margin-left:auto;display:grid}.activity-panel .home-add-song{margin-top:34px}.activity-panel .home-add-song:first-child{margin-top:0}.discover{min-width:0;margin-top:36px}.discover-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px;display:flex}.discover-heading h2{letter-spacing:-.045em;margin:0;font-size:20px}.discover-heading p{color:var(--muted);margin:6px 0 0;font-size:12px}.discover-scroll{gap:6px;display:flex}.discover-scroll button{border:1px solid var(--line-strong);width:30px;height:30px;color:var(--ink);background:var(--control-surface);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid}.discover-scroll button:hover{color:var(--blue);border-color:var(--blue);background:var(--control-hover)}.discover-track{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;align-items:flex-start;gap:10px;margin:0 -4px;padding:4px 4px 10px;scroll-padding:0 4px;display:flex;overflow-x:auto}.discover-card{border:1px solid var(--line);min-width:0;min-height:132px;color:var(--hero-image-ink);background-image:var(--hero-image-overlay), var(--discover-card-image,none);scroll-snap-align:start;background-position:50%;background-size:cover;border-radius:14px;flex-direction:column;flex:0 0 216px;transition:border-color .15s;display:flex;overflow:hidden}.discover-card[data-card-id=mix]{background-color:var(--discover-mix-surface)}.discover-card[data-card-id=karaoke]{background-color:var(--discover-karaoke-surface)}.discover-card[data-card-id=record]{background-color:var(--discover-record-surface)}.discover-card[data-card-id=chords]{background-color:var(--discover-chords-surface)}.discover-card[data-card-id=loop]{background-color:var(--discover-loop-surface)}.discover-card[data-card-id=share]{background-color:var(--discover-share-surface)}.discover-card.skeleton-block{border:0;height:132px}.discover-card-preview{flex-direction:column;flex:1;align-items:flex-start;gap:14px;min-height:0;padding:16px;display:flex}.discover-card:not(.completed):hover{border-color:var(--line-strong)}.discover-card-icon{width:34px;height:34px;color:var(--control-selected-ink);background:var(--control-selected-surface);border-radius:10px;place-items:center;display:grid}.discover-card-icon-rotated{transform:rotate(-90deg)}.discover-card-copy{gap:4px;display:grid}.discover-card-copy strong{letter-spacing:-.2px;font-size:13px;font-weight:680}.discover-card-copy small{color:var(--hero-image-muted);white-space:pre-line;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.discover-card.completed{background-color:var(--diagnostic-success-surface);background-blend-mode:normal, luminosity;border-style:solid}.discover-card.completed .discover-card-icon{color:var(--diagnostic-success-strong);background:var(--diagnostic-success-surface)}.discover-card.completed .discover-card-copy{opacity:1}.discover-card .discover-go{border:1px solid var(--hero-image-line);min-height:32px;color:var(--hero-image-muted);background:var(--hero-image-cta-surface);cursor:pointer;border-radius:999px;justify-content:center;align-self:flex-end;align-items:center;gap:6px;margin:0 16px 16px;padding:0 12px;font-size:11px;font-weight:650;display:inline-flex}.discover-card .discover-go:hover:not(:disabled){color:var(--hero-image-ink)}.discover-card .discover-go:disabled{opacity:.6;cursor:wait}.discover-complete{border:1px solid var(--line);color:var(--diagnostic-success-strong);background:var(--diagnostic-success-surface);border-radius:14px;align-items:center;gap:12px;margin-bottom:12px;padding:14px 16px;display:flex}.discover-complete>span{flex:1;gap:3px;min-width:0;display:grid}.discover-complete strong{color:var(--ink);font-size:13px}.discover-complete small{color:var(--muted);font-size:11px}.discover-text-button{color:var(--blue);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;flex:none;padding:6px 2px;font-size:12px;font-weight:680;text-decoration:underline}@media (min-width:701px){.discover-track{cursor:grab}.discover-track.dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.discover-track.dragging .discover-go{cursor:grabbing}}.home-hero-comparison .spin{animation:1s linear infinite hear-the-difference-spin}@keyframes hear-the-difference-spin{to{transform:rotate(360deg)}}@media (max-width:700px){.mobile-home .home-hero{margin:22px -17px 0}.mobile-home .home-hero-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;padding:0 17px 2px;scroll-padding:0 17px;display:flex;overflow-x:auto}.mobile-home .home-hero-track::-webkit-scrollbar{display:none}.mobile-home .home-hero-card{scroll-snap-align:start;border-radius:18px;flex:0 0 80vw;min-height:186px}.mobile-home .home-hero-continue{flex-basis:calc(100vw - 34px);min-height:104px}.mobile-home .home-hero-copy strong{font-size:22px}.mobile-home .home-hero-copy small{font-size:13px}.mobile-home .home-hero-image-card{gap:6px;min-height:209px;padding:16px}.mobile-home .home-hero-image-card .home-hero-copy{gap:3px;max-width:19rem}.mobile-home .home-hero-image-card .home-hero-copy strong{font-size:20px;line-height:1.08}.mobile-home .home-hero-image-card .home-hero-copy small{font-size:11px;line-height:1.3}.mobile-home .home-hero-image-card .home-hero-cta{min-height:34px;padding-right:12px;font-size:11px}.mobile-home .home-hero-image-card .home-hero-cta-icon{width:26px;height:26px}.mobile-home .home-hero-comparison{gap:5px;padding:12px}.mobile-home .hero-comparison-copy strong{font-size:20px}.mobile-home .hero-comparison-copy small{font-size:11px}.mobile-home .hero-comparison-presets button{font-size:10px}.mobile-home .discover{margin-top:28px}.mobile-home .discover-heading h2{letter-spacing:-.6px;font-size:21px;font-weight:720}.mobile-home .discover-heading p{font-size:13px}.mobile-home .discover-scroll{display:none}.mobile-home .discover-track{scrollbar-width:none;margin:0 -17px;padding:2px 17px 6px;scroll-padding:0 17px}.mobile-home .discover-track::-webkit-scrollbar{display:none}.mobile-home .discover-card{border-radius:16px;flex-basis:58vw}.mobile-home .discover-card-copy strong{font-size:15px}.mobile-home .discover-card-copy small{font-size:13px}.mobile-home .discover-card .discover-go{min-height:34px;font-size:12px}.mobile-home .demo-badge{font-size:9px}}@media (max-width:1100px) and (min-width:701px){.activity-panel .home-hero-track{grid-template-columns:1fr}.activity-panel .home-hero-card{min-height:0}}@media (prefers-reduced-motion:reduce){.discover-card,.home-hero-card,.home-hero-image{transition:none}}
.app-shell,.app-shell-content{display:contents}.app-shell-content>*{isolation:isolate}.shared-rail,.home-desktop-account{display:none}@media (min-width:641px){.app-shell[data-rail]{--rail-width:240px;grid-template-columns:var(--rail-width) minmax(0, 1fr);background:var(--paper);height:100dvh;transition:grid-template-columns .28s cubic-bezier(.22,.8,.3,1);display:grid;overflow:hidden}.app-shell[data-rail]>.app-shell-content{min-width:0;height:100%;min-height:0;display:block;overflow:hidden}.app-shell[data-rail]>.shared-rail{display:flex}}@media (max-width:700px){.app-shell[data-rail=page],.app-shell[data-rail=page]>.app-shell-content{display:contents}.app-shell[data-rail=page]>.shared-rail{display:none}}.shared-rail{z-index:50;box-sizing:border-box;border-right:1px solid var(--line);width:100%;min-width:0;height:100%;min-height:0;color:var(--ink);background:var(--rail-surface);flex-direction:column;padding:18px;transition:width .28s cubic-bezier(.22,.8,.3,1);position:relative;overflow:hidden}.rail-expanded{flex-direction:column;flex:1;gap:16px;min-height:0;transition:opacity .18s,transform .28s cubic-bezier(.22,.8,.3,1);display:flex}.rail-collapsed{opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;align-items:center;gap:12px;transition:opacity .18s,transform .28s cubic-bezier(.22,.8,.3,1),visibility 0s linear .28s;display:flex;position:absolute;inset:18px 12px 0;transform:translate(-12px)}.rail-head{flex:none;justify-content:space-between;align-items:center;gap:8px;display:flex}.rail-drawer-button{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;transition:color .15s;display:grid}.rail-drawer-button:hover{color:var(--blue)}.rail-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex-direction:column;flex:1;gap:14px;min-height:0;margin:0 -18px;padding:0 18px 12px;display:flex;overflow-y:auto}.rail-nav{gap:2px;display:grid}.rail-link{min-height:32px;color:var(--ink);font:500 12px/1 var(--font-geist-sans), Arial, sans-serif;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:0 8px;text-decoration:none;transition:background .15s,color .15s;display:flex}.rail-link>svg{color:var(--muted);flex:none}.rail-link:hover{background:var(--control-hover)}.rail-link.active{color:var(--control-selected-ink);background:var(--control-selected-surface)}.rail-link.active>svg{color:inherit}.rail-section{border-top:1px solid var(--line);flex-direction:column;flex:none;gap:8px;padding-top:14px;display:flex}.rail-section-title{min-width:0;color:var(--muted);font:650 9px/1 var(--font-geist-mono), monospace;letter-spacing:.06em;text-transform:uppercase;flex:1;margin:0;padding-left:8px}.rail-section>.rail-section-title{padding-block:4px 2px}.rail-section-head{flex-wrap:wrap;align-items:center;gap:4px;min-height:28px;display:flex}.rail-action.ui-icon-button{width:26px;height:26px;color:var(--muted);background:0 0;border-color:#0000;flex:none}.rail-action.ui-icon-button:hover:not(:disabled){color:var(--blue);background:var(--control-hover);border-color:#0000}.rail-action.ui-icon-button:disabled{opacity:.5;cursor:default}.rail-inline-field.ui-field{box-sizing:border-box;min-width:0;height:28px;color:var(--muted);border-radius:7px;flex:1;align-items:center;gap:6px;padding:0 8px;display:flex}.rail-inline-field.ui-field:focus-within{border-color:var(--blue)}.rail-inline-field input{width:100%;min-width:0;color:var(--ink);font:12px/1 var(--font-geist-sans), Arial, sans-serif;background:0 0;border:0;outline:0;flex:1;padding:0}.rail-inline-field input::placeholder{color:var(--muted)}.rail-inline-field input:focus-visible{outline:0}.rail-create-button.ui-primary-button{border-radius:7px;flex:none;height:28px;padding:0 9px;font-size:11px}.rail-error{color:var(--diagnostic-danger-strong);flex-basis:100%;padding-left:2px;font-size:10px;line-height:1.3}.rail-sort-row{justify-content:flex-end;margin-top:-6px;display:flex}.rail-sort-row .library-sort-button{min-height:24px}.rail-status{gap:8px;display:grid}.rail-status:empty{display:none}.rail-empty{color:var(--muted);margin:2px 0;padding:0 8px;font-size:11px;line-height:1.4}.rail-songs{--rail-row-height:calc(32px + 2 * 6px)}.rail-song-list{max-height:calc(var(--rail-row-height) * var(--rail-visible-rows,5));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;align-content:start;margin:0 -6px;display:grid;overflow-y:auto}.rail-song-list>.library-song-item{box-sizing:border-box;height:var(--rail-row-height)}.rail-song-skeleton{height:calc(var(--rail-row-height,44px) - 8px);margin:4px 6px}.rail-setlist-list{align-content:start;margin:0 -6px;display:grid}.rail-song-list>.library-song-item.active,.rail-song-list>.library-song-item.active:hover,.rail-setlist-list>.library-song-item.active,.rail-setlist-list>.library-song-item.active:hover{color:var(--control-selected-ink);background:var(--control-selected-surface)}.rail-brand-swap{place-items:center;display:grid;position:relative}.rail-brand-swap .rail-brand{gap:0;transition:opacity .15s}.rail-brand-swap .rail-drawer-button{opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .15s,color .15s;position:absolute;inset:0}.shared-rail:hover .rail-brand-swap .rail-brand{opacity:0;pointer-events:none}.rail-brand-swap:has(.rail-drawer-button:focus-visible) .rail-brand{opacity:0;pointer-events:none}.shared-rail:hover .rail-brand-swap .rail-drawer-button,.rail-brand-swap .rail-drawer-button:focus-visible{opacity:1;pointer-events:auto}@media (hover:none){.rail-brand-swap .rail-brand{opacity:0;pointer-events:none}.rail-brand-swap .rail-drawer-button{opacity:1;pointer-events:auto}}.rail-collapsed>.rail-nav{border-top:1px solid var(--line);justify-items:center;gap:4px;width:100%;padding-top:12px}.rail-collapsed .rail-link{justify-content:center;width:37px;height:37px;min-height:0;padding:0}.rail-entry{display:grid;position:relative}.rail-entry-status{pointer-events:none;position:absolute;inset:0}.rail-entry-status .compact-search-import-badge{border-color:var(--rail-surface);background:var(--rail-surface)}.rail-footer{border-top:1px solid var(--line);flex-direction:column;flex:none;align-items:stretch;gap:8px;margin-top:auto;padding-top:14px;display:flex}.rail-footer .rail-account.account-signed-in{background:0 0;border:0;border-radius:0;align-self:flex-start;width:auto;min-width:0;height:auto;padding:0;font-size:11px;font-weight:680;display:inline-flex}.rail-footer .rail-account.account-signed-in:hover{color:var(--ink);background:0 0;border-color:#0000}.rail-footer .rail-account .account-avatar{border:1px solid var(--line-strong);background:var(--control-surface);border-radius:50%;flex:none;place-items:center;width:37px;height:37px;display:grid}.rail-footer .rail-account:hover .account-avatar{color:var(--on-accent);border-color:var(--blue);background:var(--blue)}.rail-footer .rail-account>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:145px;overflow:hidden}@media (max-width:1400px){.app-shell[data-rail]{--rail-width:74px}.app-shell:not(.rail-manually-expanded) .shared-rail{padding:18px 12px}.app-shell:not(.rail-manually-expanded) .rail-expanded{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .28s cubic-bezier(.22,.8,.3,1),visibility 0s linear .28s;position:absolute;inset:0;transform:translate(-12px)}.app-shell:not(.rail-manually-expanded) .rail-collapsed{opacity:1;visibility:visible;pointer-events:auto;flex:1;min-height:0;transition-delay:0s;position:relative;inset:auto;transform:none}.app-shell:not(.rail-manually-expanded) .rail-footer{align-items:center;padding-top:12px}.app-shell:not(.rail-manually-expanded) .rail-account>span:last-child{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-shell:not(.rail-manually-expanded) .rail-account.account-signin,.app-shell:not(.rail-manually-expanded) .rail-account.account-auth-placeholder{border-radius:50%;justify-content:center;width:37px;min-width:0;padding:0}.app-shell.rail-manually-expanded .shared-rail{width:240px;box-shadow:14px 0 32px var(--shadow)}}.app-shell.rail-manually-collapsed[data-rail]{--rail-width:74px}.app-shell.rail-manually-collapsed .shared-rail{padding:18px 12px}.app-shell.rail-manually-collapsed .rail-expanded{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .28s cubic-bezier(.22,.8,.3,1),visibility 0s linear .28s;position:absolute;inset:0;transform:translate(-12px)}.app-shell.rail-manually-collapsed .rail-collapsed{opacity:1;visibility:visible;pointer-events:auto;flex:1;min-height:0;transition-delay:0s;position:relative;inset:auto;transform:none}.app-shell.rail-manually-collapsed .rail-footer{align-items:center;padding-top:12px}.app-shell.rail-manually-collapsed .rail-account>span:last-child{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-shell.rail-manually-collapsed .rail-account.account-signin,.app-shell.rail-manually-collapsed .rail-account.account-auth-placeholder{border-radius:50%;justify-content:center;width:37px;min-width:0;padding:0}@media (prefers-reduced-motion:reduce){.app-shell[data-rail],.shared-rail,.rail-expanded,.rail-collapsed{transition:none}}:root[data-theme=dark] .rail-footer .rail-account.account-signed-in{background:0 0!important;border-color:#0000!important}:root[data-theme=dark] .rail-song-list>.library-song-item.active,:root[data-theme=dark] .rail-setlist-list>.library-song-item.active{color:var(--control-selected-ink)!important;background:var(--control-selected-surface)!important}@media (min-width:701px){.app-shell[data-rail=page]>.app-shell-content{overscroll-behavior:contain;overflow-y:auto}.app-shell[data-rail] .setlist-page>.setlist-header,.app-shell[data-rail] .tool-page>.tool-header,.app-shell[data-rail] .account-desktop>.account-header,.app-shell[data-rail] .add-song-shell>.home-topbar{display:none}.app-shell[data-rail] .tool-page,.app-shell[data-rail] .account-page,.app-shell[data-rail] .add-song-shell{min-height:100%}.app-shell[data-rail] .home-page{--home-header-height:0px;height:100%}.app-shell[data-rail] .home-topbar{display:none}.app-shell[data-rail] .activity-panel{padding-inline:max(24px,50% - 640px);position:relative}.app-shell[data-rail] .home-desktop-account{z-index:2;display:flex;position:absolute;top:22px;right:max(24px,50% - 640px)}.app-shell[data-rail] .library-page,.app-shell[data-rail] .setlist-page{height:100%;padding-inline:max(24px,50% - 640px)}.app-shell[data-rail] .library-page .library-header{display:none}.app-shell[data-rail] .library-panel>.library-status{margin-top:24px}}