:root{--bg-deep:#111;--bg-primary:#1a1815;--bg-secondary:#252220;--bg-shelf:#2c1810;--bg-shelf-light:#3d2b1f;--bg-modal:#1a1815;--text-primary:#f0e6d3;--text-secondary:#b8a89a;--text-muted:#6b5b4f;--accent-gold:#c9a96e;--accent-gold-light:#e2cfa0;--accent-gold-dim:#7a6a42;--shelf-wood:linear-gradient(180deg,#5a4535,#4a3728 15%,#3d2b1f 40%,#4a3728 60%,#5a4535 80%,#3d2b1f);--shelf-wood-edge:linear-gradient(90deg,#3d2b1f,#6b5540 30%,#5a4535 50%,#6b5540 70%,#3d2b1f);--shelf-shadow:0 12px 40px rgba(0,0,0,.7);--book-depth:30px;--book-hover-lift:-16px;--book-transition:0.4s cubic-bezier(0.25,0.46,0.45,0.94);--font-heading:"Playfair Display",Georgia,serif;--font-body:"Libre Baskerville","Times New Roman",serif;--shelf-height:280px;--shelf-plank-height:22px;--shelf-padding:40px;--book-gap:5px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-deep);line-height:1.6;min-height:100vh;overflow-x:hidden}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--accent-gold-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;transition:transform .4s ease,opacity .4s ease;background:linear-gradient(180deg,hsla(0,0%,7%,.95),hsla(0,0%,7%,.8) 60%,transparent);pointer-events:auto}.site-header.hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.site-header-left{display:flex;align-items:baseline;gap:16px;flex-shrink:0}.site-title{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--text-primary);letter-spacing:.06em;text-transform:lowercase;white-space:nowrap}.site-title .accent{color:var(--accent-gold)}.site-subtitle{font-family:var(--font-body);font-size:.75rem;color:var(--text-muted);font-style:italic;letter-spacing:.02em;white-space:nowrap}.search-container{position:relative;width:240px;flex-shrink:0}.search-input{width:100%;padding:8px 14px 8px 34px;background:hsla(0,0%,100%,.06);border:1px solid hsla(39,46%,61%,.2);border-radius:6px;color:var(--text-primary);font-family:var(--font-body);font-size:.8rem;outline:none;transition:border-color .2s,background .2s}.search-input::placeholder{color:var(--text-muted);font-style:italic}.search-input:focus{border-color:var(--accent-gold);background:hsla(0,0%,100%,.1)}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.85rem;pointer-events:none}.filter-pills{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex:1 1;min-width:0}.filter-pills::-webkit-scrollbar{display:none}.filter-pill{padding:4px 12px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;color:var(--text-muted);font-family:var(--font-body);font-size:.7rem;cursor:pointer;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0}.filter-pill:hover{border-color:var(--accent-gold-dim);color:var(--text-secondary)}.filter-pill.active{background:var(--accent-gold);color:var(--bg-deep);border-color:var(--accent-gold);font-weight:600}.book-count{font-family:var(--font-body);font-size:.75rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.bookshelf-container{width:100%;padding-top:80px}.virtual-shelf-wrapper{width:100%;overflow:auto}.shelf-row{position:relative;padding:30px var(--shelf-padding) 0;min-height:var(--shelf-height);display:flex;align-items:flex-end;justify-content:center;gap:var(--book-gap);perspective:1800px}.shelf-plank{position:absolute;bottom:0;left:0;right:0;height:var(--shelf-plank-height);background:var(--shelf-wood);box-shadow:var(--shelf-shadow);z-index:2}.shelf-plank:before{top:0;height:4px;background:var(--shelf-wood-edge)}.shelf-plank:after,.shelf-plank:before{content:"";position:absolute;left:0;right:0}.shelf-plank:after{bottom:-12px;height:12px;background:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.shelf-row:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0,hsla(39,46%,61%,.03) 0,transparent 70%);pointer-events:none}.book-3d-wrapper{position:relative;z-index:1;padding-bottom:var(--shelf-plank-height);cursor:pointer;outline:none;filter:drop-shadow(2px 4px 8px rgba(0,0,0,.5));transition:filter var(--book-transition),transform var(--book-transition)}.book-3d-wrapper:focus-visible,.book-3d-wrapper:hover{filter:drop-shadow(6px 12px 24px rgba(0,0,0,.7));z-index:10}.book-3d-wrapper:focus-visible .book-3d{outline:2px solid var(--accent-gold);outline-offset:4px;border-radius:2px}.book-3d{position:relative;width:var(--book-width,40px);height:var(--book-height,190px);transform-style:preserve-3d;transition:transform var(--book-transition);transform:rotateY(0deg) translateY(0)}.book-3d-wrapper:focus-visible .book-3d,.book-3d-wrapper:hover .book-3d{transform:rotateY(-22deg) translateY(var(--book-hover-lift))}.book-face{position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden}.book-front{width:100%;height:100%;background-color:var(--book-spine-color,#2c1810);border-radius:0 3px 3px 0;transform:translateZ(calc(var(--book-depth) / 2));display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 6px;overflow:hidden;position:relative}.book-front.has-cover{background-size:cover;background-position:50%;background-repeat:no-repeat;padding:0}.book-front-overlay{position:absolute;inset:0;border-radius:0 3px 3px 0;box-shadow:inset -3px 0 12px rgba(0,0,0,.4),inset 3px 0 6px rgba(0,0,0,.15);pointer-events:none}.book-front.has-cover .book-front-overlay{box-shadow:inset -4px 0 16px rgba(0,0,0,.35),inset 3px 0 8px rgba(0,0,0,.1)}.book-front-title{font-family:var(--font-heading);font-size:.55rem;color:var(--book-accent-color,#d4a574);line-height:1.3;word-break:break-word}.book-front-author,.book-front-title{text-align:center;position:relative;z-index:1}.book-front-author{font-family:var(--font-body);font-size:.4rem;color:hsla(0,0%,100%,.5);margin-top:4px}.book-spine{width:var(--book-depth);background:var(--book-spine-color,#2c1810);transform:rotateY(-90deg) translateZ(0);transform-origin:left center;box-shadow:inset 0 0 10px rgba(0,0,0,.5);border-left:2px solid hsla(0,0%,100%,.04);border-right:2px solid rgba(0,0,0,.3)}.book-spine,.spine-content{height:100%;overflow:hidden}.spine-content{writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed;display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 2px}.spine-title{font-family:var(--font-heading);font-size:.55rem;font-weight:700;letter-spacing:.04em;flex:1 1;min-height:0}.spine-author,.spine-title{color:var(--book-accent-color,#d4a574);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spine-author{font-family:var(--font-body);font-size:.4rem;opacity:.7;flex-shrink:0}.spine-line{display:block;width:1px;height:8px;background:var(--book-accent-color,#d4a574);opacity:.4;flex-shrink:0}.book-back{width:100%;height:100%;background:var(--book-spine-color,#2c1810);transform:translateZ(calc(var(--book-depth) / -2));border-radius:3px 0 0 3px;filter:brightness(.8)}.book-top{width:100%;height:var(--book-depth);background:linear-gradient(90deg,#f5f0e8,#e8e0d0,#f5f0e8);transform:rotateX(90deg) translateZ(0);transform-origin:top center;border:1px solid rgba(0,0,0,.08)}.book-top.aged-pages{background:linear-gradient(90deg,#e8dcc0,#d8c8a0,#e8dcc0)}.book-bottom{width:100%;height:var(--book-depth);background:linear-gradient(90deg,#e8e0d0,#d4cdc0,#e8e0d0);transform:rotateX(-90deg) translateZ(0);transform-origin:bottom center}.book-pages{width:var(--book-depth);height:100%;background:linear-gradient(180deg,#f5f0e8,#ede5d8 2%,#f5f0e8 4%,#ede5d8 6%,#f5f0e8 8%,#ede5d8 10%,#f5f0e8 12%,#ede5d8 14%,#f5f0e8);transform:rotateY(90deg) translateZ(calc(var(--book-width, 40px) - var(--book-depth) / 2));transform-origin:right center;border-top:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.1)}.book-pages.aged-pages{background:linear-gradient(180deg,#e8dcc0,#d8c8a0 3%,#e8dcc0 6%,#d8c8a0 9%,#e8dcc0 12%,#d8c8a0)}.book-favorite{position:absolute;top:4px;right:2px;font-size:.6rem;z-index:5;transform:translateZ(calc(var(--book-depth) / 2 + 1px));color:var(--accent-gold)}.material-leather .book-front:not(.has-cover):before,.material-spine-leather:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,rgba(0,0,0,.03) 1px,transparent 2px),repeating-linear-gradient(90deg,transparent,rgba(0,0,0,.02) 1px,transparent 3px);pointer-events:none}.material-leather .spine-author,.material-leather .spine-title{text-shadow:0 0 2px rgba(184,150,12,.3)}.material-leather .book-front-title{text-shadow:0 0 3px rgba(184,150,12,.3)}.material-cloth .book-front:not(.has-cover):before,.material-spine-cloth:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,hsla(0,0%,100%,.015) 1px,transparent 2px),repeating-linear-gradient(90deg,transparent,hsla(0,0%,100%,.01) 1px,transparent 2px);pointer-events:none}.material-red-guide .book-front:not(.has-cover){border:1px solid hsla(0,0%,100%,.08)}.material-spine-red-guide{border-left:2px solid hsla(0,0%,100%,.08)!important;border-right:2px solid rgba(0,0,0,.3)!important}.material-spine-red-guide .spine-line{background:var(--book-accent-color);opacity:.6;height:12px}.material-vintage .book-front:not(.has-cover):after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 100% 0,rgba(0,0,0,.15) 0,transparent 40%),radial-gradient(ellipse at 0 100%,rgba(0,0,0,.1) 0,transparent 30%);pointer-events:none;border-radius:0 3px 3px 0}.material-paperback .book-front.has-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.08),transparent 40%,transparent 60%,hsla(0,0%,100%,.03));pointer-events:none;border-radius:0 3px 3px 0}.material-hardcover .book-front.has-cover .book-front-overlay{box-shadow:inset -3px 0 12px rgba(0,0,0,.3),inset 4px 0 3px rgba(0,0,0,.15)}.detail-book-front.has-cover{background-size:cover;background-position:50%;background-repeat:no-repeat;padding:0}.detail-overlay{position:fixed;inset:0;background:var(--bg-modal);z-index:1000;animation:detailFadeIn .4s ease-out;overflow-y:auto}@keyframes detailFadeIn{0%{opacity:0}to{opacity:1}}.detail-close{position:fixed;top:24px;left:32px;background:none;border:none;color:var(--text-secondary);font-family:var(--font-body);font-size:.9rem;cursor:pointer;padding:8px 12px;border-radius:6px;transition:color .2s,background .2s;z-index:1001;display:flex;align-items:center;gap:8px}.detail-close:hover{color:var(--text-primary);background:hsla(0,0%,100%,.05)}.detail-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 60px;gap:80px;animation:detailSlideUp .5s cubic-bezier(.25,.46,.45,.94)}@keyframes detailSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.detail-book-display{flex-shrink:0;perspective:1200px}.detail-book-3d{width:220px;height:320px;transform-style:preserve-3d;transform:rotateY(-25deg) rotateX(2deg);filter:drop-shadow(12px 20px 40px rgba(0,0,0,.6));animation:detailBookRotate .8s cubic-bezier(.25,.46,.45,.94)}@keyframes detailBookRotate{0%{transform:rotateY(-60deg) rotateX(5deg);opacity:0}to{transform:rotateY(-25deg) rotateX(2deg);opacity:1}}.detail-book-front{position:absolute;width:100%;height:100%;background:var(--book-spine-color,#2c1810);border-radius:0 4px 4px 0;transform:translateZ(20px);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px 16px;box-shadow:inset -4px 0 16px rgba(0,0,0,.3);-webkit-backface-visibility:hidden;backface-visibility:hidden}.detail-book-front-title{font-family:var(--font-heading);font-size:1.2rem;color:var(--book-accent-color,#d4a574);text-align:center;line-height:1.3;margin-bottom:12px}.detail-book-front-author{font-family:var(--font-body);font-size:.75rem;color:hsla(0,0%,100%,.6);text-align:center}.detail-book-spine{background:var(--book-spine-color,#2c1810);transform:rotateY(-90deg) translateZ(0);transform-origin:left center;box-shadow:inset 0 0 12px rgba(0,0,0,.5);border-left:2px solid hsla(0,0%,100%,.04);border-right:2px solid rgba(0,0,0,.3)}.detail-book-pages,.detail-book-spine{position:absolute;width:40px;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.detail-book-pages{background:linear-gradient(180deg,#f5f0e8,#ede5d8 3%,#f5f0e8 6%,#ede5d8 9%,#f5f0e8 12%,#ede5d8);transform:rotateY(90deg) translateZ(180px);transform-origin:right center}.detail-book-back{height:100%;background:var(--book-spine-color,#2c1810);transform:translateZ(-20px);border-radius:4px 0 0 4px;filter:brightness(.75)}.detail-book-back,.detail-book-top{position:absolute;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.detail-book-top{height:40px;background:linear-gradient(90deg,#f5f0e8,#e8e0d0);transform:rotateX(90deg) translateZ(0);transform-origin:top center}.detail-text{max-width:480px}.detail-title{font-family:var(--font-heading);font-size:2.4rem;color:var(--text-primary);margin-bottom:8px;line-height:1.15}.detail-author{font-family:var(--font-body);font-size:1.1rem;color:var(--accent-gold);font-style:italic;margin-bottom:24px}.detail-divider{width:60px;height:2px;background:var(--accent-gold-dim);margin-bottom:24px}.detail-meta{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px;font-size:.85rem;color:var(--text-secondary)}.detail-meta-item{display:flex;align-items:center;gap:6px}.detail-rating{color:var(--accent-gold);letter-spacing:3px;font-size:1rem}.detail-genres{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.detail-genre{padding:4px 14px;background:hsla(39,46%,61%,.1);border:1px solid hsla(39,46%,61%,.2);border-radius:20px;font-size:.8rem;color:var(--accent-gold)}.detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:28px}.detail-tag{padding:3px 10px;background:hsla(0,0%,100%,.04);border-radius:12px;font-size:.75rem;color:var(--text-muted)}.detail-notes{font-family:var(--font-body);font-size:1rem;color:var(--text-secondary);line-height:1.8;font-style:italic;border-top:1px solid hsla(39,46%,61%,.12);padding-top:24px}@media (max-width:1024px){.detail-layout{flex-direction:column;padding:100px 40px 60px;gap:48px}.site-subtitle{display:none}.filter-pills{max-width:300px}}@media (max-width:768px){.site-header{padding:16px 20px;flex-wrap:wrap;gap:12px}.site-title{font-size:1.1rem}.search-container{width:180px}.filter-pills{display:none}.shelf-row{padding:24px 16px 0;justify-content:flex-start}.detail-layout{padding:80px 24px 40px;gap:36px}.detail-book-3d{width:160px;height:240px}.detail-title{font-size:1.6rem}:root{--shelf-height:240px;--shelf-padding:16px;--book-depth:24px}}@media (max-width:480px){.site-header-left{gap:8px}.search-container{width:140px}.book-count{display:none}.detail-book-3d{width:130px;height:200px;transform:rotateY(-20deg) rotateX(2deg)}.detail-title{font-size:1.3rem}.detail-author{font-size:.95rem}:root{--shelf-height:210px;--book-depth:20px}}