.bookshelf-page{--wood-top:#9a6a3e;--wood-front:#5a3620;--shelf-shadow:rgba(20,10,4,.3)}[data-theme=dark] .bookshelf-page{--wood-top:#5f3e28;--wood-front:#311f12;--shelf-shadow:rgba(0,0,0,.55)}.bookshelf-page .page-title{text-align:center}.bookshelf-page .page-subtitle{text-align:center;color:var(--color-text-muted);margin-top:-.25rem;margin-bottom:3rem}.bookshelf-stage{position:relative}.bookshelf-veil{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-bg) 35%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:var(--radius);z-index:5}.bookshelf-veil .coming-soon{font-family:Georgia,Times New Roman,serif;font-size:clamp(1.4rem,3.6vw,2.2rem);font-weight:700;letter-spacing:.06em;color:var(--color-text);padding:.6em 1.2em;border-radius:999px;background:color-mix(in srgb,var(--color-surface) 80%,transparent);border:1px solid var(--color-border);box-shadow:var(--shadow-strong)}.bookshelf-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-gap:2.5rem 3rem;gap:2.5rem 3rem;max-width:1100px;margin:0 auto}.bookshelf-grid .cell-1{grid-column:1;grid-row:1}.bookshelf-grid .cell-2{grid-column:2;grid-row:2}@media (max-width:820px){.bookshelf-grid{grid-template-columns:1fr;gap:2.5rem}.bookshelf-grid .cell-1,.bookshelf-grid .cell-2{grid-column:1;grid-row:auto}}.shelf-2d{display:flex;flex-direction:column;align-items:stretch;padding:20px 0 24px}.books-row{display:flex;align-items:flex-end;justify-content:center;gap:7px;padding:0 18px;min-height:180px}.shelf-board{height:16px;background:var(--wood-top);border-bottom:8px solid var(--wood-front);border-radius:2px;box-shadow:0 6px 12px -4px var(--shelf-shadow)}.book{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;font:inherit;flex:0 0 auto;width:var(--book-w,34px);height:var(--book-h,150px);background:var(--book-c,#7b3f3f);border-radius:3px 4px 0 0;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);transition:transform .25s ease,box-shadow .25s ease}.book:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(transparent 12%,rgba(0,0,0,.28) 0,rgba(0,0,0,.28) 15%,transparent 0),linear-gradient(transparent 85%,rgba(0,0,0,.28) 0,rgba(0,0,0,.28) 88%,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.2),transparent 35%);pointer-events:none}.book-title{position:relative;z-index:1;writing-mode:vertical-rl;transform:rotate(180deg);font-family:Georgia,Times New Roman,Iowan Old Style,serif;font-size:.64rem;font-weight:700;letter-spacing:.04em;color:color-mix(in srgb,var(--book-c,#7b3f3f) 38%,#f0d99a 62%);text-shadow:0 1px 1px rgba(0,0,0,.55),0 -1px 0 hsla(0,0%,100%,.12);white-space:nowrap;overflow:hidden;max-height:84%;pointer-events:none}.book.laid{border-radius:3px}.book.laid .book-title--h{writing-mode:horizontal-tb;transform:none}.book.up{transform:translateY(-16px);box-shadow:0 12px 18px -8px rgba(0,0,0,.45);z-index:2}.book:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}