.story-viewer-overlay[data-v-3e53666f]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:#000000f2}.story-loading-container[data-v-3e53666f]{display:flex;flex-direction:column;align-items:center;gap:1.5rem;z-index:100}.loading-spinner[data-v-3e53666f]{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top-color:hsl(var(--color-primary));border-radius:50%;animation:spin-3e53666f .8s linear infinite}@keyframes spin-3e53666f{to{transform:rotate(360deg)}}.loading-text[data-v-3e53666f]{color:#fff;font-size:1rem;font-weight:500}.story-backdrop[data-v-3e53666f]{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;opacity:.3;filter:blur(60px);z-index:0;pointer-events:none}.backdrop-img[data-v-3e53666f]{width:100%;height:100%;object-fit:cover}.story-viewer-container[data-v-3e53666f]{position:relative;width:100%;height:100%;background-color:#000;overflow:hidden;z-index:10}@media(min-width:768px){.story-viewer-container[data-v-3e53666f]{width:400px;height:700px;max-height:90vh;border-radius:24px;box-shadow:0 0 60px #000c}}.nav-zone[data-v-3e53666f]{position:absolute;top:80px;bottom:0;z-index:20;cursor:pointer}.nav-zone.left[data-v-3e53666f]{left:0;width:35%}.nav-zone.right[data-v-3e53666f]{right:0;width:35%}.story-page-wrapper[data-v-3e53666f]{position:absolute;top:0;right:0;bottom:0;left:0}.story-viewer-content[data-v-3e53666f]{width:100%;height:100%;position:relative}.story-viewer-background[data-v-3e53666f]{width:100%;height:100%;object-fit:cover}.story-gradient-overlay[data-v-3e53666f]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,rgba(0,0,0,.1) 20%,transparent 35%,transparent 70%,rgba(0,0,0,.9) 100%);pointer-events:none}.story-element[data-v-3e53666f]{position:absolute;z-index:15;pointer-events:none}.story-hotspot[data-v-3e53666f],.story-image-element[data-v-3e53666f],.story-text[data-v-3e53666f]{pointer-events:auto}.story-text[data-v-3e53666f]{font-family:Inter,sans-serif;text-shadow:0 2px 8px rgba(0,0,0,.9);line-height:1.4;text-align:center}.story-image-element[data-v-3e53666f]{filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.story-hotspot[data-v-3e53666f]{width:60px;height:60px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 20px #ffffff80}.hotspot-pulse[data-v-3e53666f]{width:12px;height:12px;background:#fff;border-radius:50%;animation:pulse-3e53666f 1.5s infinite}@keyframes pulse-3e53666f{0%{transform:scale(1);opacity:1}to{transform:scale(2.5);opacity:0}}.story-element-animated[data-v-3e53666f]{opacity:0;animation-fill-mode:forwards}.story-anim-zoom-in[data-v-3e53666f]{animation-name:zoomIn-3e53666f}.story-anim-fade-in-up[data-v-3e53666f]{animation-name:fadeInUp-3e53666f}@keyframes zoomIn-3e53666f{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes fadeInUp-3e53666f{0%{opacity:0;transform:translate(-50%,-30%)}to{opacity:1;transform:translate(-50%,-50%)}}.story-ui-layer[data-v-3e53666f]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between}.story-top-controls[data-v-3e53666f]{width:100%;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent);padding-bottom:2rem;pointer-events:auto}.story-progress-container[data-v-3e53666f]{padding:14px 14px 0;display:flex;gap:5px;width:100%}.progress-bar-track[data-v-3e53666f]{flex:1;height:3px;background:#ffffff40;border-radius:3px;overflow:hidden}.progress-bar-fill[data-v-3e53666f]{height:100%;background:#fff;border-radius:3px;transition:width .1s linear}.story-header[data-v-3e53666f]{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;pointer-events:auto}.header-user-info[data-v-3e53666f]{display:flex;align-items:center;gap:12px}.story-avatar-sm[data-v-3e53666f]{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.6);overflow:hidden;background:#000}.story-avatar-sm img[data-v-3e53666f]{width:100%;height:100%;object-fit:cover}.header-text[data-v-3e53666f]{display:flex;flex-direction:column;line-height:1.1}.story-author-name[data-v-3e53666f]{color:#fff;font-size:.95rem;font-weight:700;font-family:Inter,sans-serif}.story-timestamp[data-v-3e53666f]{color:#ffffffb3;font-size:.75rem}.header-actions[data-v-3e53666f]{display:flex;align-items:center;gap:14px}.action-btn[data-v-3e53666f]{background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px;border-radius:50%;cursor:pointer;opacity:.9;transition:all .2s;display:flex;align-items:center;justify-content:center}.action-btn[data-v-3e53666f]:hover{opacity:1;background:#00000080;transform:scale(1.1)}.story-footer[data-v-3e53666f]{padding:32px;display:flex;justify-content:center;pointer-events:auto;background:linear-gradient(to top,rgba(0,0,0,.9),transparent)}.swipe-cta-btn[data-v-3e53666f]{display:flex;align-items:center;gap:10px;background:#fff3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);padding:12px 28px;border-radius:99px;color:#fff;font-weight:600;font-size:1rem;transition:all .3s;text-decoration:none;box-shadow:0 4px 20px #0006}.swipe-cta-btn[data-v-3e53666f]:hover{background:#ffffff4d;transform:translateY(-3px);box-shadow:0 6px 25px #00000080}.desktop-nav-btn[data-v-3e53666f]{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:100;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media(min-width:1024px){.desktop-nav-btn[data-v-3e53666f]{opacity:.7;pointer-events:auto}.desktop-nav-btn[data-v-3e53666f]:hover{opacity:1;background:#ffffff40;transform:translateY(-50%) scale(1.1)}.prev-btn[data-v-3e53666f]{left:calc(50% - 280px)}.next-btn[data-v-3e53666f]{right:calc(50% - 280px)}}.icon-xs[data-v-3e53666f]{width:16px;height:16px}.icon-sm[data-v-3e53666f]{width:20px;height:20px}.icon-md[data-v-3e53666f]{width:26px;height:26px}.icon-lg[data-v-3e53666f]{width:30px;height:30px}.ml-2[data-v-3e53666f]{margin-left:.5rem}