:root{color:#191919;background:#f5f7fb;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}#root{min-height:100vh}.container{max-width:980px;margin:0 auto;padding:16px}.page-header h1{margin:0 0 8px}.page-header p{color:#6a6d78;margin:0 0 16px}.search-bar{grid-template-columns:1.2fr 1fr 1fr auto;gap:8px;margin-bottom:16px;display:grid}.search-bar input,.search-bar button{border:1px solid #d5d9e5;border-radius:8px;padding:10px}.search-bar button{color:#fff;background:#6f4dff;border-color:#6f4dff}.book-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.card{background:#fff;border:1px solid #e8ebf3;border-radius:12px;gap:12px;padding:10px;display:flex}.cover-wrap{flex-shrink:0;width:90px}.cover{object-fit:cover;background:#f0f2f6;border-radius:8px;width:90px;height:120px}.placeholder{color:#8a90a0;place-items:center;font-size:12px;display:grid}.card-content h3{margin:0 0 6px}.meta{color:#6a6d78;margin:0 0 6px}.summary{white-space:pre-wrap;color:#3b3f4c}.actions{gap:10px;margin-top:10px;display:flex}.actions a,.actions span{font-size:14px}.tags{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.tags span{color:#5a3edf;background:#f1eefe;border-radius:999px;padding:3px 8px;font-size:12px}.reader{background:#fff;border:1px solid #e8ebf3;border-radius:12px;min-height:600px;padding:8px}