.book-reader{width:100%;display:flex;flex-direction:column;align-items:center;gap:24px;padding:40px;position:relative;z-index:10;color:#1a1a1a}.book-layout{position:relative}.book-frame{display:block;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}.page-area{position:absolute;overflow:hidden;mix-blend-mode:multiply}.book-spread{display:flex;gap:0;justify-content:center;align-items:stretch}.book-page{position:relative;width:100%;height:100%;background:transparent;overflow:hidden}.book-spread .book-page{width:500px;height:700px;background:#f3e7c9;overflow:hidden;box-shadow:0 10px 30px #00000040}.book-spread .book-page:first-child{border-radius:12px 0 0 12px}.book-spread .book-page:last-child{border-radius:0 12px 12px 0}.book-spread .book-page:only-child{border-radius:12px}.block{position:absolute}.block--sticky-note{background-image:url(/assets/quoute-background.png);background-size:100% 100%;background-repeat:no-repeat;background-color:transparent;padding:25px 30px;box-shadow:2px 10px 30px #0003;min-width:100px;border:none}.sticky-tape{position:absolute;top:-12px;left:50%;transform:translate(-50%);width:70px;height:24px;background:#ffffff73;backdrop-filter:blur(2px);border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 4px #0000001a;z-index:2}.ancient-icon{position:absolute;bottom:10px;right:10px;opacity:.25;color:#3d2f1f;pointer-events:none}.quote-content{font-family:var(--font-handwritten, "Caveat", cursive);font-style:italic;font-size:1.1rem;line-height:1.5;color:#3d2f1f;margin:0;position:relative;z-index:1}.block--divider{background:#0003}.block--spacer{visibility:hidden;pointer-events:none}.book-page,.page-area{font-family:var(--font-handwritten, "Caveat", cursive);color:#2a1f14}h1.block{font-size:15px;font-family:var(--font-display, "Cinzel Decorative", serif);font-weight:600;line-height:1.2}p.block{font-size:14px;line-height:1.7;color:#000000e6;font-weight:300}blockquote.block{font-size:15px;line-height:1.6}img.block{object-fit:contain;pointer-events:none}.book-navbar{position:fixed;bottom:0;left:0;width:100%;height:80px;background:#0f0c0ad9;backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;padding:0 40px;z-index:100;box-shadow:0 -10px 40px #00000080}.nav-section{display:flex;align-items:center;gap:20px;flex:1}.nav-section.center{justify-content:center;flex:2}.nav-section.right{justify-content:flex-end}.nav-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#fff;padding:12px 28px;border-radius:50px;display:flex;align-items:center;gap:12px;cursor:pointer;font-family:var(--font-mono, monospace);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;transition:all .4s cubic-bezier(.23,1,.32,1);backdrop-filter:blur(5px)}.nav-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 5px 15px #ffffff1a}.nav-btn:disabled{opacity:.2;cursor:not-allowed;filter:grayscale(1)}.mute-toggle{padding:12px;width:44px;height:44px;border-radius:50%;justify-content:center;gap:0}.tool-group{display:flex;align-items:center;gap:18px;background:#ffffff0d;padding:10px 24px;border-radius:50px;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 1px #ffffff1a}.tool-label{font-family:var(--font-mono, monospace);font-size:.7rem;text-transform:uppercase;opacity:.5;letter-spacing:.1em}.scale-slider{appearance:none;width:120px;height:4px;background:#ffffff1a;border-radius:2px;outline:none}.scale-slider::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 0 10px #00000080;transition:all .2s ease}.scale-slider::-webkit-slider-thumb:hover{transform:scale(1.2);background:#f3e7c9}.scale-value{font-family:var(--font-mono, monospace);font-size:.8rem;min-width:45px;text-align:right;color:#f3e7c9}.page-indicator{font-family:var(--font-mono, monospace);font-size:.85rem;color:#fff;background:#ffffff0d;padding:8px 16px;border-radius:8px;margin-left:20px;letter-spacing:.1em}.book-main-view{width:100%;height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding-bottom:40px}.book-reader{width:100vw;height:100vh;padding:0;overflow:hidden;justify-content:center}@media(max-width:768px){.book-reader.is-mobile{padding:0}.book-reader.is-mobile .book-main-view{height:calc(100vh - 100px);padding-bottom:20px}.book-reader.is-mobile .book-navbar{height:100px;padding:0 20px;background:#0f0c0af2}.book-reader.is-mobile .nav-btn{padding:15px;border-radius:50%}.book-reader.is-mobile .page-indicator{margin-left:0;font-size:1rem;padding:10px 20px}.book-reader.is-mobile h1.block{font-size:16px!important}.book-reader.is-mobile p.block{font-size:14px!important;line-height:1.4}.book-reader.is-mobile blockquote.block,.book-reader.is-mobile .quote-content{font-size:1rem!important}}.layout-tools-overlay{position:absolute;bottom:100%;left:0;width:100%;background:#0f0c0af2;backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);padding:20px;display:flex;flex-direction:column;gap:15px;z-index:150;animation:slideUp .3s cubic-bezier(.23,1,.32,1)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;width:100%}.tool-control{display:flex;flex-direction:column;gap:8px}.tool-control label{font-family:var(--font-mono, monospace);font-size:.65rem;text-transform:uppercase;color:#bda274;letter-spacing:.1em}.tool-control input[type=range]{width:100%;height:4px}.close-tools{align-self:flex-end;background:#bda274;color:#120b08;border:none;padding:8px 20px;border-radius:4px;font-family:var(--font-mono, monospace);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease}.close-tools:hover{background:#f3e7c9;transform:scale(1.05)}@media(max-width:768px){.layout-tools-overlay{padding:15px}.tools-grid{grid-template-columns:1fr 1fr}}@media(max-width:1100px){.book-reader{padding:20px}.book-layout{transform-origin:top center!important}.book-spread{flex-direction:column;align-items:center;gap:16px}.book-spread .book-page{width:90vw;height:130vw;max-width:600px;max-height:850px;border-radius:12px!important}}