::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:7px;border:3px solid var(--color-bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.reader-toolbar .toolbar-right #settings-toggle{display:none}.container-layout{transition:max-width var(--transition-normal)}.reader-layout[data-layout=vertical]{max-width:var(--reader-max-width, 100%);margin:0 auto}.reader-body :is(.ref,.sc,[class*=ref],[id^=sc],.pts){opacity:.15;font-size:.7em;color:var(--color-text-muted);transition:all var(--transition-fast);user-select:none;cursor:pointer;text-decoration:none}.reader-body :is(.ref,.sc,[class*=ref],[id^=sc],.pts):hover{opacity:.8;color:var(--color-accent-primary)}.reader-body :is(.verse-num,.uddana-num,.enumber,.vnumber){opacity:.1;font-size:.65em;font-family:var(--font-mono);transition:opacity var(--transition-fast)}.reader-body :is(.verse-num,.uddana-num,.enumber,.vnumber):hover{opacity:.5}.copy-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(20px);background:var(--color-text-primary);color:var(--color-bg-primary);padding:8px 16px;border-radius:9999px;font-size:14px;box-shadow:0 4px 6px -1px #0000001a;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000}.copy-toast.show{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.toc-list{list-style:none;padding:0;margin:0;counter-reset:toc-counter}.toc-item{margin-bottom:var(--space-2);counter-increment:toc-counter}.toc-item a:before{content:counter(toc-counter) ". ";font-weight:600;color:var(--color-text-muted);font-size:.85em;min-width:1.6em;display:inline-block}.toc-item a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.toc-item a:hover{color:var(--color-accent-primary)}.toc-h3{padding-left:var(--space-3);font-size:.9em}.toc-h4{padding-left:var(--space-6);font-size:.8em}.settings-overlay{position:fixed;inset:0;background:#0000004d;z-index:200;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.settings-overlay.open{opacity:1;pointer-events:auto}.settings-panel{position:fixed;top:0;right:-360px;width:340px;max-width:90vw;height:100vh;background:var(--color-bg-primary);box-shadow:var(--shadow-xl);z-index:201;overflow-y:auto;transition:right var(--transition-normal);padding:var(--space-6)}.settings-panel.open{right:0}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.settings-header h3{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:600}.settings-close{width:32px;height:32px;border:none;background:transparent;color:var(--color-text-muted);font-size:var(--text-xl);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.settings-close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.settings-group{margin-bottom:var(--space-6)}.settings-group label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.04em}.settings-slider{width:100%;appearance:none;height:4px;background:var(--color-border);border-radius:2px;outline:none}.settings-slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;background:var(--color-accent-primary);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-sm)}.settings-slider::-moz-range-thumb{width:20px;height:20px;background:var(--color-accent-primary);border:none;border-radius:50%;cursor:pointer}.slider-labels{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.theme-options{display:flex;gap:var(--space-2)}.theme-btn{flex:1;padding:var(--space-2) var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;background:transparent;color:var(--color-text-secondary);transition:all var(--transition-fast)}.theme-btn.active{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:#b68d4014}.theme-btn[data-theme=light]{background:#fdfbf7;color:#2c2418}.theme-btn[data-theme=sepia]{background:#f4ecd8;color:#3b2f1e}.theme-btn[data-theme=dark]{background:#1a1612;color:#e8e0d4}.font-options{display:flex;gap:var(--space-2)}.font-btn{flex:1;padding:var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);transition:all var(--transition-fast);text-align:center}.font-btn.active{border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.font-btn span{display:block;font-size:var(--text-lg)}.font-btn small,.layout-btn small{font-size:var(--text-xs);display:block;margin-top:2px}.layout-options{display:flex;gap:var(--space-2)}.layout-btn{flex:1;padding:var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);transition:all var(--transition-fast);text-align:center;cursor:pointer}.layout-btn.active{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:#b68d400d}.settings-section{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section-title{font-size:var(--text-sm);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-3);letter-spacing:.02em}.settings-group--compact{margin-bottom:var(--space-3)}.settings-group--compact label{margin-bottom:var(--space-1)}.settings-row{display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.settings-group--half{flex:1;min-width:0}.slider-value{float:right;font-weight:400;font-size:var(--text-xs);color:var(--color-accent-primary);font-family:var(--font-mono)}.theme-carousel{display:flex;gap:var(--space-2);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px 0}.theme-carousel::-webkit-scrollbar{display:none}.theme-card{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;border:2px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);scroll-snap-align:start;width:54px}.theme-card.active{border-color:var(--color-accent-primary)}.theme-swatch{width:46px;height:34px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;font-family:Georgia,serif;transition:transform var(--transition-fast)}.theme-card:hover .theme-swatch{transform:scale(1.05)}.theme-card small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:54px;display:block;text-align:center;line-height:1.2}.align-options{display:flex;gap:var(--space-1)}.align-btn{flex:1;padding:var(--space-2);border:2px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;cursor:pointer}.align-btn.active{border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.align-btn:hover{color:var(--color-accent-primary)}.align-btn svg{display:block}.reset-defaults-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.reset-defaults-btn:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:var(--color-bg-secondary)}.container-layout{padding-inline:var(--reader-h-padding, 1em)}.reader-layout.aside-hidden{display:flex!important;flex-direction:column}.reader-layout.aside-hidden .reader-main{max-width:100%!important}.sidebar-overlay{position:fixed;inset:0;background:#0000004d;z-index:200;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.sidebar-overlay.open{opacity:1;pointer-events:auto}.sidebar-nav{position:fixed;top:0;left:-320px;width:300px;max-width:85vw;height:100vh;background:var(--color-bg-primary);box-shadow:var(--shadow-xl);z-index:201;overflow-y:auto;transition:left var(--transition-normal);padding:var(--space-4)}.sidebar-nav.open{left:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-3)}.sidebar-header h3{font-family:var(--font-serif);font-weight:600}.tree-item{display:block;padding:var(--space-1) var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);border-radius:var(--radius-sm);text-decoration:none;transition:all var(--transition-fast)}.tree-item:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.tree-item.active{color:var(--color-accent-primary);font-weight:600;background:#b68d4014}.tree-group{margin-bottom:var(--space-2)}.tree-group-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);padding:var(--space-2) var(--space-2) var(--space-1)}.reader-aside{position:sticky;top:80px;max-height:calc(100vh - 100px);overflow-y:auto;scrollbar-width:thin}.reader-aside::-webkit-scrollbar{width:4px}.reader-aside::-webkit-scrollbar-track{background:transparent}.reader-aside::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.reader-section{margin-bottom:var(--space-4)}.section-toggle{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;background:transparent;border:none;color:var(--color-text-primary);font-size:var(--text-base);font-weight:400;text-align:left;transition:all var(--transition-fast);cursor:pointer}.section-toggle:hover{color:var(--color-accent-primary)}.section-toggle .icon{display:flex;align-items:center;color:var(--color-text-muted)}.section-toggle:hover .icon{color:var(--color-accent-primary)}.section-toggle .chevron{margin-left:auto;transition:transform var(--transition-fast);color:var(--color-text-muted);display:flex;align-items:center}.section-toggle[aria-expanded=true] .chevron{transform:rotate(180deg)}.section-expand-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:6px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-muted);cursor:pointer;padding:0;transition:all .15s;flex-shrink:0}.section-expand-icon:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:#d4a84b14}.section-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--color-accent-primary, #B68D40);color:#fff;font-size:.7rem;font-weight:700;margin-left:6px;flex-shrink:0}.section-expand-inline{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:4px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-muted);cursor:pointer;padding:0;transition:all .15s;flex-shrink:0}.section-expand-inline:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:#d4a84b14}.section-content{padding:var(--space-2) 0 var(--space-4) 32px;font-size:var(--text-sm);display:none;color:var(--color-text-secondary)}.section-content.open{display:block}.section-controls{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.section-chip{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background:transparent;color:var(--color-text-muted);transition:all var(--transition-fast)}.section-chip.active{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:#b68d400f}.version-selector{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-4);overflow-x:auto}.version-btn{padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);background:transparent;font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap;transition:all var(--transition-fast)}.version-btn.active{background:var(--color-bg-primary);border-color:var(--color-border);color:var(--color-text-primary);font-weight:600;box-shadow:var(--shadow-sm)}.version-btn .version-translator{font-weight:600}.version-btn .version-source{font-size:var(--text-xs);color:var(--color-text-muted);display:block}.reader-toolbar{position:sticky;top:36px;z-index:50;border-bottom:1px solid var(--color-border);padding:0;backdrop-filter:blur(12px);background:#fdfbf7f2;transition:top .3s ease;min-height:48px;display:flex;align-items:center}.header-hidden~.reader-toolbar,.header-hidden+main .reader-toolbar{top:0}[data-theme=dark] .reader-toolbar{background:#1a1612f2}.toolbar-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:inherit;padding:var(--space-2) 0}.toolbar-left{display:flex;align-items:center;gap:var(--space-2);min-width:0}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-md);font-size:var(--text-lg);flex-shrink:0;transition:all var(--transition-fast)}.toolbar-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.toolbar-title{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500;flex-wrap:wrap;min-width:0;line-height:1.6;row-gap:var(--space-1);padding:2px 0}.toolbar-title a{color:inherit;text-decoration:none;transition:color var(--transition-fast);font-family:inherit;font-size:inherit}.toolbar-title a:hover{color:var(--color-accent-primary)}.toolbar-sep{font-size:1.1em;opacity:.35;margin:0 1px;user-select:none}.toolbar-title-text{font-weight:600;font-family:inherit;font-size:inherit;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis}.toolbar-sub{font-family:inherit;font-size:inherit;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle}.bc-item{position:relative;display:inline-flex;align-items:center;gap:0;cursor:pointer}.bc-item>a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.bc-item:hover>a{color:var(--color-accent-primary)}.bc-dropdown-toggle{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;padding:0;margin-left:1px;border-radius:var(--radius-sm);transition:all var(--transition-fast);vertical-align:middle;flex-shrink:0;font-size:0;line-height:1;pointer-events:none}.bc-item:hover .bc-dropdown-toggle{color:var(--color-accent-primary)}.bc-dropdown-toggle svg{width:12px;height:12px;transition:transform var(--transition-fast)}.bc-item:hover .bc-dropdown-toggle svg{transform:rotate(180deg)}.bc-item:after{content:"";position:absolute;top:100%;left:0;right:0;height:8px;display:none}.bc-item:hover:after{display:block}.bc-dropdown-menu{display:none;position:absolute;top:calc(100% + 6px);left:-4px;min-width:220px;max-width:340px;max-height:400px;overflow-y:auto;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 24px #0000001f,0 1px 4px #0000000f;z-index:100;padding:var(--space-1) 0;scrollbar-width:thin}.bc-item:hover .bc-dropdown-menu{display:block;animation:bc-fade-in .15s ease-out}@keyframes bc-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.bc-dropdown-menu a{display:block;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all var(--transition-fast);font-family:var(--font-serif)}.bc-dropdown-menu a:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.bc-dropdown-menu a.active{color:var(--color-accent-primary);font-weight:600;background:#b68d4014}.bc-dropdown-menu a .bc-pali{font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic;display:inline;margin-left:6px}.bc-dropdown-menu a .bc-pali:before{content:"— "}[data-theme=dark] .bc-dropdown-menu{background:var(--color-bg-primary);border-color:var(--color-border);box-shadow:0 8px 32px #00000080}.bc-dropdown-menu--sutta{min-width:280px;max-width:420px;right:0;left:auto}.bc-dropdown-menu--sutta a strong{color:var(--color-accent-primary);font-size:var(--text-xs);margin-right:4px}.bc-nav-arrows{display:inline-flex;align-items:center;gap:2px;margin-left:var(--space-2);flex-shrink:0}.bc-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);color:var(--color-text-muted);text-decoration:none;font-size:var(--text-base);transition:all var(--transition-fast)}.bc-nav-btn:hover{background:var(--color-bg-secondary);color:var(--color-accent-primary);transform:scale(1.1)}@media(max-width:768px){.toolbar-title{flex-wrap:nowrap!important;overflow:hidden;row-gap:0;padding:0}.toolbar-title>a{display:none}.toolbar-title .toolbar-sub,.toolbar-title .toolbar-sep,.toolbar-title .bc-item{display:none}.bc-item.bc-mobile-parent{display:inline-flex!important;flex-shrink:0;max-width:none}.bc-item.bc-mobile-parent>a{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle}.toolbar-sep.bc-mobile-sep{display:inline!important;flex-shrink:0}.bc-item--sutta{display:inline-flex!important;flex:1 1 0;min-width:0;order:0;margin-top:0}.bc-item--sutta .toolbar-title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:100%}.bc-nav-arrows{flex-shrink:0;margin-left:var(--space-1)}.bc-nav-btn{width:24px;height:24px;font-size:var(--text-sm)}.bc-item.bc-mobile-parent .bc-dropdown-menu{left:-4px;right:auto;max-width:min(320px,calc(100vw - 32px))}.bc-dropdown-menu--sutta{left:auto;right:-8px;max-width:min(360px,calc(100vw - 24px))}.toolbar-inner{gap:var(--space-2)}.toolbar-right{gap:0}.toolbar-right .toolbar-btn{width:32px;height:32px}}.toolbar-right{display:flex;align-items:center;gap:var(--space-2)}.reader-toolbar .toolbar-right #settings-toggle{display:flex}.btn-read{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background:var(--color-accent-primary);color:#1a1510;border:none;border-radius:var(--radius-md);font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s;white-space:nowrap}.btn-read:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-read svg{width:16px;height:16px}@media(max-width:1024px){.btn-read span{display:none}.btn-read{padding:.5rem}}.next-sutta-loader{text-align:center;padding:var(--space-10) 0;color:var(--color-text-muted)}.next-sutta-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-12) 0 var(--space-8);color:var(--color-text-muted)}.next-sutta-divider:before,.next-sutta-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.next-sutta-divider span{font-family:var(--font-serif);font-size:var(--text-sm);white-space:nowrap}.reading-progress{position:fixed;top:0;left:0;width:0%;height:2px;background:var(--color-accent-primary);z-index:300;transition:width .1s linear}.text-item.is-read{opacity:.55}.text-item.is-read .text-title{color:var(--color-text-muted)}.text-item.is-read:after{content:"✓";font-size:var(--text-xs);color:var(--color-accent-secondary);margin-left:auto;flex-shrink:0}.sutta-star{color:#d4a84b;font-size:.8em;margin-left:4px}.reader-layout{display:flex;flex-direction:column;gap:var(--space-8)}.reader-layout[data-layout=sidebar-right],.reader-layout[data-layout=sidebar-left]{display:grid;gap:var(--space-12);align-items:start}.reader-layout[data-layout=sidebar-right]{grid-template-columns:1fr 380px}.reader-layout[data-layout=sidebar-left]{grid-template-columns:380px 1fr}.reader-layout[data-layout=sidebar-left] .reader-main{order:2}.reader-layout[data-layout=sidebar-left] .aside-wrapper{order:1}.reader-layout[data-layout=sidebar-right] .reader-main,.reader-layout[data-layout=sidebar-left] .reader-main{max-width:var(--reader-max-width);width:100%;margin:0 auto;min-width:0;overflow-x:hidden}@media(max-width:1024px){.reader-layout[data-layout=sidebar-right],.reader-layout[data-layout=sidebar-left]{display:flex;flex-direction:column;gap:var(--space-8)}}.tree-pitaka{margin-bottom:var(--space-3)}.tree-pitaka-title{font-size:var(--text-sm);font-weight:700;color:var(--color-text-primary);padding:var(--space-2);display:flex;align-items:center;gap:var(--space-2);cursor:pointer;border-radius:var(--radius-sm);user-select:none}.tree-pitaka-title:hover{background:var(--color-bg-secondary)}.tree-pitaka-title .tree-chevron{font-size:.6em;transition:transform var(--transition-fast)}.tree-pitaka-title.expanded .tree-chevron{transform:rotate(90deg)}.tree-children{padding-left:var(--space-4);display:none}.tree-children.open{display:block}.tree-division{display:block;padding:3px var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);border-radius:var(--radius-sm);text-decoration:none;transition:all var(--transition-fast);line-height:1.4}.tree-division:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.tree-division.active{color:var(--color-accent-primary);font-weight:600;background:#b68d4014}.tree-division-pali{font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic}.tree-sub{padding-left:var(--space-4)}.tree-division-group{margin-bottom:1px}.tree-division-header{display:flex;align-items:center;gap:var(--space-1);padding:3px var(--space-2);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.tree-division-header:hover{background:var(--color-bg-secondary)}.tree-division-header.active{background:#b68d4014}.tree-division-link{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);text-decoration:none;flex-grow:1}.tree-division-header.active .tree-division-link{color:var(--color-accent-primary);font-weight:600}.tree-division-count{font-size:var(--text-xs);color:var(--color-text-muted);opacity:.5}.tree-division-header .tree-chevron{font-size:.5em;color:var(--color-text-muted);transition:transform var(--transition-fast)}.tree-division-header.expanded .tree-chevron{transform:rotate(90deg)}.tree-sutta-list{padding-left:var(--space-4);display:none;max-height:60vh;overflow-y:auto}.tree-sutta-list.open{display:block}.tree-sutta-item{display:flex;align-items:baseline;gap:4px;padding:1px var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-sm);transition:background var(--transition-fast);line-height:1.4}.tree-sutta-item:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.tree-sutta-item.current{color:var(--color-accent-primary);font-weight:600;background:#b68d401a}.tree-sutta-uid{font-family:var(--font-mono, monospace);font-size:.85em;opacity:.5;min-width:28px;flex-shrink:0}.tree-kn-sub-group{margin-bottom:1px}.tree-kn-sub{display:block;padding:3px var(--space-2);font-size:.8em;color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-sm);transition:all var(--transition-fast);line-height:1.4}.tree-kn-sub:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.tree-kn-sub.active{color:var(--color-accent-primary);font-weight:600;background:#b68d4014}.section-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:var(--radius-full);background:var(--color-accent-primary);color:#1a1510;font-size:10px;font-weight:700;margin-left:var(--space-1)}.aside-video-scroll{display:flex;gap:var(--space-3);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:var(--space-2);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;margin:0 -4px;padding:0 4px var(--space-2)}.aside-video-scroll::-webkit-scrollbar{height:4px}.aside-video-scroll::-webkit-scrollbar-track{background:transparent}.aside-video-scroll::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.aside-vcard{flex-shrink:0;width:200px;scroll-snap-align:start;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);background:var(--color-bg-primary);transition:border-color .15s,box-shadow .15s}.aside-vcard:hover{border-color:var(--color-accent-primary);box-shadow:0 2px 12px #d4a84b26}.aside-vcard-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:#1a1510;cursor:pointer}.aside-vcard-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.aside-vcard:hover .aside-vcard-thumb img{transform:scale(1.05)}.aside-vcard-dur{position:absolute;bottom:4px;right:34px;background:#000c;color:#fff;padding:1px 5px;border-radius:var(--radius-sm);font-size:10px;font-weight:600;font-variant-numeric:tabular-nums}.aside-vcard-thumb .docs-video-pip-btn{bottom:4px;right:4px;width:24px;height:20px}.aside-vcard-thumb .docs-video-pip-btn svg{width:12px;height:12px}.aside-vcard-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:none;background:none;cursor:pointer;opacity:0;transition:opacity .2s,transform .2s;padding:0}.aside-vcard-thumb:hover .aside-vcard-play{opacity:1}.aside-vcard-play:hover{transform:translate(-50%,-50%) scale(1.15)}.aside-vcard-thumb iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.aside-vcard-body{padding:var(--space-2)}.aside-vcard-title{display:block;font-size:11px;font-weight:600;line-height:1.3;color:var(--color-text-primary);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:2px}.aside-vcard-title:hover{color:var(--color-accent-primary)}.aside-vcard-teacher{font-size:10px;color:var(--color-text-muted)}.aside-vcard-actions{display:flex;gap:4px;position:absolute;top:4px;right:4px;z-index:2}.aside-vcard-body{position:relative}.aside-vcard-pin,.aside-vcard-pip{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-muted);cursor:pointer;transition:all .15s;padding:0;opacity:0}.aside-vcard:hover .aside-vcard-pin,.aside-vcard:hover .aside-vcard-pip{opacity:1}.aside-vcard-pin:hover{background:#d4a84b26;border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.aside-vcard-pip:hover{background:#4a90d926;border-color:#4a90d9;color:#4a90d9}.aside-vcard.pinned{border-color:var(--color-accent-primary);box-shadow:0 0 0 1px var(--color-accent-primary),0 2px 8px #d4a84b33}.aside-vcard.pinned .aside-vcard-pin{opacity:1;background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#1a1510}.aside-pinned-video{display:none}.aside-pinned-video.has-pinned{display:block;margin-bottom:var(--space-2);border:2px solid var(--color-accent-primary);border-radius:var(--radius-md);overflow:hidden;background:#000;position:relative}.aside-pinned-video .pinned-label{position:absolute;top:6px;left:6px;z-index:3;background:var(--color-accent-primary);color:#1a1510;font-size:9px;font-weight:700;padding:2px 6px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.04em}.aside-pinned-video .pinned-close{position:absolute;top:4px;right:4px;z-index:3;width:22px;height:22px;border:none;border-radius:50%;background:#0009;color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.aside-pinned-video .pinned-close:hover{background:#c83232cc}.aside-pinned-video iframe{width:100%;aspect-ratio:16/9;border:0;display:block}.aside-pinned-video .pinned-title{padding:6px 8px;font-size:11px;font-weight:600;color:var(--color-text-primary);background:var(--color-bg-primary);line-height:1.3}.pip-container{position:fixed;bottom:20px;right:20px;width:320px;z-index:999;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 32px #0006;border:2px solid var(--color-accent-primary);background:#000;animation:pip-slide-in .3s ease-out}@keyframes pip-slide-in{0%{transform:translateY(20px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.pip-container .pip-header{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);cursor:move}.pip-container .pip-title{font-size:10px;font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.pip-container .pip-close{width:20px;height:20px;border:none;border-radius:50%;background:transparent;color:var(--color-text-muted);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:4px}.pip-container .pip-close:hover{background:#c8323233;color:#e55}.pip-container iframe{width:100%;aspect-ratio:16/9;border:0;display:block}@media(max-width:768px){.pip-container{width:260px;bottom:10px;right:10px}}.aside-video-expand-btn{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-secondary);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s}.aside-video-expand-btn:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:#d4a84b0d}.video-modal-overlay{display:none;position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(6px);z-index:500;justify-content:center;align-items:flex-start;padding:4vh 0;overflow-y:auto}.video-modal-overlay.open{display:flex;animation:vmodal-fade-in .2s ease-out}@keyframes vmodal-fade-in{0%{opacity:0}to{opacity:1}}.video-modal{width:80%;max-width:1100px;max-height:92vh;overflow-y:auto;background:var(--color-bg-primary);border-radius:var(--radius-xl, 16px);box-shadow:0 20px 60px #0006;animation:vmodal-slide-up .25s ease-out}@keyframes vmodal-slide-up{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.video-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);position:sticky;top:0;background:var(--color-bg-primary);z-index:2;border-radius:var(--radius-xl, 16px) var(--radius-xl, 16px) 0 0}.video-modal-header h3{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:600}.video-modal-close{width:36px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);font-size:var(--text-lg);cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.video-modal-close:hover{background:#d4a84b1a;border-color:var(--color-accent-primary);color:var(--color-text-primary)}.video-modal-player{display:none;width:100%;aspect-ratio:16/9;background:#000}.video-modal-player.active{display:block}.video-modal-player iframe{width:100%;height:100%;border:0}.video-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4);padding:var(--space-4) var(--space-5) var(--space-6)}.vmodal-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-primary);transition:all .2s}.vmodal-card:hover{border-color:var(--color-accent-primary);box-shadow:0 4px 20px #d4a84b26;transform:translateY(-2px)}.vmodal-card-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:#1a1510;cursor:pointer}.vmodal-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.vmodal-card:hover .vmodal-card-thumb img{transform:scale(1.05)}.vmodal-card-dur{position:absolute;bottom:6px;right:6px;background:#000c;color:#fff;padding:2px 6px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.vmodal-card-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:none;background:none;cursor:pointer;opacity:0;transition:opacity .2s,transform .2s;padding:0}.vmodal-card-thumb:hover .vmodal-card-play{opacity:1}.vmodal-card-play:hover{transform:translate(-50%,-50%) scale(1.12)}.vmodal-card-thumb iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.vmodal-card-body{padding:var(--space-3)}.vmodal-card-title{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);text-decoration:none;line-height:1.4;margin-bottom:var(--space-1)}.vmodal-card-title:hover{color:var(--color-accent-primary)}.vmodal-card-meta{display:flex;gap:var(--space-3);font-size:11px;color:var(--color-text-muted);margin-bottom:var(--space-1)}.vmodal-card-desc{font-size:12px;color:var(--color-text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:768px){.video-modal{width:95%}.video-modal-grid{grid-template-columns:1fr}.aside-vcard{width:180px}}.translate-bar{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-bottom:1rem}.translate-link-btn{background:none;border:none;color:var(--color-accent-primary);cursor:pointer;font-size:var(--text-sm);font-weight:500;padding:0;text-decoration:none;transition:opacity .2s}.translate-link-btn:hover{text-decoration:underline}.translate-link-btn:disabled{opacity:.5;cursor:wait;text-decoration:none}.translate-service-select{font-size:.75rem;padding:.2rem .4rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-muted);cursor:pointer}.translated-content{background:#4caf500a;border:1px solid rgba(76,175,80,.2);border-left:3px solid #4CAF50;padding:1rem 1.25rem;margin-bottom:1.5rem;border-radius:var(--radius-md)}.translated-content--info{background:#2196f30a;border-color:#2196f333;border-left-color:#2196f3}.translated-content--error{background:#f443360a;border-color:#f4433633;border-left-color:#f44336}.translated-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.8rem;font-weight:600;color:#4caf50}.translated-content--info .translated-header{color:#2196f3}.translated-content--error .translated-header{color:#f44336}.translated-close{background:none;border:none;cursor:pointer;font-size:1rem;color:var(--color-text-muted);padding:0 .25rem;line-height:1}.translated-close:hover{color:var(--color-text-primary)}.translated-content p,.translated-content h2,.translated-content h3,.translated-content h4,.translated-content blockquote{margin-bottom:.75rem;text-indent:0!important;line-height:1.7}.translated-content p:last-child,.translated-content h2:last-child,.translated-content h3:last-child{margin-bottom:0}.browser-guide-details{border:1px solid rgba(33,150,243,.15);border-radius:var(--radius-sm);margin-bottom:.4rem;background:#2196f308;transition:background .15s}.browser-guide-details[open]{background:#2196f30f}.browser-guide-details summary{cursor:pointer;padding:.45rem .7rem;font-size:.82rem;font-weight:600;color:var(--color-text-primary);list-style:none;display:flex;align-items:center;gap:.25rem;border-radius:var(--radius-sm);transition:background .15s;user-select:none}.browser-guide-details summary::-webkit-details-marker{display:none}.browser-guide-details summary:before{content:"▸";display:inline-block;font-size:.7rem;margin-right:.3rem;transition:transform .2s;color:var(--color-text-muted)}.browser-guide-details[open] summary:before{transform:rotate(90deg)}.browser-guide-details summary:hover{background:#2196f314}.browser-guide-details ol{margin:0;padding:.3rem .7rem .6rem 2rem;font-size:.78rem;line-height:1.65;color:var(--color-text-secondary)}.browser-guide-details ol li{margin-bottom:.2rem}.browser-guide-details ol li:last-child{margin-bottom:0}.browser-guide-details ol em{display:block;margin-top:.15rem;font-size:.74rem;color:var(--color-text-muted)}.browser-guide-tip{margin-top:.6rem;padding:.55rem .75rem;background:#ffc10714;border:1px solid rgba(255,193,7,.2);border-radius:var(--radius-sm);font-size:.78rem;line-height:1.55;color:var(--color-text-secondary)}.aside-characters{display:flex;flex-direction:column;gap:4px}.aside-char-card{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:background .15s}.aside-char-card:hover{background:var(--color-bg-secondary)}.aside-char-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent-primary),#E0BA5E);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;font-weight:700;font-size:.85rem;color:#1a1510}.aside-char-avatar img{width:100%;height:100%;object-fit:cover}.aside-char-name{font-size:.82rem;font-weight:600;color:var(--color-text-primary)}.aside-char-pali{font-size:.72rem;color:var(--color-text-muted);font-style:italic;margin-left:auto}.aside-char-link{display:block;margin-top:6px;padding:4px 8px;font-size:.78rem;color:var(--color-accent-primary);text-decoration:none}.aside-char-link:hover{text-decoration:underline}.streak-badge-toolbar{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#b68d401a;border:1px solid rgba(182,141,64,.2);border-radius:var(--radius-full);color:var(--color-accent-primary);font-size:.8rem;font-weight:700;transition:all var(--transition-fast);cursor:default;user-select:none;margin-right:4px}.streak-badge-toolbar:hover{background:#b68d4026;border-color:var(--color-accent-primary)}.streak-fire-icon{color:#ff6b6b;filter:drop-shadow(0 0 2px rgba(255,107,107,.4))}.toolbar-btn svg{color:var(--color-text-muted);transition:color var(--transition-fast)}.toolbar-btn:hover svg{color:var(--color-accent-primary)}[data-theme=dark] .streak-badge-toolbar{background:#d4a84b26}.reader-page{padding-top:var(--space-4)}.reader-header{margin-top:var(--space-8);margin-bottom:var(--space-12);padding-bottom:var(--space-8);border-bottom:2px solid var(--color-border)}.speak-toggle.active svg{color:var(--color-accent-primary);animation:speak-pulse 1.5s infinite}@keyframes speak-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.6}to{transform:scale(1);opacity:1}}.toolbar-btn{opacity:.85}.toolbar-btn:hover{opacity:1;transform:translateY(-1px)}.toolbar-btn svg{stroke-width:2.5px}