.wrap{max-width:460px;margin:0 auto;padding:34px 22px 60px}.head{margin-bottom:26px}.title{margin:0;font-family:var(--font-title);font-size:30px;font-weight:var(--title-weight);letter-spacing:var(--title-track);line-height:1}.shelves{margin-bottom:30px}.shelf-scroll{margin:0 -22px;padding:0 22px;overflow-x:auto;overflow-y:visible;scrollbar-width:none}.shelf-scroll::-webkit-scrollbar{display:none}.shelf-unit{position:relative;margin-bottom:16px;width:max-content;min-width:100%}.shelf{position:relative;z-index:1;display:flex;align-items:flex-end;gap:2px;min-height:146px}.plank{position:relative;z-index:3;height:10px;margin:-3px -6px 0;border-radius:1px;background:var(--plank);box-shadow:var(--shadow-object)}.spine{position:relative;flex:0 0 auto;padding:0;border:0;border-radius:1.5px;overflow:hidden;cursor:pointer;display:grid;place-items:center;box-shadow:var(--shadow-object);transition:transform .34s cubic-bezier(.2,.8,.25,1),opacity .34s ease,filter .34s ease,box-shadow .34s ease}.spine img{position:absolute;max-width:none;pointer-events:none}.spine span{writing-mode:vertical-rl;font-family:var(--font-label);font-size:7px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;opacity:.85;pointer-events:none;max-height:calc(100% - 14px);overflow:hidden;text-overflow:ellipsis}.spine[data-unshot]{opacity:.82}.spine[data-dim]{opacity:.2;filter:saturate(.3)}.spine[data-hit]{opacity:1;filter:none;transform:translateY(-15px);box-shadow:var(--shadow-lift)}.field{display:flex;align-items:baseline;gap:9px;border-bottom:1px solid var(--rule);padding-bottom:8px}.field .caret{font-family:var(--font-label);font-size:12px;color:var(--ink-muted)}.field input{flex:1;min-width:0;border:0;background:none;padding:0;color:var(--ink);font-family:var(--font-row);font-size:20px;letter-spacing:-.01em}.field input:focus{outline:none}.field input::placeholder{color:var(--ink-muted);opacity:.5}.clear{flex:0 0 auto;border:0;background:none;padding:0 0 0 8px;cursor:pointer;font-family:var(--font-label);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}.count{margin:9px 0 0;font-family:var(--font-label);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}.results{margin-top:26px}.grp{display:flex;justify-content:space-between;margin:26px 0 0;padding-bottom:6px;border-bottom:1px solid var(--rule);font-family:var(--font-label);font-size:9px;letter-spacing:.19em;text-transform:uppercase;color:var(--ink-muted)}.results section:first-child .grp{margin-top:0}.row{display:flex;align-items:flex-start;gap:12px;padding:11px 0 10px;border-bottom:1px solid var(--rule-faint)}.row-body{flex:1;min-width:0}.row-title{display:block;font-family:var(--font-row);font-size:var(--row-size);font-weight:var(--row-weight);line-height:1.2;letter-spacing:-.005em}.row-src{display:block;margin-top:3px;font-family:var(--font-label);font-size:10.5px;letter-spacing:.05em;color:var(--ink-muted)}.row-page{flex:0 0 auto;padding-top:3px;font-family:var(--font-label);font-size:12px;color:var(--ink-muted)}.chip{display:inline-block;margin-top:6px;padding:3px 9px;border-radius:20px;background:var(--chip);font-family:var(--font-label);font-size:9px;letter-spacing:.08em;color:var(--ink-muted)}.none{margin:22px 0 0;font-family:var(--font-row);font-style:italic;font-size:14px;line-height:1.5;color:var(--ink-muted)}.foot{margin-top:48px}.dots{display:flex;gap:6px;flex-wrap:wrap}.dot{width:13px;height:13px;padding:0;border:0;border-radius:50%;cursor:pointer;background:var(--ground);box-shadow:0 0 0 1px var(--rule);transition:transform .2s ease}.dot[aria-pressed=true]{transform:scale(1.35);box-shadow:0 0 0 1px var(--ink)}:root{--ink-espresso: #232019;--ink-cream: #F0E7D6;--accent-espresso: #7A2620;--accent-cream: #E3C765;--font-title: "Italiana", "Spectral", Georgia, serif;--font-row: "Spectral", Georgia, serif;--font-label: "Courier Prime", ui-monospace, "SFMono-Regular", monospace;--font-ui: "Schibsted Grotesk", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--title-size: 47px;--title-weight: 400;--title-track: .012em;--title-lead: 1;--row-size: 17.5px;--row-weight: 400;--ink-muted: color-mix(in srgb, var(--ink) var(--muted-a), var(--ground));--rule: color-mix(in srgb, var(--ink) 22%, var(--ground));--rule-faint: color-mix(in srgb, var(--ink) 12%, var(--ground));--chip: color-mix(in srgb, var(--ink) 9%, var(--ground));--plank: color-mix(in srgb, #ffffff 10%, var(--ground));--shadow-object: 0 3px 5px -2px rgb(0 0 0 / .45);--shadow-lift: 0 15px 18px -8px rgb(0 0 0 / .55)}[data-ground=bone]{--ground:#EDE6D8;--ink:var(--ink-espresso);--muted-a:64%;--accent:var(--accent-espresso);--mark:var(--accent-espresso)}[data-ground=flour]{--ground:#DCCFB8;--ink:var(--ink-espresso);--muted-a:64%;--accent:var(--accent-espresso);--mark:var(--accent-espresso)}[data-ground=butter]{--ground:#EBD98A;--ink:var(--ink-espresso);--muted-a:64%;--accent:var(--accent-espresso);--mark:var(--accent-espresso)}[data-ground=fishscale]{--ground:#C7D2C4;--ink:var(--ink-espresso);--muted-a:64%;--accent:var(--accent-espresso);--mark:var(--accent-espresso)}[data-ground=sage]{--ground:#B8BE97;--ink:var(--ink-espresso);--muted-a:64%;--accent:var(--accent-espresso);--mark:var(--accent-espresso)}[data-ground=asparagus]{--ground:#4D835F;--ink:var(--ink-espresso);--muted-a:64%;--accent:var(--accent-espresso);--mark:var(--ink-espresso)}[data-ground=rose]{--ground:#997374;--ink:var(--ink-espresso);--muted-a:64%;--accent:var(--accent-espresso);--mark:var(--ink-espresso)}[data-ground=paprika]{--ground:#BF452C;--ink:var(--ink-espresso);--muted-a:64%;--accent:var(--accent-espresso);--mark:var(--ink-espresso)}[data-ground=squid-ink]{--ground:#1A1613;--ink:var(--ink-cream);--muted-a:52%;--accent:var(--accent-cream);--mark:var(--accent-cream)}[data-ground=espresso]{--ground:#2E2119;--ink:var(--ink-cream);--muted-a:54%;--accent:var(--accent-cream);--mark:var(--accent-cream)}[data-ground=oxblood]{--ground:#5A1A16;--ink:var(--ink-cream);--muted-a:60%;--accent:var(--accent-cream);--mark:var(--accent-cream)}[data-ground=plum]{--ground:#4A2E30;--ink:var(--ink-cream);--muted-a:60%;--accent:var(--accent-cream);--mark:var(--accent-cream)}[data-ground=pine]{--ground:#1E3B32;--ink:var(--ink-cream);--muted-a:60%;--accent:var(--accent-cream);--mark:var(--accent-cream)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);min-height:100svh;transition:background-color .35s ease,color .35s ease}body[data-grain=on]:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/><feColorMatrix type='saturate' values='0'/></filter><rect width='140' height='140' filter='url(%23n)' opacity='.22'/></svg>")}button{font:inherit;color:inherit}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}