@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-color: #f4ede1;--text-color: #221816;--paper-color: #fffaf2;--paper-text-color: #221816;--surface: rgba(255, 250, 242, .92);--surface-strong: rgba(252, 245, 235, .98);--surface-light: rgba(255, 250, 242, .98);--line: rgba(92, 67, 42, .12);--line-strong: rgba(167, 0, 0, .24);--accent: #a70000;--accent-soft: #9a6b31;--muted: #5c473e;--dark-text: #241c1a;--shadow: 0 22px 60px rgba(56, 33, 20, .08)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,rgba(167,0,0,.08),transparent 22%),radial-gradient(circle at 16% 18%,rgba(215,176,122,.12),transparent 24%),linear-gradient(180deg,#f7f1e6,#f3ecdf 38%,#efe6d7);color:var(--text-color);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.reader-page{overflow:hidden;position:fixed;width:100%;height:100%;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}body.dark-theme{--paper-color: #fffaf2;--paper-text-color: #221816}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}.page{min-height:100vh}#library-page{min-height:100vh;position:relative}#library-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#faf0e22e,#f6e7d285),url(/ghanavyuha-v4.png) center top / cover no-repeat;opacity:.54;pointer-events:none;z-index:-2}#library-page:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 18% 12%,rgba(167,0,0,.06),transparent 24%),linear-gradient(180deg,#fcf2e457,#fcf2e40f 22%,#f0e3cf75);pointer-events:none;z-index:-1}.site-shell,.main-content{width:min(1180px,calc(100% - 2rem));margin:0 auto}.site-header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f9f1e7d1;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0}.main-content{padding:2rem 0 3rem}.logo{display:inline-flex;align-items:center;gap:.72rem;color:var(--dark-text);text-decoration:none;background:var(--surface-light);border:1px solid rgba(154,107,49,.2);border-radius:999px;padding:.35rem .75rem .35rem .52rem;box-shadow:0 10px 26px #462a1914;flex-shrink:0;font-size:16px;line-height:1}.logo-image{width:38px;height:auto;flex-shrink:0}.logo-text{display:inline-block;font-size:16px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dark-text);line-height:1;white-space:nowrap}.read-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.85rem 1.35rem;border-radius:999px;text-decoration:none;font-weight:700;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease;cursor:pointer;border:1px solid rgba(255,255,255,.08);background:var(--accent);color:#fff7f4}.read-btn:hover{transform:translateY(-2px);background:#8d0000}.help-btn{background:none;border:none;color:#56443c;text-decoration:none;font-size:.92rem;font-weight:600;cursor:pointer;transition:color .25s ease;padding:0}.help-btn:hover{color:var(--text-color);background:none}.hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.78fr);gap:1.25rem;align-items:stretch;margin-top:.75rem;margin-bottom:1.75rem}.hero-content,.book-card,.help-popup-content,.library-section-heading{border:1px solid var(--line);box-shadow:var(--shadow)}.hero-content{background:#fffaf2d1;border-radius:28px;padding:2.35rem;display:flex;flex-direction:column;justify-content:center;min-height:420px}.hero-kicker,.section-label{display:block;letter-spacing:.14em;text-transform:uppercase;font-size:.76rem;font-weight:800;color:var(--accent);margin-bottom:.8rem}.hero-content h1{margin-bottom:1rem;font-size:clamp(2.2rem,5vw,4rem);line-height:1.02;font-weight:700;max-width:12ch;color:var(--text-color)}.hero-content p{max-width:36rem;font-size:1rem;color:var(--muted);font-weight:600}.hero-book{display:flex}.hero-book .book-card{width:100%}.hero-book .book-title{font-size:1.35rem}.hero-book .book-cover img{max-width:200px}.library-section-heading{background:#fffaf2cc;border-radius:24px;padding:1.6rem;margin-bottom:1rem}.library-section-heading h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1.08}.library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,320px));gap:1rem;justify-content:start}.book-card{position:relative;border-radius:24px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.8rem;overflow:hidden;background:#fffaf2d1}.book-card.featured{background:#fffaf2d1;border:1px solid rgba(167,0,0,.34);box-shadow:var(--shadow)}.book-card.featured .book-title{color:var(--accent)}.book-card.preview{border-color:#5c432a29}.book-title{width:100%;margin:.2rem 0 1rem;font-size:1.35rem;font-weight:700;line-height:1.12;color:var(--text-color);padding-right:4rem;text-align:left}.book-cover{width:100%;margin-bottom:1rem;display:flex;justify-content:center}.book-cover img{width:100%;max-width:220px;height:auto;border-radius:14px;box-shadow:0 14px 35px #3821142e}.book-author{width:100%;color:var(--muted);margin-bottom:1.5rem;font-size:.94rem;text-align:left;font-weight:600}.book-progress{position:absolute;top:1rem;right:1rem;z-index:1;background:#a7000014;color:var(--accent);border-radius:999px;padding:.35rem .65rem;font-size:.75rem;font-weight:800;border:1px solid rgba(167,0,0,.14);letter-spacing:.08em;text-transform:uppercase}.coming-soon{border-style:dashed}.coming-soon-cover{display:grid;place-items:center;min-height:220px;background:#fff8eb66;border-radius:14px}.coming-soon-icon{font-size:3rem}.help-popup{position:fixed;top:0;right:0;bottom:0;left:0;background:#21161252;display:grid;place-items:center;padding:1rem;z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.help-popup-content{width:min(560px,100%);border-radius:24px;padding:2rem;position:relative;background:linear-gradient(180deg,#fffaf2fa,#f6eddffa);color:var(--dark-text)}.popup-kicker{display:block;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:700;color:#a70000;margin-bottom:.6rem}.help-popup-content h3{color:#241c1a;font-size:1.6rem;margin-bottom:1rem;line-height:1.1}.help-popup-content p{color:#4b4038;line-height:1.7;font-weight:600}.help-popup-content a{color:#a70000;text-decoration:none;font-weight:700}.help-popup-close{position:absolute;top:1rem;right:1rem;border:0;background:transparent;font-size:1.7rem;color:var(--muted);cursor:pointer}#reader-page{background:#fffaf2;position:relative;height:100vh;overflow:hidden}.reader-header{position:sticky;top:0;z-index:1000;display:flex;align-items:center;gap:1rem;padding:.85rem 1.25rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f9f1e7eb;border-bottom:1px solid var(--line)}.menu-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:#a700000f;border:1px solid rgba(167,0,0,.14);color:var(--text-color);font-size:1.1rem;cursor:pointer;border-radius:999px;transition:background .2s ease,transform .2s ease}.menu-btn:hover{background:#a700001a;transform:translateY(-1px)}.reader-title{flex:1;font-size:1.15rem;font-weight:700;color:var(--text-color);line-height:1.2}.reader-authors{color:var(--muted);font-size:.9rem;white-space:nowrap;font-weight:600}.reader-container{display:flex;height:calc(100dvh - 70px);overflow:hidden;position:absolute;top:70px;left:0;right:0;bottom:0;box-sizing:border-box}.sidebar{width:340px;background:linear-gradient(180deg,#fffaf2fc,#f6eddffe);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid var(--line);transform:translate(-100%);transition:transform .3s ease;position:fixed;top:70px;left:0;height:calc(100dvh - 70px);z-index:1500;display:flex;flex-direction:column;overflow:hidden;box-shadow:18px 0 40px #3821141f}.sidebar.open{transform:translate(0)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.25rem 1rem;border-bottom:1px solid rgba(92,67,42,.08)}.sidebar-header h2{color:var(--text-color);font-size:1.1rem}.close-sidebar{background:none;border:none;color:var(--accent);font-size:1.5rem;cursor:pointer;padding:.25rem}.sidebar-content{flex:1;overflow-y:auto;padding:0}.sidebar-controls{flex-shrink:0;padding:1rem;border-top:1px solid rgba(92,67,42,.08);background:#fffaf2fa}.control-buttons{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.75rem}.chapter-list{list-style:none;padding:1rem 0}.chapter-item{padding:.75rem 1.25rem;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent}.chapter-item:hover{background:#a700000a;border-left-color:#a7000038}.chapter-item.active{background:#a7000014;border-left-color:#a70000}.chapter-item a{color:var(--muted);text-decoration:none;display:block;font-weight:600}.chapter-item.active a{color:var(--text-color)}.text-size-btn,.theme-btn,.reset-btn,.dyslexia-btn,.library-btn{display:inline-flex;align-items:center;justify-content:center;background:#a70000;color:#fff;border:none;padding:.6rem .7rem;border-radius:999px;cursor:pointer;font-weight:600;transition:background .2s ease,transform .2s ease;font-size:.88rem}.text-size-btn:hover,.theme-btn:hover,.reset-btn:hover,.dyslexia-btn:hover,.library-btn:hover{background:#8d0000;transform:translateY(-1px)}.text-size-btn,.theme-btn,.reset-btn,.dyslexia-btn{flex:1}.library-btn{width:100%}.reading-area{flex:1;overflow-y:auto;padding:2.25rem 2rem 3rem;background:var(--paper-color);color:var(--paper-text-color);-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scroll-behavior:auto}.reading-area:has(.title-page){overflow:hidden;padding:0;position:relative}.chapter-content{max-width:800px;margin:0 auto;font-size:1.08rem;line-height:1.85}.chapter-content h1{font-size:2.4rem;margin-bottom:2rem;color:var(--paper-text-color);text-align:center;line-height:1.2em}.chapter-content h2{font-size:1.8rem;margin:2rem 0 1rem;color:var(--paper-text-color)}.chapter-content p{margin-bottom:1.5rem}.chapter-content .center{text-align:center}.chapter-content .italic,.chapter-content em{font-style:italic}.chapter-content strong{font-weight:700;color:var(--paper-text-color)}.title-page{background-size:cover;background-position:center;background-repeat:no-repeat;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.title-page-overlay{background:#f8f1e6b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:4rem 3rem;border-radius:24px;text-align:center;max-width:560px;box-shadow:0 20px 50px #38211429}body.dark-theme .title-page-overlay{background:#f8f1e6d1}.book-title-main{font-size:2.5rem;font-weight:700;margin-bottom:2rem;color:var(--paper-text-color);line-height:1.2}.book-credits{text-align:right;margin-top:1.5rem}.chapter-content p.author-credit{font-size:1rem;font-weight:500;color:var(--paper-text-color);margin-bottom:.25rem}.translator-credit{font-size:.9rem;color:var(--paper-text-color);font-style:italic;opacity:.8}.continue-reading-btn{background:#a70000;color:#fff;border:none;padding:1rem 2rem;border-radius:999px;font-weight:700;font-size:1rem;cursor:pointer;margin-top:2rem;transition:all .3s ease;box-shadow:0 4px 15px #38211429}.continue-reading-btn:hover{background:#8d0000;transform:translateY(-2px);box-shadow:0 6px 20px #38211438}.chapter-navigation{text-align:center;margin-top:3rem;padding:2rem 0;border-top:1px solid rgba(92,67,42,.1)}.highlight-menu{position:fixed;background:#fff;border:1px solid #a70000;border-radius:12px;padding:.5rem;display:none;z-index:2000;box-shadow:0 10px 24px #3821142e}.highlight-menu.show{display:block}.highlight-btn{background:#a70000;color:#fff;border:none;padding:.5rem 1rem;border-radius:999px;cursor:pointer;font-size:.9rem;margin:.25rem}.fixed-audio-player{position:fixed;bottom:0;left:0;right:0;width:100%;background:#fffaf2;border-top:2px solid #a70000;padding:.75rem 1rem;z-index:1000;transform:translateY(100%);transition:transform .3s ease;box-shadow:0 -2px 10px #38211429}.fixed-audio-player.visible{transform:translateY(0)}@media (max-width: 980px){.hero-content h1{max-width:100%}}@media (max-width: 900px){.hero{grid-template-columns:1fr}}@media (max-width: 768px){.site-shell,.main-content{width:min(1180px,calc(100% - 1.25rem))}.hero-content{padding:2rem 1.5rem;min-height:auto}.hero-content h1{max-width:100%;font-size:clamp(2.3rem,10vw,3.6rem)}.library-grid{grid-template-columns:1fr}.reader-header{padding:.85rem 1rem}.reader-title{font-size:1.05rem}.reader-authors{display:none}.sidebar{width:100%}.reading-area{padding:1rem}.chapter-content{font-size:1rem}.chapter-content h1,.book-title-main{font-size:2rem}}