:root{--brand-ink:#3b3128;--brand-amber:#d98c2b;--brand-paper:#faf7f2;--text:#5c4f42;--text-h:#2a221a;--bg:var(--brand-paper);--bg-raised:#f1ebe1;--border:#e3d9cb;--accent:var(--brand-amber);--accent-contrast:var(--brand-ink);--danger:#b3261e;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:16px/145% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#cbbfae;--text-h:var(--brand-paper);--bg:#211a14;--bg-raised:#332920;--border:#4a3c30}}*{box-sizing:border-box}body{margin:0}#root{flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;display:flex}h1,h2{color:var(--text-h);margin:0;font-weight:600}p{margin:0}button{font:inherit;cursor:pointer}input{font:inherit}.app{flex-direction:column;height:100%;display:flex}.app-content{flex-direction:column;flex:1;min-height:0;transition:opacity .3s;display:flex}.app-content.content-hidden{opacity:0;pointer-events:none}.tab-panes{flex:1;min-height:0;position:relative}.tab-pane{overscroll-behavior-y:contain;opacity:0;visibility:hidden;clip-path:inset(50%);flex-direction:column;display:flex;position:absolute;inset:0;overflow-y:auto}.tab-pane.active{opacity:1;visibility:visible;clip-path:none}.app-header{background:var(--brand-ink);padding-top:var(--safe-top);flex-direction:column;flex-shrink:0;display:flex}.app-logo{width:100%;height:auto;margin:0;display:block}.app-main{flex-direction:column;flex:1 0 auto;padding:24px 16px 32px;display:flex}.chunk-error{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:32px 0;display:flex}.tab-bar{background:var(--bg-raised);border-top:1px solid var(--border);padding-bottom:var(--safe-bottom);flex-shrink:0;display:flex}.tab-bar-button{min-height:56px;color:color-mix(in srgb, var(--text) 62%, var(--bg-raised));-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:6px 4px;font-size:11px;font-weight:600;display:flex}.tab-bar-button.active{color:var(--accent)}.tab-icon{display:block}.home{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;display:flex}.home-headline{margin:0;font-size:22px;font-weight:700}.home-subtext{opacity:.75;margin:4px 0 0;font-size:14px}.scan-button{background:var(--accent);width:100%;max-width:320px;color:var(--accent-contrast);border:none;border-radius:12px;padding:18px 24px;font-size:18px;font-weight:700}.recent{text-align:left;flex-direction:column;align-self:stretch;gap:10px;min-width:0;display:flex}.recent-header{justify-content:space-between;align-items:baseline;display:flex}.recent-header h2{font-size:16px}.recent-see-all{color:var(--accent);background:0 0;border:none;padding:4px 0;font-size:13px;font-weight:600;text-decoration:underline}.recent-list{gap:10px;margin:0;padding:0 0 4px;list-style:none;display:flex;overflow-x:auto}.recent-card{width:76px;color:var(--text-h);text-align:left;background:0 0;border:none;flex-direction:column;gap:3px;padding:0;display:flex}.recent-cover{object-fit:cover;background:var(--bg-raised);border-radius:6px;width:76px;height:76px}.recent-card-title,.recent-card-artist{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recent-card-title{margin-top:2px;font-size:12px;font-weight:600}.recent-card-artist{opacity:.7;font-size:11px}.history{flex-direction:column;gap:16px;display:flex}.history-empty{opacity:.75}.history-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.history-item{border:1px solid var(--border);background:var(--bg-raised);width:100%;color:var(--text-h);text-align:left;border-radius:8px;align-items:center;gap:12px;padding:8px;display:flex}.history-cover{object-fit:cover;border-radius:4px;flex-shrink:0;width:48px;height:48px}.history-meta{flex-direction:column;flex:1;min-width:0;display:flex}.history-artist,.history-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-artist{font-weight:600}.history-title{opacity:.8;font-size:13px}.history-date{opacity:.6;flex-shrink:0;font-size:12px}.history-clear{color:var(--danger);background:0 0;border:none;align-self:center;padding:6px 4px;font-size:13px;font-weight:600;text-decoration:underline}.history-confirm{border:1px solid var(--border);background:var(--bg-raised);border-radius:8px;flex-direction:column;align-items:center;gap:10px;padding:12px;display:flex}.history-confirm-actions{gap:10px;display:flex}.history-clear-confirm,.history-clear-cancel{border-radius:8px;padding:8px 16px;font-weight:600}.history-clear-confirm{background:var(--danger);color:#fff;border:none}.history-clear-cancel{border:1px solid var(--border);color:var(--text-h);background:0 0}.scanner{background:#000;border-radius:12px;flex:1;justify-content:center;align-items:center;min-height:320px;display:flex;position:relative;overflow:hidden}.scanner-video{object-fit:cover;width:100%;height:100%}.scanner-frame{border:3px solid var(--accent);pointer-events:none;border-radius:12px;position:absolute;inset:15%}.scanner-error{color:#fff;background:#000000b3;border-radius:8px;padding:8px 16px;position:absolute;bottom:64px}.scanner-cancel{color:#000;background:#fff;border:none;border-radius:999px;padding:10px 20px;font-weight:600;position:absolute;bottom:16px}.search{flex-direction:column;gap:16px;display:flex}.search-mode{gap:8px;display:flex}.mode-tab{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:8px;flex:1;padding:10px;font-weight:600}.mode-tab.active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.search-form{gap:8px;display:flex}.search-form input{border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:8px;flex:1;padding:10px 12px}.search-form button{background:var(--accent);color:var(--accent-contrast);border:none;border-radius:8px;padding:10px 16px;font-weight:600}.search-form-stacked{flex-direction:column}.search-submit{width:100%}.search-results{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.search-result{border:1px solid var(--border);background:var(--bg-raised);width:100%;color:var(--text-h);text-align:left;border-radius:8px;align-items:center;gap:12px;padding:8px;display:flex}.search-result img{object-fit:cover;border-radius:4px;width:40px;height:40px}.result{flex-direction:column;gap:20px;display:flex}.status-message{color:var(--danger)}.manual-fallback{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.back-button{background:var(--accent);color:var(--accent-contrast);border:none;border-radius:8px;align-self:center;padding:10px 18px;font-weight:600}.release-header{align-items:center;gap:16px;display:flex}.release-cover{object-fit:cover;border-radius:8px;flex-shrink:0;width:96px;height:96px}.release-title{opacity:.75;margin-top:4px}.tracklist{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;gap:4px;margin:16px 0;padding:12px 0;list-style:none;display:flex}.track{width:100%;color:inherit;text-align:left;font:inherit;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:pan-y;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}.tracklist li:nth-child(odd) .track:not(.now-playing){background:var(--bg-raised)}.tracklist li:nth-child(2n) .track:not(.now-playing){background:color-mix(in srgb, var(--bg-raised) 50%, var(--bg))}.track.now-playing{background:color-mix(in srgb, var(--accent) 16%, var(--bg-raised));color:var(--text-h);font-weight:600}.track-position{opacity:.6;font-variant-numeric:tabular-nums;width:28px}.track-title{flex:1}.track-no-preview{opacity:.5;font-size:12px}.player-controls{z-index:1;background:var(--bg);border-top:1px solid var(--border);gap:12px;padding:12px 0;display:flex;position:sticky;bottom:0}.previous-button,.skip-button,.play-pause-button{border:1px solid var(--border);background:var(--bg-raised);color:var(--text-h);border-radius:8px;flex:1;padding:12px;font-weight:600}.play-pause-button{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.previous-button:disabled,.skip-button:disabled,.play-pause-button:disabled{opacity:.4;cursor:default}.track-context-backdrop{z-index:60;background:0 0;position:fixed;inset:0}.track-context-menu{z-index:61;background:var(--bg-raised);border:1px solid var(--border);border-radius:10px;min-width:200px;position:fixed;overflow:hidden;transform:translateY(-100%);box-shadow:0 12px 30px -10px #00000080}.track-context-menu button{width:100%;color:var(--text-h);text-align:left;font:inherit;background:0 0;border:none;padding:12px 16px;font-weight:600;display:block}.more{flex-direction:column;gap:16px;display:flex}.more-links{border-top:1px solid var(--border);gap:24px;margin:0;padding:12px 0 0;list-style:none;display:flex}.more-links a{color:var(--accent);font-weight:600}.more-credits{text-align:center;opacity:.6;font-size:12px}.faq-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.faq-item{border:1px solid var(--border);border-radius:8px;overflow:hidden}.faq-question{background:var(--bg-raised);width:100%;color:var(--text-h);text-align:left;font:inherit;border:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-weight:600;display:flex}.faq-chevron{opacity:.6;flex-shrink:0}.faq-answer{opacity:.85;margin:0;padding:4px 14px 14px}.ad-slot{border:1px dashed var(--border);background:var(--bg-raised);border-radius:8px;flex-direction:column;align-self:stretch;align-items:stretch;gap:4px;padding:10px;display:flex}.ad-slot-label{text-transform:uppercase;letter-spacing:.05em;opacity:.5;text-align:center;font-size:10px}.search-results-ad{flex-direction:column;align-items:center;gap:8px;padding:8px 0;display:flex}.tracklist-ad{flex-direction:column;align-items:center;gap:8px;padding:8px 12px;display:flex}.local-shop-ad{flex-direction:column;align-items:center;gap:8px;padding:8px 0;display:flex}.remove-ads-button{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:2px 0;font-size:12px;font-weight:600;text-decoration:underline}.remove-ads-button:disabled{opacity:.6;cursor:default}.faq-remove-ads{border-top:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:8px;padding-top:8px;display:flex}.restore-purchase-link{color:var(--text);cursor:pointer;opacity:.75;background:0 0;border:none;padding:0;font-size:12px;font-weight:600;text-decoration:underline}.restore-purchase-link:disabled{opacity:.5;cursor:default}.loading-overlay{z-index:50;background:var(--bg);opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:opacity .3s;display:flex;position:fixed;inset:0}.loading-overlay.visible{opacity:1;pointer-events:auto}.loading-stage{width:min(240px,60vw);height:min(240px,60vw);position:relative}.loading-platter{background:conic-gradient(from 200deg, #ffffff1c, #fff0 26%), repeating-radial-gradient(circle at 50% 50%, var(--brand-ink) 0px, var(--brand-ink) 2px, #120e0b 3px, #120e0b 4px);border-radius:50%;animation:4.2s linear infinite loading-spin;position:absolute;inset:0;box-shadow:0 18px 40px -12px #00000080,inset 0 0 0 1px #ffffff0f}@keyframes loading-spin{to{transform:rotate(360deg)}}.loading-platter.paused{animation-play-state:paused}.loading-icon{z-index:1;opacity:1;border-radius:22%;width:34%;height:34%;transition:opacity .3s;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 2px 10px #0006}.loading-icon.icon-hidden{opacity:0}.loading-icon img{object-fit:contain;width:100%;height:100%;display:block}.loading-reveal{opacity:0;z-index:3;background:var(--bg-raised);border-radius:10px;width:82%;height:82%;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(.3)rotate(-70deg);box-shadow:0 20px 45px -14px #0009,inset 0 0 0 1px #ffffff0d}.loading-reveal img{object-fit:cover;width:100%;height:100%;display:block}.loading-reveal-fallback{justify-content:center;align-items:center;width:100%;height:100%;padding:22%;display:flex}.loading-reveal-fallback img{object-fit:contain;width:100%;height:100%}.loading-reveal.pop{animation:.85s cubic-bezier(.22,.9,.32,1.15) forwards loading-reveal-in}@keyframes loading-reveal-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(-70deg)}60%{opacity:1;transform:translate(-50%,-50%)scale(1.04)rotate(6deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}}.loading-status{opacity:.7;text-align:center;min-height:20px;font-size:14px}@media (prefers-reduced-motion:reduce){.loading-platter{animation-duration:16s}.loading-reveal.pop{animation-duration:10ms}.loading-overlay,.app-content{transition-duration:10ms}}.local-shops{flex-direction:column;gap:16px;display:flex}.zip-instead-link{color:var(--accent);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.zip-form{gap:8px;display:flex}.zip-form input{border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:8px;flex:1;padding:10px 12px}.zip-form button{background:var(--accent);color:var(--accent-contrast);border:none;border-radius:8px;padding:10px 16px;font-weight:600}.local-shop-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.local-shop-item{border:1px solid var(--border);background:var(--bg-raised);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:pan-y;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.local-shop-warning{color:var(--text-h);margin-top:2px;font-size:12px;font-weight:600}.local-shops-hint{opacity:.65;text-align:center;margin:0;font-size:12px}.local-shop-info{flex-direction:column;gap:2px;min-width:0;display:flex}.local-shop-name{color:var(--text-h);flex-wrap:wrap;align-items:center;gap:8px;font-weight:600;display:flex}.partner-badge{text-transform:uppercase;letter-spacing:.03em;background:var(--accent);color:var(--accent-contrast);border-radius:999px;padding:2px 6px;font-size:10px;font-weight:700}.local-shop-address,.local-shop-distance{opacity:.75;font-size:13px}.directions-link{color:var(--accent);flex-shrink:0;font-size:13px;font-weight:600;text-decoration:underline}