.sidebar{width:320px;min-width:320px;height:100vh;position:relative;transition:transform .3s ease;z-index:50;display:flex;flex-direction:column;border-radius:0;border-left:none;border-top:none;border-bottom:none}.sidebar.closed{transform:translateX(-100%);position:absolute}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--glass-border);justify-content:space-between}.logo-text,.sidebar-header{display:flex;align-items:center}.logo-text{font-family:var(--font-english);margin:0;gap:10px;font-size:1.5rem}.logo-icon{color:var(--accent-gold)}.icon-btn{background:transparent;border:none;color:var(--text-primary);cursor:pointer;padding:8px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-btn:hover{background:var(--accent-soft);color:var(--accent-gold)}.sidebar-content{flex:1 1;overflow-y:auto;padding:1rem}.volume-group{margin-bottom:.5rem}.volume-btn{width:100%;text-align:justify;text-justify:inter-word;background:transparent;border:none;padding:12px 16px;color:var(--text-primary);font-family:var(--font-bengali);font-size:.95rem;font-weight:600;line-height:1.4;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s}.volume-btn:hover{background:var(--accent-soft)}.volume-btn.active{background:var(--accent-glow);color:var(--accent-gold)}.volume-btn span{flex:1 1}.chevron{transition:transform .3s}.chevron.rotate{transform:rotate(180deg)}.chapters-list{padding-left:28px;margin-top:4px;display:flex;flex-direction:column;gap:4px}.chapter-btn{width:100%;text-align:justify;text-justify:inter-word;background:transparent;border:none;padding:8px 12px;color:var(--text-secondary);font-family:var(--font-bengali);font-size:.9rem;line-height:1.4;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.chapter-btn:hover{color:var(--text-primary);background:var(--accent-soft)}.chapter-btn.active{color:var(--accent-gold);background:var(--accent-soft)}.top-bar{display:flex;align-items:center;padding:.5rem 1.5rem;border-radius:0;gap:1rem}.reading-progress-container{width:100%;height:3px!important;max-height:3px!important;background:transparent;flex-shrink:0;position:absolute!important;bottom:0!important;top:auto!important;left:0;right:0;z-index:10}.reading-progress-bar{height:100%!important;max-height:3px!important;width:0;background:linear-gradient(90deg,var(--accent-gold),#ffd700);transition:width .15s ease-out;border-radius:0 2px 2px 0}.top-bar-title{font-size:1.25rem;font-weight:600;color:var(--text-secondary)}.articles-container{display:flex;flex-direction:column;gap:2rem;max-width:768px;margin:2rem auto;padding:0 1.5rem 4rem}.article-meta{display:flex;gap:8px;margin-bottom:20px;align-items:center;flex-wrap:wrap}.id-badge,.volume-badge{padding:4px 10px;border-radius:var(--radius-xl,28px);font-size:.85rem;font-weight:600;font-family:var(--font-english)}.volume-badge{background:var(--accent-glow);color:var(--accent-gold)}.id-badge{background:rgba(128,128,128,.1);color:var(--text-secondary)}.article-actions{gap:8px;margin-left:auto}.action-btn,.article-actions{display:flex;align-items:center}.action-btn{background:rgba(128,128,128,.05);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);padding:6px 12px;font-size:.9rem;gap:5px;font-family:var(--font-bengali);transition:all .2s;min-height:36px;cursor:pointer}.action-btn:hover{border-color:var(--accent-gold);color:var(--accent-gold);background:var(--accent-glow)}.article-title{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--glass-border);font-size:1.6rem;line-height:1.4}.article-body{font-size:1.15rem;color:var(--text-primary);text-align:justify;text-justify:inter-word}.article-body p{margin-bottom:.8rem;line-height:1.6;font-size:1em}.ref-highlight{color:var(--accent-gold);cursor:pointer;font-weight:600;margin-left:2px;margin-right:2px;transition:color .2s}.ref-highlight:hover{color:#fff}.loader{font-size:1.2rem;color:var(--accent-gold)}.empty-state,.loader{text-align:center;padding:3rem}.empty-state{color:var(--text-secondary)}.welcome-screen{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:20px}.welcome-card{max-width:500px;width:100%;text-align:center;padding:40px 32px;border-radius:var(--radius-lg)}.welcome-icon{font-size:52px;display:block;margin-bottom:20px}.welcome-card h1{font-family:var(--font-bengali);font-size:1.8rem;margin-bottom:12px;color:var(--accent-gold);font-weight:700;line-height:1.3}.welcome-card p{font-family:var(--font-bengali);font-size:1rem;color:var(--text-secondary);line-height:1.7;margin-bottom:24px}.welcome-stats{display:flex;justify-content:center;gap:20px;padding-top:20px;border-top:1px solid var(--glass-border)}.stat-item{text-align:center}.stat-number{font-size:1.5rem;font-weight:700;color:var(--accent-gold);font-family:var(--font-english);display:block}.stat-label{font-size:.85rem;color:var(--text-muted,#888);font-family:var(--font-bengali)}@media (min-width:1024px){.hide-desktop{display:none}}.chapter-group{margin-bottom:4px}.articles-list{padding-left:20px;margin-top:4px;margin-bottom:8px;display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--glass-border);margin-left:16px}.article-btn{width:100%;text-align:justify;text-justify:inter-word;background:transparent;border:none;padding:6px 12px;color:var(--text-secondary);font-family:var(--font-bengali);font-size:.85rem;line-height:1.4;border-radius:0 var(--radius-sm) var(--radius-sm) 0;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.article-btn:hover{color:var(--text-primary);background:var(--accent-soft)}.article-btn.active{color:var(--accent-gold);background:var(--accent-soft);border-left:2px solid var(--accent-gold)}.bottom-nav-bar{display:flex;justify-content:space-between;align-items:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--glass-border)}.nav-footer-btn{background:transparent;border:none;color:var(--text-secondary);font-size:1rem;font-weight:600;font-family:var(--font-bengali);cursor:pointer;padding:10px 20px;border-radius:30px;transition:all .3s}.nav-footer-btn:hover{color:var(--accent-gold)}.nav-footer-btn.outline{border:1px solid var(--glass-border);color:var(--text-primary)}.nav-footer-btn.outline:hover{border-color:var(--accent-gold)}.nav-footer-btn.highlight,.nav-footer-btn.outline:hover{color:var(--accent-gold);background:var(--accent-glow)}.nav-footer-btn.highlight:hover{background:var(--accent-gold);color:var(--bg-color)}@media (max-width:768px){.bottom-nav-bar{flex-direction:column;gap:1rem}.nav-footer-btn{width:100%}}.sidebar-tabs{display:flex;border-bottom:1px solid var(--border)}.sidebar-tab{flex:1 1;padding:12px 6px;background:none;color:var(--text-muted);font-family:var(--font-bengali);font-size:14px;font-weight:500;border:none;border-bottom:2px solid transparent;transition:all var(--transition);display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer}.sidebar-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.sidebar-tab .tab-icon{font-size:18px}.bookmarks-panel{padding:12px 8px;display:none}.bookmarks-panel.active{display:block}.bookmark-item{padding:12px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:8px;cursor:pointer;transition:all var(--transition)}.bookmark-item:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.bookmark-item-title{font-family:var(--font-bengali);font-size:15px;color:var(--text-primary);font-weight:500}.settings-drawer{position:fixed;top:69px;right:0;width:320px;height:calc(100% - 69px);background:var(--bg-panel);border-left:1px solid var(--border);z-index:150;transform:translateX(100%);transition:transform var(--transition);display:flex;flex-direction:column;box-shadow:-8px 0 32px rgba(0,0,0,.3)}.settings-drawer.open{transform:translateX(0)}.settings-header{padding:20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.settings-title{font-family:var(--font-bengali);font-size:18px;font-weight:700;color:var(--text-primary)}.settings-body{flex:1 1;overflow-y:auto;padding:20px}.settings-section{margin-bottom:28px}.settings-section-title{font-family:var(--font-bengali);font-size:14px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border-soft)}.settings-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.settings-row-label{font-family:var(--font-bengali);font-size:15px;font-weight:500;color:var(--text-primary)}.settings-row-sub{font-size:12px;color:var(--text-muted);font-family:var(--font-english)}.theme-options{display:flex;gap:8px}.theme-btn{width:36px;height:36px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all var(--transition);position:relative}.theme-btn.active{border-color:var(--accent);transform:scale(1.1)}.theme-light-btn{background:#f8fafc}.theme-sepia-btn{background:#f4ecd8}.theme-dark-btn{background:#0f172a;border-color:#334155}.font-family-options{display:flex;gap:10px;flex-wrap:wrap}.font-option-btn{flex:1 1;padding:10px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition);font-family:var(--font-bengali);font-size:14px}.font-option-btn.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.reading-stats{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 16px}.reading-stats-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-soft);font-family:var(--font-bengali);font-size:14px;color:var(--text-secondary)}.reading-stats-row:last-child{border-bottom:none}.reading-stats-value{font-weight:700;color:var(--text-primary);font-family:var(--font-english)}.font-option-btn{border-radius:20px!important}.danger-btn:hover{background:rgba(255,255,255,.05)!important}@media print{body *{display:none!important}body:after{display:block!important;content:"এই বিষয়বস্তু মুদ্রণ বা PDF সংরক্ষণ নিষিদ্ধ।\A This content is protected. Printing is not allowed.";white-space:pre;text-align:center;font-size:1.5rem;font-weight:700;padding:4rem 2rem;color:#111}}.article-body img,.article-card img{-webkit-user-drag:none;user-drag:none;pointer-events:none;draggable:false}