@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Lora:ital,wght@0,400;0,600;1,400&family=Playfair+Display:ital,wght@0,700;1,400&display=swap";:root{--clr-bg: #1a1008;--clr-surface: #2a1f10;--clr-wood-light: #5c3d1e;--clr-wood-dark: #1a0e05;--clr-accent: #c9973a;--clr-accent-light: #e8b96a;--clr-text: #f0e8d8;--clr-text-dim: rgba(240, 232, 216, .55);--clr-paper: #fdf8f0;--clr-paper-dark: #f0e8d8;--clr-ink: #1a1008;--clr-ink-light: #3d2e1e;--shadow-book: 0 40px 100px rgba(0, 0, 0, .8), 0 20px 50px rgba(0, 0, 0, .6);--shadow-panel: 0 10px 40px rgba(0, 0, 0, .5);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--z-scene: 0;--z-book: 10;--z-controls: 20;--z-panel: 30;--z-overlay: 40;--transition-fast: .18s ease;--transition-med: .3s ease;--transition-slow: .5s ease;--font-body: "Inter", sans-serif;--font-serif: "Lora", Georgia, serif;--font-display: "Playfair Display", Georgia, serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--clr-bg);color:var(--clr-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.scene{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,rgba(120,70,20,.25) 0%,transparent 70%),repeating-linear-gradient(92deg,transparent 0px,rgba(0,0,0,.04) 1px,transparent 2px,transparent 40px),repeating-linear-gradient(2deg,transparent 0px,rgba(255,200,100,.04) 1px,transparent 3px,transparent 60px),linear-gradient(160deg,#3b1f0a,#1c0d04 35%,#2a1505 65%,#0e0702)}.scene:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.65) 100%);pointer-events:none;z-index:1}.scene:after{content:"";position:absolute;top:-60%;left:50%;transform:translate(-50%);width:120%;height:100%;background:radial-gradient(ellipse at 50% 0%,rgba(255,200,100,.08) 0%,transparent 60%);pointer-events:none;z-index:1}.app-layout{position:relative;z-index:var(--z-book);display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:0}.toolbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-controls);height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:linear-gradient(180deg,#0a0500eb,#0a050000);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.toolbar-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--clr-accent-light);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar-actions{display:flex;align-items:center;gap:6px}.book-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 20px 80px;width:100%;position:relative}.book-wrapper{position:relative}.book-shadow{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);width:90%;height:40px;background:radial-gradient(ellipse at center,rgba(0,0,0,.7) 0%,transparent 70%);filter:blur(12px);pointer-events:none}.flipbook-container{display:block;position:relative;filter:drop-shadow(0 30px 60px rgba(0,0,0,.7)) drop-shadow(0 10px 20px rgba(0,0,0,.5));border-radius:2px}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:var(--z-controls);width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:50%;cursor:pointer;color:#ffffffb3;font-size:22px;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-user-select:none;user-select:none}.nav-arrow:hover{background:#c9973a4d;border-color:#c9973a80;color:var(--clr-accent-light);transform:translateY(-50%) scale(1.08)}.nav-arrow:active{transform:translateY(-50%) scale(.95)}.nav-arrow.prev{left:-70px}.nav-arrow.next{right:-70px}.nav-arrow:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.controls-bar{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-controls);height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:linear-gradient(0deg,#0a0500f2,#0a050000);gap:12px}.controls-group{display:flex;align-items:center;gap:6px}.controls-center{flex:1;display:flex;align-items:center;justify-content:center;gap:10px}.page-counter{display:flex;align-items:center;gap:6px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:4px 12px;font-size:13px;color:var(--clr-text-dim)}.page-counter input{background:transparent;border:none;outline:none;color:var(--clr-accent-light);font-size:13px;font-family:var(--font-body);font-weight:500;width:36px;text-align:center}.page-counter span{color:var(--clr-text-dim)}.progress-bar-wrapper{flex:1;max-width:200px;height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--clr-accent),var(--clr-accent-light));border-radius:2px;transition:width var(--transition-med)}.icon-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--clr-text-dim);cursor:pointer;font-size:17px;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;position:relative;flex-shrink:0}.icon-btn:hover{background:#c9973a2e;border-color:#c9973a66;color:var(--clr-accent-light)}.icon-btn.active{background:#c9973a40;border-color:#c9973a99;color:var(--clr-accent-light)}.icon-btn:active{transform:scale(.93)}.sidebar-panel{position:fixed;top:0;left:0;bottom:0;width:300px;z-index:var(--z-panel);background:#0f0a04f7;border-right:1px solid rgba(201,151,58,.2);display:flex;flex-direction:column;transform:translate(-100%);transition:transform var(--transition-slow) cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sidebar-panel.open{transform:translate(0)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.sidebar-header h3{font-family:var(--font-display);font-size:15px;color:var(--clr-accent-light);letter-spacing:.06em;text-transform:uppercase}.sidebar-body{flex:1;overflow-y:auto;padding:16px;scrollbar-width:thin;scrollbar-color:rgba(201,151,58,.3) transparent}.sidebar-body::-webkit-scrollbar{width:4px}.sidebar-body::-webkit-scrollbar-thumb{background:#c9973a4d;border-radius:2px}.thumbnails-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.thumbnail-item{aspect-ratio:.7;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color var(--transition-fast),transform var(--transition-fast);position:relative;background:#1a1008}.thumbnail-item:hover{border-color:#c9973a80;transform:scale(1.02)}.thumbnail-item.active{border-color:var(--clr-accent)}.thumbnail-item img{width:100%;height:100%;object-fit:cover}.thumbnail-label{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#ffffffb3;font-size:10px;text-align:center;padding:3px}.thumbnail-html{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;background:var(--clr-paper);color:var(--clr-ink)}.thumbnail-html .thumb-title{font-family:var(--font-display);font-size:9px;font-weight:700;text-align:center;line-height:1.3;color:var(--clr-ink)}.thumbnail-html .thumb-lines{margin-top:6px;display:flex;flex-direction:column;gap:3px;width:80%}.thumbnail-html .thumb-line{height:2px;background:#1a10082e;border-radius:1px}.thumbnail-cover{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:8px}.thumbnail-cover .thumb-cover-title{font-family:var(--font-display);font-size:8px;font-weight:700;text-align:center;color:#e8b96a;line-height:1.4}.toc-list{list-style:none;display:flex;flex-direction:column;gap:4px}.toc-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);color:var(--clr-text-dim);font-size:14px}.toc-item:hover{background:#c9973a1f;color:var(--clr-accent-light)}.toc-item.active{background:#c9973a2e;color:var(--clr-accent-light)}.toc-item-page{font-size:12px;color:var(--clr-text-dim);background:#ffffff0f;padding:2px 8px;border-radius:10px;flex-shrink:0}.chapter-page{width:100%;height:100%;padding:clamp(20px,5%,50px);background:var(--clr-paper);color:var(--clr-ink);font-family:var(--font-serif);display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;position:relative}.chapter-label{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--clr-accent);margin-bottom:10px}.chapter-page h2{font-family:var(--font-display);font-size:clamp(20px,4vw,34px);font-weight:700;color:var(--clr-ink);line-height:1.2;margin-bottom:16px}.divider{width:50px;height:2px;background:linear-gradient(90deg,var(--clr-accent),transparent);margin-bottom:20px}.chapter-page p{font-size:clamp(11px,1.6vw,15px);line-height:1.8;color:var(--clr-ink-light);margin-bottom:14px}.chapter-page blockquote{border-left:3px solid var(--clr-accent);padding:10px 16px;margin:14px 0;background:#c9973a0f;font-style:italic;font-size:clamp(11px,1.5vw,14px);color:var(--clr-ink);line-height:1.6}.toc-page{width:100%;height:100%;padding:clamp(20px,5%,50px);background:var(--clr-paper);color:var(--clr-ink);font-family:var(--font-serif);overflow:hidden}.toc-page h1{font-family:var(--font-display);font-size:clamp(20px,3.5vw,30px);font-weight:700;margin-bottom:30px;color:var(--clr-ink)}.toc-page ul{list-style:none;display:flex;flex-direction:column;gap:0}.toc-page li{display:flex;align-items:baseline;justify-content:space-between;padding:10px 0;border-bottom:1px dashed rgba(26,16,8,.15);font-size:clamp(10px,1.5vw,14px);gap:10px}.toc-page .chapter-name{color:var(--clr-ink-light);flex:1}.toc-page .chapter-page{font-weight:600;color:var(--clr-accent);background:none;padding:0;font-family:var(--font-body)}.about-page p.small-text{font-size:clamp(9px,1.2vw,12px);color:#1a100866;margin-top:auto}.cover-page{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e 40%,#0d1b38,#0a1628);position:relative;overflow:hidden;padding:40px}.cover-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(201,151,58,.15) 0%,transparent 60%),radial-gradient(circle at 70% 70%,rgba(100,50,200,.1) 0%,transparent 50%)}.cover-ornament{position:absolute;width:80%;height:80%;top:10%;left:10%;border:1px solid rgba(201,151,58,.2);pointer-events:none}.cover-ornament:before{content:"";position:absolute;inset:8px;border:1px solid rgba(201,151,58,.1)}.cover-subtitle{font-family:var(--font-body);font-size:clamp(9px,1.2vw,12px);font-weight:500;letter-spacing:.35em;text-transform:uppercase;color:var(--clr-accent);margin-bottom:20px;position:relative}.cover-title{font-family:var(--font-display);font-size:clamp(22px,5vw,48px);font-weight:700;text-align:center;color:var(--clr-text);line-height:1.15;position:relative;margin-bottom:20px}.cover-divider{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--clr-accent),transparent);position:relative;margin-bottom:20px}.cover-author{font-family:var(--font-serif);font-style:italic;font-size:clamp(11px,1.5vw,16px);color:var(--clr-text-dim);position:relative}.back-cover-page{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(225deg,#1a1a2e,#0f0f23);position:relative;overflow:hidden;padding:40px}.back-cover-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 40%,rgba(201,151,58,.08) 0%,transparent 60%)}.back-cover-isbn{position:relative;font-family:var(--font-body);font-size:11px;color:#f0e8d84d;letter-spacing:.1em;margin-top:30px}.image-page{width:100%;height:100%;overflow:hidden;background:#0a0a0a}.image-page img{width:100%;height:100%;object-fit:cover;display:block}.overlay{position:fixed;inset:0;background:#0006;z-index:calc(var(--z-panel) - 1);opacity:0;pointer-events:none;transition:opacity var(--transition-slow)}.overlay.visible{opacity:1;pointer-events:all}@media(max-width:700px){.nav-arrow.prev{left:4px}.nav-arrow.next{right:4px}.nav-arrow{width:40px;height:40px;font-size:18px}.sidebar-panel{width:100%}.controls-bar{padding:0 10px;gap:6px}.toolbar{padding:0 12px}.icon-btn{width:34px;height:34px;font-size:15px}.progress-bar-wrapper{display:none}}.stf__parent{position:relative!important}