:root{ --rk-grad: conic-gradient(from 0deg, #ff3d5a, #6a5cff, #ff3d5a); }
.rk-stories-ring{ padding:10px; }
.rk-stories-ring .swiper-wrapper{ display:flex; gap:12px; align-items:center; overflow-x:auto; scrollbar-width:thin; }
.rk-stories-ring .swiper-slide{ width:auto; }

.rk-story-circle{ width:78px;height:78px;border-radius:50%; background:var(--rk-grad); padding:3px; display:inline-flex; align-items:center; justify-content:center; border:none; outline:none; cursor:pointer; position:relative; }
.rk-story-circle img{ width:72px;height:72px;border-radius:50%; object-fit:cover; display:block; background:#111; }

#rk-story-viewer{ position:fixed; inset:0; background:rgba(0,0,0,.94); display:flex; align-items:center; justify-content:center; z-index:99999; }
.rk-hidden{ display:none; }
.rk-viewer-inner{ width:min(430px,100vw); aspect-ratio:9/16; background:#000; color:#fff; position:relative; display:flex; flex-direction:column; }
.rk-media{ flex:1; position:relative; overflow:hidden; }
.rk-obj{ width:100%; height:100%; object-fit:cover; position:absolute; inset:0; }
.rk-bar{ height:44px; display:flex; align-items:center; justify-content:space-between; padding:0 10px; background:rgba(0,0,0,.55); }
.rk-left{ display:flex; gap:10px; align-items:center; }
.rk-right{ display:flex; gap:10px; align-items:center; }
.rk-cta{ background:#fff; color:#000; padding:6px 10px; border-radius:999px; text-decoration:none; font-weight:600; }
.rk-close{ background:transparent; border:1px solid #fff; color:#fff; border-radius:6px; padding:4px 8px; cursor:pointer; }
.rk-text{ padding:8px 12px; font-size:14px; line-height:1.5; max-height:26%; overflow:auto; }
.rk-comments{ padding:6px 10px; background:#0a0a0a; overflow:auto; max-height:35%; }
.rk-prev,.rk-next{ position:absolute; top:50%; transform:translateY(-50%); width:40px;height:40px;border-radius:50%; background:rgba(255,255,255,.15); border:none; color:#fff; font-size:22px; cursor:pointer; }
.rk-prev{ left:6px; } .rk-next{ right:6px; }

.rk-submit-form{ max-width:760px; margin:20px auto; background:#fff; padding:16px; border:1px solid #e5e5e5; border-radius:10px; }
.rk-submit-form p{ margin:10px 0; }
.rk-submit-form .rk-row{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; }
@media(max-width:768px){ .rk-submit-form .rk-row{ grid-template-columns:1fr; } }

.rk-empty{ color:#666; font-style:italic; }
.rk-author{ font-weight:600; }
.rk-like{ background:transparent; border:none; color:#fff; cursor:pointer; }