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