:root{--font-color:#333;--bg-color:#fff;--contrast-color:#f5f5f5;--borders-color:#bfbfbf}[data-theme=dark]{--font-color:#e0e0e0;--bg-color:#1a1a1a;--contrast-color:#2a2a2a;--borders-color:#444}body{color:var(--font-color);background-color:var(--bg-color);text-align:center;font-family:-apple-system,"system-ui",Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background-color .3s,color .3s}.dark-mode-toggle{z-index:100;width:36px;height:36px;color:var(--font-color);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex;position:absolute;top:12px;right:12px}[data-theme=dark] header img:not(.profile-picture),[data-theme=dark] footer img{filter:invert()}main{margin:1px auto}header{border-bottom:var(--borders-color) 1px solid;max-width:912px;margin:0 auto;padding-top:1vh;padding-bottom:1vh}header h1{margin:.5rem 0;font-size:clamp(1.75rem,6vw,3rem);font-weight:700;line-height:1.2}header p{margin:.5rem 0;font-size:clamp(1.125rem,4vw,1.5rem);line-height:1.4}.profile-picture{border-radius:50%;width:100px;height:100px}.container{margin:0 auto;padding-top:1vh}.counter{margin-top:1px}.color-filter-outer{margin:.5rem 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 14% 86%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 14% 86%,#0000 100%)}.color-filter-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px 0;overflow-x:auto}.color-filter-scroll::-webkit-scrollbar{display:none}.color-filter-track{align-items:center;width:max-content;display:flex}.color-bar-segment,.color-bar-all{cursor:pointer;border-radius:3px;flex-shrink:0;width:38px;height:24px;transition:box-shadow .15s}.color-bar-segment.selected,.color-bar-all.selected{z-index:1;border-radius:4px;box-shadow:0 2px 6px #0000004d}.gallery{grid-template-columns:repeat(3,1fr);gap:2px;max-width:912px;margin:2vh auto 0;padding-top:1vh;padding-bottom:2vh;display:grid}.gallery-item{cursor:pointer;display:block;position:relative}.gallery-image{aspect-ratio:1;object-fit:cover;vertical-align:top;width:100%}dialog.lightbox{touch-action:none;z-index:9999;width:100%;max-width:100%;height:100%;max-height:100%;color:var(--font-color);background:0 0;border:none;margin:0;padding:0;position:fixed}dialog.lightbox::backdrop{-webkit-backdrop-filter:blur(15px);background-color:#000}dialog.lightbox img{object-fit:contain;width:auto;max-width:min(98vw,100%);height:auto;max-height:min(98vh,100%);margin:0 -50% 0 0;padding:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}button.slideshow-nav{color:var(--contrast-color);z-index:999999;cursor:pointer;opacity:.8;background-color:#0000004d;border:none;border-radius:12px;padding:5px 10px;font-size:10vw;position:fixed}@media screen and (width>=750px){button.slideshow-nav{font-size:36px}}button.slideshow-nav:hover{opacity:1}button.close{padding:0 10px 5px 12px;top:1%;right:1%}button.prev,button.next{top:90%;transform:translateY(-50%)}button.prev{left:5.2%}button.next{right:5.2%}.swipe-hint{z-index:9999999;color:#fff;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.swipe-hint-arrows{grid-template-areas:".up.""left hand right"".down.";place-items:center;gap:8px;display:grid}.swipe-arrow{opacity:.8;font-size:2rem}.swipe-arrow.up{grid-area:up}.swipe-arrow.down{grid-area:down}.swipe-arrow.left{grid-area:left}.swipe-arrow.right{grid-area:right}.swipe-hand{opacity:.7;filter:grayscale()brightness(10);grid-area:hand;font-size:3rem}.swipe-hint-text{opacity:.8;margin-top:1.5rem;font-size:1rem}@media (pointer:coarse){button.prev,button.next,button.close{display:none}}footer{text-align:center;border-top:var(--borders-color) 1px solid;max-width:912px;color:var(--borders-color);flex-flow:wrap;margin:0 auto;padding-top:1vh;padding-bottom:1vh;display:flex}.footer-source{text-align:center;color:var(--borders-color)}.footer-source>a{color:var(--borders-color)}.commit-id{color:var(--borders-color);opacity:.6;margin-top:.25rem;font-size:.7rem}footer>div{flex:50%}.ptr-indicator{z-index:200;background-color:var(--contrast-color);opacity:0;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .25s,opacity .25s;display:flex;position:fixed;top:-44px;left:50%;transform:translate(-50%);box-shadow:0 1px 4px #0003}.ptr-indicator.ptr-pulling{transition:none}.ptr-spinner{border:2px solid var(--borders-color);border-top-color:var(--font-color);border-radius:50%;width:18px;height:18px}.ptr-indicator.ptr-refreshing .ptr-spinner{animation:.7s linear infinite ptr-spin}@keyframes ptr-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ptr-indicator.ptr-refreshing .ptr-spinner{animation:none}}