:root{--field:#fff;--paper:#fff;--panel:#f0f0ee;--wash:#e6e6e3;--ink:#111316;--soft-ink:#3a3c40;--muted:#6b6d70;--line:#e7e7e4;--line-strong:#cfcfca;--red:#fe5000;--blue:#2563c9;--green:#2e9e5b;--related:var(--green);--screen:#14130f;--fam-rock:#a4483c;--fam-metal:#474850;--fam-punk:#b23458;--fam-pop:#c2517f;--fam-electronic:#2f6ec4;--fam-hip-hop:#7a4cc0;--fam-rnb:#9c4a9c;--fam-jazz:#1f7a74;--fam-blues:#54549e;--fam-country:#8a5c33;--fam-folk:#6d7838;--fam-classical:#8c7746;--fam-latin:#b5762a;--fam-caribbean:#35915a;--fam-ambient:#5e7d90;--fam-experimental:#7d6b8f;--display:"Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;--body:"Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--utility:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace;color:var(--ink);background:var(--field);font-family:var(--body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--field);min-width:320px;height:100%;overflow:hidden}body{min-width:320px;height:100%;margin:0;overflow:hidden}button,input{font:inherit}#root{height:100%;overflow:hidden}.app{background:var(--field);grid-template-columns:minmax(320px,396px) minmax(0,1fr);height:100svh;display:grid;overflow:hidden}.app--centered{place-items:center;padding:24px;display:grid}.load-state{border:1px solid var(--line-strong);background:var(--paper);border-radius:0;width:min(440px,100%);padding:30px;box-shadow:inset 0 1px #fff,0 18px 40px -28px #00000080}.load-state h1{font:800 46px/.92 var(--display);letter-spacing:-.03em;text-transform:lowercase;margin:0 0 10px}.load-state p{color:var(--muted);font:500 13px/1.5 var(--utility);margin:0}.rail{border-right:1px solid var(--line-strong);background:linear-gradient(180deg, #fbfbfb 0%, var(--paper) 42%, #f4f4f3 100%);flex-direction:column;height:100svh;min-height:0;display:flex;box-shadow:inset -1px 0 #fff}.brand{border-bottom:1px solid var(--line-strong);justify-content:space-between;align-items:center;gap:18px;padding:14px 22px 13px;display:flex}.brand-id{flex-wrap:wrap;align-items:baseline;gap:4px 10px;min-width:0;display:flex}.brand h1{color:var(--ink);font:800 38px/.84 var(--display);letter-spacing:-.04em;text-transform:lowercase;margin:0}.brand h1:before{content:"";vertical-align:6px;background:var(--red);width:9px;height:9px;box-shadow:0 0 0 2px color-mix(in srgb, var(--red) 22%, transparent);border-radius:50%;margin-right:6px;display:inline-block}.brand-credit{width:fit-content;color:color-mix(in srgb, var(--muted) 78%, transparent);font:650 9px/1 var(--utility);letter-spacing:.1em;text-transform:lowercase;text-decoration:none;transition:color .12s}.brand-credit:hover,.brand-credit:focus-visible{color:var(--ink);outline:none}.detail h3{font-family:var(--utility);letter-spacing:.08em;text-transform:lowercase;font-size:10.5px;font-weight:600}.detail{flex:auto;min-height:0;padding:22px 24px 26px;overflow:auto}.detail-head{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:22px;display:flex}.detail-dismiss{display:none}.detail h2{color:var(--ink);font:800 33px/.94 var(--display);letter-spacing:-.035em;text-transform:lowercase;margin:0}.detail h2 a{color:inherit;text-decoration:none;transition:color .12s}.detail h2 a:hover,.detail h2 a:focus-visible{color:var(--red)}.detail h2 a:focus-visible{outline:none}.detail-block{border-top:1px solid var(--line);padding-top:18px}.detail-block+.detail-block{margin-top:20px}.detail h3{color:var(--red);align-items:baseline;gap:8px;margin:0 0 13px;display:flex}.detail h3:before{content:attr(data-index);color:var(--muted);font-variant-numeric:tabular-nums}.detail p{color:var(--soft-ink);margin:0;font-size:14.5px;line-height:1.6}.artist-list a{color:inherit;text-decoration:none;transition:color .12s}.artist-list a:hover,.artist-list a:focus-visible{color:var(--red)}.artist-list a:focus-visible{outline:none}.search-dock{--search-field-height:36px;--search-dock-x:18px;--search-dock-bottom:13px;border-top:1px solid var(--line-strong);background:color-mix(in srgb, var(--paper) 82%, var(--panel));flex:none;padding:12px 18px 13px;position:relative;box-shadow:inset 0 1px #ffffffb8}.search-field{min-height:var(--search-field-height);border:1px solid color-mix(in srgb, var(--line-strong) 70%, transparent);background:color-mix(in srgb, #fff 88%, var(--wash));border-radius:12px;grid-template-columns:15px minmax(0,1fr);align-items:center;gap:8px;padding:0 12px;display:grid;box-shadow:inset 0 1px #ffffffdb,0 1px 2px #1113160d}.search-dock.is-menu-open .search-field{z-index:5;border-top-color:color-mix(in srgb, var(--line-strong) 58%, transparent);background:#fff;border-radius:0 0 12px 12px;position:relative;box-shadow:inset 0 1px #ffffffe6}.search-field span{opacity:.58;width:13px;height:13px;transition:opacity .12s;position:relative}.search-field:focus-within span{opacity:.92}.search-field span:before{content:"";border:1.8px solid var(--muted);border-radius:50%;width:8px;height:8px;position:absolute;top:1px;left:1px}.search-field span:after{content:"";background:var(--muted);transform-origin:50%;border-radius:999px;width:6px;height:1.8px;position:absolute;bottom:1px;right:1px;transform:rotate(45deg)}.search-field input{appearance:none;width:100%;min-width:0;color:var(--ink);font:560 14px/1 var(--body);letter-spacing:0;background:0 0;border:0;outline:0}.search-field input::placeholder{color:color-mix(in srgb, var(--muted) 76%, transparent);font-weight:520}.search-field:focus-within{border-color:color-mix(in srgb, var(--line-strong) 70%, transparent);background:#fff;box-shadow:inset 0 1px #ffffffe6,0 1px 2px #1113160d}.search-results{right:var(--search-dock-x);bottom:calc(var(--search-dock-bottom) + var(--search-field-height) - 1px);left:var(--search-dock-x);z-index:4;border:1px solid color-mix(in srgb, var(--line-strong) 72%, transparent);background:#fff;border-bottom:0;border-radius:12px 12px 0 0;flex-direction:column;animation:60ms ease-out search-results-in;display:flex;position:absolute;overflow:hidden;box-shadow:0 -18px 32px -24px #11131647}@keyframes search-results-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.search-results{animation:none}}.search-results-list{max-height:min(360px,100svh - 200px);padding:6px;scroll-padding-block:40px;overflow:auto}.search-results button{appearance:none;width:100%;min-height:34px;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:5px 10px;display:grid}.search-results button+button{margin-top:1px}.search-results button.is-active{background:color-mix(in srgb, var(--red) 7%, #fff 93%)}.search-results button:focus-visible{background:color-mix(in srgb, var(--red) 7%, #fff 93%);outline:none}.search-results .result-name{align-items:center;gap:8px;min-width:0;display:flex}.search-results .result-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:color-mix(in srgb, var(--ink) 64%, var(--paper));font:540 13.5px/1.1 var(--body);letter-spacing:0;text-transform:lowercase;overflow:hidden}.search-results .result-match{color:var(--ink);font-weight:720}.search-results .result-count{color:color-mix(in srgb, var(--muted) 88%, transparent);font:560 11px/1 var(--body);font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap}.current-dot{background:var(--red);width:8px;height:8px;box-shadow:0 0 0 2px color-mix(in srgb, var(--red) 22%, transparent);border-radius:50%;flex:none}.search-results p{color:var(--muted);font:600 12px/1 var(--utility);text-transform:lowercase;margin:0;padding:14px 12px}.visualizer{background:var(--screen);height:184px;box-shadow:0 1px 0 #fff, 0 0 0 1px var(--line-strong), inset 0 2px 7px #000000b3, inset 0 0 0 1px #00000080;border-radius:0;margin-bottom:14px;position:relative;overflow:hidden}.visualizer-canvas{background:inherit;width:100%;height:100%;display:block}.visualizer-tag{font:600 8.5px/1 var(--utility);letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--red) 70%, #fff 30%);pointer-events:none;align-items:center;gap:6px;display:flex;position:absolute;bottom:9px;left:11px}.visualizer-led{pointer-events:none;background:#5a3a22;border-radius:50%;width:7px;height:7px;position:absolute;top:10px;right:11px;box-shadow:0 0 0 1px #00000080}.visualizer.is-live .visualizer-led{background:var(--red);box-shadow:0 0 8px 1px color-mix(in srgb, var(--red) 80%, transparent);animation:1.1s step-end infinite led-blink}@keyframes led-blink{50%{opacity:.35}}.preview-player{box-shadow:none;background:0 0;border:0;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin-bottom:20px;padding:12px 13px;display:grid}.preview-toggle{appearance:none;background:var(--ink);width:42px;height:42px;color:var(--paper);cursor:pointer;border:0;border-radius:50%;place-items:center;transition:background .14s,box-shadow .14s,transform .12s cubic-bezier(.23,1,.32,1);display:grid;position:relative;box-shadow:inset 0 1px #ffffff2e,0 8px 16px -10px #111316e6}.preview-toggle:hover{background:color-mix(in srgb, var(--ink) 88%, #fff 12%)}.preview-toggle:active{transform:scale(.96);box-shadow:inset 0 1px #ffffff24,0 5px 12px -10px #111316e6}.preview-toggle:focus-visible{box-shadow:0 1px 0 #ffffff2e inset, 0 0 0 3px color-mix(in srgb, var(--blue) 26%, transparent);outline:none}.preview-toggle:disabled{background:var(--wash);color:var(--muted);cursor:not-allowed;box-shadow:inset 0 1px #fff}.preview-symbol{display:block}.preview-symbol--play{border-block:8px solid #0000;border-left:12px solid;width:0;height:0;margin-left:3px}.preview-symbol--pause{border-inline:4px solid;width:13px;height:16px}.preview-main{gap:9px;min-width:0;display:grid}.preview-copy{gap:3px;min-width:0;display:grid}.preview-copy strong,.preview-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-copy strong{color:var(--ink);font:700 14.5px/1.05 var(--display);letter-spacing:0}.preview-copy span{color:var(--muted);font:500 11px/1.1 var(--body);letter-spacing:0}.preview-copy a{color:inherit;text-decoration:none}.preview-copy a:hover,.preview-copy a:focus-visible{color:var(--red)}.preview-copy a:focus-visible{outline:none}.preview-progress{grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:8px;display:grid}.preview-progress span{color:color-mix(in srgb, var(--muted) 84%, transparent);font:600 9.5px/1 var(--utility);font-variant-numeric:tabular-nums;letter-spacing:0}.preview-progress span:last-child{text-align:right}.preview-scrubber{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;margin:0}.preview-scrubber:disabled{cursor:default}.preview-scrubber::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--ink) 0%, var(--ink) var(--progress), var(--line-strong) var(--progress), var(--line-strong) 100%);border-radius:999px;height:4px}.preview-scrubber::-webkit-slider-thumb{appearance:none;border:0;width:0;height:0}.preview-scrubber::-moz-range-track{background:var(--line-strong);border-radius:999px;height:4px}.preview-scrubber::-moz-range-progress{background:var(--ink);border-radius:999px;height:4px}.preview-scrubber::-moz-range-thumb{border:0;width:0;height:0}.preview-scrubber:focus-visible{outline:none}.preview-scrubber:focus-visible::-webkit-slider-runnable-track{box-shadow:0 0 0 4px color-mix(in srgb, var(--blue) 16%, transparent)}.preview-scrubber:focus-visible::-moz-range-track{box-shadow:0 0 0 4px color-mix(in srgb, var(--blue) 16%, transparent)}.preview-audio{clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.spectrum{gap:12px;display:grid}.spectrum-bar{border:1px solid var(--line-strong);background:var(--panel);border-radius:4px;height:30px;display:flex;overflow:hidden}.spectrum-seg{background:var(--seg);cursor:pointer;min-width:4px;height:100%;transition:opacity .12s,filter .12s}.spectrum-seg+.spectrum-seg{box-shadow:inset 1px 0 #ffffff80}.spectrum-seg:hover{filter:brightness(1.07)}.spectrum-legend{grid-template-columns:1fr 1fr;gap:1px 16px;margin:0;padding:0;list-style:none;display:grid}.spectrum-legend button{appearance:none;width:100%;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;padding:4px 2px;transition:opacity .12s,color .12s;display:grid}.spectrum-legend .swatch{background:var(--seg);border-radius:2px;width:9px;height:9px}.spectrum-legend .legend-name{text-overflow:ellipsis;white-space:nowrap;font:600 13px/1.2 var(--display);letter-spacing:-.01em;overflow:hidden}.spectrum-legend small{color:var(--muted);font:600 11px/1 var(--utility);font-variant-numeric:tabular-nums}.spectrum-legend button:hover,.spectrum-legend button.is-active,.spectrum-legend button:focus-visible{color:var(--related);outline:none}.spectrum-legend button:hover small,.spectrum-legend button.is-active small,.spectrum-legend button:focus-visible small{color:var(--related)}.map-shell{grid-template-rows:1fr;align-content:start;min-width:0;height:100svh;display:grid}.map-stage{background-color:var(--field);min-width:0;height:100svh;min-height:0;position:relative}.map{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.map:active{cursor:grabbing}.map-bg{fill:#0000}.map-viewport{transform-box:view-box;transform-origin:0 0;will-change:transform}.selected-links line{stroke:var(--related);stroke-opacity:calc(.18 + var(--link-strength) * .62);stroke-width:calc(1px + var(--link-strength) * 8px)}.node-label{cursor:pointer;outline:none;transition:opacity .15s,transform .15s}.node-label[data-family=rock]{--family-color:var(--fam-rock)}.node-label[data-family=metal]{--family-color:var(--fam-metal)}.node-label[data-family=punk]{--family-color:var(--fam-punk)}.node-label[data-family=pop]{--family-color:var(--fam-pop)}.node-label[data-family=electronic]{--family-color:var(--fam-electronic)}.node-label[data-family=hip-hop]{--family-color:var(--fam-hip-hop)}.node-label[data-family=rnb]{--family-color:var(--fam-rnb)}.node-label[data-family=jazz]{--family-color:var(--fam-jazz)}.node-label[data-family=blues]{--family-color:var(--fam-blues)}.node-label[data-family=country]{--family-color:var(--fam-country)}.node-label[data-family=folk]{--family-color:var(--fam-folk)}.node-label[data-family=classical]{--family-color:var(--fam-classical)}.node-label[data-family=latin]{--family-color:var(--fam-latin)}.node-label[data-family=caribbean]{--family-color:var(--fam-caribbean)}.node-label[data-family=ambient]{--family-color:var(--fam-ambient)}.node-label[data-family=experimental]{--family-color:var(--fam-experimental)}.node-name{fill:color-mix(in srgb, var(--family-color,var(--ink)) 82%, transparent);paint-order:stroke;stroke:var(--field);stroke-width:var(--label-stroke);stroke-linejoin:round;font:600 var(--label-size)/1 var(--utility);pointer-events:visiblePainted;-webkit-user-select:none;user-select:none}.node-label:hover .node-name,.node-label:focus .node-name{fill:var(--red);stroke-width:var(--selected-label-stroke)}.node-label.is-neighbor .node-name{fill:var(--related);font-size:var(--related-label-size);font-weight:700}.map.is-searching .node-label:not(.is-search-match):not(.is-selected){opacity:.34}.node-label.is-search-match .node-name{fill:var(--blue);stroke-width:var(--selected-label-stroke);font-weight:750}.node-label.is-search-active .node-name{fill:var(--red);stroke-width:var(--selected-label-stroke);font-size:var(--selected-label-size);font-weight:800}.node-label.is-selected .node-name{fill:var(--red);stroke:var(--paper);stroke-width:var(--selected-label-stroke);font-size:var(--selected-label-size);font-weight:700}@media (width<=760px){.app{grid-template-rows:1fr;grid-template-columns:1fr;position:relative}.rail{height:auto;box-shadow:none;background:0 0;border-right:0;display:contents}.brand{top:max(10px, env(safe-area-inset-top));z-index:10;border:1px solid color-mix(in srgb, var(--line-strong) 72%, transparent);background:color-mix(in srgb, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:10px 12px;position:fixed;left:10px;right:10px;box-shadow:inset 0 1px #fffc,0 14px 30px -24px #1113167a}.brand h1{font-size:30px;line-height:.86}.brand h1:before{vertical-align:5px;width:7px;height:7px;margin-right:5px}.brand-credit{font-size:8px}.detail{right:10px;bottom:calc(62px + max(10px, env(safe-area-inset-bottom)));z-index:12;border:1px solid color-mix(in srgb, var(--line-strong) 78%, transparent);background:color-mix(in srgb, var(--paper) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-height:0;max-height:min(48svh,430px);padding:16px 16px 18px;display:none;position:fixed;left:10px;overflow:auto;box-shadow:inset 0 1px #ffffffd1,0 -18px 42px -30px #11131694}.app--has-selection .detail{display:block}.detail-head{justify-content:space-between;align-items:flex-start;margin-bottom:12px}.detail-dismiss{appearance:none;border:1px solid color-mix(in srgb, var(--line-strong) 72%, transparent);width:34px;height:34px;color:var(--muted);cursor:pointer;background:#ffffffdb;border-radius:50%;flex:none;place-items:center;display:grid;position:relative;box-shadow:inset 0 1px #ffffffd1}.detail-dismiss:before,.detail-dismiss:after{content:"";background:currentColor;border-radius:999px;width:13px;height:2px;position:absolute}.detail-dismiss:before{transform:rotate(45deg)}.detail-dismiss:after{transform:rotate(-45deg)}.detail-dismiss:hover,.detail-dismiss:focus-visible{color:var(--ink);box-shadow:0 1px 0 #ffffffd1 inset, 0 0 0 3px color-mix(in srgb, var(--blue) 16%, transparent);outline:none}.detail h2{flex:min(280px,100% - 46px);min-width:0;font-size:28px}.detail-block{padding-top:14px}.detail-block+.detail-block{margin-top:16px}.detail p{font-size:13.5px;line-height:1.5}.visualizer{--visualizer-projection-width-ratio:1.9;--visualizer-projection-padding:4;aspect-ratio:auto;width:100%;height:clamp(132px,37.7358vw - 21.1321px,184px);max-height:none;margin-bottom:12px}.preview-player{gap:10px;margin-bottom:16px;padding:8px 0}.preview-toggle{width:40px;height:40px}.spectrum{gap:10px}.spectrum-bar{height:26px}.spectrum-legend{grid-template-columns:1fr;gap:1px}.search-dock{z-index:20;--search-field-height:42px;--search-dock-x:10px;--search-dock-bottom:max(10px, env(safe-area-inset-bottom));padding:10px 10px max(10px, env(safe-area-inset-bottom));border-top:1px solid var(--line-strong);background:color-mix(in srgb, var(--paper) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:fixed;bottom:0;left:0;right:0;box-shadow:inset 0 1px #ffffffd1,0 -16px 36px -30px #1113169e}.search-field{border-radius:14px}.search-results-list{max-height:min(42svh,360px)}.app--has-selection .search-results-list{max-height:min(30svh,260px)}.map-shell{height:100svh;min-height:0;padding-bottom:calc(62px + env(safe-area-inset-bottom))}.map{--map-label-scale:2.6;--map-label-stroke-scale:2.1}.map-stage{height:100%;min-height:0}.map{min-height:0}}@media (width<=560px){.brand{padding:10px 12px}.brand h1{font-size:28px}.detail{padding-inline:18px}}