:root{--vw: 100vw;--vh: 100vh;--max-width: calc(var(--vw));--min-width: 300px;--font-family: "Alexandria", serif;--header-height: 60px;--footer-height: 0px;--scroll-width: 0px;--side-padding-left: 40px;--side-padding-right: calc(var(--side-padding-left) + var(--scroll-width));--title-height: 60px;--icon-tray-height: 50px;--header-color: #f0f0f0;--background-color: #f0f0f0;--base-width: 300px;--image-aspect: 1/1;--image-height: calc(var(--base-width) / max(var(--image-aspect), 1));--image-width: calc(var(--base-width) * min(var(--image-aspect), 1));--image-gap: 25px;--row-height: calc(var(--image-height) + var(--image-gap));--row-count: 10;--translate-y: calc(-1 * var(--row-count) * var(--row-height));--dummy-height: 1400000px;--image-rendering: pixelated}html{overflow-y:scroll}body{margin:0;padding:0;height:100%;scrollbar-width:none;-ms-overflow-style:none;min-width:var(--min-width);background:var(--background-color)}body::-webkit-scrollbar{display:none}@media (max-width: 1000px){:root{--base-width: 250px;--image-gap: 20px}}@media (max-width: 830px){:root{--base-width: 200px}}@media (max-width: 680px){:root{--base-width: 173px}}@media (max-width: 600px){:root{--base-width: 80vw;--image-gap: 10vw}}header{position:fixed;top:0;min-width:var(--min-width);width:var(--max-width);height:var(--header-height);background-color:var(--header-color);border-bottom:1px solid #ccc;z-index:100}header h1{white-space:nowrap;margin-top:4px;margin-bottom:0;height:calc(var(--title-height) - 4px);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;color:var(--header-text-color);font-family:var(--font-family);font-optical-sizing:auto;font-weight:800;font-style:normal;font-size:42px;padding-left:var(--side-padding-left)}.row-box{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-weight:600}.icon-tray{display:flex;flex-direction:row;gap:10px;padding-right:var(--side-padding-right)}@media only screen and (max-width: 750px){:root{--header-height: calc(var(--title-height) + var(--icon-tray-height));--side-padding-left: 0px;--side-padding-right: 0px}header .row-box{flex-direction:column}.title{font-size:38px}.row-box{gap:7px}}@media only screen and (max-width: 600px){:root{--title-height: 42px}.title{font-size:30px;padding-left:0}}@media only screen and (max-width: 400px){:root{--title-height: 38px}.title{font-size:28px;padding-left:0}}.modal{position:fixed;z-index:1000;left:0;top:0;width:var(--vw);height:var(--vh);font-family:var(--font-family)}.modal-background{position:fixed;left:0;top:0;width:var(--vw);height:var(--vh);background-color:#00000080;font-family:var(--font-family)}.modal-title{font-size:18px}.hidden{display:none}.modal-content{background-color:var(--background-color);color:#000;margin:var(--header-height) auto;padding:20px 40px;min-height:150px;width:300px;text-align:center;position:relative;border-radius:6px}.close-modal{font-size:2rem;font-weight:700;position:absolute;top:10px;right:15px;cursor:pointer}a{cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}svg{pointer-events:none;height:25px;background:none;border:none;cursor:pointer;padding-top:10px;padding-bottom:10px}.settings-btn{background:none;border:none;cursor:pointer;padding:0}.settings-btn svg{transition:transform .3s ease,filter .3s ease}.settings-btn:hover svg{transform:rotate(30deg)}.settings-btn img{transition:transform .3s ease,filter .3s ease}.settings-btn:hover img{transform:rotate(30deg)}@media (hover: hover) and (pointer: fine){a:hover svg{opacity:.5}a:hover img{opacity:.5}button:hover svg{opacity:.5}button:hover img{opacity:.5}}.settings-container{display:flex;flex-direction:column;align-items:flex-start;gap:14px;width:100%}.settings-form{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-between}.slider-row{display:flex;flex-direction:row;align-items:center;gap:10px}.slider-row input[type=range]{flex:1}.number-input{width:48px;padding:4px 6px;font-size:14px;text-align:center;border:1px solid #c8c8c8;border-radius:4px;background-color:#fafafa}.number-input:focus{outline:2px solid #007aff}.settings-form label{flex-shrink:0;margin-right:10px;font-size:14px;font-weight:500}.carousel{position:fixed;top:var(--header-height);left:0;width:100%;height:100vh;overflow:hidden;z-index:100}.carousel-track{display:flex;flex-direction:column;animation:scroll 1s linear infinite paused;user-select:none}.carousel-slide{padding-top:var(--image-gap);box-sizing:border-box;flex:0 0 var(--row-height);width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:2rem;min-height:calc(50px + var(--image-gap));max-height:50vh;gap:var(--image-gap)}.carousel-slide a{position:absolute;z-index:1;color:#fff;text-shadow:1px 1px 2px black}.hidden-slide{opacity:0}@keyframes scroll{0%{transform:translateY(0)}to{transform:translateY(var(--translate-y))}}.dummy{height:var(--dummy-height)}@media (max-width: 600px){.carousel-slide{flex-direction:column}}.carousel-card{position:relative;width:var(--base-width);height:var(--image-height);overflow:hidden}.carousel-img{position:absolute;top:0;left:50%;width:var(--image-width);height:var(--image-height);transform:translate(-50%);image-rendering:var(--image-rendering);opacity:1}.carousel-img.is-hidden{opacity:0}@media (max-width: 600px){.carousel-card{width:var(--image-width);height:var(--image-height);flex:0 0 auto}.carousel-img{width:var(--image-render-width);height:var(--image-height);left:50%;transform:translate(-50%)}}.loading-skeleton{position:absolute;top:calc(var(--image-height) * .05);left:50%;width:calc(var(--image-width) * .9);height:calc(var(--image-height) * .9);transform:translate(-50%);border-radius:calc(var(--image-width) * .05);background-color:#0000002d;animation:fadeBackground .4s infinite alternate}.loading-skeleton.is-hidden{opacity:0}.loading-skeleton.is-error{background-color:#df8e8ebe;animation:unset}@keyframes fadeBackground{0%{background-color:#0000002d}to{background-color:#0000001a}}@media (max-width: 600px){.loading-skeleton{left:50%;width:calc(var(--image-render-width) * .9);height:calc(var(--image-height) * .9);transform:translate(-50%)}}