.dataviz{--dv-bg: #121c15;--dv-panel: #1b2a20;--dv-forest: #234f30;--dv-paper: #ffffff;--dv-paper-dim: #ffffff;--dv-brand: #597e5d;--dv-brick: #b4482e;--dv-grid: #2c3f31;--dv-series-green: #597e5d;--dv-series-blue: #4a8fd6;--dv-series-gold: #b87f1c;--dv-series-teal: #29a67d;--dv-series-violet: #8860e0;background:var(--dv-bg);color:var(--dv-paper);font-family:ui-sans-serif,system-ui,sans-serif;border-radius:6px;padding:20px clamp(16px,4vw,48px);margin:2rem 0;position:relative;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;height:min(90vh,760px);min-height:420px}.dataviz *,.dataviz *:before,.dataviz *:after{box-sizing:border-box}.dv-controls{display:flex;justify-content:center;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:12px}.dv-control-group{display:flex;flex-direction:column;align-items:center;gap:6px}.dv-controls-hint{margin:0;font-family:ui-monospace,IBM Plex Mono,monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--dv-paper-dim);opacity:.6}.dv-controls-divider{align-self:flex-start;margin-top:28px;color:var(--dv-paper);font-size:15px;font-weight:700}.dv-feature-buttons{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.dv-feature-buttons[hidden]{display:none}.dv-controls-divider{display:flex;align-items:center;color:var(--dv-paper-dim);font-family:ui-monospace,IBM Plex Mono,monospace;font-size:18px;font-weight:700}.dv-controls button{font-family:ui-monospace,IBM Plex Mono,monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;background:transparent;color:var(--dv-paper-dim);border:1px solid var(--dv-grid);border-radius:2px;padding:7px 12px;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.dv-controls button:hover{color:var(--dv-paper);border-color:var(--dv-paper-dim)}.dv-controls button.active{color:var(--dv-bg);background:var(--dv-brand);border-color:var(--dv-brand)}.dataviz[data-component=sample-timeline] .dv-controls button.active,.dataviz[data-component=sample-timeline] .dv-controls button:hover,.dataviz[data-component=audio-feature-multiples] .dv-controls button.active,.dataviz[data-component=audio-feature-multiples] .dv-controls button:hover{background:var(--dv-type-color, var(--dv-brand));border-color:var(--dv-type-color, var(--dv-brand));color:var(--dv-bg)}.dv-panel{position:relative;flex:1 1 auto;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;background:var(--dv-panel);border:1px solid var(--dv-grid);border-radius:3px;padding:8px;overflow:auto}.dv-chart{height:100%;width:auto;max-width:100%;display:block}.dv-chart[hidden]{display:none}.dataviz[data-component=audio-feature-multiples] .dv-chart-combined,.dataviz[data-component=audio-feature-multiples] .dv-small-multiples{transition:opacity .2s ease}.dataviz[data-component=audio-feature-multiples] .dv-chart-combined.dv-view-hiding,.dataviz[data-component=audio-feature-multiples] .dv-small-multiples.dv-view-hiding{opacity:0}.dv-small-multiples{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:12px;width:100%;height:100%}.dv-small-multiples[hidden]{display:none}.dataviz[data-component=audio-feature-multiples]:has(.dv-small-multiples:not([hidden])){height:min(95vh,900px)}.dv-sm-chart{min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.dv-sm-chart .dv-chart{flex:1 1 auto;min-height:0;height:100%;width:auto;max-width:100%}.dv-sm-title{font-family:ui-monospace,IBM Plex Mono,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;text-align:center;color:var(--dv-brand);margin:0 0 6px;flex:0 0 auto}.dv-group-label{font-family:ui-monospace,IBM Plex Mono,monospace;font-size:13px;letter-spacing:.08em;text-transform:uppercase;fill:var(--dv-paper-dim)}.dv-legend{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;font-family:ui-monospace,IBM Plex Mono,monospace;font-size:13px;color:var(--dv-paper-dim);margin:12px 0 4px;flex:0 0 auto}.dv-legend span{display:inline-flex;align-items:center;gap:6px}.dv-swatch{width:9px;height:9px;border-radius:50%;display:inline-block}.dv-swatch.dv-swatch-hollow{background:transparent!important;border:1.5px dashed var(--dv-paper-dim)}.dv-hint-wrap{position:absolute;top:8px;right:8px;z-index:20}.dv-panel:has(.dv-credits:not([hidden])) .dv-hint-wrap{display:none}.dv-hint-toggle{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border-radius:50%;border:1px solid var(--dv-grid);background:var(--dv-panel);color:var(--dv-paper-dim);font-family:ui-monospace,IBM Plex Mono,monospace;font-size:12px;font-weight:700;line-height:1;cursor:pointer;transition:color .15s ease,border-color .15s ease;animation:dv-wobble 4.2s ease-in-out infinite,dv-hint-glow 4.2s ease-in-out infinite}.dv-hint-toggle:hover,.dv-hint-toggle:focus-visible,.dv-hint-wrap.dv-hint-open .dv-hint-toggle{color:var(--dv-paper);border-color:var(--dv-paper-dim)}.dv-hint-toggle.dv-hint-seen{animation:none;box-shadow:none}@keyframes dv-hint-glow{0%,to{box-shadow:0 0 4px #ffffff8c,0 0 12px 3px #597e5dd9}50%{box-shadow:0 0 8px #ffffffd9,0 0 20px 6px #597e5d}}@media(prefers-reduced-motion:reduce){.dv-hint-toggle{animation:none}}.dv-hint-wrap .dv-hint{position:absolute;top:calc(100% + 8px);right:0;width:min(320px,80vw);margin:0;background:var(--dv-panel);border:1px solid var(--dv-grid);border-radius:3px;padding:10px 14px;box-shadow:0 10px 28px #00000080;font-family:ui-monospace,IBM Plex Mono,monospace;font-size:13px;color:var(--dv-paper-dim);text-align:left;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease}.dv-hint-wrap .dv-hint ul{margin:0;padding-left:1.2em;list-style-type:circle}.dv-hint-wrap .dv-hint li{margin:4px 0}.dv-hint-wrap .dv-hint li::marker{color:var(--dv-brand)}.dv-hint-wrap:hover .dv-hint,.dv-hint-wrap:focus-within .dv-hint,.dv-hint-wrap.dv-hint-open .dv-hint{opacity:1;pointer-events:auto;transform:translateY(0)}.dv-tooltip{position:fixed;pointer-events:none;background:#fff;color:#121c15;font-family:ui-monospace,IBM Plex Mono,monospace;font-size:11px;padding:8px 10px;border-radius:2px;line-height:1.6;white-space:normal;width:-moz-max-content;width:max-content;max-width:min(360px,70vw);overflow-wrap:break-word;z-index:30}.dv-tooltip-type{display:inline-block;margin-top:2px;padding:1px 6px;border-radius:2px;text-transform:uppercase;letter-spacing:.04em;font-size:10px;color:#121c15}.dv-tooltip-definition{margin:6px 0 0;padding-top:6px;border-top:1px solid rgba(18,28,21,.15);font-size:10px;line-height:1.5;color:#121c15b3}.dv-hover-info{position:absolute;top:8px;left:8px;bottom:8px;width:min(240px,42%);display:flex;flex-direction:column;background:var(--dv-panel);border:1px solid var(--dv-grid);border-radius:3px;padding:10px 14px;box-shadow:8px 0 24px #00000073;z-index:10}.dv-hover-info-hint{margin:0 0 4px;flex:0 0 auto;font-family:ui-sans-serif,system-ui,sans-serif;font-weight:600;font-size:14px;line-height:1.3;color:var(--dv-paper)}.dv-hover-info-updated{margin:0 0 8px;flex:0 0 auto;font-family:ui-monospace,IBM Plex Mono,monospace;font-size:10px;line-height:1.5;color:var(--dv-paper-dim)}.dv-track-list{flex:1 1 auto;min-height:0;overflow-y:auto}.dv-track-row{display:flex;gap:8px;align-items:baseline;padding:4px 0;border-bottom:1px solid var(--dv-grid);font-family:ui-monospace,IBM Plex Mono,monospace;font-size:11px;line-height:1.5;transition:background-color .15s}.dv-track-row:last-child{border-bottom:none}.dv-track-row.current{background:#597e5d33}.dv-track-num{flex:0 0 auto;color:var(--dv-brand)}.dv-track-slot,.dv-track-row.revealed .dv-track-slot{color:var(--dv-paper-dim)}.dv-track-row.revealed .dv-track-slot b{font-family:ui-sans-serif,system-ui,sans-serif;font-weight:600;color:var(--dv-paper)}.dv-credits{position:absolute;top:8px;right:8px;bottom:8px;width:min(320px,42%);background:var(--dv-panel);border:1px solid var(--dv-grid);border-radius:3px;padding:14px 40px 14px 16px;overflow-y:auto;box-shadow:-8px 0 24px #00000073;z-index:10}.dataviz[data-component=sample-timeline] .dv-credits.dv-credits-left{left:8px;right:auto;box-shadow:8px 0 24px #00000073}@media(max-width:640px){.dataviz[data-component=track-bubbles]{height:auto;min-height:0}.dataviz[data-component=track-bubbles] .dv-hover-info{display:none}.dataviz[data-component=track-bubbles] .dv-panel{flex-direction:column;align-items:stretch;height:auto;overflow:visible}.dataviz[data-component=track-bubbles] .dv-chart{width:100%;height:auto}.dataviz[data-component=track-bubbles] .dv-credits{position:relative;inset:auto;width:100%;margin-top:12px;box-shadow:none}}@media(max-width:640px){.dataviz[data-component=audio-feature-multiples]:has(.dv-small-multiples:not([hidden])){height:auto;min-height:0}.dataviz[data-component=audio-feature-multiples] .dv-panel:has(.dv-small-multiples:not([hidden])){height:auto;overflow:visible}.dataviz[data-component=audio-feature-multiples] .dv-small-multiples{grid-template-columns:1fr;grid-template-rows:none;height:auto}.dataviz[data-component=audio-feature-multiples] .dv-sm-chart{height:260px}}.dv-credits-close{position:absolute;top:8px;right:10px;background:none;border:none;color:var(--dv-paper-dim);font-size:18px;line-height:1;cursor:pointer}.dv-credits-close:hover{color:var(--dv-paper)}.dv-credits-title{font-family:ui-sans-serif,system-ui,sans-serif;font-weight:600;font-size:14px;margin:0 0 2px;color:var(--dv-paper)}.dv-credits-body h4{font-family:ui-monospace,IBM Plex Mono,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--dv-brand);margin:12px 0 4px}.dv-credits-body h4:first-child{margin-top:0}.dv-credits-body ul{list-style:none;margin:0;padding:0;font-size:13px}.dv-credits-body li{padding:2px 0;color:var(--dv-paper)}.dv-credits-body .dv-role-detail{color:var(--dv-paper-dim)}.dv-credits-body li.dv-type-item{padding:6px 8px;margin:4px 0;border-radius:3px;color:var(--dv-bg)}.dv-credits-body li.dv-type-item .dv-role-detail{color:inherit;opacity:.75}.dv-credits-body .dv-empty{color:var(--dv-paper-dim);font-size:13px;font-style:italic}.dv-credits-body .dv-credits-count{margin:0 0 6px;font-family:ui-monospace,IBM Plex Mono,monospace;font-size:11px;color:var(--dv-paper-dim)}.dv-axis path,.dv-axis line{stroke:var(--dv-grid)}.dv-vline{stroke:var(--dv-grid);stroke-dasharray:4 3}.dv-axis text{font-family:ui-monospace,IBM Plex Mono,monospace;font-size:12px;fill:var(--dv-paper-dim)}.dv-axis-label{font-family:ui-monospace,IBM Plex Mono,monospace;font-size:12px;fill:var(--dv-paper-dim)}.dv-decade-gridline{stroke:var(--dv-grid);stroke-width:1}.dv-half-decade-gridline{stroke:var(--dv-grid);stroke-width:1;stroke-dasharray:4 3}.dv-anchor-row rect{fill:#597e5d29}.dv-track-label{font-family:ui-monospace,IBM Plex Mono,monospace;font-size:11px;font-weight:700;fill:var(--dv-grid);transition:fill .2s ease;pointer-events:none}.dv-track-label.dv-track-label-active{fill:var(--dv-paper)}.dataviz[data-component=audio-feature-multiples] .dv-track-label{font-size:7.2px}.dataviz[data-component=audio-feature-multiples] .dv-axis text{font-size:7.8px}.dataviz[data-component=audio-feature-multiples] .dv-sm-chart .dv-track-label{font-size:12px}.dataviz[data-component=audio-feature-multiples] .dv-sm-chart .dv-axis text{font-size:13px}.dv-chart-bg-rect{pointer-events:all}.dv-stem{fill:none;stroke-width:1.25px}.dv-node{stroke:var(--dv-bg);stroke-width:1px;cursor:pointer}.dv-node-nodata{fill:none;stroke:var(--dv-paper-dim);stroke-width:1.5px;stroke-dasharray:2.5 2;pointer-events:all}.dataviz[data-component=sample-timeline] .dv-stem,.dataviz[data-component=sample-timeline] .dv-node{transition:opacity .2s ease,filter .2s ease}.dataviz[data-component=sample-timeline] .dv-dim{opacity:.15}.dataviz[data-component=sample-timeline] .dv-node.dv-glow{stroke:var(--dv-paper);filter:drop-shadow(0 0 4px var(--dv-paper)) drop-shadow(0 0 9px var(--dv-brand))}.dataviz[data-component=sample-timeline] .dv-node-active{stroke:var(--dv-paper);stroke-width:2.5px;filter:drop-shadow(0 0 6px var(--dv-paper)) drop-shadow(0 0 18px var(--dv-brand))}.dataviz[data-component=sample-timeline] .dv-track-lineage{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.dataviz[data-component=sample-timeline] .dv-track-lineage.dv-lineage-hover .dv-node,.dataviz[data-component=sample-timeline] .dv-track-lineage.dv-lineage-focus .dv-node{stroke:var(--dv-paper);filter:drop-shadow(0 0 4px var(--dv-paper)) drop-shadow(0 0 9px var(--dv-brand))}.dataviz[data-component=sample-timeline] .dv-track-lineage.dv-lineage-hover .dv-stem,.dataviz[data-component=sample-timeline] .dv-track-lineage.dv-lineage-focus .dv-stem{stroke-opacity:1;filter:drop-shadow(0 0 3px rgba(255,255,255,.55))}.dataviz[data-component=sample-timeline] .dv-lineage-blurred,.dataviz[data-component=sample-timeline] .dv-track-label.dv-lineage-blurred{filter:blur(4px);opacity:.5;transition:filter .3s ease,opacity .3s ease}.dataviz[data-component=sample-timeline] .dv-chart{overflow:visible}.dataviz[data-component=audio-feature-multiples] .dv-line,.dataviz[data-component=audio-feature-multiples] .dv-point{transition:opacity .25s ease,filter .25s ease,stroke .25s ease,stroke-width .25s ease}.dataviz[data-component=audio-feature-multiples] .dv-dim{opacity:.5;filter:blur(1px)}.dataviz[data-component=audio-feature-multiples] .dv-line.dv-glow{stroke-width:3.5px;filter:drop-shadow(0 0 2px var(--dv-brand)) drop-shadow(0 0 8px var(--dv-paper))}.dataviz[data-component=audio-feature-multiples] .dv-point.dv-glow{stroke:var(--dv-paper);stroke-width:1.5px;filter:drop-shadow(0 0 2px var(--dv-brand)) drop-shadow(0 0 6px var(--dv-paper))}@keyframes dv-wobble{0%,to{transform:scale(1) translate(0)}20%{transform:scale(1.05) translate(.8px,-.6px)}45%{transform:scale(.96) translate(-.7px,.5px)}70%{transform:scale(1.03) translate(.5px,.7px)}90%{transform:scale(.98) translate(-.4px,-.3px)}}.dataviz[data-component=track-bubbles] .dv-node{transform-box:fill-box;transform-origin:center;animation-name:dv-wobble;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media(prefers-reduced-motion:reduce){.dataviz[data-component=track-bubbles] .dv-node{animation:none}}.dataviz[data-component=track-bubbles] .dv-node-revealed{stroke:var(--dv-paper);filter:drop-shadow(0 0 4px var(--dv-brand)) drop-shadow(0 0 9px var(--dv-brand));transition:filter .25s ease,stroke .25s ease}.dataviz[data-component=track-bubbles] .dv-node-revealed:hover{filter:drop-shadow(0 0 6px var(--dv-paper)) drop-shadow(0 0 14px var(--dv-brand))}.dataviz[data-component=track-bubbles] .dv-node-active{stroke:var(--dv-paper);stroke-width:2.5px;filter:drop-shadow(0 0 6px var(--dv-paper)) drop-shadow(0 0 18px var(--dv-brand))}.dv-error{font-family:ui-monospace,IBM Plex Mono,monospace;font-size:12px;color:var(--dv-brick)}