*,*:before,*:after{box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;line-height:1.6;max-width:42rem;padding:1rem 1.5rem;margin:0 auto}h1{margin-top:0}nav{display:flex;gap:1.5rem;padding:1rem 0;border-bottom:1px solid #ddd;margin-bottom:2rem}nav a{color:inherit;text-decoration:none}nav a:hover{text-decoration:underline}nav a.active{font-weight:700}.blog-list{list-style:none;padding:0}.blog-list li{margin-bottom:.75rem}.blog-list a{color:inherit}main img{cursor:pointer}main img,main video{width:100%;height:auto;border-radius:.5rem}.unpro-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:1.5rem 0 .5rem}@media(max-width:500px){.unpro-photo-grid{grid-template-columns:1fr}}.unpro-placeholder{background:#ccc;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;color:#666;font-size:.8rem}.unpro-caption{font-size:.85rem;color:#555;margin-bottom:1.5rem}.unpro-compare{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:pan-x pan-y pinch-zoom;margin:1.5rem 0 0}.unpro-compare img{-webkit-touch-callout:none;pointer-events:none}.unpro-compare figcaption{font-size:.85rem;color:#555;margin-top:.25rem;margin-bottom:1.5rem}.lunar-playground{position:relative;left:50%;transform:translate(-50%);width:100vw}.lunar-playground canvas{display:block;width:min(100%,calc(16/9*(100vh - 7rem)));height:calc(100vh - 7rem);margin:0 auto;image-rendering:pixelated}