.kstory-preloader{z-index:9999;opacity:1;-webkit-backdrop-filter:blur(10px);background:#000c;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s ease-out;display:flex;position:fixed;top:0;left:0}.kstory-preloader.fade-out{opacity:0;pointer-events:none}.kstory-preloader-content{text-align:center;color:#fff}.kstory-ring-loader{width:80px;height:80px;margin:0 auto 20px;position:relative}.kstory-ring-loader:before{content:"";background:conic-gradient(#833ab4,#fd1d1d,#fcb045,#0000);border-radius:50%;width:100%;height:100%;animation:1s linear infinite kstory-spin;position:absolute;top:0;left:0;-webkit-mask:radial-gradient(circle,#0000 35px,#000 38px);mask:radial-gradient(circle,#0000 35px,#000 38px)}.kstory-ring-loader:after{content:"";background:conic-gradient(#fcb045cc,#0000 90deg);border-radius:50%;width:calc(100% - 12px);height:calc(100% - 12px);animation:.8s linear infinite reverse kstory-spin;position:absolute;top:6px;left:6px;-webkit-mask:radial-gradient(circle,#0000 28px,#000 30px);mask:radial-gradient(circle,#0000 28px,#000 30px)}@keyframes kstory-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.kstory-dots-loader{justify-content:center;align-items:center;margin:20px 0;display:flex}.kstory-dot{background:#fffc;border-radius:50%;width:8px;height:8px;margin:0 4px;animation:1.4s ease-in-out infinite both kstory-pulse}.kstory-dot:first-child{animation-delay:-.32s}.kstory-dot:nth-child(2){animation-delay:-.16s}.kstory-dot:nth-child(3){animation-delay:0s}@keyframes kstory-pulse{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.kstory-loading-text{opacity:.9;margin-top:15px;font-size:16px;font-weight:500;animation:2s ease-in-out infinite kstory-fade-in-out}@keyframes kstory-fade-in-out{0%,to{opacity:.6}50%{opacity:1}}.kstory-progress-loader{background:#fff3;border-radius:2px;width:200px;height:4px;margin:20px auto;position:relative;overflow:hidden}.kstory-progress-bar{background:linear-gradient(90deg,#833ab4 0%,#fd1d1d 50%,#fcb045 100%);border-radius:2px;width:0%;height:100%;transition:width .3s;position:relative}.kstory-progress-bar:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff9 100%);width:20px;height:100%;animation:1.5s ease-in-out infinite kstory-shimmer;position:absolute;top:0;right:0}@keyframes kstory-shimmer{0%{transform:translate(-20px)}to{transform:translate(20px)}}.kstory-modal-preloader{z-index:1000;-webkit-backdrop-filter:blur(17.7px);background:#0c0c0ce6;border:15px solid #ffffff14;border-radius:20px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.kstory-modal-preloader .kstory-ring-loader{width:60px;height:60px}.kstory-modal-preloader .kstory-loading-text{margin-top:10px;font-size:14px}.kstory-slide-preloader{z-index:100;-webkit-backdrop-filter:blur(17.7px);background:#ffffff0d;border-radius:15px;padding:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 30px #0000001a}.kstory-slide-preloader .kstory-ring-loader{width:40px;height:40px}.kstory-skeleton{background:linear-gradient(90deg,#ffffff1a 25%,#fff3 50%,#ffffff1a 75%) 0 0/200% 100%;animation:1.5s infinite kstory-skeleton-loading}@keyframes kstory-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.kstory-skeleton-text{border-radius:8px;height:16px;margin:8px 0}.kstory-skeleton-title{border-radius:12px;width:70%;height:24px;margin:12px 0}.kstory-skeleton-image{border-radius:12px;height:200px;margin:16px 0}.kstory-skeleton-grid{scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap;flex:auto;grid-template-rows:1fr;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));grid-auto-rows:1fr;grid-auto-flow:column;gap:15px;width:100%;min-width:0;margin:40px 0;padding:0;display:grid;overflow-x:auto;flex-direction:row!important}.kstory-skeleton-grid::-webkit-scrollbar{display:none}.kstory-skeleton-item{flex-direction:column;align-items:center;gap:8px;min-width:84px;display:flex}#kstory-skeleton-loader{flex:auto;width:100%;min-width:0}@media (width<=768px){.kstory-skeleton-grid{white-space:nowrap;grid-template-rows:1fr;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));grid-auto-rows:1fr;grid-auto-flow:column;gap:8px;margin:20px 0;flex-direction:row!important}}.kstory-skeleton-item{gap:6px;min-width:70px}.kstory-skeleton-story-image{width:70px;height:70px}.kstory-skeleton-item .kstory-skeleton-text{width:50px;height:10px}.kstory-skeleton-story-image{background:linear-gradient(90deg,#833ab41a 25%,#fd1d1d1a 50%,#fcb0451a 75%) 0 0/200% 100%;border-radius:50%;width:90px;height:90px;animation:1.5s infinite kstory-skeleton-loading;position:relative}.kstory-skeleton-story-image:before{content:"";background:#f8f9fa;border-radius:50%;animation:2s ease-in-out infinite kstory-skeleton-pulse;position:absolute;inset:2px}.kstory-skeleton-item .kstory-skeleton-text{border-radius:6px;width:60px;height:12px;margin:0}@keyframes kstory-skeleton-pulse{0%,to{opacity:.6}50%{opacity:.9}}#kstory-skeleton-loader{opacity:1;transition:opacity .3s}#kstory-skeleton-loader.fade-out{opacity:0}#kstory-actual-content{opacity:0;transition:opacity .3s}#kstory-actual-content.fade-in{opacity:1}.kstory-error-state{text-align:center;color:#ff6b6b;padding:40px 20px}.kstory-error-icon{opacity:.8;margin-bottom:16px;font-size:48px}.kstory-error-message{margin-bottom:20px;font-size:16px;line-height:1.5}.kstory-retry-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(17.7px);background:linear-gradient(90deg,#833ab4 0%,#fd1d1d 50%,#fcb045 100%);border:none;border-radius:25px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .3s;box-shadow:0 4px 15px #833ab44d}.kstory-retry-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #833ab466}@media (width<=768px){.kstory-ring-loader{width:60px;height:60px}.kstory-loading-text{font-size:14px}.kstory-progress-loader{width:150px}}@media (prefers-color-scheme:dark){.kstory-preloader{background:linear-gradient(135deg,#2d3748 0%,#4a5568 100%)}}@media (prefers-reduced-motion:reduce){.kstory-ring-loader:before,.kstory-ring-loader:after{animation:none}.kstory-dot{opacity:.8;animation:none}.kstory-loading-text{opacity:.9;animation:none}.kstory-skeleton{background:#ffffff26;animation:none}}