:root{color-scheme:dark;--bg:#090e16;--ink:#f0f2f3;--muted:#8893a3;--border:#ffffff16;--accent:#e9be7f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,.genre:focus-visible{outline:2px solid #fff;outline-offset:5px}header{height:86px;display:flex;align-items:center;justify-content:space-between;margin:0 4vw;border-bottom:1px solid var(--border);gap:20px}.wordmark{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:14px;font-weight:700;letter-spacing:2px}.wordmark svg{width:27px;height:32px;fill:none;stroke:var(--accent);stroke-width:1.8}.edition{font-size:12px;letter-spacing:1.8px;color:var(--muted)}.quiet{border:0;background:none;color:#a7b1bf;font-size:14px;padding:10px 0;text-decoration:underline;text-underline-offset:5px}main{padding:0 4vw}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:45px 0 30px;gap:25px}.eyebrow{font-size:12px;letter-spacing:2.2px;font-weight:600;color:var(--accent);margin:0 0 15px}h1{font-family:Manrope,sans-serif;font-size:clamp(40px,5vw,72px);letter-spacing:-3.5px;line-height:1.05;margin:0;font-weight:500}.subtitle{color:var(--muted);font-size:16px;margin:17px 0 0}.instruction{display:flex;gap:15px;align-items:center;font-size:14px;color:#c7ced8;padding-bottom:3px}.instruction p{line-height:1.7;margin:0}.instruction p span{color:var(--muted)}.sound-icon{font-size:29px;color:var(--accent);border:1px solid #e9be7f3b;border-radius:50%;width:49px;height:49px;display:grid;place-items:center}#legend{display:flex;flex-wrap:wrap;gap:12px 24px;padding:10px 0 24px;font-size:13px;color:#b2bbca}.legend-item{display:flex;align-items:center;gap:8px}.legend-dot{width:8px;height:8px;border-radius:50%;background:var(--colour)}#viewport{position:relative;height:calc(100vh - 375px);min-height:540px;overflow:hidden;border:1px solid var(--border);border-radius:4px;background:#0b111b;touch-action:none;cursor:grab}#viewport.dragging{cursor:grabbing}#map{display:block;width:100%;height:100%;user-select:none}.canvas-hint{position:absolute;top:19px;left:23px;color:#718095;font-size:11px;letter-spacing:1.7px;pointer-events:none;z-index:1}.canvas-hint span{padding:0 10px}.map-controls{position:absolute;bottom:23px;right:23px;display:flex;align-items:center;gap:2px;border:1px solid #ffffff20;border-radius:7px;padding:4px;background:#101925e8;box-shadow:0 8px 30px #0004}.map-controls button{background:transparent;border:0;width:40px;height:35px;border-radius:4px;font-size:20px}.map-controls button:hover{background:#ffffff10}#fit{font-size:13px}.family-fill{opacity:.16}.time-rule{stroke:#ffffff0c;stroke-dasharray:2 10}.year-label{fill:#66768c;font-size:17px;font-family:'DM Sans',sans-serif;letter-spacing:2px}.family-label{font-size:18px;letter-spacing:3px;opacity:.6}.branch{fill:none;stroke-linecap:round;opacity:.52;transition:opacity .25s,stroke-width .25s}.influence{stroke-dasharray:4 9;opacity:.17}.genre{cursor:pointer;outline:none}.genre .label-bg{fill:#0b111be8;stroke:#ffffff0c;stroke-width:1}.genre text{fill:#c7d0dd;font-size:17px;font-family:'DM Sans',sans-serif;font-weight:500}.genre .node-dot{stroke:#0b111b;stroke-width:3}.genre:hover text,.genre.selected text{fill:#fff}.genre:hover .label-bg,.genre.selected .label-bg{fill:#182333;stroke:var(--colour)}.genre.dim{opacity:.24}.branch.highlight{opacity:1;stroke-width:4}.branch.dim{opacity:.07}.genre.selected .node-dot{stroke:white;stroke-width:2}.root-title{fill:#ebd8b8;font:22px Manrope,sans-serif;letter-spacing:4px}.root-subtitle{fill:#778498;font:15px 'DM Sans',sans-serif;letter-spacing:2px}footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 0 30px;color:#778498;font-size:12px}footer i{display:inline-block;width:1px;height:10px;background:#ffffff25;margin:0 14px}#player{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);width:min(510px,calc(100vw - 32px));background:#101926f5;backdrop-filter:blur(22px);border:1px solid #ffffff26;border-radius:12px;box-shadow:0 15px 80px #0009;padding:25px 28px;z-index:10;overflow:hidden}#player[hidden]{display:none}.player-colour{position:absolute;top:0;left:0;right:0;height:3px;background:var(--colour)}.player-heading{display:flex;align-items:center;justify-content:space-between}.player-heading .eyebrow{color:var(--colour);margin:0;font-size:11px}#close-player,#close-about{border:0;background:none;color:#a9b4c4;font-size:25px;padding:0 3px}h2{font:500 27px Manrope,sans-serif;letter-spacing:-1px;margin:10px 0}#player-date{font-size:13px;color:#b2bdce;margin:0}#player-heritage{font-size:13px;color:#7c8ba1;line-height:1.6;margin:10px 0 18px}.listen-row{display:flex;align-items:center;gap:14px}.listen-row strong{font-size:14px;font-weight:500}.listen-row p{font-size:12px;color:#8291a5;margin:4px 0 0}#play-toggle{border:0;background:var(--colour);border-radius:50%;width:43px;height:43px;color:#0a1019;display:grid;place-items:center;flex-shrink:0}#play-toggle svg{width:23px;height:23px;fill:currentColor}#elapsed{font-size:12px;color:#91a0b3;margin-left:auto;font-variant-numeric:tabular-nums}#progress{height:3px;background:#ffffff12;margin-top:18px;border-radius:3px;overflow:hidden}#progress span{display:block;width:0;height:100%;background:var(--colour)}.sample-note{font-size:12px;line-height:1.5;color:#78889e;margin:12px 0 0}dialog{max-width:640px;width:calc(100vw - 32px);border:1px solid #ffffff25;border-radius:14px;background:#101925;color:#c1ccdb;padding:35px;line-height:1.7}dialog::backdrop{background:#02060cd9;backdrop-filter:blur(8px)}dialog h2{color:#fff;font-size:32px}dialog p{font-size:15px}#close-about{float:right}#source-list{display:grid;gap:6px;font-size:14px}#source-list a{color:#e9be7f;text-underline-offset:4px}@media(max-width:700px){header{height:70px}.edition{display:none}.wordmark{font-size:11px;letter-spacing:1.3px}.intro{padding:30px 0 22px}.instruction{display:none}h1{letter-spacing:-2px}.subtitle{font-size:14px;max-width:270px;line-height:1.6}#legend{gap:10px 16px;font-size:12px}#viewport{height:65vh;min-height:470px}.canvas-hint{font-size:9px;left:16px;letter-spacing:1px}footer{font-size:11px;line-height:1.6}.map-controls{right:15px;bottom:15px}#player{bottom:15px;padding:20px 22px}dialog{padding:26px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}