:root{color:#2c2118;background:#f4f1ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}[hidden]{display:none!important}body{min-width:320px;height:100vh;margin:0;overflow:hidden}button,.download{color:#f6f8f9;cursor:pointer;font:inherit;background:#1f272d;border:1px solid #ffffff2e;border-radius:6px;justify-content:center;align-items:center;min-width:44px;min-height:40px;padding:0 14px;font-weight:700;text-decoration:none;display:inline-flex}button:disabled{cursor:not-allowed;opacity:.45}.app{grid-template-rows:auto minmax(0,1fr);height:100vh;display:grid;overflow:hidden}.topbar{color:#fff;z-index:2;background:#6e41a4;justify-content:flex-end;align-items:center;min-height:38px;padding:8px 18px;display:flex;position:relative}.topbar h1{letter-spacing:0;text-overflow:ellipsis;text-align:center;white-space:nowrap;max-width:min(760px,100vw - 440px);margin:0;font-size:20px;font-weight:800;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.search{color:#6a625c;z-index:1;background:#fff;border-radius:999px;align-items:center;gap:8px;width:min(360px,34vw);min-height:38px;padding:0 14px;display:flex;position:relative}.search input{color:#2c2118;font:inherit;border:0;outline:0;flex:1;min-width:0}.library{background:linear-gradient(90deg,#ffffff6b,#ffffff14,#ffffff6b),repeating-linear-gradient(165deg,#4c4b4a0d 0 2px,#0000 2px 34px),#f2f0ec;min-height:0;padding:36px 38px 76px;overflow:auto}.shelves{gap:42px;display:grid}.shelf-section{min-width:0}.shelf-section h2{color:#6c3a12;letter-spacing:0;text-align:center;justify-content:center;align-items:center;margin:0 0 22px;font-size:16px;font-weight:800;display:flex}.shelf-section h2:before,.shelf-section h2:after{content:"";background:#a57a51;width:80px;height:1px;margin:0 10px;display:block}.shelf-section h2{text-shadow:0 1px #ffffff73}.bookcase{background:linear-gradient(90deg,#4c2919 0 14px,#0000 14px calc(100% - 14px),#4c2919 calc(100% - 14px)),radial-gradient(circle at 50% 20%,#ffeac214,#0000 36%),linear-gradient(#2a1711 0%,#160d0a 100%);border:10px solid #6f3f25;gap:0;max-width:1500px;margin-inline:auto;padding:18px 24px 0;display:grid;box-shadow:inset 0 0 0 2px #ffd8971f,0 20px 36px #3923124d}.bookcase-row{min-height:232px;position:relative}.shelf-books{z-index:1;grid-template-columns:repeat(9,132px);justify-content:center;place-items:end center;gap:0 14px;width:100%;min-height:208px;padding:0 26px 26px;display:grid;position:relative}.shelf-rail{background:linear-gradient(#ffdda22e,#0000 20%),linear-gradient(#9c6135 0%,#6e3d22 54%,#3f2418 100%),repeating-linear-gradient(90deg,#ffffff14 0 10px,#0000 10px 30px);border-radius:1px;height:22px;position:absolute;bottom:0;left:-24px;right:-24px;box-shadow:inset 0 1px #ffebbc29,0 16px 24px #00000061}.shelf-rail:before,.shelf-rail:after{content:"";opacity:.8;border-bottom:62px solid #4b2a1b;border-left:2px solid #0000;border-right:2px solid #0000;width:0;position:absolute;bottom:2px}.shelf-rail:before{left:16px;transform:rotate(16deg)}.shelf-rail:after{right:16px;transform:rotate(-16deg)}.book-card{--cover-width:118px;color:#30271f;transform-origin:100% 100%;min-width:0;min-height:0;width:var(--cover-width);background:0 0;border:0;justify-items:center;gap:0;padding:0;transition:transform .16s;display:grid;position:relative;transform:perspective(520px)rotateY(-4deg)}.book-card:before{content:"";filter:blur(5px);background:#0000006b;border-radius:50%;height:10px;position:absolute;bottom:31px;left:12%;right:12%}.book-card:focus-visible{outline-offset:6px;outline:3px solid #7e54c8}.book-card:after{content:"";pointer-events:none;z-index:3;border:2px solid #0000;border-radius:6px;transition:border-color .2s,box-shadow .2s;position:absolute;inset:-4px}.book-card:hover:after,.book-card:focus-visible:after{border-color:#fffc;box-shadow:0 0 18px #b4d2ffb3,0 0 6px #ffffff80}.book-cover{color:#23344c;text-align:center;background:linear-gradient(145deg,#fdfdfd,#dbe9ff);border:1px solid #3a312b2e;border-bottom:0;justify-content:center;align-self:end;align-items:flex-end;min-width:84px;min-height:84px;font-size:12px;font-weight:800;transition:box-shadow .16s;display:flex;position:relative;overflow:hidden;box-shadow:inset 8px 0 10px #0000001f,inset -2px 0 #ffffff61,0 12px 18px #00000052}.book-card:hover .book-cover,.book-card:focus-visible .book-cover{box-shadow:inset 8px 0 10px #0000001f,inset -2px 0 #ffffff6b,0 12px 18px #00000052}.book-download{color:#fff;cursor:pointer;opacity:0;pointer-events:none;z-index:4;background:#6e41a4e0;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .18s,background .16s;display:flex;position:absolute;bottom:4px;right:4px}.book-card:hover .book-download{opacity:1;pointer-events:auto}.book-download:hover{background:#6e41a4}.book-cover:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000002e,#0000);width:12px;position:absolute;top:0;bottom:0;left:0}.book-cover canvas,.book-cover img{width:auto;height:auto;display:block}.book-cover.is-landscape{margin-bottom:2px}.book-cover-saleskit{background:linear-gradient(145deg,#fff,#ddecff)}.book-cover-manual{background:linear-gradient(145deg,#fff,#eef0ff)}.book-cover-comparison{color:#fff;background:linear-gradient(145deg,#2558ff,#67cdfd)}.book-cover-guide{color:#fff;background:linear-gradient(145deg,#0450b6,#47d4ee)}.book-title{color:#3b3027;text-align:center;height:42px;width:var(--cover-width);z-index:1;-webkit-line-clamp:3;background:#fffffff0;border:1px solid #3a312b1a;border-top:none;-webkit-box-orient:vertical;padding:3px 4px 4px;font-size:11px;font-weight:400;line-height:1.28;display:-webkit-box;position:relative;overflow:hidden;box-shadow:0 8px 12px #0000002e}.empty{color:#5a514b;text-align:center;margin:120px 0 0;font-size:18px;font-weight:800}.reader{color:#eef2f4;background:radial-gradient(circle at top,#263039 0,#111417 46%,#090b0d 100%);grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid;overflow:hidden}.viewer{justify-content:center;align-items:center;min-height:0;padding:8px 16px;display:flex;overflow:hidden}.book-wrap{justify-content:center;align-items:center;width:calc(100vw - 32px);max-height:100%;display:flex;overflow:hidden}.book{filter:drop-shadow(0 24px 42px #00000080);max-width:calc(100vw - 32px);max-height:100%;margin:0 auto;transition:transform .18s}.page{background:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #2021241f}.page canvas{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.page-blank{background:#f8f8f8}.page.--left{border-right:1px solid #2021241f}.page.--right{border-left:1px solid #2021241f}.footer{color:#d8dee3;background:#11181d;border-top:1px solid #2b353d;justify-content:center;align-items:center;gap:12px;padding:10px 18px;display:flex}.page-jump{color:#d8dee3;background:#0b1014;border:1px solid #2b353d;border-radius:6px;align-items:center;gap:6px;min-height:40px;padding:0 10px;font-weight:800;display:inline-flex}.page-jump input{color:#fff;font:inherit;font-variant-numeric:tabular-nums;text-align:right;background:0 0;border:0;outline:0;width:54px;font-weight:800}.page-jump input:disabled{opacity:.5}.page-jump input::-webkit-outer-spin-button{margin:0}.page-jump input::-webkit-inner-spin-button{margin:0}.page-info{font-variant-numeric:tabular-nums;text-align:center;min-width:76px;font-weight:800}.status{min-width:220px}.print-frame{opacity:0;pointer-events:none;border:0;width:0;height:0;position:fixed;top:0;right:0}@media (width<=760px){.topbar{flex-direction:column;justify-content:center;align-items:stretch}.topbar h1{max-width:100%;font-size:16px;position:static;transform:none}.search{width:100%}.library{padding:26px 16px 48px}.bookcase{border-width:8px;padding:14px 10px 0}.bookcase-row{min-height:204px}.shelf-books{grid-template-columns:repeat(auto-fill,118px);justify-content:center;column-gap:10px;min-height:184px;padding-inline:8px}.shelf-rail{left:-10px;right:-10px}.book-card{transform-origin:bottom;width:var(--cover-width);transform:scale(.92)}.book-title{width:var(--cover-width);font-size:11px}.footer{flex-wrap:wrap}.status{text-align:center;flex-basis:100%;min-width:0}}