.home-story-card{overflow:hidden}.home-story-strip{display:flex;gap:12px;overflow-x:auto;padding:2px 1px 5px;scrollbar-width:none;overscroll-behavior-inline:contain}.home-story-strip::-webkit-scrollbar{display:none}.home-story-trigger{width:62px;flex:0 0 62px;background:transparent;border:0;padding:0;color:inherit;cursor:pointer;text-align:center}.home-story-ring{width:58px;height:58px;border-radius:50%;padding:2px;background:conic-gradient(from 40deg,#2563eb,#8b5cf6,#ec4899,#f59e0b,#2563eb);display:block;margin:0 auto;position:relative}.home-story-trigger[data-viewed="1"] .home-story-ring{background:#d4d4d8}.dark .home-story-trigger[data-viewed="1"] .home-story-ring{background:#3f3f46}.home-story-ring-inner{display:block;width:100%;height:100%;border-radius:50%;background:#fff;padding:2px}.dark .home-story-ring-inner{background:#18181b}.home-story-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.home-story-label{display:block;margin-top:6px;font-size:10px;line-height:1.4;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#52525b}.dark .home-story-label{color:#d4d4d8}.home-story-trigger:hover .home-story-ring{transform:scale(1.04)}.home-story-ring{transition:transform .16s ease}.home-story-empty{font-size:12px;color:#71717a;line-height:1.9;padding:6px 0}
.story-viewer-dialog{margin:auto;border:0;padding:0;background:transparent;width:min(100vw,470px);max-width:none;height:min(100dvh,820px);max-height:none;overflow:visible}.story-viewer-dialog::backdrop{background:rgba(0,0,0,.88);backdrop-filter:blur(8px)}.story-viewer-shell{width:100%;height:100%;min-height:620px;border-radius:24px;overflow:hidden;position:relative;background:#050505;color:#fff;box-shadow:0 30px 120px rgba(0,0,0,.65)}.story-viewer-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#050505}.story-viewer-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.46) 0%,transparent 24%,transparent 58%,rgba(0,0,0,.82) 100%);pointer-events:none}.story-viewer-progress{position:absolute;top:12px;inset-inline:12px;display:flex;gap:4px;z-index:6}.story-viewer-progress>span{height:3px;flex:1;background:rgba(255,255,255,.28);border-radius:999px;overflow:hidden}.story-viewer-progress>span::after{content:"";display:block;height:100%;width:var(--story-progress,0%);background:#fff;border-radius:inherit;transition:width .12s linear}.story-viewer-head{position:absolute;top:25px;inset-inline:14px;z-index:5;display:flex;align-items:center;gap:10px}.story-viewer-head img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.8)}.story-viewer-author{min-width:0;flex:1}.story-viewer-author b{display:block;font-size:12px}.story-viewer-author small{display:block;font-size:10px;color:rgba(255,255,255,.68);margin-top:1px}.story-viewer-close{border:0;background:rgba(0,0,0,.36);color:#fff;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(8px)}.story-viewer-copy{position:absolute;z-index:5;bottom:18px;inset-inline:16px}.story-viewer-copy h3{font-size:18px;line-height:1.75;font-weight:900;margin:0}.story-viewer-copy p{font-size:12px;line-height:1.9;color:rgba(255,255,255,.82);margin:6px 0 0}.story-viewer-cta{margin-top:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border-radius:12px;background:#fff;color:#111827;text-decoration:none;font-size:12px;font-weight:900;max-width:100%}.story-viewer-side{position:absolute;top:16%;bottom:20%;width:34%;z-index:4;border:0;background:transparent;cursor:pointer}.story-viewer-prev{right:0}.story-viewer-next{left:0}.story-viewer-paused:after{content:"";position:absolute;inset:0;z-index:3;background:rgba(0,0,0,.08)}
@media(max-width:640px){.story-viewer-dialog{width:100vw;height:100dvh}.story-viewer-shell{border-radius:0;min-height:100dvh}.story-viewer-head{top:max(25px,env(safe-area-inset-top))}.story-viewer-copy{bottom:max(18px,env(safe-area-inset-bottom))}.home-story-trigger{width:58px;flex-basis:58px}.home-story-ring{width:54px;height:54px}}
@media(prefers-reduced-motion:reduce){.home-story-ring{transition:none}.story-viewer-progress>span::after{transition:none}}

/* v20 - text stories, music metadata and improved viewer rendering */
.story-viewer-text-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:72px 28px 96px}.story-viewer-text-center{width:100%;max-width:390px;position:relative;z-index:2;text-align:center;white-space:pre-wrap;text-shadow:0 3px 26px rgba(0,0,0,.2)}.story-viewer-text-center[data-align="right"]{text-align:right}.story-viewer-text-center[data-align="left"]{text-align:left}.story-viewer-text-center[data-font="classic"]{font-family:serif}.story-viewer-text-center[data-font="soft"]{font-weight:500}.story-viewer-text-center[data-font="mono"]{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.story-viewer-text-title{font-size:clamp(25px,6vw,38px);font-weight:950;line-height:1.55}.story-viewer-text-caption{font-size:14px;line-height:2;margin-top:12px}.story-viewer-text-bg.bg-midnight{background:linear-gradient(150deg,#111827,#312e81,#0f172a)}.story-viewer-text-bg.bg-sunset{background:linear-gradient(145deg,#fb7185,#f97316,#7c2d12)}.story-viewer-text-bg.bg-ocean{background:linear-gradient(145deg,#0ea5e9,#0f766e,#172554)}.story-viewer-text-bg.bg-forest{background:linear-gradient(145deg,#14532d,#166534,#052e16)}.story-viewer-text-bg.bg-berry{background:linear-gradient(145deg,#be185d,#7e22ce,#312e81)}.story-viewer-text-bg.bg-sand{background:linear-gradient(145deg,#d6b47c,#9a6a42,#5b4636)}.story-viewer-text-bg.bg-paper{background:linear-gradient(145deg,#f8fafc,#e2e8f0,#cbd5e1);text-shadow:none}.story-viewer-text-bg.bg-ink{background:linear-gradient(145deg,#09090b,#18181b,#27272a)}

/* v21 - share/deep-link controls and reliable story feedback */
.story-viewer-action{border:0;background:rgba(0,0,0,.36);color:#fff;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(8px);transition:background .15s ease,transform .15s ease}.story-viewer-action:hover,.story-viewer-action:focus-visible{background:rgba(255,255,255,.2);outline:2px solid rgba(255,255,255,.9);outline-offset:2px}.story-viewer-action:active{transform:scale(.95)}.story-viewer-toast{position:absolute;z-index:8;left:50%;bottom:86px;transform:translate(-50%,10px);background:rgba(9,9,11,.86);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800;backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:.18s ease;white-space:nowrap}.story-viewer-toast.show{opacity:1;transform:translate(-50%,0)}