@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";*,:before,:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;word-break:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{--primary-color:#77001f;--muted-color:#61514f;--text-color:#130806;--secondary-text:#2b1e1c;--accent-text:#1f1311;--background:#f9f5ee;--secondary-background:#ece4d6;--accent-background:#d7a74c;--border:#dfd7c9}::selection{background:var(--primary-color);color:var(--background)}body{font-optical-sizing:normal;background-color:var(--background);color:var(--text-color);font-family:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:1.5}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.text__primary{color:var(--primary-color)}.font__display{font-family:Playfair Display,serif}header{background-color:color-mix(in srgb, var(--background) 60%, transparent);border-bottom:1px solid color-mix(in srgb, var(--border) 40%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;width:100%;position:sticky;top:0}.header__wrapper{justify-content:space-between;align-items:center;max-width:80rem;height:4rem;margin-inline:auto;padding-inline:1rem;display:flex}.header__logo{align-items:center;gap:.75rem;transition:opacity .15s linear;display:flex}.header__logo:hover{opacity:.8}.logo{background-color:var(--primary-color);color:#fff;border-radius:.5rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.125rem;display:flex}.text__logo>.font__display{font-size:1.125rem;font-weight:600;line-height:1.25}.text__logo>.text__logo-sub{font-size:.75rem;line-height:calc(1 / .75rem);color:var(--muted-color)}.header__navigation{align-items:center;gap:.25rem;display:flex}.header__navigation>a{font-size:.875rem;line-height:calc(1.25 / .875rem);height:2rem;color:var(--secondary-text);border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding-inline:.625rem;transition:all .15s linear;display:inline-flex}.header__navigation>a:hover{background:var(--accent-background);color:var(--accent-text)}.header__navigation>a.router-link-active.router-link-exact-active{background:var(--secondary-background)}.main__section{padding-block:5rem}.section__wrapper{max-width:80rem;margin-inline:auto;padding-inline:1rem}.main__wrap{text-align:center;max-width:56rem;margin-inline:auto}.main__wrap>h1{margin-bottom:1.5rem;font-size:3.75rem;font-weight:700;line-height:1.25}.main__wrap>h2{font-size:1.875rem;line-height:calc(2.25 / 1.875rem);margin-bottom:1rem;font-weight:700}.main__wrap>p{color:var(--muted-color)}.main__wrap>p:not(.main__default){margin-inline:auto;max-width:42rem;margin-bottom:2rem;font-size:1.125rem;line-height:1.625}.main__buttons{justify-content:center;align-items:center;gap:1rem;display:flex}.button{font-size:.875rem;font-weight:500;line-height:calc(1.25 / .875rem);background:var(--background);cursor:pointer;border:1px solid var(--border);border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;height:2.5rem;padding-inline:1rem;transition:all .15s linear;display:inline-flex;box-shadow:0 1px 2px #0000000d}.button:disabled{opacity:.5;cursor:not-allowed}.button__secondary{box-shadow:none;border-color:#0000}.button:not(:disabled):hover{background:var(--accent-background);color:var(--accent-text)}.button__main{background:var(--primary-color);color:var(--background);border-color:#0000}.button__main:hover{background:color-mix(in srgb, var(--primary-color) 90%, transparent);color:var(--background)}.section__header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.section__header h2{font-size:1.875rem;line-height:calc(2.25 / 1.875rem);font-weight:700}.section__header p{color:var(--muted-color)}.card{background:linear-gradient(to bottom right,#fefbf8 0%,#eeebe480 100%);border:1px solid #0000;border-radius:.5rem;padding-block:1.5rem;transition:all .15s linear;box-shadow:0 0 #0000,0 0 #0000,0 0 #0000,0 0 #0000,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.card__new-book{align-items:center;gap:1.5rem;padding:2rem;display:flex}.book__cover{background:var(--primary-color);border-radius:.5rem;width:12rem;transition:transform .15s linear;box-shadow:0 0 #0000,0 0 #0000,0 0 #0000,0 0 #0000,0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.book__cover img{border-radius:.5rem}.book__main{flex:1}.book__header{margin-bottom:1rem}.book__series{line-height:calc(1.25 / .875rem);margin-bottom:.25rem;color:var(--muted-color)!important;font-size:.875rem!important;font-weight:400!important}.book__header h3{font-size:1.875rem;line-height:calc(2.25 / 1.875rem);font-weight:700}.book__desc{color:var(--muted-color);margin-bottom:1rem;line-height:1.625}.book__genres{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.book__genre{color:var(--secondary-text);font-size:.75rem;line-height:calc(1 / .75rem);background:var(--secondary-background);border-radius:.25rem;padding:.125rem .5rem;font-weight:600}.book__wip{color:#004de5;background:#2b7fff1a}.book__done{color:#058137;background:#00c9501a}.book__chapters{font-size:.875rem;line-height:calc(1.25 / .875rem);color:var(--muted-color);align-items:center;gap:.25rem;display:flex}.book__hover-scale:hover .book__cover{transform:scale(1.05)}.grid__2{grid-template-columns:repeat(2,1fr);gap:2.5rem;display:grid}.grid__3{grid-template-columns:repeat(3,1fr);gap:2.5rem;display:grid}.grid__4{grid-template-columns:repeat(4,1fr);gap:2.5rem;display:grid}.book__cover-wide{aspect-ratio:2/3;width:100%;max-width:none;box-shadow:none;border-radius:0;position:relative}.book__cover-wide img{border-radius:0;width:100%;height:100%}.card__flex{flex-direction:column;gap:1.5rem;display:flex}.card__desc{padding:1rem}.card__header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.card__header h3{font-size:1rem;font-weight:500;line-height:1.25}.card__full-desc{color:var(--muted-color);font-size:.75rem;line-height:calc(1 / .75rem);margin-bottom:.5rem}.book__genres-alt{margin-bottom:0}.book__genres-alt .book__genre{font-size:.75rem;line-height:calc(1 / .75rem);background:var(--background);border:1px solid var(--border)}.book__genre-alt{background:var(--background);border:1px solid var(--border)}.book__progress{background:var(--accent-background);height:.25rem;position:absolute;bottom:0;left:0}.card__hover:hover{border-color:color-mix(in srgb, var(--primary-color) 50%, transparent)}.card__hover:hover h3{color:var(--primary-color)}.logo__transparent{background:color-mix(in srgb, var(--primary-color) 10%, transparent);color:var(--primary-color)}.card__info-header,.card__info{padding-inline:1.5rem}.card__info-header .logo{margin-bottom:.5rem}.card__info{color:var(--muted-color)}footer{background-color:color-mix(in srgb, var(--background) 60%, transparent);border-top:1px solid color-mix(in srgb, var(--border) 40%, transparent);width:100%}.logo__small .logo{width:2rem;height:2rem;font-size:1rem}.logo__small h4{font-size:.875rem;line-height:calc(1.25 / .875rem);font-weight:400}.footer__navigation{color:var(--muted-color);font-size:.875rem;line-height:calc(1.25 / .875rem);align-items:center;gap:1.5rem;display:flex}.footer__navigation a{transition:color .15s linear}.footer__navigation a:hover{color:var(--text-color)}.footer__copyright{color:var(--muted-color);font-size:.75rem;line-height:calc(1 / .75rem)}.page__header{padding-block:3rem}.page__header .section__header{margin-bottom:0}.page__header h1{margin-bottom:.5rem;font-size:2.25rem;line-height:1.11111}.filter__section{background:color-mix(in srgb, var(--background) 60%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid color-mix(in srgb, var(--border) 40%, transparent);border-top:1px solid color-mix(in srgb, var(--border) 40%, transparent)}.page__filter{max-width:80rem;margin-inline:auto;padding:1rem}.filters{justify-content:space-between;align-items:center;gap:1rem;display:flex}.filter__search{flex:1;align-items:center;gap:.75rem;display:flex}.input__search{flex:1;max-width:24rem;position:relative}.input__search i{width:1rem;height:1rem;color:var(--muted-color);position:absolute;top:25%;left:.75rem}.input{width:100%;height:2.25rem;font-size:.875rem;line-height:calc(1.25 / .875rem);background:0 0;border:1px solid #e8e4dd;border-radius:.5rem;outline:none;padding:.25rem .75rem;transition:all .15s linear;box-shadow:0 0 #0000,0 0 #0000,0 0 #0000,0 0 #0000,0 1px 2px #0000000d}.input__search .input{padding-left:2.5rem}.input:focus-visible{border-color:var(--primary-color);box-shadow:0 0 #0000,0 0 #0000,0 0 #0000,0 0 0 3px #75002080,0 1px 2px #0000000d}.filter__status{border:1px solid var(--border);background:#f3f0e9;border-radius:.5rem;align-items:center;padding:.25rem;display:flex}.button__filter{height:auto;box-shadow:none;color:var(--muted-color);background:0 0;border:none;padding:.325rem .75rem}.button__filter:hover{color:var(--text-color);background:0 0}.button__filter-select{background:var(--background);color:var(--text-color);box-shadow:0 0 #0000,0 0 #0000,0 0 #0000,0 0 #0000,0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.button__filter-select:hover{background:var(--background)}.card__stats{background:#fefbf8;box-shadow:0 0 #0000,0 0 #0000,0 0 #0000,0 0 #0000,0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.card__stats>.card__wrapper{align-items:center;gap:1rem;padding-inline:1rem;display:flex}.card__stats .logo{width:3rem;height:3rem;font-size:1.5rem}.card__stats h2{font-size:1.5rem;line-height:calc(2 / 1.5rem)}.card__stats p{font-size:.875rem;line-height:calc(1.25 / .875rem);color:var(--muted-color)}.flex__screen{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.character__cover{aspect-ratio:16/9;background:linear-gradient(to bottom right,#efebe4 0%,#eeebe480 100%);justify-content:center;align-items:center;display:flex;position:relative}.character__cover i{color:var(--primary-color);font-size:2rem}.card__note{background:#fefbf8;margin-bottom:1rem}.card__note-wrapper{padding:1rem}.note__header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.note__header .book__genres{margin-bottom:0}.note__date{font-size:.75rem;line-height:calc(1 / .75rem);color:var(--muted-color)}.note__quote{color:var(--muted-color);font-size:.875rem;line-height:calc(1.25 / .875rem);background:var(--background);border-radius:.5rem;margin-bottom:.5rem;padding:.5rem;font-style:italic}.note__my-quote{font-size:.875rem;line-height:calc(1.25 / .875rem)}.card__info-header p{font-size:.75rem;line-height:calc(1 / .75rem);color:var(--muted-color)}.emote__stats{margin-bottom:1rem;padding-inline:1.5rem}.emote__stats-header{font-size:.875rem;line-height:calc(1.25 / .875rem);justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.emote__stats-emote{align-items:center;gap:.5rem;display:flex}.emote__stats-bar{background:var(--secondary-background);border-radius:100vh;width:100%;height:.5rem}.emote__stats-bar-alt{background:var(--primary-color);border-radius:100vh;height:100%}.characters{padding-inline:1.5rem}.character__header{justify-content:space-between;align-items:center;font-weight:500;display:flex}.character__desc{font-size:.75rem;line-height:calc(1 / .75rem);color:var(--muted-color)}.character__card{border:1px solid color-mix(in srgb, var(--border) 50%, transparent);border-radius:.5rem;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.75rem;display:flex}.not-found{justify-content:center;align-items:center;height:calc(100vh - 128px);display:flex}.not-found__wrapper{text-align:center}.not-found__wrapper h1{font-size:1.5rem;line-height:calc(2 / 1.5rem);margin-bottom:1rem;font-weight:700}.book-page__header{background-color:color-mix(in srgb, var(--background) 60%, transparent);border-bottom:1px solid color-mix(in srgb, var(--border) 40%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;width:100%;position:sticky;top:65px}.filter__section{background-color:color-mix(in srgb, var(--background) 60%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;width:100%;position:sticky;top:65px}.book__header-wrapper{justify-content:space-between;align-items:center;max-width:80rem;margin-inline:auto;padding:.75rem 1rem;display:flex}.button__square{width:2.25rem;height:2.25rem;padding:0}.book__name{align-items:center;gap:1rem;display:flex}.book__name h1{font-size:1.125rem;line-height:1.625}.book__name p{font-size:.875rem;line-height:calc(1.25 / .875rem);color:var(--muted-color)}.book__buttons{align-items:center;gap:.5rem;display:flex}.characters__bg{opacity:0;z-index:98;background:#00000080;width:100%;height:100%;transition:opacity .15s linear;position:fixed;top:0;left:0}.characters__window{background:var(--background);z-index:99;width:24rem;height:100%;transition:all .3s linear;position:fixed;top:0;right:-24rem}.window__header{justify-content:space-between;align-items:center;gap:.325rem;padding:1rem;display:flex}.window__header h2{font-size:1rem;line-height:1.25}.window__characters{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.liked{color:#ff2d35}.book__pages{justify-content:center;align-items:center;gap:.25rem;display:flex}.book__pages span{font-size:.875rem;line-height:calc(1.25 / .875rem);padding-inline:.5rem;font-weight:500}.book__pages button{box-shadow:none;background:0 0;border:none}.card__page-book{border:1px solid var(--border);background:#fdfcf880;box-shadow:0 0 #0000,0 0 #0000,0 0 #0000,0 0 #0000,0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.card__page-book .card__new-book{align-items:center;gap:1rem;padding:1rem;display:flex}.card__page-book .book__cover{color:#fff;justify-content:center;align-items:center;width:3rem;height:4rem;font-size:1.5rem;display:flex}.card__page-book h3{font-size:1.125rem;line-height:1.625}.card__page-book .book__header{margin:0}.book-page{max-width:48rem}.book-page__title{text-align:center;margin-bottom:2rem}.book-page__chapter{text-transform:uppercase;color:var(--muted-color);font-size:.875rem;line-height:calc(1.25 / .875rem);font-weight:500}.book-page__name{font-size:1.875rem;line-height:calc(2.25 / 1.875rem);font-weight:700}.book-page{padding:1rem;position:relative}.book-page p{font-size:1.125rem;line-height:1.625}.book-page .buttons{flex-direction:column;gap:.25rem;transition:all .15s linear;display:flex;position:absolute;top:.5rem;right:-.5rem}.book-page .button{border-radius:100vh;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;transition:all .15s linear}.emote{position:absolute;top:.5rem;left:-.5rem}.book-page-chapter__buttons{justify-content:space-between;align-items:center;margin-top:2rem;display:flex}.book-page-chapter__buttons .button{justify-content:baseline;border-radius:.5rem;width:auto;height:2.5rem;padding-inline:1rem}.comment__modal{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.window__modal{background:var(--background);border:1px solid var(--border);z-index:999;border-radius:.5rem;flex-direction:column;gap:1rem;min-width:28rem;max-width:28rem;padding:1.5rem;display:flex;box-shadow:0 0 #0000,0 0 #0000,0 0 #0000,0 0 #0000,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.modal__header{align-items:flex-start;gap:.5rem;display:flex}.modal__header h2{margin-bottom:.25rem;font-size:1.125rem;line-height:1.25}.modal__header p{color:var(--muted-color);font-size:.875rem;line-height:calc(1.25 / .875rem)}.window__modal .note__quote{background:var(--secondary-background)}label{text-align:left;font-size:.875rem;line-height:calc(1.25 / .875rem);margin-bottom:.5rem;font-weight:500;display:block}.admin__note{font-size:.75rem;line-height:calc(1 / .75rem);color:var(--muted-color)}.admin__modal{align-items:center;padding:1.5rem}.admin__modal h2{font-size:1.5rem;line-height:calc(2 / 1.5rem)}