:root{--bg-color: #ffffff;--text-color: #1a1a1c;--header-bg: rgba(255, 255, 255, .8);--sidebar-bg: rgba(255, 255, 255, .9);--accent-color: #c29b40;--font-main: "Inter", sans-serif;--font-reading: "Lora", serif;--max-width: 800px;--font-size: 20px;--line-height: 1.8;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-color: #0f172a;--text-color: #e2e8f0;--header-bg: rgba(15, 23, 42, .8);--sidebar-bg: rgba(15, 23, 42, .9);--accent-color: #fbbf24}[data-theme=sepia]{--bg-color: #f4ecdb;--text-color: #433422;--header-bg: rgba(244, 236, 219, .8);--sidebar-bg: rgba(244, 236, 219, .9);--accent-color: #8c6a0c}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}header{position:fixed;top:0;left:0;right:0;height:64px;z-index:100;background-color:var(--header-bg);display:flex;align-items:center;justify-content:center;padding:0 20px;transition:var(--transition)}.header-content{width:100%;max-width:var(--max-width);display:flex;justify-content:space-between;align-items:center}h1{font-size:1.2rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-color)}.controls button{background:none;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer;margin-left:15px;opacity:.7;transition:opacity .2s}.controls button:hover{opacity:1}#reader-container{padding-top:100px;padding-bottom:100px;min-height:100vh;display:flex;justify-content:center}#content{width:90%;max-width:var(--max-width)}.chapter-info{margin-bottom:40px;text-align:center}#chapter-title{font-family:var(--font-main);font-size:1.8rem;font-weight:300;margin-bottom:20px;color:var(--accent-color)}.chapter-body{font-family:var(--font-reading);font-size:var(--font-size);line-height:var(--line-height);text-align:justify}.chapter-body p{margin-bottom:1.5em;text-indent:1em}.navigation-buttons{margin-top:60px;display:flex;justify-content:space-between}.nav-btn{background:var(--accent-color);color:#fff;border:none;padding:12px 24px;border-radius:30px;font-family:var(--font-main);font-weight:500;cursor:pointer;transition:var(--transition);box-shadow:0 4px 12px #0000001a}.nav-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.nav-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.sidebar{position:fixed;top:0;left:-320px;width:320px;height:100vh;background-color:var(--sidebar-bg);z-index:200;transition:left .4s cubic-bezier(.19,1,.22,1);padding:20px;overflow-y:auto;box-shadow:10px 0 30px #0000001a}.sidebar.open{left:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:10px}#chapter-list{list-style:none}#chapter-list li{padding:12px 15px;cursor:pointer;border-radius:8px;margin-bottom:5px;transition:background .2s;font-size:.95rem;display:flex;justify-content:space-between;align-items:center}#chapter-list li:hover{background:#c29b401a;color:var(--accent-color)}#chapter-list li.active{background:#c29b4026;color:var(--accent-color);font-weight:500}.settings-panel{position:fixed;bottom:20px;right:20px;width:300px;background-color:var(--sidebar-bg);z-index:150;padding:20px;border-radius:12px;box-shadow:0 10px 40px #0003;transition:var(--transition)}.hidden{display:none!important}.settings-group{margin-bottom:20px}.settings-group label{display:block;margin-bottom:10px;font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.theme-switcher{display:flex;gap:10px}.theme-switcher button{flex:1;padding:8px;border:1px solid rgba(0,0,0,.1);background:#ffffff0d;cursor:pointer;border-radius:6px;color:var(--text-color);font-size:.8rem;transition:var(--transition)}.theme-switcher button:hover{border-color:var(--accent-color)}#font-size{width:100%;accent-color:var(--accent-color)}.loading{font-style:italic;opacity:.6;text-align:center;margin-top:50px}#progress-indicator{position:fixed;top:0;left:0;width:100%;height:4px;z-index:1000}#progress-bar{height:100%;background:var(--accent-color);width:0%;transition:width .1s ease}@media(max-width:768px){:root{--max-width: 100%;--font-size: 19px}header{height:56px;padding:0 16px}.header-content h1{font-size:.95rem;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#reader-container{padding-top:80px;padding-bottom:60px}#content{width:100%;padding:0 20px}.chapter-body{text-align:left}.sidebar{width:85%;left:-85%}.settings-panel{width:calc(100% - 40px);left:20px;right:20px;bottom:20px}.nav-btn{padding:10px 16px;font-size:.9rem}#chapter-title{font-size:1.5rem}}@media(hover:none){.controls button,.nav-btn,#chapter-list li{min-height:44px}}