@import url(https://fonts.googleapis.com/css2?family=Anek+Latin:wght@300;600&display=swap);.avatar{margin-right:1rem;transition:transform 1s}.avatar img{max-width:50px;border-radius:50% 50%;display:block}.avatar:hover{transform:rotate(180deg);cursor:alias}.hello{display:flex;align-items:center;justify-content:center;max-width:410px;margin:1rem auto}.hello .message{font-weight:400;font-size:1rem;position:relative;padding:.5rem .75rem;color:var(--accent-dark);border:solid 1px var(--accent-dark)}.hello .message span{display:inline-block}.hello .message:before{border-right:10px solid var(--accent-dark);left:-20px}.hello .message:after,.hello .message:before{content:"";width:0;height:0;position:absolute;border-left:10px solid transparent;border-top:10px solid transparent;border-bottom:10px solid transparent;top:calc(50% - 10px)}.hello .message:after{border-right:10px solid #fff;left:-19px}nav{display:flex;list-style:none;padding:0;margin:0 1rem 1.5rem;overflow:hidden;justify-content:space-between}nav button{font-family:var(--font-primary);border:0;background:transparent;width:30%;padding:.5rem 1rem;font-weight:700;font-size:1rem;display:inline-block;text-align:center;cursor:pointer;color:var(--brand);text-transform:uppercase;border-radius:4px;border:solid 1px var(--brand)}nav button.active{background:var(--brand);color:#fff;cursor:default}header{background:#fff;top:0;z-index:2;border-bottom:1px solid #eee}.logo{text-transform:uppercase;background:linear-gradient(var(--accent-light),var(--brand));color:#fff;text-align:center;font-family:Inter,sans-serif;font-size:2.5rem;font-weight:900;letter-spacing:2px;padding:1rem 2.5rem;margin:0}.logo img{width:100%;height:auto}.book{display:flex;flex-direction:row-reverse;padding:1rem;border-bottom:1px solid #eee}.book-info{flex-grow:1}.title{margin:0;font-size:1.2rem;font-weight:900;padding-bottom:.25rem}.current,.title{position:relative}.current{display:inline-block;background:var(--accent-dark);color:#fff;margin-top:.5rem;font-size:.7rem;padding:.25rem .75rem .3rem 1rem;border-radius:12px}.current span{content:"";display:inline-block;position:absolute;left:.5rem;top:calc(50% - 1px);background:#fff;border-radius:50%;height:3px;width:3px;box-shadow:0 0 0 0 #fff;-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}@-webkit-keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 0 0 hsla(0,0%,100%,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(40,157,143,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(40,157,143,0)}}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 0 0 hsla(0,0%,100%,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(40,157,143,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(40,157,143,0)}}.author{color:var(--neutral-10);padding-bottom:.25rem}.book-meta{display:flex;align-items:center}.rating{color:#e8c270;font-size:.8rem;margin:.5rem .5rem 0 0}.stars{--percent:calc(var(--rating)/5*100%);display:inline-block;font-size:var(--star-size);font-family:Times;line-height:1;--star-size:20px;--star-color:#eee;--star-background:#e8c270}.stars:before{content:"★★★★★";letter-spacing:-1px;background:linear-gradient(90deg,var(--star-background) var(--percent),var(--star-color) var(--percent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.review a{margin-top:.5rem;display:block;width:12px;height:16px;overflow:hidden;text-indent:-999em;opacity:.8;background-image:url(../img/icon-review.84ed04b1.svg);transition:opacity .5s}.review a:hover{opacity:1;transition:opacity .2s}.rank-info{text-align:center;margin:.2rem 1rem 0 0;font-size:.8rem;font-weight:700}.book-note{color:var(--neutral-10);margin-top:.5rem;line-height:1.3}.upvote{cursor:pointer;border:none;margin:0;padding:0;background:#fff;border-radius:3px;width:28px;height:28px;line-height:0;border:solid 1px var(--accent-dark);transition:all .5s}.upvote path{fill:var(--accent-dark);transition:all .5s}.upvote:focus,.upvote:hover{background:linear-gradient(var(--accent-light),var(--accent-dark));background:var(--accent-dark);transition:all .1s}.upvote:focus path,.upvote:hover path{fill:#fff;transition:all .1s}.is-hot{transition:border-width .5s;border-right:2px solid #e8c270}.rank{opacity:0;color:var(--accent-light);margin-top:.25rem;font-size:1rem;transition:opacity 1s}.has-rank .rank{opacity:1}.book-list{min-height:100vh}footer{font-size:.8rem;text-align:center;background:var(--brand);padding:.5rem}footer,footer a,footer a:visited{color:#fff}:root{--accent-light:#1a98e9;--accent-dark:#1a98e9;--brand:#3f4a78;--brand-dark:#17234d;--neutral-0:#141313;--neutral-10:#343333;--neutral-50:#949393;--neutral-99:#f4f3f3;--neutral-100:#fff;--font-primary:"Anek Latin",sans-serif;--font-secondary:"Inter",sans-serif;--app-max-width:520px}*{box-sizing:border-box}body{margin:0;padding:0;background-color:#222;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%230ff' fill-opacity='.05'/%3E%3C/svg%3E");background-attachment:fixed}#app{background:#fff;font-family:var(--font-primary);max-width:var(--app-max-width);min-height:100vh;margin:0 auto;color:#2c3e50;box-shadow:0 32px 64px #000}li,ol,ul{list-style:none;margin:0;padding:0}a{transition:all .5s;color:var(--neutral-10)}a:visited{color:var(--brand)}a:hover{transition:all .2s;color:var(--accent-dark)}