:root{--bg:#fff;--paper:#fff;--ink:oklch(15% .007 105);--muted:oklch(44% .018 100);--line:oklch(15% .007 105/.18);--accent:oklch(78% .15 153);--guitar:#1088ca;--pop:#da92aa;--electronic:#31b3a4;--rap:#dc304a;--folk:#f2e25f;--heavy:#a0434d;--experimental:#7db1d5;--global:#ea7335;--unverified:#b2b1a5;--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{background:var(--bg);color:var(--ink);font:400 var(--text-base)/1.7 var(--font-body);-webkit-font-smoothing:antialiased;margin:0}body:has(dialog[open]){overflow:hidden}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:0 0;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{left:var(--space-4);z-index:100;background:var(--ink);color:var(--bg);padding:var(--space-3);position:fixed;top:-100px}.skip:focus{top:var(--space-4)}.header{height:100px;padding-inline:var(--gutter);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:var(--space-8);background:var(--bg);z-index:10;display:flex;position:relative}.wordmark{font:900 var(--text-lg)/.94 var(--font-display);letter-spacing:-.04em;flex-shrink:0;position:relative}.wordmark span{font:700 var(--text-xs)/1 var(--font-body);letter-spacing:.03em;margin-left:var(--space-2);vertical-align:top;border:1px solid var(--ink);padding:var(--space-1);display:inline-block}.nav{gap:var(--space-8);font-weight:700;font-size:var(--text-sm);display:flex}.nav a{padding-block:var(--space-3);position:relative}.nav a:after{content:"";bottom:var(--space-1);background:var(--ink);width:0;height:2px;transition:width .2s;position:absolute;left:0}.nav a:hover:after{width:100%}.head-actions{align-items:center;gap:var(--space-6);display:flex}.language{font-size:var(--text-sm);white-space:nowrap;min-height:44px;font-weight:700}.language span{opacity:.4;margin-inline:var(--space-1)}.mylist{font-size:var(--text-sm);border:1px solid var(--ink);padding:var(--space-2) var(--space-4);white-space:nowrap;border-radius:40px;min-height:44px;font-weight:700}.saved-count{margin-left:var(--space-2);background:var(--ink);color:var(--bg);width:24px;height:24px;font-size:var(--text-xs);border-radius:50%;place-items:center;display:inline-grid}.hero{padding:var(--space-16) var(--gutter);grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,6vw,7rem);max-width:1700px;margin-inline:auto;display:grid}.eyebrow,.kicker{font-size:var(--text-xs);letter-spacing:.09em;font-weight:700;line-height:1.5}.eyebrow{align-items:center;gap:var(--space-2);display:flex}.live-dot{background:var(--ink);border-radius:50%;width:8px;height:8px;display:inline-block}.hero h1{font-family:var(--font-display);font-size:var(--text-hero);letter-spacing:-.055em;margin-block:var(--space-6);font-weight:900;line-height:1.25}.hero-desc{font-size:var(--text-base);color:var(--muted);max-width:36em;line-height:1.85}.primary{justify-content:space-between;align-items:center;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;display:inline-flex}.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{align-items:center;gap:var(--space-6);margin-top:var(--space-10);font-size:var(--text-xs);color:var(--muted);flex-wrap:wrap;display:flex}.hero-stats b{font-size:var(--text-lg);color:var(--ink);margin-right:var(--space-1);font-weight:900}.hero-stats>span:last-child{margin-top:calc(-1 * var(--space-4));flex-basis:100%}.genome{min-width:0;padding-top:var(--space-1);flex-direction:column;justify-content:space-between;align-self:stretch;display:flex;position:relative}.genome-top,.genome-bottom{font-size:var(--text-xs);letter-spacing:.045em;justify-content:space-between;align-items:center;font-weight:700;display:flex}.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{gap:var(--space-1);padding-block:var(--space-5);grid-template-columns:repeat(14,1fr);display:grid}.dot{aspect-ratio:1;place-items:center;min-width:0;padding:0;display:grid;position:relative}.dot:before{content:"";background:var(--dot);width:68%;height:68%;transition:transform .25s var(--ease),opacity .2s;border-radius:50%}.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{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;bottom:var(--space-16);display:none;position:absolute;left:0}.dot-tooltip.show{display:block}.ticker{background:var(--ink);color:var(--bg);justify-content:space-around;gap:var(--space-12);white-space:nowrap;padding:var(--space-3) var(--gutter);font-size:var(--text-xs);letter-spacing:.08em;font-weight:900;display:flex;overflow:hidden}.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{justify-content:space-between;align-items:end;gap:var(--space-12);margin-bottom:var(--space-10);display:flex}.kicker{margin-bottom:var(--space-4);color:var(--muted);display:block}.section-heading h2,.method h2{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.035em;font-weight:900;line-height:1.35}.section-heading>p{max-width:31em;color:var(--muted);font-size:var(--text-sm);line-height:1.8}.filter-toolbar{gap:var(--space-4);margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.search{border-bottom:1.5px solid var(--ink);align-items:center;gap:var(--space-3);width:min(100%,560px);height:52px;display:flex}.search>span{font-size:var(--text-xl);line-height:1}.search input{width:100%;font-size:var(--text-base);min-width:0;padding-block:var(--space-3);background:0 0;border:0;outline:none}.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{border:1px solid var(--line);padding:var(--space-1);flex-shrink:0;display:flex}.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{gap:var(--space-2);flex-wrap:wrap;display:flex}.family-chip{align-items:center;gap:var(--space-2);border:1px solid var(--line);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);border-radius:30px;min-height:44px;font-weight:500;transition:background .2s,border-color .2s;display:flex}.family-chip .swatch{background:var(--family);border-radius:50%;width:9px;height:9px}.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{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);display:flex}.focus-toggle{align-items:center;gap:var(--space-2);font-size:var(--text-sm);cursor:pointer;flex-wrap:wrap;min-height:44px;display:flex}.focus-toggle input{opacity:0;width:40px;height:24px;position:absolute}.toggle-track{border:1px solid var(--ink);border-radius:20px;flex-shrink:0;width:34px;height:20px;position:relative}.toggle-track:after{content:"";background:var(--ink);border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:3px;left:3px}.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);align-items:center;gap:var(--space-2);white-space:nowrap;display:flex}.sort-label select{border:0;border-bottom:1px solid var(--line);padding:var(--space-2);font-size:var(--text-sm);background:0 0;min-height:44px}.results-line{font-size:var(--text-xs);color:var(--muted);margin-block:var(--space-5);justify-content:space-between;align-items:center;display:flex}.results-line button{font-size:var(--text-xs);text-underline-offset:4px;min-height:44px;text-decoration:underline}.artist-grid{gap:var(--space-8) var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.artist-card{content-visibility:auto;contain-intrinsic-size:auto 390px;min-width:0;position:relative}.card-image{aspect-ratio:1.32;background:var(--ink);text-align:left;width:100%;padding:0;display:block;position:relative;overflow:hidden}.card-image img{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:transform .5s var(--ease),filter .35s;display:block}.artist-card:hover img{filter:grayscale(0);transform:scale(1.045)}.card-image:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px oklch(0% 0 0/.04)}.card-number{top:var(--space-3);left:var(--space-3);font-size:var(--text-xs);padding:var(--space-2);background:var(--paper);color:var(--ink);font-weight:700;line-height:1;position:absolute}.card-bookmark{right:var(--space-2);top:var(--space-2);background:var(--paper);width:44px;height:44px;color:var(--ink);z-index:1;font-size:var(--text-lg);border-radius:50%;place-items:center;line-height:1;transition:background .2s;display:grid;position:absolute}.card-bookmark[aria-pressed=true]{background:var(--accent)}.card-text{padding-top:var(--space-4)}.card-family{font-size:var(--text-xs);align-items:center;gap:var(--space-2);color:var(--muted);margin-bottom:var(--space-2);display:flex}.card-family:before{content:"";background:var(--family);border-radius:50%;flex-shrink:0;width:8px;height:8px}.card-title{font-size:var(--text-lg);letter-spacing:-.025em;text-align:left;overflow-wrap:anywhere;padding:0;font-weight:900;line-height:1.3;display:inline-block}.card-title:hover{text-underline-offset:4px;text-decoration:underline}.card-title .arrow{margin-left:var(--space-2);font-weight:400;transition:transform .2s;display:inline-block}.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);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.8;display:-webkit-box;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{gap:var(--space-6);border-bottom:1px solid var(--line);padding-block:var(--space-5);contain-intrinsic-size:auto 130px;grid-template-columns:90px 1fr;display:grid}.list-mode .card-image{aspect-ratio:1}.list-mode .card-number{display:none}.list-mode .card-text{padding:0 var(--space-12) 0 0;align-items:center;column-gap:var(--space-6);grid-template-columns:1.25fr 1fr 1.5fr;display:grid}.list-mode .card-family{grid-area:2/1;margin-bottom:0}.list-mode .card-title{grid-area:1/1}.list-mode .card-genres{grid-area:1/2/3;margin:0}.list-mode .card-bio{grid-area:1/3/3;margin:0}.list-mode .card-bookmark{border:1px solid var(--line);background:0 0;top:50%;transform:translateY(-50%)}.list-mode .card-bookmark[aria-pressed=true]{background:var(--accent)}.load-more{border:1px solid var(--ink);width:100%;padding:var(--space-4) var(--space-6);margin-top:var(--space-10);font-size:var(--text-sm);justify-content:space-between;align-items:center;font-weight:700;transition:background .2s;display:flex}.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{gap:var(--space-10);grid-template-columns:1.65fr 1fr;display:grid}.treemap{gap:var(--space-2);grid-template-columns:repeat(12,1fr);grid-auto-rows:100px;align-content:start;display:grid}.map-block{background:var(--family);padding:var(--space-5);text-align:left;flex-direction:column;justify-content:space-between;align-items:start;min-width:0;transition:filter .2s;display:flex;position:relative;overflow:hidden}.map-block:hover{filter:brightness(1.1)}.map-block:after{content:"↗";right:var(--space-4);bottom:var(--space-4);font-size:var(--text-lg);position:absolute}.map-block span{font-size:var(--text-sm);max-width:90%;font-weight:900}.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{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;font-size:var(--text-sm);text-align:left;padding-block:var(--space-2);min-height:44px;display:flex}.tree-row small{font-size:var(--text-xs);color:var(--muted)}.tree-row:hover{background:var(--paper)}.tree-row span:first-child{gap:var(--space-2);align-items:center;display:flex}.tree-dot{background:var(--family);border-radius:50%;width:8px;height:8px;display:inline-block}.map-guide .method-note{font-size:var(--text-xs);margin-top:var(--space-4)}.overlap-lesson{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:var(--space-10);grid-template-columns:repeat(4,1fr);display:grid}.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);justify-content:space-between;gap:var(--space-3);font-weight:900;display:flex}.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);padding:var(--space-2) 0;margin-top:var(--space-2);text-align:left;min-height:44px;font-weight:700}.lesson button:hover{text-decoration:underline}.routes{padding-top:var(--space-8)}.route-card{gap:var(--space-10);padding:var(--space-8) 0;border-top:1px solid var(--ink);grid-template-columns:1fr 1.5fr;align-items:center;display:grid}.route-intro .route-number{font-size:var(--text-xs);color:var(--muted);font-weight:700}.route-intro h3{font-size:var(--text-lg);margin-block:var(--space-3);font-weight:900}.route-intro p{font-size:var(--text-sm);color:var(--muted);max-width:38em}.route-chain{align-items:start;gap:var(--space-3);display:flex}.route-artist{text-align:left;min-width:0;font-weight:700;font-size:var(--text-xs);flex:1;padding:0}.route-artist img{aspect-ratio:1;object-fit:cover;filter:grayscale();width:100%;margin-bottom:var(--space-3);background:var(--line);display:block}.route-artist:hover img{filter:grayscale(0)}.route-artist span{overflow-wrap:anywhere;line-height:1.5;display:block}.chain-arrow{padding-top:var(--space-10);color:var(--muted)}.method{border-top:1px solid var(--line);padding-top:var(--space-12)}.method-layout{gap:var(--space-12);grid-template-columns:1fr 1.5fr;display:grid}.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{gap:var(--space-6);font-size:var(--text-xs);flex-wrap:wrap;font-weight:700;display:flex}.method-links a{text-underline-offset:4px;align-items:center;min-height:44px;text-decoration:underline;display:flex}footer{background:var(--ink);color:var(--bg);padding:var(--space-12) var(--gutter);justify-content:space-between;align-items:end;gap:var(--space-10);display:flex}.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);color:oklch(82% .01 105);max-width:40em}footer p+p{margin-top:var(--space-2)}footer>div:nth-child(2)>span{letter-spacing:.08em;margin-top:var(--space-5);font-weight:700;display:block}footer>a{border:1px solid var(--bg);width:44px;height:44px;font-size:var(--text-lg);border-radius:50%;flex-shrink:0;place-items:center;display:grid}dialog{background:var(--bg);color:var(--ink);overscroll-behavior:contain;border:0;width:min(860px,95vw);max-height:94dvh;padding:0;overflow:auto;box-shadow:0 12px 100px oklch(10% .01 105/.2)}dialog::backdrop{background:oklch(10% .01 105/.65)}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{z-index:2;justify-content:space-between;align-items:center;gap:var(--space-4);background:var(--bg);border-bottom:1px solid var(--line);padding:var(--space-3) var(--space-6);display:flex;position:sticky;top:0}.profile-top>span{font-size:var(--text-xs);letter-spacing:.05em;font-weight:700}.profile-close{width:44px;height:44px;font-size:var(--text-xl);line-height:1}.profile-top-actions{align-items:center;gap:var(--space-2);display:flex}.profile-save{font-size:var(--text-sm);min-height:44px;padding-inline:var(--space-3);border:1px solid var(--line);font-weight:700}.profile-save[aria-pressed=true]{background:var(--accent)}.profile-hero{grid-template-columns:1fr 1fr;min-height:260px;display:grid}.profile-portrait{object-fit:cover;background:var(--line);filter:grayscale();width:100%;height:100%;min-height:260px;max-height:360px}.profile-intro{padding:var(--space-8);border-bottom:1px solid var(--line);flex-direction:column;justify-content:center;display:flex}.profile-intro h2{font-size:var(--text-xl);letter-spacing:-.04em;overflow-wrap:anywhere;margin-block:var(--space-3);font-weight:900}.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);margin-bottom:var(--space-3);font-weight:900}.profile-section p{font-size:var(--text-sm);color:var(--muted);line-height:1.95}.profile-section a,.source-list a,.profile-note a{font-size:var(--text-xs);text-underline-offset:3px;overflow-wrap:anywhere;text-decoration:underline}.profile-section p a{color:var(--ink)}.tag-row{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.tag{font-size:var(--text-xs);border:1px solid var(--line);padding:var(--space-1) var(--space-3);border-radius:20px;min-height:32px;line-height:1.8}.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:oklch(85% .01 105)}.profile-listen a{color:var(--bg)!important}.release-list{margin:0;padding:0;list-style:none}.release-list li{border-bottom:1px solid var(--line);padding-block:var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-4);font-size:var(--text-sm);display:flex}.release-list li a{white-space:nowrap;font-weight:700}.profile-columns{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.profile-note{border-block:1px solid var(--line);padding-block:var(--space-5);font-size:var(--text-xs);color:var(--muted)}.profile-note b{color:var(--ink);margin-bottom:var(--space-2);display:block}.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{gap:var(--space-2);flex-wrap:wrap;display:flex}.profile-related button{border-bottom:1px solid var(--ink);padding:var(--space-2);font-size:var(--text-sm);min-height:44px}.profile-official{font-size:var(--text-sm);padding-block:var(--space-5);border-top:1px solid var(--line);justify-content:space-between;font-weight:700;display:flex}.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{gap:var(--space-4);border-top:1px solid var(--line);padding-block:var(--space-4);grid-template-columns:64px 1fr 44px;align-items:center;display:grid}.saved-item img{object-fit:cover;width:64px;height:64px}.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{font-size:var(--text-xs);color:var(--muted);font-weight:400;display:block}.saved-body .primary{margin-top:var(--space-6)}.toast{bottom:var(--space-6);background:var(--ink);color:var(--bg);font-size:var(--text-sm);padding:var(--space-3) var(--space-6);opacity:0;pointer-events:none;z-index:30;text-align:center;max-width:90vw;font-weight:700;transition:opacity .2s,transform .2s;position:fixed;left:50%;transform:translate(-50%,20px)}.toast.visible{opacity:1;transform:translate(-50%)}@media (width>=1700px){.header,footer{padding-inline:max(var(--gutter),calc((100vw - 1540px)/2))}}@media (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{gap:var(--space-6);grid-template-columns:1.4fr 1fr}.treemap{grid-auto-rows:90px}.map-block{padding:var(--space-3)}.map-guide{padding:var(--space-5)}.route-card{gap:var(--space-6);grid-template-columns:.85fr 1.3fr}}@media (width<=800px){.header{flex-wrap:nowrap;height:84px}.wordmark{font-size:var(--text-base)}.wordmark span{margin-left:.3rem;padding:2px 3px;font-size:.65rem;display:inline-block}.nav{display:none}.hero{gap:var(--space-10);padding-block:var(--space-10);grid-template-columns:1fr}.hero h1{max-width:18em;font-size:var(--text-hero)}.hero-desc{max-width:40em}.hero-stats{margin-top:var(--space-6)}.genome{width:100%;max-width:620px;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{padding-block:var(--space-3);justify-content:start}.section{padding-block:var(--space-12)}.section-heading{align-items:start;gap:var(--space-4);margin-bottom:var(--space-8);flex-direction:column}.section-heading>p{max-width:45em}.artist-grid{gap:var(--space-8) var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.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{gap:var(--space-6);grid-template-columns:1fr}.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{gap:var(--space-6);grid-template-columns:1fr}footer{align-items:start;gap:var(--space-8);flex-wrap:wrap}footer>div:nth-child(2){max-width:unset;flex-basis:100%;order:3}.list-mode .card-text{grid-template-columns:1fr}.list-mode .card-family{grid-area:2/1}.list-mode .card-genres{margin-top:var(--space-2);grid-area:3/1}.list-mode .card-bio{display:none}.list-mode .artist-card{gap:var(--space-4)}}@media (width<=480px){.header,.head-actions{gap:var(--space-2)}.mylist{padding-inline:var(--space-3)}.hero h1{letter-spacing:-.05em;font-size:clamp(2.25rem,9vw,3rem)}.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{margin-top:calc(-1 * var(--space-2));flex-basis:100%}.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{gap:var(--space-1);grid-auto-rows:84px}.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;height:100dvh;max-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{grid-template-columns:1fr;min-height:0}.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{transition:none!important;animation:none!important}}.map-block.selected{box-shadow:inset 0 0 0 3px var(--ink)}.map-block.selected:after{content:"✓"}.tree-root{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;display:flex}.tree-root button{font-size:var(--text-xs);min-height:44px;margin-left:auto;font-weight:700}.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:"";border-top:1px solid var(--line);width:12px;position:absolute;top:50%;left:0}.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 (width<=800px){.map-guide{display:block}.map-guide>.eyebrow,.map-guide>h3,.map-guide>p:not(.method-note){display:none}.family-tree{border-top:0;margin-top:0;padding-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{align-items:center;display:flex}.language a{align-items:center;min-height:44px;display:inline-flex}.language a:not([aria-current=page]){opacity:.45}.treemap{gap:4px;min-height:360px;display:flex}.map-col{flex-direction:column;gap:4px;min-width:0;display:flex}.map-block{width:100%;min-height:104px}.editorial,.machine-note{font-size:var(--text-xs);margin-top:var(--space-3);color:var(--muted)}.related-block{margin-top:var(--space-6)}.listen-links{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.listen-links a{width:2rem;height:2rem;color:inherit;place-items:center;display:grid}.listen-links svg{width:1.05rem;height:1.05rem;display:block}#print-list{display:none}@media print{@page{margin:16mm}body>:not(#print-list){display:none!important}#print-list{color:#171714;background:#fff;display:block!important}#print-list h1{font-family:var(--font-display);letter-spacing:-.04em;margin:8px 0 10px;font-size:28pt;font-weight:900;line-height:1.15}.print-kicker{letter-spacing:.08em;margin:0;font-size:9pt;font-weight:700}.print-meta{color:#555;margin:0 0 22px;font-size:10pt}#print-list table{border-collapse:collapse;width:100%;font-size:10.5pt;line-height:1.45}#print-list th{letter-spacing:.06em;text-transform:uppercase;text-align:left;border-bottom:1.5px solid #171714;padding:0 16px 8px 0;font-size:8pt;font-weight:700}#print-list td{vertical-align:top;text-align:left;border-bottom:1px solid #ddd;padding:9px 16px 9px 0}#print-list tr{break-inside:avoid}.print-family{align-items:center;gap:6px;display:inline-flex}.print-family:before{content:"";background:var(--family);border-radius:50%;flex-shrink:0;width:7px;height:7px}}.dot.bill-rest:before{width:46%;height:46%}.dot.bill-mid:before{width:68%;height:68%}.dot.bill-lead:before{width:92%;height:92%}