:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d12;--surface:#141824;--surface-2:#1b2030;--border:#ffffff14;--border-strong:#ffffff29;--text:#eef1f6;--muted:#98a2b3;--accent:#5b9cff;--accent-hover:#7db3ff;--seed:#ffd60a;--cyan:#64d2ff;--danger:#ff5c5c;--canvas-bg:#0a0c12;--accent-soft:#5b9cff59;--accent-line:#5b9cff8c;--seed-soft:#ffd60a99;--seed-softer:#ffd60a40;--dot:#ffffff8c;--dot-bright:#ffffffb3;--edge:#ffffff24;--radius-s:8px;--radius:12px;--radius-l:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--shadow:0 1px 0 #ffffff0a inset, 0 8px 24px #00000059;--shadow-art:0 6px 18px #00000073;--font:"Inter", -apple-system, "SF Pro Text", system-ui, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--ease:.17s cubic-bezier(.2, .6, .3, 1)}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(1100px 520px at 50% -220px, #5b9cff1a, transparent 70%), var(--bg);color:var(--text);font:400 15px/1.5 var(--font);-webkit-font-smoothing:antialiased;background-attachment:fixed;overflow-x:hidden}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{font:inherit;color:inherit;background:0 0;border:none;padding:0}img.art,.art{border-radius:var(--radius-s);object-fit:cover;background:var(--surface-2);box-shadow:var(--shadow-art)}:focus-visible{outline:2px solid var(--accent-hover);outline-offset:2px;border-radius:var(--radius-s)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.top-bar{z-index:20;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#0b0d12c7;display:flex;position:sticky;top:0}.top-bar-inner{align-items:center;gap:var(--space-3);width:100%;max-width:960px;margin:0 auto;display:flex}.top-bar-title{align-items:center;gap:var(--space-2);letter-spacing:-.01em;color:var(--text);font-weight:600;text-decoration:none;display:inline-flex}.top-bar-title:hover{color:var(--text)}.top-bar-mark{background:linear-gradient(140deg, var(--accent) 0%, var(--cyan) 55%, var(--seed) 100%);width:22px;height:22px;box-shadow:0 0 0 1px var(--border), 0 4px 12px #5b9cff59;border-radius:7px;flex-shrink:0}.top-bar-section{min-width:0;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-weight:500;overflow:hidden}.top-bar-back{border:1px solid var(--border);background:var(--surface-2);color:var(--text);transition:background var(--ease), border-color var(--ease);border-radius:999px;flex-shrink:0;padding:6px 12px;font-size:13px;text-decoration:none}.top-bar-back:hover{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.screen{max-width:960px;padding:var(--space-5) var(--space-4) 112px;gap:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.hint{color:var(--muted);margin:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow);padding:var(--space-4)}.card-flush{padding:0;overflow:hidden}.card-title{margin:0 0 var(--space-3);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.skeleton{border-radius:var(--radius-s);background:var(--surface-2);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff12 50%,#0000 100%);animation:1.2s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.skeleton-list{gap:var(--space-2);flex-direction:column;display:flex}.skeleton-row{align-items:center;gap:var(--space-3);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);display:flex}.skeleton-row-lines{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius);cursor:pointer;transition:transform var(--ease), background var(--ease), border-color var(--ease), box-shadow var(--ease), color var(--ease);border:1px solid #0000;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(180deg, var(--accent-hover), var(--accent));color:#07101f;box-shadow:0 6px 18px #5b9cff47}.btn-primary:hover{background:linear-gradient(180deg, #93c2ff, var(--accent-hover))}.btn-secondary{background:var(--surface-2);border-color:var(--border);color:var(--text)}.btn-secondary:hover{background:var(--surface);border-color:var(--border-strong)}.icon-button{border:1px solid var(--border);background:var(--surface-2);width:34px;height:34px;color:var(--text);cursor:pointer;transition:background var(--ease), border-color var(--ease), color var(--ease);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;line-height:1;display:inline-flex}.icon-button:hover{background:var(--accent);border-color:var(--accent);color:#07101f}.error-box{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius);color:var(--danger);background:#ff5c5c12;border:1px solid #ff5c5c47;flex-direction:column;display:flex}.error-box p{margin:0}.error-box button{cursor:pointer;border-radius:var(--radius-s);border:1px solid var(--border);background:var(--surface-2);color:var(--text);transition:background var(--ease), border-color var(--ease);padding:8px 14px;font-size:14px;font-weight:600}.error-box button:hover{background:var(--surface);border-color:var(--border-strong)}.search-hero{gap:var(--space-2);padding:var(--space-6) 0 var(--space-2);flex-direction:column;display:flex}.search-hero-title{letter-spacing:-.02em;margin:0;font-size:30px;font-weight:700;line-height:1.15}.search-hero-sub{color:var(--muted);margin:0}.search-mode{align-items:center;gap:var(--space-2);color:var(--muted);margin-top:var(--space-2);font-size:13px;display:flex}.search-form{align-items:center;gap:var(--space-2);padding:6px 6px 6px var(--space-4);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);transition:border-color var(--ease);border-radius:999px;display:flex}.search-form:focus-within{border-color:var(--accent)}.search-form input{min-width:0;color:var(--text);font:inherit;background:0 0;border:none;flex:1;padding:10px 0}.search-form input::placeholder{color:var(--muted)}.search-form input:focus{outline:none}.search-form button{border-radius:999px;flex-shrink:0;padding:10px 20px}.track-list{gap:var(--space-2);flex-direction:column;display:flex}.track-row{align-items:center;gap:var(--space-3);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:transform var(--ease), background var(--ease), border-color var(--ease), box-shadow var(--ease);display:flex}.track-row:hover{background:var(--surface-2);border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-1px)}.track-row-play{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;width:34px;height:34px;transition:background var(--ease), border-color var(--ease), color var(--ease);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;line-height:1;display:inline-flex}.track-row-play:hover{background:var(--accent);border-color:var(--accent);color:#07101f}.track-row-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.track-row-info{text-align:left;cursor:pointer;flex-direction:column;flex:0 auto;gap:2px;min-width:0;display:flex}.track-row-attribution{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;align-self:flex-start;font-size:11px;text-decoration:none;overflow:hidden}.track-row-attribution:hover{text-decoration:underline}.track-row-info:disabled{cursor:default}.track-row-title{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.track-row-artist{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.track-row-score{color:var(--muted);border:1px solid var(--border);background:var(--surface-2);border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:12px}.seed-header{gap:var(--space-5);padding:var(--space-5);align-items:center;display:flex}.seed-header .art{border-radius:var(--radius)}.seed-header-info{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.seed-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.seed-title{letter-spacing:-.02em;font-size:24px;font-weight:700;line-height:1.2}.seed-artist{color:var(--text)}.seed-album{color:var(--muted);font-size:13px}.seed-header-compact{gap:var(--space-4);padding:var(--space-4);align-items:center}.seed-header-compact .seed-title{font-size:18px}.axis-list{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.axis-button{text-align:center;width:100%;padding:var(--space-5) var(--space-4);letter-spacing:-.01em;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);cursor:pointer;transition:transform var(--ease), background var(--ease), border-color var(--ease), box-shadow var(--ease);font-size:16px;font-weight:600}.axis-button:hover{background:var(--surface-2);border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}.recs-header-row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.recs-count{color:var(--muted);font-size:13px}.insights-link{align-items:center;gap:var(--space-2);border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text);transition:background var(--ease), border-color var(--ease);padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.insights-link:hover{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.insights-screen{gap:var(--space-3)}.rec-strip{gap:var(--space-3);padding:var(--space-1) 2px var(--space-3);scrollbar-width:thin;display:flex;overflow-x:auto}.rec-strip-item{align-items:center;gap:var(--space-1);cursor:pointer;border-radius:var(--radius-s);flex-direction:column;flex-shrink:0;width:64px;padding:2px;display:flex}.rec-strip-item .art{transition:box-shadow var(--ease), transform var(--ease)}.rec-strip-item:hover .art{transform:translateY(-2px)}.rec-strip-seed .art{box-shadow:0 0 0 2px var(--seed), var(--shadow-art)}.rec-strip-item-selected .art{box-shadow:0 0 0 2px var(--accent), var(--shadow-art)}.rec-strip-title{color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:11px;overflow:hidden}.insights-controls{z-index:10;gap:var(--space-2);padding:var(--space-2) 0;background:linear-gradient(180deg, var(--bg) 72%, #0b0d1200);flex-direction:column;display:flex;position:sticky;top:56px}.segmented-control{gap:var(--space-1);background:var(--surface);border:1px solid var(--border);padding:var(--space-1);border-radius:999px;display:flex}.segmented-control-item{text-align:center;padding:8px var(--space-3);cursor:pointer;color:var(--muted);letter-spacing:.06em;transition:background var(--ease), color var(--ease);border-radius:999px;flex:1;font-size:13px;font-weight:600}.segmented-control-item:hover{color:var(--text)}.segmented-control-item-active{background:var(--surface-2);color:var(--text);box-shadow:0 0 0 1px var(--border-strong) inset}.chip-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;transition:background var(--ease), color var(--ease), border-color var(--ease);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:500}.chip:hover{color:var(--text);border-color:var(--border-strong)}.chip-active,.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#07101f}.galaxy{border-radius:var(--radius-l);background:var(--canvas-bg);border:1px solid var(--border);touch-action:pan-y;width:100%;height:clamp(320px,52vh,520px);position:relative;overflow:hidden}.galaxy canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.galaxy-callout{left:var(--space-3);bottom:var(--space-3);align-items:center;gap:var(--space-3);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);padding:var(--space-2) var(--space-3);max-width:calc(100% - var(--space-5));background:#141824eb;display:flex;position:absolute}.galaxy-callout-info{min-width:0}.galaxy-callout-title{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.galaxy-callout-artist{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.galaxy-callout-score{color:var(--muted);font-size:12px}.galaxy-callout-play{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;width:34px;height:34px;transition:background var(--ease), color var(--ease), border-color var(--ease);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.galaxy-callout-play:hover{background:var(--accent);border-color:var(--accent);color:#07101f}.topology{gap:var(--space-3);flex-direction:column;display:flex}.topology-barcode{border-radius:var(--radius-s);border:1px solid var(--border);background:var(--canvas-bg);width:100%;height:28px;display:block}.topology-slider{width:100%;accent-color:var(--accent)}.topology-caption{color:var(--muted);margin:0;font-size:12px}.tour{gap:var(--space-3);flex-direction:column;display:flex}.tour-controls{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.tour-play{border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;transition:background var(--ease), border-color var(--ease);border-radius:999px;padding:8px 18px;font-size:13px;font-weight:600}.tour-play:hover{background:var(--surface);border-color:var(--border-strong)}.tour-caption{color:var(--muted);margin:0;font-size:12px}.walk{gap:var(--space-3);flex-direction:column;display:flex}.walk-hint{margin:0;font-size:13px}.walk-strip{gap:var(--space-2);flex-direction:column;display:flex}.walk-strip-header{gap:var(--space-3);flex-wrap:wrap;font-size:12px;display:flex}.walk-strip-badge{color:var(--seed)}.walk-strip-metric{color:var(--muted)}.walk-strip-steps{gap:var(--space-2);padding:var(--space-1) 2px var(--space-2);display:flex;overflow-x:auto}.walk-strip-item{align-items:center;gap:var(--space-2);cursor:pointer;width:176px;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:background var(--ease), border-color var(--ease);flex-shrink:0;display:flex}.walk-strip-item:hover{background:var(--surface-2);border-color:var(--border-strong)}.walk-strip-info{text-align:left;min-width:0}.walk-strip-title{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.walk-strip-artist{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.math-panel{gap:var(--space-1) var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:auto 1fr;align-items:baseline;display:grid}.math-panel-key{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.math-panel-line{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:13px}.feel-compare{flex-direction:column;gap:4px;display:flex}.feel-compare-row{align-items:center;gap:var(--space-2);grid-template-columns:84px 1fr;display:grid}.feel-compare-label{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.feel-compare-bars{flex-direction:column;gap:2px;display:flex}.feel-compare-bar-track{background:var(--border);border-radius:2px;height:4px;overflow:hidden}.feel-compare-bar{border-radius:2px;height:100%}.feel-compare-bar-seed{background:var(--seed)}.feel-compare-bar-rec{background:var(--accent)}.feel-compare-dist{margin-top:var(--space-1)!important}.rhythm-compare{flex-direction:column;gap:4px;display:flex}.rhythm-row{align-items:baseline;gap:var(--space-2);grid-template-columns:84px 1fr 1fr;display:grid}.rhythm-row-label{color:var(--muted);font-size:11px}.rhythm-row-seed{color:var(--seed);font-size:12px}.rhythm-row-rec{color:var(--accent);font-size:12px}.feel-slider{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;display:flex}.feel-slider-label{color:var(--muted);white-space:nowrap;font-size:12px}.feel-slider-input{accent-color:var(--accent);flex:1}.feel-slider-value{color:var(--text);text-align:right;min-width:2ch;font-size:12px}.why-similar{gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);flex-direction:column;display:flex}p.why-similar{color:var(--muted)}.why-similar-base{color:var(--muted);margin:0;font-size:12px}.why-similar-bars{align-items:flex-end;gap:var(--space-2);height:120px;display:flex}.why-similar-bar-col{justify-content:flex-end;align-items:center;gap:var(--space-1);cursor:pointer;flex-direction:column;flex:1;height:100%;padding:0;display:flex}.why-similar-bar{background:linear-gradient(180deg, var(--accent-hover), var(--accent));width:100%;min-height:2px;transition:opacity var(--ease), background var(--ease);border-radius:4px 4px 0 0}.why-similar-bar-label{color:var(--muted);white-space:nowrap;font-size:10px}.why-similar-note{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin:0;font-size:13px;display:flex}.why-similar-bar-col-solo .why-similar-bar{background:linear-gradient(180deg, #ffe45c, var(--seed))}.why-similar-solo-off{cursor:pointer;color:var(--accent);font-size:13px;font-weight:600}.why-similar-solo-off:disabled{color:var(--muted);cursor:default}.proof{gap:var(--space-3);flex-direction:column;display:flex}.proof-histogram{border-radius:var(--radius-l);border:1px solid var(--border);background:var(--canvas-bg);width:100%;height:180px;position:relative;overflow:hidden}.proof-histogram canvas{width:100%;height:100%;display:block}.proof-axis-labels{color:var(--muted);justify-content:space-between;margin:0;font-size:12px;display:flex}.proof-caption{color:var(--muted);margin:0;font-size:12px}.proof-section-title{margin:var(--space-2) 0 0;color:var(--muted);letter-spacing:.04em;font-size:12px}.proof-corrected-list{padding:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:2px;display:flex;overflow-x:auto}.proof-corrected-header{align-items:center;gap:var(--space-2);padding:0 var(--space-2) var(--space-1);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;display:flex}.proof-corrected-header-title{flex:1;min-width:0}.proof-corrected-score-heading{text-align:right;flex-shrink:0;width:72px}.proof-corrected-rank-heading{flex-shrink:0;width:36px}.proof-corrected-item{align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-s);cursor:pointer;text-align:left;width:100%;transition:background var(--ease);display:flex}.proof-corrected-item:hover{background:var(--surface-2)}.proof-corrected-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.proof-corrected-artist{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.proof-corrected-score{color:var(--muted);text-align:right;flex-shrink:0;width:72px;font-size:12px}.proof-corrected-rank{color:var(--muted);text-align:right;flex-shrink:0;width:36px;font-size:12px}.proof-rail{gap:var(--space-2);flex-direction:column;display:flex}.proof-rail-title{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600}.proof-rail-items{gap:var(--space-2);padding:var(--space-1) 2px var(--space-2);display:flex;overflow-x:auto}.proof-rail-item{align-items:center;gap:var(--space-2);cursor:pointer;width:186px;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:background var(--ease), border-color var(--ease);flex-shrink:0;display:flex}.proof-rail-item:hover{background:var(--surface-2);border-color:var(--border-strong)}.proof-rail-info{text-align:left;flex:1;min-width:0}.proof-rail-item-title{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.proof-rail-item-artist{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.proof-rail-badge{color:var(--muted);flex-shrink:0;font-size:12px}.extremes{gap:var(--space-4);flex-direction:column;display:flex}.extremes-row{gap:var(--space-2);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);flex-direction:column;display:flex}.extremes-caption{color:var(--muted);margin:0;font-size:12px}.extremes-rails{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.extremes-rail{gap:var(--space-1);flex-direction:column;display:flex}.extremes-rail-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600}.extremes-item{align-items:center;gap:var(--space-2);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-s);text-align:left;width:100%;transition:background var(--ease);display:flex}.extremes-item:hover{background:var(--surface-2)}.extremes-item-info{min-width:0}.extremes-item-title{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.extremes-item-artist{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.player-bar{z-index:30;isolation:isolate;background:var(--surface);border-top:1px solid var(--border);position:fixed;bottom:0;left:0;right:0;overflow:hidden}.player-backdrop{z-index:-2;filter:blur(24px)saturate(1.4);opacity:.55;background-position:50%;background-size:cover;position:absolute;inset:-40px}.player-scrim{z-index:-1;background:linear-gradient(#0b0d12c7,#0b0d12eb);position:absolute;inset:0}.player-progress{background:var(--accent);height:2px;transition:width .12s linear;box-shadow:0 0 10px #5b9cffb3}.player-row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);max-width:960px;margin:0 auto;display:flex}.player-info{flex:1;min-width:0}.player-title{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.player-artist{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.player-toggle,.player-stop{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;width:34px;height:34px;transition:background var(--ease), border-color var(--ease), color var(--ease);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;line-height:1;display:inline-flex}.player-toggle:hover,.player-stop:hover{background:var(--accent);border-color:var(--accent);color:#07101f}.sound{gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);flex-direction:column;display:flex}.sound-header{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.sound-title{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.sound-artist{color:var(--muted);font-size:13px;font-weight:400}.sound-solo-off{cursor:pointer;color:var(--accent);flex-shrink:0;font-size:13px;font-weight:600}.sound-solo-off:disabled{color:var(--muted);cursor:default}.sound-skeleton{border-radius:var(--radius-l);height:200px}.sound-row{gap:var(--space-3);align-items:stretch;display:flex}.spectrogram{border-radius:var(--radius-l);border:1px solid var(--border);background:var(--canvas-bg);cursor:crosshair;flex:1;min-width:0;height:200px;position:relative;overflow:hidden}.spectrogram-canvas{width:100%;height:100%;display:block}.spectrogram-playhead{background:var(--seed);width:1px;box-shadow:0 0 8px var(--seed);position:absolute;top:0;bottom:0}.band-strip{align-items:center;gap:var(--space-2);flex-direction:column;flex-shrink:0;width:56px;display:flex}.band-strip-track{background:var(--surface-2);border:1px solid var(--border);cursor:ns-resize;touch-action:none;border-radius:9px;flex:1;width:18px;position:relative;box-shadow:inset 0 1px #ffffff0a}.band-strip-selection{background:linear-gradient(180deg, var(--accent-hover), var(--accent));opacity:.85;border-radius:9px;position:absolute;left:0;right:0}.band-strip-label{color:var(--muted);text-align:center;font-size:10px}.band-strip-label-error{color:var(--danger)}.self-similarity{justify-content:center;display:flex}.self-similarity-canvas{aspect-ratio:1;border-radius:var(--radius-l);border:1px solid var(--border);background:var(--canvas-bg);cursor:crosshair;width:100%;max-width:320px;height:auto;display:block}@media (width<=560px){.screen{padding:var(--space-4) var(--space-4) 112px}.search-hero{padding-top:var(--space-4)}.search-hero-title{font-size:24px}.seed-header{align-items:flex-start;gap:var(--space-4);padding:var(--space-4);flex-direction:column}.seed-header .art{aspect-ratio:1;max-width:200px;width:100%!important;height:auto!important}.seed-header-compact{flex-direction:row;align-items:center}.seed-header-compact .art{width:64px!important;height:64px!important}.axis-list{grid-template-columns:1fr}.recs-header-row{flex-direction:column;align-items:stretch}.insights-link{justify-content:center}.sound-row{flex-direction:column}.band-strip{flex-direction:row;width:100%}.band-strip-track{cursor:ew-resize;flex:1;width:auto;height:18px}.band-strip-selection{background:linear-gradient(90deg, var(--accent-hover), var(--accent));inset:0 auto}.extremes-rails{grid-template-columns:1fr}.why-similar-bar-label{font-size:9px}.top-bar-section{display:none}}