:root{--bg:#070b14;--panel:#0d1420db;--line:#ffffff24;--fg:#f2f5f3;--muted:#a9b6c2;--accent:#6fe0b0;--flat:#5fe3a1;--jumps:#ffb347;--harness:#6cb8ff;--quarter:#ff7b93;--arabian:#d9a2ff;--other:#f3e36b}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:400 1rem/1.5 Hanken Grotesk Variable,system-ui,sans-serif;overflow:hidden}a{color:var(--accent)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#globe{touch-action:none;cursor:grab;position:fixed;inset:0}#globe.grabbing{cursor:grabbing}#globe.pointing{cursor:pointer}.bar{pointer-events:none;z-index:5;align-items:center;gap:1rem;padding:.875rem clamp(.875rem,3vw,1.5rem);display:flex;position:fixed;inset:0 0 auto}.bar>*{pointer-events:auto}.logo{color:#fff;flex:none;display:inline-flex}.logo svg{width:auto;height:1.75rem}.search{flex:1;max-width:26rem;margin-inline:auto;position:relative}.search input{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--fg);font:inherit;backdrop-filter:blur(8px);border-radius:999px;padding:.625rem 1rem}.search input::placeholder{color:var(--muted)}.search input:focus{outline:2px solid var(--accent);outline-offset:1px}#results{background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(8px);border-radius:1rem;max-height:min(60vh,24rem);margin:0;padding:.375rem;list-style:none;position:absolute;inset:calc(100% + .375rem) 0 auto;overflow-y:auto}#results button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.625rem;justify-content:space-between;gap:1rem;padding:.5rem .75rem;display:flex}#results button:hover,#results button:focus-visible{background:#ffffff1a;outline:none}#results span{color:var(--muted);text-align:right;font-size:.875rem}#results .empty{color:var(--muted);padding:.5rem .75rem}.list-link{border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(8px);border-radius:999px;flex:none;padding:.5rem .875rem;font-weight:600;text-decoration:none}.legend{z-index:4;flex-direction:column;gap:.375rem;display:flex;position:fixed;bottom:3.5rem;left:clamp(.875rem,3vw,1.5rem)}.chip{border:1px solid var(--line);background:var(--panel);color:var(--fg);cursor:pointer;backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:.5rem;padding:.3rem .75rem .3rem .625rem;font:600 .875rem/1.4 inherit;display:inline-flex}.chip i{background:var(--c);border-radius:50%;width:.625rem;height:.625rem}.chip span{color:var(--muted);font-weight:400}.chip[aria-pressed=false]{opacity:.45}.chip[aria-pressed=false] i{box-shadow:inset 0 0 0 1.5px var(--c);background:0 0}.t-flat{--c:var(--flat)}.t-jumps{--c:var(--jumps)}.t-harness{--c:var(--harness)}.t-quarter{--c:var(--quarter)}.t-arabian{--c:var(--arabian)}.t-other{--c:var(--other)}#panel{background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(10px);z-index:6;border-radius:1.25rem;width:min(22rem,100vw - 1.75rem);padding:1.25rem 1.375rem 1.375rem;position:fixed;top:5rem;right:clamp(.875rem,3vw,1.5rem)}#panel h2{letter-spacing:-.02em;margin:.25rem 2rem .375rem 0;font:800 1.625rem/1.1 Bricolage Grotesque Variable,system-ui,sans-serif}#panel p{color:var(--muted);margin:.25rem 0}#panel .kicker{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.8125rem;font-weight:700}#p-types{flex-wrap:wrap;gap:.375rem;display:flex;margin-top:.75rem!important}#p-types span{color:var(--fg);background:#ffffff17;border-radius:999px;align-items:center;gap:.375rem;padding:.2rem .625rem;font-size:.875rem;font-weight:600;display:inline-flex}#p-types i{background:var(--c);border-radius:50%;width:.5rem;height:.5rem}#panel .note{margin-top:.75rem;font-size:.875rem}#panel .links{flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:1rem;font-weight:600;display:flex}#panel .links a{text-decoration:none}#panel-close{width:2rem;height:2rem;color:var(--fg);cursor:pointer;background:#ffffff1a;border:0;border-radius:50%;font-size:1.25rem;line-height:1;position:absolute;top:.75rem;right:.75rem}#tip{z-index:7;pointer-events:none;border:1px solid var(--line);white-space:nowrap;background:#080c14eb;border-radius:.5rem;padding:.3rem .625rem;font-size:.875rem;position:fixed;transform:translate(-50%,calc(-100% - 12px))}#tip b{display:block}#tip span{color:var(--muted)}.title{text-align:center;color:var(--muted);letter-spacing:.04em;pointer-events:none;margin:0;padding-inline:1rem;font-size:.8125rem;position:fixed;inset:auto 0 1rem}.title b{color:var(--fg);letter-spacing:.08em;text-transform:uppercase;font-weight:600}#status{text-align:center;color:var(--muted);pointer-events:none;margin:0;position:fixed;inset:50% 0 auto}.noscript{text-align:center;position:fixed;inset:40% 1rem auto}@media (width<=40rem){.list-link{display:none}.legend{flex-flow:wrap;bottom:4.25rem;right:.875rem}.chip span{display:none}#panel{width:auto;inset:auto .875rem .75rem}body:has(#panel:not([hidden])) .legend,body:has(#panel:not([hidden])) .title{visibility:hidden}}