@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap);.search{grid-column:4}.search__bar{color:var(--accent);background:hsl(var(--accent-secondary-hsl));border:none;outline:0;border-radius:999vw;box-shadow:inset 0 0 2px var(--accent);padding:.5em 1.25em;font-weight:500;font-size:1.2rem}.search__bar::placeholder{color:var(--accent);opacity:.5;font-weight:inherit}.search__overlay{overflow-y:auto;width:100%;height:100vh;z-index:100;padding:3em 5em;position:fixed;visibility:hidden;align-items:center;opacity:0;top:0;display:flex;flex-direction:column;left:0;transition:var(--search-transition-time) all ease-out;background:hsla(var(--background-hsl),.7);backdrop-filter:blur(50px);gap:1.5em}.search__overlay::-webkit-scrollbar-track{margin:4px 0}.search__overlay::-webkit-scrollbar{background:var(--background-secondary);width:.625em}.search__overlay::-webkit-scrollbar-thumb{padding:10px 0;border-radius:5px;background:var(--accent)}.search__overlay--displayed{opacity:1;visibility:visible}.search__search-view{display:flex;align-items:center;gap:1em}.search__cancel svg{pointer-events:none;height:1.75em;width:1.75em}.search__cancel svg *{stroke:var(--accent)}.search__subgrid{gap:2em;display:flex;flex-direction:column;padding-top:6em}.search__error{height:65%;display:flex;flex-direction:column;align-items:center;justify-content:center}.search__error img{width:200px}.search__title{font-size:1.4rem;font-weight:800}.search__subtitle{color:var(--text);font-weight:800;font-size:1.5rem;border-bottom:2px solid hsla(var(--accent-hsl),.5)}.search__overlay-bar{color:var(--accent);background:hsl(var(--accent-secondary-hsl));border:none;outline:0;border-radius:999vw;box-shadow:inset 0 0 2px var(--accent);padding:.5em 1.25em;font-weight:500;font-size:1.2rem}.search__overlay-bar::placeholder{color:var(--accent);opacity:.5;font-weight:inherit}.search__results{align-self:stretch;height:100%;display:flex;flex-direction:column}.search__result-title{align-self:flex-start;font-size:1.5rem;display:flex;flex-direction:column;color:var(--text);font-weight:500}.search__result-head{opacity:.5}.search__result-tail{font-weight:600;font-size:2rem}.search__grid{overflow-y:auto;display:grid;gap:1em;grid-template-rows:1fr;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.search__grid::-webkit-scrollbar{width:5px}.search__grid::-webkit-scrollbar-track{background:0 0}.search__grid::-webkit-scrollbar-thumb{border-radius:999vw;background:var(--accent)}.search-button svg{pointer-events:none;width:1.5em;height:1.5em}.search-button svg *{stroke:hsl(var(--accent-hsl))}.search-button:hover{transform-origin:bottom;animation:search .5s ease-in-out forwards}@keyframes search{50%{transform:rotate(6deg)}75%{transform:rotate(-3deg)}100%{transform:rotate(3deg)}}@media screen and (max-width:768px){.search__grid{grid-auto-flow:column;grid-auto-columns:minmax(130px,1fr);grid-template-columns:unset;overflow-x:scroll;padding-top:1em;gap:1em}.search__overlay{padding:3em 1.5em}.search__subgrid{padding-top:2em;gap:.5em}.search__search-view{width:100%}.search__error{height:100%}.search__cancel{display:none}.search__overlay-bar{width:100%}}.rack{display:flex;padding:4em 0 0 0;flex-direction:column}.rack__header{padding-bottom:1em;align-items:center;justify-content:flex-start;display:flex}.rack__title{color:var(--text);padding-right:.5em;font-size:3rem;font-weight:600}.rack__books{display:grid;padding-top:2em;grid-auto-rows:minmax(250px,1fr);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:2em}.rack__books a{text-decoration:none}.book{font-weight:500;flex:1 0 0;display:flex;min-width:0;color:var(--text);flex-direction:column;overflow:hidden;border-radius:10px;align-items:center;justify-content:center;box-shadow:inset 0 0 2px var(--accent);position:relative;transition:all 250ms ease-in}.book:hover{box-shadow:inset 0 0 10px hsla(var(--book-hover-hsl),.15);background:hsla(var(--book-hover-hsl),.15);color:hsla(var(--book-hover-hsl),.9)}.book--disabled{opacity:.5;pointer-events:none}.book__lastread{pointer-events:none;border-radius:10px;font-weight:700;font-size:1.2rem;color:#242424;background:rgba(255,255,255,.15);backdrop-filter:blur(50px);box-shadow:0 0 5px #242424;padding:10px 20px;z-index:1;top:1.25em;right:1.25em;position:absolute}.book__stack{height:100%;position:relative;overflow:hidden;border-radius:10px}.book__image{aspect-ratio:10/16;overflow:hidden;width:100%;height:100%;background:var(--background-secondary)}.book__title{z-index:1;position:absolute;color:#fff;display:-webkit-box;text-align:start;bottom:.75em;left:.5em;right:.5em;font-size:.95rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;-webkit-box-pack:end;overflow:hidden}.book__vignette{z-index:1;width:100%;height:50%;transform:translateY(-100%);background:linear-gradient(to top,#181818df 30%,transparent)}@media screen and (max-width:768px){.rack__header{padding-bottom:0}.rack__books{overflow-x:scroll;padding-top:1em;gap:1em;grid-template-rows:1fr;grid-auto-columns:minmax(130px,1fr);grid-template-columns:unset}.book{grid-row:1;grid-column:auto;padding:0}.book__lastread{top:.5em;right:.5em}.book__title{font-size:.9rem;-webkit-line-clamp:2;bottom:.5em;left:.5em;right:.5em}.rack__title{font-size:1.5rem}}.loading-bar{position:fixed;z-index:1111;top:0;left:0;width:100%}.loading-bar__bar{width:0%;height:3px;background:var(--accent)}.loading-bar__bar--determinate{animation:load 5s ease-out forwards}.loading-bar__bar--indeterminate{animation:indeterminate 2.1s linear infinite}@keyframes indeterminate{30%{width:40%}55%{width:60%;margin-left:40%}75%{margin-left:80%;width:20%}100%{margin-left:100%}}@keyframes load{40%{width:80%}60%{width:85%}100%{width:90%}}.header{display:flex;justify-content:space-between;align-items:center;z-index:2;transition:opacity 120ms ease;opacity:1}.header__logo{height:2.5em;width:2.5em}.header__hidden{opacity:0}.header__actions{display:flex;gap:2em;align-items:center;border-radius:999vw;box-shadow:0 0 1.5px hsl(var(--accent-hsl));padding:.5em 2em;background:hsl(var(--accent-secondary-hsl))}@media screen and (max-width:768px){.header{padding-top:1.75em;padding-bottom:1em}.header__logo{height:2em;width:2em}.header__actions{display:none}}.profile__user{--border-radius:16px;position:relative}.profile__dialog{margin-top:1em;width:300px;display:flex;flex-direction:column;padding:10px;box-shadow:inset 0 0 3px var(--accent);border-radius:var(--border-radius);z-index:999;position:absolute;top:100%;right:-100%;gap:1em;background:var(--dialog);opacity:0;visibility:hidden;transition:125ms all ease-out,75ms transform ease-out;transform:translateY(-5%)}.profile__dialog--open{transform:translateY(0);visibility:visible;opacity:1}.profile__dialog-item{font-weight:500;padding:.75em 1em;font-size:.9rem;display:flex;gap:.75em;flex-direction:row;text-align:center;align-items:center;transition:125ms ease-in;border-radius:999vw}.profile__dialog-item--small{width:16px;height:16px}.profile__dialog-item span{text-align:start;flex-grow:1}.profile__dialog-item img{margin-left:auto;border-radius:50%;width:24px;height:24px}.profile__dialog-item:hover{background:hsl(var(--accent-secondary-hsl));color:var(--accent)}.profile__dialog-item svg{align-self:center;aspect-ratio:1;width:24px;height:24px}.profile__dialog-item svg *{stroke:var(--accent)}.profile__dialog-item--small{width:16px!important;height:16px!important}.profile__picture{overflow:hidden;border-radius:50%;box-shadow:0 0 3px hsl(var(--accent-hsl));width:2.5em;height:2.5em}.profile__picture img,.profile__picture svg{width:100%;height:100%}.profile__picture svg{padding:5px}.profile__picture svg *{stroke:hsl(var(--accent-hsl))}.profile__signin{padding:7.5px 20px;border-radius:5px;border:3px solid var(--accent)}@media screen and (max-width:768px){.profile__overlay{position:fixed;inset:0;background:rgba(36,36,36,.3);visibility:hidden;display:flex;align-items:flex-end;opacity:0;transition:opacity .2s ease}.profile__overlay--open{transition:opacity .2s ease;opacity:1;visibility:visible}.profile__dialog{position:relative;margin:1em;top:unset;right:unset;width:100%;box-shadow:inset 0 0 2px var(--accent);border-radius:var(--border-radius);transition:transform .2s ease;transform:translateY(100%)}.profile__dialog--open{transform:translateX(0)}.profile__dialog-item span{font-weight:.9rem}.profile__picture{box-shadow:none;border-radius:unset;width:unset;height:unset}.profile__picture svg{padding:0}}.footer{margin-top:35px;display:flex;justify-content:flex-end}.footer__content{display:flex;flex-direction:column}.footer__link{font-size:1.1rem;font-weight:500;opacity:.75;color:var(--accent);text-decoration:none;transition:125ms all ease-in-out}.footer__link:hover{text-decoration:underline}.body{display:flex;flex-grow:1;flex-direction:column}.layout{display:flex;flex-direction:column;background:var(--background);padding:2em 3em;min-height:100%;min-width:100%}.layout__bar{display:none}.layout[data-mode=reader]{padding:0 3em}.splash{position:fixed;display:flex;justify-content:center;align-items:center;z-index:999;background:hsl(var(--background-hsl));inset:0;animation:250ms cubic-bezier(.6,-.28,.735,.045) splashAnim forwards 2s}.splash svg{height:128px;width:128px;aspect-ratio:1}@keyframes splashAnim{0%{transform:translateY(0)}100%{transform:translateY(-100%)}}@media screen and (max-width:768px){.layout{padding:.25em 2em 5em 2em}.layout__bar{box-shadow:0 0 3px var(--accent);height:var(--bar-height);padding:.5em;z-index:111;background:var(--background-secondary);display:grid;grid-auto-flow:column;position:fixed;border-radius:999vw;bottom:1em;right:1em;transition:opacity 250ms ease-out;left:1em}.layout--invisible-bar>.layout__bar{opacity:0}.layout__baritem{display:flex;align-items:center;justify-content:center;border-radius:999vw}.layout__baritem>img{border-radius:50%}.layout__baritem svg,.layout__baritem>img{opacity:.75;width:24px;height:24px}.layout__baritem--active img,.layout__baritem--active svg{opacity:1}.layout__baritem .profile__user img{width:24px;height:24px;border-radius:50%}.layout__baritem svg *{stroke:var(--accent)}}:root{--status-ongoing-hsl:155,100%,50%;--status-complete-hsl:25,122%,60%;--base-color:345,66%}.racks{padding-top:5em}@media screen and (max-width:768px){.racks{padding-top:0}}:root{--search-transition-time:175ms;--bar-height:4em}:root{--status-ongoing-hsl:155,100%,50%;--status-complete-hsl:25,122%,60%;--base-color:345,66%}.featured-list{margin:-2em -3em;overflow:hidden}.featured-list .header{align-items:center;position:absolute;padding:2em 3em;width:100%;z-index:2}.featured-list__slider{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.featured-actions{display:flex;position:absolute;visibility:hidden;opacity:0;transition:all 250ms ease-in-out;gap:1em;top:55vh;right:5em}.featured-actions--show{visibility:visible;opacity:.75}.featured-actions__buttons{height:3em;width:6em;padding:15px;border-radius:999vw;transition:all 250ms ease-in-out}.featured-actions__next,.featured-actions__previous{display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 10px hsla(var(--accent-hsl));background:hsla(var(--accent-hsl));color:hsla(var(--accent-secondary-hsl),.9)}.featured-actions__next svg,.featured-actions__previous svg{width:24px;height:24px}.featured-actions__next svg *,.featured-actions__previous svg *{stroke:var(--background)}.featured-actions__next:hover,.featured-actions__previous:hover{filter:brightness(1.2)}.featured-card{min-width:100%;flex:0 0 100%;overflow:hidden;display:flex;transform:translate3d(0,0,0);flex-direction:column}.featured-card *{max-width:100%}.featured-card--placeholder{height:47vh;display:flex;justify-content:center;align-items:center}.featured-card__content{padding:2.5em 5em 5em 5em;background:linear-gradient(to right,var(--background-opacity-55),transparent 75%);height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-top:15em}.featured-card__header{font-weight:700;font-size:1.2rem;opacity:.65;width:fit-content;border-bottom:5px solid var(--accent)}.featured-card__title{opacity:.9;color:var(--accent);padding:.0625em 0 .35em 0;font-weight:600;font-size:4rem}.featured-card__genres{display:flex;gap:1em;flex-wrap:wrap;text-transform:uppercase}.featured-card__genre{padding:.35em .75em;border-radius:99vw;font-weight:500;backdrop-filter:blur(10px);box-shadow:inset 0 0 10px hsla(var(--accent-secondary-hsl));background:hsla(var(--accent-secondary-hsl));color:hsla(var(--accent-hsl),.9);box-shadow:inset 0 0 2px var(--accent)}.featured-card__description{color:var(--text);line-height:1.35;margin:1em 0 2em 0;width:50ch;font-size:1.2rem;font-weight:500;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.featured-card__link{box-shadow:inset 0 0 10px hsla(var(--accent-secondary-hsl));background:hsla(var(--accent-secondary-hsl));color:hsla(var(--accent-hsl),.9);border-radius:999vw;box-shadow:inset 0 0 2px var(--accent);padding:10px 75px;gap:.5em;align-self:flex-start;display:flex;align-items:center;justify-content:center;transition:all 150ms ease-in-out}.featured-card__link:hover{background:hsla(var(--accent-hsl),.4)}.featured-card__link svg{width:24px;height:24px}.featured-card__link svg *{stroke:var(--accent)}.featured-card__image{z-index:-99;height:100%;position:absolute;left:0;right:0;top:0}.featured-card__image img{width:100%;height:100%;object-fit:cover}.featured-card__vignette{z-index:0;bottom:-1px;width:100%;position:absolute;height:100%;background:linear-gradient(to bottom,transparent 0,var(--background) 100%)}@media screen and (max-width:768px){.featured-list{margin:-.25em -2em -1em -2em}.featured-list .header{padding:2em 2em}.featured-actions{display:none}.featured-card__description{display:none}.featured-card__content{height:75vh;align-items:center;padding:6em 2.5em 4em 2.5em;background:linear-gradient(to right,var(--background-opacity-55),var(--background-opacity-15))}.featured-card__header{font-size:1rem}.featured-card__title{text-align:center;font-size:3rem;padding-bottom:0}.featured-card__genres{padding:1em 0 1.5em 0;font-size:.9rem}.featured-card__genres>:nth-of-type(n+5){display:none}.featured-card__genre{font-size:.7rem;padding:.55em .8em}.featured-card__link{width:100%;padding:.5em .5em;font-size:1rem}.featured-card__image{object-fit:contain;top:0;left:0;right:0}.featured-card__image img{object-fit:cover}}.circular-loading-indicator svg{animation:rotate 2s linear infinite}.circular-loading-indicator svg circle{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}100%{stroke-dasharray:89,200;stroke-dashoffset:-124}}:root{--status-ongoing-hsl:155,100%,50%;--status-complete-hsl:25,122%,60%;--base-color:345,66%}:root{--search-transition-time:175ms;--bar-height:4em}#root,body,html{height:100%;width:100%;scroll-behavior:smooth}body{--background-hsl:var(--base-color),3%;--background:hsl(var(--background-hsl));--background-opacity-70:hsla(var(--background-hsl), 0.7);--background-opacity-55:hsla(var(--background-hsl), 0.55);--background-opacity-35:hsla(var(--background-hsl), 0.35);--background-opacity-15:hsla(var(--background-hsl), 0.15);--background-secondary-hsl:var(--base-color),10%;--background-secondary:hsl(var(--background-secondary-hsl));--background-secondary-opacity-70:hsla(var(--background-secondary-hsl), 0.7);--background-secondary-opacity-35:hsla(var(--background-secondary-hsl), 0.35);--dialog:hsl(var(--background-secondary-hsl));--accent-hsl:var(--base-color),85%;--accent:hsl(var(--accent-hsl));--accent-secondary-hsl:var(--base-color),12%;--genre-hsl:var(--base-color),70%;--bar:var(--accent);--text:hsl(0,0,100%);--book-hover-hsl:var(--accent-hsl);overflow:overlay;margin:0}body::-webkit-scrollbar-track{margin:4px 0}body::-webkit-scrollbar{background:var(--background-secondary);width:.625em}body::-webkit-scrollbar-thumb{padding:10px 0;border-radius:5px;background:var(--accent)}body.light{--background-hsl:var(--base-color),100%;--background:hsl(var(--background-hsl));--background-opacity-70:hsla(var(--background-hsl), 0.7);--background-opacity-55:hsla(var(--background-hsl), 0.55);--background-opacity-35:hsla(var(--background-hsl), 0.35);--background-opacity-15:hsla(var(--background-hsl), 0.15);--background-secondary-hsl:var(--base-color),90%;--background-secondary:hsl(var(--background-secondary-hsl));--background-secondary-opacity-70:hsla(var(--background-secondary-hsl), 0.7);--background-secondary-opacity-35:hsla(var(--background-secondary-hsl), 0.35);--dialog:hsl(var(--background-secondary-hsl));--accent-hsl:var(--base-color),10%;--accent:hsl(var(--accent-hsl));--genre-hsl:var(--base-color),35%;--bar:var(--accent);--text:var(--base-color) 10%;--accent-secondary-hsl:var(--base-color),84%;--book-hover-hsl:var(--accent-hsl);--status-ongoing-hsl:155,100%,25%;--status-complete-hsl:25,122%,25%}body{overflow:overlay;padding:0;margin:0}#splash{display:none}*{box-sizing:border-box;font-family:Rubik;color:var(--accent)}.pointer{cursor:pointer}@media (hover:none) and (pointer:coarse){.pointer{cursor:initial;-webkit-tap-highlight-color:transparent}}.ns{user-select:none;-moz-user-select:none;-webkit-user-select:none}.chapters{align-self:stretch;padding:0 max(10%);margin-top:5em;display:flex;flex-direction:column;justify-content:flex-start}.chapters__grid{display:grid;gap:2.5em;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.chapters__text{display:none}.chapters__downBtn{padding:10px;display:flex;align-items:center;border-radius:999vw;transition:250ms all ease-in-out;background:var(--background-secondary);box-shadow:0 0 2px var(--accent);background:var(--background);padding:10px 50px;gap:.5em;font-weight:600;font-size:1.5rem;border-radius:999vw;display:grid;overflow:hidden;display:none;position:fixed;bottom:2em;right:3em}.chapters__downBtn svg{height:24px;width:24px}.chapters__downBtn svg *{stroke:var(--accent)}.chapters__downBtn:hover{background:var(--background)}.chapters__downBtn svg{height:32px;width:32px}.chapters__downBtn--shown{display:flex}.chapters__downBtn--progress{position:absolute;z-index:1;height:100%;background:var(--accent);left:0;top:0}.chapters__download{padding:10px;display:flex;align-items:center;border-radius:999vw;transition:250ms all ease-in-out;background:var(--background-secondary);box-shadow:0 0 2px var(--accent)}.chapters__download svg{height:24px;width:24px}.chapters__download svg *{stroke:var(--accent)}.chapters__download:hover{background:var(--background)}.chapters__download--selected{background:var(--accent)}.chapters__download--selected svg path{stroke:var(--background-secondary)}.chapters__download--selected:hover{background:var(--accent)}.chapters__header{font-weight:500;padding-bottom:3em;display:flex;justify-content:space-between;align-items:center}.chapters__title{font-size:3.5rem;text-transform:lowercase}.chapters__options{gap:1em;align-self:center;flex-wrap:wrap;display:flex}.chapters__sync{padding:10px;display:flex;align-items:center;border-radius:999vw;transition:250ms all ease-in-out;background:var(--background-secondary);box-shadow:0 0 2px var(--accent);background-color:var(--accent)}.chapters__sync svg{height:24px;width:24px}.chapters__sync svg *{stroke:var(--accent)}.chapters__sync:hover{background:var(--background)}.chapters__sync svg path{stroke:var(--background-secondary);transition:all 250ms ease-out;transform-origin:center;transform:rotate(0)}.chapters__sync:hover{opacity:.8;background-color:var(--accent)}.chapters__sync--off{background-color:var(--background-secondary)}.chapters__sync--off svg path{stroke:var(--accent);transform:rotate(225deg)}.chapters__sync--off:hover{opacity:.8;background-color:var(--background-secondary)}.chapters__order{padding:10px;display:flex;align-items:center;border-radius:999vw;transition:250ms all ease-in-out;background:var(--background-secondary);box-shadow:0 0 2px var(--accent)}.chapters__order svg{height:24px;width:24px}.chapters__order svg *{stroke:var(--accent)}.chapters__order:hover{background:var(--background)}.chapters__search{padding:0;font-weight:700;text-align:center;font-size:1.4rem;width:5ch;border:none;padding:10px;display:flex;align-items:center;border-radius:999vw;transition:250ms all ease-in-out;background:var(--background-secondary);box-shadow:0 0 2px var(--accent)}.chapters__search svg{height:24px;width:24px}.chapters__search svg *{stroke:var(--accent)}.chapters__search:hover{background:var(--background)}.chapters__search:hover{background:inherit}.chapters__search::-webkit-inner-spin-button,.chapters__search::-webkit-outer-spin-button{appearance:none;-webkit-appearance:none;margin:0}.chapter{opacity:.8;border-radius:999vw;font-weight:500;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:250ms all ease-in-out;box-shadow:inset 0 0 10px hsla(var(--accent-secondary-hsl));background:hsla(var(--accent-secondary-hsl));color:hsla(var(--accent-hsl),.9)}.chapter a{text-decoration:none}.chapter:hover{box-shadow:inset 0 0 10px hsla(var(--accent-hsl));background:hsla(var(--accent-hsl));color:hsla(var(--accent-secondary-hsl),.9)}.chapter--last-read{box-shadow:inset 0 0 10px hsla(var(--status-ongoing),.15);background:hsla(var(--status-ongoing),.15);color:hsla(var(--status-ongoing),.9)}.chapter--selected{box-shadow:inset 0 0 10px hsla(var(--accent-hsl));background:hsla(var(--accent-hsl));color:hsla(var(--accent-secondary-hsl),.9)}.chapter__header{width:100%;height:100%;padding:10px;text-align:center;color:inherit}@media screen and (max-width:1000px){.chapters{padding:0}.chapters__header{flex-direction:column;gap:1em;align-items:flex-start}.chapters__options{align-self:flex-start}.chapters__text{display:unset}.chapters__grid{gap:1.5em}.chapters__downBtn{flex-direction:row;align-items:center;justify-content:center;bottom:calc(var(--bar-height) + .5em);border-radius:999vw;left:1em;right:1em}.chapter{font-size:1.5rem}}.menu{padding:10px;display:flex;align-items:center;border-radius:999vw;transition:250ms all ease-in-out;background:var(--background-secondary);box-shadow:0 0 2px var(--accent);width:15ch;font-weight:500;text-transform:uppercase;position:relative;padding:.5em}.menu svg{height:24px;width:24px}.menu svg *{stroke:var(--accent)}.menu:hover{background:var(--background)}.menu__selected{padding:0 .5em;width:100%;display:flex;justify-content:space-between;align-items:center;gap:.25em}.menu__selected svg{transform:rotate(90deg)}.menu__selected svg *{stroke-width:5}.menu__sub{opacity:0;visibility:hidden;padding:.5em;height:max-content;width:15ch;overflow:hidden;border-radius:10px;box-shadow:0 0 3px 0 var(--accent);background:var(--background-secondary);z-index:999;top:-50%;left:0;right:0;position:absolute;text-align:center;flex-direction:column;transition:all 250ms ease-in-out}.menu__sub--shown{visibility:visible;opacity:1}.menu__sub:hover>.menu__items{background:var(--background-secondary)}.menu__items{transition:all 250ms ease-in-out;border-radius:10px;padding:.5em;width:100%}.menu__items:hover{background:var(--book-hover)!important}.menu__items:nth-child(n+1){margin-top:.25em}.menu__items--selected{background:var(--book-hover)}.overview{display:grid;grid-template-columns:repeat(7,1fr)}.overview__bits{height:fit-content;grid-row:1;grid-column:2/7;display:flex;gap:3em}.overview__poster{max-width:25vh;border-radius:5px}.overview__info{display:flex;flex-direction:column}.overview__title{font-weight:700;color:var(--text);line-height:1.5;vertical-align:middle;font-size:2.5rem}.overview__alt-title{max-width:60ch;font-weight:700;font-size:1rem;opacity:.5}.overview__genres{opacity:.75;max-width:80ch;flex-wrap:wrap;padding-top:1em;display:flex;gap:1em}.overview__genre{font-weight:bolder;text-transform:uppercase;padding:7px 14px;font-size:1.1rem;border-radius:999vw;box-shadow:inset 0 0 10px hsla(var(--accent-secondary-hsl));background:hsla(var(--accent-secondary-hsl));color:hsla(var(--accent-hsl),.9);box-shadow:inset 0 0 2px var(--accent)}.overview__author{width:fit-content;text-transform:uppercase;font-weight:500;overflow:hidden;border-radius:999vw;font-size:1.2rem;margin-top:1em;padding:.25em 1em;box-shadow:inset 0 0 10px hsla(var(--accent-hsl));background:hsla(var(--accent-hsl));color:hsla(var(--background-hsl),.9)}.overview__status{vertical-align:middle;display:inline;font-size:1rem;text-transform:uppercase;font-weight:700;width:fit-content;padding:6px 12px;margin:0 1em;color:var(--background);border-radius:999vw}.overview__status--ongoing{box-shadow:inset 0 0 10px hsla(var(--status-ongoing-hsl),.15);background:hsla(var(--status-ongoing-hsl),.15);color:hsla(var(--status-ongoing-hsl),.9)}.overview__status--complete{box-shadow:inset 0 0 10px hsla(var(--status-complete-hsl),.15);background:hsla(var(--status-complete-hsl),.15);color:hsla(var(--status-complete-hsl),.9)}.overview__last-updated{opacity:.8;display:flex;align-items:center;gap:.5em;font-size:1.1rem;font-weight:500;margin-top:1em;color:var(--accent);background:var(--background-secondary);padding:5px 10px;width:fit-content;border-radius:5px;text-transform:uppercase}.overview__last-updated svg :nth-child(n+3){stroke:var(--accent)}.overview__views{opacity:.8;font-weight:500;font-size:1.1rem;border-radius:5px;margin-top:1em;background:var(--background-secondary);color:var(--accent);width:fit-content;padding:5px 10px;align-items:center;display:flex;gap:.5em}.overview__views svg{fill:var(--accent)}.overview__views svg *{stroke:var(--accent);stroke-width:2px}.overview__description{height:fit-content;grid-column:2/7;grid-row:2;display:flex;flex-direction:column;color:var(--accent);border-radius:5px;padding:5px 10px;margin-top:1em;opacity:.8}.overview__description-body{line-height:2;font-weight:500;font-size:1.2rem;color:var(--text);transition:all 250ms ease-in}.overview__description-body--preview{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.overview__readmore{align-self:flex-end;width:fit-content;border-radius:5px;opacity:.6;font-weight:700;color:var(--text);transition:250ms all ease-in-out;padding:5px 10px}@media screen and (max-width:1120px){.overview__bits{grid-column:1/8}.overview__description{grid-column:1/8}.overview__title{font-size:1.75rem}.overview__author{font-size:1rem}}@media screen and (max-width:612px){.overview__info{padding-top:50%;z-index:1}.overview__bits{align-items:center;flex-direction:column}.overview__drop{top:0;width:100%;position:absolute;z-index:0}.overview__vignette{z-index:0;bottom:-1px;width:100%;position:absolute;height:100%;background:linear-gradient(to bottom,var(--background-opacity-55) 0,var(--background) 100%)}.overview__poster{max-width:unset;width:100%;height:85%}.overview__genres{padding-top:2em;opacity:unset}.overview__author{font-size:1.3rem;color:#242424}.overview__alt-title{font-size:1.2rem}.overview__title{display:flex;flex-direction:column-reverse;font-size:2.5rem}.overview__status{display:flex;margin:0}}.index{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.layout[data-mode=reader] .header{position:fixed;padding:2em 3em;left:0;right:0}.reader__actionbar{padding:10px 20px;background:#1e1e2f;border-radius:10px;z-index:1;bottom:3.5em;right:5em;position:fixed}.reader__novel{color:var(--text);max-width:80%}.reader__novel p:first-of-type{text-decoration:underline 3px;text-underline-offset:4px;margin:0 0 .5em 0;font-size:3.5rem;color:var(--accent);font-weight:700}.reader__novel p{margin:1.33em 0;font-size:1.25em;word-spacing:1.5px}.reader__pages{height:100%;width:100%;align-items:center;padding:0 0;display:flex;flex-direction:column;transition:transform 125ms ease-out}.reader__pages--none{gap:0}.reader__pages--small{gap:1.5em}.reader__pages--medium{gap:3em}.reader__pages--horizontal{flex-direction:row}.reader__pages-wrapper{position:relative}.reader__pages-wrapper--horizontal{overflow:hidden}.reader__img-wrapper{display:flex;justify-content:center;min-width:100%}.reader__page{object-fit:contain}.reader__page-indicator{height:100%;position:fixed;display:grid;grid-auto-rows:1fr;grid-auto-flow:row;gap:.1em;left:0;bottom:0;transition:all 125ms ease-out;margin-left:-100px;transition:all 250ms ease-in-out;background:linear-gradient(to right,var(--background),transparent)}.reader__page-indicator--visible{margin-left:unset}.reader__indicator{font-weight:500;display:flex;align-items:center;justify-content:center;border-left:solid var(--accent);width:0;overflow:hidden;text-align:center;opacity:.5;transition:all 250ms ease-in-out}.reader__indicator:hover{opacity:1;width:clamp(2ch,3ch,5ch)}.reader__indicator--visible{opacity:1;width:clamp(2ch,3ch,5ch);border-block-color:var(--accent);color:var(--accent)}@media screen and (max-width:768px){.layout[data-mode=reader]{padding:.25em 0}.layout[data-mode=reader] .header{padding-right:2em;padding-left:2em;padding-bottom:4em}.layout[data-mode=reader] .reader__novel{max-width:90%}.layout[data-mode=reader] .reader__novel p:first-of-type{font-size:2rem}}.reader-options{z-index:9;position:fixed;bottom:3em;right:3em;padding:10px;gap:.5em;background:hsl(var(--accent-secondary-hsl));border-radius:10px;box-shadow:0 0 3px 0 var(--accent);display:flex;max-height:25%;flex-direction:column;transition:250ms all ease-in-out;visibility:visible}.reader-options::-webkit-scrollbar-track{margin:4px 0}.reader-options::-webkit-scrollbar{background:var(--background-secondary);width:.625em}.reader-options::-webkit-scrollbar-thumb{padding:10px 0;border-radius:5px;background:var(--accent)}.reader-options--hidden{opacity:0;visibility:hidden}.reader-options__chapters{display:grid;grid-template-columns:repeat(4,auto)}.reader-options__navigation{display:flex;border-radius:10px;align-items:center;background:var(--background);gap:.5em}.reader-options__chapter{opacity:.75;padding:10px 15px;font-size:1.3rem;font-weight:400}.reader-options__panel{display:flex;gap:1em;padding:.75em;border-radius:10px;justify-content:flex-start}.reader-options__panel svg{height:1.25em;width:1.25em}.reader-options__panel path{stroke:var(--accent);opacity:.75}.reader-options__panel>div{transition:125ms all ease-out}.reader-options__panel>div:hover{transform:translateY(-2px)}.reader-options__page-margin--hidden{pointer-events:none;opacity:.7}.reader-options__next{--nav:var(--bar);padding:1em;display:flex;align-items:center;justify-content:center;transition:250ms all ease-in-out;border-top-right-radius:10px;border-bottom-right-radius:10px}.reader-options__next:hover{background:var(--nav)}.reader-options__next svg{max-width:100%;max-height:100%}.reader-options__next svg *{stroke:var(--accent)}.reader-options__next--disabled{pointer-events:none;opacity:.2}.reader-options__previous{--nav:var(--bar);padding:1em;display:flex;align-items:center;justify-content:center;transition:250ms all ease-in-out;border-top-left-radius:10px;border-bottom-left-radius:10px}.reader-options__previous:hover{background:var(--nav)}.reader-options__previous svg{max-width:100%;max-height:100%}.reader-options__previous svg *{stroke:var(--accent)}.reader-options__previous--disabled{pointer-events:none;opacity:.2}.reader-options__zoom{background:var(--background);box-shadow:inset 0 0 3px var(--accent);-webkit-appearance:none;border-radius:999vw;width:100%;padding:7px;outline:0}.reader-options__zoom::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;border-radius:50%;width:25px;height:25px;opacity:.8;background:var(--accent)}.chapter-options{padding:20px;border-radius:10px;background-color:var(--background);overflow-y:scroll;display:flex;flex-direction:column;height:40%;width:40%;box-shadow:0 -1px 100px var(--background-secondary)}.chapter-options::-webkit-scrollbar-track{margin:4px 0}.chapter-options::-webkit-scrollbar{background:var(--background-secondary);width:.625em}.chapter-options::-webkit-scrollbar-thumb{padding:10px 0;border-radius:5px;background:var(--accent)}.chapter-options__backdrop{transition:350ms all ease-in;z-index:9999;display:flex;justify-content:center;align-items:center;position:fixed;opacity:1;top:0;left:0;height:100%;width:100%;visibility:visible;background:hsla(var(--background-secondary-hsl),.8)}.chapter-options__backdrop--hidden{opacity:0;visibility:hidden}.chapter-options__chapters{display:grid;gap:1em;align-items:center;grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.chapter-options__header{font-size:1.5rem;font-weight:700;margin-bottom:10px}.chapter-options__chapter{justify-content:center;display:flex;background:var(--background-secondary);padding:10px;border-radius:999vw;justify-content:center}.chapter-options__chapter--current,.chapter-options__chapter--lastread{background:var(--accent);color:var(--background-secondary)}@media screen and (max-width:768px){.reader-options{--position:2em;bottom:calc(var(--bar-height) + 2em);left:var(--position);right:var(--position)}.reader-options__navigation{align-self:center}.chapter-options{align-self:flex-end;height:50%;width:100%;transform:translateX(0)}.chapter-options__backdrop--hidden .chapter-options{transform:translateY(100%)}}.tooltip{position:relative}.tooltip:hover .tooltip__text{opacity:1;visibility:visible}.tooltip__text{height:max-content;border-radius:5px;opacity:0;transition:250ms all ease-in-out;padding:5px 10px;width:max-content;background:var(--background-secondary);border:.1px solid var(--accent);bottom:calc(100% + 8px);left:0;font-size:.8rem;font-weight:500;z-index:999;visibility:hidden;position:absolute}.cpicker{display:flex;flex-wrap:wrap;gap:1em}.cpicker__item{padding:1.5em;border-radius:999vw;border:2px solid transparent;transition:all 250ms ease}.cpicker__item--selected{border-color:var(--accent)}.settings__button{display:flex;justify-content:center;align-items:center;text-decoration:none;border-radius:5px;text-transform:uppercase;font-weight:bolder;padding:.75em 1.5em;background:var(--background);color:var(--accent);transition:all 250ms ease-in-out;border:3px solid var(--accent)}.settings__button:hover{color:var(--background);background:var(--accent)}.settings__button--fit{width:fit-content}.settings__button--success{box-shadow:inset 0 0 10px hsla(var(--status-ongoing-hsl),.15);background:hsla(var(--status-ongoing-hsl),.15);color:hsla(var(--status-ongoing-hsl),.9);border:3px solid hsl(var(--status-ongoing-hsl))}.settings__button--success:hover{box-shadow:inset 0 0 10px hsla(var(--status-ongoing-hsl),.15);background:hsla(var(--status-ongoing-hsl),.15);color:hsla(var(--status-ongoing-hsl),.9);filter:brightness(80%)}.settings__sub{margin-top:1em;padding-left:2em;display:flex;flex-direction:column;gap:1.5em}.settings__restrictions{display:flex;flex-wrap:wrap}.settings__subheader{font-size:2rem;font-weight:600;padding-bottom:.5em;border-bottom:2px solid hsla(var(--accent-hsl),.5)}.settings__subcontent{display:flex;flex-direction:column;gap:2em;padding-left:2em}.settings__item{border-left:5px solid var(--text);display:flex;flex-direction:column;gap:1em}.settings__item__text{display:flex;flex-direction:column;gap:.125em}.settings__item__header{font-size:1.5rem;font-weight:600}.settings__item__description{opacity:.75}.settings__restrictions{display:flex;gap:1em}@media screen and (max-width:768px){.settings{padding-left:0}.settings__button{font-size:.8rem}.settings__header{font-size:1.5rem}.settings__sub{padding-left:0}.settings__subheader{font-size:1.8rem}.settings__subcontent{padding-left:0}.settings__item{flex-direction:column;gap:1em}.settings__item__header{font-size:1.2rem}.settings__item__description{font-size:.9rem}}.fourzerofour{display:flex;flex:.7;align-items:center;justify-content:center;opacity:.9;font-weight:500}.fourzerofour__header{display:flex;flex-direction:column;font-size:4rem;gap:.25em}.fourzerofour__subtitle{opacity:.7;font-size:1.4rem}.fourzerofour__subtitle a{box-shadow:inset 0 0 10px hsla(var(--status-ongoing-hsl),.15);background:hsla(var(--status-ongoing-hsl),.15);color:hsla(var(--status-ongoing-hsl),.9);padding:.5em;border-radius:999vh;text-decoration:none;transition:all 250ms ease-in}.fourzerofour__subtitle a:hover{filter:brightness(70%)}@media screen and (max-width:768px){.fourzerofour__header{font-size:3rem;gap:.5em}}