:root{--color-midnight: #0a0a1a;--color-deep-purple: #1a1035;--color-twilight: #2d1b4e;--color-indigo: #3730a3;--color-gold: #fbbf24;--color-gold-light: #fcd34d;--color-rose: #f472b6;--color-rose-light: #f9a8d4;--color-lavender: #a78bfa;--color-lavender-light: #c4b5fd;--color-teal: #2dd4bf;--color-sky: #38bdf8;--color-cream: #fef3e2;--color-white: #ffffff;--color-white-soft: rgba(255, 255, 255, .95);--color-white-muted: rgba(255, 255, 255, .7);--gradient-sky: linear-gradient(180deg, #0a0a1a 0%, #1a1035 25%, #2d1b4e 50%, #3730a3 100%);--gradient-aurora: linear-gradient(135deg, rgba(167, 139, 250, .15) 0%, rgba(244, 114, 182, .1) 50%, rgba(45, 212, 191, .15) 100%);--gradient-gold: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .05) 100%);--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-whimsy: "Cormorant Garamond", cursive;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .25);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .3);--shadow-glow-gold: 0 0 30px rgba(251, 191, 36, .4);--shadow-glow-purple: 0 0 40px rgba(167, 139, 250, .3);--shadow-glow-rose: 0 0 30px rgba(244, 114, 182, .3);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-slower: .6s ease;--z-base: 0;--z-above: 10;--z-modal: 100;--z-overlay: 200;--z-max: 9999}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--gradient-sky);color:var(--color-white);min-height:100vh;overflow-x:hidden;line-height:1.6}::selection{background:var(--color-lavender);color:var(--color-midnight)}:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{min-height:100vh;position:relative;overflow:hidden}.app:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(1px 1px at 20px 30px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 40px 70px,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 50px 160px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 130px 80px,rgba(255,255,255,.85),transparent),radial-gradient(1px 1px at 160px 120px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 200px 50px,var(--color-gold-light),transparent),radial-gradient(1px 1px at 220px 150px,rgba(255,255,255,.75),transparent),radial-gradient(1.5px 1.5px at 260px 90px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 290px 180px,rgba(255,255,255,.65),transparent),radial-gradient(1px 1px at 320px 30px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 380px 100px,var(--color-lavender-light),transparent),radial-gradient(1px 1px at 420px 140px,rgba(255,255,255,.8),transparent),radial-gradient(1.5px 1.5px at 480px 60px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 520px 190px,rgba(255,255,255,.55),transparent);background-size:550px 200px;animation:twinkle 8s ease-in-out infinite;pointer-events:none;z-index:0}.app:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:var(--gradient-aurora);opacity:.6;pointer-events:none;z-index:0;animation:aurora 15s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.7}50%{opacity:1}}@keyframes aurora{0%,to{transform:translateY(0) scale(1);opacity:.5}50%{transform:translateY(-20px) scale(1.05);opacity:.7}}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--gradient-sky);z-index:var(--z-max);overflow:hidden}.loading-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 100px 50px,var(--color-gold-light),transparent),radial-gradient(1.5px 1.5px at 200px 150px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 300px 80px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 400px 120px,var(--color-lavender-light),transparent);background-size:500px 200px;animation:twinkle 4s ease-in-out infinite}.loading-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.loading-particle{position:absolute;width:8px;height:8px;background:var(--gradient-gold);border-radius:50%;bottom:20%;box-shadow:var(--shadow-glow-gold);animation:float-up 3s ease-out infinite}@keyframes float-up{0%{transform:translateY(0) scale(1);opacity:.8}to{transform:translateY(-150px) scale(0);opacity:0}}.loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);z-index:1}.loading-book{width:120px;height:160px;position:relative;transform-style:preserve-3d;perspective:600px}.book-spine{position:absolute;left:0;width:20px;height:100%;background:linear-gradient(90deg,var(--color-twilight) 0%,var(--color-indigo) 50%,var(--color-twilight) 100%);border-radius:3px 0 0 3px;box-shadow:inset -2px 0 4px #0000004d}.book-cover{position:absolute;left:18px;width:100px;height:100%;background:linear-gradient(135deg,var(--color-indigo) 0%,var(--color-twilight) 100%);border-radius:0 5px 5px 0;transform-origin:left center;box-shadow:2px 4px 10px #0000004d,inset 0 0 20px #ffffff1a;border:2px solid var(--color-gold);border-left:none;display:flex;align-items:center;justify-content:center}.book-cover:before{content:"✨";font-size:2rem;animation:pulse-star 2s ease-in-out infinite}@keyframes pulse-star{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}}.book-cover-inner{position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:var(--color-deep-purple);border-radius:0 3px 3px 0;opacity:0}.book-pages{position:absolute;left:18px;top:5px;width:95px;height:calc(100% - 10px);background:linear-gradient(90deg,#f5f5f0,#fffef5,#f0efe5);border-radius:0 3px 3px 0;z-index:-1;display:flex;flex-direction:column;justify-content:center;padding-left:10px;gap:8px}.book-page-line{width:60%;height:4px;background:#0000001a;border-radius:2px}.loading-progress-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.loading-progress-bar{width:200px;height:6px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden;box-shadow:inset 0 1px 3px #0003}.loading-progress-fill{height:100%;background:var(--gradient-gold);border-radius:var(--radius-full);transition:width .3s ease;box-shadow:var(--shadow-glow-gold);position:relative}.loading-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loading-progress-text{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-gold);font-weight:600}.loading-text{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-white-soft);font-style:italic;letter-spacing:.5px}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--color-gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.header{position:fixed;top:0;left:0;right:0;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);background:linear-gradient(180deg,rgba(10,10,26,.95) 0%,rgba(10,10,26,.8) 70%,transparent 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:var(--z-modal);gap:var(--space-4)}.header-left{flex:1;min-width:0}.book-title{font-family:var(--font-display);font-size:clamp(var(--text-lg),4vw,var(--text-2xl));font-weight:600;color:var(--color-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 10px rgba(0,0,0,.3);position:relative}.book-title:after{content:"✦";margin-left:var(--space-2);color:var(--color-gold);font-size:.7em;animation:pulse-star 3s ease-in-out infinite}.header-center{flex:2;max-width:300px;display:flex;justify-content:center}.progress-bar{width:100%;height:4px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden;box-shadow:inset 0 1px 2px #0003}.progress-fill{height:100%;background:var(--gradient-gold);border-radius:var(--radius-full);transition:width var(--transition-base);box-shadow:0 0 10px #fbbf2480}.header-right{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.header-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--gradient-glass);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);color:var(--color-white);cursor:pointer;transition:all var(--transition-base);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.header-btn:hover{background:#ffffff26;border-color:var(--color-gold);color:var(--color-gold);transform:translateY(-2px);box-shadow:var(--shadow-glow-gold)}.header-btn:active{transform:translateY(0)}.header-btn svg{width:20px;height:20px}.main-content{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:90px var(--space-4) var(--space-8);position:relative;z-index:1}.book-3d-container{position:relative;display:flex;align-items:center;justify-content:center;perspective:1200px;perspective-origin:center center;padding:var(--space-8)}.floating-particles{position:absolute;top:-100px;right:-100px;bottom:-100px;left:-100px;pointer-events:none;overflow:hidden;z-index:0;transition:transform .4s ease-out;transform:translate(calc(var(--norm-x) * 40px),calc(var(--norm-y) * 40px))}.sparkle{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--color-gold);box-shadow:0 0 10px var(--color-gold),0 0 20px var(--color-gold-light);animation:sparkle-float linear infinite;opacity:0}@keyframes sparkle-float{0%{opacity:0;transform:translateY(0) scale(0)}10%{opacity:1;transform:translateY(-10px) scale(1)}90%{opacity:.6;transform:translateY(-80px) scale(.8)}to{opacity:0;transform:translateY(-100px) scale(0)}}.book-ambient-glow{position:absolute;width:500px;height:700px;background:radial-gradient(ellipse at center,rgba(167,139,250,.2) 0%,rgba(167,139,250,.1) 30%,transparent 70%);filter:blur(40px);pointer-events:none;z-index:0;animation:glow-pulse 4s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.book-wrapper{position:relative;transform-style:preserve-3d;transition:transform .15s ease-out;z-index:1;animation:book-idle-float 6s ease-in-out infinite;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes book-idle-float{0%,to{transform:translateY(0)!important}50%{transform:translateY(-12px)!important}}@media (hover: hover){.book-wrapper:hover{animation-play-state:paused}}.book-page-edges{position:absolute;right:100%;top:2%;height:96%;width:50px;display:flex;flex-direction:row;z-index:2;transform:perspective(800px) rotateY(8deg);transform-origin:right center;border-radius:4px 0 0 4px;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.book-page-edges:before{content:"";position:absolute;top:4px;bottom:4px;left:4px;width:2px;border-left:2px dashed rgba(240,230,210,.6);filter:drop-shadow(1px 0 0 rgba(0,0,0,.3));z-index:5;pointer-events:none}.page-edge{flex:1;height:100%;background:linear-gradient(90deg,#d8d4c8,#e8e4d9,#f5f2e8,#faf8f2,#f5f2e8,#ebe8dd);position:relative;box-shadow:inset 0 1px 2px #0000000d}.page-edge:first-child{background:linear-gradient(90deg,#b0a898,#c4bfb0,#d4cfc0 60%,#e0dbd0);border-radius:4px 0 0 4px;box-shadow:inset 4px 0 8px #00000059,inset 0 3px 6px #00000026,inset 0 -3px 6px #00000026}.page-edge:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,rgba(0,0,0,.04) 3px,rgba(0,0,0,.04) 4px);pointer-events:none}.page-edge:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 8%,transparent 92%,rgba(0,0,0,.08) 100%);pointer-events:none}.book-top-edge{position:absolute;left:0;right:0;bottom:100%;height:8px;background:linear-gradient(180deg,#d0ccc0,#e8e4d9 30%,#f5f2e8 70%,#faf8f2);transform:perspective(500px) rotateX(-60deg);transform-origin:bottom center;border-radius:2px 2px 0 0;box-shadow:inset 0 -2px 4px #0000001a,0 -2px 8px #00000026}.book-bottom-edge{position:absolute;left:0;right:0;top:100%;height:8px;background:linear-gradient(0deg,#c8c4b8,#d8d4c8 30%,#e8e4d9 70%,#f0ede3);transform:perspective(500px) rotateX(60deg);transform-origin:top center;border-radius:0 0 2px 2px;box-shadow:inset 0 2px 4px #00000026,0 4px 12px #00000040}.book-cover-thickness{position:absolute;right:100%;top:0;bottom:0;width:6px;background:linear-gradient(90deg,#2a1f4e,#3d2d6b,#4a3878);border-radius:3px 0 0 3px;box-shadow:inset 2px 0 4px #0006,-2px 0 8px #0000004d;z-index:3}.book-ribbon{position:absolute;top:-8px;right:25%;width:22px;height:80px;z-index:15;pointer-events:none;transform-origin:top center;animation:ribbon-sway 4s ease-in-out infinite}.book-ribbon:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#c41e3a,#8b1538,#a02040,#8b1538,#7a1230,#5a0f25);border-radius:2px 2px 0 0;box-shadow:2px 2px 4px #0000004d,inset 1px 0 2px #fff3,inset -1px 0 2px #0003}.book-ribbon:after{content:"";position:absolute;bottom:-12px;left:0;width:0;height:0;border-left:11px solid #5a0f25;border-right:11px solid #5a0f25;border-bottom:12px solid transparent}@keyframes ribbon-sway{0%,to{transform:rotate(0)}25%{transform:rotate(1deg)}75%{transform:rotate(-1deg)}}.book-3d-flip{box-shadow:none!important;background:transparent!important;border-radius:0 6px 6px 0;position:relative}.stf__parent,.stf__wrapper,.stf__block{box-shadow:none!important;background:transparent!important;border:none!important;outline:none!important}.stf__item{box-shadow:none}@keyframes ambient-glow-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.02)}}.book-page,.book-cover-page{box-shadow:0 2px 4px #0006,0 4px 8px #0000004d,inset 0 0 0 1px #ffffff1a;animation:ambient-glow-pulse 4s ease-in-out infinite}.cover-front,.cover-back{box-shadow:0 2px 4px #0006,0 8px 16px #00000059,0 0 40px #fbbf241a,inset 0 0 0 1px #ffffff1a}.book-page{background:linear-gradient(135deg,#fffef8,#f8f6f0);overflow:hidden;box-shadow:inset -5px 0 15px #0000001a;position:relative}.book-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;mix-blend-mode:multiply}.book-page.page-left{box-shadow:inset -15px 0 25px -10px #00000040}.book-page.page-right{box-shadow:inset 15px 0 25px -10px #00000040}.page-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.page-image{width:100%;height:100%;object-fit:fill;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.book-cover-page{background:linear-gradient(135deg,var(--color-twilight) 0%,var(--color-indigo) 100%);position:relative;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.25'/%3E%3C/svg%3E");filter:contrast(1.05)}.cover-front:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(125deg,transparent 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,.1) 45%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 55%,rgba(255,255,255,0) 70%,transparent 100%);background-size:200% 200%;background-position:calc(50% + var(--tilt-x) * 2%) calc(50% + var(--tilt-y) * 2%);mix-blend-mode:overlay;pointer-events:none;z-index:20;opacity:.8}.cover-front{box-shadow:5px 5px 25px #00000073,10px 10px 40px #0000004d,inset 0 0 30px #ffffff1a;position:relative;overflow:hidden}.cover-front:before{content:"";position:absolute;left:0;top:0;width:20px;height:100%;background:linear-gradient(90deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,.15) 30%,rgba(0,0,0,.05) 60%,transparent 100%);pointer-events:none;z-index:5}.cover-image{width:100%;height:100%;object-fit:cover;border-radius:0 3px 3px 0;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}.cover-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8);height:100%;background:linear-gradient(135deg,var(--color-twilight) 0%,var(--color-deep-purple) 100%);border:3px solid var(--color-gold);border-left:none}.cover-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;background:linear-gradient(135deg,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:1px 1px 1px rgba(0,0,0,.3),-1px -1px 1px rgba(255,255,255,.2),0 0 20px rgba(251,191,36,.4),0 0 40px rgba(251,191,36,.2);margin-bottom:var(--space-6);animation:gold-shimmer 3s ease-in-out infinite}@keyframes gold-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.cover-decoration{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.decoration-line{width:40px;height:2px;background:var(--gradient-gold);border-radius:1px}.decoration-diamond{width:10px;height:10px;background:var(--color-gold);transform:rotate(45deg);box-shadow:var(--shadow-glow-gold)}.cover-author{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-white-muted);font-style:italic}.inside-cover{background:linear-gradient(135deg,var(--color-deep-purple) 0%,var(--color-twilight) 100%)}.inside-cover-content{background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.02) 10px,rgba(255,255,255,.02) 20px)}.cover-back{background:linear-gradient(135deg,var(--color-indigo) 0%,var(--color-twilight) 100%)}.back-cover-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4)}.small-logo{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fbbf2433,#a78bfa33);border-radius:50%;font-size:3rem;box-shadow:0 0 30px #fbbf244d,0 0 60px #a78bfa33;animation:glow-pulse 3s ease-in-out infinite}.back-cover-text{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-gold);font-weight:600;letter-spacing:1px;text-shadow:0 2px 10px rgba(251,191,36,.3)}.back-cover-author{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-white-muted);font-style:italic;margin-top:var(--space-2)}.page-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4);background:linear-gradient(135deg,#faf9f6,#f0efe8);position:relative}.page-placeholder .page-num{font-family:var(--font-display);font-size:var(--text-5xl);color:#0000001a;font-weight:300}.page-placeholder .page-watermark{position:absolute;font-size:var(--text-xs);color:#00000026;letter-spacing:4px;text-transform:uppercase;transform:rotate(-45deg)}.page-placeholder .page-status{text-align:center}.page-placeholder .status-title{font-size:var(--text-sm);color:#0006;margin-bottom:var(--space-1)}.page-placeholder .status-subtitle{font-size:var(--text-xs);color:#00000040}.page-footer{position:absolute;bottom:var(--space-3);width:100%;text-align:center;font-family:var(--font-display);font-size:var(--text-sm);color:#0000004d}.page-navigation{display:flex;align-items:center;justify-content:center;gap:var(--space-6);margin-top:var(--space-6);z-index:var(--z-above)}.nav-btn{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--gradient-glass);border:2px solid rgba(255,255,255,.15);border-radius:50%;color:var(--color-white);cursor:pointer;transition:all var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-btn:hover:not(:disabled){background:#ffffff26;border-color:var(--color-gold);color:var(--color-gold);transform:scale(1.1);box-shadow:var(--shadow-glow-gold)}.nav-btn:active:not(:disabled){transform:scale(.95)}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.nav-btn svg{width:24px;height:24px}.page-indicator{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-white-soft);min-width:140px;text-align:center;padding:var(--space-2) var(--space-4);background:#0003;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.jump-to-page{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4)}.jump-to-page input{width:80px;padding:var(--space-2) var(--space-3);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:var(--color-white);font-size:var(--text-sm);text-align:center;transition:all var(--transition-base)}.jump-to-page input::placeholder{color:var(--color-white-muted)}.jump-to-page input:focus{background:#ffffff26;border-color:var(--color-gold);outline:none}.jump-to-page button{padding:var(--space-2) var(--space-4);background:var(--gradient-gold);border:none;border-radius:var(--radius-md);color:var(--color-midnight);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base)}.jump-to-page button:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-gold)}.book-hint{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-white-muted);text-align:center;animation:fade-pulse 3s ease-in-out infinite}@keyframes fade-pulse{0%,to{opacity:.5}50%{opacity:1}}.swipe-hint{position:fixed;bottom:100px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:#0009;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slide-up-fade .5s ease-out}.swipe-hint-icon{display:flex;align-items:center;animation:swipe-motion 1.5s ease-in-out infinite}.swipe-hint-icon svg{width:24px;height:24px;stroke:var(--color-gold)}@keyframes swipe-motion{0%,to{transform:translate(-5px)}50%{transform:translate(5px)}}@keyframes slide-up-fade{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.swipe-hint span{font-size:var(--text-sm);color:var(--color-white-soft)}.end-of-book{margin-top:var(--space-6);text-align:center;animation:celebration 1s ease-out}@keyframes celebration{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.end-of-book h3{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-gold);text-shadow:var(--shadow-glow-gold);margin-bottom:var(--space-2)}.end-of-book p{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-white-soft);font-style:italic}.thumbnails-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;z-index:var(--z-overlay);transition:opacity var(--transition-base)}.thumbnails-overlay.active{pointer-events:auto}.thumbnails-panel{position:fixed;top:0;right:0;width:320px;max-width:90vw;height:100vh;background:linear-gradient(180deg,#1a1035fa,#0a0a1afa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.1);z-index:var(--z-overlay);transform:translate(100%);display:flex;flex-direction:column;box-shadow:-10px 0 40px #0000004d}.thumbnails-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-5);border-bottom:1px solid rgba(255,255,255,.1)}.thumbnails-header h2{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-white)}.close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-white-muted);cursor:pointer;transition:all var(--transition-base)}.close-btn:hover{background:#ffffff1a;color:var(--color-white);border-color:var(--color-rose)}.close-btn svg{width:18px;height:18px}.thumbnails-grid{flex:1;overflow-y:auto;padding:var(--space-4);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);align-content:start}.thumbnails-grid::-webkit-scrollbar{width:6px}.thumbnails-grid::-webkit-scrollbar-track{background:#ffffff0d}.thumbnails-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.thumbnail-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);background:#ffffff08;border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.thumbnail-item:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.thumbnail-item.active{background:#fbbf241a;border-color:var(--color-gold);box-shadow:0 0 20px #fbbf2433}.thumbnail-image{aspect-ratio:3 / 4;background:#ffffff0d;border-radius:var(--radius-md);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.thumbnail-image img{width:100%;height:100%;object-fit:cover}.thumbnail-placeholder{position:absolute;font-size:var(--text-2xl);color:var(--color-white-muted)}.thumbnail-image img+.thumbnail-placeholder{display:none}.thumbnail-item.placeholder .thumbnail-placeholder{display:block}.thumbnail-label{font-size:var(--text-xs);color:var(--color-white-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumbnail-item.active .thumbnail-label{color:var(--color-gold)}.toc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;z-index:var(--z-overlay);transition:opacity var(--transition-base)}.toc-overlay.active{pointer-events:auto}.toc-panel{position:fixed;top:0;left:0;width:320px;max-width:90vw;height:100vh;background:linear-gradient(180deg,#1a1035fa,#0a0a1afa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.1);z-index:var(--z-overlay);transform:translate(-100%);display:flex;flex-direction:column;box-shadow:10px 0 40px #0000004d}.toc-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid rgba(255,255,255,.1)}.toc-header h2{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-white)}.toc-list{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.toc-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:#ffffff08;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:left;width:100%}.toc-item:hover{background:#ffffff14;border-color:#ffffff1a;transform:translate(5px)}.toc-item.active{background:#fbbf241a;border-color:var(--color-gold)}.toc-item.visited .toc-title:before{content:"✓ ";color:var(--color-teal);font-size:.8em}.toc-title{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-white)}.toc-item.active .toc-title{color:var(--color-gold)}.toc-page{font-size:var(--text-sm);color:var(--color-white-muted)}@media (max-width: 768px){.header{padding:0 var(--space-4);height:60px}.book-title{font-size:var(--text-base)}.book-title:after{display:none}.header-center{display:none}.main-content{padding:80px var(--space-3) var(--space-6)}.book-3d-container{padding:var(--space-4)}.book-ambient-glow{width:300px;height:450px}.page-navigation{gap:var(--space-4);margin-top:var(--space-4)}.nav-btn{width:48px;height:48px}.page-indicator{font-size:var(--text-base);min-width:120px}.jump-to-page{display:none}.thumbnails-panel,.toc-panel{width:280px}.book-page-edges{width:18px}}@media (max-width: 480px){.header{height:56px}.header-btn{width:38px;height:38px}.header-btn svg{width:18px;height:18px}.nav-btn{width:44px;height:44px}.nav-btn svg{width:20px;height:20px}.end-of-book h3{font-size:var(--text-2xl)}.book-page-edges{width:12px}}@media print{.header,.page-navigation,.jump-to-page,.book-hint,.floating-particles,.book-ambient-glow{display:none!important}.app{background:#fff}.book-3d-container{box-shadow:none}}