/* طبقة تحسين بصري لعرض الاستوري للمستخدمين */
.sw-hero{padding-top:40px}
.sw-hero .sw-title,.sw-hero h1{font-size:clamp(26px,5vw,36px);letter-spacing:-.5px}
.sw-stats div{backdrop-filter:blur(10px);background:linear-gradient(160deg,#ffffff12,#ffffff05);transition:transform .2s}
.sw-stats div:hover{transform:translateY(-3px)}
.sw-stats b{background:var(--sw-grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:24px}
.sw-bar{gap:16px;padding:20px 6px;scroll-snap-type:x proximity}
.sw-item{scroll-snap-align:start}
.sw-ring{width:74px;height:74px;padding:3px;box-shadow:0 6px 18px -6px #ee2a7b88;transition:transform .25s cubic-bezier(.3,1.4,.5,1)}
.sw-item.seen .sw-ring{box-shadow:none}
.sw-ring img,.sw-ring .sw-ph{width:68px;height:68px}
.sw-item span{font-weight:600}
.sw-tabs button{transition:background .2s,color .2s}
.sw-tabs button.on{box-shadow:0 6px 16px -6px #ee2a7b}
.sw-grid{gap:16px}
.sw-card{border-radius:20px;border-color:#ffffff12}
.sw-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 20px 40px -16px #ee2a7b88}
.sw-card .sw-meta{padding:40px 12px 11px;background:linear-gradient(transparent,#000000e6)}
.sw-card .sw-who b{font-size:13px}
.sw-card .sw-badge{font-weight:700;border:1px solid #ffffff22}
.sw-more{transition:background .2s}.sw-more:hover{background:var(--sw-grad);color:#fff;border-color:transparent}
.swv-stage,.sv-stage{box-shadow:0 40px 120px -30px #ee2a7b55,0 0 0 1px #ffffff14}
.swv-progress i,.sv-bar{height:2.5px;background:#ffffff40}
.swv-user img,.sv-av{box-shadow:0 0 0 2px #000,0 0 0 4px #ee2a7b}
.swv-actions button,.swv-nav{backdrop-filter:blur(10px);background:#ffffff1f;transition:background .2s,transform .15s}
.swv-actions button:hover,.swv-nav:hover{background:#ffffff38;transform:scale(1.06)}
.swv-reacts button{backdrop-filter:blur(8px)}
.swv-cta{font-weight:700;box-shadow:0 10px 24px -10px #ee2a7b}