.story-viewer.svelte-u1pw67{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center}.viewer-backdrop.svelte-u1pw67{position:absolute;inset:0;background:#000000f2;transition:opacity .25s ease}.viewer-backdrop.closing.svelte-u1pw67{opacity:0!important}.viewer-container.svelte-u1pw67{position:relative;width:100%;max-width:420px;height:100%;max-height:100vh;display:flex;flex-direction:column;background:#000;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s ease}@media(min-width:768px){.viewer-container.svelte-u1pw67{height:90vh;max-height:800px;border-radius:1rem;overflow:hidden}}.viewer-container.swipe-left.svelte-u1pw67{animation:svelte-u1pw67-slideOutLeft .25s cubic-bezier(.4,0,.2,1) forwards}.viewer-container.swipe-right.svelte-u1pw67{animation:svelte-u1pw67-slideOutRight .25s cubic-bezier(.4,0,.2,1) forwards}.viewer-container.swipe-down.svelte-u1pw67{animation:svelte-u1pw67-slideDown .25s cubic-bezier(.4,0,.2,1) forwards}.viewer-container.bounce-left.svelte-u1pw67{animation:svelte-u1pw67-bounceLeft .35s cubic-bezier(.68,-.55,.27,1.55)}.viewer-container.bounce-right.svelte-u1pw67{animation:svelte-u1pw67-bounceRight .35s cubic-bezier(.68,-.55,.27,1.55)}@keyframes svelte-u1pw67-slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-30%);opacity:0}}@keyframes svelte-u1pw67-slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(30%);opacity:0}}@keyframes svelte-u1pw67-slideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes svelte-u1pw67-bounceLeft{0%,to{transform:translate(0)}50%{transform:translate(-20px)}}@keyframes svelte-u1pw67-bounceRight{0%,to{transform:translate(0)}50%{transform:translate(20px)}}.viewer-container.transitioning.svelte-u1pw67{pointer-events:none}.progress-bars.svelte-u1pw67{display:flex;gap:4px;padding:8px 12px;position:absolute;top:0;left:0;right:0;z-index:10}.progress-bar.svelte-u1pw67{flex:1;height:3px;background:#ffffff4d;border-radius:2px;overflow:hidden}.progress-fill.svelte-u1pw67{height:100%;background:#fff;width:0;transition:width 50ms linear}.progress-fill.completed.svelte-u1pw67{width:100%}.viewer-header.svelte-u1pw67{display:flex;align-items:center;justify-content:space-between;padding:2.5rem 12px 8px;position:absolute;top:0;left:0;right:0;z-index:10;background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent)}.highlight-info.svelte-u1pw67{display:flex;align-items:center;gap:10px}.highlight-avatar.svelte-u1pw67{width:36px;height:36px;border-radius:50%;overflow:hidden;background:#333;display:flex;align-items:center;justify-content:center;border:2px solid white}.highlight-avatar.svelte-u1pw67 img:where(.svelte-u1pw67){width:100%;height:100%;object-fit:cover}.highlight-title.svelte-u1pw67{color:#fff;font-weight:600;font-size:.9375rem}.paused-indicator.svelte-u1pw67{font-size:.875rem;opacity:.7}.header-buttons.svelte-u1pw67{display:flex;align-items:center;gap:8px}.mute-btn.svelte-u1pw67{width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.mute-btn.svelte-u1pw67:hover{background:#fff3}.mute-btn.svelte-u1pw67 svg:where(.svelte-u1pw67){width:18px;height:18px}.close-btn.svelte-u1pw67{width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.close-btn.svelte-u1pw67:hover{background:#fff3}.close-btn.svelte-u1pw67 svg:where(.svelte-u1pw67){width:20px;height:20px}.viewer-content.svelte-u1pw67{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.story-media.svelte-u1pw67{width:100%;height:100%;object-fit:contain;pointer-events:none}.pause-overlay.svelte-u1pw67{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;pointer-events:none}.pause-icon.svelte-u1pw67{width:64px;height:64px;border-radius:50%;background:#00000080;display:flex;align-items:center;justify-content:center}.pause-icon.svelte-u1pw67 svg:where(.svelte-u1pw67){width:32px;height:32px;margin-left:4px}.link-overlay.svelte-u1pw67{position:absolute;bottom:60px;left:0;right:0;display:flex;justify-content:center;z-index:10}.link-btn.svelte-u1pw67{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#fff;border:none;border-radius:2rem;color:#111;font-size:.9375rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 16px #0003}.link-btn.svelte-u1pw67:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.link-btn.svelte-u1pw67:active{transform:scale(.98)}.link-btn.svelte-u1pw67 svg:where(.svelte-u1pw67){width:18px;height:18px}.nav-hint.svelte-u1pw67{position:absolute;top:80px;bottom:80px;width:40%;z-index:5;background:transparent;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.nav-hint.svelte-u1pw67:focus{outline:none}.nav-hint.left.svelte-u1pw67{left:0}.nav-hint.right.svelte-u1pw67{right:0}.highlight-nav.svelte-u1pw67{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:10}.highlight-dot.svelte-u1pw67{width:8px;height:8px;border-radius:50%;background:#fff6;border:none;cursor:pointer;transition:all .2s;padding:0}.highlight-dot.active.svelte-u1pw67{background:#fff;transform:scale(1.2)}.highlight-dot.svelte-u1pw67:hover{background:#ffffffb3}.swipe-down-hint.svelte-u1pw67{position:absolute;bottom:8px;left:50%;transform:translate(-50%);z-index:5;pointer-events:none}.swipe-indicator.svelte-u1pw67{width:40px;height:4px;background:#ffffff80;border-radius:2px}.stories-carousel.svelte-xzee3f{padding:.75rem 0;margin-bottom:.5rem}.stories-scroll.svelte-xzee3f{display:flex;gap:.75rem;overflow-x:auto;padding:.25rem 1rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.stories-scroll.svelte-xzee3f::-webkit-scrollbar{display:none}.story-highlight.svelte-xzee3f{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.375rem;background:none;border:none;padding:0;cursor:pointer;scroll-snap-align:start;position:relative;-webkit-tap-highlight-color:transparent}.story-highlight.svelte-xzee3f:focus{outline:none}.story-highlight.svelte-xzee3f:active .highlight-border:where(.svelte-xzee3f){transform:scale(.95)}.highlight-border.svelte-xzee3f{width:var(--highlight-size);height:var(--highlight-size);padding:var(--border-width);display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.story-highlight.circle.svelte-xzee3f .highlight-border:where(.svelte-xzee3f){border-radius:50%}.story-highlight.square.svelte-xzee3f .highlight-border:where(.svelte-xzee3f){border-radius:20%}.highlight-inner.svelte-xzee3f{width:100%;height:100%;overflow:hidden;background:#f3f4f6}.story-highlight.circle.svelte-xzee3f .highlight-inner:where(.svelte-xzee3f){border-radius:50%}.story-highlight.square.svelte-xzee3f .highlight-inner:where(.svelte-xzee3f){border-radius:16%}.highlight-inner.svelte-xzee3f img:where(.svelte-xzee3f){width:100%;height:100%;object-fit:cover}.highlight-inner.svelte-xzee3f .placeholder:where(.svelte-xzee3f){width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:calc(var(--highlight-size) * .35);background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.highlight-title.svelte-xzee3f{font-size:.6875rem;color:var(--title-color-light, #374151);text-align:center;max-width:var(--highlight-size);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}[data-theme=dark] .highlight-title.svelte-xzee3f{color:var(--title-color-dark, #ffffff)}.highlight-title.inside.svelte-xzee3f{position:absolute;bottom:calc(var(--highlight-size) * .12);left:50%;transform:translate(-50%);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);font-weight:500;max-width:calc(var(--highlight-size) * .85)}.stories-carousel.loading.svelte-xzee3f{opacity:.6}.story-highlight.skeleton.svelte-xzee3f{cursor:default}.story-highlight.skeleton.svelte-xzee3f .highlight-border:where(.svelte-xzee3f){background:#e5e7eb;padding:3px;border-radius:50%;width:80px;height:80px}.story-highlight.skeleton.svelte-xzee3f .highlight-inner:where(.svelte-xzee3f){background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:svelte-xzee3f-shimmer 1.5s infinite;border-radius:50%}.skeleton-text.svelte-xzee3f{width:50px;height:12px;background:#e5e7eb;border-radius:4px}@keyframes svelte-xzee3f-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}