:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f4f2;--fg:#0c0c0c;--fg-soft:#0c0c0c8c;--line:#0c0c0c24;--sans:"Geist", "Helvetica Neue", Arial, sans-serif;--mono:"Geist Mono", ui-monospace, monospace;--ease:cubic-bezier(.2, .7, .1, 1)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);font:400 15px/1.5 var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:0}kbd{font:500 10px/1 var(--mono);border:1px solid var(--line);padding:2px 4px}a{color:inherit}:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.mono,.mark>span,.ghost,.hint,.intro-meta,.p-no,.p-date,#panel dl,.p-palette-label,.p-licence,.panel-tools button,#hangs span{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;font-size:11px}#wall{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:fixed;inset:0}#wall:active{cursor:grabbing}.top{pointer-events:none;opacity:0;justify-content:space-between;align-items:center;padding:18px 22px;transition:opacity 1s .4s;display:flex;position:fixed;inset:0 0 auto}.ready .top{opacity:1}.top>*{pointer-events:auto}.mark,.top-actions,#kinds,.hint{background:var(--bg);box-shadow:0 0 0 1px var(--line)}.mark{padding:9px 12px 8px}.top-actions,#kinds{padding:2px}.hint{padding:7px 10px}.top-actions{transition:opacity .3s}.focused .top-actions{opacity:0;pointer-events:none}.mark{color:inherit;align-items:baseline;gap:16px;margin:0;text-decoration:none;display:flex}.mark b{font:800 19px/1 var(--sans);letter-spacing:-.04em;text-transform:uppercase}.mark>span{color:var(--fg-soft)}.top-actions{gap:2px;display:flex}#kinds{font:500 11px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;gap:2px;transition:opacity .3s;display:flex;position:absolute;top:18px;left:50%;translate:-50%}#kinds button{padding:8px 10px;transition:background .15s,color .15s}#kinds button span{opacity:.5;margin-left:4px}#kinds button:hover{background:var(--line)}#kinds button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.focused #kinds{opacity:0;pointer-events:none}#artist-chip{background:var(--fg);color:var(--bg);font:500 11px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;animation:rise .4s var(--ease);align-items:center;gap:10px;margin:0;padding:0 0 0 12px;transition:opacity .3s;display:flex;position:absolute;top:58px;left:50%;translate:-50%}#artist-chip[hidden]{display:none}#artist-chip .chip-label{opacity:.55}#artist-chip b{font:600 15px/1 var(--sans);letter-spacing:-.02em;text-transform:none}#artist-chip span:not(.chip-label){opacity:.6}#artist-chip button{font:400 18px/1 var(--sans);border-left:1px solid #fff3;align-self:stretch;padding:8px 12px}#artist-chip button:hover{background:#ffffff24}.focused #artist-chip{opacity:0;pointer-events:none}.p-artist button{font:inherit;text-align:left;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:4px;cursor:pointer;padding:0}.p-artist button:hover{text-decoration-color:currentColor}#search li.artist i{font-weight:700}#search li.artist span{text-transform:uppercase}.ghost{align-items:center;gap:8px;padding:8px 10px;transition:background .15s,color .15s;display:inline-flex}.ghost:hover{background:var(--fg);color:var(--bg)}.ghost:hover kbd{border-color:currentColor}#intro{pointer-events:none;transition:opacity .9s var(--ease), translate .9s var(--ease);flex-direction:column;justify-content:flex-end;padding:0 22px 78px;display:flex;position:fixed;inset:0}#intro h1{--h1:clamp(64px, 16.5vw, 340px);font:800 var(--h1)/.8 var(--sans);letter-spacing:-.07em;white-space:nowrap;text-transform:uppercase;animation:rise 1.4s var(--ease) both;width:fit-content;margin:0 0 clamp(22px,1.8vw,30px) -.05em;position:relative}#intro h1 .by{color:inherit;pointer-events:auto;right:calc(var(--h1) * -.008);top:calc(100% - var(--h1) * .027);font:600 clamp(11px, 1vw, 16px)/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;text-align:right;text-shadow:0 1px 2px var(--bg), 0 2px 6px var(--bg);text-decoration:none;position:absolute}.intro-meta{animation:rise 1.2s .5s var(--ease) both;flex-wrap:wrap;gap:6px;margin:0;display:flex}.intro-meta>span{background:var(--bg);box-shadow:0 0 0 1px var(--line);padding:5px 8px 4px}.intro-line{max-width:560px;font:500 clamp(20px, 2.1vw, 30px)/1.12 var(--sans);letter-spacing:-.025em;text-shadow:0 0 3px var(--bg), 0 0 8px var(--bg), 0 0 16px var(--bg);animation:rise 1.2s .7s var(--ease) both;margin:14px 0 28px}@keyframes rise{0%{opacity:0;translate:0 .4em}}#intro.settled{opacity:0;translate:0 40px}#intro.gone{opacity:0;translate:0 80px}#hangs{background:var(--fg);color:var(--bg);opacity:0;transition:opacity 1s .8s, translate .6s var(--ease);display:flex;position:fixed;bottom:22px;left:22px}.ready #hangs{opacity:1}.focused #hangs{translate:0 120px}#hangs button{font:600 16px/1 var(--sans);letter-spacing:-.02em;align-items:baseline;gap:10px;padding:12px 18px 12px 14px;transition:background .2s,color .2s;display:flex}#hangs span{opacity:.55;font-size:10px}#hangs button:hover{background:#ffffff1f}#hangs button[aria-pressed=true]{background:var(--bg);color:var(--fg);box-shadow:inset 0 0 0 2px var(--fg)}.hint{color:var(--fg-soft);opacity:0;margin:0;transition:opacity 1s 1.2s;position:fixed;bottom:22px;right:22px}.ready .hint{opacity:1}.focused .hint{opacity:0;transition-delay:0s}#hover{background:var(--fg);max-width:320px;color:var(--bg);pointer-events:none;opacity:0;padding:10px 12px 11px;transition:opacity .15s;position:fixed;top:0;left:0}#hover.visible{opacity:1}#hover b{font:500 10px/1 var(--mono);opacity:.6;margin-bottom:6px;display:block}#hover i{font:normal 600 16px/1.15 var(--sans);letter-spacing:-.015em;display:block}#hover span{font:400 11px/1.35 var(--mono);opacity:.75;margin-top:5px;display:block}.focused #hover{display:none}#labels{pointer-events:none;opacity:0;transition:opacity .5s;position:fixed;inset:0}#labels.visible{opacity:1}#labels span{font:500 11px/1 var(--mono);white-space:nowrap;background:var(--bg);padding:3px 5px;position:absolute;top:0;left:0;translate:-50% -50%}#labels span.major{font:800 var(--size,34px)/1 var(--sans);letter-spacing:-.05em;background:var(--fg);color:var(--bg);padding:.06em .24em .12em}#panel{opacity:0;visibility:hidden;width:min(600px,42vw);transition:translate .8s var(--ease), opacity .5s, visibility .8s;flex-direction:column;padding:76px 40px 34px 24px;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;translate:60px}#panel.open{opacity:1;visibility:visible;translate:0}.panel-tools{z-index:3;opacity:0;visibility:hidden;gap:2px;transition:opacity .4s,visibility .4s;display:flex;position:fixed;top:18px;right:22px}.panel-open .panel-tools{opacity:1;visibility:visible}.sheet-grip,.p-peek{display:none}.panel-tools button{background:color-mix(in srgb, var(--bg) 78%, var(--fg));border:1px solid var(--fg-soft);align-items:center;gap:6px;padding:8px 10px;transition:background .15s,color .15s;display:inline-flex}.panel-tools svg,.p-source svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:square;width:14px;height:14px}.panel-tools button:hover{background:var(--fg);color:var(--bg)}.panel-tools kbd{opacity:.6;border:0;padding:0 0 0 6px}.panel-body{view-transition-name:panel-body;margin-top:auto}.p-no{margin:0 0 18px}.p-no span{color:var(--fg-soft)}#panel h2{font:700 clamp(40px, 4.4vw, 80px)/.92 var(--sans);letter-spacing:-.05em;text-wrap:balance;-webkit-hyphens:auto;hyphens:auto;margin:0}.p-artist{font:500 21px/1.2 var(--sans);letter-spacing:-.02em;margin:22px 0 0}.p-date{color:var(--fg-soft);margin:6px 0 0}#panel dl{border-top:1px solid var(--fg);grid-template-columns:110px 1fr;margin:26px 0 0;display:grid}#panel dt,#panel dd{border-bottom:1px solid var(--line);margin:0;padding:9px 0}#panel dt{color:var(--fg-soft)}#panel dd{text-transform:none;letter-spacing:0;font-size:12px}.p-palette-label{color:var(--fg-soft);margin:26px 0 8px}.p-palette{outline:1px solid var(--line);height:84px;display:flex}.p-palette button{background:var(--c);min-width:34px;transition:flex-grow .4s var(--ease);position:relative}.p-palette button span{font:500 9.5px/1 var(--mono);color:#fff;mix-blend-mode:difference;opacity:0;transition:opacity .2s;position:absolute;bottom:5px;left:6px}.p-palette:hover button span{opacity:1}.p-palette button:hover{flex-grow:2.4!important}.p-source{background:var(--fg);color:var(--bg);font:600 15px/1 var(--sans);letter-spacing:-.01em;justify-content:space-between;margin-top:22px;padding:14px 16px;text-decoration:none;display:flex}.p-links{grid-template-columns:1fr auto;gap:6px;margin-top:22px;display:grid}.p-links .p-source{margin-top:0}.p-download{font:600 15px/1 var(--sans);letter-spacing:-.01em;color:var(--fg);box-shadow:inset 0 0 0 1.5px var(--fg);align-items:center;gap:10px;padding:14px 16px;text-decoration:none;transition:background .15s,color .15s;display:flex}.p-download:hover{background:var(--fg);color:var(--bg)}.p-download svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:square;width:14px;height:14px}.p-source svg{transition:translate .2s}.p-source:hover svg{translate:2px -2px}.p-licence{color:var(--fg-soft);margin:10px 0 0}.p-about{margin-top:22px}.p-about p{font:400 15px/1.55 var(--sans);letter-spacing:-.005em;text-wrap:pretty;margin:0}.p-about .p-cite{font:400 10.5px/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-soft);margin-top:6px}.p-about .p-fact{box-shadow:inset 0 0 0 1px var(--line);margin-top:16px;padding:12px 14px;font-size:14px}.p-fact span{font:500 10px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-soft);margin-bottom:4px;display:block}.p-more{font:500 11px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;box-shadow:inset 0 0 0 1px var(--fg-soft);margin-top:8px;padding:9px 12px;display:none}.p-history{margin-top:18px}.p-history details{border-top:1px solid var(--line)}.p-history details:last-child{border-bottom:1px solid var(--line)}.p-history summary{font:600 15px/1 var(--sans);letter-spacing:-.01em;cursor:pointer;justify-content:space-between;align-items:baseline;padding:11px 0;list-style:none;display:flex}.p-history summary::-webkit-details-marker{display:none}.p-history summary:after{content:"+";font-weight:400}.p-history details[open] summary:after{content:"−"}.p-history summary span{font:400 10.5px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-soft);margin-left:auto;margin-right:12px}.p-history ol{margin:0 0 14px;padding:0;list-style:none}.p-history li{font:400 12.5px/1.5 var(--sans);border-top:1px dashed var(--line);grid-template-columns:74px 1fr;gap:12px;padding:6px 0;display:grid}.p-history li span{font:500 11px/1.6 var(--mono);color:var(--fg-soft)}::view-transition-old(panel-body){animation-duration:.4s;animation-timing-function:var(--ease)}::view-transition-new(panel-body){animation-duration:.4s;animation-timing-function:var(--ease)}::view-transition-old(panel-body){animation-name:slide-out}::view-transition-new(panel-body){animation-name:slide-in}@keyframes slide-out{to{opacity:0;translate:0 -24px}}@keyframes slide-in{0%{opacity:0;translate:0 24px}}#search{color:#0c0c0c;background:#fff;border:2px solid #0c0c0c;width:min(680px,100vw - 32px);margin:12vh auto auto;padding:0;box-shadow:12px 12px #0c0c0c}#search::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f4f4f2b3}#search[open]{animation:rise .35s var(--ease)}#search input{width:100%;font:600 34px/1 var(--sans);letter-spacing:-.04em;color:inherit;background:0 0;border:0;border-bottom:1px solid #0c0c0c24;outline:none;padding:22px 24px}#search input::placeholder{color:#0c0c0c4d}#search ol{margin:0;padding:0;list-style:none}#search ol:empty{display:none}#search li{cursor:pointer;border-bottom:1px solid #0c0c0c14;padding:12px 24px}#search li[aria-selected=true],#search li:hover{color:#fff;background:#0c0c0c}#search li i{font:normal 600 18px/1.2 var(--sans);letter-spacing:-.02em;display:block}#search li span{font:400 11px var(--mono);text-transform:uppercase;opacity:.65}#about{color:#0c0c0c;background:#fff;border:2px solid #0c0c0c;width:min(560px,100vw - 32px);padding:30px 32px;font-size:15px;box-shadow:12px 12px #0c0c0c}#about::backdrop{background:#f4f4f299}#about h2{font:800 44px/1 var(--sans);letter-spacing:-.05em;text-transform:uppercase;margin:0 0 14px}#about .credit{font:400 11px/1.6 var(--mono);text-transform:uppercase;color:#0c0c0c99;border-top:1px solid #0c0c0c26;margin:18px 0 0;padding-top:14px}#about .credit b{font:600 15px/1 var(--sans);text-transform:none;color:#0c0c0c}#about .keys{font:400 11px/2.4 var(--mono);text-transform:uppercase;color:#0c0c0c99}#about kbd{border-color:#0c0c0c33}.failed-note{display:none}.failed .failed-note{text-align:center;font:400 12px var(--mono);text-transform:uppercase;display:block;position:fixed;inset:auto 0 40px}@media (width<=820px){.top{padding:12px}.mark{padding:8px 10px 7px}.mark b{font-size:17px}.mark>span,#open-search kbd,.hint{display:none}#kinds{top:62px;left:12px;right:12px;overflow-x:auto;translate:none}#kinds button{white-space:nowrap;flex:1}#kinds button span{display:none}#artist-chip{max-width:calc(100vw - 24px);top:102px}#artist-chip b{text-overflow:ellipsis;overflow:hidden}#intro{padding:0 14px calc(78px + env(safe-area-inset-bottom))}.intro-meta{gap:4px;font-size:10px}.intro-meta>span{padding:4px 6px 3px}.intro-line{margin:10px 0 14px}#hangs{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}#hangs button{flex:1;justify-content:center;padding:12px 8px;font-size:15px}#hangs span{display:none}.panel-tools{top:12px;right:12px}.panel-tools button{padding:8px 10px}.panel-tools kbd{display:none}#panel{--bg:var(--sheet);background:var(--bg);width:auto;height:calc(100dvh - 64px);box-shadow:0 -1px 0 var(--line), 0 -16px 40px #00000024;transition:transform .5s var(--ease), opacity .3s, visibility .5s;flex-direction:column;padding:0;display:flex;top:auto;left:0;right:0;transform:translateY(100%)}#panel.open{transform:translateY(calc(100% - var(--peek,128px) - env(safe-area-inset-bottom)))}#panel.open.expanded{transform:none}#panel.dragging{transition:none}.sheet-grip{touch-action:none;flex:none;place-items:center;width:100%;height:24px;display:grid}.sheet-grip span{background:var(--fg-soft);width:40px;height:4px;transition:width .3s var(--ease);border-radius:2px}.expanded .sheet-grip span{width:28px}.panel-body{overscroll-behavior:contain;touch-action:pan-y;min-height:0;padding:0 14px calc(28px + env(safe-area-inset-bottom));flex-direction:column;flex:1;margin-top:0;display:flex;overflow-y:auto}#panel:not(.expanded) .panel-body{touch-action:none;overflow:hidden}.panel-body>*{flex-shrink:0}.p-palette{height:44px}.p-peek{cursor:pointer;order:0;margin-bottom:12px;display:block}.p-peek p{margin:0}.p-peek-title{-webkit-line-clamp:2;font:700 19px/1.15 var(--sans);letter-spacing:-.03em;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.p-peek-by{white-space:nowrap;text-overflow:ellipsis;font:400 14px/1.3 var(--sans);color:var(--fg-soft);overflow:hidden;margin-top:4px!important}.p-links{order:1;margin-top:0}.p-source,.p-download{padding:11px 12px;font-size:14px}.p-head,.p-about,#panel dl,.p-palette-label,.p-palette,.p-history,.p-licence{order:2}#panel:not(.expanded):not(.dragging) :is(.p-head,.p-about,dl,.p-palette-label,.p-palette,.p-history,.p-licence){visibility:hidden}.expanded .p-peek{display:none}.expanded .p-head{order:1;margin-top:14px}.expanded .p-about{order:2}.expanded .p-links{order:3;margin-top:22px}#panel.expanded dl{order:4}.expanded .p-palette-label{order:5}.expanded .p-palette{order:6}.expanded .p-history{order:7}.expanded .p-licence{order:8}.p-no{margin:0 0 10px}#panel h2{font-size:30px;line-height:.98}.p-artist{margin:0;font-size:17px;display:inline}.p-head .p-date{margin-left:8px;display:inline}.p-head h2{margin-bottom:10px}.p-about p{font-size:15px}.p-palette button{min-width:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}#intro h1 .by:hover{text-underline-offset:2px;text-decoration:underline}#about .credit a{color:inherit}