*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.story-avatar-list{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:12px;padding:20px 0;display:flex;overflow:auto hidden}.story-avatar-list::-webkit-scrollbar{display:none}.story-avatar-list-inner{gap:12px;min-height:100px;display:flex}.story-avatar-item{flex-shrink:0}.story-avatar{cursor:pointer;will-change:transform;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;padding:4px;transition:transform .2s;display:flex}.story-avatar:hover{transform:scale(1.05)}.story-avatar:active{transform:scale(.95)}.story-avatar-ring{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);border-radius:50%;padding:3px;position:relative}.story-avatar-read .story-avatar-ring{background:#e0e0e0}.story-avatar-image-wrapper{background:#f0f0f0;border:3px solid #fff;border-radius:50%;width:64px;height:64px;overflow:hidden}.story-avatar-image{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s}.story-avatar-image-loaded{opacity:1}.story-avatar-placeholder{color:#999;background:#f0f0f0;justify-content:center;align-items:center;width:100%;height:100%;font-size:24px;font-weight:700;display:flex}.story-avatar-username{color:#262626;text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:12px;overflow:hidden}.story-viewer{z-index:9999;background:#000;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.story-viewer-overlay{z-index:0;pointer-events:none;background:#000000e6;position:absolute;inset:0}.story-viewer-content{z-index:2;will-change:transform;background:#000;flex-direction:column;width:100%;max-width:500px;height:100dvh;display:flex;position:relative}.story-viewer-cube-viewport{z-index:2;width:100%;max-width:500px;height:100dvh;position:relative}.story-viewer-cube-wrapper{width:100%;height:100%;position:relative}.story-viewer-header{z-index:10;background:linear-gradient(#0009 0%,#0000 100%);padding:16px;position:absolute;top:0;left:0;right:0}.story-viewer-user-info{align-items:center;gap:12px;margin-top:12px;display:flex}.story-viewer-avatar{object-fit:cover;border:2px solid #fff;border-radius:50%;width:36px;height:36px}.story-viewer-username{color:#fff;text-shadow:0 1px 2px #00000080;font-size:14px;font-weight:600}.story-viewer-close{color:#fff;cursor:pointer;z-index:11;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:28px;line-height:1;transition:background .2s;display:flex;position:absolute;top:26px;right:16px}.story-viewer-close:hover{background:#000000b3}.story-progress-bars-container{gap:4px;width:100%;display:flex}.story-progress-bar{background:#ffffff4d;border-radius:1px;flex:1;height:2px;overflow:hidden}.story-progress-bar-fill{transform-origin:0;will-change:transform;background:#fff;height:100%;transition:transform .1s linear}.story-viewer-items{background:#000;flex:1;width:100%;position:relative;overflow:hidden}.story-item{background:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.story-item-image,.story-item-video{width:100%;height:100%}.story-item-image img,.story-item-video video{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%}.story-item-text{text-align:center;justify-content:center;align-items:center;width:100%;height:100%;padding:40px;display:flex}.story-item-text-content{white-space:pre-wrap;text-shadow:0 2px 4px #0000004d;font-size:28px;font-weight:600;line-height:1.4}.story-item-component{width:100%;height:100%}.story-item-error{color:#fff;justify-content:center;align-items:center;font-size:16px;display:flex}.story-item-error-message{background:#f003;border:1px solid #ff000080;border-radius:8px;padding:20px}.story-viewer-nav-hints{pointer-events:none;z-index:5;display:flex;position:absolute;inset:0}.story-viewer-nav-hint{flex:1}.story-viewer-nav-hint-left,.story-viewer-nav-hint-right{cursor:pointer}@media (width<=768px){.demo-container{padding:10px}.demo-header h1{font-size:2rem}.demo-controls{flex-direction:column}.demo-btn{width:100%}.story-viewer-content,.story-viewer-cube-viewport{max-width:100%;max-height:100dvh}.story-avatar-image-wrapper{width:56px;height:56px}.story-viewer-close{width:32px;height:32px;font-size:20px}.story-viewer-user-info{margin-top:8px}.story-viewer-avatar{width:32px;height:32px}.story-viewer-username{font-size:13px}}@media (orientation:landscape) and (height<=500px){.story-viewer-content,.story-viewer-cube-viewport{max-height:100dvh}.story-viewer-header{padding:12px}.story-progress-bars-container,.story-progress-bar{height:2px}}@media (width>=769px){.story-viewer-content{border-radius:12px;max-height:900px;overflow:hidden}.story-viewer-cube-viewport{max-height:900px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.story-avatar:focus,.story-viewer-close:focus,.demo-btn:focus{outline-offset:2px;outline:2px solid #667eea}.story-avatar:focus:not(:focus-visible),.story-viewer-close:focus:not(:focus-visible),.demo-btn:focus:not(:focus-visible){outline:none}.story-avatar,.story-progress-bar-fill{backface-visibility:hidden;transform:translate(0)}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.story-avatar-list{touch-action:pan-x pan-y}.story-viewer,.story-viewer-content{touch-action:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.story-avatar-image-wrapper:not(:has(.story-avatar-image-loaded)){animation:2s ease-in-out infinite pulse}.story-item-loader{z-index:10;background:#000;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.story-item-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.story-item-image img,.story-item-video video{transition:opacity .3s}