.hhcg-dialog{box-sizing:border-box;width:min(1180px,calc(100vw - 28px));height:min(84dvh,780px);max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:0;border:1px solid #ffffff40;border-radius:12px;background:#202020;color:#fff;box-shadow:0 10px 60px #0008;overflow:hidden}.hhcg-dialog[open]{display:flex;flex-direction:column}.hhcg-dialog::backdrop{background:#0009}.hhcg-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 8px 6px 16px;min-height:52px;box-sizing:border-box;background:#202020;color:#fff}.hhcg-heading h3{font:500 14px/1.5 system-ui;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}.hhcg-dialog button,.hhcg-dialog a{box-sizing:border-box;font-family:system-ui,sans-serif;text-decoration:none;cursor:pointer;touch-action:manipulation}.hhcg-close{flex-shrink:0;min-width:70px;min-height:40px;border:0;border-radius:6px;padding:6px 10px;background:#ffffff14;color:#fff;font:14px/1.5 system-ui}.hhcg-screen{position:relative;flex:1;min-height:0;min-width:0;width:100%;background:#202020;overflow:hidden}.hhcg-image-area{position:absolute;inset:0 0 88px;display:flex;align-items:center;justify-content:center;touch-action:pan-y pinch-zoom;user-select:none}.hhcg-image-area img{display:block;width:100%;height:100%;object-fit:contain;margin:0;pointer-events:none}.hhcg-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:48px;border:1px solid #ffffff40;border-radius:8px;background:#20202099;color:#fff;font:28px/1 system-ui;z-index:2}.hhcg-prev{left:10px}.hhcg-next{right:10px}.hhcg-dialog [hidden]{display:none!important}.hhcg-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;padding:10px 14px;background:#202020ed;border:1px solid #ffffff30;border-radius:8px;color:#fff;font:13px/1.5 system-ui;text-align:center;max-width:calc(100% - 70px)}.hhcg-quote{position:absolute;z-index:3;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:3px;min-width:84px;padding:9px 13px;border:1px solid #ffffff25;border-radius:14px;background:#20202080;color:#d7efbb;font:11px/1.5 system-ui;backdrop-filter:blur(5px);box-shadow:0 2px 12px #0002}.hhcg-quote svg{width:22px;height:22px;fill:currentColor}.hhcg-quote:hover{background:#5fa826b8;color:#fff}.hhcg-more{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:8px 10px;color:#fff;background:#ffffff10;border-radius:8px;font:12px/1.5 system-ui}.hhcg-counter{position:absolute;left:16px;bottom:max(30px,env(safe-area-inset-bottom));color:#ddd;font:12px/1.5 system-ui;margin:0}.hhcg-dialog :is(button,a):focus-visible{outline:3px solid #f60;outline-offset:2px}html:has(.hhcg-dialog[open]){overflow:hidden}@media(max-width:767px){.hhcg-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:8px}.hhcg-heading{padding-left:10px}.hhcg-nav{width:40px;height:44px}.hhcg-prev{left:6px}.hhcg-next{right:6px}.hhcg-more{right:10px;padding:8px;font-size:12px}.hhcg-counter{left:12px}}.hhcg-has-thumbs .hhcg-image-area{bottom:156px}.hhcg-thumbs{position:absolute;left:12px;right:12px;bottom:86px;height:60px;display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#fff5 #fff0;padding:3px;touch-action:pan-x;box-sizing:border-box}.hhcg-thumb{flex:0 0 48px;width:48px;height:52px;padding:0;border:2px solid #fff0;border-radius:5px;overflow:hidden;background:#333;color:#fff}.hhcg-thumb img{display:block;width:100%;height:100%;object-fit:cover}.hhcg-thumb[aria-current=true]{border-color:#98c652;box-shadow:0 0 0 1px #98c65255}.hhcg-thumb:focus-visible{outline:2px solid #f60;outline-offset:1px}