:root{--bg-dark: #111315;--bg-pattern: #17191c;--wood-top-light: #edd1ae;--wood-top-mid: #cf9b65;--wood-top-dark: #9e642e;--wood-front-light: #874917;--wood-front-dark: #4b2207;--wood-shadow: rgba(0, 0, 0, .85);--metal-base: #8e959d;--metal-highlight: #ffffff;--accent-gold: #e5a93b;--accent-gold-hover: #f7bc54;--text-main: #f0f3f6;--text-muted: #8b949e}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text-main);background-color:var(--bg-dark);min-height:100vh;overflow-x:hidden;user-select:none;background-image:radial-gradient(ellipse at 50% 38%,#303a406b,#080a0bfa 88%),linear-gradient(45deg,#15181b 25%,transparent 25%),linear-gradient(-45deg,#15181b 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#15181b 75%),linear-gradient(-45deg,transparent 75%,#15181b 75%);background-size:100% 100%,10px 10px,10px 10px,10px 10px,10px 10px;background-position:0 0,0 0,5px 0,5px -5px,0px 5px}.top-navbar{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:14px 36px;background:#121417d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 4px 28px #0009}.brand-section{display:flex;align-items:center;gap:14px}.brand-icon{font-size:26px;filter:drop-shadow(0 2px 8px rgba(229,169,59,.4))}.brand-title{font-size:20px;font-weight:800;letter-spacing:1.6px;background:linear-gradient(135deg,#fff 40%,#c58d53);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase}.book-counter{font-size:12px;padding:3px 10px;border-radius:20px;background:#ffffff14;color:var(--accent-gold);border:1px solid rgba(229,169,59,.3)}.mode-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;letter-spacing:.5px;transition:all .25s ease}body.mode-visitor .mode-badge{background:#388bfd26;color:#79c0ff;border:1px solid rgba(56,139,253,.35)}body.mode-admin .mode-badge{background:#e5a93b33;color:var(--accent-gold);border:1px solid rgba(229,169,59,.45)}.actions-section{display:flex;align-items:center;gap:12px}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.2,.8,.2,1);outline:none}.btn-primary{background:linear-gradient(180deg,#d8964d,#a46124);color:#fff;border:1px solid #e7ad6b;box-shadow:0 3px 12px #a4612473,inset 0 1px #ffffff59;text-shadow:0 1px 2px rgba(0,0,0,.4)}.btn-primary:hover{transform:translateY(-2px);background:linear-gradient(180deg,#e5a45b,#b86e2b);box-shadow:0 6px 18px #a46124a6,inset 0 1px #ffffff80}.btn-secondary{background:#ffffff0f;color:#c9d1d9;border:1px solid rgba(255,255,255,.12)}.btn-secondary:hover{background:#ffffff1f;color:#fff;border-color:#ffffff40}.btn-mode-toggle{background:#1e2226b3;border:1px solid rgba(255,255,255,.15);color:#e6edf3}body.mode-admin .btn-mode-toggle{border-color:#e5a93b80;background:#e5a93b1f;color:var(--accent-gold)}body.mode-visitor .admin-only{display:none!important}.bookshelf-stage{max-width:980px;margin:50px auto 100px;padding:0 24px;display:flex;flex-direction:column;gap:75px;perspective:1200px}.shelf-unit{position:relative;display:flex;flex-direction:column;transform-style:preserve-3d}.shelf-books-row{display:flex;align-items:flex-end;justify-content:flex-start;gap:42px;padding:0 60px;min-height:240px;z-index:5;margin-bottom:-18px}.book-wrapper{position:relative;width:152px;height:220px;flex-shrink:0;cursor:pointer;perspective:900px;transform-style:preserve-3d;transform:rotateX(4deg);transform-origin:50% 100%;transition:transform .3s cubic-bezier(.2,.9,.3,1.25)}.book-wrapper:hover{transform:translateY(-12px) rotateX(0) scale(1.04);z-index:20}.book-card{position:relative;width:100%;height:100%;border-radius:2px 4px 4px 2px;background-color:#1a1c1e;box-shadow:-2px 0 5px #00000073,3px 0 #f0eee6,5px 0 #dcd7ca,7px 10px 22px #000000bf,0 1px 3px #00000080;overflow:hidden;transition:box-shadow .3s ease}.book-wrapper:hover .book-card{box-shadow:-3px 0 8px #0009,3px 0 #f0eee6,5px 0 #dcd7ca,8px 16px 32px #000000e6,0 0 18px #e5a93b4d}.book-cover-img{width:100%;height:100%;object-fit:cover;display:block}.book-card:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.25) 0%,rgba(255,255,255,.04) 28%,transparent 55%,rgba(0,0,0,.22) 100%);pointer-events:none}.book-spine-line{position:absolute;top:0;left:0;bottom:0;width:9px;background:linear-gradient(to right,#00000080,#ffffff2e 35%,#0000004d);z-index:2;pointer-events:none}.book-contact-shadow{position:absolute;bottom:-2px;left:4%;width:92%;height:6px;background:radial-gradient(ellipse at center,rgba(0,0,0,.95) 0%,rgba(0,0,0,.45) 55%,transparent 80%);z-index:4;pointer-events:none}.book-reflection{position:absolute;top:100%;left:0;width:100%;height:22px;margin-top:1px;transform:scaleY(-.35) skew(2deg);transform-origin:top center;opacity:.32;filter:blur(1.2px);mask-image:linear-gradient(to bottom,#00000080,#0000 80%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 80%);pointer-events:none;overflow:hidden;border-radius:2px 4px 0 0}.book-reflection img{width:100%;height:220px;object-fit:cover}.book-overlay-actions{position:absolute;inset:0;background:#0c0e11c2;backdrop-filter:blur(4px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;opacity:0;transition:opacity .22s ease;z-index:6;border-radius:2px 4px 4px 2px}.book-wrapper:hover .book-overlay-actions{opacity:1}.action-btn-mini{padding:7px 16px;border-radius:6px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:transform .15s ease}.action-btn-mini.open-btn{background:var(--accent-gold);color:#1a1103;box-shadow:0 3px 10px #e5a93b66}.action-btn-mini.del-btn{background:#f8514933;color:#f85149;border:1px solid rgba(248,81,73,.45)}body.mode-visitor .book-overlay-actions .del-btn{display:none!important}.action-btn-mini:hover{transform:scale(1.08)}.wood-shelf{position:relative;width:100%;z-index:2}.shelf-top{position:relative;width:100%;height:46px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0px,rgba(255,255,255,.04) 2px,transparent 2px,transparent 8px),linear-gradient(to bottom,#8c5523,#a86d35 20%,#d09a5f 60%,#edd3b0 90%,#ffebd0);border-radius:4px 4px 0 0;box-shadow:inset 0 1px 2px #fff9,inset 0 -1px 3px #0000004d}.shelf-front{position:relative;width:100%;height:24px;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 4px),linear-gradient(to bottom,#79441a,#552c0d,#351904);border-radius:0 0 4px 4px;box-shadow:inset 0 -2px 4px #000000d9}.shelf-front:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,#fff5e633,#fff5e6d9 30%,#fff5e6f2 70%,#fff5e633);box-shadow:0 1px 2px #ffdcb480}.shelf-shadow{position:absolute;top:70px;left:1.5%;right:1.5%;height:52px;background:radial-gradient(ellipse at center top,#000000f2,#0000008c 45%,#0000 80%);pointer-events:none}.metal-brackets{position:absolute;inset:0;pointer-events:none;z-index:1}.bracket-foot{position:absolute;top:70px;width:18px;height:38px;background:linear-gradient(to right,#404448,#7e848b 45%,#2c3033);border-radius:0 0 3px 3px;box-shadow:-2px 4px 8px #000c,inset 0 -1px 2px #000000b3}.bracket-foot.left{left:28px}.bracket-foot.right{right:28px}.drag-overlay{position:fixed;inset:0;background:#0c0e10f0;backdrop-filter:blur(14px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:999;opacity:0;pointer-events:none;transition:opacity .25s ease;border:4px dashed var(--accent-gold)}.drag-overlay.active{opacity:1;pointer-events:auto}.drag-icon{font-size:64px;margin-bottom:16px;animation:bounce 1.2s infinite alternate ease-in-out}.drag-text{font-size:24px;font-weight:700;color:#fff}.drag-sub{font-size:14px;color:var(--text-muted);margin-top:8px}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-16px)}}.modal-overlay{position:fixed;inset:0;z-index:1050;background:#08090ad9;backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .25s ease}.modal-overlay.active{opacity:1;pointer-events:auto}.admin-dialog{width:90%;max-width:420px;background:#191c20;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 20px 50px #000c,0 0 30px #e5a93b26;overflow:hidden;transform:scale(.95);transition:transform .25s cubic-bezier(.2,.8,.2,1)}.modal-overlay.active .admin-dialog{transform:scale(1)}.admin-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08)}.dialog-title-wrap{display:flex;align-items:center;gap:10px}.dialog-title-wrap h3{font-size:16px;font-weight:700;color:#fff}.dialog-close-btn{background:none;border:none;color:#8b949e;font-size:18px;cursor:pointer}.dialog-close-btn:hover{color:#fff}.admin-dialog-body{padding:24px}.dialog-desc{font-size:13px;color:#8b949e;line-height:1.5;margin-bottom:18px}.dialog-desc strong{color:var(--accent-gold)}.input-wrap input{width:100%;padding:12px 16px;background:#121417;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:15px;outline:none;transition:border-color .2s}.input-wrap input:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px #e5a93b33}.dialog-error{color:#f85149;font-size:13px;margin-top:10px;min-height:18px}.admin-dialog-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;background:#0003;border-top:1px solid rgba(255,255,255,.06)}.flipbook-modal{position:fixed;inset:0;z-index:1000;background:#08090af5;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.2,.8,.2,1)}.flipbook-modal.active{opacity:1;pointer-events:auto}.reader-header{display:flex;justify-content:space-between;align-items:center;padding:16px 28px;background:#121416cc;border-bottom:1px solid rgba(255,255,255,.08)}.reader-title-area{display:flex;align-items:baseline;gap:16px}.reader-book-title{font-size:18px;font-weight:700;color:#fff;max-width:520px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-page-info{font-size:13px;color:var(--accent-gold);background:#e5a93b1f;padding:2px 10px;border-radius:12px}.reader-controls{display:flex;align-items:center;gap:12px}.icon-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#e6edf3;width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all .2s ease}.icon-btn:hover{background:#ffffff2e;color:#fff;transform:scale(1.05)}.icon-btn.muted{opacity:.5;filter:grayscale(1)}.reader-stage{flex:1;position:relative;display:flex;justify-content:center;align-items:center;padding:20px;overflow:hidden}.flip-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:#1e2226b3;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;transition:all .25s ease;box-shadow:0 4px 16px #00000080}.flip-nav-btn:hover{background:var(--accent-gold);color:#111;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px #e5a93b66}.flip-nav-btn.prev{left:36px}.flip-nav-btn.next{right:36px}#flipbook-container{display:flex;justify-content:center;align-items:center;box-shadow:0 25px 70px #000000f2;border-radius:4px;cursor:grab}#flipbook-container:active{cursor:grabbing}.page-item{background-color:#fff;overflow:hidden;position:relative}.page-inner{position:relative;width:100%;height:100%;background-color:#fff}.page-image{width:100%;height:100%;object-fit:contain;display:block;background-color:#fff;pointer-events:none}.page-spine-shadow{position:absolute;top:0;bottom:0;width:36px;pointer-events:none;z-index:3}.page-spine-shadow.left-shadow{left:0;background:linear-gradient(to right,rgba(0,0,0,.22) 0%,rgba(0,0,0,.05) 60%,transparent 100%)}.page-spine-shadow.right-shadow{right:0;background:linear-gradient(to left,rgba(0,0,0,.22) 0%,rgba(0,0,0,.05) 60%,transparent 100%)}.page-loading-skeleton{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;background:#f5f4ef;color:#666;font-size:13px;z-index:2}.spinner{width:36px;height:36px;border:3px solid rgba(0,0,0,.1);border-top-color:var(--accent-gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.reader-footer-hints{text-align:center;padding:12px;font-size:13px;color:var(--text-muted)}.empty-shelf-hint{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:15px}@media (max-width: 768px){.top-navbar{padding:10px 16px}.brand-title{font-size:16px;letter-spacing:1px}.book-counter{display:none}.mode-badge{font-size:10px;padding:2px 8px}.btn{padding:7px 12px;font-size:12px}.bookshelf-stage{margin:25px auto 60px;padding:0 10px;gap:50px}.shelf-books-row{padding:0 16px;gap:16px;min-height:165px;margin-bottom:-14px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.shelf-books-row::-webkit-scrollbar{display:none}.book-wrapper{width:108px!important;height:154px!important;flex-shrink:0!important}.book-reflection{height:15px}.wood-shelf .shelf-top{height:34px}.wood-shelf .shelf-front{height:18px}.wood-shelf .shelf-shadow{top:52px;height:38px}.bracket-foot{top:52px;width:14px;height:28px}.bracket-foot.left{left:12px}.bracket-foot.right{right:12px}.reader-header{padding:12px 16px}.reader-book-title{font-size:15px;max-width:180px}.flip-nav-btn{width:40px;height:40px;font-size:20px}.flip-nav-btn.prev{left:12px}.flip-nav-btn.next{right:12px}}