:root{--navy: #0b4034;--green-deep: #06301f;--green-soft: #e8efe9;--ink: #16241d;--paper: #faf8f3;--surface: #ffffff;--gold: #b4893a;--gold-soft: #f3e7cf;--muted: #6e7c74;--line: #e9e3d8;--radius-lg: 20px;--radius-md: 14px;--shadow-card: 0 2px 14px rgba(11, 64, 52, .07);--shadow-float: 0 6px 24px rgba(11, 64, 52, .13);--font-title: Georgia, "Iowan Old Style", "Times New Roman", serif;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--paper);color:var(--ink)}button{font-family:inherit;cursor:pointer}.screen{display:flex;flex-direction:column;height:100%}.screen-center{display:flex;align-items:center;justify-content:center;height:100%;padding:24px;text-align:center}.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:28px}.card h1{font-size:1.4rem;margin:0 0 8px}.card form{display:flex;flex-direction:column;gap:12px;margin-top:20px}.card input{padding:12px 14px;border-radius:8px;border:1px solid var(--line);font-size:1rem}.card button[type=submit]{background:var(--navy);color:#fff;border:none;padding:12px;border-radius:8px;font-weight:600}.card button[type=submit]:disabled{opacity:.6}.link-button{background:none;border:none;color:var(--gold);margin-top:14px;font-size:.9rem}.link-button:disabled{color:#999}.muted{color:#6b7280}.small{font-size:.8rem}.error-box{background:#fdecec;border:1px solid #f3c6c6;color:#9c3b3b;padding:10px 12px;border-radius:6px;font-size:.85rem}.tabs{display:flex;gap:8px;padding:16px 20px;border-bottom:1px solid var(--line)}.tab{background:none;border:none;padding:8px 16px;border-radius:20px;font-weight:600;color:#6b7280}.tab.active{background:var(--navy);color:#fff}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:20px;padding:20px;overflow-y:auto}.book-card{display:flex;flex-direction:column;gap:6px}.book-card-tap{display:flex;flex-direction:column;gap:6px;cursor:pointer}.book-card-button{border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:6px;padding:6px 0;font-size:.8rem;font-weight:600}.book-card-button.owned{background:var(--navy);color:#fff;border-color:var(--navy)}.book-cover{aspect-ratio:3 / 4;border-radius:8px;overflow:hidden;background:#e2e5ec}.book-cover.small{width:90px}.book-cover img{width:100%;height:100%;object-fit:cover}.book-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.8rem}.book-title{font-weight:600;font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-progress-bar{height:4px;background:#e2e5ec;border-radius:2px;overflow:hidden}.book-progress-fill{height:100%;background:var(--gold)}.reader-screen{display:flex;flex-direction:column;height:100%}.reader-top-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:#fff}.reader-top-bar button{background:none;border:none;font-size:1.2rem}.reader-title{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-body{flex:1;overflow:hidden;position:relative}.epub-container{position:relative;height:100%}.epub-viewport{height:100%}.reader-nav-btn{position:absolute;top:0;bottom:0;width:15%;background:transparent;border:none;font-size:2rem;color:#00000026;z-index:5}.reader-nav-btn.left{left:0}.reader-nav-btn.right{right:0}.reader-content{height:100%;overflow-y:auto;padding:32px 24px;line-height:1.6}.chapter-nav{display:flex;justify-content:space-between;margin-top:32px}.chapter-nav button{background:none;border:1px solid var(--line);padding:8px 14px;border-radius:6px}.end-of-excerpt-card{margin-top:32px;padding:20px;background:#00000008;border:1px solid var(--line);border-radius:10px}.reader-settings-panel{display:flex;justify-content:space-between;padding:12px 20px;background:#fff;border-bottom:1px solid var(--line)}.settings-group{display:flex;gap:8px;align-items:center}.settings-group button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:6px 12px}.theme-dot{width:24px;height:24px;border-radius:50%;border:2px solid var(--line);background:#fff}.theme-dot.active{border-color:var(--gold)}.recommendations-row{padding:16px 20px;border-top:1px solid var(--line);background:#fff}.recommendations-row h3{font-size:.95rem;margin:0 0 12px}.recommendations-scroll{display:flex;gap:14px;overflow-x:auto}.recommendation-card{background:none;border:none;width:90px;flex-shrink:0;text-align:left;display:flex;flex-direction:column;gap:4px}.rec-title{font-size:.75rem;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.app-shell{display:flex;flex-direction:column;height:100%}.app-shell-content{flex:1;overflow-y:auto;padding-bottom:12px}.bottom-nav{display:flex;border-top:1px solid var(--line);background:#fff;padding-bottom:env(safe-area-inset-bottom,0);flex-shrink:0}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 6px;text-decoration:none;color:#8b93a1;font-size:.7rem;background:none;border:none;font-family:inherit;cursor:pointer}.bottom-nav-item.active{color:var(--navy)}.bottom-nav-icon{font-size:1.3rem;line-height:1}.screen-header{padding:20px 20px 4px}.screen-header h1{font-size:1.4rem;margin:0}.search-bar{padding:12px 20px 0}.search-bar input{width:100%;padding:10px 14px;border-radius:20px;border:1px solid var(--line);font-size:.95rem;background:#fff}.home-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 20px;padding:18px;background:var(--navy);color:#fff;border:none;border-radius:14px;text-align:left;cursor:pointer}.home-banner-text{display:flex;flex-direction:column;gap:4px}.home-banner-kicker{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--gold);font-weight:700}.home-banner-text h2{font-size:1.05rem;margin:0;color:#fff}.home-banner-text .muted{color:#fff9}.home-banner-cover{width:64px;height:86px;object-fit:cover;border-radius:6px;flex-shrink:0}.home-section{padding:8px 20px 4px}.home-section-title{font-size:1rem;margin:0 0 10px}.home-scroll{display:flex;gap:14px;overflow-x:auto;padding-bottom:4px}.home-book-card{background:none;border:none;width:100px;flex-shrink:0;text-align:left;display:flex;flex-direction:column;gap:4px;cursor:pointer}.settings-section{padding:16px 20px 4px}.logout-button{width:100%;padding:12px;border-radius:8px;border:1px solid #f3c6c6;background:#fdecec;color:#9c3b3b;font-weight:600}.logout-button:disabled{opacity:.6}.settings-list{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.settings-row{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:none;border:none;border-bottom:1px solid var(--line);font-size:.95rem;color:var(--ink);text-align:left}.settings-row-chevron{color:#b5bac4;font-size:1.1rem}.detail-header{display:flex;align-items:center;gap:8px;padding:14px 12px;border-bottom:1px solid var(--line);background:#fff}.detail-header h1{font-size:1.15rem;margin:0}.detail-back{background:none;border:none;font-size:1.5rem;color:var(--navy);padding:0 8px;line-height:1}.detail-content{padding:20px}.legal-draft-notice{background:#fdf3e3;border:1px solid #eed9ad;color:#8c6a2c;padding:10px 12px;border-radius:8px;font-size:.82rem;margin-bottom:20px}.legal-section{margin-bottom:20px}.legal-section h2{font-size:.95rem;margin:0 0 8px}.legal-section p,.legal-section li{font-size:.88rem;color:#4b5563;line-height:1.6}.legal-section ul{padding-left:18px;margin:0}.help-contact-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink);margin-bottom:12px}.help-contact-icon{font-size:1.4rem}.home-banner-wrapper{position:relative;margin:16px 20px}.home-banner-image-only{display:block;width:100%;padding:0;border:none;border-radius:14px;overflow:hidden;cursor:pointer;background:none;line-height:0}.home-banner-image-only img{width:100%;aspect-ratio:16 / 7;object-fit:cover;display:block}.home-banner-dots{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:6px}.banner-dot{width:6px;height:6px;border-radius:50%;background:#ffffff80}.banner-dot.active{background:#fff;width:16px;border-radius:3px}.book-detail-content{padding:24px 20px;display:flex;flex-direction:column;align-items:center;text-align:center}.book-detail-cover{width:160px;aspect-ratio:3 / 4;border-radius:10px;overflow:hidden;background:#e2e5ec;margin-bottom:20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem}.book-detail-title{font-size:1.25rem;margin:0 0 6px}.book-detail-price{color:var(--gold);font-weight:700;font-size:1.1rem;margin:0 0 16px}.book-detail-description{color:#4b5563;font-size:.9rem;line-height:1.6;margin-bottom:24px}.book-detail-buy-button{width:100%;padding:14px;border-radius:10px;border:none;background:var(--navy);color:#fff;font-weight:600;font-size:.95rem}.book-detail-note{margin-top:14px}body{background:var(--paper)}h1,h2,.brand-wordmark,.section-title,.card h1{font-family:var(--font-title);letter-spacing:-.01em}.app-shell{position:relative;background:var(--paper)}.app-shell-content{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}.bottom-nav{position:absolute;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));border:1px solid var(--line);border-radius:26px;background:var(--surface);box-shadow:var(--shadow-float);padding:8px 4px 6px;align-items:flex-end}.bottom-nav-item{gap:4px;padding:4px 0 2px;color:var(--muted);font-size:.66rem;font-weight:500}.bottom-nav-item.active{color:var(--navy);font-weight:700}.bottom-nav-icon{display:flex;align-items:center;justify-content:center;height:24px}.bottom-nav-item.raised .bottom-nav-icon{width:50px;height:50px;margin-top:-26px;border-radius:50%;background:var(--navy);color:#fff;box-shadow:var(--shadow-float)}.bottom-nav-item.raised{color:var(--navy)}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px 6px}.brand-wordmark{display:block;font-size:1.55rem;font-weight:700;letter-spacing:.14em;color:var(--navy);line-height:1.1}.brand-tagline{display:block;margin-top:2px;font-size:.72rem;color:var(--gold)}.avatar-button{flex-shrink:0;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--green-soft);color:var(--navy);display:flex;align-items:center;justify-content:center}.home-search{display:flex;align-items:center;gap:10px;width:calc(100% - 40px);margin:12px 20px 4px;padding:13px 18px;border:1px solid var(--line);border-radius:999px;background:var(--surface);box-shadow:var(--shadow-card);color:var(--muted);font-size:.92rem;font-family:inherit;text-align:left;cursor:pointer}.search-bar input{padding:13px 18px;border-radius:999px;box-shadow:var(--shadow-card)}.section-head{display:flex;align-items:center;gap:10px;padding:22px 20px 12px}.section-chip{width:31px;height:31px;border-radius:10px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-title{flex:1;min-width:0;margin:0;font-size:.98rem;font-weight:700;color:var(--ink);line-height:1.2}.section-link{flex-shrink:0;display:flex;align-items:center;gap:2px;background:none;border:none;color:var(--gold);font-size:.82rem;font-weight:600;font-family:inherit;cursor:pointer}.home-section{padding:0 20px}.home-scroll{gap:16px;padding:4px 20px 6px;scroll-snap-type:x proximity;scroll-padding-left:20px;scrollbar-width:none}.home-scroll::-webkit-scrollbar{display:none}.home-scroll>*{scroll-snap-align:start}.continue-card{display:flex;gap:14px;width:300px;flex-shrink:0;padding:14px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);text-align:left;cursor:pointer;font-family:inherit}.continue-cover{width:74px;flex-shrink:0;aspect-ratio:3 / 4;border-radius:10px;overflow:hidden;background:var(--green-soft)}.continue-cover img{width:100%;height:100%;object-fit:cover}.continue-body{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.continue-title{font-weight:700;font-size:.98rem;color:var(--ink);line-height:1.25}.continue-desc{font-size:.78rem;color:var(--muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.continue-progress-row{display:flex;align-items:center;gap:8px;margin-top:auto}.continue-progress-row .book-progress-bar{flex:1;height:6px;border-radius:3px;background:var(--green-soft)}.continue-progress-row .book-progress-fill{background:var(--navy)}.continue-percent{font-size:.75rem;font-weight:700;color:var(--muted)}.category-row{display:flex;gap:12px;overflow-x:auto;padding:2px 20px 6px;scrollbar-width:none}.category-row::-webkit-scrollbar{display:none}.category-tile{width:104px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 8px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--navy);font-family:inherit;font-size:.76rem;font-weight:600;line-height:1.25;text-align:center;cursor:pointer}.cover-card{position:relative;width:124px;flex-shrink:0;display:flex;flex-direction:column;gap:8px;background:none;border:none;padding:0;text-align:left;font-family:inherit;cursor:pointer}.cover-frame{position:relative;aspect-ratio:3 / 4;border-radius:var(--radius-md);overflow:hidden;background:var(--green-soft);box-shadow:var(--shadow-card)}.cover-frame img{width:100%;height:100%;object-fit:cover;display:block}.cover-badge{position:absolute;top:8px;left:8px;padding:3px 8px;border-radius:6px;background:var(--navy);color:#fff;font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.cover-title{font-size:.85rem;font-weight:600;color:var(--ink);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cover-price{font-size:.8rem;font-weight:700;color:var(--navy)}.home-banner-wrapper{margin:14px 20px 0}.home-banner-image-only{border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.home-banner-image-only img{aspect-ratio:16 / 10}.banner-dot.active{background:var(--gold)}.screen-header{padding:22px 20px 2px}.screen-header h1{font-size:1.75rem;font-weight:700;color:var(--navy)}.screen-subtitle{padding:0 20px;margin:4px 0 0;color:var(--muted);font-size:.85rem}.book-cover{border-radius:var(--radius-md);background:var(--green-soft);box-shadow:var(--shadow-card)}.settings-section{padding:18px 20px 0}.settings-section .home-section-title{font-family:var(--font-title);font-size:1rem;font-weight:700;color:var(--ink);margin:0 0 10px}.settings-list{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-card);overflow:hidden}.settings-row{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:none;border:none;border-bottom:1px solid var(--line);font-family:inherit;text-align:left;color:var(--ink)}.settings-row:last-child{border-bottom:none}.settings-row-icon{width:34px;height:34px;flex-shrink:0;border-radius:10px;background:var(--green-soft);color:var(--navy);display:flex;align-items:center;justify-content:center}.settings-row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.settings-row-label{font-size:.94rem;font-weight:600}.settings-row-description{font-size:.78rem;color:var(--muted)}.settings-row-chevron{flex-shrink:0;display:flex;align-items:center;color:var(--muted);font-size:inherit}.settings-section .card{border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:16px}.logout-button{border-radius:var(--radius-md)}@media (min-width: 700px){body{background:#ece7dd;display:flex;align-items:center;justify-content:center;padding:24px 0}#root{width:402px;height:min(874px,100vh - 48px);max-height:100%;border-radius:38px;border:1px solid #d9d2c5;background:var(--paper);box-shadow:0 24px 60px #0b40342e,0 2px 8px #0b403414;overflow:hidden;position:relative}}.chip-row{display:flex;gap:8px;overflow-x:auto;padding:14px 20px 4px;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.chip{display:flex;align-items:center;gap:6px;flex-shrink:0;padding:9px 15px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-family:inherit;font-size:.82rem;font-weight:600;white-space:nowrap}.chip.active{background:var(--navy);border-color:var(--navy);color:#fff}.progress-card{display:flex;align-items:center;gap:16px;margin:16px 20px 0;padding:16px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card)}.progress-ring{position:relative;width:68px;height:68px;flex-shrink:0}.progress-ring-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}.progress-ring-value strong{font-family:var(--font-title);font-size:1.2rem;color:var(--navy)}.progress-ring-value span{font-size:.62rem;color:var(--muted)}.progress-stats{flex:1;min-width:0}.progress-card-title{margin:0 0 10px;font-family:var(--font-title);font-size:1rem;font-weight:700;color:var(--ink)}.progress-stat-row{display:flex;gap:14px}.progress-stat{display:flex;flex-direction:column;min-width:0}.progress-stat strong{font-size:1.05rem;color:var(--navy)}.progress-stat span{font-size:.68rem;color:var(--muted);line-height:1.2}.shelf-card{width:132px;flex-shrink:0;display:flex;flex-direction:column;gap:8px;padding:0;border:none;background:none;text-align:left;font-family:inherit}.shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:18px;padding:14px 20px 0}.cover-badge.percent{top:auto;left:auto;right:8px;bottom:8px;background:#0b4034eb;letter-spacing:0}.cover-offline{position:absolute;top:8px;left:8px;width:24px;height:24px;border-radius:50%;background:#fffffff0;color:var(--navy);display:flex;align-items:center;justify-content:center}.book-rows{display:flex;flex-direction:column;gap:10px;padding:4px 20px 0}.book-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-card);text-align:left;font-family:inherit}.book-row-cover{width:52px;flex-shrink:0;aspect-ratio:3 / 4;border-radius:8px;overflow:hidden;background:var(--green-soft)}.book-row-cover img{width:100%;height:100%;object-fit:cover}.book-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.book-row-title{font-size:.92rem;font-weight:700;color:var(--ink);line-height:1.25}.book-row-desc{font-size:.76rem;color:var(--muted);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-row-price{font-size:.82rem;font-weight:700;color:var(--navy)}.book-row-action{flex-shrink:0;color:var(--muted);display:flex;align-items:center}.search-bar{position:relative;padding:12px 20px 0}.search-bar-icon{position:absolute;left:38px;top:50%;transform:translateY(-25%);color:var(--muted);display:flex;pointer-events:none}.search-bar input{padding-left:46px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 32px;text-align:center}.empty-state-icon{width:62px;height:62px;border-radius:50%;background:var(--green-soft);color:var(--navy);display:flex;align-items:center;justify-content:center;margin-bottom:4px}.empty-state-title{margin:0;font-family:var(--font-title);font-size:1.05rem;font-weight:700;color:var(--ink)}.empty-state-text{margin:0;font-size:.85rem;color:var(--muted);line-height:1.5}.primary-button{margin-top:10px;padding:12px 22px;border:none;border-radius:999px;background:var(--navy);color:#fff;font-family:inherit;font-size:.88rem;font-weight:700}.app-shell-content .screen{height:auto;min-height:100%}.app-shell-content .screen>*{flex-shrink:0}.icon-button{width:38px;height:38px;flex-shrink:0;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--navy);display:flex;align-items:center;justify-content:center;padding:0}.icon-button.active{background:var(--navy);border-color:var(--navy);color:#fff}.detail-header{padding:16px 20px 0}.book-detail-content{display:flex;flex-direction:column;align-items:center;padding:8px 24px 0;text-align:center}.book-detail-cover{width:172px;aspect-ratio:3 / 4;border-radius:var(--radius-lg);overflow:hidden;background:var(--green-soft);box-shadow:var(--shadow-float);color:var(--navy)}.book-detail-cover img{width:100%;height:100%;object-fit:cover}.book-detail-title{margin:20px 0 4px;font-family:var(--font-title);font-size:1.4rem;font-weight:700;color:var(--ink);line-height:1.25}.book-detail-price{margin:0 0 20px;font-size:1.05rem;font-weight:700;color:var(--gold)}.book-detail-buy-button{width:100%;padding:15px;border:none;border-radius:999px;background:var(--navy);color:#fff;font-family:inherit;font-size:.98rem;font-weight:700;box-shadow:var(--shadow-card)}.book-detail-section{width:100%;margin-top:26px;text-align:left}.book-detail-section h3{margin:0 0 8px;font-family:var(--font-title);font-size:1rem;font-weight:700;color:var(--ink)}.book-detail-description{margin:0;font-size:.9rem;line-height:1.6;color:var(--ink)}.book-detail-note{display:flex;align-items:flex-start;gap:10px;width:100%;margin:24px 0 0;padding:14px;border-radius:var(--radius-md);background:var(--green-soft);color:var(--navy);font-size:.8rem;line-height:1.5;text-align:left}.book-detail-note-icon{flex-shrink:0;display:flex;margin-top:1px}.reader-screen{background:var(--paper)}.reader-top-bar{gap:12px;padding:14px 16px 12px;border-bottom:none;background:var(--paper)}.reader-heading{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:1px}.reader-title{flex:none;max-width:100%;font-family:var(--font-title);font-size:1rem;font-weight:700;color:var(--ink)}.reader-subtitle{font-size:.72rem;color:var(--muted)}.reader-aa{font-family:var(--font-title);font-size:.95rem;font-weight:700}.reader-progress{height:3px;margin:0 16px;border-radius:2px;background:var(--green-soft);overflow:hidden;flex-shrink:0}.reader-progress-fill{height:100%;background:var(--navy);transition:width .25s ease}.reader-settings-panel{display:flex;flex-direction:column;gap:14px;margin:12px 16px 0;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-card);flex-shrink:0}.reader-setting{display:flex;align-items:center;justify-content:space-between;gap:12px}.reader-setting-label{font-size:.85rem;font-weight:600;color:var(--ink)}.reader-setting-control{display:flex;align-items:center;gap:8px}.reader-setting-control>button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:7px 12px;font-family:inherit;font-size:.85rem;font-weight:600}.reader-setting-control>button:disabled{opacity:.4}.reader-setting-value{min-width:22px;text-align:center;font-size:.82rem;color:var(--muted)}.theme-pill{display:flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-family:inherit;font-size:.78rem;font-weight:600}.theme-pill.active{border-color:var(--navy);background:var(--navy);color:#fff}.theme-dot{width:13px;height:13px;border-radius:50%;border:1px solid rgba(0,0,0,.18);display:inline-block}.theme-dot.theme-light{background:#fff}.theme-dot.theme-sepia{background:#f2e8d5}.theme-dot.theme-dark{background:#121212}.reader-body{flex:1;min-height:0;margin:0;padding:0 10px;border-radius:0;background:transparent;box-shadow:none;overflow:hidden}.reader-nav-btn{color:#0b40342e}.recommendations-row{border-top:none;background:transparent;padding:14px 20px 20px}.recommendations-row h3{font-family:var(--font-title);font-size:1rem;font-weight:700;color:var(--ink);margin:0 0 12px}.recommendation-card{width:96px;gap:8px;font-family:inherit}.recommendation-card .book-cover{width:96px}.rec-title{font-size:.8rem;color:var(--ink)}.welcome-screen,.auth-screen{height:100%;display:flex;flex-direction:column;padding:28px 22px calc(24px + env(safe-area-inset-bottom,0px));overflow-y:auto;background-color:var(--paper);background-image:linear-gradient(180deg,rgba(250,248,243,.28) 0%,rgba(250,248,243,.62) 38%,rgba(250,248,243,.9) 72%,var(--paper) 100%),url(/fond-hikma.webp);background-repeat:no-repeat;background-position:center top;background-size:cover}.auth-screen{justify-content:center;gap:18px;overflow-y:auto}.welcome-content{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:12px}.welcome-logo{border-radius:22px;box-shadow:var(--shadow-float)}.welcome-kicker{margin:18px 0 0;font-size:1.05rem;font-weight:600;color:var(--navy)}.welcome-title{margin:0;font-size:2.6rem;font-weight:700;color:var(--navy);line-height:1.1}.welcome-subtitle{margin:8px 0 0;max-width:300px;font-size:.95rem;color:var(--muted);line-height:1.5}.welcome-features{list-style:none;margin:26px 0 0;padding:0;width:100%;display:flex;flex-direction:column;gap:18px;text-align:left}.welcome-features li{display:flex;align-items:flex-start;gap:14px}.welcome-feature-icon{flex-shrink:0;width:46px;height:46px;border-radius:50%;background:#ffffffd9;border:1px solid var(--line);color:var(--navy);display:flex;align-items:center;justify-content:center}.welcome-feature-title{margin:2px 0 3px;font-size:.95rem;font-weight:700;color:var(--navy)}.welcome-feature-text{margin:0;font-size:.85rem;color:var(--muted);line-height:1.45}.welcome-footer{display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:22px}.welcome-link{display:flex;align-items:center;gap:4px;background:none;border:none;font-family:inherit;font-size:.9rem;font-weight:600;color:var(--navy)}.welcome-dots{display:flex;gap:8px}.welcome-dot{width:8px;height:8px;padding:0;border:none;border-radius:50%;background:#cfd8d1}.welcome-dot.active{width:22px;border-radius:4px;background:var(--navy)}.primary-button.wide{width:100%;padding:16px;font-size:.98rem;box-shadow:var(--shadow-card)}.auth-brand{text-align:center}.auth-brand img{border-radius:20px;box-shadow:var(--shadow-float)}.auth-brand h1{margin:12px 0 0;font-size:2.1rem;font-weight:700;color:var(--navy)}.auth-brand p{margin:6px auto 0;max-width:280px;font-size:.88rem;color:var(--muted);line-height:1.45}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-float);padding:24px 20px}.auth-card h2{margin:0;font-size:1.45rem;font-weight:700;color:var(--navy)}.auth-card-subtitle{margin:4px 0 18px;font-size:.88rem;color:var(--muted)}.auth-note,.auth-hint{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--radius-md);font-size:.82rem;line-height:1.5}.auth-note{background:var(--green-soft);color:var(--navy)}.auth-hint{margin-top:16px;background:var(--gold-soft);color:#6b5220}.auth-note p,.auth-hint p{margin:0}.auth-note-icon,.auth-hint-icon{flex-shrink:0;display:flex;margin-top:1px}.auth-inline-link{padding:0;border:none;background:none;font-family:inherit;font-size:inherit;font-weight:700;color:inherit;text-decoration:underline}.auth-card form{display:flex;flex-direction:column;gap:12px;margin-top:16px}.auth-field{position:relative;display:block}.auth-field-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--muted);display:flex;pointer-events:none}.auth-field input{width:100%;padding:15px 16px 15px 44px;border:1px solid var(--line);border-radius:14px;background:var(--paper);font-family:inherit;font-size:.95rem;color:var(--ink)}.auth-field input:focus{outline:none;border-color:var(--navy);background:var(--surface)}.otp-input{width:100%;padding:15px 16px;border:1px solid var(--line);border-radius:14px;background:var(--paper);font-family:inherit;text-align:center;font-size:1.6rem;letter-spacing:.6rem;color:var(--ink)}.auth-divider{display:flex;align-items:center;gap:10px;margin:22px 0 12px;font-size:.78rem;color:var(--gold)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--line)}.channel-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.channel-card{padding:14px 12px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.channel-card.active{border-color:var(--navy);border-width:2px;padding:13px 11px}.channel-card.disabled{background:var(--paper);opacity:.75}.channel-icon{width:36px;height:36px;border-radius:50%;background:var(--green-soft);color:var(--navy);display:flex;align-items:center;justify-content:center;margin-bottom:10px}.channel-title{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 4px;font-size:.92rem;font-weight:700;color:var(--ink)}.channel-tag{padding:2px 7px;border-radius:999px;background:var(--green-soft);color:var(--navy);font-size:.62rem;font-weight:700}.channel-tag.soon{background:var(--gold-soft);color:#6b5220}.channel-text{margin:0;font-size:.76rem;color:var(--muted);line-height:1.4}.auth-footer{margin:0;text-align:center;font-size:.8rem;color:var(--muted);line-height:1.5}.auth-card .link-button{display:block;margin:14px auto 0;font-weight:600}.welcome-screen>*,.auth-screen>*{flex-shrink:0}.auth-screen{justify-content:center;justify-content:safe center}.auth-footer-link{display:inline-block;margin-top:4px;padding:0;border:none;background:none;font-family:inherit;font-size:.85rem;font-weight:700;color:var(--navy);text-decoration:underline;text-underline-offset:3px}.channel-card{display:block;width:100%;text-align:left;font-family:inherit;cursor:pointer}.channel-card .channel-title,.channel-card .channel-text{display:block}.channel-card.active{background:var(--green-soft)}.phone-block{display:flex;flex-direction:column;gap:10px}.phone-country{display:flex;flex-direction:column;gap:5px}.phone-label{font-size:.76rem;font-weight:600;color:var(--muted)}.phone-country select{width:100%;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--paper);font-family:inherit;font-size:.95rem;color:var(--ink)}.phone-field{display:flex;align-items:center;gap:0}.phone-prefix{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:.95rem;font-weight:700;color:var(--navy);pointer-events:none}.phone-field input{padding-left:62px}.phone-help{margin:0;font-size:.76rem;color:var(--muted);line-height:1.4}.phone-form{display:flex;flex-direction:column;gap:12px}.phone-attached{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-card)}.phone-attached-icon{width:42px;height:42px;flex-shrink:0;border-radius:50%;background:var(--green-soft);color:var(--navy);display:flex;align-items:center;justify-content:center}.phone-attached-label{margin:0;font-size:.76rem;color:var(--muted)}.phone-attached-value{margin:2px 0 0;font-size:1.05rem;font-weight:700;color:var(--ink)}.reader-top-bar .icon-button{width:36px;height:36px}.reader-notice{margin:8px 16px 0;padding:9px 14px;border-radius:var(--radius-md);background:var(--green-soft);color:var(--navy);font-size:.82rem;font-weight:600;text-align:center;flex-shrink:0}.bookmarks-empty{margin:0;font-size:.8rem;color:var(--muted);line-height:1.5}.bookmarks-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:180px;overflow-y:auto}.bookmarks-list li{display:flex;align-items:stretch;gap:8px}.bookmark-open{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--paper);font-family:inherit;text-align:left}.bookmark-icon{flex-shrink:0;color:var(--gold);display:flex}.bookmark-text{flex:1;min-width:0;font-size:.8rem;color:var(--ink);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bookmark-delete{flex-shrink:0;width:38px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--muted);display:flex;align-items:center;justify-content:center}.reader-settings-panel:last-of-type{flex-direction:column;align-items:stretch;gap:10px}.banner-cta{position:absolute;left:16px;bottom:16px;padding:9px 20px;border-radius:999px;background:var(--gold);color:#2a1f08;font-size:.85rem;font-weight:700;box-shadow:0 2px 10px #00000040}.banner-cta.inline{position:static;align-self:flex-start;margin-top:10px;box-shadow:none}.category-row{gap:8px;align-items:stretch}.category-tile{width:77px;gap:6px;padding:12px 6px;font-size:.68rem;line-height:1.2}.home-scroll{gap:12px}.cover-card{width:102px;gap:6px}.cover-title{font-size:.78rem}.cover-price{font-size:.74rem}.cover-badge{top:6px;left:6px;padding:2px 6px;font-size:.55rem}.continue-card{width:290px}.banner-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#06301fe0,#06301f9e 45%,#06301f14 78%,#06301f00)}.banner-overlay{position:absolute;left:18px;right:30%;bottom:16px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left}.banner-title{font-family:var(--font-title);font-size:1.1rem;font-weight:700;color:#fff;line-height:1.22;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.banner-subtitle{font-size:.78rem;color:#ffffffd1;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.banner-overlay .banner-cta{position:static;margin-top:4px}.home-banner-image-only img{aspect-ratio:16 / 9}.banner-cta{padding:12px 26px;font-size:.88rem}.banner-overlay{line-height:1.4}.home-banner-image-only{position:relative}.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.avatar-button{position:relative}.notification-dot{position:absolute;top:6px;right:6px;width:9px;height:9px;border-radius:50%;background:var(--gold);border:2px solid var(--surface)}.notification-list{list-style:none;margin:0;padding:14px 20px 0;display:flex;flex-direction:column;gap:10px}.notification-card{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-card)}.notification-icon{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--green-soft);color:var(--navy);display:flex;align-items:center;justify-content:center}.notification-title{margin:0 0 3px;font-size:.92rem;font-weight:700;color:var(--ink);line-height:1.3}.notification-body{margin:0;font-size:.83rem;color:var(--muted);line-height:1.45}.notification-date{margin:6px 0 0;font-size:.72rem;color:var(--gold);font-weight:600}.library-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:22px 20px 0}.library-header h1{margin:0;font-size:1.75rem;font-weight:700;color:var(--navy)}.library-header .screen-subtitle{padding:0;margin-top:4px}.library-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 20px 10px}.library-section-head h2{margin:0;font-size:1.1rem;font-weight:700;color:var(--ink)}.progress-stat-value{display:flex;align-items:center;gap:5px;color:var(--gold)}.progress-stat-value strong{font-size:1.05rem;color:var(--navy)}.shelf-card{width:116px;flex-shrink:0;display:flex;flex-direction:column;gap:7px}.shelf-card.large{width:138px}.shelf-card.wide{width:auto}.cover-open{display:block;width:100%;height:100%;padding:0;border:none;background:none}.cover-open img{width:100%;height:100%;object-fit:cover;display:block}.cover-action{position:absolute;right:7px;bottom:7px;width:30px;height:30px;border-radius:50%;border:none;background:#fffffff0;color:var(--navy);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.cover-action.offline{background:var(--navy);color:#fff}.cover-action:disabled{opacity:.55}.shelf-title{padding:0;border:none;background:none;font-family:inherit;font-size:.82rem;font-weight:600;color:var(--ink);line-height:1.3;text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shelf-meta{font-size:.73rem;color:var(--gold);font-weight:600}.offline-cta{display:flex;align-items:center;gap:12px;width:calc(100% - 40px);margin:22px 20px 0;padding:14px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--gold-soft);font-family:inherit;text-align:left}.offline-cta-icon{flex-shrink:0;width:38px;height:38px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center}.offline-cta-text{flex:1;min-width:0;font-size:.82rem;color:#5c4718;line-height:1.4}.offline-cta-button{flex-shrink:0;padding:9px 14px;border-radius:999px;background:var(--navy);color:#fff;font-size:.78rem;font-weight:700;white-space:nowrap}.cover-badge.percent{top:7px;right:7px;left:auto;bottom:auto}.screen-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-hero{display:flex;align-items:center;gap:16px;margin:16px 20px 0;padding:18px 16px;border-radius:var(--radius-lg);background:radial-gradient(120% 140% at 85% 20%,rgba(180,137,58,.22),transparent 60%),linear-gradient(135deg,#0d4a3b,#072d25);color:#fff;box-shadow:0 10px 24px #072d253d}.profile-avatar{flex-shrink:0;width:66px;height:66px;border-radius:50%;border:1.5px solid var(--gold);color:var(--gold);display:flex;align-items:center;justify-content:center}.profile-hero-text{min-width:0;display:flex;flex-direction:column;gap:3px}.profile-greeting{display:flex;align-items:center;gap:6px;font-family:var(--font-title);font-size:1.15rem;font-weight:700;color:var(--gold)}.profile-identity{font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-since{font-size:.78rem;color:#ffffffad}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:14px 20px 0;padding:14px 6px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-card)}.profile-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 4px;text-align:center}.profile-stat+.profile-stat{border-left:1px solid var(--line)}.profile-stat-icon{width:32px;height:32px;border-radius:50%;background:var(--green-soft);color:var(--navy);display:flex;align-items:center;justify-content:center;margin-bottom:2px}.profile-stat-value{font-family:var(--font-title);font-size:1.3rem;font-weight:700;color:var(--navy);line-height:1.1}.profile-stat-label{font-size:.7rem;color:var(--muted);line-height:1.25}.settings-group-title{font-family:var(--font-title);font-size:1rem;font-weight:700;color:var(--ink);margin:0 0 10px}.logout-button{display:flex;align-items:center;justify-content:center;gap:8px}.cover-badge.tier.free{background:#1d7a56}.cover-badge.tier.subscriber_only{background:#6d4bb5}.cover-badge.tier.premium{background:var(--gold);color:#2a1f0a}.access-pill{display:inline-block;margin-bottom:8px;padding:4px 12px;border-radius:999px;background:var(--green-soft);color:var(--navy);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.access-pill.free{background:#dcf0e6;color:#146143}.access-pill.subscriber_only{background:#ece5fa;color:#563a94}.access-pill.premium{background:var(--gold-soft);color:#6b4c14}.subscription-card{display:flex;align-items:center;gap:12px;margin:14px 20px 0;padding:14px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--gold-soft)}.subscription-card.active{background:var(--green-soft);border-color:#cddcd2}.subscription-icon{flex-shrink:0;width:38px;height:38px;border-radius:50%;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center}.subscription-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.subscription-title{font-family:var(--font-title);font-size:.98rem;font-weight:700;color:var(--ink)}.subscription-meta{font-size:.78rem;color:#5c4718;line-height:1.35}.subscription-card.active .subscription-meta{color:var(--muted)}.subscription-cta{flex-shrink:0;padding:9px 16px;border-radius:999px;background:var(--navy);color:#fff;font-size:.78rem;font-weight:700;white-space:nowrap}.promo-card{margin:26px 20px 8px;padding:20px;border-radius:var(--radius-lg);background:radial-gradient(130% 150% at 85% 15%,rgba(180,137,58,.24),transparent 62%),linear-gradient(135deg,#0d4a3b,#072d25);color:#fff;box-shadow:0 10px 24px #072d253d}.promo-kicker{display:block;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.promo-title{margin:6px 0 14px;font-family:var(--font-title);font-size:1.4rem;font-weight:700;color:#fff}.promo-points{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:9px}.promo-points li{display:flex;align-items:flex-start;gap:9px;font-size:.85rem;line-height:1.4;color:#ffffffe6}.promo-points svg{flex-shrink:0;margin-top:2px;color:var(--gold)}.promo-cta{width:100%;padding:13px;border-radius:999px;background:var(--gold);color:#2a1f0a;font-size:.95rem;font-weight:700}.promo-note{margin:12px 0 0;font-size:.72rem;line-height:1.4;color:#fff9;text-align:center}.reader-progress-labels{display:flex;align-items:center;justify-content:space-between;padding:6px 20px 0;font-size:.72rem;font-weight:600;color:var(--muted)}.reader-sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0b201a52;border:none}.reader-sheet{position:fixed;left:0;right:0;bottom:0;z-index:41;max-height:76vh;display:flex;flex-direction:column;padding:8px 0 max(10px,env(safe-area-inset-bottom));border-radius:20px 20px 0 0;background:var(--surface);box-shadow:0 -8px 30px #0b40342e}.reader-sheet-grip{width:38px;height:4px;margin:2px auto 12px;border-radius:2px;background:var(--line)}.reader-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:0 10px 12px;border-bottom:1px solid var(--line)}.reader-action{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;border:none;border-radius:12px;background:none;color:var(--muted);font-family:inherit;font-size:.68rem;font-weight:600;line-height:1.2;text-align:center}.reader-action.active{background:var(--green-soft);color:var(--navy)}.reader-action:disabled{opacity:.5}.reader-font-row{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line)}.reader-font-row>button{flex-shrink:0;width:30px;height:30px;border:none;border-radius:50%;background:var(--green-soft);color:var(--navy);font-family:var(--font-title);font-weight:700}.reader-font-row>button:first-child{font-size:.8rem}.reader-font-row>button:last-child{font-size:1.15rem}.reader-font-row>button:disabled{opacity:.4}.reader-font-row input[type=range]{flex:1;accent-color:var(--navy)}.reader-sheet-content{flex:1;min-height:0;overflow-y:auto;padding:12px 20px}.reader-sheet-title{display:block;margin-bottom:8px;font-family:var(--font-title);font-size:.95rem;font-weight:700;color:var(--ink)}.toc-list{list-style:none;margin:0;padding:0}.toc-entry{display:flex;align-items:center;gap:10px;width:100%;padding:11px 14px;border:none;border-radius:10px;background:none;font-family:inherit;font-size:.88rem;color:var(--ink);text-align:left}.toc-entry.active{background:var(--green-soft);color:var(--navy);font-weight:700}.toc-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toc-number{flex-shrink:0;font-size:.72rem;font-weight:600;color:var(--muted)}.toc-entry.active .toc-number{color:var(--gold)}.reader-chapter-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px 4px;border-top:1px solid var(--line)}.reader-chapter-nav>button{display:flex;align-items:center;gap:5px;padding:8px 12px;border:none;border-radius:999px;background:none;font-family:inherit;font-size:.82rem;font-weight:600;color:var(--navy)}.reader-chapter-nav>button:disabled{opacity:.35}@media (min-width: 700px){.reader-sheet-scrim,.reader-sheet{position:absolute}}.reader-top-bar{background:transparent}.reader-progress{background:#0b40341f}.reader-screen.night .reader-title,.reader-screen.night .reader-aa{color:#e8e8e8}.reader-screen.night .reader-subtitle,.reader-screen.night .reader-progress-labels{color:#e8e8e899}.reader-screen.night .icon-button{color:#e8e8e8}.reader-screen.night .reader-progress{background:#ffffff24}.reader-screen.night .reader-progress-fill{background:var(--gold)}.reader-screen.night .reader-nav-btn{color:#ffffff38}.reader-screen.night .reader-sheet{background:#1c1c1c}.reader-screen.night .reader-sheet-grip,.reader-screen.night .reader-actions,.reader-screen.night .reader-font-row,.reader-screen.night .reader-chapter-nav{border-color:#ffffff1a}.reader-screen.night .reader-sheet-grip{background:#fff3}.reader-screen.night .reader-action,.reader-screen.night .reader-sheet-title,.reader-screen.night .toc-entry,.reader-screen.night .bookmark-text,.reader-screen.night .reader-chapter-nav>button{color:#e8e8e8}.reader-screen.night .reader-action.active,.reader-screen.night .toc-entry.active{background:#b4893a2e;color:var(--gold-light)}.reader-screen.night .reader-font-row>button{background:#ffffff1a;color:#e8e8e8}.reader-screen.night .bookmarks-empty,.reader-screen.night .toc-number{color:#e8e8e88c}.offline-banner{display:flex;align-items:flex-start;gap:10px;width:calc(100% - 40px);margin:14px 20px 0;padding:11px 13px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--gold-soft);color:#5c4718;font-size:.8rem;line-height:1.45;font-family:inherit;text-align:left}.offline-banner svg{flex-shrink:0;margin-top:1px}