/* HONGPHOT.COM  — Stability + Minimal UI overrides */
:root{--s8hp-safe-bottom:env(safe-area-inset-bottom,0px);--s8hp-safe-top:env(safe-area-inset-top,0px);--s8hp-app-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
html{min-height:100%;overflow-x:hidden}
body.s8ts-body,body.s8tr-body{font-family:var(--s8hp-app-font)!important;text-rendering:optimizeLegibility;overflow-x:hidden}
body.s8ts-body button,body.s8ts-body input,body.s8ts-body textarea,body.s8ts-body select,body.s8tr-body button,body.s8tr-body input,body.s8tr-body textarea,body.s8tr-body select{font-family:inherit!important}
html.s8ts-lock{overflow:hidden!important;overscroll-behavior:none}
html:not(.s8ts-lock) body.s8ts-body{overflow-y:auto!important;overscroll-behavior-y:auto}
.s8ts-modal-card{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.s8ts-topbar,.s8tr-topbar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.s8ts-post,.s8ts-compose-card,.s8ts-sidebox,.s8ts-left-card,.s8tr-card{box-shadow:0 6px 20px rgba(28,64,107,.055)!important}
.s8ts-post:hover{transform:none!important}.s8ts-filter-tabs,.s8ts-leftnav,.s8ts-rightbar,.s8tr-sidebar{-webkit-overflow-scrolling:touch}
.s8ts-filter-tabs{scrollbar-width:none}.s8ts-filter-tabs::-webkit-scrollbar{display:none}
.s8ts-media-item img,.s8ts-media-item video{content-visibility:auto}.s8ts-post{contain:layout style paint}.s8ts-post.comments-open{contain:none}
.s8hp-submitting button[type="submit"],.s8hp-submitting input[type="submit"]{pointer-events:none;opacity:.68}.s8hp-navigating{cursor:progress}.s8hp-touch-active{transform:scale(.985)!important}
@media(max-width:860px){body.s8tr-body{background:#f3f7fb!important}.s8tr-sidebar{position:sticky!important;top:0;z-index:45;max-height:none!important;overflow:visible!important;box-shadow:0 7px 24px rgba(4,18,38,.08)!important}.s8tr-nav{overflow-x:auto!important;overscroll-behavior-x:contain;scroll-snap-type:x proximity}.s8tr-nav a{scroll-snap-align:start}}
@media(max-width:820px){body.s8ts-body{background:#f4f7fb!important;padding-bottom:var(--s8hp-safe-bottom)}.s8ts-topbar{top:0!important;height:58px!important;padding-top:var(--s8hp-safe-top)!important;background:#fff!important;box-shadow:0 1px 0 #e6edf5!important}.s8ts-layout{padding-left:7px!important;padding-right:7px!important;padding-bottom:calc(78px + var(--s8hp-safe-bottom))!important}.s8ts-post,.s8ts-compose-card{border-radius:15px!important}.s8ts-post{margin-bottom:10px!important}.s8ts-filter-tabs{top:58px!important;background:#f4f7fb!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.s8ts-modal{padding:0!important;align-items:flex-end!important}.s8ts-modal-backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(5,17,33,.58)!important}.s8ts-modal-card,.s8ts-modal-card.compose-modal,.s8ts-modal-card.profile-modal{width:100%!important;max-width:none!important;max-height:calc(var(--s8hp-vh,100dvh) - 10px)!important;border-radius:20px 20px 0 0!important;box-shadow:0 -10px 35px rgba(5,17,33,.16)!important;padding-bottom:calc(14px + var(--s8hp-safe-bottom))!important}.s8hp-form-submit{bottom:calc(-12px - var(--s8hp-safe-bottom))!important}.s8ts-social-toast{bottom:calc(82px + var(--s8hp-safe-bottom))!important}}
@media(max-width:560px){.s8tr-content{padding:8px!important}.s8tr-card{border-radius:14px!important;padding:13px!important}.s8tr-hero{border-radius:16px!important;box-shadow:0 8px 24px rgba(6,43,83,.10)!important}.s8tr-nav a{min-width:148px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
