@import"https://fonts.googleapis.com/css2?family=Libre+Caslon+Text:ital,wght@0,200;0,400;0,700;1,400&display=swap";:root{--font-family-serif: "Libre Caslon Text", serif;--background-color: #121212;--text-color: white;--magenta: #ff59ec;--orange: #ff8738;--green: #74d53c;--error: #ff4c4c;--input-font-size: 1.1em;--border-radius-md: 0.8em;--padding-sm: 0.5em;--padding-md: 1em}.single-line-input{box-sizing:border-box;outline:0;border:0;padding:var(--padding-md);border-radius:var(--border-radius-md);background-color:#000;color:#fff;font-size:var(--input-font-size)}.header{font-weight:400;margin-top:.5em;margin-bottom:.5em}.icon,.icon--padded{width:3em;height:3em}.icon--padded{padding:var(--padding-md)}.button{padding:var(--padding-md);font-family:var(--font-family-serif);border-radius:var(--border-radius-md);cursor:pointer;outline:none;border:none;box-sizing:border-box}.link{color:var(--text-color);padding:1px}.link:hover{color:var(--background-color);background-color:var(--text-color)}@keyframes appear-then-fade{0%,100%{opacity:0}5%,60%{opacity:1}}.flash{animation:appear-then-fade 4s both}.error{color:var(--error)}.sign-up-container{text-align:center;margin:1em}.sign-up-form{display:flex;justify-content:center;gap:var(--padding-md);margin:1em}.clerk-container{margin-bottom:.5em;display:flex;flex-direction:row;justify-content:center}.learn-more-link{margin-top:1em}.socials{display:flex;flex-direction:row;gap:2em;margin:1em auto;justify-content:center}.about-container{width:50%}@media(max-width: 768px){.about-container{width:90%}}.about-container{margin:1em auto}.recommendations{display:flex;flex-direction:row;gap:3em}@media(max-width: 768px){.recommendations{flex-direction:column;gap:1.5em}}.recommendations .book{width:40%}@media(max-width: 768px){.recommendations .book{width:100%}}.recommendations .title{font-size:2em;margin:0}.recommendations .author{font-size:1em}.entries-form-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:1em auto;text-align:center;width:50%}@media(max-width: 768px){.entries-form-container{width:90%}}.entries-form-container form{width:100%;display:flex;flex-direction:column;gap:var(--padding-md)}.entries-form-container .form-group{display:flex;flex-direction:column;gap:.5em}.entries-form-container .entries-toggle{width:100%;display:flex;flex-direction:column;gap:var(--padding-sm)}.book-title-wrapper{position:relative;display:flex;align-items:stretch;background-color:#000;border-radius:var(--border-radius-md)}.book-title-wrapper input{flex:1;padding-right:0;background-color:#000;border-radius:var(--border-radius-md) 0 0 var(--border-radius-md)}.toggle-arrow{position:absolute;right:0;background-color:#000;border:none;color:#fff;cursor:pointer;font-size:.8em;padding:.5em 1em;transition:transform .2s ease;display:flex;align-items:center;justify-content:center;border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;height:100%}.toggle-arrow:hover{opacity:.8}.toggle-arrow.open{transform:rotate(180deg)}.entries-form-container .form-group{animation:slideDown .3s ease}.entries-form-container .form-group[hidden]{display:none}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.entries-form-container input{width:100%}.entries-form-container .btn{margin-top:.5em}.settings{width:50%}@media(max-width: 768px){.settings{width:90%}}.settings{margin:1em auto;text-align:center}.form{text-align:start;width:80%;margin:0 auto}.form .element{margin-bottom:1em}body{background-color:var(--background-color);color:var(--text-color);font-family:var(--font-family-serif)}