body{margin:0;overflow-y:scroll}#app{--page-background:#fff;--page-background-hover:#cfcfcf;--page-foreground:#000;--page-foreground-hover:#373b3e;--app-accent:#137a7f;--app-background-opacity:#86cecbdd;--app-background:#86cecb;--app-foreground:#373b3e;--plyr-audio-control-color:var(--app-foreground);--plyr-audio-controls-background:transparent;--plyr-color-main:var(--app-accent);--plyr-menu-color:var(--app-foreground);background-color:var(--page-background);color:var(--page-foreground);font-family:Avenir,Helvetica,Arial,sans-serif}#app.dark{--page-background:#1b1b1b;--page-background-hover:#383838;--page-foreground:#fff;--page-foreground-hover:#ececec;--app-accent:#e12885;--app-background-opacity:#c00077dd;--app-background:#c00077;--app-foreground:#fdfbee}#app.amoled{--page-background:#000;--page-background-hover:#2b2b2b;--page-foreground:#cacaca;--page-foreground-hover:#cacaca;--app-accent:#3c3c3c!important;--app-background-opacity:#000000dd!important;--app-background:#0e0e0e!important;--app-foreground:#cacaca!important}.closebtn,.gotobtn{border-radius:5px;border:1px solid var(--page-background-hover);color:inherit;cursor:pointer;height:1.5em;line-height:1.5em;padding:0 .8em;text-align:center;text-decoration:none;width:-moz-fit-content;width:fit-content}.closebtn:hover,.gotobtn:hover{background-color:var(--page-background-hover);color:var(--page-foreground-hover)}.closebtn{align-self:flex-end;margin-top:.5em}header{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:var(--app-background);background-color:var(--app-background-opacity);box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);color:var(--app-foreground);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top);position:sticky;top:0;transition:all .1s ease-out;z-index:50}header .main-header,header .main-header .title{align-items:center;display:flex}header .main-header .title{flex-grow:1}header .main-header .title .logo{opacity:0;transition:opacity .5s;vertical-align:-.5em}header .main-header .title h1{cursor:default;display:inline-block;margin:6px 0 0}header .main-header .title h1 span{display:none}header .main-header .buttons{margin-right:10px;text-align:right}header .main-header .buttons a{border-radius:5px;border:1px solid var(--page-background-hover);color:inherit;cursor:pointer;display:inline-block;height:1.5em;line-height:1.6em;margin-left:5px;text-align:center;text-decoration:none;width:1.5em}header .main-header .buttons a:hover{background-color:var(--page-background-hover);color:var(--page-foreground-hover)}header .main-header .buttons a.update{padding:0 .4em;width:auto}header .main-header .buttons a .feather{vertical-align:-2px}header.overlay-header{padding-top:env(titlebar-area-height,64px)}header.overlay-header .main-header{background-color:#137a7f;color:#fff;position:fixed;left:env(titlebar-area-x,0);top:env(titlebar-area-y,0);width:env(titlebar-area-width,100%);height:env(titlebar-area-height,64px);-webkit-app-region:drag;app-region:drag}header.overlay-header .main-header .title h1{font-size:1.1em;margin:1px 6px 0}header.overlay-header .main-header .title .logo{width:auto;height:env(titlebar-area-height,64px)}header.overlay-header .main-header .buttons{-webkit-app-region:no-drag;app-region:no-drag}main{padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left)}footer{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:var(--app-background);background-color:var(--app-background-opacity);bottom:0;box-shadow:0 -4px 8px 0 rgba(0,0,0,.2),0 -6px 20px 0 rgba(0,0,0,.19);color:var(--app-foreground);font-size:.8em;padding:6px;padding-bottom:calc(env(safe-area-inset-bottom) + 6px);position:fixed;text-align:center;transition:all .1s ease-out;width:calc(100% - 12px);z-index:50}footer.copy--hidden{box-shadow:none;transform:translate3d(0,100%,0)}footer span{display:inline-block}.error{background-color:red;color:#fff}.error,.loading{font-size:xx-large;font-weight:700;padding:1em;text-align:center}.loading{color:#d3d3d3}.nav{height:45px;padding:1em}.nav,.nav .Pagination{align-items:center;display:flex}.nav .Pagination{flex-flow:row;flex-grow:1;flex-wrap:wrap;list-style-type:none;margin:0 1em 0 0;padding:0}.nav .Pagination .PaginationControl{align-items:center;display:flex}.nav .Pagination .PaginationControl .Control{display:block;fill:var(--page-foreground);height:18px;margin:0 2px;opacity:.25;position:relative;transition:opacity .2s ease-in-out;width:18px}.nav .Pagination .PaginationControl .Control.Control-active{cursor:pointer;opacity:1}.nav .Pagination .PaginationControl .Control.Control-active:hover{opacity:.5}.nav .Pagination .Page{display:flex;align-items:center;justify-content:center;width:22px;height:22px;margin:0 2px;color:var(--page-foreground);background-color:transparent;font-size:14px;border-radius:3px;box-sizing:border-box;border-color:transparent;cursor:pointer;outline:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav .Pagination .Page:hover{border:1px solid var(--page-background-hover)}.nav .Pagination .Page.Page-active{border:1px solid var(--page-foreground)}.nav .Pagination .DotsHolder{align-items:center;box-sizing:border-box;display:flex;height:22px;justify-content:center;margin:0 2px;width:22px}.nav .Pagination .DotsHolder .Dots{fill:var(--page-background-hover);height:4px;width:8px}.nav.nav-top{padding-bottom:0}.nav.nav-bottom{padding-bottom:calc(env(safe-area-inset-bottom) + 2em)}@media screen and (min-width:530px){header .main-header .title h1 span{display:inline-block}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}