*{margin:0;padding:0;box-sizing:border-box}body{font-family:Georgia,serif;background:#1b3a4b;color:#f2f7f7;line-height:1.6}#library-app{min-height:100vh;display:flex;flex-direction:column}.library-view{padding:2rem;max-width:1200px;margin:0 auto;width:100%}.library-header{text-align:center;margin-bottom:3rem;position:relative}.library-header h1{font-size:2.5rem;margin-bottom:.5rem;color:#f2f7f7;font-family:Georgia,serif}.library-header p{color:#8bb3b4;font-size:1.1rem;font-style:italic}.back-to-home{position:absolute;left:0;top:0;color:#64b6b8;text-decoration:none;font-size:.9rem;font-family:Georgia,serif;font-style:italic;transition:color .3s ease;display:flex;align-items:center;gap:.5rem}.back-to-home:hover{color:#8bb3b4}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.book-card{background:#212f45;border-radius:8px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;border:1px solid #0b525b;box-shadow:0 2px 8px #00000040}.book-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0006}.book-cover{height:200px;background:linear-gradient(135deg,#006466,#0b525b);display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff}.book-cover.melancholy{background:linear-gradient(135deg,#006466,#065a60)}.book-cover.one-day{background:linear-gradient(135deg,#065a60,#144552)}.book-cover.solitude{background:linear-gradient(135deg,#1b3a4b,#006466)}.book-info{padding:1.5rem}.book-title{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;color:#f2f7f7;font-family:Georgia,serif}.book-author{color:#8bb3b4;font-size:.9rem;margin-bottom:1rem;font-style:italic}.book-description{color:#f2f7f7;font-size:.85rem;line-height:1.5;margin-bottom:1rem}.read-btn{background:#006466;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .3s ease;width:100%;font-family:Georgia,serif;letter-spacing:.5px}.read-btn:hover{background:#065a60}.reader-view{display:none;flex-direction:column;height:100vh}.reader-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#212f45;border-bottom:1px solid #0b525b}.reader-nav-btn{background:transparent;border:1px solid #006466;color:#f2f7f7;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:all .3s ease;font-family:Georgia,serif}.reader-nav-btn:hover{background:#006466;color:#fff}.reader-title-info h2{font-size:1.2rem;color:#f2f7f7;font-family:Georgia,serif}.reader-title-info p{font-size:.85rem;color:#8bb3b4;font-style:italic}.reader-content{flex:1;overflow-y:auto;padding:2rem;background:#1b3a4b}.reader-text{max-width:800px;margin:0 auto;font-size:18px;line-height:1.8;color:#f2f7f7}.reader-text h3{font-size:1.8em;margin:0 0 1em;color:#64b6b8;text-align:center;font-family:Georgia,serif}.reader-text p{margin:0 0 1.5em;text-align:justify;text-indent:2em}.reader-text p:first-of-type{text-indent:0}.reader-footer{padding:1rem 2rem;background:#212f45;border-top:1px solid #0b525b}.reader-progress{display:flex;align-items:center;margin-bottom:1rem}.progress-bar{flex:1;height:4px;background:#0b525b;border-radius:2px;margin-right:1rem;overflow:hidden}.progress-bar-fill{height:100%;background:#006466;width:0%;transition:width .3s ease}.progress-text{font-size:.85rem;color:#8bb3b4;white-space:nowrap;font-style:italic}.reader-nav{display:flex;justify-content:space-between;gap:1rem}.reader-nav .reader-nav-btn{flex:1}.settings-panel{position:fixed;top:70px;right:2rem;background:#212f45;border:1px solid #0b525b;border-radius:8px;padding:1.5rem;min-width:280px;box-shadow:0 4px 20px #0000004d;display:none;z-index:1000}.settings-panel.active{display:block}.settings-group{margin-bottom:1.5rem}.settings-group h3{font-size:.9rem;margin-bottom:.75rem;color:#64b6b8;text-transform:uppercase;letter-spacing:.1em;font-family:Georgia,serif}.font-size-controls{display:flex;gap:.5rem}.font-btn{flex:1;padding:.5rem;background:transparent;border:1px solid #0b525b;color:#f2f7f7;border-radius:4px;cursor:pointer;transition:all .3s ease;font-family:Georgia,serif}.font-btn:hover{border-color:#006466}.font-btn.active{background:#006466;color:#fff;border-color:#006466}.theme-controls{display:flex;gap:.5rem}.theme-btn{flex:1;padding:.75rem .5rem;background:transparent;border:1px solid #0b525b;color:#f2f7f7;border-radius:4px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.25rem;font-family:Georgia,serif}.theme-btn:hover{border-color:#006466}.theme-btn.active{background:#006466;color:#fff;border-color:#006466}.theme-preview{width:24px;height:24px;border-radius:4px;border:1px solid #0b525b}.theme-preview.dark{background:#1b3a4b}.theme-preview.light{background:#fff}.theme-preview.sepia{background:#f4e8d9}.toc-panel{position:fixed;top:70px;left:2rem;background:#212f45;border:1px solid #0b525b;border-radius:8px;padding:1.5rem;min-width:280px;max-height:70vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d;display:none;z-index:1000}.toc-panel.active{display:block}.toc-panel h3{font-size:.9rem;margin-bottom:1rem;color:#64b6b8;text-transform:uppercase;letter-spacing:.1em;font-family:Georgia,serif}.toc-list{list-style:none;padding:0;margin:0}.toc-list li{margin-bottom:.5rem}.toc-chapter{width:100%;text-align:left;padding:.75rem 1rem;background:transparent;border:1px solid #0b525b;color:#f2f7f7;border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-family:Georgia,serif}.toc-chapter:hover{border-color:#006466;background:#0b525b}.toc-chapter.active{background:#006466;color:#fff;border-color:#006466}.reader-view.theme-light{background:#fff}.reader-view.theme-light .reader-header,.reader-view.theme-light .reader-footer{background:#f7f7f7;border-color:#0b525b}.reader-view.theme-light .reader-content{background:#fff}.reader-view.theme-light .reader-text{color:#1b3a4b}.reader-view.theme-light .reader-text h3{color:#006466}.reader-view.theme-light .reader-nav-btn{border-color:#0b525b;color:#1b3a4b}.reader-view.theme-light .reader-nav-btn:hover{background:#0b525b;color:#fff}.reader-view.theme-light .reader-title-info h2{color:#1b3a4b}.reader-view.theme-light .reader-title-info p{color:#0b525b}.reader-view.theme-light .progress-bar{background:#e0d4c0}.reader-view.theme-light .progress-text{color:#0b525b}.reader-view.theme-sepia{background:#f4e8d9}.reader-view.theme-sepia .reader-header,.reader-view.theme-sepia .reader-footer{background:#f4e8d9;border-color:#006466}.reader-view.theme-sepia .reader-content{background:#f4e8d9}.reader-view.theme-sepia .reader-text{color:#1b3a4b}.reader-view.theme-sepia .reader-text h3{color:#006466}.reader-view.theme-sepia .reader-nav-btn{border-color:#006466;color:#1b3a4b}.reader-view.theme-sepia .reader-nav-btn:hover{background:#006466;color:#fff}.reader-view.theme-sepia .reader-title-info h2{color:#1b3a4b}.reader-view.theme-sepia .reader-title-info p{color:#0b525b}.reader-view.theme-sepia .progress-bar{background:#d0c4b0}.reader-view.theme-sepia .progress-text{color:#0b525b}@media(max-width:768px){.library-view{padding:1rem}.library-header h1{font-size:1.8rem}.back-to-home{position:static;margin-bottom:1rem;justify-content:center}.books-grid{grid-template-columns:1fr}.reader-header{padding:.75rem 1rem}.reader-title-info h2{font-size:1rem}.reader-title-info p{font-size:.75rem}.reader-content{padding:1rem}.reader-text{font-size:16px!important}.settings-panel,.toc-panel{left:1rem;right:1rem;min-width:auto}.reader-nav .reader-nav-btn{padding:.75rem .5rem;font-size:.85rem}}