*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;background:#f8f8f8}.app-header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.5rem;background:#fff;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:100}.app-header .logo{font-size:1.2rem;font-weight:700;text-decoration:none;color:#e74c3c}.app-header nav{display:flex;gap:1rem}.app-header nav a{text-decoration:none;color:#555;padding:.3rem .8rem;border-radius:4px}.app-header nav a:hover{background:#f0f0f0}.app-main{max-width:960px;margin:0 auto;padding:1rem}.bookshelf{padding:1rem 0}.bookshelf h2{font-size:1.1rem;margin-bottom:.8rem;color:#555}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem}.filter-bar{display:flex;gap:.5rem;margin-bottom:1rem}.filter-bar button{padding:.4rem 1rem;border:1px solid #ddd;border-radius:20px;background:#fff;cursor:pointer;font-size:.9rem}.filter-bar button.active{background:#e74c3c;color:#fff;border-color:#e74c3c}.empty-state{text-align:center;padding:3rem;color:#999}.empty-state a{display:inline-block;margin-top:1rem;padding:.5rem 1.5rem;background:#e74c3c;color:#fff;border-radius:4px;text-decoration:none}.book-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px #00000014;transition:transform .15s}.book-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.book-cover{height:180px;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.cover-placeholder{font-size:2.5rem;color:#fff;background:linear-gradient(135deg,#e74c3c,#c0392b);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.book-info{padding:.6rem}.book-title{font-size:.95rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-author{font-size:.8rem;color:#888;margin-top:.2rem}.progress-bar{height:3px;background:#eee;border-radius:2px;margin-top:.4rem}.progress-fill{height:100%;background:#e74c3c;border-radius:2px;transition:width .3s}.book-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;display:flex;align-items:center;justify-content:center}.book-detail{background:#fff;border-radius:12px;padding:1.5rem;max-width:400px;width:90%;max-height:80vh;overflow-y:auto}.book-detail h2{margin-bottom:.5rem}.book-detail button{display:block;width:100%;padding:.6rem;margin-top:.5rem;border:none;border-radius:6px;cursor:pointer;font-size:.95rem}.book-detail button:first-of-type{background:#e74c3c;color:#fff}.chapter-list{margin:.8rem 0;list-style:none}.chapter-list li{padding:.5rem;border-bottom:1px solid #eee;cursor:pointer}.chapter-list li:hover{background:#f5f5f5}.chapter-list li.current{color:#e74c3c;font-weight:600}.delete-btn{background:#e74c3c;color:#fff}.reader-page{min-height:100vh;display:flex;flex-direction:column}.reader-header{display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;border-bottom:1px solid rgba(0,0,0,.08)}.reader-header button{background:none;border:none;cursor:pointer;font-size:1rem;color:inherit}.reader-toolbar{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:#00000008;flex-wrap:wrap;font-size:.85rem;border-bottom:1px solid rgba(0,0,0,.05)}.reader-toolbar select,.reader-toolbar input{padding:.2rem .4rem;border:1px solid #ddd;border-radius:4px;font-size:.85rem}.chapter-content{flex:1;padding:2rem 1.5rem;max-width:720px;margin:0 auto;white-space:pre-wrap;word-wrap:break-word}.reader-footer{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;border-top:1px solid rgba(0,0,0,.08)}.reader-footer button{padding:.5rem 1.5rem;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer}.reader-footer button:disabled{opacity:.4;cursor:default}.reader-footer button:hover:not(:disabled){background:#f5f5f5}.search-page{padding:1rem 0}.search-bar{display:flex;gap:.5rem;margin-bottom:1.5rem}.search-bar input{flex:1;padding:.7rem 1rem;border:1px solid #ddd;border-radius:8px;font-size:1rem}.search-bar button{padding:.7rem 1.5rem;background:#e74c3c;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem}.search-history{margin-bottom:1.5rem}.search-history h3{font-size:.95rem;margin-bottom:.5rem;color:#888}.history-item{display:inline-block;padding:.3rem .8rem;margin:.2rem;border:1px solid #ddd;border-radius:16px;background:#fff;cursor:pointer;font-size:.85rem}.search-result-item{display:block;padding:.8rem;margin-bottom:.5rem;background:#fff;border-radius:8px;text-decoration:none;color:inherit;box-shadow:0 1px 3px #0000000f}.search-result-item h4{font-size:1rem;color:#333}.search-result-item .author{font-size:.85rem;color:#888}.search-result-item .snippet{font-size:.85rem;color:#666;margin-top:.3rem}.loading{text-align:center;padding:3rem;color:#999}