.stories-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.9);padding:0}
.js-body-overflow-hidden{overflow:hidden}
.stories{position:relative;width:min(350px,90vw);height:min(622px,90vh);margin:0 auto;aspect-ratio:9/16}
.story-items{position:relative;width:100%;height:100%}
.story-items>*{display:none}
.story-items>*.active{display:block}
.stories .container{width:100%;height:100%;overflow:hidden;border-radius:20px;background:#000;margin:0 auto;position:relative}
.story-video{border:0;width:100% !important;height:100% !important;object-fit:cover;pointer-events:none}
.story-video:hover{cursor:default !important}
.story-video::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;pointer-events:none}
.story-nav{position:absolute;top:8px;left:0;right:0;pointer-events:none}
.story-thumb{display:flex;gap:6px;padding:8px 10px}
.slide-story{flex:1;height:3px;background:rgba(255,255,255,.35);border-radius:999px;position:relative;overflow:hidden}
.slide-story::after{content:"";position:absolute;left:0;top:0;bottom:0;width:0%;background:#fff;animation:fill var(--duration,15000ms) linear forwards}
.slide-story.paused::after{animation-play-state:paused}
.slide-story.active::after{background:#fff}
@keyframes fill{to{width:100%}}
.story-controls{position:absolute;top:8px;left:8px;display:flex;gap:10px;pointer-events:auto;color:#fff;font-size:22px}
.story-controls i{cursor:pointer;padding:8px;border-radius:50%;background:rgba(0,0,0,0.5);transition:all 0.2s ease}
.story-controls i:hover{background:rgba(0,0,0,0.8);transform:scale(1.1)}
.story-prev,.story-next{position:absolute;top:0;bottom:0;width:40%;background:transparent;border:0;color:transparent;pointer-events:auto;z-index:5}
.story-prev{left:0}.story-next{right:0}
.story-prev.outer,.story-next.outer{position:absolute;top:50%;transform:translateY(-50%);border:0;background:rgba(255,255,255,0.9);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:12;transition:all 0.2s ease;box-shadow:0 4px 12px rgba(0,0,0,0.3)}
.story-prev.outer:hover,.story-next.outer:hover{background:#fff;transform:translateY(-50%) scale(1.1)}
.story-prev.outer{left:20px}.story-next.outer{right:20px}
.story-prev.outer[disabled]{opacity:.3;cursor:not-allowed}
.story-prev.outer[disabled]:hover{transform:translateY(-50%) scale(1)}
.close.lg{position:absolute;top:20px;right:20px;color:#fff;font-size:32px;cursor:pointer;z-index:15;padding:8px;border-radius:50%;background:rgba(0,0,0,0.5);transition:all 0.2s ease}
.close.lg:hover{background:rgba(255,0,0,0.8);transform:scale(1.1)}
.btn-open-stories{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:0;border-radius:10px;background:#111;color:#fff;cursor:pointer}
.stories-floating-container{position:fixed;bottom:20px;right:20px;z-index:1000}
.stories-circular-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}
.btn-open-stories-circular{position:relative;display:block;width:80px;height:80px;border:0 !important;border-radius:50% !important;overflow:hidden;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,0.4) !important;transition:all 0.3s ease;background:transparent !important;padding:0 !important;margin:0 !important}
.btn-open-stories-circular:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(0,0,0,0.5)}
.stories-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}
.stories-text-bottom{color:#fff;font-weight:600;font-size:12px;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,0.8);background:rgba(0,0,0,0.8);padding:4px 8px;border-radius:12px;white-space:nowrap}
.close-floating-button{position:absolute;top:-8px;left:-8px;width:24px;height:24px;border:0;border-radius:50%;background:rgba(0,0,0,0.9);color:#fff;font-size:14px;font-weight:bold;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;box-shadow:0 2px 8px rgba(0,0,0,0.4);z-index:1001}
.close-floating-button:hover{background:rgba(255,0,0,0.9);transform:scale(1.1)}
@media (max-width:640px){.stories-floating-container{bottom:15px;right:15px}.btn-open-stories-circular{width:70px;height:70px}.stories-text-bottom{font-size:11px}}
@media (max-width:640px){.stories{width:100%;max-width:100%}}