@layer components{.bc{--bc-row:9.5rem;--bc-board:.75rem;--bc-gap:.25rem;--bc-rule:3px;--bc-w0:1.875rem;--bc-w1:2.25rem;--bc-w2:2.625rem;--bc-w3:3rem;--bc-h0:72%;--bc-h1:80%;--bc-h2:88%;--bc-h3:95%;--bc-cover-w:11rem;--bc-pull:-.875rem;color:var(--bc-ink);gap:1.25rem;display:grid}.bc--kiosk{--bc-ink:var(--door-ink);--bc-paper:var(--door-paper);--bc-back:var(--door-cloud);--bc-wood:var(--door-ink);--bc-accent:var(--door-moss);--bc-accent-ink:var(--door-paper);--bc-g-novel:var(--door-tomato);--bc-g-manga:var(--door-sun);--bc-g-nature:var(--door-grass-deep);--bc-g-craft:var(--door-plum);--bc-g-business:var(--door-sky-deep);--bc-g-travel:var(--door-moss);--bc-g-science:var(--door-sky);--bc-g-other:var(--door-wash);--bc-row:12rem;--bc-board:1rem;--bc-rule:4px;--bc-w0:4rem;--bc-w1:4.5rem;--bc-w2:5rem;--bc-w3:5.5rem;--bc-cover-w:13rem;--bc-pull:-1.25rem;--bc-text:var(--text-door-body);--bc-text-big:var(--text-door-label);--bc-t-spine:var(--text-door-body);--bc-t-spine-small:var(--text-door-body);--bc-t-cover:var(--text-door-body);--bc-t-author:var(--text-door-body);--bc-lift:6px 6px 0 var(--door-ink);--bc-lift-sm:4px 4px 0 var(--door-ink);--bc-pull-time:.2s;--bc-slide-time:.24s;font-size:var(--text-door-body)}.bc--site{--bc-ink:var(--rb-ink);--bc-paper:var(--rb-paper-raised);--bc-back:var(--rb-paper-sunken);--bc-wood:var(--rb-kraft-ink);--bc-accent:var(--rb-accent);--bc-accent-ink:var(--rb-accent-ink);--bc-g-novel:var(--rb-rose);--bc-g-manga:var(--rb-kraft);--bc-g-nature:var(--rb-accent);--bc-g-craft:var(--rb-kraft-ink);--bc-g-business:var(--rb-ink-soft);--bc-g-travel:var(--rb-accent-hover);--bc-g-science:var(--primitive-night-400);--bc-g-other:var(--rb-line-strong);--bc-text:var(--rb-text-base);--bc-text-big:var(--rb-text-xl);--bc-t-spine:var(--rb-text-sm);--bc-t-spine-small:var(--rb-text-xs);--bc-t-cover:var(--rb-text-sm);--bc-t-author:var(--rb-text-xs);--bc-lift:var(--rb-shadow-pixel);--bc-lift-sm:var(--rb-shadow-pixel-sm);--bc-pull-time:var(--rb-duration-fast);--bc-slide-time:var(--rb-duration);font-size:var(--rb-text-base)}:where(html.dark) .bc--site{--bc-ink:var(--rb-dark-ink);--bc-paper:var(--rb-dark-paper-raised);--bc-back:var(--rb-dark-paper);--bc-wood:var(--rb-kraft)}.bc [data-genre=novel]{--bc-hue:var(--bc-g-novel);--bc-on:var(--bc-paper)}.bc [data-genre=manga]{--bc-hue:var(--bc-g-manga);--bc-on:var(--bc-ink)}.bc [data-genre=nature]{--bc-hue:var(--bc-g-nature);--bc-on:var(--bc-paper)}.bc [data-genre=craft]{--bc-hue:var(--bc-g-craft);--bc-on:var(--bc-paper)}.bc [data-genre=business]{--bc-hue:var(--bc-g-business);--bc-on:var(--bc-paper)}.bc [data-genre=travel]{--bc-hue:var(--bc-g-travel);--bc-on:var(--bc-paper)}.bc [data-genre=science]{--bc-hue:var(--bc-g-science);--bc-on:var(--bc-paper)}.bc [data-genre=other]{--bc-hue:var(--bc-g-other);--bc-on:var(--bc-ink)}.bc [data-genre=blank]{--bc-hue:var(--bc-paper);--bc-on:var(--bc-ink)}.bc-case{border:var(--bc-rule) solid var(--bc-ink);background:var(--bc-paper);box-shadow:var(--bc-lift);gap:.75rem;padding:.75rem .75rem 0;display:grid}.bc-copying{font-weight:700;font-size:var(--bc-text);margin:0;line-height:1.4}.bc-shelf{align-items:flex-end;column-gap:var(--bc-gap);background:repeating-linear-gradient(to bottom, var(--bc-back) 0 calc(var(--bc-row) - var(--bc-board)), var(--bc-wood) calc(var(--bc-row) - var(--bc-board)) var(--bc-row));flex-wrap:wrap;row-gap:0;margin:0;padding:0 .5rem;list-style:none;display:flex}.bc-slot{height:var(--bc-row);padding-bottom:var(--bc-board);box-sizing:border-box;align-items:flex-end;display:flex}.bc-spine{height:var(--bc-h1);width:var(--bc-w1);border:var(--bc-rule) solid var(--bc-ink);background:var(--bc-hue);color:var(--bc-on);cursor:pointer;font:inherit;border-bottom-width:0;flex-direction:column;justify-content:space-between;align-items:center;gap:.25rem;padding:.375rem .125rem;display:flex;position:relative}.bc-spine[data-w="0"]{width:var(--bc-w0)}.bc-spine[data-w="2"]{width:var(--bc-w2)}.bc-spine[data-w="3"]{width:var(--bc-w3)}.bc-spine[data-h="0"]{height:var(--bc-h0)}.bc-spine[data-h="2"]{height:var(--bc-h2)}.bc-spine[data-h="3"]{height:var(--bc-h3)}.bc-spine__band{opacity:.85;border-block:2px solid;flex:none;width:100%;height:.375rem}.bc-spine[data-band="1"] .bc-spine__band:not(.bc-spine__band--low),.bc-spine[data-band="0"] .bc-spine__band--low{height:.75rem}.bc-spine__title{writing-mode:vertical-rl;min-height:0;font-weight:700;line-height:1.1;font-size:var(--bc-t-spine);overflow-wrap:anywhere;flex:1}.bc-spine__title[data-size=m],.bc-spine__title[data-size=s]{font-size:var(--bc-t-spine-small)}.bc-spine[aria-pressed=true]{transform:translateY(var(--bc-pull));outline:var(--bc-rule) solid var(--bc-accent);outline-offset:var(--bc-rule)}.bc-spine:focus-visible{outline:var(--bc-rule) solid var(--bc-accent);outline-offset:2px}.bc-desk{min-height:3rem}.bc-hint{font-weight:700;font-size:var(--bc-text);flex-wrap:wrap;gap:.25rem 1rem;margin:0;display:flex}.bc-keys{opacity:.8;font-weight:400}.bc-pulled{grid-template-columns:var(--bc-cover-w) minmax(0, 1fr);align-items:start;gap:1.25rem;display:grid}.bc-cover{width:var(--bc-cover-w);aspect-ratio:3/4;box-shadow:var(--bc-lift);position:relative}.bc-cover__art{width:100%;height:100%;image-rendering:pixelated;display:block}.bc-cover__ground{fill:var(--bc-hue)}.bc-cover__ink{fill:var(--bc-ink)}.bc-cover__light{fill:var(--bc-paper)}.bc-cover[data-genre=blank] .bc-cover__ground{fill:var(--bc-back)}.bc-cover__plate{border:2px solid var(--bc-ink);background:var(--bc-paper);color:var(--bc-ink);gap:.125rem;padding:.25rem .375rem;display:grid;position:absolute;bottom:12%;left:20%;right:6%}.bc-cover__title{font-weight:700;font-size:var(--bc-t-cover);overflow-wrap:anywhere;line-height:1.2}.bc-cover__author{font-size:var(--bc-t-author);overflow-wrap:anywhere;line-height:1.2}.bc-pulled__words{gap:1rem;min-width:0;display:grid}.bc-pulled__head{gap:.25rem;display:grid}.bc-pulled__title{font-size:var(--bc-text-big);overflow-wrap:anywhere;margin:0;font-weight:700;line-height:1.25}.bc-pulled__by{font-size:var(--bc-text);margin:0}.bc-says{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.75rem;margin:0;display:grid}.bc-says__face{width:4rem;height:4rem;image-rendering:pixelated;border:var(--bc-rule) solid var(--bc-ink);background:var(--bc-paper)}.bc-says__words{border:var(--bc-rule) double var(--bc-accent);background:var(--bc-paper);font-size:var(--bc-text);gap:.25rem;padding:.5rem .75rem;line-height:1.5;display:grid}.bc-says__name{color:var(--bc-accent);font-size:.875em;font-weight:700}:where(html.dark) .bc--site .bc-says__name{color:var(--bc-ink)}.bc-putback{border:var(--bc-rule) solid var(--bc-ink);background:var(--bc-accent);min-height:2.75rem;color:var(--bc-accent-ink);font:inherit;box-shadow:var(--bc-lift-sm);cursor:pointer;justify-self:start;padding:.25rem 1.25rem;font-weight:700}.bc-putback:focus-visible{outline:var(--bc-rule) solid var(--bc-accent);outline-offset:3px}.bc--kiosk .bc-putback{min-width:12rem;min-height:5rem;font-size:var(--text-door-label)}@media (width<=599px){.bc--site .bc-pulled{grid-template-columns:minmax(0,1fr)}.bc--site{--bc-cover-w:10rem}}@keyframes bc-slide{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){:where(html[data-motion=on]) .bc--site .bc-spine,.bc--kiosk .bc-spine{transition:transform var(--bc-pull-time) steps(3, end)}:where(html[data-motion=on]) .bc--site .bc-pulled,.bc--kiosk .bc-pulled{animation:bc-slide var(--bc-slide-time) steps(4, end)}}.bk-page{background:var(--rb-paper);color:var(--rb-ink)}:where(html.dark) .bk-page{background:var(--rb-dark-paper);color:var(--rb-dark-ink)}html:not(:lang(ja)) .bk-page{--rb-font-text:var(--rb-font-ja-text)}.bk-hero{gap:var(--rb-space-6);padding:var(--rb-space-12) var(--rb-gutter,1rem) var(--rb-space-8);align-items:end;display:grid}.bk-hero__eyebrow{margin:0 0 var(--rb-space-3);font-size:var(--rb-text-sm);font-weight:var(--rb-weight-heavy);letter-spacing:var(--rb-tracking-display);color:var(--rb-accent)}:where(html.dark) .bk-hero__eyebrow{color:var(--rb-dark-ink)}.bk-hero__title{font-family:var(--rb-font-display-heavy);font-size:var(--rb-text-hero);line-height:var(--rb-leading-tight);letter-spacing:var(--rb-tracking-display);overflow-wrap:anywhere;margin:0}.bk-hero__lead{max-width:var(--rb-measure-jp,34em);margin:var(--rb-space-4) 0 0;font-size:var(--rb-text-xl);line-height:var(--rb-leading-snug)}.bk-hero__where{margin:var(--rb-space-2) 0 0;font-size:var(--rb-text-base);line-height:var(--rb-leading-snug)}.bk-hero__figure{justify-items:start;margin:0;display:grid}.bk-hero__art{--sn-k:2}.bk-wall{padding:var(--rb-space-6) var(--rb-gutter,1rem) var(--rb-space-12);background:var(--rb-kraft-wash)}:where(html.dark) .bk-wall{background:color-mix(in oklab, var(--rb-kraft) 22%, var(--rb-dark-paper))}.bk-ridge{width:100%;height:var(--rb-space-6);margin-bottom:var(--rb-space-4);display:block}.bk-catalogue{padding:var(--rb-space-12) var(--rb-gutter,1rem)}.bk-catalogue__title{margin:0 0 var(--rb-space-4);font-family:var(--rb-font-display);font-size:var(--rb-text-display);line-height:var(--rb-leading-tight)}.bk-catalogue__list{border-top:1px solid var(--rb-line-strong);margin:0;padding:0;list-style:none}.bk-catalogue__row{justify-content:space-between;gap:var(--rb-space-1) var(--rb-space-4);padding:var(--rb-space-3) 0;border-bottom:1px solid var(--rb-line);flex-wrap:wrap;display:flex}.bk-catalogue__name{font-weight:var(--rb-weight-heavy)}@media (width>=840px){.bk-hero{padding-inline:max(var(--rb-gutter,1rem), calc((100% - var(--rb-container,72rem)) / 2));grid-template-columns:minmax(0,1fr) auto}.bk-hero__figure{justify-items:end}.bk-hero__art{--sn-k:3}.bk-wall,.bk-catalogue{padding-inline:max(var(--rb-gutter,1rem), calc((100% - var(--rb-container,72rem)) / 2))}.bk-case.bc--site{--bc-row:11rem;--bc-w0:2.25rem;--bc-w1:2.625rem;--bc-w2:3rem;--bc-w3:3.5rem;--bc-cover-w:13rem}}}