@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=DM+Sans:wght@300;400;500&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#2c2c1e;background:#fafae3;font-family:DM Sans,sans-serif;line-height:1.6}.app{max-width:1200px;margin:0 auto;padding:48px 24px}h1{color:#2c2c1e;letter-spacing:-1px;margin-bottom:8px;font-family:Playfair Display,serif;font-size:3rem}h1 span{color:#e8d44d}.subtitle{color:#7a7a5a;margin-bottom:40px;font-size:1rem}.search-bar{border-radius:12px;max-width:580px;margin-bottom:48px;display:flex;overflow:hidden;box-shadow:0 4px 20px #2c2c1e1a}.search-bar input{color:#2c2c1e;background:#fff;border:2px solid #e8d44d;border-right:none;border-radius:12px 0 0 12px;outline:none;flex:1;padding:16px 22px;font-family:DM Sans,sans-serif;font-size:.95rem}.search-bar input:focus{background:#fffef0;border-color:#c4b800}.search-bar input::placeholder{color:#aeae8a}.search-bar button{color:#2c2c1e;cursor:pointer;letter-spacing:.3px;background:#e8d44d;border:none;border-radius:0 12px 12px 0;padding:16px 32px;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;transition:background .2s}.search-bar button:hover{background:#c4b800}.loading{color:#7a7a5a;margin-bottom:20px;font-size:.95rem;font-style:italic}.empty-state{text-align:center;color:#aeae8a;padding:100px 20px;font-size:1.1rem}.book-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:28px;display:grid}.book-card{cursor:pointer;background:#fff;border:1px solid #ee9;border-radius:16px;flex-direction:column;transition:box-shadow .25s,transform .25s;display:flex;overflow:hidden}.book-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #e8d44d40}.book-card img{object-fit:cover;width:100%;height:240px}.no-cover{color:#aeae8a;background:#f5f5cc;justify-content:center;align-items:center;width:100%;height:240px;font-size:.85rem;display:flex}.book-info{flex:1;padding:16px}.book-info h3{color:#2c2c1e;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-family:Playfair Display,serif;font-size:.95rem;line-height:1.4;display:-webkit-box;overflow:hidden}.author{color:#7a7a5a;margin-bottom:4px;font-size:.82rem}.year{color:#aeae8a;background:#fafae3;border:1px solid #ee9;border-radius:20px;padding:2px 8px;font-size:.75rem;display:inline-block}.delete-btn{color:#aeae8a;cursor:pointer;background:0 0;border:none;border-top:1px solid #ee9;width:100%;padding:12px;font-family:DM Sans,sans-serif;font-size:.82rem;transition:all .2s}.delete-btn:hover{color:#c4b800;background:#fff9cc}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2c2c1ea6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border:2px solid #e8d44d;border-radius:20px;width:100%;max-width:800px;max-height:90vh;padding:48px;position:relative;overflow-y:auto;box-shadow:0 24px 64px #2c2c1e33}.modal-close{color:#7a7a5a;cursor:pointer;background:#fafae3;border:1px solid #ee9;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.modal-close:hover{color:#2c2c1e;background:#e8d44d;border-color:#e8d44d}.modal-content{gap:36px;display:flex}.modal-left img{object-fit:cover;border-radius:12px;width:190px;box-shadow:0 8px 24px #2c2c1e26}.modal-left .no-cover{background:#f5f5cc;border-radius:12px;width:190px;height:260px}.modal-right{flex:1}.modal-right h2{color:#2c2c1e;margin-bottom:10px;font-family:Playfair Display,serif;font-size:1.6rem;line-height:1.3}.modal-author{color:#7a7a5a;margin-bottom:4px;font-size:1rem}.modal-year{color:#aeae8a;background:#fafae3;border:1px solid #ee9;border-radius:20px;margin-bottom:24px;padding:4px 12px;font-size:.85rem;display:inline-block}.modal-description{color:#5a5a3a;max-height:200px;margin-bottom:28px;padding-right:8px;font-size:.92rem;line-height:1.9;overflow-y:auto}.modal-description::-webkit-scrollbar{width:4px}.modal-description::-webkit-scrollbar-track{background:#fafae3}.modal-description::-webkit-scrollbar-thumb{background:#e8d44d;border-radius:4px}.read-btn{color:#2c2c1e;background:#e8d44d;border-radius:10px;padding:12px 28px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.read-btn:hover{background:#c4b800;transform:translateY(-1px);box-shadow:0 4px 12px #e8d44d66}@media (width<=768px){h1{font-size:2rem}.book-grid{grid-template-columns:repeat(2,1fr);gap:16px}.modal-card{padding:28px 20px}.modal-content{flex-direction:column}.modal-left img{width:100%;height:200px}.modal-left .no-cover{width:100%}}@media (width<=480px){.book-grid{grid-template-columns:1fr}}