:root{--bg: #080810;--surface: #10101a;--border: #1a1a28;--border-bright: #2a2a40;--accent: #a78bfa;--accent-dim: rgba(167, 139, 250, .12);--accent-mid: rgba(167, 139, 250, .4);--text: #f0f0f8;--text-muted: #6060a0;--text-dim: #35354a;--red: #ff4466;--green: #44ffaa;--blue: #60a0ff;--font: "Helvetica Neue", Arial, sans-serif;--mono: "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text);font-family:var(--font);height:100dvh;display:flex;flex-direction:column;overflow:hidden;-webkit-font-smoothing:antialiased}header{flex-shrink:0;padding:14px 20px;background:#000;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:12px}.logo{font-weight:900;letter-spacing:5px;color:var(--accent);font-size:1.1rem;flex-shrink:0}.header-right{display:flex;align-items:center;gap:10px}.view-toggle{display:flex;background:#111;border:1px solid var(--border-bright);border-radius:4px;padding:3px}.view-btn{background:none;border:none;color:var(--text-muted);padding:5px 10px;font-size:.6rem;font-weight:900;letter-spacing:1px;cursor:pointer;font-family:var(--mono);border-radius:2px;transition:all .15s}.view-btn.active{background:var(--accent);color:#000}#view-scan{flex:1;display:flex;flex-direction:column;overflow:hidden}.engine{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:24px}.status-line{font-family:var(--mono);font-size:.65rem;letter-spacing:2px;color:var(--text-muted);text-align:center;min-height:16px}.status-line.error{color:var(--red)}.status-line.success{color:var(--accent)}.visualizer-wrap{width:100%;max-width:320px;height:80px;display:none}.visualizer-wrap.active{display:block}canvas{width:100%;height:100%}.btn-listen{width:160px;height:160px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#1a1a1a,#000);border:2px solid var(--border-bright);color:var(--text);font-size:1rem;font-weight:900;letter-spacing:3px;font-family:var(--mono);cursor:pointer;box-shadow:0 8px 32px #000c;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-listen:active{transform:scale(.95)}.btn-listen.listening{border-color:var(--accent);color:var(--accent);box-shadow:0 0 40px var(--accent-dim),0 8px 32px #000c;animation:pulse 1.5s infinite alternate}.btn-listen.processing{border-color:var(--text-dim);color:var(--text-dim);cursor:default}@keyframes pulse{0%{box-shadow:0 0 20px var(--accent-dim),0 8px 32px #000c}to{box-shadow:0 0 60px var(--accent-mid),0 8px 32px #000c}}.result-card{display:none;width:100%;max-width:320px;background:var(--surface);border:1px solid var(--border-bright);border-radius:4px;overflow:hidden}.result-card.visible{display:flex}.result-artwork{width:90px;height:90px;flex-shrink:0;background:#111;object-fit:cover}.result-artwork-placeholder{width:90px;height:90px;flex-shrink:0;background:#111;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:1.5rem}.result-info{flex:1;padding:12px;display:flex;flex-direction:column;gap:4px;min-width:0}.result-title{font-size:.95rem;font-weight:900;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.5px}.result-artist{font-size:.75rem;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-meta{display:flex;gap:12px;margin-top:4px}.result-meta-item{font-family:var(--mono);font-size:.6rem}.result-meta-item .label{color:var(--text-dim);display:block}.result-meta-item .value{color:var(--text-muted)}.result-actions{display:flex;gap:6px;margin-top:8px}.btn-status{padding:4px 8px;font-size:.55rem;font-weight:900;letter-spacing:1px;font-family:var(--mono);border:1px solid var(--border-bright);background:none;color:var(--text-muted);cursor:pointer;border-radius:2px;transition:all .15s}.btn-status:hover{border-color:var(--accent);color:var(--accent)}.btn-status.owned{background:var(--accent);color:#000;border-color:var(--accent)}.btn-status.want{background:var(--green);color:#000;border-color:var(--green)}.btn-status.heard{background:var(--blue);color:#fff;border-color:var(--blue)}.search-bar{flex-shrink:0;padding:10px 16px;background:#000;border-top:1px solid var(--border);display:flex;gap:8px}.search-input{flex:1;background:var(--surface);border:1px solid var(--border-bright);color:var(--accent);font-family:var(--mono);font-size:.75rem;padding:8px 12px;outline:none;border-radius:2px}.search-input::placeholder{color:var(--text-dim)}.search-input:focus{border-color:var(--accent)}.btn-search{background:var(--accent);border:none;color:#000;font-family:var(--mono);font-size:.65rem;font-weight:900;letter-spacing:1px;padding:8px 14px;cursor:pointer;border-radius:2px}.crate-tray{flex-shrink:0;height:120px;background:#000;border-top:2px solid var(--border-bright);display:flex;align-items:stretch;gap:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.crate-tray::-webkit-scrollbar{display:none}.crate-empty{display:flex;align-items:center;justify-content:center;width:100%;font-family:var(--mono);font-size:.6rem;letter-spacing:2px;color:var(--text-dim)}.crate-item{flex-shrink:0;width:90px;position:relative;cursor:pointer;border-right:1px solid var(--border);overflow:hidden;transition:opacity .2s}.crate-item:hover{opacity:.8}.crate-item-art{width:100%;height:100%;object-fit:cover;display:block}.crate-item-art-placeholder{width:100%;height:100%;background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:1.2rem}.crate-item-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000e6);padding:16px 6px 6px}.crate-item-title{font-size:.55rem;font-weight:900;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crate-item-artist{font-size:.5rem;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crate-status-dot{position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%}.crate-status-dot.owned{background:var(--accent)}.crate-status-dot.want{background:var(--green)}.crate-status-dot.heard{background:var(--blue)}#view-collection{flex:1;display:none;flex-direction:column;overflow:hidden}#view-collection.active,#view-scan.active{display:flex}.collection-toolbar{flex-shrink:0;padding:10px 16px;background:#000;border-bottom:1px solid var(--border);display:flex;gap:8px;align-items:center}.filter-btn{background:none;border:1px solid var(--border-bright);color:var(--text-muted);font-family:var(--mono);font-size:.6rem;font-weight:900;letter-spacing:1px;padding:5px 10px;cursor:pointer;border-radius:2px;transition:all .15s}.filter-btn.active{background:var(--accent);color:#000;border-color:var(--accent)}.collection-count{margin-left:auto;font-family:var(--mono);font-size:.6rem;color:var(--text-dim)}.collection-list{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-bright) transparent}.collection-empty{display:flex;align-items:center;justify-content:center;height:100%;font-family:var(--mono);font-size:.65rem;letter-spacing:2px;color:var(--text-dim);flex-direction:column;gap:8px}.collection-record{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.collection-record:hover{background:var(--surface)}.collection-art{width:52px;height:52px;flex-shrink:0;object-fit:cover;border-radius:2px}.collection-art-placeholder{width:52px;height:52px;flex-shrink:0;background:var(--surface);border-radius:2px;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:1rem}.collection-info{flex:1;min-width:0}.collection-title{font-size:.85rem;font-weight:900;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-artist{font-size:.7rem;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-sub{font-size:.6rem;color:var(--text-dim);font-family:var(--mono);margin-top:2px}.collection-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.status-badge{font-family:var(--mono);font-size:.5rem;font-weight:900;letter-spacing:1px;padding:3px 6px;border-radius:2px}.status-badge.owned{background:var(--accent);color:#000}.status-badge.want{background:var(--green);color:#000}.status-badge.heard{background:var(--blue);color:#fff}.btn-discogs{background:none;border:1px solid var(--border-bright);color:var(--text-muted);font-family:var(--mono);font-size:.55rem;font-weight:900;padding:2px 5px;border-radius:2px;text-decoration:none;letter-spacing:1px;transition:all .15s}.btn-discogs:hover{border-color:var(--accent);color:var(--accent)}.btn-remove{background:none;border:none;color:var(--text-dim);font-size:.7rem;cursor:pointer;padding:2px 4px}.btn-remove:hover{color:var(--red)}.discogs-results{position:absolute;bottom:120px;left:0;right:0;background:#0a0a0a;border-top:1px solid var(--border-bright);max-height:240px;overflow-y:auto;z-index:100;display:none}.discogs-results.visible{display:block}.discogs-result-item{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.discogs-result-item:hover{background:var(--surface)}.discogs-thumb{width:40px;height:40px;object-fit:cover;flex-shrink:0;border-radius:2px;background:var(--surface)}.discogs-thumb-placeholder{width:40px;height:40px;flex-shrink:0;background:var(--surface);border-radius:2px;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:.8rem}.discogs-item-info{min-width:0}.discogs-item-title{font-size:.75rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discogs-item-sub{font-size:.6rem;color:var(--text-muted);font-family:var(--mono)}.search-results-list{position:absolute;bottom:120px;left:0;right:0;background:#0a0a0a;border-top:1px solid var(--border-bright);max-height:250px;overflow-y:auto;z-index:100;display:none}.search-results-list.visible{display:block}