:root{color:#f4eee2;background:#050505;font-family:Avenir Next,Helvetica Neue,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #050505;--surface: #0e0d0c;--surface-raised: #151310;--surface-soft: #1b1814;--text: #f4eee2;--muted: #9b958c;--faint: #45413c;--line: #2d2925;--amber: #ffad38;--amber-soft: #d38727;--green: #1ed760}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.icon-button{display:inline-grid;width:42px;height:42px;padding:0;place-items:center;border:0;background:transparent;cursor:pointer}.icon-button svg{width:27px;height:27px}.search-screen{min-height:100dvh;overflow:hidden;background:var(--bg)}.brand-header{display:flex;width:min(1120px,calc(100% - 40px));margin:0 auto;padding:28px 0;align-items:center;gap:12px}.brand-mark{display:grid;width:40px;height:40px;color:#090806;background:var(--amber);place-items:center;border-radius:12px}.brand-mark svg{width:23px;height:23px}.brand-header>span:last-child{display:grid;gap:1px}.brand-header strong{font-size:14px;letter-spacing:.14em}.brand-header small{color:var(--muted);font-size:12px}.spotify-account-button,.spotify-account{margin-left:auto}.spotify-account-button{display:inline-flex;min-height:38px;padding:0 12px;align-items:center;gap:7px;border:1px solid var(--line);color:#c8c1b7;background:#11100e;border-radius:10px;font-size:11px;font-weight:700;cursor:pointer}.spotify-account-button svg{width:17px;height:17px;color:var(--green)}.spotify-account{display:grid;min-height:42px;padding:5px 6px 5px 9px;grid-template-columns:22px minmax(0,1fr) 30px;align-items:center;gap:7px;border:1px solid var(--line);background:#11100e;border-radius:11px}.spotify-account>svg{width:20px;height:20px;color:var(--green)}.spotify-account>span{display:grid}.spotify-account strong{max-width:120px;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.spotify-account small{font-size:9px}.spotify-account button{display:grid;width:30px;height:30px;padding:0;border:0;color:var(--muted);background:transparent;place-items:center;cursor:pointer}.spotify-account button svg{width:17px;height:17px}.search-hero{width:min(780px,calc(100% - 40px));margin:clamp(70px,12vh,150px) auto 0;text-align:center}.eyebrow{color:var(--amber);font-size:12px;font-weight:700;letter-spacing:.15em}.search-hero h1{max-width:680px;margin:16px auto 10px;font-size:clamp(42px,7vw,76px);line-height:.98;letter-spacing:-.055em}.search-hero>p{margin:0 auto 34px;color:var(--muted);font-size:clamp(16px,2vw,19px)}.music-search{display:grid;min-height:68px;padding:8px 8px 8px 20px;grid-template-columns:26px minmax(0,1fr) auto auto;align-items:center;gap:12px;border:1px solid #3b352e;background:#12100e;border-radius:18px;box-shadow:0 22px 70px #00000061}.music-search>svg{width:24px;height:24px;color:var(--amber)}.music-search input{min-width:0;border:0;outline:0;color:var(--text);background:transparent;font-size:17px}.music-search input::placeholder{color:#777169}.clear-search{display:grid;width:36px;height:36px;padding:0;border:0;color:var(--muted);background:transparent;place-items:center;cursor:pointer}.search-submit,.primary-button,.secondary-button{display:inline-flex;min-height:48px;padding:0 22px;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:12px;font-weight:700;cursor:pointer}.search-submit,.primary-button{color:#120d07;background:var(--amber)}.secondary-button{border-color:var(--line);background:#171411}.input-hints{display:flex;margin-top:14px;justify-content:center;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:12px}.input-hints span,.input-hints button{display:inline-flex;padding:0;align-items:center;gap:6px;border:0;color:inherit;background:transparent}.input-hints button{cursor:pointer}.input-hints svg{width:15px;height:15px}.search-results,.saved-charts,.setlists,.search-promise{width:min(920px,calc(100% - 40px));margin:68px auto 90px}.setlists{margin-top:48px;margin-bottom:-28px}.setlist-create{display:grid;margin-bottom:14px;grid-template-columns:minmax(0,1fr) auto;gap:8px}.setlist-create input{min-width:0;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:#0d0c0a;color:var(--text);font-size:13px}.setlist-create button{display:inline-flex;padding:0 14px;align-items:center;gap:6px;border:1px solid var(--line);border-radius:10px;background:#14100b;color:var(--amber);font-size:12px;font-weight:600;cursor:pointer}.setlist-create button:disabled{opacity:.45;cursor:default}.setlist-row{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;overflow:hidden}.setlist-head{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;align-items:stretch}.setlist-toggle{display:flex;min-width:0;min-height:58px;padding:8px 10px;align-items:center;gap:10px;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.setlist-toggle svg{flex:0 0 auto;color:#756f68}.setlist-toggle span{display:grid;min-width:0;gap:3px}.setlist-toggle strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.setlist-toggle small{color:var(--muted);font-size:11px}.setlist-start{display:inline-flex;padding:0 14px;align-items:center;gap:6px;border:0;border-left:1px solid var(--line);background:transparent;color:var(--amber);font-size:12px;font-weight:700;cursor:pointer}.setlist-start:disabled{color:#4c4741;cursor:default}.setlist-head .saved-chart-delete{min-height:58px}.setlist-body{padding:4px 12px 12px;border-top:1px solid var(--line)}.setlist-songs{margin:0;padding:0;list-style:none}.setlist-songs li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border-bottom:1px solid #191714}.setlist-songs li:last-child{border-bottom:0}.setlist-song-open{display:flex;min-width:0;padding:9px 4px;align-items:center;gap:10px;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.setlist-song-number{flex:0 0 auto;width:20px;color:var(--amber);font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px}.setlist-song-open>span:last-child{display:grid;min-width:0;gap:2px}.setlist-song-open strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.setlist-song-open small{color:var(--muted);font-size:10px}.setlist-song-actions{display:inline-flex;gap:2px}.setlist-song-actions button{display:grid;width:30px;height:30px;border:0;border-radius:6px;background:transparent;color:#756f68;place-items:center;cursor:pointer}.setlist-song-actions button:hover:not(:disabled){background:#ffffff0a;color:var(--text)}.setlist-song-actions button:disabled{opacity:.3;cursor:default}.setlist-empty{margin:10px 0;color:var(--muted);font-size:12px}.setlist-add{margin-top:10px}.setlist-add>small{display:block;margin-bottom:6px;color:#6a645d;font-family:ui-monospace,SFMono-Regular,monospace;font-size:9px;letter-spacing:.14em}.setlist-add button{display:inline-flex;margin:0 6px 6px 0;padding:6px 10px;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--text);font-size:12px;cursor:pointer}.setlist-add button small{color:var(--muted);font-size:10px}.setlist-add button:hover{border-color:#4e4943}.setlist-strip{display:grid;padding:6px 8px;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;border-bottom:1px solid var(--line);background:#0b0a08}.setlist-strip>span{display:grid;min-width:0;justify-items:center;gap:1px;text-align:center}.setlist-strip strong{overflow:hidden;max-width:100%;color:var(--amber-soft);font-size:11px;letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap}.setlist-strip small{overflow:hidden;max-width:100%;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.setlist-strip button{display:grid;height:34px;border:0;border-radius:8px;background:transparent;color:var(--amber);place-items:center;cursor:pointer}.setlist-strip button:disabled{color:#4c4741;cursor:default}.saved-charts{margin-bottom:-28px}.library-notice{width:min(920px,calc(100% - 40px));margin:24px auto -36px}.saved-chart-list{display:grid;border-block:1px solid var(--line)}.saved-chart-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;border-bottom:1px solid var(--line)}.saved-chart-row:last-child{border-bottom:0}.saved-chart-open{display:grid;min-width:0;min-height:76px;padding:9px 8px 9px 4px;grid-template-columns:50px minmax(0,1fr) 22px;align-items:center;gap:13px;border:0;color:var(--text);background:transparent;text-align:left;cursor:pointer}.saved-chart-open:hover,.saved-chart-delete:hover{background:#ffffff06}.saved-chart-open img{width:50px;height:50px;object-fit:cover;border-radius:8px}.saved-chart-open>span{display:grid;min-width:0;gap:4px}.saved-chart-open strong,.saved-chart-open small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-chart-open strong{font-size:14px}.saved-chart-open small{color:var(--muted);font-size:11px}.saved-chart-open>svg{color:var(--amber)}.saved-chart-delete{display:grid;border:0;border-left:1px solid var(--line);color:#756f68;background:transparent;place-items:center;cursor:pointer}.saved-chart-delete svg{width:17px;height:17px}.section-heading{display:flex;margin-bottom:14px;align-items:end;justify-content:space-between}.section-heading>span:first-child{display:grid;gap:3px}.section-heading small{color:var(--amber);font-size:11px;font-weight:700;letter-spacing:.14em}.section-heading h2{margin:0;font-size:24px}.section-heading>span:last-child{color:var(--muted);font-size:13px}.spotify-context-link{display:inline-flex;margin:-5px 0 12px;align-items:center;gap:6px;color:var(--muted);font-size:10px;text-decoration:none}.spotify-context-link svg{width:15px;height:15px;color:var(--green)}.search-notice{display:flex;margin-bottom:12px;padding:10px 12px;align-items:center;gap:8px;border:1px solid #3a332b;color:var(--muted);background:#11100e;border-radius:9px;font-size:10px;line-height:1.4}.search-notice svg{width:17px;height:17px;flex:0 0 auto;color:var(--amber)}.search-issue{display:grid;width:min(680px,calc(100% - 40px));min-height:100px;margin:68px auto 90px;padding:20px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:14px;border-block:1px solid var(--line);background:#0e0d0c}.search-issue>svg{width:25px;height:25px;color:var(--green)}.search-issue>span{display:grid;gap:3px}.search-issue strong{font-size:13px}.search-issue small{color:var(--muted);font-size:11px;line-height:1.4}.search-issue button{border:0;color:var(--amber);background:transparent;font-size:10px;cursor:pointer}.result-list{border-block:1px solid var(--line)}.result-row{display:grid;width:100%;min-height:86px;padding:12px 4px;grid-template-columns:58px minmax(0,1fr) auto 28px;align-items:center;gap:16px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer}.result-row:last-child{border-bottom:0}.result-row:hover{background:#ffffff06}.result-row img{width:58px;height:58px;object-fit:cover;border-radius:9px}.result-copy{display:grid;min-width:0;gap:4px}.result-title{overflow:hidden;font-size:16px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.result-meta{overflow:hidden;color:var(--muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.result-source{display:inline-flex;align-items:center;gap:6px;color:#c7c1b8;font-size:12px;text-transform:capitalize}.result-source svg{width:16px;height:16px;color:var(--green)}.result-row>svg{color:var(--muted)}.search-promise{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border-block:1px solid var(--line)}.search-promise>div{display:grid;min-height:150px;padding:28px;align-content:start;gap:9px;border-right:1px solid var(--line)}.search-promise>div:last-child{border-right:0}.search-promise svg{width:24px;height:24px;margin-bottom:9px;color:var(--amber)}.search-promise strong{font-size:15px}.search-promise span{color:var(--muted);font-size:13px;line-height:1.5}.search-footer{width:min(920px,calc(100% - 40px));margin:0 auto;padding:22px 0 34px;border-top:1px solid var(--line);color:#716c65;font-size:12px;text-align:center}.modal-backdrop{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:flex;padding:20px;align-items:flex-end;justify-content:center;background:#000000bd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.match-sheet,.settings-sheet{position:relative;width:min(520px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;padding:26px;border:1px solid #38322b;background:#0f0e0c;border-radius:22px;box-shadow:0 34px 100px #000000b3}.sheet-close{position:absolute;top:12px;right:12px}.match-track{display:grid;padding-right:40px;grid-template-columns:58px minmax(0,1fr) 24px;align-items:center;gap:14px}.match-track img{width:58px;height:58px;border-radius:10px}.match-track>span{display:grid;gap:2px}.match-track small,.match-track span span{color:var(--muted);font-size:12px}.match-track strong{font-size:18px}.match-track>svg{color:var(--amber)}.quality-callout{display:flex;margin:24px 0 18px;padding:18px;gap:14px;border-block:1px solid var(--line);background:#ffad3809}.quality-callout>svg{width:28px;height:28px;flex:0 0 auto;color:var(--green)}.quality-callout span{display:grid;gap:4px}.quality-callout small{color:var(--muted);line-height:1.45}.match-sheet>.primary-button,.match-sheet>.secondary-button{width:100%}.transcription-sheet h2{margin:10px 42px 7px 0;font-size:28px;letter-spacing:-.035em}.spotify-auth-sheet{text-align:center}.spotify-auth-mark{display:grid;width:58px;height:58px;margin:3px auto 16px;color:#06170c;background:var(--green);place-items:center;border-radius:50%}.spotify-auth-mark svg{width:30px;height:30px}.spotify-auth-sheet>small:first-of-type{color:var(--green);font-size:10px;font-weight:800;letter-spacing:.13em}.spotify-auth-sheet h2{margin:8px 28px;font-size:28px;line-height:1.05;letter-spacing:-.04em}.spotify-auth-sheet>p{margin:0 auto 18px;max-width:390px;color:var(--muted);font-size:12px;line-height:1.55}.spotify-mode-note{display:flex;margin-bottom:18px;padding:14px;align-items:start;gap:9px;border-block:1px solid var(--line);color:var(--muted);font-size:10px;line-height:1.45;text-align:left}.spotify-mode-note svg{width:19px;height:19px;flex:0 0 auto;color:var(--amber)}.spotify-connect-button{width:100%;color:#06170c;background:var(--green)}.spotify-connect-button:disabled{opacity:.45;cursor:not-allowed}.spotify-client-field{margin:0 0 12px;text-align:left}.spotify-setup-help{display:grid;margin:12px auto 0;max-width:360px;gap:7px;color:#777169;font-size:10px;line-height:1.45}.spotify-setup-help code{color:#aaa299;font-family:ui-monospace,SFMono-Regular,monospace;overflow-wrap:anywhere}.spotify-setup-help a{color:var(--green);text-decoration:none}.notation-import-sheet h2{margin:10px 42px 7px 0;font-size:28px;letter-spacing:-.035em}.notation-paste-field textarea{width:100%;min-height:180px;padding:14px;resize:vertical;border:1px solid #3b352e;color:var(--text);background:#171411;border-radius:11px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px;line-height:1.55;letter-spacing:0;text-transform:none}.notation-paste-field textarea:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.notation-preview{display:flex;min-height:62px;margin:14px 0;padding:12px;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);color:var(--muted);background:#11100e;border-radius:11px}.notation-preview>span{display:grid;gap:3px}.notation-preview strong{color:var(--text);font-size:12px}.notation-preview small{color:var(--muted);font-size:10px}.notation-preview>svg{width:19px;height:19px}.notation-preview.is-ready{border-color:#5a4223}.notation-preview.is-ready>svg{color:var(--amber)}.notation-import-sheet>.primary-button{width:100%}.notation-import-sheet>.primary-button:disabled{opacity:.42;cursor:not-allowed}.notation-file-button{margin:14px auto 0}.sheet-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--amber);font-size:11px;font-weight:800;letter-spacing:.13em}.sheet-kicker svg{width:17px;height:17px}.sheet-intro{margin:0 0 22px;color:var(--muted);font-size:13px;line-height:1.55}.stacked-field{display:grid;gap:7px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.stacked-field input{width:100%;min-height:52px;padding:0 14px;border:1px solid #3b352e;color:var(--text);background:#171411;border-radius:11px;font-size:14px;letter-spacing:0;text-transform:none}.advanced-toggle{display:flex;width:100%;padding:15px 0;align-items:center;justify-content:space-between;border:0;border-bottom:1px solid var(--line);color:var(--muted);background:transparent;font-size:12px;cursor:pointer}.advanced-toggle span{color:var(--amber);font-size:20px}.transcription-settings{display:grid;padding:8px 0}.transcription-settings label{display:flex;min-height:42px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:11px}.transcription-settings span{color:var(--muted)}.transcription-settings strong{color:#d8d1c6;font-weight:600}.rights-check{display:grid;margin:18px 0;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;color:var(--muted);font-size:11px;line-height:1.45}.rights-check input{width:17px;height:17px;margin:0;accent-color:var(--amber)}.form-error{margin:-7px 0 12px;color:#ff8f72;font-size:11px}.privacy-note{display:flex;margin-top:12px;align-items:center;justify-content:center;gap:6px;color:#777169;font-size:10px}.privacy-note svg{width:14px;height:14px}.match-sheet>.secondary-button{margin-top:10px}.match-sheet>.secondary-button:disabled{opacity:.48;cursor:wait}.text-button,.import-button{display:inline-flex;padding:0;align-items:center;gap:7px;border:0;color:var(--muted);background:transparent;font-size:12px;cursor:pointer}.match-sheet>.text-button{margin:18px auto 0}.source-review{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.source-review>p{margin:14px 0;color:var(--muted);font-size:12px;line-height:1.5}.source-loading,.source-empty{display:flex;min-height:62px;padding:12px 0;align-items:center;gap:10px;color:var(--muted);font-size:12px}.source-loading svg{width:20px;height:20px;color:var(--amber);animation:pulse 1.4s ease-in-out infinite}.source-empty{display:grid;gap:3px}.source-empty strong{color:var(--text)}.source-empty small{color:var(--muted)}.candidate-list{display:grid;border-block:1px solid var(--line)}.candidate-row{display:grid;min-height:58px;grid-template-columns:minmax(0,1fr) auto;align-items:center;border-bottom:1px solid var(--line)}.candidate-row:last-child{border-bottom:0}.candidate-row>button{display:grid;min-height:57px;padding:0 8px 0 2px;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;border:0;background:transparent;text-align:left}.candidate-row>button:not(:disabled){cursor:pointer}.candidate-row>button:disabled{opacity:.68}.candidate-row.is-selected{background:#ffad380e}.candidate-row>button>span:nth-child(2){display:grid;gap:2px}.candidate-row strong{font-size:12px}.candidate-row small,.candidate-status{color:var(--muted);font-size:10px}.candidate-status{text-transform:uppercase}.candidate-row.is-selected .candidate-status{color:var(--amber)}.candidate-row>a{padding:7px 8px;color:var(--amber);font-size:10px;text-decoration:none}.import-button{color:var(--amber)}.import-actions{display:flex;flex-wrap:wrap;gap:14px}.notation-imported{display:grid;min-height:58px;padding:10px 2px;grid-template-columns:22px minmax(0,1fr) 18px;align-items:center;gap:10px;border-bottom:1px solid var(--line);color:var(--amber)}.notation-imported>svg{width:19px;height:19px}.notation-imported>span{display:grid;gap:2px}.notation-imported strong{color:var(--text);font-size:12px}.notation-imported small{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.provider-list{display:grid}.provider-row{display:grid;min-height:55px;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.provider-row:last-child{border-bottom:0}.provider-dot{width:7px;height:7px;background:var(--faint);border-radius:50%}.provider-dot.is-matched,.provider-dot.is-ready{background:var(--amber)}.provider-row>span:nth-child(2){display:grid;gap:2px}.provider-row strong{font-size:12px}.provider-row small,.provider-state{color:var(--muted);font-size:10px}.provider-state{text-transform:uppercase}.generation-overlay{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;display:grid;padding:36px;align-content:center;justify-items:center;background:#070604;text-align:center}.generation-orbit{display:grid;width:72px;height:72px;margin-bottom:24px;color:#120d07;background:var(--amber);place-items:center;border-radius:50%;animation:pulse 1.4s ease-in-out infinite}.generation-orbit svg{width:32px;height:32px}@keyframes pulse{50%{transform:scale(1.06);box-shadow:0 0 0 18px #ffad380a}}.generation-overlay>small{color:var(--amber);font-weight:700;letter-spacing:.14em}.generation-overlay h2{margin:9px 0 30px;font-size:32px}.generation-stages{display:grid;width:min(390px,100%)}.generation-stages>div{display:grid;min-height:50px;grid-template-columns:28px 1fr;align-items:center;gap:12px;border-bottom:1px solid var(--line);color:#6f6a63;font-size:13px;text-align:left;transition:color .18s ease}.generation-stages>div>span{display:grid;width:23px;height:23px;place-items:center;border:1px solid #4b4640;border-radius:50%;font-size:10px}.generation-stages>div.is-complete{color:var(--text)}.generation-stages>div.is-complete>span{border-color:var(--amber);color:#100b06;background:var(--amber)}.generation-overlay>p{max-width:390px;margin-top:24px;color:var(--muted);font-size:12px}.performance-screen{display:flex;width:min(100%,520px);height:100dvh;margin:0 auto;flex-direction:column;overflow:hidden;background:#050505}.performance-screen>.performance-header,.performance-screen>.setlist-strip,.performance-screen>.instrument-tabs,.performance-screen>.performance-settings,.performance-screen>.chord-sheet,.performance-screen>.transport{flex:0 0 auto}.performance-header{display:grid;min-height:82px;padding:10px 12px 8px 5px;grid-template-columns:38px 48px minmax(0,1fr) 38px 30px;align-items:center;gap:8px}.performance-header>img{width:48px;height:48px;object-fit:cover;border-radius:9px}.track-heading{display:grid;min-width:0;gap:3px}.track-heading strong,.track-heading small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-heading strong{font-size:17px}.track-heading small{color:var(--muted);font-size:14px}.favorite-button.is-active{color:var(--amber)}.instrument-tabs{display:flex;overflow-x:auto;border-bottom:1px solid var(--line);scrollbar-width:none}.instrument-tabs::-webkit-scrollbar{display:none}.instrument-tabs button{position:relative;display:inline-flex;min-width:78px;height:48px;padding:0 6px;align-items:center;justify-content:center;gap:5px;border:0;color:var(--muted);background:transparent;font-size:11px;cursor:pointer}.instrument-tabs button:after{position:absolute;right:0;bottom:0;left:0;height:3px;background:transparent;content:""}.instrument-tabs button.is-active{color:var(--amber);font-weight:700}.instrument-tabs button.is-active:after{background:var(--amber)}.instrument-tabs svg{width:17px;height:17px}.estimate-dot{position:absolute;top:8px;right:6px;width:5px;height:5px;background:#6e675f;border-radius:50%}.performance-settings{display:flex;min-height:48px;padding:0 10px;overflow-x:auto;align-items:center;gap:10px;border-bottom:1px solid var(--line);color:#c6c0b8;scrollbar-width:none}.key-control,.plain-setting,.transpose-value{flex:0 0 auto;font-size:13px}.plain-setting{display:inline-flex;padding:0;align-items:center;gap:5px;border:0;color:inherit;background:transparent;cursor:pointer}.plain-setting svg{width:15px;height:15px}.tuning-setting{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em}.round-control{display:grid;width:30px;height:30px;flex:0 0 auto;padding:0;border:1px solid #4a4540;background:transparent;place-items:center;border-radius:50%;cursor:pointer}.round-control svg{width:17px;height:17px}.transpose-value{width:20px;color:var(--text);text-align:center}.vertical-divider{width:1px;height:30px;flex:0 0 auto;background:var(--line)}.lyric-stage{position:relative;display:grid;flex:1 1 auto;min-height:220px;padding:0 15px 0 10px;grid-template-columns:64px minmax(0,1fr);grid-template-rows:minmax(0,1fr);border-bottom:1px solid var(--line)}.timing-rail{display:grid;padding-top:15px;padding-bottom:14px;padding-right:10px;grid-template-rows:auto auto 1fr;justify-items:end;border-right:1px solid #4b4641}.timing-rail small{color:#bdb7af;font-size:10px;letter-spacing:.08em}.timing-rail strong{margin-top:7px;color:var(--amber);font-family:ui-monospace,SFMono-Regular,monospace;font-size:16px;font-weight:500}.rail-line{position:relative;width:1px;height:calc(100% - 18px);margin-top:13px;margin-right:13px;background:#3b3732}.rail-line i{position:absolute;left:-27px;width:28px;height:1px;background:var(--amber)}.rail-line i:after{position:absolute;top:-5px;right:-6px;width:11px;height:11px;background:var(--amber);border-radius:50%;content:""}.lyric-scroll{position:relative;min-height:0;padding:44px 4px 64px 14px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 42px,#000 calc(100% - 52px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 42px,#000 calc(100% - 52px),transparent 100%)}.lyric-scroll::-webkit-scrollbar{display:none}.lyric-line{min-width:0;margin-bottom:22px;transition:opacity .25s ease}.lyric-section-label{display:block;margin-bottom:8px;color:#6a645d;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px;font-weight:700;letter-spacing:.14em}.lyric-line.is-current .lyric-section-label{color:var(--amber-soft)}.lyric-segments{display:flex;flex-wrap:wrap;align-items:end;column-gap:.42em;row-gap:12px}.lyric-segments button{display:grid;padding:0;gap:4px;border:0;background:transparent;justify-items:start;text-align:left;cursor:pointer}.lyric-segments span{min-height:15px;color:#4c4741;font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px;font-weight:700;line-height:1;transition:color .25s ease,font-size .25s ease}.lyric-segments strong{color:#3f3b36;font-size:18px;font-weight:700;line-height:1.2;letter-spacing:-.02em;transition:color .25s ease,font-size .25s ease}.lyric-line.is-current .lyric-segments span{min-height:18px;color:var(--amber);font-size:17px}.lyric-line.is-current .lyric-segments strong{color:var(--text);font-size:clamp(23px,6vw,29px);line-height:1.12;letter-spacing:-.035em}.lyric-line.is-current .lyric-segments button.is-sung strong{color:var(--amber)}.lyric-line.is-past .lyric-segments strong{color:#322f2a}.lyric-line.is-past .lyric-segments span{color:#3b3732}.demo-notice{position:absolute;right:18px;bottom:9px;padding:2px 7px;border-radius:999px;background:#050505d1;color:#6a645d;font-size:9px}.demo-notice.is-source{color:var(--amber-soft)}.chord-sheet{padding:6px 14px 8px;border-bottom:1px solid var(--line);background:#090807}.sheet-grabber{width:36px;height:4px;margin:0 auto 5px;background:#4a4641;border-radius:99px}.chord-sheet-header{display:flex;min-height:40px;align-items:center;justify-content:space-between;gap:12px}.chord-sheet-header>span{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:5px;row-gap:1px}.chord-sheet-header strong{color:var(--amber);font-family:ui-monospace,SFMono-Regular,monospace;font-size:18px}.chord-sheet-header small{color:var(--muted);font-size:13px}.chord-sheet-header .voicing-meta{grid-column:1 / -1;color:#817a72;font-family:ui-monospace,SFMono-Regular,monospace;font-size:9px;letter-spacing:.04em;text-transform:uppercase}.chord-sheet-actions{display:flex;align-items:center;gap:7px}.edit-cue-button{display:inline-flex;height:36px;padding:0 9px;align-items:center;gap:5px;border:1px solid #3d3832;color:var(--muted);background:transparent;border-radius:9px;font-size:9px;white-space:nowrap;cursor:pointer}.edit-cue-button svg{width:13px;height:13px}.notation-toggle{display:grid;padding:3px;grid-template-columns:1fr 1fr;background:#191715;border-radius:10px}.notation-toggle button{min-width:64px;height:30px;border:1px solid transparent;color:var(--muted);background:transparent;border-radius:8px;cursor:pointer}.notation-toggle button.is-active{border-color:var(--amber);color:var(--amber)}.diagram-strip{display:grid;grid-template-columns:108px minmax(0,1fr);gap:10px}.primary-diagram{display:grid;justify-items:center}.primary-diagram>span{color:var(--amber);font-family:ui-monospace,SFMono-Regular,monospace;font-size:14px;font-weight:700}.alternate-voicings{min-width:0;overflow:hidden}.alternate-voicings>small{color:#68625b;font-family:ui-monospace,SFMono-Regular,monospace;font-size:8px;letter-spacing:.1em}.alternate-voicings>div{display:flex;margin-top:6px;overflow-x:auto;gap:4px;scrollbar-width:none}.alternate-voicings button{min-width:70px;padding:0;border:0;background:transparent;cursor:pointer}.alternate-voicings button>span{display:block;color:#e2dcd2;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px}.chord-canvas,.piano-canvas,.tab-canvas{display:block}.tab-staff-panel{display:grid;min-height:174px;padding:8px 0 4px;justify-items:stretch;overflow:hidden}.tab-staff-meta{display:flex;width:100%;box-sizing:border-box;padding:0 16px 5px;align-items:end;justify-content:space-between}.tab-staff-meta>span:first-child{display:grid;gap:2px}.tab-staff-meta strong{font-size:11px}.tab-staff-meta small,.tab-staff-meta>span:last-child{color:var(--muted);font-size:9px}.tab-scroll-container{width:100%;overflow:hidden;display:flex}.tab-canvas{max-width:100%}.tab-preview,.notation-empty-state{display:flex;min-height:110px;padding:18px;align-items:center;gap:15px;border-top:1px solid var(--line)}.tab-preview>svg,.notation-empty-state>svg{width:30px;height:30px;color:var(--amber)}.tab-preview>span,.notation-empty-state>span{display:grid;gap:3px}.tab-preview small,.notation-empty-state small{color:var(--muted);font-size:11px}.transport{padding:8px 14px calc(10px + env(safe-area-inset-bottom));background:#060605}.transport-buttons{display:grid;grid-template-columns:38px 30px 58px 30px 62px 62px 40px;align-items:center;justify-content:space-between;gap:4px}.transport-buttons>button{position:relative;display:grid;min-height:44px;padding:0;border:0;color:#eee8df;background:transparent;place-items:center;cursor:pointer}.transport-buttons>button>svg{width:29px;height:29px}.transport-buttons>button>small{color:var(--muted);font-size:9px}.transport-buttons>button:first-child small{position:absolute;top:18px;font-size:9px}.transport-buttons .section-skip svg{width:21px;height:21px}.transport-buttons .play-button{width:54px;height:54px;border:2px solid var(--amber);color:var(--amber);border-radius:50%}.transport-buttons .play-button svg{width:28px;height:28px}.transport-buttons>button.is-active{color:var(--amber)}.speed-button{color:var(--amber)!important;font-size:18px}.scrubber-row{display:grid;margin-top:6px;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:8px;color:#aaa49b;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px}.scrubber-row input{width:100%;height:3px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#55514c;accent-color:var(--amber);border-radius:99px}.scrubber-row input::-webkit-slider-thumb{width:13px;height:13px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--amber);border-radius:50%}.transport-meta{display:flex;margin-top:6px;justify-content:center;gap:14px;color:#77716a;font-size:9px}.spotify-identity{display:inline-flex;align-items:center;gap:4px}.loop-identity{display:inline-flex;align-items:center;gap:3px;color:var(--amber)}.loop-identity svg{width:11px;height:11px}.spotify-identity svg{color:var(--green)}.modal-compact{align-items:flex-end}.settings-sheet{padding:22px}.sheet-title{display:flex;margin-bottom:16px;align-items:start;justify-content:space-between}.sheet-title>span{display:grid;gap:4px}.sheet-title small{color:var(--amber);font-size:9px;font-weight:700;letter-spacing:.13em}.sheet-title strong{font-size:20px}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden}.choice-grid button,.tuning-list button{display:flex;min-height:50px;padding:0 16px;align-items:center;justify-content:space-between;gap:10px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);background:transparent;cursor:pointer}.choice-grid button:nth-child(2n){border-right:0}.choice-grid button.is-selected,.tuning-list button.is-selected{color:var(--amber);background:#ffad380a}.tuning-list{border-block:1px solid var(--line)}.tuning-list button{width:100%;border-right:0;text-align:left}.tuning-list button>span{display:grid;gap:2px}.tuning-list small{color:var(--muted);font-size:10px}.cue-editor-sheet{width:min(560px,100%)}.cue-editor-nav{display:grid;margin-bottom:16px;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.cue-editor-nav button{display:inline-flex;min-height:34px;padding:0 6px;align-items:center;gap:3px;border:0;color:var(--amber);background:transparent;font-size:10px;cursor:pointer}.cue-editor-nav button:last-child{justify-content:flex-end}.cue-editor-nav button:disabled{color:#4f4943;cursor:default}.cue-editor-nav svg{width:14px;height:14px}.cue-editor-nav>span{color:var(--muted);font-size:10px}.cue-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cue-editor-grid label{display:grid;gap:6px;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.cue-editor-grid .cue-editor-full{grid-column:1 / -1}.cue-editor-grid input,.cue-editor-grid textarea{width:100%;min-height:43px;padding:10px 12px;resize:vertical;border:1px solid #3b352e;color:var(--text);background:#171411;border-radius:9px;font:inherit;font-size:12px;letter-spacing:0;text-transform:none}.cue-editor-grid textarea{line-height:1.45}.cue-editor-help{margin:12px 0;color:#7f7870;font-size:10px;line-height:1.45}.legal-note{display:flex;margin-top:16px;padding:14px 0;align-items:start;gap:10px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.5}.legal-note svg{width:21px;height:21px;flex:0 0 auto;color:var(--amber)}.legal-note p{margin:0}.reference-links{display:flex;flex-wrap:wrap;gap:16px}.reference-links a{color:var(--amber);font-size:11px;text-decoration:none}@media(min-width:680px){.performance-screen{border-inline:1px solid #191714}}@media(max-width:640px){.brand-header{width:calc(100% - 28px)}.spotify-account-button{width:38px;padding:0;justify-content:center;font-size:0}.spotify-account{grid-template-columns:20px 28px}.spotify-account>span{display:none}.search-hero{margin-top:52px}.music-search{min-height:62px;grid-template-columns:24px minmax(0,1fr) 34px}.search-submit{grid-column:1 / -1;width:100%}.search-promise{grid-template-columns:1fr}.saved-charts{margin-top:42px}.search-promise>div{min-height:120px;border-right:0;border-bottom:1px solid var(--line)}.result-row{grid-template-columns:54px minmax(0,1fr) 22px;gap:12px}.result-source{display:none}}@media(max-width:390px){.performance-header{grid-template-columns:36px 46px minmax(0,1fr) 36px 26px;gap:7px}.performance-header>img{width:46px;height:46px}.edit-cue-button{width:34px;padding:0;justify-content:center;font-size:0}.edit-cue-button svg{width:15px;height:15px}.lyric-stage{grid-template-columns:60px minmax(0,1fr)}.diagram-strip{grid-template-columns:106px minmax(0,1fr)}.transport-buttons{grid-template-columns:36px 26px 52px 26px 56px 56px 38px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.metronome-button{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border:1px solid transparent;border-radius:4px;background:transparent;color:inherit;font-size:inherit;font-family:inherit;cursor:pointer;transition:color .2s ease,border-color .2s ease}.metronome-button svg{width:13px;height:13px}.metronome-button.is-active{border-color:#4e4943;background:#1c1814;color:var(--amber)}.footer-edit-cue-button{display:inline-flex;align-items:center;gap:4px;background:#1c1814;border:1px solid #4e4943;border-radius:4px;padding:2px 6px;color:#ffad38;font-size:10px;font-family:inherit;font-weight:500;cursor:pointer;transition:all .2s ease-in-out}.footer-edit-cue-button:hover{background:#ffad38;color:#120d07;border-color:#ffad38}.footer-edit-cue-button svg{width:11px;height:11px}.select-notation-notice{color:#ffad38;font-weight:500;animation:pulse-notice 2s infinite ease-in-out}@keyframes pulse-notice{0%,to{opacity:.8}50%{opacity:1}}.chords-staff-panel{display:grid;width:100%;padding:8px 2px 10px;grid-template-columns:auto minmax(0,1fr);gap:4px 18px;align-items:start;background:transparent}.active-chord-diagram{display:grid;padding:2px 4px 0 0;justify-items:center}.song-chords{min-width:0}.song-chords>small{display:block;margin:2px 0 2px 4px;color:#6a645d;font-family:ui-monospace,SFMono-Regular,monospace;font-size:9px;font-weight:700;letter-spacing:.14em}.chords-panel-diagrams{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 4px;scrollbar-width:none}.chords-panel-diagrams::-webkit-scrollbar{display:none}.chord-diagram-item{display:flex;flex-direction:column;align-items:center;flex:0 0 auto;gap:2px;padding:4px 5px 2px;border:1px solid transparent;border-radius:8px;background:transparent;color:#ffd8a8;font-size:10px;font-weight:700;cursor:pointer;transition:border-color .2s ease,background .2s ease}.chord-diagram-item.is-active{border-color:#3b342c;background:#14100b}