:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#111;color:#fff}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden}
.nails-feed{width:100%;height:100vh;height:100dvh;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none;outline:none;-webkit-overflow-scrolling:touch}
.nails-feed::-webkit-scrollbar{display:none}
.nails-slide{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;background:#171513;overflow:hidden;isolation:isolate}
.nails-backdrop{position:absolute;inset:-40px;width:calc(100% + 80px);height:calc(100% + 80px);object-fit:cover;filter:blur(32px) saturate(.65);opacity:.65;z-index:-2;pointer-events:none}
.nails-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#17151320,#17151355);z-index:-1}
.nails-main-image{position:relative;display:block;filter:drop-shadow(0 4px 24px #0003);width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-select:none}
.nails-counter{position:fixed;z-index:2;left:calc(20px + env(safe-area-inset-left,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));font-size:14px;line-height:1.3;letter-spacing:.03em;color:#fff;text-shadow:0 1px 4px #000,0 0 12px #000;pointer-events:none;font-variant-numeric:tabular-nums}
.nails-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(min-width:1000px){.nails-counter{left:calc(28px + env(safe-area-inset-left,0px));bottom:calc(26px + env(safe-area-inset-bottom,0px));font-size:15px}}