:root{--bg: #0f1115;--bg-card: #181c24;--bg-elev: #20252f;--border: #2a3039;--text: #e8eaed;--text-muted: #9aa3af;--green: #1db954;--green-hover: #1ed760;--green-dim: #14833b;--amber: #e0a225;--red: #e0483d;--radius: 12px;--radius-sm: 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#1a2230 0%,var(--bg) 55%);color:var(--text);min-height:100vh}h1,h2{margin:0 0 .25em;font-weight:700}.muted{color:var(--text-muted)}.app{max-width:760px;margin:0 auto;padding:32px 20px 64px}.app-header{text-align:center;margin-bottom:24px}.app-header h1,.login-card h1{font-size:2rem;letter-spacing:-.5px}.brand-logo{height:100px;display:block;margin:0 auto}.tagline{color:var(--text-muted);margin:4px 0 0}.app-main{margin-top:24px}.app-footer{margin-top:40px;text-align:center;color:var(--text-muted);font-size:.8rem}.stepper{display:flex;justify-content:center;gap:8px;margin-top:8px}.stepper-item{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--bg-card);border:1px solid var(--border);font-size:.85rem;color:var(--text-muted)}.stepper-item.active{border-color:var(--green);color:var(--text)}.stepper-item.done{color:var(--green)}.stepper-dot{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--bg-elev);font-size:.75rem;font-weight:700}.stepper-item.active .stepper-dot{background:var(--green);color:#05210f}.stepper-item.done .stepper-dot{background:var(--green-dim);color:#fff}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;animation:card-in .25s ease both}@keyframes card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.card{animation:none}}.card h2{font-size:1.4rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);padding:10px 18px;border-radius:999px;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .05s ease,background .15s ease,opacity .15s ease;text-decoration:none;display:inline-block}.btn:hover:not(:disabled){background:#272d38}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--green);border-color:var(--green);color:#05210f}.btn-primary:hover:not(:disabled){background:var(--green-hover)}.btn-lg{padding:14px 28px;font-size:1.05rem}.link-btn{background:none;border:none;color:var(--green);cursor:pointer;font-size:.85rem;padding:0}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:40px;max-width:440px;width:100%;text-align:center}.login-card h1{font-size:2.2rem}.login-card .brand-logo{height:140px}.login-card .btn{margin-top:8px}.login-points{list-style:none;padding:0;margin:28px 0 0;text-align:left;color:var(--text-muted)}.login-points li{padding:8px 0 8px 28px;position:relative}.login-points li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:700}.banner{border-radius:var(--radius-sm);padding:12px 14px;margin:16px 0;font-size:.9rem}.banner-error{background:#e0483d1f;border:1px solid rgba(224,72,61,.4);color:#ff9a92}.banner-warn{background:#e0a2251f;border:1px solid rgba(224,162,37,.4);color:#f0c66a}.dropzone{margin-top:16px;border:2px dashed var(--border);border-radius:var(--radius);padding:48px 24px;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease}.dropzone:hover,.dropzone-over{border-color:var(--green);background:#1db9540d}.dropzone-busy{cursor:progress;border-color:var(--green)}.dropzone-text{font-size:1.1rem;font-weight:600;margin:0 0 4px}.summary{display:flex;gap:10px;margin:16px 0;flex-wrap:wrap}.summary-stat{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;font-size:.9rem;color:var(--text-muted)}.summary-stat strong{color:var(--text);font-size:1.1rem;margin-right:4px}.review-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 12px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg-elev);color:var(--text-muted);padding:6px 12px;border-radius:999px;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.chip:hover{background:#272d38}.chip-active{border-color:var(--green);color:var(--text);background:#1db9541a}.chip-count{display:inline-block;margin-left:4px;padding:0 6px;border-radius:999px;background:var(--bg);font-size:.72rem;color:var(--text-muted)}.toolbar-right{display:flex;align-items:center;gap:8px}.filter-input{width:180px;padding:8px 12px;font-size:.88rem}.empty-list{text-align:center;padding:28px 0}.match-list{list-style:none;padding:0;margin:16px 0;display:flex;flex-direction:column;gap:10px}.match-row{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px}.match-row.conf-review{border-color:#e0a22573}.match-row.conf-not_found{opacity:.8}.match-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.match-head-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.match-raw{font-weight:600}.match-source{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.match-none{margin:10px 0 0;font-size:.88rem}.badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:3px 8px;border-radius:999px;white-space:nowrap}.badge-auto{background:#1db95429;color:var(--green-hover)}.badge-review{background:#e0a22529;color:var(--amber)}.badge-not_found{background:#e0483d29;color:#ff9a92}.match-options{margin-top:12px;display:flex;flex-direction:column;gap:6px}.option{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer}.option:hover{background:var(--bg-card)}.option-selected{border-color:var(--green);background:#1db95412}.option input{accent-color:var(--green);flex-shrink:0}.option-main{display:flex;flex-direction:column;flex:1;min-width:0}.option-title{font-weight:600}.option-artist{font-size:.82rem;color:var(--text-muted)}.option-meta{display:flex;align-items:center;gap:12px;font-size:.78rem;color:var(--text-muted);flex-shrink:0}.option-album{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-score{font-weight:700;color:var(--text)}.option-skip .option-title{font-style:italic}.option-pick{width:100%;text-align:left;background:var(--bg-card);border:1px solid var(--border);font:inherit;color:inherit}.option-pick:hover{background:#20262f;border-color:var(--green)}.manual-search{margin-top:12px;padding-top:12px;border-top:1px dashed var(--border)}.manual-search-bar{display:flex;gap:8px}.manual-search-bar .text-input{flex:1}.manual-results{margin-top:10px;max-height:280px;overflow-y:auto}.track-edit-list{list-style:none;margin:18px 0;padding:0;display:flex;flex-direction:column;gap:6px}.track-edit-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm)}.track-index{width:24px;text-align:right;color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.85rem;flex-shrink:0}.track-dur{font-size:.8rem;flex-shrink:0}.track-controls{display:flex;gap:4px;flex-shrink:0}.icon-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--bg-card);color:var(--text);border-radius:6px;cursor:pointer;font-size:.9rem;line-height:1;transition:background .12s ease,border-color .12s ease,opacity .12s ease}.icon-btn:hover:not(:disabled){background:#272d38}.icon-btn:disabled{opacity:.3;cursor:not-allowed}.icon-btn-danger:hover:not(:disabled){border-color:var(--red);color:#ff9a92}.field{display:block;margin:20px 0 8px;position:relative}.field-label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:6px}.text-input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:12px 14px;font-size:1rem}.text-input:focus{outline:none;border-color:var(--green)}.field-hint{position:absolute;right:4px;bottom:-20px;font-size:.75rem;color:var(--text-muted)}.toggle{display:flex;align-items:center;gap:10px;margin:24px 0 8px;cursor:pointer}.toggle input{accent-color:var(--green);width:18px;height:18px}.actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px}.actions-right{display:flex;align-items:center;gap:14px}.actions-center{justify-content:center}.spinner{width:36px;height:36px;margin:24px auto 4px;border:3px solid var(--border);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card-success{text-align:center}.success-check{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:var(--green);color:#05210f;font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center}@media (max-width: 560px){.option-meta{display:none}.actions{flex-direction:column;align-items:stretch}.actions-right{justify-content:space-between}.review-toolbar,.toolbar-right{flex-direction:column;align-items:stretch}.filter-input{width:100%}.match-head{flex-direction:column;align-items:flex-start}.track-dur{display:none}}