:root{--primary-color:#965f33;--secondary-color:#f1ebe4;--background-color:#f8f6f1;--border-color:#ded9d1;--card-background-color:white;--progress-bar-background-color:#ebe8e5;--text-color:#333;--link-color:#2b231d;--font-primary:"Source Sans 3", sans-serif;--font-secondary:"Lora", serif}body{background-color:var(--background-color);margin:0 0 3rem}.main-container{flex-direction:column;gap:20px;margin-top:20px;margin-bottom:20px;padding-bottom:60px;display:flex}@media screen and (width>=1024px){.main-container{align-items:center}}.main-container-library{flex-direction:column;gap:20px;margin:20px 20px 10rem;display:flex}@media screen and (width>=1024px){.main-container-library{align-items:center;margin:0 95px}}.link-container{flex-direction:column;align-items:center;gap:10px;display:flex}.link-container a{color:var(--primary-color);font-weight:700;font-family:var(--font-primary);text-decoration:none}.sign-up-container{align-items:center;gap:5px;display:flex}p{font-family:var(--font-primary);margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary);margin:0}.header{background-color:var(--card-background-color);border-bottom:solid 1px var(--border-color);justify-content:space-between;align-items:center;padding:20px 15px;display:flex}@media screen and (width>=1024px){.header{padding:20px 90px}}.logo{cursor:pointer;align-items:center;gap:10px;display:flex}.logo img{width:30px;height:30px}.button-container{gap:15px;display:flex}.button-container-hidden{display:none}.header-landing{text-align:center;flex-direction:column;align-items:center;gap:30px;display:flex}@media screen and (width>=768px){.header-landing{margin:0 95px;padding:40px 0}}.marked-text{color:var(--primary-color)}.button-container-landing{gap:20px;margin-top:20px;display:flex}.features{background-color:var(--card-background-color);box-sizing:border-box;flex-direction:column;gap:40px;width:100%;padding:40px 20px;display:flex}.features h2{text-align:center}.call-to-action{text-align:center;flex-direction:column;align-items:center;gap:20px;margin-top:40px;display:flex}.call-to-action h2{text-align:center}.card{border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:12px;padding:25px 20px;display:flex}@media screen and (width>=1024px){.card{width:30%}}.card-icon{background-color:var(--secondary-color);border-radius:12px;width:25px;height:25px;padding:15px}.card-container{flex-direction:column;gap:40px;display:flex}@media screen and (width>=1024px){.card-container{flex-direction:row;justify-content:center;gap:40px;margin:0 95px}}label{font-family:var(--font-primary)}.form-input{flex-direction:column;gap:10px;display:flex}.form-input input{border:1px solid var(--border-color);border-radius:5px;padding:15px}.year-select{flex-direction:column;gap:10px;width:110px;display:flex}.year-select select{border:1px solid var(--border-color);font-family:var(--font-primary);border-radius:5px;padding:10px}.progress-input{align-items:center;gap:10px;display:flex}.progress-input input{text-align:center;width:60px}.form-container{flex-direction:column;justify-content:center;gap:20px;display:flex}.login-header{flex-direction:column;align-items:center;gap:10px;display:flex}.login-header img{width:50px;height:50px}form{flex-direction:column;gap:20px;margin:0 10px;display:flex}@media screen and (width>=768px){form{margin:20px 95px}}@media screen and (width>=1024px){form{width:30%}}.book-details-form{flex-direction:column;gap:20px;margin:0;display:flex}.currently-reading-section{background-color:var(--card-background-color);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:20px;padding:20px 30px;display:flex}.section-container{flex-direction:column;gap:20px;display:flex}.currently-reading-section-header{gap:5px;display:flex}.book-details{flex-direction:column;gap:15px;display:flex}.book-card-in-progress-container{display:flex}.book-card-in-progress-container img{object-fit:cover;border-radius:12px;width:60px;margin-right:20px}.book-card-in-progress{background-color:var(--background-color);border:solid 1px var(--border-color);border-radius:12px;flex-direction:row;width:100%;padding:15px 25px;display:flex}.progress-bar{background-color:var(--primary-color);appearance:none;border-radius:10px;width:100%;height:10px;overflow:hidden}.progress-bar-goal{appearance:none;border-radius:10px;width:100%;height:10px;overflow:hidden}.progress-bar::-webkit-progress-bar{background-color:var(--progress-bar-background-color)}.progress-bar-goal::-webkit-progress-bar{background-color:var(--progress-bar-background-color)}.progress-bar::-webkit-progress-value{background-color:var(--primary-color)}.progress-bar-goal::-webkit-progress-value{background-color:var(--primary-color)}.count-chip{background-color:var(--secondary-color);color:var(--primary-color);text-align:center;border-radius:12px;width:30px;padding:5px;font-size:14px}.section-header{color:#2b231d;justify-content:space-between;gap:10px;display:flex}.section-header-content{align-items:center;gap:10px;display:flex}.mobile-menu{background-color:var(--card-background-color);border-top:solid 1px var(--border-color);width:100%;position:fixed;bottom:0}.mobile-menu-list{justify-content:center;align-items:center;gap:20px;margin:0;padding:15px;list-style:none;display:flex}.menu-option{color:var(--primary-color);font-family:var(--font-primary);flex-direction:column;align-items:center;padding:5px 10px;text-decoration:none;display:flex}.menu-option img{width:20px;height:20px}.menu-option-profile{color:var(--primary-color);font-family:var(--font-primary);flex-direction:column;align-items:center;padding:5px 10px;text-decoration:none;display:flex}.menu-option-profile img{border-radius:12px;width:20px;height:20px}.circle{background-color:var(--primary-color);width:30px;height:30px;color:var(--card-background-color);border-radius:50%;justify-content:center;align-items:center;display:flex}.menu-option.active{background-color:var(--secondary-color);border-radius:12px;padding:5px 10px;font-weight:600}.book-card{background-color:var(--card-background-color);border:solid 1px var(--border-color);border-radius:12px;align-items:center;padding:15px 25px;display:flex}.book-card img{object-fit:cover;width:50px;height:65px;margin-right:20px}.book-card .delete-icon{width:20px;height:20px;margin-left:auto}.thumbnail{object-fit:cover;width:65px;height:85px}.row{gap:20px;display:flex}.rating-img{width:20px;height:20px;margin-right:4px}.book-card .rating-img{object-fit:contain;width:20px;height:20px;margin-right:4px}select{border:1px solid var(--border-color);font-family:var(--font-primary);border-radius:5px;padding:15px}.drawer-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.drawer-content{background-color:var(--card-background-color);border-radius:16px 16px 0 0;flex-direction:column;width:100%;height:80%;animation:.3s ease-in-out slideUpFromBottom;display:flex;overflow-y:auto}.drawer-bottom{animation:.3s ease-in-out slideUpFromBottom}@keyframes slideUpFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.drawer-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px;display:flex}.drawer-body{flex:1;padding:20px;overflow-y:auto}.drawer-close{background-color:#0000;border:none;padding:5px 10px;font-size:28px}.drawer-close:hover{color:#000}.reading-goal-card{background-color:var(--card-background-color);border:solid 1px var(--border-color);border-radius:12px;flex-direction:column;gap:15px;padding:20px 25px;display:flex}.reading-goal-card-header{align-items:center;gap:10px;display:flex}.reading-goal-card-header img{width:25px;height:25px}.reading-goal-text{align-items:center;display:flex}.text-read{font-size:30px}.text-goal{color:var(--link-color);margin-left:10px;font-size:18px}.text-goal,.text-read{font-family:var(--font-secondary)}.star-rating{cursor:pointer;gap:10px;display:flex}.star-rating .star{cursor:pointer;opacity:.4;width:30px;height:30px;transition:opacity .2s}.star-rating .star.filled{opacity:1}.star-rating .star:hover,.star-rating .star.filled:hover{opacity:.8}