@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);:root{--primary-dark:#2f4a3e;--secondary:sienna;--text-dark:#2a2a2a;--text-light:#5a5a5a;--bg-light:#f8f6f2}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-light);color:var(--text-dark);font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.welcome-container{display:flex;flex-direction:column;margin:0;max-width:100%;min-height:100vh;padding:0;width:100vw}header{background-color:var(--primary);box-shadow:0 4px 6px #0000001a;color:#fff;padding:1.5rem;position:relative;text-align:center;width:100%;z-index:10}header h1{animation:slideDown .6s ease forwards;font-size:2rem;font-weight:600;opacity:0;transform:translateY(-30px)}.main-content{background:linear-gradient(#fffffff2,#fffffff2),url(https://via.placeholder.com/600x300) 50%/cover no-repeat;flex-direction:column;flex-grow:1;padding:3rem 2rem;position:relative;width:100%}.logo,.main-content{align-items:center;display:flex}.logo{animation:slideDown .8s ease .2s forwards;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:50%;box-shadow:0 6px 12px #00000026;height:150px;justify-content:center;margin-bottom:2.5rem;opacity:0;transform:translateY(-40px);width:150px}.logo-text{color:#fff;font-size:2rem;font-weight:700;letter-spacing:1px}.welcome-text{animation:slideDown .8s ease .4s forwards;margin-bottom:2.5rem;max-width:650px;opacity:0;text-align:center;transform:translateY(-30px)}.welcome-text h2{color:var(--primary-dark);font-size:2.2rem;margin-bottom:1rem}.welcome-text p{color:var(--text-light);font-size:1.1rem;line-height:1.6}.auth-options{animation:slideDown .8s ease .6s forwards;display:flex;flex-direction:column;gap:1rem;max-width:320px;opacity:0;transform:translateY(-20px);width:100%}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.8rem;justify-content:center;padding:1rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background-color:var(--primary);box-shadow:0 4px 8px #0096884d;color:#fff}.btn-primary:hover{background-color:var(--primary-dark)}.btn-secondary{background-color:var(--white);border:1px solid #e0e0e0;box-shadow:0 2px 5px #0000000d;color:var(--text-dark)}.btn-secondary:hover{background-color:#f9f9f9}.btn:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-3px)}.btn:active{transform:translateY(-1px)}.decoration{background:linear-gradient(135deg,var(--secondary),var(--primary));border-radius:50%;opacity:.1;pointer-events:none;position:absolute;z-index:0}.decoration-1{animation:float 10s ease-in-out infinite;height:200px;left:5%;top:10%;width:200px}.decoration-2{animation:float 8s ease-in-out 1s infinite;bottom:15%;height:150px;right:10%;width:150px}.decoration-3{animation:float 12s ease-in-out 2s infinite;bottom:30%;height:100px;left:15%;width:100px}.welcome-footer{background-color:#f0f0f0;border-top:1px solid #e0e0e0;color:var(--text-light);font-size:.9rem;padding:1.5rem;text-align:center;width:100%}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@media (max-width:768px){.main-content{padding:2rem 1rem}.welcome-text h2{font-size:1.8rem}.welcome-text p{font-size:1rem}.decoration-1{height:150px;width:150px}.decoration-2{height:100px;width:100px}.decoration-3{height:80px;width:80px}}.login-modal{align-items:center;background:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.login-form{background:#fff;border-radius:12px;box-shadow:0 6px 18px #0003;display:flex;flex-direction:column;gap:1rem;max-width:400px;padding:2rem;width:90%}.login-form h3{color:var(--primary);margin-bottom:1rem}.login-form input{border:1px solid #ccc;border-radius:6px;font-size:1rem;padding:.75rem}.app-header{background-color:var(--primary);box-shadow:0 2px 4px #0000001a;color:var(--white);padding:0;width:100%}.header-content{align-items:center;display:flex;height:60px;justify-content:space-between;padding:.5rem 0}.header-logo-container{align-items:center;display:flex;height:100%;text-decoration:none}.header-logo{align-items:center;background:linear-gradient(135deg,#283e34,var(--secondary));border-radius:50%;display:flex;height:48px;justify-content:center;margin-right:.75rem;width:48px}.header-logo-text{color:var(--white);font-size:1.2rem;font-weight:700}.search-bar{flex-grow:1;margin:0 2rem;max-width:400px}.search-bar input{border:none;border-radius:20px;font-size:.9rem;padding:.5rem 1rem;width:100%}.user-menu{gap:1rem}.user-avatar,.user-menu{align-items:center;display:flex}.user-avatar{background-color:var(--bg-light);border-radius:50%;color:var(--primary);font-weight:700;height:40px;justify-content:center;width:40px}@media (max-width:768px){.search-bar{display:none}}.app-nav{background-color:var(--white);box-shadow:0 2px 4px #0000000d;padding:.5rem 0;width:100%}.nav-items{align-items:center;display:flex;justify-content:space-between;list-style:none;margin:0;padding:0}.nav-items li{flex:1 1;text-align:center}.nav-items a{color:#555;display:block;font-weight:500;padding:.7rem;text-decoration:none;transition:all .3s ease}.nav-items a.active,.nav-items a:hover{background-color:var(--bg-light);border-radius:4px;color:var(--primary)}.nav-items a.active{background:var(--primary);border:1.5px solid var(--primary-dark);border-radius:4px;box-shadow:0 2px 6px #2b5d5014;color:var(--white)!important;font-weight:700}.container{margin:0 auto;max-width:1200px;padding:0 1rem}footer{background-color:var(--bg-light);border-top:1px solid #e0e0e0;color:var(--text-light);font-size:.9rem;padding:1.5rem;text-align:center}.reading-list-container{background:var(--bg-light);min-height:100vh;padding:0}.reading-list-title{background:var(--primary);color:var(--white);font-size:2.5rem;font-weight:700;letter-spacing:1px;margin:0;padding:24px 0 16px;text-align:center}.reading-list-nav{align-items:center;background:var(--bg-light);display:flex;gap:16px;justify-content:flex-start;padding:24px 32px 16px}.nav-btn{background:var(--white);border:none;border-radius:4px;color:var(--text-dark);cursor:pointer;font-size:1rem;font-weight:600;margin-right:8px;padding:10px 18px;text-decoration:none;transition:background .2s}.create-list-btn:hover,.nav-btn:hover{background:var(--bg-light);color:var(--primary)}.nav-btn.active{background:var(--primary);border:1.5px solid var(--primary-dark);box-shadow:0 2px 6px #2b5d5014;color:var(--white);font-weight:700}.create-list-btn{background:var(--white);border:2px solid var(--primary);border-radius:4px;color:var(--primary);cursor:pointer;font-size:1rem;font-weight:700;margin-left:auto;padding:10px 18px;transition:background .2s,color .2s}.reading-list-columns{display:flex;gap:24px;justify-content:space-between;padding:32px}.reading-list-column{background:var(--white);border-radius:8px;box-shadow:0 2px 8px #2b5d5014;display:flex;flex:1 1;flex-direction:column;min-width:260px;padding:18px 16px 8px}.reading-list-column.full-width{width:100%}.list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.list-header h2{color:var(--primary-dark);font-size:1.3rem;font-weight:700;margin:0}.list-header-actions{align-items:center;display:flex;gap:8px}.add-note-btn{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;height:28px;justify-content:center;transition:all .2s ease;width:28px}.add-note-btn:hover{background-color:#f0f0f0;transform:scale(1.1)}.delete-list-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:1.4rem;font-weight:700;height:28px;justify-content:center;transition:all .2s ease;width:28px}.delete-list-btn:hover{background-color:#f0f0f0;color:#ff5252}.book-card{align-items:flex-start;background:var(--bg-light);border-radius:6px;display:flex;gap:12px;margin-bottom:14px;padding:10px 12px;position:relative;transition:all .2s ease}.book-note-btn{background:#ffffffe6;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 6px;position:absolute;right:8px;top:8px;z-index:2}.book-card.clickable{cursor:pointer}.book-card.clickable:hover{background:var(--white);box-shadow:0 4px 12px #2b5d5026;transform:translateY(-2px)}.book-cover-placeholder{align-items:center;background:var(--primary-dark);border-radius:4px;color:var(--white);display:flex;font-size:1rem;font-weight:700;height:64px;justify-content:center;width:48px}.book-info{display:flex;flex-direction:column;gap:2px}.book-title{color:var(--primary);font-size:1.05rem;font-weight:700}.book-author{color:var(--text-light);font-size:.95rem;margin-bottom:6px}.book-completion{color:var(--text-dark);font-size:.9rem}.view-all{color:var(--secondary);cursor:pointer;font-size:1rem;font-weight:600;margin-top:auto;padding:8px 0 0;text-align:right}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modal-appear .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:90%}.modal-content.modal-sm{max-width:450px}.book-edit-modal{max-width:600px}.note-modal{max-width:700px}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1.5rem}.modal-content h2{color:var(--primary-dark);font-size:1.5rem;margin:0}.modal-close{background:none;border:none;color:var(--text-light);cursor:pointer;font-size:1.2rem;transition:color .2s ease}.modal-close:hover{color:var(--primary)}.modal-body{overflow-y:auto;padding:1.5rem}.modal-actions{border-top:1px solid #eee;display:flex;gap:1rem;justify-content:center;padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-dark);display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:1rem;outline:none;padding:.8rem 1rem;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px #3b5d501a}.form-group textarea{min-height:120px;resize:vertical}.move-book-section{background:var(--bg-light);border-radius:6px;margin:1.5rem 0;padding:1rem}.move-book-section label{color:var(--text-dark);display:block;font-weight:500;margin-bottom:.8rem}.move-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.move-btn{background:#fff;border:1px solid var(--primary);border-radius:20px;color:var(--primary);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.move-btn:hover:not(:disabled){background:var(--primary);color:#fff}.move-btn.current-list,.move-btn:disabled{background:#f5f5f5;border-color:#ddd;color:var(--text-light);cursor:not-allowed}.cancel-btn,.create-btn,.delete-btn{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.8rem 1.5rem;transition:all .3s ease}.cancel-btn{background:#f5f5f5;border:1px solid #ddd;color:var(--text-dark)}.cancel-btn:hover{background:#e8e8e8}.create-btn{background:var(--primary);border:1px solid var(--primary);color:#fff}.create-btn:hover{background:var(--primary-dark);box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.delete-btn{background:#ff4d4f;border:1px solid #ff4d4f;color:#fff}.delete-btn:hover{background:#f33}.delete-warning{color:#666;line-height:1.6;margin-bottom:1.5rem}.modal-footer{border-top:1px solid #eee;display:flex;gap:20px;justify-content:center;padding:1.5rem}@media (max-width:768px){.modal-content{margin:1rem;width:95%}.modal-actions,.modal-body,.modal-header{justify-content:center;padding:1rem}.book-edit-modal,.note-modal{max-width:95%}.move-buttons{flex-direction:column}.move-btn{border-radius:4px;text-align:center}.modal-actions{flex-direction:column;gap:.5rem;justify-content:center}.cancel-btn,.create-btn,.delete-btn{justify-content:center;width:100%}}.notes-page-container{background-color:var(--bg-light);color:var(--text-dark);display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;min-height:100vh;padding:0}.notes-page-main-content{margin:0 auto;max-width:1200px;padding:2rem 1rem;width:100%}.notes-page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.notes-page-header h1{color:var(--primary-dark);font-size:2rem;margin:0}.notes-page-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.8rem 1.5rem;transition:all .3s ease}.notes-page-btn-primary{background-color:var(--primary);color:#fff}.notes-page-btn-primary:hover{background-color:var(--primary-dark);box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.notes-page-btn-secondary{background-color:#f5f5f5;color:var(--text-dark)}.notes-page-btn-secondary:hover{background-color:#e8e8e8}.notes-page-btn-danger{background-color:#ff4d4f;color:#fff}.notes-page-btn-danger:hover{background-color:#f33}.notes-page-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.notes-page-filter-options{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.notes-page-sort-options{align-items:center;display:flex;gap:.8rem}.notes-page-sort-options span{color:var(--text-light);font-size:.9rem}.notes-page-filter-option{background-color:#fff;border:1px solid #ddd;border-radius:20px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.notes-page-filter-option:hover{background-color:#3b5d500d}.notes-page-filter-option.active{background-color:var(--primary);border-color:var(--primary);color:#fff}.notes-page-search{flex:1 1;max-width:400px}.notes-page-search-input{border:1px solid #ddd;border-radius:20px;font-size:.9rem;outline:none;padding:.6rem 1rem;transition:all .2s ease;width:100%}.notes-page-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #3b5d501a}.notes-page-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.notes-page-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;height:100%;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.notes-page-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.notes-page-book-title{color:var(--primary);font-size:1.2rem;font-weight:600;margin-bottom:.3rem}.notes-page-author{color:var(--text-light);font-size:.9rem;font-style:italic;margin-bottom:1rem}.notes-page-content{color:var(--text-dark);flex:1 1;line-height:1.6;margin-bottom:1rem}.notes-page-actions{align-items:center;border-top:1px solid #eee;display:flex;justify-content:flex-end;margin-top:.5rem;padding-top:1rem}.notes-page-action-buttons{display:flex;gap:1rem}.notes-page-action{align-items:center;background:none;border:none;color:var(--text-light);cursor:pointer;display:flex;font-size:.85rem;gap:.3rem;padding:.3rem;transition:color .2s ease}.notes-page-action:hover{color:var(--primary)}.notes-page-pagination{display:flex;gap:.5rem;justify-content:center;margin-top:2rem}.notes-page-page-link{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.active{background-color:var(--primary);border-color:var(--primary);color:#fff}.notes-page-empty-state{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:var(--text-light);padding:3rem 1rem;text-align:center}.notes-page-modal-backdrop{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.notes-page-modal{animation:modal-appear .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:90%}.notes-page-modal-sm{max-width:450px}@keyframes modal-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notes-page-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1.5rem}.notes-page-modal-header h2{color:var(--primary-dark);font-size:1.5rem;margin:0}.notes-page-modal-close{background:none;border:none;color:var(--text-light);cursor:pointer;font-size:1.2rem;transition:color .2s ease}.notes-page-modal-close:hover{color:var(--primary)}.notes-page-modal-body{overflow-y:auto;padding:1.5rem}.notes-page-modal-footer{border-top:1px solid #eee;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.notes-page-form-group{margin-bottom:1.5rem}.notes-page-form-group label{color:var(--text-dark);display:block;font-weight:500;margin-bottom:.5rem}.notes-page-input,.notes-page-textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:1rem;outline:none;padding:.8rem 1rem;transition:all .2s ease;width:100%}.notes-page-input:focus,.notes-page-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px #3b5d501a}@media (max-width:768px){.notes-page-grid{grid-template-columns:1fr}.notes-page-header{gap:1rem}.notes-page-filter-options,.notes-page-header{align-items:flex-start;flex-direction:column}.notes-page-search{max-width:none;width:100%}.notes-page-sort-options{justify-content:flex-start;overflow-x:auto;padding-bottom:.5rem;width:100%}}@media (max-width:480px){.notes-page-main-content{padding:1rem}.notes-page-actions{align-items:flex-start;flex-direction:column;gap:1rem}.notes-page-action-buttons{justify-content:space-between;width:100%}}.book-search-container{background:#f9f9f9;background:var(--bg-light);display:flex;flex-direction:column;min-height:100vh;padding:0}.book-search-container .book-search-title{background:#3b5d50;background:var(--primary);box-shadow:0 4px 10px #0000001a;color:#fff;color:var(--white);font-size:2.8rem;font-weight:700;letter-spacing:1px;margin:0;padding:32px 0;text-align:center}.book-search-container .book-search-panel{background:#fff;box-shadow:0 2px 12px #0000001a;padding:32px}.book-search-container .book-search-form{margin:0 auto;max-width:900px}.book-search-container .book-search-input-container{display:flex;flex-direction:column;gap:20px}.book-search-container .book-search-input{border:2px solid #3b5d50;border:2px solid var(--primary);border-radius:8px;font-size:1.1rem;outline:none;padding:16px 20px;transition:all .3s ease;width:100%}.book-search-container .book-search-input:focus{border-color:#2b4a3e;border-color:var(--primary-dark);box-shadow:0 0 0 3px #3b5d5033}.book-search-container .book-search-buttons{display:flex;flex-wrap:wrap;gap:15px}.book-search-container .book-search-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:1.1rem;font-weight:600;gap:10px;justify-content:center;min-width:200px;padding:16px 24px;transition:all .2s ease}.book-search-container .primary-button{background:#3b5d50;background:var(--primary);color:#fff}.book-search-container .primary-button:hover{background:#2b4a3e;background:var(--primary-dark);box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.book-search-container .secondary-button{background:#fff;border:2px solid #3b5d50;border:2px solid var(--primary);color:#3b5d50;color:var(--primary)}.book-search-container .secondary-button:hover{background:#3b5d501a;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.website-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.website-modal{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:600px;padding:30px;width:90%}.website-modal h3{color:#2b4a3e;color:var(--primary-dark);font-size:1.5rem;margin-bottom:20px;margin-top:0;text-align:center}.website-buttons{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.website-buttons button{background:#3b5d50;background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 10px;transition:all .2s}.website-buttons button:hover{background:#2b4a3e;background:var(--primary-dark);transform:translateY(-2px)}.close-modal-button{background:#f5f5f5;border:none;border-radius:6px;color:#555;cursor:pointer;font-size:1rem;margin-top:10px;padding:12px;transition:all .2s;width:100%}.close-modal-button:hover{background:#e0e0e0}.book-search-container .book-search-results-container{margin:0 auto;max-width:1000px;padding:40px;width:100%}.book-search-container .loading-indicator{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 0}.book-search-container .book-search-spinner{animation:spin 1s ease-in-out infinite;border:5px solid #3b5d501a;border-radius:50%;border-top:5px solid var(--primary);height:50px;margin-bottom:20px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.book-search-container .book-search-error-message{background-color:#fff3f3;border-left:4px solid #d32f2f;border-radius:8px;color:#d32f2f;font-size:1.05rem;margin:20px 0;padding:20px}.book-search-container .book-search-no-results{color:#6a6a6a;color:var(--text-light);font-size:1.2rem;font-weight:500;padding:60px 0;text-align:center}.book-search-container .book-search-results-header{border-bottom:2px solid #e0e0e0;margin-bottom:30px;padding-bottom:20px}.book-search-container .book-search-results-header h2{color:#2b4a3e;color:var(--primary-dark);font-size:1.8rem;margin-bottom:10px}.book-search-container .book-search-results-header p{color:#6a6a6a;color:var(--text-light);font-size:1.05rem}.book-search-container .book-search-results{grid-gap:30px;display:grid;gap:30px}.book-search-container .book-search-result-card{background:#fff;border-radius:12px;box-shadow:0 3px 12px #0000001a;display:grid;grid-template-columns:140px 1fr;overflow:hidden;transition:transform .3s,box-shadow .3s}.book-search-container .book-search-result-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-4px)}.book-search-container .book-search-cover{align-items:center;background:#2b4a3e;background:var(--primary-dark);display:flex;height:100%;justify-content:center;min-height:210px;width:100%}.book-search-container .book-search-cover img{height:100%;object-fit:cover;width:100%}.book-search-container .book-search-cover-placeholder{align-items:center;background:linear-gradient(135deg,#3b5d50,#2b4a3e);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;display:flex;font-size:3rem;font-weight:700;height:100%;justify-content:center;width:100%}.book-search-container .book-search-details{display:flex;flex-direction:column;padding:20px 25px}.book-search-container .book-search-title-text{color:#2b4a3e;color:var(--primary-dark);font-size:1.5rem;line-height:1.3;margin:0 0 6px}.book-search-container .book-search-author{color:#6a6a6a;color:var(--text-light);font-size:1.05rem;margin-bottom:16px}.book-search-container .book-search-meta{color:#6a6a6a;color:var(--text-light);display:flex;font-size:.95rem;gap:20px;margin-bottom:16px}.book-search-container .book-search-pages,.book-search-container .book-search-year{position:relative}.book-search-container .book-search-year:after{color:#ccc;content:"•";position:absolute;right:-12px}.book-search-container .book-search-description{color:#2f2f2f;color:var(--text-dark);flex:1 1;font-size:1rem;line-height:1.6;margin-bottom:20px}.book-search-container .book-search-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}.book-search-container .book-search-action-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 16px;transition:all .2s ease}.book-search-container .book-search-action-btn:hover{box-shadow:0 3px 6px #00000026;transform:translateY(-2px)}.book-search-container .book-search-reading-btn{background-color:#3b5d50;background-color:var(--primary);color:#fff}.book-search-container .book-search-reading-btn:hover{background-color:#2b4a3e;background-color:var(--primary-dark)}.book-search-container .book-search-want-btn{background-color:#4caf50;color:#fff}.book-search-container .book-search-want-btn:hover{background-color:#388e3c}.book-search-container .book-search-completed-btn{background-color:#a65638;background-color:var(--secondary);color:#fff}.book-search-container .book-search-completed-btn:hover{background-color:#8b4513}@media (max-width:900px){.book-search-container .book-search-panel,.book-search-container .book-search-results-container{padding:24px}}@media (max-width:768px){.book-search-container .book-search-title{font-size:2.2rem;padding:24px 0}.book-search-container .book-search-result-card{grid-template-columns:1fr}.book-search-container .book-search-cover{height:220px}.book-search-container .book-search-buttons{flex-direction:column}}@media (max-width:480px){.book-search-container .book-search-panel,.book-search-container .book-search-results-container{padding:20px 16px}.book-search-container .book-search-title{font-size:1.8rem;padding:20px 10px}.website-modal{padding:20px}.website-buttons{grid-template-columns:1fr}}:root{--primary:#3b5d50;--primary-dark:#2b4a3e;--secondary:#a65638;--bg-light:#f9f9f9;--text-dark:#2f2f2f;--text-light:#6a6a6a}.faq-page-container{background-color:var(--bg-light);color:var(--text-dark);display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;min-height:100vh;padding:0}.faq-page-main-content{margin:0 auto;max-width:1200px;padding:2rem 1rem;width:100%}.faq-page-main-content h1{color:var(--primary-dark);font-size:2rem;margin-bottom:1.5rem}.faq-page-quick-nav{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:2rem;padding:1.5rem}.faq-page-quick-nav h2{color:var(--primary-dark);font-size:1.2rem;margin-bottom:1rem;margin-top:0}.faq-page-category-links{display:flex;flex-wrap:wrap;gap:.8rem}.faq-page-category-link{background-color:#e0f2f1;background-color:var(--primary-light,#e0f2f1);border-radius:20px;color:#009688;color:var(--primary,#009688);font-size:.9rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.faq-page-category-link:hover{background-color:#009688;background-color:var(--primary,#009688);color:#fff;transform:translateY(-2px)}.faq-page-content{margin-bottom:3rem}.faq-page-category-section{margin-bottom:2.5rem;scroll-margin-top:2rem}.faq-page-category-title{border-bottom:2px solid #009688;border-bottom:2px solid var(--primary,#009688);color:#00796b;color:var(--primary-dark,#00796b);font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.5rem}.faq-page-items{display:flex;flex-direction:column;gap:1rem}.faq-page-item{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow:hidden;transition:all .3s ease}.faq-page-item:hover{box-shadow:0 4px 8px #0000001a}.faq-page-question{align-items:center;color:var(--text-dark);cursor:pointer;display:flex;font-weight:600;justify-content:space-between;padding:1.5rem;transition:background-color .2s ease}.faq-page-question:hover{background-color:#00000005}.faq-page-icon{transition:transform .3s ease}.faq-page-item.expanded .faq-page-icon{transform:rotate(180deg)}.faq-page-answer{max-height:0;opacity:0;overflow:hidden;padding:0 1.5rem;transition:all .3s ease}.faq-page-item.expanded .faq-page-answer{max-height:500px;opacity:1;padding:0 1.5rem 1.5rem}.faq-page-answer p{color:#555;color:var(--text-light,#555);line-height:1.6;margin:0}.faq-page-contact-support{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:2rem;text-align:center}.faq-page-contact-support h2{color:#00796b;color:var(--primary-dark,#00796b);margin-bottom:1rem;margin-top:0}.faq-page-contact-support p{color:#555;color:var(--text-light,#555);margin-bottom:1.5rem}.faq-page-contact-btn{align-items:center;background-color:#009688;background-color:var(--primary,#009688);border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;margin-bottom:1rem;padding:.8rem 1.5rem;transition:all .3s ease}.faq-page-contact-btn:hover{background-color:#00796b;background-color:var(--primary-dark,#00796b);box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.faq-page-email{color:#555;color:var(--text-light,#555);font-size:.9rem}.faq-page-email a{color:#009688;color:var(--primary,#009688);font-weight:500;text-decoration:none}.faq-page-email a:hover{text-decoration:underline}@media (max-width:768px){.faq-page-category-links{flex-direction:column;gap:.5rem}.faq-page-category-link{text-align:center}.faq-page-question{font-size:.95rem;padding:1.2rem}.faq-page-item.expanded .faq-page-answer{padding:0 1.2rem 1.2rem}}@media (max-width:480px){.faq-page-main-content{padding:1.5rem 1rem}.faq-page-main-content h1{font-size:1.8rem}.faq-page-category-title{font-size:1.3rem}.faq-page-contact-support{padding:1.5rem}}.share-page{min-height:calc(100vh - 180px);padding:2rem 0}.share-page .page-title{color:#2b5d50;color:var(--primary);font-size:1.8rem;margin-bottom:2rem;text-align:center}.share-page .share-options{background-color:#fff;background-color:var(--white);border-radius:8px;box-shadow:0 2px 10px #00000014;margin:0 auto;max-width:800px;padding:2rem}.share-page .share-type-selector{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.share-page .type-btn{background-color:#f7f9f8;background-color:var(--bg-light);border:1px solid #dce4e1;border:1px solid var(--border);border-radius:4px;color:#333;color:var(--text);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.share-page .type-btn:hover{background-color:#edf1f0;background-color:var(--bg-hover)}.share-page .type-btn.active{background-color:#2b5d50;background-color:var(--primary);border-color:#1e4a3e;border-color:var(--primary-dark);color:#fff;color:var(--white)}.share-page .share-content-selector{margin-bottom:2rem}.share-page .form-group{margin-bottom:1.5rem}.share-page .form-group label{color:#222;color:var(--text-dark);display:block;font-weight:500;margin-bottom:.5rem}.share-page .form-group select{background-color:#fff;background-color:var(--white);border:1px solid #dce4e1;border:1px solid var(--border);border-radius:4px;color:#333;color:var(--text);font-size:1rem;padding:.75rem;width:100%}.share-page .generate-link-btn{background-color:#2b5d50;background-color:var(--primary);border:none;border-radius:4px;color:#fff;color:var(--white);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s ease;width:100%}.share-page .generate-link-btn:hover{background-color:#1e4a3e;background-color:var(--primary-dark)}.share-page .generate-link-btn:disabled{background-color:#f7f9f8;background-color:var(--bg-light);color:#666;color:var(--text-light);cursor:not-allowed}.share-page .share-link-container{border-top:1px solid #dce4e1;border-top:1px solid var(--border);margin-top:2rem;padding-top:1.5rem}.share-page .share-link-container h3{color:#222;color:var(--text-dark);font-size:1.2rem;margin-bottom:1rem}.share-page .share-link-box{display:flex;gap:.5rem;margin-bottom:1.5rem}.share-page .share-link-box input{background-color:#f7f9f8;background-color:var(--bg-light);border:1px solid #dce4e1;border:1px solid var(--border);border-radius:4px;color:#333;color:var(--text);flex-grow:1;font-size:.9rem;padding:.75rem}.share-page .copy-btn{background-color:#f0844a;background-color:var(--secondary);border:none;border-radius:4px;color:#fff;color:var(--white);cursor:pointer;font-weight:500;padding:0 1rem;transition:background-color .2s ease}.share-page .copy-btn:hover{background-color:#e0743a;background-color:var(--secondary-dark)}.share-page .social-share-buttons{margin-top:1.5rem}.share-page .social-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.share-page .social-btn{align-items:center;border:none;border-radius:4px;color:#fff;color:var(--white);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.share-page .social-btn svg{height:18px;width:18px}.share-page .social-btn.facebook{background-color:#3b5998}.share-page .social-btn.facebook:hover{background-color:#2d4373}.share-page .social-btn.twitter{background-color:#1da1f2}.share-page .social-btn.twitter:hover{background-color:#0c85d0}.share-page .social-btn.instagram{background:linear-gradient(45deg,#405de6,#5851db,#833ab4,#c13584,#e1306c,#fd1d1d)}.share-page .social-btn.instagram:hover{opacity:.9}.share-page .social-btn.whatsapp{background-color:#25d366}.share-page .social-btn.whatsapp:hover{background-color:#20bd5c}.share-page .share-preview{border-top:1px solid #dce4e1;border-top:1px solid var(--border);margin-top:2.5rem;padding-top:1.5rem}.share-page .preview-container h3{color:#222;color:var(--text-dark);font-size:1.2rem;margin-bottom:1rem;text-align:center}.share-page .preview-card{align-items:center;background-color:#f7f9f8;background-color:var(--bg-light);border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;gap:1.5rem;margin:0 auto;max-width:500px;padding:1.5rem}.share-page .preview-book-cover{flex-shrink:0}.share-page .book-cover-placeholder{align-items:center;background:linear-gradient(135deg,#f2f2f2,#e0e0e0);border-radius:4px;box-shadow:0 2px 4px #0000001a;display:flex;height:120px;justify-content:center;position:relative;width:80px}.share-page .book-cover-placeholder:after{content:"📚";font-size:2rem}.share-page .preview-note-icon{align-items:center;background-color:#e8f2ef;background-color:var(--primary-light);border-radius:50%;color:#2b5d50;color:var(--primary);display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.share-page .preview-content{flex-grow:1}.share-page .preview-content h4{color:#222;color:var(--text-dark);font-size:1.1rem;margin:0 0 .5rem}.share-page .preview-content p{color:#333;color:var(--text);font-size:.9rem;margin:.5rem 0}.share-page .progress-bar{background-color:#edf1f0;background-color:var(--bg-hover);border-radius:5px;height:10px;margin:1rem 0;overflow:hidden}.share-page .progress-fill{background-color:#2b5d50;background-color:var(--primary);border-radius:5px;height:100%}.share-page .preview-note-text{color:#666;color:var(--text-light);font-style:italic;margin-top:1rem}:root{--primary:#2b5d50;--primary-dark:#1e4a3e;--primary-light:#e8f2ef;--secondary:#f0844a;--secondary-dark:#e0743a;--white:#fff;--text:#333;--text-dark:#222;--text-light:#666;--bg-light:#f7f9f8;--bg-hover:#edf1f0;--border:#dce4e1}@media (max-width:768px){.share-options{padding:1.5rem}.share-type-selector{flex-direction:column}.type-btn{width:100%}.social-buttons{flex-direction:column}.social-btn{width:100%}.preview-card{flex-direction:column;text-align:center}.preview-content{margin-top:1rem}}
/*# sourceMappingURL=main.85ac639a.css.map*/