:root{--bg:#ffffff;--paper:#ffffff;--ink:oklch(15% .007 105);--muted:oklch(44% .018 100);--line:oklch(15% .007 105 / .18);--accent:oklch(78% .15 153);--guitar:#446bcb;--pop:#d3568c;--electronic:#278262;--rap:#ba462e;--folk:#b58c25;--heavy:#73528b;--experimental:#467787;--global:#d26b25;--unverified:#8b8b7e;--font-display:"Archivo Black","Noto Sans TC",sans-serif;--font-body:"Satoshi","Noto Sans TC",sans-serif;--text-xs:clamp(.75rem,.72rem + .13vw,.8125rem);--text-sm:clamp(.875rem,.85rem + .13vw,.9375rem);--text-base:clamp(1rem,.97rem + .13vw,1.0625rem);--text-lg:clamp(1.125rem,1rem + .6vw,1.5rem);--text-xl:clamp(1.5rem,1.1rem + 1.4vw,2.25rem);--text-hero:clamp(2.25rem,1.2rem + 2.7vw,3.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--gutter:clamp(1.25rem,4vw,5rem);--ease:cubic-bezier(.16,1,.3,1) }*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:400 var(--text-base)/1.7 var(--font-body);-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button{background:none;border:0}a,button,input,select{outline-offset:5px}:focus-visible{outline:2px solid var(--ink)}a[href],button{touch-action:manipulation}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.25}p+p{margin-top:var(--space-4)}[hidden]{display:none!important}::selection{background:var(--accent);color:var(--ink)}.skip{position:fixed;left:var(--space-4);top:-100px;z-index:100;background:var(--ink);color:var(--bg);padding:var(--space-3)}.skip:focus{top:var(--space-4)}.header{height:100px;display:flex;justify-content:space-between;align-items:center;padding-inline:var(--gutter);border-bottom:1px solid var(--line);gap:var(--space-8);background:var(--bg);position:relative;z-index:10}.wordmark{font:900 var(--text-lg)/.94 var(--font-display);letter-spacing:-.04em;position:relative;flex-shrink:0}.wordmark span{font:700 var(--text-xs)/1 var(--font-body);letter-spacing:.03em;margin-left:var(--space-2);vertical-align:top;display:inline-block;border:1px solid var(--ink);padding:var(--space-1)}.nav{display:flex;gap:var(--space-8);font-weight:700;font-size:var(--text-sm)}.nav a{position:relative;padding-block:var(--space-3)}.nav a:after{content:"";position:absolute;bottom:var(--space-1);left:0;width:0;height:2px;background:var(--ink);transition:width .2s}.nav a:hover:after{width:100%}.head-actions{display:flex;align-items:center;gap:var(--space-6)}.language{font-size:var(--text-sm);font-weight:700;min-height:44px;white-space:nowrap}.language span{opacity:.4;margin-inline:var(--space-1)}.mylist{font-size:var(--text-sm);font-weight:700;border:1px solid var(--ink);border-radius:40px;padding:var(--space-2) var(--space-4);min-height:44px;white-space:nowrap}.saved-count{display:inline-grid;place-items:center;margin-left:var(--space-2);border-radius:50%;background:var(--ink);color:var(--bg);width:24px;height:24px;font-size:var(--text-xs)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,7rem);padding:var(--space-16) var(--gutter);max-width:1700px;margin-inline:auto;align-items:center}.eyebrow,.kicker{font-size:var(--text-xs);font-weight:700;letter-spacing:.09em;line-height:1.5}.eyebrow{display:flex;align-items:center;gap:var(--space-2)}.live-dot{display:inline-block;width:8px;height:8px;background:var(--ink);border-radius:50%}.hero h1{font-family:var(--font-display);font-size:var(--text-hero);letter-spacing:-.055em;font-weight:900;margin-block:var(--space-6);line-height:1.25}.hero-desc{font-size:var(--text-base);color:var(--muted);max-width:36em;line-height:1.85}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-10);min-height:52px;padding:var(--space-3) var(--space-5);background:var(--ink);color:var(--bg);font-weight:700;font-size:var(--text-sm);border:1px solid var(--ink);transition:background .2s,color .2s}.primary:hover{background:var(--accent);color:var(--ink)}.primary>span:last-child{font-size:var(--text-lg);font-weight:400}.hero .primary{margin-top:var(--space-8)}.hero-stats{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-6);margin-top:var(--space-10);font-size:var(--text-xs);color:var(--muted)}.hero-stats b{font-size:var(--text-lg);color:var(--ink);font-weight:900;margin-right:var(--space-1)}.hero-stats>span:last-child{flex-basis:100%;margin-top:calc(-1 * var(--space-4))}.genome{position:relative;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;padding-top:var(--space-1)}.genome-top,.genome-bottom{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);font-weight:700;letter-spacing:.045em}.genome-top{padding-bottom:var(--space-4);border-bottom:1px solid var(--line)}.genome-bottom{border-top:1px solid var(--line);padding-top:var(--space-3);color:var(--muted)}.dots{display:grid;grid-template-columns:repeat(14,1fr);gap:var(--space-1);padding-block:var(--space-5)}.dot{padding:0;aspect-ratio:1;display:grid;place-items:center;position:relative;min-width:0}.dot:before{content:"";width:68%;height:68%;background:var(--dot);border-radius:50%;transition:transform .25s var(--ease),opacity .2s}.dot:hover:before,.dot:focus-visible:before{transform:scale(1.4)}.dot.dim:before{opacity:.14}.dot:nth-child(4n):before{width:53%;height:53%}.dot:nth-child(7n):before{width:82%;height:82%}.dot-tooltip{position:absolute;pointer-events:none;z-index:3;background:var(--ink);color:var(--paper);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);max-width:280px;display:none;bottom:var(--space-16);left:0}.dot-tooltip.show{display:block}.ticker{background:var(--ink);color:var(--bg);overflow:hidden;display:flex;justify-content:space-around;gap:var(--space-12);white-space:nowrap;padding:var(--space-3) var(--gutter);font-size:var(--text-xs);font-weight:900;letter-spacing:.08em}.ticker span:before{content:"✳";margin-right:var(--space-12);color:var(--accent);font-size:var(--text-base)}.section{padding:var(--space-20) var(--gutter);max-width:1700px;margin-inline:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-12);margin-bottom:var(--space-10)}.kicker{display:block;margin-bottom:var(--space-4);color:var(--muted)}.section-heading h2,.method h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:900;letter-spacing:-.035em;line-height:1.35}.section-heading>p{max-width:31em;color:var(--muted);font-size:var(--text-sm);line-height:1.8}.filter-toolbar{display:flex;gap:var(--space-4);justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.search{display:flex;align-items:center;border-bottom:1.5px solid var(--ink);width:min(100%,560px);height:52px;gap:var(--space-3)}.search>span{font-size:var(--text-xl);line-height:1}.search input{width:100%;background:none;border:0;outline:none;font-size:var(--text-base);min-width:0;padding-block:var(--space-3)}.search input::placeholder{color:var(--muted);opacity:1}.search kbd{font:400 var(--text-xs) var(--font-body);border:1px solid var(--line);padding:0 var(--space-2);margin-right:var(--space-2)}.view-switch{display:flex;border:1px solid var(--line);padding:var(--space-1);flex-shrink:0}.view-switch button{font-size:var(--text-sm);padding:var(--space-2) var(--space-4);min-height:40px}.view-switch button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.family-filters{display:flex;flex-wrap:wrap;gap:var(--space-2)}.family-chip{display:flex;align-items:center;gap:var(--space-2);border:1px solid var(--line);border-radius:30px;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;min-height:44px;transition:background .2s,border-color .2s}.family-chip .swatch{width:9px;height:9px;border-radius:50%;background:var(--family)}.family-chip .count{font-size:var(--text-xs);color:var(--muted);margin-left:var(--space-1)}.family-chip:hover{border-color:var(--ink)}.family-chip.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.family-chip.active .count{color:var(--bg)}.secondary-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--line)}.focus-toggle{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);cursor:pointer;min-height:44px;flex-wrap:wrap}.focus-toggle input{position:absolute;opacity:0;width:40px;height:24px}.toggle-track{width:34px;height:20px;border:1px solid var(--ink);border-radius:20px;position:relative;flex-shrink:0}.toggle-track:after{content:"";position:absolute;left:3px;top:3px;width:12px;height:12px;background:var(--ink);border-radius:50%;transition:transform .2s}.focus-toggle input:checked+.toggle-track{background:var(--accent)}.focus-toggle input:checked+.toggle-track:after{transform:translate(14px)}.focus-toggle input:focus-visible+.toggle-track{outline:2px solid var(--ink);outline-offset:3px}.help-text{font-size:var(--text-xs);color:var(--muted);margin-left:var(--space-2)}.sort-label{font-size:var(--text-xs);display:flex;align-items:center;gap:var(--space-2);white-space:nowrap}.sort-label select{background:none;border:0;border-bottom:1px solid var(--line);padding:var(--space-2);font-size:var(--text-sm);min-height:44px}.results-line{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:var(--muted);margin-block:var(--space-5)}.results-line button{font-size:var(--text-xs);text-decoration:underline;text-underline-offset:4px;min-height:44px}.artist-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-8) var(--space-5)}.artist-card{position:relative;min-width:0;content-visibility:auto;contain-intrinsic-size:auto 390px}.card-image{position:relative;aspect-ratio:1.32;overflow:hidden;background:var(--ink);display:block;width:100%;padding:0;text-align:left}.card-image img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1);transition:transform .5s var(--ease),filter .35s}.artist-card:hover img{transform:scale(1.045);filter:grayscale(0)}.card-image:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000000a;pointer-events:none}.card-number{position:absolute;top:var(--space-3);left:var(--space-3);font-size:var(--text-xs);line-height:1;padding:var(--space-2);background:var(--paper);color:var(--ink);font-weight:700}.card-bookmark{position:absolute;right:var(--space-2);top:var(--space-2);width:44px;height:44px;border-radius:50%;background:var(--paper);color:var(--ink);display:grid;place-items:center;z-index:1;font-size:var(--text-lg);line-height:1;transition:background .2s}.card-bookmark[aria-pressed=true]{background:var(--accent)}.card-text{padding-top:var(--space-4)}.card-family{font-size:var(--text-xs);display:flex;align-items:center;gap:var(--space-2);color:var(--muted);margin-bottom:var(--space-2)}.card-family:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--family);flex-shrink:0}.card-title{font-size:var(--text-lg);font-weight:900;letter-spacing:-.025em;display:inline-block;text-align:left;line-height:1.3;padding:0;overflow-wrap:anywhere}.card-title:hover{text-decoration:underline;text-underline-offset:4px}.card-title .arrow{font-weight:400;margin-left:var(--space-2);display:inline-block;transition:transform .2s}.artist-card:hover .arrow{transform:translate(3px,-3px)}.card-genres{font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-2);line-height:1.65}.card-bio{font-size:var(--text-sm);margin-top:var(--space-3);color:var(--muted);line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.card-status{font-size:var(--text-xs);margin-top:var(--space-2);color:var(--muted)}.list-mode{grid-template-columns:1fr;gap:0}.list-mode .artist-card{display:grid;grid-template-columns:90px 1fr;gap:var(--space-6);border-bottom:1px solid var(--line);padding-block:var(--space-5);contain-intrinsic-size:auto 130px}.list-mode .card-image{aspect-ratio:1}.list-mode .card-number{display:none}.list-mode .card-text{padding:0 var(--space-12) 0 0;display:grid;grid-template-columns:1.25fr 1fr 1.5fr;align-items:center;column-gap:var(--space-6)}.list-mode .card-family{grid-column:1;grid-row:2;margin-bottom:0}.list-mode .card-title{grid-column:1;grid-row:1}.list-mode .card-genres{grid-column:2;grid-row:1/3;margin:0}.list-mode .card-bio{grid-column:3;grid-row:1/3;margin:0}.list-mode .card-bookmark{top:50%;transform:translateY(-50%);background:none;border:1px solid var(--line)}.list-mode .card-bookmark[aria-pressed=true]{background:var(--accent)}.load-more{display:flex;justify-content:space-between;align-items:center;width:100%;border:1px solid var(--ink);padding:var(--space-4) var(--space-6);margin-top:var(--space-10);font-size:var(--text-sm);font-weight:700;transition:background .2s}.load-more:hover{background:var(--ink);color:var(--bg)}.empty{text-align:center;padding:var(--space-20) var(--space-6);border:1px solid var(--line)}.empty>div{font-size:var(--text-hero);line-height:1}.empty h3{font-size:var(--text-lg);margin-block:var(--space-6) var(--space-3)}.empty p{color:var(--muted);font-size:var(--text-sm)}.empty .primary{margin-top:var(--space-6)}.soundmap{border-top:1px solid var(--line)}.map-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:var(--space-10)}.treemap{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:100px;gap:var(--space-2);align-content:start}.map-block{background:var(--family);padding:var(--space-5);display:flex;flex-direction:column;justify-content:space-between;align-items:start;text-align:left;position:relative;overflow:hidden;min-width:0;transition:filter .2s}.map-block:hover{filter:brightness(1.1)}.map-block:after{content:"↗";position:absolute;right:var(--space-4);bottom:var(--space-4);font-size:var(--text-lg)}.map-block span{font-size:var(--text-sm);font-weight:900;max-width:90%}.map-block b{font:900 var(--text-xl)/1 var(--font-display)}.map-block small{font-size:var(--text-xs);font-weight:500}.map-guide{padding:var(--space-6);border:1px solid var(--line)}.map-guide h3{font-size:var(--text-lg);margin-block:var(--space-4)}.map-guide p{font-size:var(--text-sm);color:var(--muted);line-height:1.9}.family-tree{border-top:1px solid var(--line);margin-top:var(--space-5);padding-top:var(--space-3)}.tree-row{display:flex;justify-content:space-between;align-items:center;width:100%;gap:var(--space-3);font-size:var(--text-sm);text-align:left;padding-block:var(--space-2);min-height:44px}.tree-row small{font-size:var(--text-xs);color:var(--muted)}.tree-row:hover{background:var(--paper)}.tree-row span:first-child{display:flex;gap:var(--space-2);align-items:center}.tree-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--family)}.map-guide .method-note{font-size:var(--text-xs);margin-top:var(--space-4)}.overlap-lesson{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:var(--space-10)}.lesson{padding:var(--space-6) var(--space-5);border-right:1px solid var(--line)}.lesson:first-child{padding-left:0}.lesson:last-child{border-right:0}.lesson h3{font-size:var(--text-base);font-weight:900;display:flex;justify-content:space-between;gap:var(--space-3)}.lesson p{font-size:var(--text-sm);color:var(--muted);margin-top:var(--space-3);line-height:1.8}.lesson button{font-size:var(--text-xs);font-weight:700;padding:var(--space-2) 0;margin-top:var(--space-2);text-align:left;min-height:44px}.lesson button:hover{text-decoration:underline}.routes{padding-top:var(--space-8)}.route-card{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--space-10);padding:var(--space-8) 0;border-top:1px solid var(--ink);align-items:center}.route-intro .route-number{font-size:var(--text-xs);color:var(--muted);font-weight:700}.route-intro h3{font-size:var(--text-lg);font-weight:900;margin-block:var(--space-3)}.route-intro p{font-size:var(--text-sm);color:var(--muted);max-width:38em}.route-chain{display:flex;align-items:start;gap:var(--space-3)}.route-artist{flex:1;min-width:0;text-align:left;padding:0;font-weight:700;font-size:var(--text-xs)}.route-artist img{width:100%;aspect-ratio:1;object-fit:cover;filter:grayscale(1);display:block;margin-bottom:var(--space-3);background:var(--line)}.route-artist:hover img{filter:grayscale(0)}.route-artist span{display:block;overflow-wrap:anywhere;line-height:1.5}.chain-arrow{padding-top:var(--space-10);color:var(--muted)}.method{border-top:1px solid var(--line);padding-top:var(--space-12)}.method-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--space-12)}.method-layout p{font-size:var(--text-sm);color:var(--muted);line-height:1.9}.method details{margin-block:var(--space-5);border-block:1px solid var(--line);padding-block:var(--space-4);font-size:var(--text-sm)}.method summary{cursor:pointer;font-weight:700}.method details p{margin-top:var(--space-4)}.method-links{display:flex;flex-wrap:wrap;gap:var(--space-6);font-size:var(--text-xs);font-weight:700}.method-links a{text-decoration:underline;text-underline-offset:4px;min-height:44px;display:flex;align-items:center}footer{background:var(--ink);color:var(--bg);padding:var(--space-12) var(--gutter);display:flex;justify-content:space-between;align-items:end;gap:var(--space-10)}.footer-name{font:900 var(--text-xl)/1.05 var(--font-display);letter-spacing:-.04em}footer>div:nth-child(2){font-size:var(--text-xs);max-width:40em;color:#c5c4bd}footer p+p{margin-top:var(--space-2)}footer>div:nth-child(2)>span{display:block;font-weight:700;letter-spacing:.08em;margin-top:var(--space-5)}footer>a{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--bg);border-radius:50%;flex-shrink:0;font-size:var(--text-lg)}dialog{padding:0;border:0;background:var(--bg);color:var(--ink);width:min(860px,95vw);max-height:94dvh;overflow:auto;overscroll-behavior:contain;box-shadow:0 12px 100px #04030133}dialog::backdrop{background:#040301a6}dialog[open]{animation:dialog-in .25s var(--ease)}@keyframes dialog-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.profile-top{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);background:var(--bg);border-bottom:1px solid var(--line);padding:var(--space-3) var(--space-6)}.profile-top>span{font-size:var(--text-xs);font-weight:700;letter-spacing:.05em}.profile-close{width:44px;height:44px;font-size:var(--text-xl);line-height:1}.profile-top-actions{display:flex;align-items:center;gap:var(--space-2)}.profile-save{font-size:var(--text-sm);font-weight:700;min-height:44px;padding-inline:var(--space-3);border:1px solid var(--line)}.profile-save[aria-pressed=true]{background:var(--accent)}.profile-hero{display:grid;grid-template-columns:1fr 1fr;min-height:260px}.profile-portrait{width:100%;height:100%;min-height:260px;max-height:360px;object-fit:cover;background:var(--line);filter:grayscale(1)}.profile-intro{padding:var(--space-8);display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--line)}.profile-intro h2{font-size:var(--text-xl);font-weight:900;letter-spacing:-.04em;overflow-wrap:anywhere;margin-block:var(--space-3)}.profile-main{font-size:var(--text-base);font-weight:700;line-height:1.5}.profile-parent{font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-3)}.profile-body{padding:var(--space-8)}.profile-section{margin-bottom:var(--space-8)}.profile-section h3{font-size:var(--text-base);font-weight:900;margin-bottom:var(--space-3)}.profile-section p{font-size:var(--text-sm);line-height:1.95;color:var(--muted)}.profile-section a,.source-list a,.profile-note a{font-size:var(--text-xs);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.profile-section p a{color:var(--ink)}.tag-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.tag{font-size:var(--text-xs);border:1px solid var(--line);border-radius:20px;padding:var(--space-1) var(--space-3);line-height:1.8;min-height:32px}.tag-button:hover{background:var(--ink);color:var(--bg)}.profile-listen{background:var(--ink);padding:var(--space-6);color:var(--bg)}.profile-listen p{color:#cecec7}.profile-listen a{color:var(--bg)!important}.release-list{list-style:none;padding:0;margin:0}.release-list li{border-bottom:1px solid var(--line);padding-block:var(--space-3);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);font-size:var(--text-sm)}.release-list li a{white-space:nowrap;font-weight:700}.profile-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.profile-note{border-block:1px solid var(--line);padding-block:var(--space-5);font-size:var(--text-xs);color:var(--muted)}.profile-note b{display:block;color:var(--ink);margin-bottom:var(--space-2)}.source-list{font-size:var(--text-xs);padding-left:var(--space-5);color:var(--muted)}.source-list li{margin-bottom:var(--space-2)}.profile-related{display:flex;gap:var(--space-2);flex-wrap:wrap}.profile-related button{border-bottom:1px solid var(--ink);padding:var(--space-2);font-size:var(--text-sm);min-height:44px}.profile-official{display:flex;justify-content:space-between;font-size:var(--text-sm);font-weight:700;padding-block:var(--space-5);border-top:1px solid var(--line)}.saved-body{padding:var(--space-8)}.saved-body h2{font-size:var(--text-xl);margin-bottom:var(--space-4)}.saved-body p{font-size:var(--text-sm);color:var(--muted)}.saved-items{margin-top:var(--space-6)}.saved-item{display:grid;grid-template-columns:64px 1fr 44px;gap:var(--space-4);align-items:center;border-top:1px solid var(--line);padding-block:var(--space-4)}.saved-item img{width:64px;height:64px;object-fit:cover}.saved-item button{text-align:left;min-height:44px;font-size:var(--text-sm);font-weight:700}.saved-item button:last-child{text-align:center;font-size:var(--text-lg)}.saved-item small{display:block;font-size:var(--text-xs);font-weight:400;color:var(--muted)}.saved-body .primary{margin-top:var(--space-6)}.toast{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%,20px);background:var(--ink);color:var(--bg);font-size:var(--text-sm);font-weight:700;padding:var(--space-3) var(--space-6);opacity:0;pointer-events:none;z-index:30;transition:opacity .2s,transform .2s;max-width:90vw;text-align:center}.toast.visible{opacity:1;transform:translate(-50%)}@media(min-width:1700px){.header,footer{padding-inline:max(var(--gutter),calc((100vw - 1540px)/2))}}@media(max-width:1100px){.header{gap:var(--space-4)}.nav{gap:var(--space-5)}.head-actions{gap:var(--space-3)}.hero{gap:var(--space-10);padding-block:var(--space-12)}.hero-stats{gap:var(--space-4)}.hero-stats>span:last-child{flex-basis:auto;margin:0}.artist-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.help-text{display:none}.map-layout{grid-template-columns:1.4fr 1fr;gap:var(--space-6)}.treemap{grid-auto-rows:90px}.map-block{padding:var(--space-3)}.map-guide{padding:var(--space-5)}.route-card{grid-template-columns:.85fr 1.3fr;gap:var(--space-6)}}@media(max-width:800px){.header{height:84px;flex-wrap:nowrap}.wordmark{font-size:var(--text-base)}.wordmark span,.nav{display:none}.hero{grid-template-columns:1fr;gap:var(--space-10);padding-block:var(--space-10)}.hero h1{max-width:18em;font-size:var(--text-hero)}.hero-desc{max-width:40em}.hero-stats{margin-top:var(--space-6)}.genome{max-width:620px;width:100%;margin-inline:auto}.dots{gap:var(--space-2);padding-block:var(--space-4)}.dot:before{width:65%;height:65%}.genome-top{padding-bottom:var(--space-3)}.ticker{justify-content:start;padding-block:var(--space-3)}.section{padding-block:var(--space-12)}.section-heading{align-items:start;gap:var(--space-4);flex-direction:column;margin-bottom:var(--space-8)}.section-heading>p{max-width:45em}.artist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8) var(--space-4)}.card-image{aspect-ratio:1}.map-layout{grid-template-columns:1fr}.map-guide{display:none}.treemap{grid-auto-rows:90px}.overlap-lesson{grid-template-columns:1fr 1fr}.lesson{border-bottom:1px solid var(--line);padding:var(--space-5)}.lesson:nth-child(2){border-right:0}.lesson:nth-child(3),.lesson:nth-child(4){border-bottom:0}.lesson:first-child,.lesson:nth-child(3){padding-left:0}.route-card{grid-template-columns:1fr;gap:var(--space-6)}.route-chain{gap:var(--space-2)}.route-artist{font-size:var(--text-xs)}.route-artist img{aspect-ratio:1.1}.chain-arrow{padding-top:var(--space-8)}.method-layout{grid-template-columns:1fr;gap:var(--space-6)}footer{align-items:start;flex-wrap:wrap;gap:var(--space-8)}footer>div:nth-child(2){order:3;flex-basis:100%;max-width:unset}.list-mode .card-text{grid-template-columns:1fr}.list-mode .card-family{grid-column:1;grid-row:2}.list-mode .card-genres{grid-column:1;grid-row:3;margin-top:var(--space-2)}.list-mode .card-bio{display:none}.list-mode .artist-card{gap:var(--space-4)}}@media(max-width:480px){.header,.head-actions{gap:var(--space-2)}.mylist{padding-inline:var(--space-3)}.hero h1{font-size:clamp(2.25rem,9vw,3rem);letter-spacing:-.05em}.hero-desc{font-size:var(--text-sm)}.hero .primary{width:100%;margin-top:var(--space-6)}.hero-stats{gap:var(--space-4)}.hero-stats>span:last-child{flex-basis:100%;margin-top:calc(-1 * var(--space-2))}.genome-bottom{letter-spacing:0}.dots{gap:var(--space-1)}.dot{min-height:0}.filter-toolbar{gap:var(--space-3)}.search{gap:var(--space-2);height:48px}.search input{font-size:var(--text-sm)}.search kbd{display:none}.view-switch button{padding-inline:var(--space-3);font-size:var(--text-xs)}.family-filters{gap:var(--space-2)}.family-chip{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.family-chip .count{margin:0}.secondary-toolbar{margin-top:var(--space-4);padding-bottom:var(--space-4)}.sort-label>span{display:none}.focus-toggle{font-size:var(--text-xs)}.card-number{top:var(--space-2);left:var(--space-2);padding:var(--space-1);font-size:var(--text-xs)}.card-bookmark{top:var(--space-1);right:var(--space-1);width:40px;height:40px}.card-title{font-size:var(--text-base)}.card-title .arrow{margin-left:var(--space-1)}.card-text{padding-top:var(--space-3)}.card-genres{margin-top:var(--space-1)}.card-family{font-size:var(--text-xs);margin-bottom:var(--space-2);gap:var(--space-1)}.card-bio{font-size:var(--text-xs);margin-top:var(--space-2);-webkit-line-clamp:3}.treemap{grid-auto-rows:84px;gap:var(--space-1)}.map-block{padding:var(--space-3)}.map-block span{font-size:var(--text-xs)}.map-block b{font-family:var(--font-body);font-size:var(--text-lg)}.map-block small{display:none}.lesson{padding:var(--space-5) var(--space-3)}.lesson h3{font-size:var(--text-sm)}.lesson p{font-size:var(--text-xs)}.route-chain{gap:var(--space-1)}.chain-arrow{padding-top:var(--space-5);font-size:var(--text-xs)}dialog{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;margin:0}.profile-top{padding:var(--space-2) var(--space-4)}.profile-top>span{max-width:45%;font-size:var(--text-xs)}.profile-hero{min-height:0;grid-template-columns:1fr}.profile-portrait{height:210px;min-height:210px}.profile-intro{padding:var(--space-6)}.profile-intro h2{font-size:var(--text-xl)}.profile-body{padding:var(--space-6)}.profile-columns{grid-template-columns:1fr;gap:0}.profile-listen{padding:var(--space-5)}.release-list li{align-items:start}.profile-section p{font-size:var(--text-sm)}.profile-save{font-size:var(--text-xs)}.saved-body{padding:var(--space-6)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.map-block.selected{box-shadow:inset 0 0 0 3px var(--ink)}.map-block.selected:after{content:"✓"}.tree-root{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);padding-block:var(--space-3);border-bottom:1px solid var(--line);flex-wrap:wrap}.tree-root button{margin-left:auto;font-size:var(--text-xs);font-weight:700;min-height:44px}.tree-row.branch{border-left:1px solid var(--line);margin-left:var(--space-2);padding-left:var(--space-5);width:calc(100% - var(--space-2));position:relative}.tree-row.branch:before{content:"";position:absolute;left:0;top:50%;width:12px;border-top:1px solid var(--line)}.map-guide .branch-note{font-size:var(--text-xs);margin-top:var(--space-3)}.toggle-track{pointer-events:none}.route-artist img{height:auto}@media(max-width:800px){.map-guide{display:block}.map-guide>.eyebrow,.map-guide>h3,.map-guide>p:not(.method-note){display:none}.family-tree{margin-top:0;padding-top:0;border-top:0}.map-guide .method-note{display:none}.tree-row{font-size:var(--text-sm)}}:lang(ja){--font-display:"Archivo Black","Noto Sans JP","Noto Sans TC",sans-serif;--font-body:"Satoshi","Noto Sans JP","Noto Sans TC",sans-serif}.language{display:flex;align-items:center}.language a{min-height:44px;display:inline-flex;align-items:center}.language a:not([aria-current=page]){opacity:.45}.treemap{display:flex;gap:4px;min-height:360px}.map-col{display:flex;flex-direction:column;gap:4px;min-width:0}.map-block{min-height:104px;width:100%}.editorial,.machine-note{font-size:var(--text-xs);margin-top:var(--space-3);color:var(--muted)}.related-block{margin-top:var(--space-6)}