@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";:root{color:#27242b;font-synthesis:none;text-rendering:optimizelegibility;background:#faf9f7;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{background:#faf9f7;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{border:0}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.header{justify-content:space-between;align-items:center;gap:30px;width:min(1180px,100% - 40px);margin:0 auto;padding:28px 0;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-logo{object-fit:contain;width:auto;height:42px;display:block}.brand-title{letter-spacing:.08em;font-size:15px;font-weight:700}.brand-subtitle{color:#99939b;margin-top:2px;font-size:12px}.header-actions{align-items:center;gap:10px;display:flex}.search-box{color:#aaa4aa;background:#fff;border:1px solid #e7e3df;border-radius:13px;align-items:center;gap:9px;width:270px;height:43px;padding:0 13px;transition:border-color .2s,box-shadow .2s;display:flex}.search-box:focus-within{border-color:#cbc4bd;box-shadow:0 4px 20px #27242b0d}.search-box input{color:#29262d;background:0 0;border:0;outline:0;width:100%;font-size:13px}.search-box input::placeholder{color:#aaa4aa}.search-clear{cursor:pointer;color:#aaa4aa;background:0 0;padding:0;font-size:20px;line-height:1}.main-content{width:min(1180px,100% - 40px);margin:0 auto;padding-bottom:80px}.hero{background:#f3eee8;border:1px solid #ebe7e2;border-radius:28px;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:55px;padding:50px 55px;display:flex}.eyebrow{letter-spacing:.15em;color:#9a9189;margin:0 0 15px;font-size:11px;font-weight:700}.hero h1{letter-spacing:-.035em;margin:0;font-family:Playfair Display,serif;font-size:clamp(38px,5vw,62px);font-weight:700;line-height:1.02}.hero h1 span{color:#9a8c7e}.hero-description{color:#827b77;max-width:570px;margin:22px 0 0;font-size:14px;line-height:1.7}.hero-stats{flex-shrink:0;gap:24px;display:flex}.hero .library-stat{text-align:center;background:#fff;border:1px solid #e7e3df;border-radius:14px;padding:12px 16px}.library-stat{background:#ffffffb8;border-radius:18px;min-width:145px;padding:20px 22px}.library-stat strong{font-family:Playfair Display,serif;font-size:34px;display:block}.library-stat span{color:#918983;font-size:12px}.hero .library-stat strong{font-size:22px;font-weight:700}.hero .library-stat span{color:#99939b;font-size:11px}.library-section{margin-top:65px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.section-heading h2{letter-spacing:-.02em;margin:0;font-family:Playfair Display,serif;font-size:30px}.section-heading p{color:#99929a;margin:7px 0 0;font-size:13px}.bookshelf{background:linear-gradient(160deg,#f7f0e4,#efe4d2);border:1px solid #e2d5bd;border-radius:24px;padding:34px 28px 26px;box-shadow:inset 0 1px #ffffffb3,0 22px 48px #4a3a281f}.bookshelf-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:34px 18px;display:grid}.book{cursor:pointer;background:0 0;flex-direction:column;padding:0;display:flex;position:relative}.book-3d{--d:52px;--paper:#fff;--paper-line:#cbbfa8;aspect-ratio:2/3;width:100%;transform-style:preserve-3d;filter:drop-shadow(0 28px 22px #2d1e126b)drop-shadow(0 10px 14px #00000047);align-self:center;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .55s;position:relative;transform:perspective(650px)rotateY(-42deg)rotateX(4deg)}.book:hover .book-3d,.book:focus-visible .book-3d{filter:drop-shadow(0 34px 28px #2d1e1270)drop-shadow(0 14px 16px #0000004d);transform:perspective(650px)rotateY(-18deg)rotateX(2deg)translateY(-10px)}.book-face{backface-visibility:hidden;position:absolute;inset:0}.book-front{transform:translateZ(calc(var(--d) / 2));background:#e9e2d6;border:2px solid #1a1714;border-left:0;border-radius:2px 6px 6px 2px;overflow:hidden;box-shadow:inset 5px 0 12px #00000080,inset 0 1px #ffffff73}.book-front img{object-fit:cover;width:100%;height:100%;display:block}.book-front:before{content:"";z-index:1;pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 3px 0 #ffffffe6}.book-front:after{content:"";z-index:2;pointer-events:none;border-radius:inherit;background:linear-gradient(105deg,#ffffff4d 0%,#ffffff14 22%,#fff0 42%),linear-gradient(#ffffff2e 0%,#fff0 18%);position:absolute;inset:0}.book-back{transform:translateZ(calc(var(--d) * -.5)) rotateY(180deg);background:hsl(var(--book-hue,30) 30% 78%);border:2px solid #1a1714;border-right:0;border-radius:7px 2px 2px 7px;box-shadow:inset -6px 0 12px #00000047}.book-spine{width:var(--d);transform-origin:0;transform:rotateY(-90deg) translateX(calc(var(--d) * -.5));background:linear-gradient(90deg, hsl(var(--book-hue,30) 34% 26%), hsl(var(--book-hue,30) 38% 44%) 48%, hsl(var(--book-hue,30) 42% 52%) 55%, hsl(var(--book-hue,30) 32% 22%));justify-content:center;align-items:center;display:flex;inset:0 auto 0 0;overflow:hidden;box-shadow:inset 0 1px #ffffff38,inset 0 -1px #00000038}.book-spine span{writing-mode:vertical-rl;letter-spacing:.06em;color:#ffffffe6;text-shadow:0 1px 2px #0006;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:100%;font-family:Playfair Display,serif;font-size:12px;font-weight:700;display:-webkit-box;overflow:hidden;transform:rotate(180deg)}.book-pages{width:var(--d);transform-origin:100%;transform:rotateY(90deg) translateX(calc(var(--d) * .5));background-color:#fff;background-image:repeating-linear-gradient(0deg,#0000 0 2.2px,#e8e0cc 2.2px 2.6px);border:1px solid #1a1714;border-left:0;border-radius:0 2px 2px 0;inset:3px 0 3px auto;box-shadow:inset 0 1px #fff,inset 4px 0 10px #0000002e}.book-top,.book-bottom{height:var(--d);backface-visibility:hidden;background-color:#fff;background-image:repeating-linear-gradient(90deg,#0000 0 2.2px,#e8e0cc 2.2px 2.5px);border:1px solid #1a1714;position:absolute;left:5px;right:5px;box-shadow:inset 0 0 0 1px #fff9}.book-top{transform-origin:top;transform:rotateX(90deg) translateY(calc(var(--d) * -.5));border-radius:3px 3px 0 0;top:0}.book-bottom{transform-origin:bottom;transform:rotateX(-90deg) translateY(calc(var(--d) * .5));border-radius:0 0 3px 3px;bottom:0}.book-ledge{background:linear-gradient(#ffffff38,#0000 22%),linear-gradient(90deg,#c9a27a 0%,#b28b63 45%,#9a734d 70%,#896742 100%);border-radius:3px;height:14px;margin:8px -6px 0;display:block;box-shadow:0 12px 18px #4a37234d,0 2px #0000001f,inset 0 1px #fff6}.book-info{margin-top:16px;padding:0 2px;position:relative}.book-info h3{-webkit-line-clamp:2;color:#302c32;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.book-info p{color:#aaa3a8;margin:8px 0 0;font-size:11px}.empty-state{text-align:center;border:1px dashed #ded9d4;border-radius:20px;padding:70px 20px}.empty-icon{color:#aaa;font-size:35px}.empty-state h3{margin:12px 0 5px}.empty-state p{color:#999;margin:0;font-size:13px}.empty-state code{background:#f0ece7;border-radius:5px;padding:1px 6px;font-size:12px}.not-found-wrap{margin-top:80px}.back-button{color:#5f595e;cursor:pointer;background:#fff;border:1px solid #e7e3df;border-radius:11px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;transition:all .2s;display:inline-flex}.back-button:hover{color:#fff;background:#29262d;border-color:#29262d}.reader{z-index:100;background:#0a0a0a;display:flex;position:fixed;inset:0}.reader-frame{background:#0a0a0a;border:0;flex:1;width:100%;height:100%}.reader-close{z-index:101;color:#f4f4f5;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#18181bd1;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;max-width:calc(100vw - 24px);padding:10px 14px;font-size:13px;transition:all .2s;display:inline-flex;position:fixed;top:12px;left:12px;box-shadow:0 8px 24px #00000059}.reader-close:hover{color:#18181b;background:#f4f4f5;border-color:#f4f4f5}@media (width<=760px){.reader-close{border-radius:999px;gap:0;padding:9px 10px;top:10px;left:10px}.reader-close-label{display:none}}.reader-loading,.reader-message{color:#a1a1aa;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;display:flex}.reader-loading-book{width:74px;height:104px;transform-style:preserve-3d;animation:1.6s ease-in-out infinite reader-book-bob;position:relative;transform:perspective(700px)rotateY(-24deg)}@keyframes reader-book-bob{0%,to{transform:perspective(700px)rotateY(-24deg)translateY(0)}50%{transform:perspective(700px)rotateY(-24deg)translateY(-8px)}}.reader-loading-cover{background:linear-gradient(150deg,#3f3f46,#27272a);border-radius:3px 6px 6px 3px;position:absolute;inset:0;box-shadow:0 14px 26px #00000080}.reader-loading-spine{transform-origin:0;background:linear-gradient(90deg,#52525b,#3f3f46);width:16px;position:absolute;top:0;bottom:0;left:0;transform:rotateY(-90deg)translate(-8px)}.reader-loading p{letter-spacing:.04em;margin:0;font-size:13px}.reader-message h3{color:#f4f4f5;margin:0;font-family:Playfair Display,serif;font-size:22px}.reader-message p{margin:0;font-size:13px}@media (width<=850px){.header{flex-direction:column;align-items:flex-start;gap:16px}.header-actions,.search-box{width:100%}.hero{flex-direction:column;align-items:flex-start;padding:35px}}@media (width<=700px){.bookshelf-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:28px 12px}.book-3d{--d:22px}.book-spine span{font-size:10px}}@media (width<=600px){.header,.main-content{width:min(100% - 24px,1180px)}.header{flex-direction:column;gap:18px;padding:18px 0}.header-actions{width:100%}.hero{border-radius:22px;margin-top:25px;padding:28px}.hero h1{font-size:39px}.hero .hero-stats{flex-shrink:1;gap:10px;width:100%}.hero .hero-stats .library-stat{flex:1;width:auto;min-width:0;padding:10px 12px}.library-section{margin-top:45px}.bookshelf{padding:22px 14px 16px}}@media (width<=480px){.bookshelf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.book-info h3{font-size:12px}}