:root{--bg: #0f172a;--panel: #111827;--text: #e5e7eb;--muted: #9ca3af;--accent: #60a5fa}*{box-sizing:border-box}@font-face{font-family:Gotham;src:url(/fonts/Gotham-Book.woff2) format("woff2"),url(/fonts/Gotham-Book.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Gotham;src:url(/fonts/Gotham-Medium.woff2) format("woff2"),url(/fonts/Gotham-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui}#app{display:grid;grid-template-columns:320px 1fr;gap:0}#menu{padding:16px 18px;background:var(--panel);border-right:1px solid #1f2937;overflow:auto}#menu h1{font-size:18px;margin:4px 0 12px}#menu h2{font-size:13px;color:var(--muted);margin:16px 0 8px;text-transform:uppercase;letter-spacing:.08em}#menu section{margin-bottom:14px}#menu label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0}#menu input[type=color]{width:36px;height:28px;padding:0;border:none;background:transparent}#menu input[type=range]{width:150px}#menu .row{display:flex;gap:6px}#menu input[type=text],#menu input[placeholder]{width:100%;padding:6px 8px;border:1px solid #374151;background:#0b1220;color:var(--text);border-radius:6px}#menu button{background:#1f2937;color:var(--text);border:1px solid #334155;padding:6px 10px;border-radius:8px;cursor:pointer}#menu button:hover{background:#293241}#sigma-container{position:relative;width:100%;height:100%}#tooltip{position:fixed;max-width:320px;padding:8px 10px;background:#111827f2;border:1px solid #334155;border-radius:8px;pointer-events:none;color:var(--text);font-size:12px;transform:translate(-50%,calc(-100% - 12px));will-change:transform}#songPanel{margin-top:12px;padding:12px;background:var(--panel);border:1px solid #1f2937;border-radius:10px}#songPanel h2{margin:0 0 10px;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.song-title{font-size:16px;font-weight:600;margin:0 0 8px;color:var(--text)}.song-row{display:flex;gap:8px;align-items:baseline;margin:6px 0}.song-row .label{width:100px;flex:0 0 auto;font-size:12px;color:var(--muted);font-weight:600}.song-row .value{flex:1 1 auto;font-size:12px;color:var(--text)}.song-row.tags{display:block}.song-row.tags .label{width:auto;margin-bottom:4px}.song-row.tags .value{padding-left:12px}.song-subrows{display:grid;gap:6px}.song-subrow{display:flex;gap:8px;align-items:baseline}.song-subrow .sublabel{min-width:72px;font-size:12px;color:var(--muted);font-weight:600}.song-subrow .subvalue{font-size:12px;color:var(--text);opacity:.95}#app{grid-template-columns:240px 1fr}#genre-key,#genre-key *{box-sizing:border-box}#genre-key{position:fixed;z-index:10;top:12px;right:12px;width:160px;max-height:calc(60vh + 36px);overflow:auto;padding:12px;border:1px solid #1f2937;border-radius:14px;background:#0f172a;color:#e5e7eb;font-family:Inter,system-ui,sans-serif}#genre-key h3{margin:0 0 10px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#9ca3af}#genre-key .legend-item{display:grid;grid-template-columns:12px 1fr;align-items:center;column-gap:8px;padding:4px 0;font-size:13px;line-height:1.25}#genre-key .swatch{width:12px;height:12px;border-radius:3px;box-shadow:inset 0 0 0 1px #ffffff26}#highlight-panel{margin-top:12px;padding:12px;background:var(--panel);border:1px solid #1f2937;border-radius:12px;color:var(--text);font:12px/1.4 Inter,system-ui,sans-serif}#highlight-panel h3{margin:0 0 8px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}#highlight-panel label{display:block;margin:6px 0 4px;color:var(--muted)}#highlight-panel select,#highlight-panel button{width:100%;padding:6px 8px;border-radius:8px;border:1px solid #1f2937;background:#111827;color:var(--text)}#highlight-panel button{margin-top:8px;cursor:pointer}#highlight-panel .muted{color:var(--muted);font-size:11px;margin-top:8px}#date-panel input[type=date],#date-panel button{width:100%;padding:6px 8px;border-radius:8px;border:1px solid #1f2937;background:#111827;color:var(--text)}#date-panel{margin-top:12px;padding:12px;background:var(--panel);border:1px solid #1f2937;border-radius:12px;color:var(--text);font:12px/1.4 Inter,system-ui,sans-serif}#date-panel h3{margin:0 0 8px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}#date-panel label{display:block;margin:6px 0 4px;color:var(--muted)}#date-panel select,#date-panel button{width:100%;padding:6px 8px;border-radius:8px;border:1px solid #1f2937;background:#111827;color:var(--text);outline:none;transition:border-color .12s ease,box-shadow .12s ease}#date-panel select:focus,#date-panel button:focus{border-color:#334155;box-shadow:0 0 0 2px #60a5fa40}#date-panel button{margin-top:8px;cursor:pointer}#date-panel button:hover{border-color:#334155;background:#0f172a}#date-panel .muted{color:var(--muted);font-size:11px;margin-top:8px}