.book-page{--bp-background: #101418;--bp-surface: #101418;--bp-surface-container-lowest: #0b0f12;--bp-surface-container-low: #181c20;--bp-surface-container: #1c2024;--bp-surface-container-high: #262a2f;--bp-surface-container-highest: #31353a;--bp-on-surface: #e0e3e8;--bp-on-surface-variant: #dfc1af;--bp-primary: #ffb787;--bp-primary-container: #ff8000;--bp-on-primary: #502400;--bp-outline: #a68b7b;--bp-outline-variant: #574235;--bp-secondary: #42fc6c;--bp-tertiary: #7ad0ff;--bp-error: #ffb4ab;--bp-font-display: "Playfair Display", "EB Garamond", serif;--bp-font-body: "Manrope", system-ui, sans-serif;background-color:var(--bp-background);color:var(--bp-on-surface);font-family:var(--bp-font-body);min-height:100vh}.bp-display{font-family:var(--bp-font-display);letter-spacing:-.02em}.book-page button:not(:disabled),.book-page a,.book-page [role=button]{cursor:pointer}.book-page button:disabled{cursor:not-allowed}.book-page button.bp-btn-pulse:not(:disabled){cursor:default}.bp-label-caps{font-family:var(--bp-font-body);font-size:12px;font-weight:700;line-height:1;letter-spacing:.1em;text-transform:uppercase}.bp-tag-caps{font-size:10px}@media(max-width:767px){.bp-tip-title{font-size:10px}}.ms-icon{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;user-select:none}.book-3d-wrapper{perspective:1500px}.book-3d-parallax-inner{transition:transform .1s ease-out;transform-style:preserve-3d}.book-3d{transform-style:preserve-3d;animation:bp-float-3d 6s ease-in-out infinite;transform-origin:center right}.book-3d:before{content:"";position:absolute;top:0;left:-30px;width:30px;height:100%;background:linear-gradient(to right,#443c33,#1a1612);transform-origin:right;transform:rotateY(-90deg);box-shadow:inset 0 0 15px #000c;border-top-left-radius:4px;border-bottom-left-radius:4px}@keyframes bp-float-3d{0%,to{transform:translateY(15px) rotateY(25deg) rotateX(5deg);box-shadow:-30px 40px 50px #0009,inset -2px 0 5px #fff3}50%{transform:translateY(-20px) rotateY(18deg) rotateX(8deg);box-shadow:-40px 60px 60px #0006,inset -2px 0 5px #ffffff4d}}.poster-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:110%;height:110%;filter:blur(40px);opacity:.5;z-index:-1}.bp-glass-panel{background-color:#1a202c66;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05)}@keyframes bp-dash{to{stroke-dashoffset:-20}}.bp-connecting-line{stroke-dasharray:10;animation:bp-dash 1s linear infinite}@keyframes bp-pulse-glow{0%{box-shadow:0 0 15px #ffb78733}50%{box-shadow:0 0 30px #ffb787cc}to{box-shadow:0 0 15px #ffb78733}}.group:hover .bp-btn-pulse{animation:bp-pulse-glow 1.5s infinite}.bp-book-hover-lift{transition:transform .3s ease,box-shadow .3s ease}.bp-book-hover-lift:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px -10px #000c}@media(prefers-reduced-motion:reduce){.book-3d{animation:none;transform:translateY(0) rotateY(0) rotateX(0)}.bp-connecting-line{animation:none}.bp-btn-pulse{animation:none!important}.bp-book-hover-lift:hover{transform:none}}
