#shopStories{max-width:1050px;margin:24px auto;padding:16px;color:#fff}#shopStories[hidden]{display:none}#shopStories h2{font-size:1.1rem;color:#00e5ff}#shopStoriesList{display:flex;gap:20px;overflow-x:auto;padding:12px 4px}#shopStoriesList button{flex:0 0 88px;background:none;border:0;color:inherit;font:inherit;cursor:pointer;text-align:center}#shopStoriesList img{display:block;width:72px;height:72px;margin:auto auto 8px;object-fit:cover;border-radius:50%;padding:3px;border:3px solid #20dc88}#shopStoriesList .seen img{border-color:#7e9095}#shopStoriesList span{display:block;font-size:12px;overflow-wrap:anywhere}
#shopStoryViewer{box-sizing:border-box;width:min(100vw,520px);height:100dvh;max-width:100vw;max-height:100dvh;border:0;padding:16px;background:#03090c;color:white;overflow:hidden}#shopStoryViewer::backdrop{background:#000e}#shopStoryViewer header{display:flex;align-items:center;gap:12px;position:relative;z-index:2;padding:12px 0}#shopStoryTitle{flex:1}#shopStoryViewer button,#shopStoryViewer a{border:1px solid #597079;border-radius:20px;background:#10232c;color:#fff;padding:10px;font:inherit;cursor:pointer}#shopStoryProgress{display:flex;gap:4px;direction:ltr}#shopStoryProgress span{flex:1;background:#52616a;height:3px;border-radius:4px;overflow:hidden}#shopStoryProgress i{height:100%;display:block;background:#fff;width:0}#shopStoryMedia{position:absolute;inset:90px 0 145px;display:flex;align-items:center;justify-content:center}#shopStoryMedia img,#shopStoryMedia video{width:100%;height:100%;object-fit:contain}#shopStoryViewer nav{position:absolute;top:48%;left:8px;right:8px;display:flex;justify-content:space-between;pointer-events:none}#shopStoryViewer nav button{pointer-events:auto;background:#0009}#shopStoryViewer footer{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:18px;right:18px;text-align:center}#shopStoryCaption{white-space:pre-wrap;max-height:80px;overflow:auto}#shopStoryViewer footer a{display:inline-block;background:#00e5ff;color:#001014;text-decoration:none}.side-circle.has-shop-story{border-color:#20dc88;box-shadow:0 0 0 3px #20dc8840}.shop-story-badge{position:absolute;top:-10px;right:-10px;z-index:3;border:0;border-radius:20px;background:#20dc88;color:#001014;padding:6px;font:inherit;font-size:11px;cursor:pointer}