:root{--text:#3a3542;--text-muted:#79737f;--text-h:#17141c;--bg:#faf9fb;--surface:#fff;--border:#e4e1e8;--accent:#8a3ffc;--accent-contrast:#fff;--accent-bg:#8a3ffc1a;--chip-bg:#f0eef4;--chip-active-bg:var(--accent);--chip-active-text:#fff;--danger:#d64550;--success:#1a8f4c;--shadow:#17141c1f 0 8px 24px -4px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#d9d5e0;--text-muted:#9a94a6;--text-h:#f5f3f8;--bg:#131218;--surface:#1c1a23;--border:#322f3b;--accent:#a875fd;--accent-contrast:#131218;--accent-bg:#a875fd2e;--chip-bg:#262330;--chip-active-bg:var(--accent);--chip-active-text:#131218;--success:#4ade80;--shadow:#00000080 0 8px 24px -4px}}*{box-sizing:border-box}body{margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{color:var(--text-h);margin:0 0 4px}p{margin:0}button,input{font:inherit}.app{width:100%;max-width:640px;min-height:100svh;padding-top:env(safe-area-inset-top,0px);flex-direction:column;margin:0 auto;display:flex}.screen{flex-direction:column;flex:1;gap:16px;padding:20px 16px 32px;display:flex}.offline-banner{text-align:center;background:var(--accent-bg);color:var(--accent);border-bottom:1px solid var(--border);padding:8px 16px;font-size:13px}.loading{color:var(--text-muted);justify-content:center;align-items:center}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:10px;min-height:44px;padding:12px 16px;font-size:15px;font-weight:600;transition:transform 50ms}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn-ghost{background:0 0}.btn-link{color:var(--accent);background:0 0;border:none;padding:8px;text-decoration:underline}.btn-danger{border-color:var(--danger);color:var(--danger);background:0 0}.inline-link{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.btn-large{width:100%;padding:16px 24px;font-size:17px}.btn-small{min-height:32px;padding:6px 10px;font-size:13px}.icon-button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:40px;min-height:40px;font-size:20px;line-height:1;text-decoration:none;display:inline-flex}.icon-button:hover{background:var(--chip-bg)}.passphrase-gate{text-align:center;justify-content:center;align-items:center;gap:24px}.passphrase-content{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:320px;display:flex}.passphrase-content h1{font-size:34px}.passphrase-form{flex-direction:column;gap:12px;width:100%;display:flex}.passphrase-input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);text-align:center;border-radius:10px;padding:14px;font-size:16px}.passphrase-error{color:var(--danger);font-size:14px}.picker-header{justify-content:space-between;align-items:center;display:flex}.picker-progress{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:13px}.match-count{background:var(--accent-bg);color:var(--accent);border-radius:999px;padding:6px 12px;font-size:14px}.match-count strong{font-size:16px}.picker-category-name{font-size:24px}.screen.picker{max-height:100svh;overflow:hidden}.picker-control{flex:1;min-height:0;overflow-y:auto}.picker-skip{text-align:left;border:1px dashed var(--border);width:100%;min-height:54px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;margin-top:10px;padding:16px 20px;font-size:17px;display:block}.picker-actions{flex-wrap:wrap;gap:8px;display:flex}.picker-actions .btn-primary{flex:1}.scatter-grid{flex-direction:column;gap:12px;display:flex;overflow-y:auto}.scatter-cluster{border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.scatter-cluster-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:15px}.picker-chooser-list{flex-direction:column;gap:12px;display:flex}.picker-chooser-option{text-align:left;border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;display:flex}.picker-chooser-option:active{transform:scale(.99)}.picker-chooser-option-title{color:var(--text-h);font-size:17px;font-weight:700}.picker-chooser-option-desc{color:var(--text-muted);font-size:14px}.gapfill-order-toggle{gap:8px;display:flex}.gapfill-order-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:10px;flex:1;padding:10px;font-size:13px;font-weight:600}.gapfill-order-btn-active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.gapfill-song h2{font-size:24px}.gapfill-category-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:14px}.gapfill-category-list{flex-direction:column;gap:8px;display:flex}.gapfill-category-option{border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:14px 16px;font-size:15px;font-weight:600;display:flex}.gapfill-category-count{color:var(--accent);white-space:nowrap;font-size:13px;font-weight:600}.gapfill-category-count-zero{color:var(--text-muted)}.chip-group{flex-wrap:wrap;gap:8px;display:flex}.chip-group-stacked{flex-direction:column;gap:10px}.chip-group-stacked .chip,.chip-group-stacked .chip-add{text-align:left;width:100%;min-height:54px;padding:16px 20px;font-size:17px}.chip-group-stacked .chip-add-input{width:100%}.chip-group-stacked .chip-add-input input{flex:1}.chip-group-empty{color:var(--text-muted);font-size:14px;font-style:italic}.chip{border:1px solid var(--border);background:var(--chip-bg);color:var(--text);cursor:pointer;border-radius:999px;min-height:40px;padding:10px 16px;font-size:14px}.chip-active{background:var(--chip-active-bg);border-color:var(--chip-active-bg);color:var(--chip-active-text);font-weight:600}.chip-add{color:var(--text-muted);background:0 0;border-style:dashed}.chip-add-input{align-items:center;gap:6px;display:inline-flex}.chip-add-input input{border:1px solid var(--border);border-radius:999px;width:140px;min-height:40px;padding:9px 14px}.chip-add-input button{border:1px solid var(--accent);background:var(--accent);color:var(--accent-contrast);cursor:pointer;border-radius:999px;min-height:40px;padding:9px 14px}.results-toolbar{flex-direction:column;gap:8px;display:flex}.results-toolbar-row{gap:8px;display:flex}.results-toolbar-row .btn{flex:1}.results-search{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text-h);font:inherit;border-radius:10px;flex:1.4;padding:8px 12px;font-size:14px}.results-search:focus::placeholder{color:#0000}.song-row-open{min-width:0;color:inherit;font:inherit}.start-over-wrap{flex:1;position:relative}.start-over-wrap .btn{width:100%}.hamburger-wrap{flex:0 0 44px;position:relative}.hamburger-button{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:100%;height:100%;min-height:44px;color:var(--text);border-radius:10px;font-size:18px;line-height:1}.dropdown-menu{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);z-index:20;border-radius:10px;min-width:170px;position:absolute;top:50px;left:0;overflow:hidden}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-item{text-align:left;width:100%;color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border:none;min-height:44px;padding:12px 16px;font-size:15px;display:block}.dropdown-menu-item:hover{background:var(--chip-bg)}.dropdown-menu-item+.dropdown-menu-item{border-top:1px solid var(--border)}.active-filters{text-align:left;cursor:pointer;background:0 0;border:none;flex-wrap:wrap;gap:6px;padding:0;display:flex}.active-filter-chip{border:1px solid var(--border);background:var(--accent-bg);color:var(--accent);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.active-filter-chip-muted{background:var(--chip-bg);color:var(--text-muted);font-weight:400}.results-subbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.results-count{color:var(--text-muted);font-size:13px}.staleness-toggle{color:var(--text-muted);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.staleness-toggle input{width:16px;height:16px}.staleness-badge{white-space:nowrap;border-radius:999px;flex-shrink:0;padding:4px 8px;font-size:12px;font-weight:700}.staleness-overdue{color:var(--danger);background:#d6455026}.staleness-fresh{color:var(--success);background:#22c55e26}.song-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.song-list-empty{color:var(--text-muted);text-align:center;padding:32px 0}.song-row{border-bottom:1px solid var(--border);align-items:center;display:flex}.song-row-queued{background:var(--accent-bg)}.queued-badge{color:var(--accent);text-transform:uppercase;letter-spacing:.03em;align-self:flex-start;font-size:11px;font-weight:700}.song-row-main{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:2px;min-height:44px;padding:12px 4px;display:flex}.song-row-info{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:2px;min-width:0;min-height:44px;padding:12px 4px;display:flex}.song-title{color:var(--text-h);font-weight:600}.song-artist{color:var(--text-muted);font-size:14px}.song-row-menu{flex-shrink:0}.song-row-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.song-row-playlist-picker-wrap{position:relative}.dropdown-menu-row{max-height:240px;margin-top:4px;top:100%;overflow-y:auto}.song-row-queue-btn-active{color:var(--accent)}.modal-backdrop{z-index:10;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--surface);width:100%;max-width:640px;max-height:88svh;box-shadow:var(--shadow);border-radius:16px 16px 0 0;flex-direction:column;display:flex}@media (width>=480px){.modal-backdrop{align-items:center}.modal{border-radius:16px;max-height:80svh}}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 16px 8px;display:flex}.modal-subtitle{color:var(--text-muted);font-size:14px}.modal-body{flex-direction:column;gap:20px;padding:16px;display:flex;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);gap:8px;padding:12px 16px;display:flex}.modal-footer .btn{flex:1}.tag-editor-row h3{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:8px;font-size:14px}.url-input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:10px;padding:12px;font-size:14px}.url-input-row{align-items:center;gap:8px;display:flex}.url-input-row .url-input{flex:1}.chord-chart-editor{flex-direction:column;gap:8px;display:flex}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.audio-attachment{flex-direction:column;gap:8px;display:flex}.audio-player{width:100%}.audio-attachment-actions{gap:8px;display:flex}.recording-row{border:1px solid var(--border);border-radius:10px;padding:10px}.recording-row-main{align-items:center;gap:8px;display:flex}.recording-row-main .audio-player{flex:1;min-width:0}.recording-title{text-align:left;min-width:0;color:var(--text);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;flex:1;padding:4px 0;font-size:14px;font-weight:600;overflow:hidden}.recording-title-input{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text);border-radius:8px;flex:1;padding:6px 8px;font-size:14px}.chord-chart-textarea{border:1px solid var(--border);background:var(--surface);width:100%;min-height:220px;color:var(--text);white-space:pre;resize:vertical;border-radius:10px;padding:12px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:13px;line-height:1.5}.include-untagged-toggle{cursor:pointer;align-items:flex-start;gap:10px;font-weight:600;display:flex}.include-untagged-toggle input{width:18px;height:18px;margin-top:3px}.include-untagged-toggle small{color:var(--text-muted);margin-top:2px;font-size:13px;font-weight:400;display:block}.sort-criteria-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sort-criterion{border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.sort-criterion-order{background:var(--accent-bg);width:22px;height:22px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.sort-criterion-label{flex:1;font-weight:600}.sort-criterion-reorder{gap:2px;display:flex}.sort-criterion-reorder button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:6px;width:28px;height:28px}.sort-criterion-reorder button:disabled{opacity:.3;cursor:default}.sort-add select{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:10px;padding:12px}.assessment{gap:12px}.assessment h2{margin-top:8px;font-size:26px}.assessment-prompt{color:var(--text-muted);margin-top:8px}.memorized-toggle{align-items:center;gap:8px;font-weight:600;display:flex}.memorized-toggle input{width:18px;height:18px}.rating-buttons{flex-wrap:wrap;gap:8px;display:flex}.btn-rating{flex:1;min-width:90px}.btn-skip{color:var(--text-muted);border-style:dashed;align-self:flex-start}.assessment-meta{color:var(--text-muted);font-size:14px}.screen.chord-chart-viewer{z-index:20;width:100%;max-width:640px;padding-top:calc(20px + env(safe-area-inset-top,0px));background:var(--bg);gap:10px;margin:0 auto;position:fixed;inset:0;overflow:hidden}.chord-chart-toolbar{align-items:center;gap:8px;display:flex}.chord-chart-heading{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.chord-chart-title{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.chord-chart-artist{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.chord-chart-transpose{flex-shrink:0;align-items:center;gap:4px;display:flex}.chord-chart-transpose-value{text-align:center;min-width:28px;font-size:14px;font-weight:700}.chord-chart-speed{gap:6px;display:flex}.chord-chart-speed-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:10px;flex:1;padding:8px;font-size:13px;font-weight:600}.chord-chart-speed-btn-active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.chord-chart-recordings{flex-direction:column;flex-shrink:0;gap:6px;max-height:160px;display:flex;overflow-y:auto}.chord-chart-body{overscroll-behavior:contain;border:1px solid var(--border);background:var(--surface);border-radius:12px;flex:1;min-height:0;padding:12px;position:relative;overflow:hidden auto}.chord-chart-text{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);margin:0;font-family:SF Mono,Menlo,Consolas,monospace;font-size:15px;line-height:1.5}.chord-chart-probe{visibility:hidden;white-space:pre;font-family:SF Mono,Menlo,Consolas,monospace;font-size:15px;position:absolute}.settings-section{border-top:1px solid var(--border);flex-direction:column;gap:12px;padding-top:16px;display:flex}.settings-section:first-of-type{border-top:none;padding-top:0}.settings-space-toggle{gap:8px;display:flex}.settings-space-toggle .btn{flex:1}.settings-category-list{flex-direction:column;gap:8px;display:flex}.settings-category-row{border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.settings-reorder{flex-direction:column;gap:2px;display:flex}.settings-reorder button{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:26px;height:22px;color:var(--text);border-radius:6px}.settings-reorder button:disabled{opacity:.3;cursor:default}.settings-category-main{flex:160px;align-items:center;gap:8px;min-width:0;display:flex}.settings-category-name{color:var(--text-h);cursor:pointer;text-align:left;background:0 0;border:none;padding:4px 0;font-size:15px;font-weight:600}.settings-category-name:disabled{cursor:default;color:var(--text-muted)}.settings-category-name-input{border:1px solid var(--accent);background:var(--surface);color:var(--text);border-radius:6px;flex:1;min-width:0;padding:4px 8px;font-size:15px;font-weight:600}.settings-category-type{color:var(--text-muted);background:var(--chip-bg);white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:11px}.settings-toggle{color:var(--text-muted);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.settings-toggle input{width:15px;height:15px}.settings-category-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.settings-add-row{flex-wrap:wrap;gap:8px;display:flex}.settings-add-name{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text);border-radius:8px;flex:160px;padding:10px}.settings-rating-list{flex-direction:column;gap:8px;display:flex}.settings-rating-row{border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.settings-rating-label{min-width:0;color:var(--text-h);background:0 0;border:1px solid #0000;border-radius:6px;flex:1;padding:4px 6px;font-size:15px;font-weight:600}.settings-rating-label:focus{border-color:var(--accent);background:var(--surface)}.settings-rating-interval{border:1px solid var(--border);text-align:center;background:var(--surface);width:64px;color:var(--text);border-radius:6px;padding:6px}.settings-rating-unit{color:var(--text-muted);font-size:12px}.value-row{align-items:center;gap:8px;display:flex}.value-row-input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;flex:1;padding:10px}.queue-save-section{margin-top:16px}.playlist-detail-title-row{align-items:center;gap:12px;display:flex}.playlist-detail-name{color:var(--text-h);text-align:left;overflow-wrap:anywhere;flex:1;min-width:0;margin:0;font-size:22px;font-weight:700}.playlist-detail-date{color:var(--text-muted);align-items:center;gap:10px;font-size:14px;display:flex}.playlist-detail-date input,.playlist-date-input{background:var(--surface);color:var(--text-h);border:1px solid var(--border);font:inherit;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;border-radius:8px;padding:8px 10px}@media (prefers-color-scheme:dark){.playlist-detail-date input,.playlist-date-input{--lightningcss-light: ;--lightningcss-dark:initial}}.playlist-detail-actions{gap:8px;margin-bottom:8px;display:flex}.playlist-song-row{gap:10px}.playlist-song-leader{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;flex-shrink:0;max-width:120px;padding:6px 8px;font-size:13px}.screen.matrix{max-height:100svh;overflow:hidden}.matrix-scroll{border:1px solid var(--border);border-radius:12px;flex:1;min-height:0;overflow:auto}.matrix-table{border-collapse:separate;border-spacing:0;font-size:13px}.matrix-table th,.matrix-table td{border-bottom:1px solid var(--border);border-right:1px solid var(--border);background:var(--surface);white-space:nowrap}.matrix-corner,.matrix-category-header,.matrix-value-header{z-index:3;color:var(--text-muted);padding:6px 10px;font-weight:600;position:sticky;top:0}.matrix-category-header{text-align:center;color:var(--text-h)}.matrix-value-header{font-size:12px;font-weight:500;top:33px}.matrix-corner{z-index:5;text-align:left;color:var(--text-h);width:180px;max-width:180px;left:0}.matrix-corner-sub{z-index:5;top:33px}.matrix-row-header{z-index:2;text-align:left;width:180px;max-width:180px;padding:6px 10px;position:sticky;left:0;overflow:hidden}.matrix-row-header .song-title,.matrix-row-header .song-artist{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.matrix-row-header .song-artist{font-size:12px}.matrix-cell{text-align:center;padding:4px 10px}.matrix-cell input{cursor:pointer;width:18px;height:18px}.matrix-empty{text-align:center;color:var(--text-muted);padding:24px;position:static}.pm-corner{vertical-align:bottom}.pm-corner-sub{font-size:12px;font-weight:500;top:170px}.pm-song-header{z-index:3;vertical-align:bottom;min-width:34px;max-width:34px;height:170px;color:var(--text-h);padding:6px 4px;font-size:12px;font-weight:500;position:sticky;top:0}.pm-song-title{text-overflow:ellipsis;white-space:nowrap;writing-mode:vertical-rl;max-height:158px;margin:0 auto;display:block;overflow:hidden;transform:rotate(180deg)}.pm-count-header{z-index:3;text-align:center;color:var(--text-muted);padding:4px;font-size:12px;font-weight:500;position:sticky;top:170px}.pm-cell{text-align:center;min-width:34px;height:36px;padding:6px 4px}.pm-dot{background:var(--accent);width:22px;height:22px;color:var(--accent-contrast);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.matrix-scroll.pm-scroll{flex:0 auto}.chord-chart-key{color:var(--text-muted);flex-shrink:0;align-items:center;gap:6px;font-size:14px;display:flex}.chord-chart-key select{background:var(--surface);color:var(--text-h);border:1px solid var(--border);font:inherit;border-radius:8px;padding:6px 8px;font-weight:700}.settings-speed-grid{gap:10px;display:flex}.settings-speed-field{color:var(--text-muted);flex-direction:column;flex:1;gap:4px;font-size:13px;display:flex}.settings-speed-field input{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;color:var(--text-h);font:inherit;border-radius:8px;padding:8px 10px;font-size:15px}.db-card{border-bottom:1px solid var(--border);flex-direction:column;gap:10px;padding:14px 4px;display:flex}.db-card-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.db-card-name{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.db-unlock-form,.db-create-form{flex-direction:column;gap:10px;display:flex}.db-unlock-actions{gap:8px;display:flex}.settings-genre-preview{color:var(--text-muted);overflow-wrap:anywhere;font-size:14px;line-height:1.5}.match-list{flex-direction:column;margin:8px 0 0;padding:0;list-style:none;display:flex}.match-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 4px;display:flex}.match-info{flex-direction:column;gap:2px;min-width:0;display:flex}.match-reason{color:var(--accent);font-size:12px}.match-status,.match-empty{color:var(--text-muted);flex-shrink:0;font-size:13px}.match-empty{padding:10px 4px}.match-callout{border:1px solid var(--border);background:var(--accent-bg);border-radius:12px;padding:12px;font-size:14px}.match-callout-exact{border-color:var(--accent)}.match-confirm{flex-direction:column;gap:8px;margin:12px 0;display:flex}.add-song-divider{border-top:1px solid var(--border);margin:8px 0 0;padding-top:16px}.db-card-buttons{flex-shrink:0;gap:8px;display:flex}.db-unlocked-badge{color:var(--text-muted,#6b6b76);font-size:.75rem}.readonly-banner{background:var(--surface-muted,#8a3ffc14);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:8px 12px;font-size:.9rem;display:flex}