:root{color-scheme:light;--background:#f5f2ea;--foreground:#1b1916;--muted:#6e675e;--panel:rgba(255,255,255,0.92);--panel-solid:#ffffff;--border:#ded6c8;--border-strong:#c8bdad;--accent:#17655d;--accent-strong:#0d4540;--accent-soft:#dcefeb;--warm:#b65f38;--warm-soft:#f5e8dc;--shadow:0 18px 48px rgba(50,42,31,0.07)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 12% 8%,rgba(23,101,93,.09),transparent 28rem),radial-gradient(circle at 92% 24%,rgba(182,95,56,.08),transparent 26rem),var(--background);color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.topbar{border-bottom:1px solid var(--border);background:rgba(245,242,234,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:16px clamp(18px,4vw,56px);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:750;letter-spacing:-.01em}.nav{display:flex;gap:18px;color:var(--muted);font-size:14px}.nav a:focus-visible,.nav a:hover{color:var(--foreground)}.main{width:min(1380px,100%);margin:0 auto;padding:clamp(24px,4vw,52px) clamp(16px,4vw,56px) 64px}.search-experience{display:grid;grid-gap:22px;gap:22px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.search-panel{padding:clamp(20px,4vw,42px)}.search-heading{width:min(760px,100%);margin:0 auto 24px;text-align:center}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:13px;font-weight:700;text-transform:uppercase}h1{margin:0 0 10px;font-size:clamp(36px,5vw,64px);letter-spacing:-.045em;line-height:.98}.intro{margin:0 auto;color:var(--muted);max-width:640px;font-size:17px;line-height:1.55}.readiness-banner{width:min(760px,100%);margin:0 auto 22px;border:1px solid #e7c9ab;border-radius:14px;background:#fff7ec;color:#6f431f;padding:12px 14px;display:flex;align-items:center;justify-content:center;gap:11px;text-align:left}.readiness-banner.ready{border-color:#bcd9d3;background:#edf8f5;color:var(--accent-strong)}.readiness-banner div{display:grid;grid-gap:2px;gap:2px}.readiness-banner span:not(.status-indicator){font-size:13px;line-height:1.35}.status-indicator{width:11px;height:11px;flex:0 0 auto;border-radius:50%;background:currentColor}.readiness-banner.warming .status-indicator{background:transparent;border:2px solid rgba(111,67,31,.25);border-top-color:currentcolor;animation:spin .9s linear infinite}.search-mode-card{border:1px solid var(--border);border-radius:15px;background:rgba(255,254,250,.78);padding:clamp(16px,2.5vw,24px);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.search-mode-card.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.primary-search-card{width:min(920px,100%);margin:0 auto;background:var(--panel-solid);border-color:var(--border-strong)}.secondary-search-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:16px}.mode-heading,.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.mode-heading{margin-bottom:16px}.mode-heading>div{display:flex;align-items:baseline;gap:10px}.mode-number{color:var(--warm);font-size:12px;font-weight:800;letter-spacing:.08em}.mode-heading h2,.section-heading h2{margin:0;font-size:clamp(21px,2.4vw,28px);letter-spacing:-.025em}.mode-description,.results-summary{border-radius:999px;background:var(--warm-soft);color:#7b4329;padding:5px 9px;font-size:12px;white-space:nowrap}.mode-controls{min-width:0;margin:0;padding:0;border:0;display:grid;grid-gap:13px;gap:13px}.query-row{grid-template-columns:minmax(0,1fr) auto;grid-gap:10px}.filters,.query-row{display:grid;gap:10px}.filters{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px}.audio-search-fields{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(180px,.75fr);grid-gap:10px;gap:10px}.field{display:grid;grid-gap:6px;gap:6px}.field label{color:var(--muted);font-size:13px}.field input,.field select,.field textarea,.query-row input{width:100%;border:1px solid var(--border);border-radius:10px;padding:12px 13px;background:#fffefa;color:var(--foreground)}.field input:focus,.field select:focus,.field textarea:focus,.query-row input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.field textarea{resize:vertical;min-height:96px;line-height:1.45}.field input[type=file]{min-height:46px;padding:9px 11px}.field input:disabled,.field select:disabled,.field textarea:disabled,.ml-form input:disabled,.ml-form select:disabled,.query-row input:disabled{cursor:wait;opacity:.7}.button{border:0;border-radius:10px;padding:0 18px;min-height:46px;background:var(--accent);color:white;font-weight:700;cursor:pointer}.button:hover:not(:disabled){background:var(--accent-strong)}.button:focus-visible{outline:3px solid rgba(23,101,93,.24);outline-offset:2px}.button:disabled{cursor:wait;opacity:.65}.secondary-button{justify-self:end}.content-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);grid-gap:22px}.content-grid,.tools-grid{display:grid;gap:22px;align-items:start}.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:22px}.results-panel{min-width:0;padding:clamp(18px,3vw,28px)}.results-summary{background:var(--accent-soft);color:var(--accent-strong)}.empty-state{min-height:260px;margin:0;display:grid;place-items:center;text-align:center}.results{margin-top:18px;display:grid;grid-gap:10px;gap:10px}.parser-summary{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.result-card{border:1px solid var(--border);border-radius:12px;padding:14px;background:#fffefa}.result-card.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.song-id{font-weight:750}.song-path{color:var(--muted);font-size:13px;overflow-wrap:anywhere}.result-audio{display:flex;align-items:center;gap:10px;margin-top:10px}.result-audio audio{width:min(280px,100%);height:34px}.audio-unavailable,.result-audio span{color:var(--muted);font-size:12px}.audio-unavailable,.chips{margin-top:10px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);padding:4px 8px;font-size:12px}.status-panel{padding:22px;display:grid;grid-gap:14px;gap:14px}.generation-panel,.ml-panel{padding:22px}.generation-form,.generation-panel,.ml-panel{display:grid;grid-gap:12px;gap:12px}.generation-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.advanced-settings{border:1px solid var(--border);border-radius:8px;padding:10px 11px;background:#fffefa}.advanced-settings summary{color:var(--muted);cursor:pointer;font-size:13px;font-weight:700}.advanced-settings[open] summary{margin-bottom:10px}.generated-audio{display:grid;grid-gap:10px;gap:10px;border-top:1px solid var(--border);padding-top:12px}.generated-audio audio{width:100%}.download-link{color:var(--accent);font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.generation-meta{display:flex;flex-wrap:wrap;gap:6px}.generation-meta span{border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);padding:4px 8px;font-size:12px}.ml-form{display:grid;grid-gap:10px;gap:10px}.ml-form input,.ml-form select{width:100%;border:1px solid var(--border);border-radius:8px;padding:10px 11px;background:#fffefa;color:var(--foreground)}.model-meta{display:flex;flex-wrap:wrap;gap:6px}.model-meta span,.status-pill{border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);padding:4px 8px;font-size:12px;font-weight:700}.status-pill.unavailable{background:#f3dddd;color:#8d2929}.status-pill.checking,.status-pill.degraded,.status-pill.loading,.status-pill.warming{background:#f3ead8;color:#7a5017}.loading-note{border-radius:8px;background:#fff8e6;border:1px solid #eed8a6;color:#6e4c15;margin:0;padding:10px 11px;font-size:13px;line-height:1.4}.prediction-result{display:grid;grid-gap:6px;gap:6px;border-top:1px solid var(--border);padding-top:12px}.prediction-result code{overflow-wrap:anywhere;border-radius:8px;background:#fffefa;border:1px solid var(--border);padding:10px;font-size:13px}.visualization-panel{min-width:0;padding:clamp(18px,3vw,28px);display:grid;grid-gap:12px;gap:12px}.visualization-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.visualization-heading h2{margin:0;font-size:clamp(21px,2.4vw,28px);letter-spacing:-.025em}.visualization-heading select{width:min(180px,44%);padding:8px 10px;background:#fffefa;color:var(--foreground)}.scatter-wrap,.visualization-heading select{border:1px solid var(--border);border-radius:8px}.scatter-wrap{min-height:300px;background:linear-gradient(90deg,rgba(25,97,91,.06) 1px,transparent 0),linear-gradient(rgba(25,97,91,.06) 1px,transparent 0),#fffefa;background-size:32px 32px;display:grid;place-items:center;overflow:hidden}.scatter{width:100%;height:300px;touch-action:none;cursor:-webkit-grab;cursor:grab}.scatter:active{cursor:-webkit-grabbing;cursor:grabbing}.scatter line{stroke:rgba(111,103,95,.42);stroke-width:1}.axis-label{fill:var(--muted);font-size:11px;font-weight:700;pointer-events:none}.axis-label-z{fill:var(--accent-strong)}.scatter-node{fill:#b84a62;stroke:#fffefa;stroke-width:2;cursor:pointer;transition:fill .14s ease,r .14s ease,stroke .14s ease}.scatter-node:focus,.scatter-node:hover{fill:#d49132;outline:none}.scatter-node.active{fill:var(--accent);stroke:#171412}.song-detail{display:grid;grid-gap:4px;gap:4px;border-top:1px solid var(--border);padding-top:12px}.song-detail span{color:var(--muted);font-size:13px;overflow-wrap:anywhere}.small{font-size:13px}.status-row{display:flex;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.status-row:last-child{border-bottom:0;padding-bottom:0}.compact-heading{margin-bottom:2px}.muted{color:var(--muted)}.error{color:#9a2f2f}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1120px){.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-grid .status-panel{grid-column:1/-1}}@media (max-width:900px){.content-grid,.secondary-search-grid{grid-template-columns:1fr}.secondary-search-grid{gap:14px}.empty-state{min-height:180px}}@media (max-width:680px){.main{padding-top:20px}.topbar{padding-block:13px}.audio-search-fields,.query-row,.tools-grid{grid-template-columns:1fr}.tools-grid .status-panel{grid-column:auto}.secondary-button{justify-self:stretch}.mode-heading{display:grid;grid-gap:7px;gap:7px}.mode-description{justify-self:start}.button{width:100%}.readiness-banner{justify-content:flex-start}}@media (max-width:480px){.topbar{align-items:flex-start;flex-direction:column;gap:10px}.filters,.generation-controls{grid-template-columns:1fr}.visualization-heading{display:grid}.visualization-heading select{width:100%}}@media (prefers-reduced-motion:reduce){.readiness-banner.warming .status-indicator{animation-duration:1.8s}}