.alert{--color-alert-warning:#ffc;--color-alert-danger:#fcc;border:1px solid;margin:1em 0;padding:.5em 1em}.alert--warning{background:var(--color-alert-warning)}.alert--error{background:var(--color-alert-danger)}.button{color:var(--color-button-text);cursor:pointer;background:#6c757d;border:none;border-radius:.25em;padding:.375em .75em;font-size:16px;display:inline-block}.button:hover,.button:focus{background:#5a6268}.button+.button{margin-left:1em}.button__icon{-webkit-background-clip:text;background-clip:text;background-color:var(--color-button-text);color:#0000;transform:scaleX(-1)}.button--sm{font-size:14px}.button--icon-only{border-radius:50%;width:2.75em;height:2.75em;padding:0;font-size:12px}.button--primary{color:var(--color-button-text);background:#007bff}.button--primary:hover,.button--primary:focus{background:#0069d9}.header{flex-direction:column;justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.header>*+*{margin-top:.5em}@media screen and (width>=640px){.header{flex-direction:row}.header>*+*{margin-top:0}}.header__logo{margin:0;font-weight:400;line-height:1}@media screen and (width>=768px){.header__logo{font-size:3em;font-weight:200}}@media screen and (width>=1024px){.header__logo{font-size:4em;font-weight:100}}.header__logo a{color:#ff69b4;text-decoration:none}.footer{margin-top:1.5rem}.form{grid-template-columns:1fr;gap:1em;margin:1em auto;display:grid}@media only screen and (width>=640px){.form{grid-template-columns:1fr 1fr}.form__group--doublewide{grid-column-end:span 2}}.form__control{background:var(--color-input-bg);border:1px solid var(--color-input-border);color:currentColor;border-radius:.25em;width:100%;padding:.375em .75em;font-size:16px;display:block}select{font-size:16px}.form__group--check{align-items:center;display:flex}.form__checkbox-input{flex:none}.form__checkbox-label{flex:1;margin-left:.375em}.form__input-group{display:flex}.form__input-group .form__input-group-prepend,.form__input-group .form__input-group-append{background:var(--color-input-append-bg);border:1px solid var(--color-input-border);flex:none;padding:.375em .75em}.form__input-group .form__input-group-prepend{border-right:0}.form__input-group .form__input-group-append{border-left:0}.form__input-group .form__control{border-radius:0;flex:1}.form__input-group :first-child{border-top-left-radius:.25em;border-bottom-left-radius:.25em}.form__input-group :last-child{border-top-right-radius:.25em;border-bottom-right-radius:.25em}.tag-input{position:relative}.tag-input__tag-list{align-items:center;max-width:75%;margin:0;padding:0;list-style:none;display:flex;position:absolute;top:0;bottom:0;left:12px}.tag-input__tag{color:#fff;white-space:nowrap;background:#6c757d;border-radius:4px;flex-direction:row-reverse;align-items:center;margin-right:12px;padding-block:.25em;padding-inline-end:.75em;font-size:.75rem;transition:background-color .1s;display:flex}.tag-input__tag:hover,.tag-input__tag:focus{background:#5a6268}.tag-input__delete{cursor:pointer;background:0 0;border:0;align-self:stretch;padding-inline:.5em;font-size:smaller}.book-controls{flex-direction:column;align-items:center;gap:1rem 2rem;display:flex}@media screen and (width>=640px){.book-controls{flex-direction:row}}.book-controls__add{flex-wrap:wrap;justify-content:center;gap:.5em 1em;display:flex}.book-controls__add .button{margin:0}@media screen and (width>=640px){.book-controls__add{justify-content:start;margin-right:auto}}.book-controls__filter{position:relative}.filter-list{background:var(--color-book-bg);padding:0;z-index:2;border-radius:3px;flex-direction:column;justify-content:center;gap:.5em;margin:0;padding:1rem;list-style:none;display:flex;position:absolute;top:100%;right:0;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}@media screen and (width>=640px){.filter-list{justify-content:start}}.filter-list[hidden]{display:none}.filter-list__item{align-items:center;margin:0;padding:0;line-height:1;display:flex}.filter-list__checkbox{margin-right:.33em}.filter-list__item--purchased label:before,.filter-list__item--prioritize label:before{content:"";background:gray;border-radius:50%;width:.75em;height:.75em;margin-right:.33em;display:inline-block}.filter-list__item--purchased label:before{background:#00800054}.filter-list__item--prioritize label:before{background:#ff000054}.sort__label{margin-right:.33em}.book{background:var(--color-book-bg);border-radius:3px;margin:0;padding:1em;display:flex;position:relative;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.book>*+*{margin-left:1em}.book:before{background:var(--color-rating-bg);content:"";border-top-right-radius:4px;border-bottom-left-radius:4px;width:4.5rem;height:5.25rem;display:block;position:absolute;top:0;right:0}.book:after{content:"";border:10px solid #0000;border-top-left-radius:4px;width:0;height:0;position:absolute;top:0;left:0}.book--purchased:after{border-top-color:#00800054;border-left-color:#00800054}.book--prioritized:after{border-top-color:#ff000054;border-left-color:#ff000054}.book--prioritized.book--purchased:after{border-left-color:#00800054}.book__thumbnail{flex:none;width:50px;max-width:25%}@media screen and (width>=640px){.book__thumbnail{width:100px}}.book__thumbnail-media{width:100%;height:auto;display:block}.book__info{flex:1}.book__info>:first-child{margin-top:0}.book__info>:last-child{margin-bottom:0}.book__headline{color:var(--color-headline-text);margin-bottom:.33em;margin-right:.5em;font-size:1.25em;font-weight:600;line-height:1.2}@media screen and (width>=640px){.book__headline{font-size:1.5em}}.book__series{opacity:.5;font-weight:300}.book__author{opacity:.7;margin-bottom:.33em;line-height:1.2}.book__rating{opacity:.5;text-align:center;width:4.5rem;font-size:2em;font-weight:200;line-height:1;position:absolute;top:1rem;right:0}.book__length{opacity:.5;text-align:center;width:4.5rem;line-height:1;position:absolute;top:3.5rem;right:0}.book__tags{flex-wrap:wrap;gap:.25em .5em;margin:.75em 0 0;padding:0;list-style:none;display:flex}.book__tag{background:var(--color-rating-bg);text-transform:lowercase;white-space:nowrap;border-radius:1em;padding:.1em .5em;font-size:smaller;display:inline-block}.book__tag--unreleased{background:#ff000054}.book__details{margin-block:.75em}.book__details summary{cursor:pointer}.book__details>*{margin-block:0}.book__details>*+*{margin-block-start:.75em}.book__snippet{overflow-wrap:break-word;margin-block:0}.book__recommendation{background:var(--color-recommendation-bg);opacity:.7;margin-inline:-.5em;padding:.4em .75em}.book__note{overflow-wrap:break-word;font-style:italic}.book__date{opacity:.7;font-size:smaller;line-height:1.2}.book__actions{flex-direction:column;flex:none;padding-top:4.75rem;display:flex}.book__actions .button+.button{margin-top:.5em;margin-left:0}.book-list{grid-template-columns:1fr;gap:1em;margin:1em 0;padding:0;list-style:none;display:grid}@media screen and (width>=640px){.book-list{grid-template-columns:repeat(auto-fill,minmax(375px,1fr))}}:root{--color-page-bg:#fafafa;--color-text:#424242;--color-headline-text:#212121;--color-book-bg:#fff;--color-rating-bg:#fafafa;--color-recommendation-bg:#f5f5f5;--color-overlay-bg:#ffffffbf;--color-modal-bg:#fff;--color-input-bg:#fff;--color-input-append-bg:#f5f5f5;--color-input-border:#e0e0e0;--color-button-text:#fff;--font-weight-default:100;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-page-bg:#161616;--color-text:#bdbdbd;--color-headline-text:#e0e0e0;--color-book-bg:#212121;--color-rating-bg:#424242;--color-recommendation-bg:#424242;--color-overlay-bg:#000000bf;--color-modal-bg:#212121;--color-input-bg:#212121;--color-input-append-bg:#424242;--color-input-border:#757575;--color-button-text:#fff;--font-weight-default:300}}*{box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:12px;font-weight:var(--font-weight-default);line-height:1.4}@media screen and (width>=480px){html{font-size:14px}}body{background:var(--color-page-bg);color:var(--color-text);padding:1em}p{margin-top:0}blockquote{margin:0}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}