@import"https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500&display=swap";:root{color:#f5f3ef;background:#101010;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #101010;--fg: #f5f3ef;--muted: rgb(245 243 239 / 52%);--line: rgb(245 243 239 / 24%);--unit: min(calc(100vw / 1920), calc(100dvh / 1080));--cover-size: calc(200 * var(--unit));--column-gap: calc(120 * var(--unit));--label-height: 50px;--row-gap: max(18px, calc(var(--column-gap) - var(--label-height)));--grid-width: calc(6 * var(--cover-size) + 5 * var(--column-gap));--out-ms: .32s;--in-ms: .38s;--shift-ease: cubic-bezier(.4, 0, .2, 1);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-width:100%;min-height:100%;margin:0}body{overflow-x:hidden;background:var(--bg)}button,input{color:inherit;font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{border:0}.archive-app{display:flex;min-height:100dvh;flex-direction:column;align-items:center;padding:calc(8px + var(--safe-top)) var(--safe-right) calc(10px + var(--safe-bottom)) var(--safe-left);overflow:hidden;background:var(--bg)}.archive-header{z-index:20;width:var(--grid-width);margin-top:calc(10 * var(--unit));margin-bottom:calc(40 * var(--unit))}.archive-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.text-control{display:inline-flex;align-items:center;gap:6px;padding:6px 0;background:transparent;color:var(--muted);cursor:pointer;font-size:12px;transition:color .1s ease}.text-control:hover,.text-control:focus-visible{color:var(--fg);outline:none}.shuffle-control{justify-self:start}.archive-search{position:relative;width:calc(2 * var(--cover-size) + var(--column-gap))}.archive-search input{width:100%;padding:10px 32px 10px 30px;border:0;border-bottom:1px solid var(--line);border-radius:0;outline:0;background:transparent;color:var(--fg);font-size:12px;letter-spacing:0}.archive-search input:focus{border-color:var(--fg)}.archive-search input::placeholder{color:var(--muted);opacity:1}.archive-search input::-webkit-search-cancel-button{display:none}.search-icon{position:absolute;top:50%;left:4px;color:var(--muted);pointer-events:none;transform:translateY(-50%)}.search-close{position:absolute;top:50%;right:2px;display:grid;width:28px;height:28px;place-items:center;padding:0;background:transparent;color:var(--muted);cursor:pointer;transform:translateY(-50%)}.mobile-search-toggle{display:none}.search-results{position:absolute;z-index:30;top:calc(100% + 4px);right:0;left:0;max-height:min(360px,calc(100dvh - 90px));overflow-y:auto;border:1px solid #30302f;background:#171717;box-shadow:0 14px 34px #0000008f}.search-results button{display:flex;width:100%;flex-direction:column;gap:3px;padding:9px 12px;overflow:hidden;background:transparent;cursor:pointer;text-align:left}.search-results button:hover,.search-results button:focus-visible{background:#262625;outline:none}.search-results strong,.search-results span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-results strong{color:var(--fg);font-size:12px;font-weight:500}.search-results span,.search-results p{color:var(--muted);font-size:11px}.search-results p{margin:0;padding:16px 12px}.similarity-grid{display:grid;width:var(--grid-width);grid-template-columns:repeat(6,var(--cover-size));grid-auto-rows:auto;column-gap:var(--column-gap);row-gap:var(--row-gap)}.cover-cell{position:relative;display:flex;min-width:0;flex-direction:column;grid-column:var(--cell-column) / span 1;grid-row:var(--cell-row) / span 1;padding:0;overflow:visible;background:transparent;color:inherit;text-align:left}.cover-cell.query{z-index:2;grid-column:var(--cell-column) / span 2;grid-row:var(--cell-row) / span 2}.cover-cell.neighbour{cursor:pointer}.cover-cell.neighbour:focus-visible{outline:1px solid var(--fg);outline-offset:3px}.cover-frame{position:relative;display:block;width:100%;aspect-ratio:1;flex:none;overflow:hidden;background:var(--cell-swatch);perspective:calc(4 * var(--cover-size))}.cover-frame:after{position:absolute;inset:0;border:1px solid rgb(255 255 255 / 4%);content:"";pointer-events:none}.cover-frame img{display:block;width:100%;height:100%;object-fit:cover;transform:translateZ(0);transform-origin:center;will-change:transform,opacity}.cover-label{position:relative;z-index:2;display:flex;height:var(--label-height);min-width:0;flex:none;flex-direction:column;gap:2px;padding-top:10px;overflow:hidden;background:var(--bg);transition:opacity .15s ease,transform .22s ease}.cover-label strong,.cover-meta>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cover-label strong{min-height:1lh;color:var(--fg);font-size:12px;font-weight:500}.cover-meta{display:flex;min-width:0;min-height:1lh;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px}.cover-palette{display:flex;flex:none;gap:2px}.cover-palette i{display:block;width:12px;height:12px}.phase-out .cover-frame img{animation:cover-out var(--out-ms) var(--shift-ease) both}.phase-out .cover-label{opacity:0;transform:translate3d(var(--label-travel-x),var(--label-travel-y),0)}.phase-in .cover-frame img{animation:cover-in var(--in-ms) var(--shift-ease) var(--cell-delay) both}.phase-in .cover-label{animation:label-in var(--in-ms) var(--shift-ease) var(--cell-delay) both}.archive-footer{display:flex;width:var(--grid-width);justify-content:space-between;gap:20px;margin-top:max(4px,calc(12 * var(--unit)));color:#f5f3ef47;font-size:10px}.archive-footer strong{color:#f5f3ef70;font-family:Georgia,Times New Roman,serif;font-size:13px;font-weight:700}.about-backdrop{position:fixed;z-index:40;inset:0;width:100%;height:100%;background:#00000029;cursor:default}.about-panel{position:fixed;z-index:50;top:0;right:0;bottom:0;width:min(580px,46vw);padding:max(40px,calc(28px + var(--safe-top))) max(42px,calc(32px + var(--safe-right))) max(36px,calc(24px + var(--safe-bottom))) 42px;overflow-y:auto;background:#050505;box-shadow:-28px 0 64px #0000005c;animation:panel-in .36s cubic-bezier(.4,0,.2,1) both}.about-panel p{max-width:470px;margin:0 0 1.3em;color:#d8d6d1;font-size:13px;line-height:1.65}.about-panel .about-version{margin-bottom:clamp(40px,8vh,82px);padding-bottom:10px;border-bottom:1px solid #282827;color:var(--muted);font-size:12px}.about-panel .about-method,.about-panel .about-credit{color:var(--muted)}.about-panel .about-credit{margin-top:42px}.about-close{position:absolute;top:max(18px,calc(12px + var(--safe-top)));right:max(22px,calc(14px + var(--safe-right)));display:grid;width:34px;height:34px;place-items:center;padding:0;background:transparent;color:var(--muted);cursor:pointer}.about-close:hover,.about-close:focus-visible{color:var(--fg);outline:none}.state-screen{display:grid;width:100%;height:100dvh;place-content:center;gap:8px;background:var(--bg);text-align:center}.state-screen strong{font-family:Georgia,Times New Roman,serif;font-size:42px}.state-screen span{color:var(--muted);font-size:11px}@keyframes cover-out{0%{transform:translateZ(0)}to{transform:translate3d(var(--travel-x),var(--travel-y),0)}}@keyframes cover-in{0%{transform:translate3d(var(--entry-x),var(--entry-y),0)}to{transform:translateZ(0)}}@keyframes label-in{0%{opacity:0;transform:translate3d(var(--label-entry-x),var(--label-entry-y),0)}to{opacity:1;transform:translateY(0)}}@keyframes panel-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media(max-aspect-ratio:5/3){:root{--unit: min(calc(100vw / 1280), calc(100dvh / 1080));--grid-width: calc(4 * var(--cover-size) + 3 * var(--column-gap))}.similarity-grid{grid-template-columns:repeat(4,var(--cover-size))}}@media(max-aspect-ratio:1/1){:root{--unit: min(calc(100vw / 1280), calc(100dvh / 1500))}.about-panel{width:min(620px,76vw)}}@media(max-aspect-ratio:3/5){:root{--side-margin: 16px;--column-gap: 16px;--row-gap: 22px;--grid-width: calc(100vw - 2 * var(--side-margin) - var(--safe-left) - var(--safe-right));--cover-size: calc((var(--grid-width) - var(--column-gap)) / 2)}.archive-app{align-items:center}.archive-header{margin-top:8px;margin-bottom:28px}.archive-topbar{position:relative;grid-template-areas:"search shuffle info";grid-template-columns:1fr auto 1fr;gap:12px}.shuffle-control{grid-area:shuffle;justify-self:center}.archive-search{width:auto;grid-area:search;justify-self:start}.archive-search:not(.active) input,.archive-search:not(.active)>.search-icon,.archive-search:not(.active)>.search-close{display:none}.mobile-search-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 0 10px;border-bottom:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;font-size:12px}.archive-search.active{position:absolute;z-index:70;inset:-1px 0 auto;grid-area:1 / 1 / 2 / -1;width:100%;background:var(--bg)}.archive-search.active .mobile-search-toggle{display:none}.archive-search.active input{display:block;min-height:38px;padding-left:30px;font-size:16px}.archive-search.active>.search-icon{display:block}.similarity-grid{grid-template-columns:repeat(2,var(--cover-size))}.archive-footer{margin-top:16px;padding-bottom:6px}.archive-footer span{display:none}.about-panel{width:100%;padding-right:calc(28px + var(--safe-right));padding-left:calc(28px + var(--safe-left))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}