/* Mada homepage stories refresh - CSS only, no event interception. */
.stories{padding:14px;margin-bottom:14px;border-radius:24px;overflow:hidden}.stories-title{min-height:34px;margin-bottom:11px}.stories-title b{font-size:18px}.story-tools{display:flex;gap:6px}.story-tools button{border:0;background:#eef4ff;color:#276bd8;border-radius:12px;padding:8px 10px;font-size:12px;font-weight:800}.story-row{gap:11px;padding:2px 1px 5px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.story-card{min-width:116px;width:116px;scroll-snap-align:start}.story-avatar{width:116px;height:174px;border-radius:18px;box-shadow:0 5px 16px rgba(25,50,90,.14);transition:transform .15s ease}.story-card:active .story-avatar{transform:scale(.98)}.story-card b{font-size:12px;margin-top:7px}.add-story .story-avatar{border:2px dashed rgba(255,255,255,.35)}.plus{font-size:34px}.story-row::-webkit-scrollbar{height:4px}.story-row::-webkit-scrollbar-thumb{border-radius:99px;background:#d8e0eb}@media(max-width:520px){.stories{padding:12px;border-radius:20px}.stories-title b{font-size:17px}.story-card{min-width:104px;width:104px}.story-avatar{width:104px;height:158px;border-radius:16px}.story-tools button{padding:7px 8px}}
body.dark .story-tools button{background:#1b2b45;color:#8eb6ff}.story-row::-webkit-scrollbar-thumb{background:#cfd8e5}