:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft JhengHei",sans-serif;background:#121212;color:#eee}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:disabled{opacity:.25;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #aaa;outline-offset:3px}
#viewport{position:fixed;inset:0;display:flex;overflow:auto;scrollbar-width:thin;scrollbar-color:#454545 transparent;touch-action:pan-y pinch-zoom;overscroll-behavior:contain}
#viewport.zoomed{touch-action:pan-x pan-y pinch-zoom;cursor:grab}#viewport.dragging{cursor:grabbing}#image{display:block;flex:none;margin:auto;max-width:none;max-height:none;user-select:none;-webkit-user-drag:none;cursor:zoom-in}#viewport.zoomed #image{cursor:inherit}#image[hidden]{display:none}
#status{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);max-width:calc(100% - 110px);text-align:center;color:#aaa;font-size:14px;line-height:1.7}#status[hidden]{display:none}
.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;background:transparent;color:#ddd;cursor:pointer;text-decoration:none;border-radius:50%;font-size:17px}.icon-button[hidden]{display:none}.icon-button:hover:not(:disabled){color:#fff;background:#ffffff12}.back,.arrow,.tools{background:#191919db;border:1px solid #ffffff1a}.back{position:fixed;top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));width:36px;height:36px;font-size:16px}#counter{position:fixed;top:max(24px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);font-size:12px;font-variant-numeric:tabular-nums;color:#aaa;text-shadow:0 1px 4px #000;pointer-events:none}.arrow{position:fixed;top:50%;transform:translateY(-50%);width:44px;height:44px;font-size:19px}.previous{left:max(14px,env(safe-area-inset-left))}.next{right:max(14px,env(safe-area-inset-right))}.tools{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;padding:5px;border-radius:26px}.tools .icon-button:last-child{border-top:1px solid #ffffff1a;border-radius:0 0 20px 20px;margin-top:3px;padding-top:3px}
noscript{position:fixed;top:50%;left:20px;right:20px;text-align:center}
@media(max-width:600px){.arrow{width:36px;height:44px;background:#19191999;border-color:#ffffff0d}.previous{left:8px}.next{right:8px}.tools{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}.back{top:max(12px,env(safe-area-inset-top));left:12px}}