.story-style{margin-bottom:13px}.story-style .section-heading{margin-bottom:7px}.story-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 4px 7px}.story-track .story-reel{flex:0 0 58px;border:0;background:none;display:grid;justify-items:center;gap:5px;padding:0;scroll-snap-align:start}.story-avatar{width:58px;height:58px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#ef9e66,#d85370 48%,#8b5fc7);display:block;position:relative}.story-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid #fff}.story-reel b{max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500}.story-reel.viewed .story-avatar{background:#c7c0ba}.story-reel.own-reel .story-avatar{background:#ddd4cc}.story-reel.own-reel .story-avatar i{position:absolute;right:-1px;bottom:-1px;width:19px;height:19px;border-radius:50%;background:var(--rose);border:2px solid #fff;color:#fff;display:grid;place-items:center;font-style:normal;font-size:12px}.story-reel.new-story .story-avatar:after{content:"NEW";position:absolute;left:50%;bottom:-4px;transform:translateX(-50%);background:var(--rose);color:#fff;border:2px solid #fff;border-radius:7px;padding:1px 4px;font-size:12px}.reel-viewer{position:fixed;inset:0;background:rgba(21,17,16,.82);backdrop-filter:blur(9px);display:none;align-items:center;justify-content:center;z-index:60;padding:18px}.reel-viewer.show{display:flex}.reel-viewer-phone{height:min(720px,92vh);aspect-ratio:9/16;max-width:100%;border-radius:25px;overflow:hidden;background:#171515;position:relative;color:#fff;box-shadow:0 24px 60px rgba(0,0,0,.4)}.reel-progress{position:absolute;left:9px;right:9px;top:9px;height:3px;background:rgba(255,255,255,.28);z-index:8;border-radius:4px}.reel-progress i{display:block;height:100%;width:0;background:#fff;border-radius:4px}.reel-viewer.show .reel-progress i{animation:viewer-progress 12s linear forwards}@keyframes viewer-progress{to{width:100%}}.reel-viewer-phone>header{position:absolute;left:10px;right:8px;top:19px;z-index:8;display:grid;grid-template-columns:34px 1fr 34px;gap:7px;align-items:center}.reel-viewer-phone>header img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.9)}.reel-viewer-phone>header p{display:grid;margin:0}.reel-viewer-phone>header b{font-size:12px}.reel-viewer-phone>header small{font-size:12px;color:#ddd}.reel-viewer-phone>header button{border:0;background:none;color:#fff;font-size:24px}.viewer-media{position:absolute;inset:0}.viewer-media video{width:100%;height:100%;object-fit:cover;display:none}.viewer-media.has-video video{display:block}.viewer-media.has-video .viewer-scene{display:none}.viewer-scene{position:absolute;inset:0;background:linear-gradient(#7897a8,#e9a98d 53%,#4b8c9b 54%);overflow:hidden}.viewer-sun{position:absolute;width:76px;height:76px;border-radius:50%;background:#ffdaa0;left:50%;top:36%;transform:translateX(-50%);box-shadow:0 0 48px #f3c691}.viewer-water{position:absolute;left:-15%;right:-15%;bottom:0;height:42%;background:repeating-radial-gradient(ellipse at 50% 0,#72a9b0 0 13px,#477d8e 14px 28px);animation:viewer-water 3s ease-in-out infinite}@keyframes viewer-water{50%{transform:translateX(10px) translateY(5px)}}.viewer-caption{position:absolute;left:15px;right:55px;bottom:22px;z-index:6;text-shadow:0 1px 4px rgba(0,0,0,.6)}.viewer-caption p{font-size:12px;line-height:1.5;margin:0}.viewer-caption small{font-size:12px}.viewer-actions{position:absolute;right:9px;bottom:18px;z-index:6;display:grid;gap:13px}.viewer-actions button{border:0;background:none;color:#fff;display:grid;justify-items:center;font-size:20px;text-shadow:0 1px 4px rgba(0,0,0,.6)}.viewer-actions small{font-size:12px;margin-top:2px}.photo-feed-heading{margin-top:3px}@media(max-width:450px){.reel-viewer{padding:0}.reel-viewer-phone{height:100%;width:100%;aspect-ratio:auto;border-radius:0}}