body.viewer-open{overflow:hidden!important}
.home-viewer[hidden]{display:none!important}.home-viewer{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center}.home-viewer-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.94);backdrop-filter:blur(8px)}.story-viewer-card,.reel-viewer-card{position:relative;z-index:1;width:min(94vw,520px);height:min(90svh,860px);background:#050807;border:1px solid #294238;border-radius:24px;overflow:hidden;box-shadow:0 24px 80px #000}.viewer-head{position:absolute;top:0;right:0;left:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 16px 34px;color:#fff;background:linear-gradient(#000d,transparent)}.viewer-head>[data-story-owner]{display:flex;align-items:center;gap:10px}.viewer-head small{display:block;opacity:.7;font-size:11px;margin-top:2px}.viewer-owner-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#19d9a0;color:#04110d;display:grid;place-items:center;font-weight:800}.viewer-owner-avatar img{width:100%;height:100%;object-fit:cover}.viewer-close{margin-inline-start:auto;width:42px;height:42px;border:0;border-radius:50%;background:#111b18dd;color:#fff;font-size:28px;line-height:1;cursor:pointer}.story-stage,.reel-stage{position:absolute;inset:0;display:grid;place-items:center;background:#000}.story-stage>img,.story-stage>video,.reel-stage>video{width:100%;height:100%;object-fit:contain;background:#000}.story-text-only{padding:38px;color:#fff;font-size:30px;line-height:1.8;text-align:center}.viewer-story-overlay{position:absolute;transform:translate(-50%,-50%);z-index:5;color:#fff;text-shadow:0 2px 8px #000;pointer-events:none}.viewer-caption{position:absolute;z-index:7;right:16px;left:16px;bottom:18px;padding:10px 12px;border-radius:14px;background:#0009;color:#fff;line-height:1.7}.story-stage audio{position:absolute;z-index:8;right:14px;left:14px;bottom:72px;width:calc(100% - 28px)}.viewer-nav{position:absolute;z-index:9;top:50%;transform:translateY(-50%);width:46px;height:62px;border:0;border-radius:16px;background:#111b18cc;color:#fff;font-size:30px;cursor:pointer}.viewer-nav.prev{right:10px}.viewer-nav.next{left:10px}.story-progress{position:absolute;z-index:10;top:7px;right:10px;left:10px;display:flex;gap:4px}.story-progress span{height:3px;flex:1;border-radius:999px;background:#ffffff45}.story-progress span.done{background:#fff}.reels-list>.reel-card{cursor:pointer}.reels-list>.reel-card video{pointer-events:none}@media(hover:hover) and (pointer:fine){.reels-list>.reel-card:hover{transform:translateY(-2px)}}@media(max-width:760px){.story-viewer-card,.reel-viewer-card{width:100vw;height:100svh;max-width:none;border-radius:0;border:0}.viewer-caption{bottom:calc(16px + env(safe-area-inset-bottom))}.viewer-head{padding-top:calc(16px + env(safe-area-inset-top))}.story-progress{top:calc(6px + env(safe-area-inset-top))}.viewer-nav{width:42px;height:56px}}