:root{--bg-body: #0a0a0a;--bg-body-grid: rgba(255,255,255,.03);--bg-container: #111111;--bg-surface: #161616;--bg-input: #2a2a2a;--bg-input-focus: #2e2e2e;--bg-card: rgba(255,255,255,.04);--bg-card-hover: rgba(255,255,255,.08);--border-subtle: rgba(255,255,255,.06);--border-dim: rgba(255,255,255,.08);--border-default: rgba(255,255,255,.1);--border-medium: rgba(255,255,255,.15);--border-strong: rgba(255,255,255,.2);--text-primary: #ffffff;--text-secondary: rgba(255,255,255,.85);--text-muted: rgba(255,255,255,.5);--text-faint: rgba(255,255,255,.3);--text-placeholder: rgba(255,255,255,.3);--accent: #c17f3e;--accent-hover: #e8a055;--accent-dim: rgba(193,127,62,.1);--accent-low: rgba(193,127,62,.12);--accent-mid: rgba(193,127,62,.2);--accent-high: rgba(193,127,62,.3);--accent-border: rgba(193,127,62,.25);--accent-border-active: rgba(193,127,62,.5);--shadow-body: rgba(0,0,0,.6);--shadow-card: rgba(0,0,0,.4);--bg-back-btn: #1a1510;--bg-back-btn-hover: #261b0e;--graph-label-stroke: rgba(0,0,0,.75);--graph-center-stroke: rgba(0,0,0,.7);--node-stroke: rgba(255,255,255,.15);--graph-selected-ring: var(--accent-hover);--graph-selected-keyline: #fbf4e8;--graph-selected-label: #fbf4e8}[data-theme=light]{--bg-body: #f0ece6;--bg-body-grid: rgba(0,0,0,.04);--bg-container: #e8e2da;--bg-surface: #ddd8d0;--bg-input: #ffffff;--bg-input-focus: #ffffff;--bg-card: rgba(0,0,0,.04);--bg-card-hover: rgba(0,0,0,.07);--border-subtle: rgba(0,0,0,.07);--border-dim: rgba(0,0,0,.09);--border-default: rgba(0,0,0,.12);--border-medium: rgba(0,0,0,.16);--border-strong: rgba(0,0,0,.22);--text-primary: #1a1610;--text-secondary: rgba(26,22,16,.85);--text-muted: rgba(26,22,16,.55);--text-faint: rgba(26,22,16,.38);--text-placeholder: rgba(26,22,16,.35);--shadow-body: rgba(0,0,0,.18);--shadow-card: rgba(0,0,0,.12);--bg-back-btn: #f5ede0;--bg-back-btn-hover: #eeddc8;--graph-label-stroke: rgba(240,236,230,.85);--graph-center-stroke: rgba(240,236,230,.8);--node-stroke: rgba(0,0,0,.15);--graph-selected-ring: var(--accent-hover);--graph-selected-keyline: #2a2118;--graph-selected-label: #2a2118}body,#graph-container,.filter-panel,.autocomplete-results,.track-item,.filter-toggle-btn,.mode-toggle-container,.discover-btn,.similar-artists-card,.similar-artists-pill,#trackPanel,#globalYouTubePlayer,.search-box,.tooltip,.back-btn,.graph-mobile-hint,.expand-arrow:after{transition-property:background-color,border-color,color,box-shadow;transition-duration:.25s;transition-timing-function:ease}.crate-trigger{position:fixed;top:16px;right:16px;z-index:6100;display:inline-flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:4px;width:36px;height:36px;padding:0 7px 0 5px;background:var(--bg-container);border:1px solid var(--accent-high);border-radius:12px;cursor:pointer;box-shadow:0 6px 20px var(--shadow-card);transition:border-color .3s ease,background .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}.crate-trigger:hover,.crate-trigger:focus-visible{border-color:var(--accent-border-active);background:var(--accent-dim);transform:scale(1.06);outline:none}.crate-trigger:focus-visible{box-shadow:0 0 0 2px var(--accent-hover)}.crate-bar{height:2px;border-radius:2px;background:var(--text-muted);transition:width .28s cubic-bezier(.34,1.56,.64,1),background .28s ease}.crate-bar:nth-child(1){width:20px}.crate-bar:nth-child(2){width:14px}.crate-bar:nth-child(3){width:9px}.crate-trigger:hover .crate-bar,.crate-trigger:focus-visible .crate-bar{width:20px;background:var(--accent)}body.split-view .crate-trigger{display:none}.site-menu-backdrop{position:fixed;inset:0;z-index:6000;background:color-mix(in srgb,var(--bg-body) 60%,transparent);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.site-menu-backdrop.is-open{opacity:1;visibility:visible}.site-menu-panel{position:fixed;top:0;right:0;z-index:6200;display:flex;flex-direction:column;width:min(320px,88vw);height:100%;padding:22px 22px 28px;background:var(--bg-container);border-left:1px solid var(--accent-high);box-shadow:-20px 0 60px var(--shadow-body);transform:translate(100%);transition:transform .32s cubic-bezier(.22,1,.36,1);overflow-y:auto}.site-menu-panel.is-open{transform:translate(0)}.site-menu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.site-menu-eyebrow{font-family:Archivo Black,sans-serif;font-size:13px;letter-spacing:.12em;color:var(--text-primary)}.site-menu-eyebrow .accent{color:var(--accent)}.site-menu-close{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--border-default);border-radius:9px;background:transparent;color:var(--text-muted);cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}.site-menu-close:hover,.site-menu-close:focus-visible{color:var(--accent);border-color:var(--accent-border-active);background:var(--accent-dim);outline:none}.site-menu-links{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.site-menu-link{display:flex;align-items:center;gap:12px;padding:12px;border-radius:11px;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:background .18s ease,color .18s ease}.site-menu-link:hover,.site-menu-link:focus-visible{background:var(--bg-card-hover);color:var(--text-primary);outline:none}.site-menu-link .link-icon{display:inline-flex;color:var(--accent);flex-shrink:0}.site-menu-link .link-icon svg{width:18px;height:18px}.site-menu-link .link-label{flex:1}.site-menu-divider{height:1px;margin:20px 0 16px;background:var(--border-dim);border:none}.site-menu-section-label{padding:0 12px 10px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.theme-segment{display:flex;gap:4px;padding:4px;background:var(--bg-container);border:1px solid var(--accent-high);border-radius:16px}.theme-segment-option{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:1;padding:9px 8px;border:2px solid transparent;border-radius:12px;background:transparent;color:var(--text-muted);font-size:14px;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.theme-segment-option svg{width:15px;height:15px;stroke:currentColor;flex-shrink:0}.theme-segment-option:not(.is-active):hover{color:var(--text-secondary);background:var(--bg-card-hover)}.theme-segment-option.is-active{background:var(--accent);color:#fff}.theme-segment-option:focus-visible{outline:2px solid var(--accent-hover);outline-offset:1px}.site-menu-foot{margin-top:auto;padding-top:22px;font-size:11px;color:var(--text-faint)}@media(max-width:768px){.crate-trigger{width:32px;height:32px;border-radius:10px;padding:0 6px 0 4px}}@media(prefers-reduced-motion:reduce){.site-menu-panel,.site-menu-backdrop,.crate-trigger,.crate-bar,.link-arrow{transition:none}}body{margin:0;background:var(--bg-body);background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--bg-body-grid) 2px,var(--bg-body-grid) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,var(--bg-body-grid) 2px,var(--bg-body-grid) 4px);color:var(--text-primary);font-family:Inter,sans-serif;line-height:1.6;min-height:100vh}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 50%,rgba(193,127,62,.07) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(193,127,62,.04) 0%,transparent 50%);pointer-events:none;z-index:0}.terms-wrap{position:relative;z-index:1;max-width:680px;margin:0 auto;padding:72px 24px 96px}.terms-back{display:inline-flex;align-items:center;gap:7px;color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:500;margin-bottom:40px}.terms-back:hover{color:var(--accent)}.terms-panel{background:var(--bg-container);border:1px solid var(--accent-border);border-radius:20px;padding:40px 40px 44px;box-shadow:0 8px 48px var(--shadow-body),0 0 0 1px var(--border-subtle) inset}.terms-eyebrow{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 10px}.terms-title{font-family:Archivo Black,sans-serif;font-size:clamp(2rem,6vw,2.75rem);margin:0 0 8px}.terms-meta{color:var(--text-faint);font-size:13px;margin:0 0 44px}.terms-wrap h2{display:flex;align-items:baseline;gap:12px;font-size:1.2rem;margin:44px 0 12px;color:var(--text-primary)}.terms-wrap h2 .num{font-family:Archivo Black,sans-serif;font-size:.85rem;color:var(--accent);letter-spacing:.04em;flex-shrink:0}.terms-wrap p{color:var(--text-secondary);margin:0 0 14px}.terms-wrap ul{color:var(--text-secondary);margin:0 0 14px;padding-left:22px}.terms-wrap li{margin-bottom:5px}.terms-wrap a{color:var(--accent)}.terms-panel>:first-child{margin-top:0}@media(max-width:600px){.terms-wrap{padding:56px 16px 72px}.terms-panel{padding:28px 22px 32px;border-radius:16px}}