:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:#080b0f;color:#eeeee7;font:15px/1.5 Arial,sans-serif}body{height:100vh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:env(safe-area-inset-top,0px) 8px env(safe-area-inset-bottom,0px)}a{color:inherit;text-decoration:none;padding:12px;min-height:44px}a:focus-visible{outline:2px solid #d5ff76;outline-offset:-2px}.image-close{justify-self:end}main{min-height:0}figure{margin:0;height:100%;display:flex;flex-direction:column;gap:12px}.image-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-stage img{display:block;max-width:100%;max-height:100%;object-fit:contain}figcaption{max-height:22dvh;overflow:auto;text-align:center;padding:0 10px;font-size:13px}figcaption p{margin:6px 0}nav{display:flex;gap:16px;justify-content:center;align-items:center;padding:8px 0}nav span{font-size:12px;color:#b3b8bb}