*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary:#ffffff;--bg-secondary:#f5f5f5;--bg-sidebar:#ffffff;--bg-hover:#f0f0f0;--text-primary:#1a1a1a;--text-secondary:#666666;--border-color:#e0e0e0;--shadow:rgba(0, 0, 0, 0.1);--overlay:rgba(0, 0, 0, 0.5);--reading-font-size:14px}body.theme-dark{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-sidebar:#2d2d2d;--bg-hover:#3a3a3a;--text-primary:#ffffff;--text-secondary:#b0b0b0;--border-color:#404040;--shadow:rgba(0, 0, 0, 0.3);--overlay:rgba(0, 0, 0, 0.7)}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s,color .3s;overflow-x:hidden}.myanmar-text{font-size:1em}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;transition:transform .3s,background-color .3s,border-color .3s;transform:translateY(0)}.header.header-hidden{transform:translateY(-100%)}.book-title{font-size:1.25rem;font-weight:600;flex:1;text-align:center}.icon-btn{background:0 0;border:none;font-size:1.25rem;color:var(--text-primary);cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s,color .2s;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.icon-btn:hover{background-color:var(--bg-hover)}.main-content{position:relative;max-width:1200px;margin:0 auto;padding:2rem 1.5rem;min-height:calc(100vh - 80px);display:flex;justify-content:center}.reading-area{max-width:1200px;width:100%;padding:0 3rem;font-size:var(--reading-font-size);line-height:2rem}.reading-area p{margin-bottom:1.5rem;margin-top:1.5rem}.reading-area h1{font-weight:700;padding:1.5rem 0 1rem;margin-bottom:1rem;line-height:1.3}.reading-area h2{font-weight:600;padding:1.25rem 0 .75rem;margin-bottom:.75rem;line-height:1.3}.reading-area h3{font-weight:600;padding:1rem 0 .5rem;margin-bottom:.5rem;line-height:1.4}.reading-area h4{font-weight:600;padding:.75rem 0 .5rem;margin-bottom:.5rem;line-height:1.4}.reading-area h5,.reading-area h6{font-weight:600;padding:.5rem 0 .25rem;margin-bottom:.5rem;line-height:1.5}.reading-area img{max-width:100%;height:auto;background-color:#fff;border-radius:2px;box-shadow:0 2px 4}.reading-area ol,.reading-area ul{margin:1.5rem 0;padding-left:16px}.reading-area ul{list-style-type:disc}.reading-area ol{list-style-type:decimal}.reading-area li{margin-bottom:.75rem;text-align:justify}.reading-area li:last-child{margin-bottom:0}.reading-area ol ol,.reading-area ol ul,.reading-area ul ol,.reading-area ul ul{margin:.5rem 0;padding-left:20px}.reading-area ul ul{list-style-type:circle}.reading-area ul ul ul{list-style-type:square}.reading-area ol ol{list-style-type:lower-alpha}.reading-area ol ol ol{list-style-type:lower-roman}.reading-area.align-justify li{text-align:justify}.reading-area.align-start li{text-align:start}.reading-area.align-center li{text-align:center}.reading-area.align-end li{text-align:end}.reading-area code{background-color:#eee;padding-left:4px;padding-right:4px}.nav-btn{position:fixed;top:50%;transform:translateY(-50%);background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);font-size:1.5rem;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .3s,transform .2s,background-color .2s;box-shadow:0 2px 8px var(--shadow);z-index:50;text-decoration:none;opacity:1}.nav-btn.nav-hidden{opacity:0;pointer-events:none}.nav-btn:hover{background-color:var(--bg-hover);transform:translateY(-50%) scale(1.05)}.nav-btn.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.nav-btn-prev{left:2rem}.nav-btn-next{right:2rem}.sidebar{position:fixed;top:0;height:100vh;width:350px;background-color:var(--bg-sidebar);box-shadow:0 0 20px var(--shadow);z-index:1000;transition:transform .3s,background-color .3s;display:flex;flex-direction:column}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color)}.sidebar-header h2{font-size:1.25rem;font-weight:600}.close-btn{background:0 0;border:none;font-size:1.25rem;color:var(--text-primary);cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s}.close-btn:hover{background-color:var(--bg-hover)}.toc-sidebar{left:0;transform:translateX(-100%)}.toc-sidebar.active{transform:translateX(0)}.toc-content{flex:1;overflow-y:auto;padding:0}.toc-item{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .2s;text-decoration:none;color:var(--text-primary);display:block}.toc-item:hover{background-color:var(--bg-hover)}.toc-item.active{background-color:var(--bg-secondary);font-weight:600}.toc-item-title{font-weight:600;margin-bottom:.25rem}.toc-item-subtitle{font-size:.875rem;color:var(--text-secondary)}.settings-sidebar{right:0;transform:translateX(100%)}.settings-sidebar.active{transform:translateX(0)}.settings-content{flex:1;overflow-y:auto;padding:1.5rem}.settings-section{margin-bottom:2rem}.settings-section h3{font-size:1rem;font-weight:600;margin-bottom:1rem}.setting-option{margin-bottom:.75rem}.radio-label{display:flex;align-items:flex-start;cursor:pointer;padding:1rem;border-radius:8px;border:1px solid var(--border-color);transition:.2s;position:relative}.radio-label:hover{background-color:var(--bg-hover);border-color:var(--text-secondary)}.radio-label input[type=radio]{position:absolute;opacity:0;cursor:pointer}.radio-custom{width:20px;height:20px;border:2px solid var(--text-secondary);border-radius:50%;margin-right:1rem;flex-shrink:0;position:relative;transition:border-color .2s;margin-top:2px}.radio-label input[type=radio]:checked~.radio-custom{border-color:var(--text-primary)}.radio-label input[type=radio]:checked~.radio-custom::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background-color:var(--text-primary)}.label-content{flex:1}.label-title{font-weight:500;margin-bottom:.25rem}.label-description{font-size:.875rem;color:var(--text-secondary);font-style:italic}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay);z-index:900;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.backdrop.active{opacity:1;visibility:visible}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-primary)}.reading-area table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.95em;background-color:var(--bg-primary);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px var(--shadow)}.reading-area table thead{background-color:var(--bg-secondary)}.reading-area table th{padding:1rem 1.25rem;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color);background-color:grey;color:#fff}.reading-area table td{padding:.875rem 1.25rem;text-align:left;border-bottom:1px solid var(--border-color);color:var(--text-primary);transition:background-color .2s}.reading-area table tbody tr{transition:background-color .2s}.reading-area table tbody tr:hover{background-color:var(--bg-hover)}.reading-area table tbody tr:last-child td{border-bottom:none}body.theme-dark .reading-area table th{background-color:#505050;color:#fff}@media (max-width:768px){.sidebar{width:85%;max-width:350px}.reading-area{padding:0 1rem}.nav-btn{width:32px;height:32px;font-size:1rem;opacity:.6}.nav-btn:hover{opacity:1}.nav-btn-prev{left:.25rem}.nav-btn-next{right:.25rem}.reading-area table{font-size:.9em}.reading-area table td,.reading-area table th{padding:.75rem 1rem}}@media (max-width:480px){.header{padding:.75rem 1rem}.book-title{font-size:1rem}.icon-btn{width:36px;height:36px;font-size:1.125rem}.main-content{padding:1.5rem 1rem}.reading-area{padding:0 .5rem}.nav-btn{width:28px;height:28px;font-size:.875rem;opacity:.5}.nav-btn-prev{left:.125rem}.nav-btn-next{right:.125rem}.reading-area table{font-size:.85em;margin:1.5rem 0}.reading-area table td,.reading-area table th{padding:.625rem .875rem}}.reading-area pre>code{background-clip:border-box;background-color:#f3f3f3;background-image:none;background-origin:padding-box;background-position-x:0%;background-position-y:0%;background-repeat:repeat;background-size:auto;box-sizing:border-box;color:#444;display:block;font-family:monospace;font-size:16px;line-height:40px;margin:0;overflow-x:auto;padding:16px}body.theme-dark .reading-area pre>code{background-color:#444;color:#f3f3f3}@media (max-width:768px){.reading-area pre>code{font-size:14px;line-height:32px;padding:12px}}@media (max-width:480px){.reading-area pre>code{font-size:12px;line-height:28px;padding:10px}}.reading-area.align-justify p{text-align:justify}.reading-area.align-start p{text-align:start}.reading-area.align-center p{text-align:center}.reading-area.align-end p{text-align:end}