:root{--bg:#f5f7ef;--surface:#fcfdf8d1;--surface-strong:#fbfcf7;--surface-soft:#eef5df;--ink:#172019;--muted:#536054;--line:#1720191f;--line-strong:#253127;--mint:#cfe9ae;--mint-strong:#a9d87b;--lime:#dff2be;--peach:#f6ddcb;--cream:#fff9f0;--shadow:0 18px 50px #232f211f;--shadow-sm:0 4px 16px #232f2114;--radius-xl:32px;--radius-lg:24px;--radius-md:20px;--radius-sm:16px;--radius-pill:999px;--font-display:"Archivo Narrow", "Arial Narrow", sans-serif;--font-body:"Source Serif 4", Georgia, serif;--confidence-high:#3a7d44;--confidence-medium:#b5850e;--confidence-low:#b54e2e}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body{min-height:100%;color:var(--ink);font-family:var(--font-body);background:radial-gradient(circle at 0 0,#a9d87b57,#0000 26%),radial-gradient(circle at 100% 0,#f6ddcb47,#0000 22%),linear-gradient(#f7faef 0%,#f2f5ec 100%);margin:0;padding:0;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,summary{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.page-shell{min-height:100vh;padding:24px;position:relative}.page-noise,.page-haze{pointer-events:none;position:fixed}.page-noise{opacity:.06;mix-blend-mode:multiply;background-image:radial-gradient(#172019b3 .7px,#0000 .7px);background-size:14px 14px;inset:0}.page-haze{border-radius:var(--radius-pill);filter:blur(60px);opacity:.35;width:300px;height:300px}.page-haze-left{background:#a9d87b80;top:32px;left:-48px}.page-haze-right{background:#f6ddcb8c;top:180px;right:-40px}.app-frame{border:2px solid var(--line-strong);background:var(--surface);max-width:1080px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:40px;margin:0 auto;padding:28px;position:relative}.top-nav{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:24px;display:flex}.brand-lockup{align-items:center;gap:14px;display:flex}.brand-badge{border:2px solid var(--line-strong);background:linear-gradient(135deg, var(--mint), var(--lime));border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.4rem;display:inline-flex;box-shadow:4px 4px #2531271a}.brand-kicker{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.7rem;font-weight:700}.brand-lockup h1{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:1.15rem;font-weight:700}.nav-links{align-items:center;gap:8px;display:flex}.nav-links a{border-radius:var(--radius-pill);font-family:var(--font-display);color:var(--muted);padding:8px 14px;font-size:.85rem;font-weight:600;transition:background .1s,color .1s}.nav-links a:hover{color:var(--ink);background:#cfe9ae4d}.nav-link-active{background:var(--line-strong)!important;color:#fff!important}.hero-section{gap:32px;padding:48px 0 32px;display:grid}.hero-headline{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(2.6rem,6vw,4.2rem);font-weight:700;line-height:.96}.hero-sub{max-width:52ch;color:var(--muted);margin:12px 0 0;font-size:1.05rem}.convert-form{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(#eef5dfb3,#fbfcf7e6);gap:16px;padding:24px;display:grid}.convert-input-wrap{position:relative}.convert-input{border-radius:var(--radius-md);width:100%;min-height:60px;color:var(--ink);background:#fff;border:2px solid #25312726;padding:0 20px;font-size:1.05rem;transition:border-color .12s,box-shadow .12s}.convert-input:focus{border-color:var(--mint-strong);outline:none;box-shadow:0 0 0 4px #a9d87b40}.convert-input::placeholder{color:var(--muted);opacity:.6}.convert-targets{gap:8px;display:grid}.target-pills{flex-wrap:wrap;gap:8px;display:flex}.target-pill{border:1px solid var(--line);border-radius:var(--radius-pill);font-family:var(--font-display);color:var(--ink);background:#fffc;padding:10px 18px;font-size:.85rem;font-weight:600;transition:all .1s}.target-pill:hover{border-color:var(--line-strong);background:#cfe9ae33}.target-pill-active{border-color:var(--line-strong);background:var(--mint);box-shadow:3px 3px #2531271a}.target-pill-skeleton{opacity:.4;background:#eef5df80}.convert-submit{justify-self:start}.primary-button{border-radius:var(--radius-sm);min-height:48px;font-family:var(--font-display);letter-spacing:.02em;border:2px solid var(--line-strong);background:var(--line-strong);color:#fff;padding:0 24px;font-size:.9rem;font-weight:700;transition:transform .1s,box-shadow .1s;box-shadow:4px 4px #2531271f}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:5px 5px #25312724}.primary-button:active:not(:disabled){transform:translateY(1px);box-shadow:2px 2px #2531271a}.primary-button:disabled{cursor:not-allowed;opacity:.5}.field-label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:.7rem;font-weight:700;display:block}.convert-error{border-radius:var(--radius-md);color:var(--confidence-low);background:#f6ddcb80;border:1px solid #b54e2e4d;margin-top:16px;padding:14px 18px}.convert-error p{margin:0}.results-section{border-top:1px solid var(--line);margin-top:24px;padding-top:24px;animation:.3s fadeInUp}.results-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:20px;display:grid}.match-stack{gap:12px;display:grid}.results-warnings{margin-top:16px}.warning-inline{color:var(--muted);background:#f6e27a33;border-radius:12px;margin:4px 0;padding:10px 14px;font-size:.9rem}.source-card-rich{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-strong);grid-template-columns:120px minmax(0,1fr);gap:16px;padding:16px;display:grid}.source-artwork-lg{border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(135deg, var(--mint), var(--peach));width:120px;height:120px;overflow:hidden}.source-artwork-lg img{object-fit:cover;width:100%;height:100%}.source-artwork-placeholder{width:100%;height:100%;color:var(--muted);place-items:center;font-size:2.5rem;display:grid}.source-info{flex-direction:column;gap:2px;display:flex}.source-title{font-family:var(--font-display);letter-spacing:-.02em;margin:4px 0 0;font-size:1.3rem;font-weight:700;line-height:1.15}.source-artist{color:var(--muted);margin:0;font-size:.95rem}.source-album{color:var(--muted);opacity:.8;margin:0;font-size:.85rem}.source-meta-row{color:var(--muted);font-size:.78rem;font-family:var(--font-display);letter-spacing:.02em;gap:12px;margin-top:6px;display:flex}.source-genres{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.genre-chip{border-radius:var(--radius-pill);font-family:var(--font-display);letter-spacing:.02em;color:var(--line-strong);background:#cfe9ae59;padding:2px 10px;font-size:.7rem;font-weight:600}.match-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-strong);overflow:hidden}.match-card-empty{padding:20px}.match-no-result{color:var(--muted);margin:8px 0 0;font-size:.9rem}.match-card-main{grid-template-columns:80px minmax(0,1fr) auto;align-items:start;gap:14px;padding:16px;display:grid}.match-artwork{border:1px solid var(--line);border-radius:14px;width:80px;height:80px;overflow:hidden}.match-artwork img{object-fit:cover;width:100%;height:100%}.match-info{flex-direction:column;gap:2px;min-width:0;display:flex}.match-title{font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:1.1rem;font-weight:700;line-height:1.15;overflow:hidden}.match-artist{color:var(--muted);margin:0;font-size:.9rem}.match-album{color:var(--muted);opacity:.7;margin:0;font-size:.8rem}.match-duration{font-family:var(--font-display);color:var(--muted);margin-top:4px;font-size:.75rem}.match-confidence-col{flex-direction:column;align-items:flex-end;gap:4px;min-width:100px;display:flex}.match-strategy{font-family:var(--font-display);color:var(--muted);letter-spacing:.02em;font-size:.68rem}.match-actions{gap:6px;padding:0 16px 14px;display:flex}.provider-badge{border:1px solid var(--line-strong);border-radius:var(--radius-pill);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;font-size:.68rem;font-weight:700;display:inline-block}.provider-badge-sm{padding:2px 8px;font-size:.62rem}.confidence-badge{flex-direction:column;gap:4px;min-width:90px;display:flex}.confidence-bar-track{background:#17201914;border-radius:3px;height:6px;overflow:hidden}.confidence-bar-fill{border-radius:3px;height:100%;transition:width .4s}.confidence-high .confidence-bar-fill{background:var(--confidence-high)}.confidence-medium .confidence-bar-fill{background:var(--confidence-medium)}.confidence-low .confidence-bar-fill{background:var(--confidence-low)}.confidence-info{justify-content:space-between;align-items:baseline;display:flex}.confidence-pct{font-family:var(--font-display);letter-spacing:-.02em;font-size:1rem;font-weight:700}.confidence-high .confidence-pct{color:var(--confidence-high)}.confidence-medium .confidence-pct{color:var(--confidence-medium)}.confidence-low .confidence-pct{color:var(--confidence-low)}.confidence-label{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.62rem;font-weight:600}.action-btn{border:1px solid var(--line);border-radius:var(--radius-pill);font-family:var(--font-display);color:var(--ink);background:#fff;padding:6px 14px;font-size:.78rem;font-weight:600;transition:all .1s}.action-btn:hover{border-color:var(--line-strong);background:var(--surface-soft)}.action-btn-primary{border-color:var(--line-strong);background:var(--mint)}.action-btn-primary:hover{background:var(--mint-strong)}.action-btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.action-btn-ghost:hover{color:var(--ink);background:#cfe9ae33}.action-btn-sm{padding:4px 10px;font-size:.72rem}.alternate-drawer{gap:8px;padding:0 16px 14px;display:grid}.alternate-row{background:#eef5df80;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;display:flex}.alternate-info{flex:1;min-width:0}.alternate-info strong{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;display:block;overflow:hidden}.alternate-info span{color:var(--muted);font-size:.78rem}.connect-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:8px;display:grid}.connect-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-strong);gap:12px;padding:24px;display:grid}.connect-card-active{border-color:var(--mint-strong);background:linear-gradient(180deg, #cfe9ae26, var(--surface-strong))}.connect-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.connect-status{font-family:var(--font-display);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:600}.connect-status-on{color:var(--confidence-high)}.connect-card-desc{color:var(--muted);margin:0;font-size:.9rem}.connect-message{background:#cfe9ae4d;border-radius:14px;margin-top:16px;padding:12px 16px}.connect-message p{margin:0;font-size:.9rem}.connect-loading{text-align:center;color:var(--muted);margin-top:16px;padding:24px}.connect-user-info{border-top:1px solid var(--line);align-items:center;gap:12px;margin-top:24px;padding-top:16px;display:flex}.connect-user-info p{flex:1;margin:0;font-size:.9rem}.playlist-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.playlist-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-strong);text-align:left;cursor:pointer;gap:8px;padding:12px;transition:all .1s;display:grid}.playlist-card:hover{border-color:var(--mint-strong);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.playlist-artwork{aspect-ratio:1;object-fit:cover;border:1px solid var(--line);border-radius:12px;width:100%}.playlist-info strong{font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;display:block;overflow:hidden}.playlist-info span{color:var(--muted);font-size:.78rem}.connect-card-disabled{opacity:.5;cursor:not-allowed}.transfer-summary{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-strong);align-items:center;gap:24px;padding:20px;display:flex}.transfer-from,.transfer-to{flex:1}.transfer-from strong,.transfer-to strong{font-family:var(--font-display);margin-top:4px;font-size:1.1rem;display:block}.transfer-from span,.transfer-to span{color:var(--muted);font-size:.85rem}.transfer-arrow{color:var(--muted);font-size:1.6rem;font-weight:700}.transfer-progress-bar{background:#17201914;border-radius:4px;height:8px;overflow:hidden}.transfer-progress-fill{background:var(--confidence-high);border-radius:4px;height:100%;transition:width .2s}.transfer-stats{font-family:var(--font-display);color:var(--muted);justify-content:space-between;margin-top:8px;font-size:.8rem;display:flex}.track-results-list{gap:4px;max-height:400px;display:grid;overflow-y:auto}.track-result-row{background:var(--surface-strong);border-radius:10px;grid-template-columns:1fr 1fr auto;align-items:center;gap:12px;padding:10px 14px;font-size:.85rem;display:grid}.track-result-matched{border-left:3px solid var(--confidence-high)}.track-result-unmatched{border-left:3px solid var(--confidence-low);opacity:.7}.track-result-source strong,.track-result-target strong{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;display:block;overflow:hidden}.track-result-source span,.track-result-target span{color:var(--muted);font-size:.75rem}.track-result-status{font-family:var(--font-display);color:var(--confidence-low);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.dash-section{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.dash-providers{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.dash-provider-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-strong);align-items:center;gap:10px;padding:12px 16px;display:flex}.dash-empty{color:var(--muted);margin:8px 0 0;font-size:.9rem}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-top:8px;display:grid}.theme-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-strong);text-align:left;cursor:pointer;padding:14px;transition:all .1s}.theme-card:hover{border-color:var(--mint-strong)}.theme-card-active{border-color:var(--line-strong);box-shadow:3px 3px #2531271a}.theme-card strong{font-family:var(--font-display);margin-top:8px;font-size:.85rem;display:block}.theme-card span{color:var(--muted);font-size:.72rem}.theme-preview{border:1px solid var(--line);border-radius:8px;height:40px}.theme-preview-matcha-cream{background:linear-gradient(135deg,#cfe9ae,#fff9f0)}.theme-preview-moss-night{background:linear-gradient(135deg,#1a2420,#2d4a35)}.theme-preview-lime-punch{background:linear-gradient(135deg,#a9d87b,#f6e27a)}.theme-preview-tape-deck{background:linear-gradient(135deg,#d4c5a0,#8b7355)}.history-list{gap:6px;margin-top:8px;display:grid}.history-row{border:1px solid var(--line);background:var(--surface-strong);border-radius:14px;align-items:center;gap:12px;padding:10px 14px;display:flex}.history-artwork{object-fit:cover;border:1px solid var(--line);border-radius:8px;width:40px;height:40px}.history-info{flex:1;min-width:0}.history-info strong{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;display:block;overflow:hidden}.history-info span{color:var(--muted);font-size:.75rem}.history-meta{align-items:center;gap:6px;display:flex}.history-actions{align-items:center;gap:8px;display:flex}.share-track-list{gap:4px;max-height:600px;margin-top:16px;display:grid;overflow-y:auto}[data-theme=moss-night]{--bg:#111c15;--surface:#1a281eeb;--surface-strong:#1a2820;--surface-soft:#1e3225;--ink:#e2ede4;--muted:#8ca68e;--line:#8eba921f;--line-strong:#4a7a50;--mint:#2d5a35;--mint-strong:#3a7d44;--lime:#243a2a;--peach:#3a2a20;--cream:#1a1810;--shadow:0 18px 50px #0006;--shadow-sm:0 4px 16px #00000040;--confidence-high:#5db86a;--confidence-medium:#d4a843;--confidence-low:#d46a4a}[data-theme=moss-night] html,[data-theme=moss-night] body{background:linear-gradient(#0f1a13 0%,#111c15 100%)}[data-theme=moss-night] .page-noise{opacity:.03}[data-theme=moss-night] .page-haze-left{background:#2d5a354d}[data-theme=moss-night] .page-haze-right{background:#3a2a2040}[data-theme=moss-night] .brand-badge{background:linear-gradient(135deg, var(--mint), var(--lime));color:var(--ink)}[data-theme=moss-night] .convert-input{background:var(--surface-strong);border-color:var(--line);color:var(--ink)}[data-theme=moss-night] .target-pill{background:var(--surface-strong);color:var(--ink)}[data-theme=moss-night] .target-pill-active{background:var(--mint)}[data-theme=moss-night] .primary-button{background:var(--mint-strong);border-color:var(--mint-strong)}[data-theme=moss-night] .action-btn{background:var(--surface-strong);color:var(--ink)}[data-theme=moss-night] .nav-link-active{background:var(--mint-strong)!important}[data-theme=lime-punch]{--bg:#f0f7e0;--surface:#f5fce6e6;--surface-strong:#f5fce6;--surface-soft:#e4f5c0;--ink:#1a2010;--muted:#4a6030;--line:#1e320f24;--line-strong:#2a4018;--mint:#b8e65c;--mint-strong:#8cc63f;--lime:#d4f28a;--peach:#f6e27a;--cream:#fefde8;--confidence-high:#2a7a20}[data-theme=lime-punch] html,[data-theme=lime-punch] body{background:linear-gradient(#f2f9e2 0%,#eaf4d8 100%)}[data-theme=lime-punch] .brand-badge{background:linear-gradient(135deg, var(--mint), var(--peach))}[data-theme=lime-punch] .primary-button{background:var(--line-strong)}[data-theme=tape-deck]{--bg:#f0ebe0;--surface:#f0ebe0e0;--surface-strong:#f5f0e5;--surface-soft:#e8dfc8;--ink:#2a2218;--muted:#7a6e58;--line:#2a221824;--line-strong:#5a4a35;--mint:#c8b888;--mint-strong:#a89868;--lime:#d8c8a0;--peach:#e0c8a0;--cream:#faf5e8}[data-theme=tape-deck] html,[data-theme=tape-deck] body{background:linear-gradient(#f2ede2 0%,#e8e0d0 100%)}[data-theme=tape-deck] .page-haze-left{background:#c8b8884d}[data-theme=tape-deck] .page-haze-right{background:#e0c8a04d}[data-theme=tape-deck] .brand-badge{background:linear-gradient(135deg, var(--mint), var(--peach))}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes staggerIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero-section{animation:.3s fadeInUp}.results-section>*{animation:.25s both staggerIn}.results-section>:first-child{animation-delay:0s}.results-section>:nth-child(2){animation-delay:80ms}.results-section>:nth-child(3){animation-delay:.16s}.primary-button:active:not(:disabled),.action-btn:active,.target-pill:active,.playlist-card:active{transform:translateY(1px)}:focus-visible{outline:3px solid var(--mint-strong);outline-offset:2px}@media (max-width:860px){.results-grid{grid-template-columns:1fr}.source-card-rich{grid-template-columns:88px 1fr}.source-artwork-lg{width:88px;height:88px}.match-card-main{grid-template-columns:64px 1fr;gap:10px}.match-confidence-col{flex-direction:row;grid-column:1/-1;align-items:center}.match-artwork{width:64px;height:64px}}@media (max-width:600px){.page-shell{padding:10px}.app-frame{border-radius:28px;padding:18px}.top-nav{gap:12px}.nav-links{gap:4px}.nav-links a{padding:6px 10px;font-size:.8rem}.hero-headline{font-size:clamp(2rem,10vw,3rem)}.hero-section{padding:28px 0 20px}.convert-form{padding:16px}.convert-input{min-height:52px;font-size:.95rem}.source-card-rich{grid-template-columns:1fr}.source-artwork-lg{width:100%;height:180px}.match-card-main{grid-template-columns:1fr}.match-artwork{border-radius:var(--radius-md);width:100%;height:160px}}