@font-face{font-family:EB Garamond;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/eb-garamond-500.woff2) format("woff2")}@font-face{font-family:EB Garamond;font-style:italic;font-weight:500;font-display:swap;src:url(/fonts/eb-garamond-500-italic.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-400.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-600.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400.woff2) format("woff2")}:root{--display:"EB Garamond",Georgia,serif;--sans:"IBM Plex Sans",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;--pad:clamp(1.15rem,5vw,4rem);--strip-h:3rem;--row-y:1rem;--ease:cubic-bezier(.22,.75,.24,1)}html[data-theme=dark]{--bg:#0b0e14;--bg-deep:#080a0f;--surface:#12161f;--surface2:#1a1f2b;--line:#1e2531;--hair:#171d27;--text:#eceae4;--muted:#8b93a3;--faint:#565e6c;--ink:#d5dae3;--ink-soft:rgba(213,218,227,.08);--violet:#9b7ed0;--gold:#d9ae55;--blue:#6f9be0;--teal:#4fa8a0;--rust:#c97a4e;--rose:#d4738f;--green:#63a473;--neutral:#6f7889;--shadow:0 26px 70px -26px rgba(0,0,0,.85);--grain:rgba(255,255,255,.013);color-scheme:dark}html[data-theme=light]{--bg:#f7f5ef;--bg-deep:#eeeae0;--surface:#fffefc;--surface2:#f0ece3;--line:#ddd8cc;--hair:#e8e4da;--text:#14171d;--muted:#666e7b;--faint:#a2a9b4;--ink:#1b1f26;--ink-soft:rgba(27,31,38,.06);--violet:#6b4ca8;--gold:#8a6413;--blue:#2f5490;--teal:#1f6f6a;--rust:#9a4e22;--rose:#a33a5b;--green:#3b7449;--neutral:#7b8290;--shadow:0 22px 50px -28px rgba(30,35,45,.5);--grain:rgba(0,0,0,.018);color-scheme:light}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation-duration:.001ms!important;transition-duration:.001ms!important}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}*{box-sizing:border-box}[hidden]{display:none!important}html{font-size:16px}html[data-textsize=large]{font-size:17.5px}html[data-textsize=xlarge]{font-size:19px}html[data-density=compact]{--row-y:.62rem}body{margin:0;background:var(--bg);background-image:radial-gradient(var(--grain) 1px,transparent 1px);background-size:3px 3px;color:var(--text);font-family:var(--sans);font-size:.94rem;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color .4s var(--ease),color .4s var(--ease)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:none}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:3px}.progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:60;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,var(--violet),var(--gold),var(--rust),var(--rose),var(--teal),var(--green));opacity:.55;pointer-events:none}.strip{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:var(--strip-h);padding:.45rem var(--pad);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:border-color .3s var(--ease)}body.scrolled .strip{border-bottom-color:var(--line)}.wordmark{display:inline-flex;align-items:center;gap:.7em}.emblem{width:30px;height:30px;flex:0 0 auto;background:var(--text);-webkit-mask:url(/brand/mark.png) center/contain no-repeat;mask:url(/brand/mark.png) center/contain no-repeat}.wm-text{display:grid;line-height:1.2}.wm-text b{font-family:var(--mono);font-size:.6rem;font-weight:400;letter-spacing:.26em;text-transform:uppercase}.wm-text i{font-family:var(--display);font-style:italic;font-size:.75rem;color:var(--faint)}.ghostbtn{display:inline-flex;align-items:center;gap:.5em;padding:.35rem .1rem;font-family:var(--mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid transparent;transition:color .2s,border-color .2s}.ghostbtn:hover{color:var(--text);border-bottom-color:var(--text)}.dial{width:10px;height:10px;border:1.5px solid currentColor;border-radius:50%;position:relative}.dial:after{content:"";position:absolute;inset:2.5px;border-radius:50%;background:currentColor}.hero{position:relative;padding:clamp(2.4rem,7vw,4.5rem) var(--pad) 1.6rem;overflow:hidden}.hero:before{content:"";position:absolute;left:-20%;right:-20%;top:38%;height:44px;background:repeating-linear-gradient(to bottom,var(--line) 0 1px,transparent 1px 11px);-webkit-mask-image:linear-gradient(to right,transparent,#000 30%,#000 60%,transparent);mask-image:linear-gradient(to right,transparent,#000 30%,#000 60%,transparent);animation:drift 90s linear infinite;pointer-events:none}@keyframes drift{0%{transform:translate(-6%)}50%{transform:translate(6%)}to{transform:translate(-6%)}}.hero-in{position:relative}.hero h1{font-family:var(--display);font-weight:500;letter-spacing:-.018em;font-size:clamp(3rem,10vw,6rem);line-height:.92;margin:0}.hero h1 em{font-style:italic;color:var(--muted)}.hero h1 span{display:inline-block;opacity:0;transform:translateY(.35em);animation:lift .9s var(--ease) forwards}.hero h1 span:nth-child(2){animation-delay:.09s}@keyframes lift{to{opacity:1;transform:none}}.ledger{margin-top:1.1rem;font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;color:var(--faint);opacity:0;animation:fade .8s .4s var(--ease) forwards;display:flex;flex-wrap:wrap;align-items:baseline}.ledger span:not(:first-child):before{content:"·";margin:0 .7em;color:var(--faint)}@keyframes fade{to{opacity:1}}.ledger b{color:var(--muted);font-weight:400}.spectrum{display:flex;gap:2px;height:7px;margin:1.4rem 0 0;max-width:44rem}.spectrum button{position:relative;height:100%;padding:0;border-radius:99px;background:var(--sc);opacity:.55;width:0;min-width:26px;transition:width .7s var(--ease),opacity .28s var(--ease),transform .28s var(--ease);transform-origin:50% 100%}.spectrum button:after{content:"";position:absolute;inset:-17px 0}.spectrum button:focus-visible{opacity:1;transform:scaleY(1.85)}.spectrum button[aria-pressed=true]{opacity:1;transform:scaleY(1.85)}@media (hover:hover) and (pointer:fine){.spectrum button:hover{opacity:1;transform:scaleY(1.85)}}.speclabel{margin-top:.55rem;height:1rem;font-family:var(--mono);font-size:.6rem;letter-spacing:.13em;text-transform:uppercase;color:var(--faint);opacity:0;transition:opacity .22s var(--ease)}.speclabel[data-show=true]{opacity:1}.tabwrap{position:sticky;top:var(--strip-h);z-index:45;padding:0 var(--pad);margin-bottom:1.4rem;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.tabs{display:flex;gap:1.7rem;overflow-x:auto;scrollbar-width:none;position:relative}.tabs::-webkit-scrollbar{display:none}.tab{position:relative;padding:.7rem 0 .8rem;white-space:nowrap;font-family:var(--display);font-size:1.14rem;color:var(--faint);display:inline-flex;align-items:baseline;gap:.45rem;transition:color .25s var(--ease)}.tab:hover{color:var(--muted)}.tab[aria-selected=true]{color:var(--text)}.tab .n{font-family:var(--mono);font-size:.6rem;color:var(--faint)}.slider{position:absolute;bottom:-1px;height:2px;background:var(--text);transition:transform .42s var(--ease),width .42s var(--ease);will-change:transform,width}.bar{padding:0 var(--pad);display:grid;grid-template-columns:1fr auto;align-items:center;gap:1.2rem;margin-bottom:.3rem}.searchwrap{position:relative;max-width:34rem}.searchwrap input{width:100%;background:none;border:0;border-bottom:1px solid var(--line);color:var(--text);padding:.55rem 2.6rem .55rem 0;font-family:var(--display);font-size:1.12rem;transition:border-color .25s var(--ease)}.searchwrap input::placeholder{color:var(--faint);font-style:italic}.searchwrap input:focus{outline:none;border-bottom-color:var(--text)}.slash{position:absolute;right:0;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:.62rem;color:var(--faint);border:1px solid var(--line);border-radius:4px;padding:.05rem .35rem;pointer-events:none;transition:opacity .2s}.searchwrap input:focus~.slash{opacity:0}.filterbtn{display:inline-flex;align-items:center;gap:.55em;font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding:.4rem 0;border-bottom:1px solid var(--line);transition:color .2s,border-color .2s}.filterbtn:hover{color:var(--text);border-bottom-color:var(--text)}.filterbtn .chev{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translate(-1px,-1px);transition:transform .32s var(--ease)}.filterbtn[aria-expanded=true] .chev{transform:rotate(225deg) translate(-1px,-1px)}.badge{min-width:15px;padding:0 .3rem;border-radius:99px;background:var(--ink);color:var(--bg);font-size:.56rem;line-height:15px;text-align:center}.panelwrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .38s var(--ease)}.panelwrap[data-open=true]{grid-template-rows:1fr}.panelinner{overflow:hidden}.filters{padding:1.2rem var(--pad) .4rem;display:grid;gap:.75rem}.frow{display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem .1rem}.flabel{font-family:var(--mono);font-size:.56rem;letter-spacing:.22em;text-transform:uppercase;color:var(--faint);flex:0 0 5.5rem}.chip{display:inline-flex;align-items:center;gap:.42rem;padding:.26rem .6rem;border-radius:4px;border:1px solid transparent;font-size:.79rem;color:var(--muted);transition:color .18s,background .18s,border-color .18s}.chip:hover{color:var(--text);background:var(--ink-soft)}.dot{width:6px;height:6px;border-radius:1px;background:var(--sc,var(--neutral));flex:0 0 auto}.chip[aria-pressed=true]{color:var(--text);border-color:color-mix(in srgb,var(--sc,var(--ink)) 55%,transparent);background:color-mix(in srgb,var(--sc,var(--ink)) 12%,transparent)}.meta{padding:.8rem var(--pad);margin-top:.9rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1rem;font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}#count{transition:opacity .2s}#count.swap{opacity:0}.views{display:flex;gap:.9rem}.views button{font-family:var(--mono);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--faint);padding-bottom:2px;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}.views button[aria-pressed=true]{color:var(--text);border-bottom-color:var(--text)}.clearall{font-size:.72rem;color:var(--muted);text-transform:none;letter-spacing:0;font-family:var(--sans);border-bottom:1px solid var(--line)}.clearall:hover{color:var(--text);border-bottom-color:var(--text)}main{padding:0 var(--pad) 6rem}@media (min-width:1700px){body{max-width:1700px;margin-inline:auto;border-inline:1px solid var(--line)}}.results{display:grid}.results[data-view=cards]{grid-template-columns:repeat(auto-fill,minmax(266px,1fr));gap:1rem;padding-top:1.3rem}.gh{display:flex;align-items:baseline;gap:.8rem;padding:1.9rem 0 .55rem;font-family:var(--mono);font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}.gh:after{content:"";flex:1;height:1px;background:var(--hair)}.gh .ghn{color:var(--faint);letter-spacing:.08em}.gh[data-first=true]{padding-top:1rem}.results[data-view=cards] .gh{grid-column:1/-1}.piece{--sc:var(--neutral);--mx:50%;position:relative;cursor:pointer;border-bottom:1px solid var(--hair);transition:background .25s var(--ease),opacity .5s var(--ease),transform .5s var(--ease)}.piece.reveal{opacity:0;transform:translateY(10px)}.piece.reveal.in{opacity:1;transform:none}@media (hover:hover) and (pointer:fine){.results[data-view=list] .piece:hover{background:radial-gradient(38rem 6rem at var(--mx) 50%,color-mix(in srgb,var(--sc) 13%,transparent),transparent 70%)}}.piece:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:30%;background:var(--sc);border-radius:2px;transition:height .3s var(--ease),width .3s var(--ease),box-shadow .3s var(--ease)}@media (hover:hover) and (pointer:fine){.piece:hover:before{height:80%;width:3px;box-shadow:0 0 14px -1px var(--sc)}}.pno{font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;color:var(--faint)}.voicing{font-family:var(--mono);font-size:.62rem;letter-spacing:.13em;color:var(--sc);text-transform:uppercase}.ptitle{font-family:var(--display);font-weight:500}.psub{font-family:var(--mono);font-size:.61rem;letter-spacing:.06em;color:var(--faint)}.pcomposer{font-family:var(--display);font-style:italic;color:var(--muted)}.aud{display:inline-flex;gap:.5rem;align-items:center}.aud a{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:var(--faint);transition:color .2s,background .2s}@media (hover:hover) and (pointer:fine){.aud a:hover{color:var(--text);background:var(--ink-soft)}.piece:hover .aud a{color:var(--muted)}}.tri{width:0;height:0;border-left:7px solid currentColor;border-top:4.5px solid transparent;border-bottom:4.5px solid transparent}.ring{width:9px;height:9px;border:1.5px solid currentColor;border-radius:50%;position:relative}.ring:after{content:"";position:absolute;inset:2.5px;border-radius:50%;background:currentColor}.scorelink{font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);white-space:nowrap;display:inline-flex;align-items:center;gap:.45em;border-bottom:1px solid var(--line);padding-bottom:2px;transition:color .2s,border-color .2s}.scorelink .arw{transition:transform .24s var(--ease)}.scorelink:hover{color:var(--text);border-bottom-color:var(--text)}.scorelink:hover .arw{transform:translate(3px)}.results[data-view=list] .piece{display:grid;grid-template-columns:40px 88px 1fr auto auto auto;gap:1.1rem;align-items:center;padding:var(--row-y) .1rem var(--row-y) 1.15rem}.results[data-view=list] .pbody{grid-column:3;min-width:0}.results[data-view=list] .ptitle{font-size:1.26rem;line-height:1.16;text-wrap:balance}.results[data-view=list] .psub{margin-top:.18rem}.results[data-view=list] .pcomposer{font-size:.95rem;text-align:right;white-space:nowrap}.results[data-view=list] .parr{display:none}@media (max-width:700px){.results[data-view=list] .piece{grid-template-columns:1fr auto auto;gap:.22rem .7rem;padding-left:1rem}.results[data-view=list] .pno{display:none}.results[data-view=list] .voicing{grid-column:1;grid-row:1}.results[data-view=list] .pbody{grid-column:1;grid-row:2}.results[data-view=list] .pcomposer{grid-column:1;grid-row:3;text-align:left;white-space:normal;font-size:.9rem}.results[data-view=list] .aud{grid-column:2;grid-row:1/span 3;align-self:center}.results[data-view=list] .scorelink{grid-column:3;grid-row:1/span 3;align-self:center}}.results[data-view=cards] .piece{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;gap:.5rem .7rem;min-height:210px;padding:1.05rem 1.1rem .8rem 1.35rem;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.results[data-view=cards] .piece:before{top:0;transform:none;height:100%;width:2px;border-radius:9px 0 0 9px}.results[data-view=cards] .piece{transform-style:preserve-3d}@media (hover:hover) and (pointer:fine){.results[data-view=cards] .piece:hover{border-color:color-mix(in srgb,var(--sc) 45%,var(--line));box-shadow:var(--shadow);transform:perspective(700px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-3px)}}.results[data-view=cards] .piece{transition:background .2s,border-color .2s,box-shadow .3s var(--ease),transform .3s var(--ease)}.results[data-view=cards] .piece:after{content:"";position:absolute;left:1.35rem;right:1.1rem;bottom:1.85rem;height:1px;background:var(--hair)}.results[data-view=cards] .voicing{grid-area:1/1;align-self:baseline}.results[data-view=cards] .pcomposer{grid-area:1/2;align-self:baseline;font-size:.84rem;text-align:right;line-height:1.28}.results[data-view=cards] .pbody{grid-area:2/1/3/3;display:flex;flex-direction:column;justify-content:flex-end;min-width:0}.results[data-view=cards] .ptitle{font-size:1.4rem;line-height:1.13;text-align:center;padding:.5rem 0 .55rem;border-bottom:1px solid var(--line);text-wrap:balance}.results[data-view=cards] .psub{text-align:center;padding-top:.55rem;display:grid;gap:.2rem}.results[data-view=cards] .pno{grid-area:3/1;align-self:center;padding-top:.6rem;white-space:nowrap}.results[data-view=cards] .pno:before{content:"No. "}.results[data-view=cards] .aud{grid-area:3/2;align-self:center;padding-top:.6rem}.results[data-view=cards] .scorelink{display:none}@keyframes slideIn{0%{opacity:0;transform:translate(var(--dir,0))}to{opacity:1;transform:none}}.results.shift{animation:slideIn .42s var(--ease)}.odo{display:inline-flex;overflow:hidden;height:1em;vertical-align:-.08em}.odo span{display:block;animation:roll .42s var(--ease)}@keyframes roll{0%{transform:translateY(-.9em);opacity:0}to{transform:none;opacity:1}}.empty{padding:5rem 1.5rem;text-align:center}.empty .mark{position:relative;animation:breathe 4s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.35}50%{opacity:.65}}.empty .mark{width:44px;height:26px;margin:0 auto 1.4rem;opacity:.5;background:repeating-linear-gradient(to bottom,var(--faint) 0 1px,transparent 1px 6px)}.empty p{margin:0 0 .4rem;font-family:var(--display);font-style:italic;font-size:1.4rem}.empty .hint{font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;color:var(--faint);margin-bottom:1.3rem}.scrim{position:fixed;inset:0;background:#04060a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .32s var(--ease);z-index:60}.scrim[data-open=true]{opacity:1;pointer-events:auto}.sheet{position:fixed;top:0;right:0;height:100%;width:min(430px,100%);z-index:70;background:var(--surface);border-left:1px solid var(--line);transform:translate(100%);transition:transform .42s var(--ease);display:flex;flex-direction:column;box-shadow:var(--shadow)}.sheet[data-open=true]{transform:none}.shead{padding:1.7rem 1.7rem 1.3rem;border-bottom:1px solid var(--line);position:relative;overflow:hidden;background:linear-gradient(to bottom,var(--surface2),transparent)}.shead:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(26rem 12rem at 12% -20%,color-mix(in srgb,var(--sc,var(--neutral)) 32%,transparent),transparent 70%);transition:opacity .55s var(--ease)}.sheet[data-open=true] .shead:before{opacity:1}.shead>*{position:relative}.shead .kicker{font-family:var(--mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase}.shead h2{font-family:var(--display);font-weight:500;font-size:2rem;line-height:1.08;margin:.5rem 0 .3rem;text-wrap:balance}.shead .sub{font-family:var(--display);font-style:italic;color:var(--muted)}.x{position:absolute;z-index:3;top:.7rem;right:.7rem;font-family:var(--mono);font-size:.68rem;color:var(--faint);padding:.6rem .7rem;border-radius:5px}.x:hover{color:var(--text);background:var(--surface2)}.sbody{padding:1.35rem 1.7rem;overflow-y:auto;flex:1}.dl{display:grid;grid-template-columns:auto 1fr;gap:.55rem 1.1rem;font-size:.86rem}.dl dt{font-family:var(--mono);font-size:.57rem;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);padding-top:.22rem}.dl dd{margin:0}.sheet[data-open=true] .dl>*{animation:fade .4s var(--ease) backwards}.pill{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--line);border-radius:4px;padding:.26rem .65rem;font-family:var(--mono);font-size:.58rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:1.1rem}.pill .pip{width:6px;height:6px;border-radius:50%;background:var(--faint)}.pill[data-active=true]{color:var(--text);border-color:var(--muted)}.pill[data-active=true] .pip{background:var(--text)}.sfoot{padding:1.1rem 1.7rem 1.5rem;border-top:1px solid var(--line);display:grid;gap:.5rem}.btn{display:flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid var(--line);border-radius:9px;padding:.8rem 1rem;font-size:.87rem;font-weight:500;transition:border-color .2s,background .2s,filter .2s}.btn.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost:hover{border-color:var(--text);background:var(--ink-soft)}.note{font-family:var(--mono);font-size:.57rem;letter-spacing:.08em;color:var(--faint);text-align:center}.setgrp{padding-bottom:1.3rem;margin-bottom:1.3rem;border-bottom:1px solid var(--hair)}.setgrp:last-child{border:0;margin:0}.setgrp h3{font-family:var(--mono);font-size:.57rem;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);font-weight:400;margin:0 0 .6rem}.seg{display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden;position:relative}.seg button{flex:1;padding:.55rem .4rem;font-size:.79rem;color:var(--muted);position:relative;z-index:1;transition:color .25s var(--ease)}.seg button[aria-checked=true]{color:var(--bg)}.seg .knob{position:absolute;top:0;bottom:0;background:var(--ink);border-radius:4px;transition:transform .34s var(--ease),width .34s var(--ease);z-index:0}.sethint{margin:.5rem 0 0;font-size:.78rem;color:var(--faint);line-height:1.45}footer{padding:2.4rem var(--pad) 3rem;border-top:1px solid var(--line);font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;color:var(--faint);display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.8rem}.crest{width:58px;height:auto;flex:0 0 auto;opacity:.95}html[data-theme=dark] .crest{opacity:.85}.foot-lines{display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;flex:1;justify-content:space-between}@media (max-width:640px){footer{gap:.9rem}.crest{width:46px}.foot-lines{flex-direction:column;gap:.35rem}}html[data-theme=dark]{--brand-gold:#e0a92e;--brand-green:#3f9c52}html[data-theme=light]{--brand-gold:#b07a12;--brand-green:#0f7a28}.egg-wrap{flex:0 0 100%}.egg{font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);padding:.5rem 0;border-bottom:1px dashed var(--line);transition:color .2s,border-color .2s,letter-spacing .3s var(--ease)}.egg:hover,.egg[aria-expanded=true]{color:var(--text);border-bottom-color:var(--text);letter-spacing:.2em}.egg-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}.egg-panel[data-open=true]{grid-template-rows:1fr}@media (hover:hover) and (pointer:fine){.egg-wrap:hover .egg-panel,.egg-wrap:focus-within .egg-panel{grid-template-rows:1fr}}.egg-inner{overflow:hidden}.creators{position:relative;display:flex;flex-wrap:wrap;gap:1.5rem;padding:1.5rem 0 .5rem}.creator{--tone:var(--muted);position:relative;margin:0;width:min(330px,100%);display:grid;grid-template-columns:96px 1fr;gap:.9rem;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.85rem .9rem;box-shadow:var(--shadow);opacity:0;transform:translateY(18px) scale(.96);transition:opacity .5s var(--ease),transform .55s var(--ease),border-color .3s var(--ease)}.creator[data-tone=gold]{--tone:var(--brand-gold)}.creator[data-tone=green]{--tone:var(--brand-green)}.egg-panel[data-open=true] .creator{opacity:1;transform:translateY(0) rotate(-2.2deg) scale(1)}.egg-panel[data-open=true] .creator:nth-of-type(2){transform:translateY(0) rotate(2.4deg) scale(1);transition-delay:.09s}@media (hover:hover) and (pointer:fine){.egg-wrap:hover .creator,.egg-wrap:focus-within .creator{opacity:1;transform:translateY(0) rotate(-2.2deg) scale(1)}.egg-wrap:hover .creator:nth-of-type(2),.egg-wrap:focus-within .creator:nth-of-type(2){transform:translateY(0) rotate(2.4deg) scale(1);transition-delay:.09s}.creator:hover{transform:translateY(-5px) rotate(0) scale(1.02)!important;border-color:color-mix(in srgb,var(--tone) 55%,var(--line))}}.tape{position:absolute;top:-9px;left:2.2rem;width:62px;height:18px;transform:rotate(-3deg);border-radius:2px;background:linear-gradient(105deg,transparent,color-mix(in srgb,var(--text) 22%,transparent) 22%,color-mix(in srgb,var(--text) 12%,transparent) 78%,transparent)}.creator img{display:block;width:96px;height:96px;object-fit:cover;border-radius:9px;border:2px solid var(--tone)}.creator figcaption{min-width:0}.crow{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}.cname{font-family:var(--display);font-size:1.18rem;color:var(--text)}.cpart{font-family:var(--mono);font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;color:var(--tone);border:1px solid color-mix(in srgb,var(--tone) 45%,transparent);border-radius:99px;padding:.15rem .5rem;white-space:nowrap}.creator blockquote{margin:.35rem 0 0;font-family:var(--display);font-style:italic;font-size:.9rem;line-height:1.35;color:var(--muted);text-wrap:pretty}.creator blockquote:before{content:"“"}.creator blockquote:after{content:"”"}.spark{position:absolute;width:11px;height:11px;opacity:0;background:var(--brand-gold);clip-path:polygon(50% 0,57% 43%,100% 50%,57% 57%,50% 100%,43% 57%,0 50%,43% 43%)}.spark.s2{background:var(--brand-green);width:8px;height:8px}.spark.s3{width:7px;height:7px}.s1{top:.45rem;left:20.8rem}.s2{top:4.6rem;left:22.4rem}.s3{top:1.9rem;left:43rem}.egg-panel[data-open=true] .spark{animation:twinkle 1.4s var(--ease) forwards}@media (hover:hover) and (pointer:fine){.egg-wrap:hover .spark,.egg-wrap:focus-within .spark{animation:twinkle 1.4s var(--ease) forwards}}.spark.s2{animation-delay:.18s}.spark.s3{animation-delay:.34s}@keyframes twinkle{0%{opacity:0;transform:scale(.3) rotate(-40deg)}45%{opacity:1;transform:scale(1.25) rotate(10deg)}to{opacity:.75;transform:scale(1) rotate(0)}}@media (max-width:640px){.creators{gap:1rem;padding-top:1.2rem}.creator{width:100%;grid-template-columns:82px 1fr}.creator img{width:82px;height:82px}.cname{font-size:1.08rem}.creator blockquote{font-size:.86rem}.spark{display:none}}@media (any-hover:none),(any-pointer:coarse){.aud a{color:var(--muted);width:44px;height:44px}.aud{gap:.15rem}.piece{-webkit-tap-highlight-color:transparent}.piece:active{background:color-mix(in srgb,var(--sc) 15%,transparent)}.piece:active:before{height:82%;width:4px}.scorelink{padding:.95rem 0 .95rem .7rem;border-bottom:0}.filterbtn,.ghostbtn,.egg{padding-top:.9rem;padding-bottom:.9rem}.searchwrap input{padding-top:.7rem;padding-bottom:.7rem}.views button{padding:.7rem 0}.chip{padding:.5rem .75rem}.tab{padding:.95rem 0 1rem}.spectrum{height:10px;gap:3px}.spectrum button{min-width:30px}@media (max-width:430px){.spectrum{gap:2px}.spectrum button{min-width:24px}}}@media (min-width:701px) and (max-height:840px){.hero{padding-top:1.3rem;padding-bottom:.7rem}.hero h1{font-size:clamp(2.4rem,5.5vw,3.4rem)}.ledger{margin-top:.7rem}.spectrum{margin-top:.85rem}.tabwrap{margin-bottom:.9rem}}@media (max-height:700px) and (max-width:640px){.ledger{display:none}.hero{padding-top:.8rem;padding-bottom:.4rem}.hero h1{font-size:clamp(1.9rem,9vw,2.4rem)}.spectrum{margin-top:.55rem}.spectrum button:after{top:-18px;bottom:-18px}.spectrum button[aria-pressed=true]{transform:scaleY(1.5)}.speclabel{display:block;height:auto;min-height:1rem}}@media (max-width:640px){.bar{grid-template-columns:1fr;gap:.7rem}.flabel{flex:0 0 100%;margin-bottom:.15rem}.wm-text i{display:none}.strip{min-height:2.5rem;padding:.3rem var(--pad)}.hero{padding-top:1.05rem;padding-bottom:.55rem}.hero h1{font-size:clamp(2.1rem,10.5vw,2.9rem)}.hero:before{top:30%;height:34px}.ledger{margin-top:.6rem}.tab{padding:.75rem 0 .8rem}.tabwrap{margin-bottom:.7rem}.gh{padding:.9rem 0 .35rem}html[data-density=comfortable]{--row-y:.85rem}.meta{display:none}body.has-meta .meta{display:flex}.bar{grid-template-columns:1fr auto;gap:.9rem;align-items:center}.filterbtn{font-size:.58rem}.searchwrap input{font-size:1rem;padding-top:.68rem;padding-bottom:.68rem}.ledger .lg-extra{display:none}.ledger{margin-top:.85rem}.hero h1{font-size:clamp(2.6rem,13vw,3.4rem)}.ledger{margin-top:.75rem;line-height:1.7}.spectrum{margin-top:.7rem}.speclabel{min-height:0;height:0;overflow:hidden;transition:height .2s var(--ease),opacity .22s var(--ease)}.speclabel[data-show=true]{height:1.1rem}.bar{gap:.5rem}.meta{padding:.5rem var(--pad)}main{padding-bottom:5rem}.tabwrap{margin-bottom:1rem}}.piece{opacity:1}.skip-link{position:absolute;left:var(--pad);top:-3rem;z-index:90;background:var(--surface);border:1px solid var(--ink);border-radius:8px;padding:.8rem 1.1rem;font-size:.85rem;transition:top .16s}.skip-link:focus{top:.6rem}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
