*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f5f5f5;padding:20px;min-height:100vh}.app{max-width:800px;margin:0 auto;background:#fff;border-radius:15px;padding:30px;box-shadow:0 5px 20px #0000001a}.header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:3px solid #008753}.header h1{color:#008753;font-size:2.5rem;margin-bottom:10px}.header p{color:#666;font-size:1.1rem}.book-list{margin-bottom:30px}.book-list h2{color:#333;margin-bottom:20px;font-size:1.8rem}.books{display:flex;flex-direction:column;gap:15px}.book{display:flex;align-items:center;background:#f9f9f9;padding:15px;border-radius:10px;border-left:5px solid #008753;transition:transform .2s}.book:hover{transform:translate(5px);background:#f0f8f0}.book-icon{font-size:2rem;margin-right:15px;color:#008753}.book-info h3{color:#222;font-size:1.3rem;margin-bottom:5px}.author{color:#666;font-style:italic}.contact-info{background:#e8f5e9;padding:20px;border-radius:10px;margin-bottom:30px;border:2px solid #008753}.contact-info h3{color:#008753;margin-bottom:15px}.contact-details p{margin:8px 0;color:#333}.controls{text-align:center;margin:30px 0}.modal-button{background:#008753;color:#fff;border:none;padding:12px 25px;font-size:1.1rem;border-radius:8px;cursor:pointer;transition:background .3s}.modal-button:hover{background:#005c34}.controls p{margin-top:10px;color:#666}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;border-radius:15px;padding:25px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;position:relative}.close-btn{position:absolute;top:15px;right:15px;background:#f44;color:#fff;border:none;width:35px;height:35px;border-radius:50%;cursor:pointer;font-size:18px}.close-btn-bottom{background:#008753;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;margin-top:20px;width:100%;font-size:1rem}.modal-body{padding:10px}.modal-body h2{color:#008753;margin-bottom:20px;text-align:center}.book-detail{background:#f9f9f9;padding:15px;margin-bottom:15px;border-radius:8px;border-left:4px solid #008753}.book-detail h3{color:#222;margin-bottom:10px}.book-detail p{margin:5px 0;color:#444}@media(max-width:600px){.app{padding:20px;margin:10px}.header h1{font-size:2rem}.book{flex-direction:column;text-align:center}.book-icon{margin-right:0;margin-bottom:10px}}