.topbar{border-bottom:var(--border);background:var(--paper);position:sticky;top:0;z-index:10}.topbar__inner{display:flex;align-items:center;justify-content:space-between;height:64px}.topbar__mark{font-family:var(--font-display);font-weight:800;font-size:20px;letter-spacing:.02em;display:flex;align-items:center;gap:10px}.topbar__dot{width:9px;height:9px;background:var(--accent);display:inline-block}.topbar__nav{display:none}@media (min-width: 640px){.topbar__nav{display:block}}.waveform{display:flex;align-items:flex-end;gap:3px;height:56px;width:100%}.waveform__bar{flex:1;min-width:2px;max-width:6px;height:calc(var(--h) * 100%);background:var(--line-strong);opacity:.35;transform-origin:bottom;animation:sway 2.6s ease-in-out infinite}.waveform--active .waveform__bar{background:var(--accent);opacity:.9;animation:pulse .7s ease-in-out infinite}@keyframes sway{0%,to{transform:scaleY(.6)}50%{transform:scaleY(1)}}@keyframes pulse{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.dropzone{margin-top:20px;border:1px dashed var(--line-strong);background:var(--panel);padding:40px 20px;text-align:center;cursor:pointer;transition:border-color var(--fast) var(--ease),background var(--fast) var(--ease)}.dropzone:hover,.dropzone--over{border-color:var(--accent);border-style:solid;background:var(--accent-wash)}.dropzone__label{font-size:13px;letter-spacing:.06em}.dropzone__hint{margin-top:8px;font-size:13px;color:var(--graphite)}.hero{padding:72px 0 40px;border-bottom:var(--border)}.hero__eyebrow{margin-bottom:18px}.hero__headline{font-size:clamp(40px,7vw,84px);font-weight:900;line-height:.98;max-width:14ch}.hero__sub{margin-top:20px;max-width:52ch;color:var(--graphite);font-size:17px}.hero__tabs{display:flex;margin-top:40px;border:var(--border-strong);width:fit-content}.hero__tab{padding:10px 20px;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--graphite);border-right:var(--border-strong);transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}.hero__tab:last-child{border-right:none}.hero__tab--active{background:var(--ink);color:var(--paper)}.console{display:flex;margin-top:20px;border:var(--border-strong);background:var(--panel)}.console__input{flex:1;border:none;background:transparent;padding:18px 20px;font-size:14px;letter-spacing:.02em}.console__input::placeholder{color:var(--graphite);opacity:.7}.console__input:focus{outline:none}.console__submit{background:var(--ink);color:var(--paper);padding:0 26px;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;border-left:var(--border-strong);transition:background var(--fast) var(--ease),opacity var(--fast) var(--ease);white-space:nowrap}.console__submit:hover:not(:disabled){background:var(--accent)}.console__submit:disabled{opacity:.6;cursor:not-allowed}.hero__shortcuts{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.hero__shortcut{border:var(--border);padding:5px 12px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink);background:var(--panel);transition:border-color var(--fast) var(--ease),color var(--fast) var(--ease)}.hero__shortcut:hover{border-color:var(--accent);color:var(--accent)}.hero__mediaWaveform{margin-top:44px}.card{background:var(--panel);display:flex;flex-direction:column;transition:background var(--fast) var(--ease)}.card:hover{background:var(--panel-hover)}.card__art{position:relative;aspect-ratio:1 / 1;background:var(--ink);overflow:hidden}.card__art img{width:100%;height:100%;object-fit:cover}.card__artFallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--paper);opacity:.4;font-size:11px;letter-spacing:.1em}.card__play{position:absolute;right:0;bottom:0;width:40px;height:40px;background:var(--paper);color:var(--ink);display:flex;align-items:center;justify-content:center;transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}.card__play:hover:not(:disabled){background:var(--accent);color:var(--accent-ink)}.card__play:disabled{opacity:.35;cursor:not-allowed}.card__body{padding:14px 16px 16px;border-top:var(--border);flex:1;display:flex;flex-direction:column;gap:4px}.card__name{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card__artist{font-size:13px;color:var(--graphite);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card__meta{margin-top:auto;padding-top:10px;display:flex;justify-content:space-between;align-items:baseline;font-size:11px;color:var(--graphite);gap:8px}.card__match{color:var(--accent);font-weight:500}.card__reason{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.empty{padding:80px 0 140px}.empty__inner{max-width:44ch}.empty__title{margin-top:12px;font-size:22px;font-weight:800}.empty__body{margin-top:10px;color:var(--graphite);font-size:15px}.results{padding:48px 0 140px}.results__header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:var(--border-strong);padding-bottom:16px;margin-bottom:28px}.results__title{font-size:16px;font-weight:700;letter-spacing:.04em}.results__forWhat{font-weight:500;color:var(--graphite);font-family:var(--font-body);text-transform:none;letter-spacing:normal}.results__features{display:flex;gap:16px;font-size:12px;color:var(--graphite)}.results__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1px;background:var(--line);border:var(--border)}.playerbar{position:fixed;left:0;right:0;bottom:0;background:var(--ink);color:var(--paper);border-top:1px solid var(--ink);z-index:20}.playerbar__progress{height:2px;background:var(--accent);transform-origin:left;transition:transform .2s linear}.playerbar__inner{display:flex;align-items:center;gap:14px;padding:10px 32px}.playerbar__art{width:40px;height:40px;background:#000;flex-shrink:0}.playerbar__art img{width:100%;height:100%;object-fit:cover}.playerbar__info{min-width:0;flex:1}.playerbar__name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playerbar__artist{font-size:12px;color:#b9b8b3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playerbar__toggle{border:1px solid var(--paper);padding:8px 16px;font-size:11px;letter-spacing:.08em;color:var(--paper);flex-shrink:0;transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}.playerbar__toggle:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}:root{--paper: #edece7;--panel: #f6f5f1;--panel-hover: #ffffff;--ink: #17181b;--graphite: #6e6d68;--line: #cbc9c1;--line-strong: #17181b;--accent: #c7511f;--accent-ink: #ffffff;--accent-wash: #e9dcce;--font-display: "Archivo", sans-serif;--font-body: "IBM Plex Sans", sans-serif;--font-mono: "IBM Plex Mono", monospace;--radius: 0px;--border: 1px solid var(--line);--border-strong: 1px solid var(--line-strong);--gap: 24px;--max-width: 1180px;--ease: cubic-bezier(.2, .7, .2, 1);--fast: .14s;--med: .32s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}*{box-sizing:border-box}html,body{padding:0;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);margin:0;letter-spacing:-.01em}p{margin:0}button,input{font-family:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit}img{display:block;max-width:100%}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono{font-family:var(--font-mono)}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--graphite)}.container{max-width:var(--max-width);margin:0 auto;padding:0 32px}@media (max-width: 640px){.container{padding:0 18px}}