.app{background:#ddbdbd;color:#fff;font-family:Arial,sans-serif;overflow:hidden;border-radius:8px}.story-list{display:flex;overflow-x:auto;gap:12px;padding:16px;background:#c0b2b2}.story-list::-webkit-scrollbar{display:none}.story-thumbnail{width:70px;height:70px;border-radius:50%;object-fit:cover;border:2px solid #e1306c;cursor:pointer}.story-viewer{position:fixed;inset:0;background:#000;display:flex;justify-content:center;align-items:center}.story-image{max-width:100%;max-height:100%;transition:opacity .5s ease}.story-image.hidden{opacity:0}.story-image.visible{opacity:1}.loading{position:absolute;top:20px;font-size:14px;color:#fff}.tap-left,.tap-right{position:absolute;top:0;height:100%;width:50%}.tap-left{left:0}.tap-right{right:0}.progress-container{position:absolute;top:8px;left:8px;right:8px;display:flex;gap:4px}.progress-bar{flex:1;height:4px;background:#555;border-radius:2px}.progress-bar.filled{background:#fff}