.story-section{padding:10px 0;}.story-wrapper{display:flex;gap:12px;overflow-x:auto;padding:10px 0;scrollbar-width:none;-ms-overflow-style:none;justify-content:flex-start;}.story-wrapper::-webkit-scrollbar{display:none;}.story-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--body-color,#333);min-width:65px;cursor:pointer;transition:opacity 0.3s ease;}.story-item:hover{color:var(--primary-color,#666);opacity:0.9;}.story-image{width:60px;height:60px;border-radius:50%;padding:2.5px;background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);margin-bottom:6px;transition:transform 0.3s ease;}.story-image img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2.5px solid #fff;background-color:#fff;}.story-item:hover .story-image{transform:scale(1.05);}.story-title{font-size:11px;font-weight:500;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;max-height:calc(11px * 1.3 * 2);box-sizing:border-box;margin:0;padding:0;color:#000;}body.dark .story-title,.dark .story-title{color:#fff !important;}@media (min-width:768px){.story-wrapper{justify-content:center;gap:20px;}.story-item{min-width:85px;}.story-image{width:80px;height:80px;padding:3px;margin-bottom:8px;}.story-image img{border:3px solid #fff;}.story-title{font-size:13px;max-height:calc(13px * 1.3 * 2);}}.story-viewer{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.95);z-index:9999;display:flex;justify-content:center;align-items:center;}.story-viewer-content{position:relative;width:100%;height:100%;max-width:450px;background:#000;display:flex;flex-direction:column;}.story-progress-bar{position:absolute;top:20px;left:10px;right:10px;display:flex;gap:5px;z-index:10;}.progress-segment{flex:1;height:3px;background:rgba(255,255,255,0.3);border-radius:2px;overflow:hidden;}.progress-fill{height:100%;background:#fff;width:0%;transition:width 0.1s linear;}.progress-fill.completed{width:100%;}.progress-fill.active{width:0%;}.story-header{position:absolute;top:30px;right:15px;z-index:10;}.close-story{background:none;border:none;color:#fff;font-size:30px;cursor:pointer;line-height:1;padding:0;}.story-media-container{flex:1;display:flex;align-items:center;justify-content:center;position:relative;height:100%;}#story-viewer-img{width:100%;height:100%;object-fit:cover;}.story-nav-area{position:absolute;top:0;bottom:0;width:35%;z-index:5;}.story-nav-area.left{left:0;}.story-nav-area.right{right:0;}.story-action-btn{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,0.2);backdrop-filter:blur(5px);color:#fff;padding:10px 20px;border-radius:30px;text-decoration:none;font-size:14px;font-weight:500;display:flex;align-items:center;z-index:10;border:1px solid rgba(255,255,255,0.3);transition:all 0.3s ease;}.story-action-btn:hover{background:rgba(255,255,255,0.4);color:#fff;}@media (min-width:768px){.story-viewer-content{height:90vh;border-radius:12px;overflow:hidden;}}