/* Core ring + sizing */
.cwst-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}
.cwst-thumb{background:transparent;border:0;padding:0;cursor:pointer;width:var(--cwst-thumb-w,98px)!important}
.cwst-ring{display:grid;place-items:center;box-sizing:content-box;padding:3px;border-radius:50%;background:radial-gradient(#fff 66%, transparent 67%),conic-gradient(var(--cwst-ring,#ff9800),var(--cwst-ring,#ff9800))}
.cwst-ring img{display:block;border-radius:50%;object-fit:cover;background:#eee;box-shadow:0 0 0 2px #fff inset;width:var(--cwst-size,74px)!important;height:var(--cwst-size,74px)!important;max-width:none!important;flex:none!important}
.cwst-thumb-title{display:block;margin-top:8px;font-size:12px;line-height:1.35;color:#222;text-align:justify;text-justify:inter-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;direction:rtl}
.cwst-thumb:hover,.cwst-thumb:active{transform:none}

/* Modal */
.cwst-modal{position:fixed;inset:0;display:none;z-index:2147483000}
.cwst-modal.open{display:block}
.cwst-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72)}
.cwst-modal-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}
.cwst-player{position:relative;width:min(90vw,420px);aspect-ratio:9/16;pointer-events:auto;border-radius:14px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.35);background:#000}
.cwst-player video{width:100%;height:100%;object-fit:cover;background:#000}
.cwst-progress{position:absolute;left:16px;right:16px;bottom:18px;height:4px;background:rgba(255,255,255,.35);border-radius:4px;overflow:hidden;display:block!important}
.cwst-progress span{display:block;height:100%;width:0;background:#fff;transition:width .1s linear}
.cwst-time{position:absolute;left:16px;right:16px;bottom:2px;display:flex!important;justify-content:space-between;color:#fff;font-size:12px;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.cwst-caption{color:#fff;margin-top:12px;font-size:12px;text-align:center;max-width:min(90vw,520px);opacity:.8}
.cwst-close{position:absolute;top:18px;right:18px;pointer-events:auto;background:#fff;border:0;border-radius:9999px;width:40px;height:40px;font-size:20px;line-height:40px;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.25)}
.cwst-nav{position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;background:#fff;border:0;border-radius:9999px;width:56px;height:56px;font-size:32px;line-height:56px;cursor:pointer;opacity:.96;box-shadow:0 2px 10px rgba(0,0,0,.25);display:block!important}
.cwst-prev{left:12px}
.cwst-next{right:12px}
.cwst-mute{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.cwst-mute .icon{font-size:64px;display:none;opacity:.9;text-shadow:0 2px 6px rgba(0,0,0,.35)}
.cwst-muted .cwst-mute .icon{display:block}
@media(max-width:640px){
  .cwst-close{top:8px;right:8px;width:44px;height:44px;line-height:44px;font-size:24px}
}
body.cwst-locked{overflow:hidden}