:root{color-scheme:dark;--shahid-bar:58px;--shahid-bottom:env(safe-area-inset-bottom,0px);--shahid-height:100dvh}
*{box-sizing:border-box}.shahid-page{margin:0;overflow:hidden;background:#02060d;color:#fff;font-family:Tajawal,Arial,sans-serif;overscroll-behavior:none}.shahid-page button,.shahid-page input{font:inherit}.shahid-feed{height:100dvh;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;background:#02060d}.shahid-feed::-webkit-scrollbar{display:none}.shahid-slide{position:relative;height:100dvh;min-height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:#07111f;isolation:isolate}.shahid-media{position:absolute;inset:0;display:grid;place-items:center;background:#000;touch-action:pan-y}.shahid-video,.shahid-embed{display:block;width:100%;height:100%;border:0;background:#000;object-fit:contain}.shahid-external{position:absolute;inset:0;display:grid;place-items:center;color:#fff;text-decoration:none}.shahid-external img{width:100%;height:100%;object-fit:contain}.shahid-external span{position:absolute;padding:12px 18px;border-radius:999px;background:#000b;display:flex;gap:8px;align-items:center}.shahid-gradient{position:absolute;inset:auto 0 0;height:42%;pointer-events:none;background:linear-gradient(transparent,rgba(0,0,0,.88));z-index:2}.shahid-topbar{position:fixed;z-index:50;inset:0 0 auto;min-height:var(--shahid-bar);padding:max(12px,env(safe-area-inset-top)) 16px 8px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:linear-gradient(#0009,transparent);pointer-events:none}.shahid-topbar>*{pointer-events:auto}.shahid-brand{display:flex;align-items:center;gap:5px;color:#fff;text-decoration:none;justify-self:start}.shahid-brand svg{width:20px}.shahid-topbar nav{display:flex;align-items:center;gap:20px}.shahid-topbar nav a{position:relative;color:#ffffffb8;text-decoration:none;font-weight:700;padding:7px 1px}.shahid-topbar nav a.active{color:#fff}.shahid-topbar nav a.active:after{content:"";position:absolute;bottom:0;right:25%;left:25%;height:3px;border-radius:2px;background:#fff}.shahid-sound{justify-self:end;border:0;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;background:#0008;color:#fff;cursor:pointer}.shahid-actions{position:absolute;z-index:5;left:11px;bottom:clamp(98px,18vh,170px);display:flex;flex-direction:column;align-items:center;gap:13px}.shahid-avatar{width:47px;height:47px;border-radius:50%;border:2px solid #fff;overflow:hidden;background:#fff}.shahid-avatar img{width:100%;height:100%;object-fit:cover}.shahid-action{width:54px;min-height:48px;border:0;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-shadow:0 1px 4px #000;cursor:pointer}.shahid-action svg{width:29px;height:29px;filter:drop-shadow(0 2px 4px #0008)}.shahid-action b,.shahid-action span{font-size:11px;color:#fff}.shahid-action.is-active>svg{color:#ff365d;fill:currentColor}.shahid-action[data-shahid-action=save].is-active>svg{color:#f2c057;fill:currentColor}.shahid-action[data-shahid-action=follow].is-active>svg{color:#57d4ff}.shahid-caption{position:absolute;z-index:4;right:15px;left:82px;bottom:max(22px,calc(env(safe-area-inset-bottom) + 15px));text-align:right}.shahid-caption a{color:#fff}.shahid-author{display:inline-block;font-weight:800;text-decoration:none;margin-bottom:5px}.shahid-caption h2{font-size:clamp(17px,4.5vw,22px);line-height:1.45;margin:0 0 5px;color:#fff}.shahid-caption p{font-size:14px;line-height:1.65;margin:0 0 6px;color:#f8fafc;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shahid-detail-link{font-size:12px;text-decoration:underline}.shahid-center-toggle{position:absolute;z-index:6;inset:50% auto auto 50%;transform:translate(-50%,-50%) scale(.85);border:0;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#0008;color:#fff;opacity:0;pointer-events:none;transition:.18s}.shahid-center-toggle.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.shahid-center-toggle svg{width:33px;height:33px}.shahid-heart-burst{position:absolute;z-index:7;inset:50% auto auto 50%;transform:translate(-50%,-50%) scale(.2);color:#ff365d;opacity:0;pointer-events:none}.shahid-heart-burst svg{width:88px;height:88px;fill:currentColor;filter:drop-shadow(0 3px 8px #0008)}.shahid-heart-burst.burst{animation:shahid-heart .65s ease}@keyframes shahid-heart{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(-10deg)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.25) rotate(8deg)}100%{opacity:0;transform:translate(-50%,-60%) scale(.9)}}.shahid-progress{position:absolute;z-index:8;bottom:0;right:0;left:0;height:3px;background:#ffffff35}.shahid-progress span{display:block;width:0;height:100%;background:#fff;transition:width .15s linear}.shahid-sound-prompt{position:fixed;z-index:70;top:76px;left:50%;transform:translateX(-50%);padding:10px 15px;border-radius:999px;background:#fff;color:#07111f;font-weight:700;box-shadow:0 8px 30px #0006;align-items:center;gap:7px;white-space:nowrap}.shahid-sound-prompt:not([hidden]){display:flex}.shahid-empty{height:100dvh;display:grid;place-items:center;text-align:center;padding:30px}.shahid-empty svg{width:58px;height:58px}.shahid-empty a{display:inline-flex;margin-top:10px;padding:11px 20px;border-radius:999px;background:#0B5FAE;color:#fff;text-decoration:none}.shahid-sheet{border:0;padding:0;margin:auto auto 0;width:min(100%,620px);max-width:100%;height:min(70dvh,650px);max-height:70dvh;border-radius:24px 24px 0 0;background:#fff;color:#172033;overflow:hidden;box-shadow:0 -20px 50px #0006}.shahid-sheet::backdrop{background:#0008}.shahid-sheet[open]{display:flex;flex-direction:column;animation:sheet-up .2s ease}@keyframes sheet-up{from{transform:translateY(30%);opacity:.6}}.shahid-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #e5e7eb}.shahid-sheet-head button{border:0;background:#eef2f6;width:35px;height:35px;border-radius:50%;display:grid;place-items:center}.shahid-comments-body{flex:1;overflow:auto;padding:8px 16px}.shahid-comment{display:grid;grid-template-columns:42px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #eef2f6}.shahid-comment img{width:42px;height:42px;border-radius:50%;object-fit:cover}.shahid-comment b,.shahid-comment p,.shahid-comment small{display:block;margin:0}.shahid-comment p{line-height:1.55;margin:2px 0}.shahid-comment small{color:#64748b}.shahid-comment-form{display:flex;gap:8px;padding:10px max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom));border-top:1px solid #e5e7eb}.shahid-comment-form input{flex:1;min-width:0;border:1px solid #cbd5e1;border-radius:999px;padding:11px 15px;color:#172033;background:#f8fafc}.shahid-comment-form button{border:0;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;background:#024992;color:#fff}.shahid-more-sheet{height:auto;max-height:55dvh}.shahid-more-actions{padding:8px 15px calc(15px + env(safe-area-inset-bottom));display:grid}.shahid-more-actions button,.shahid-more-actions a{border:0;border-bottom:1px solid #eef2f6;background:#fff;color:#172033;text-decoration:none;padding:15px 6px;display:flex;gap:10px;align-items:center;text-align:right}.shahid-toast{position:fixed;z-index:100;bottom:24px;left:50%;transform:translateX(-50%);background:#fff;color:#172033;padding:10px 16px;border-radius:999px;box-shadow:0 8px 25px #0008;white-space:nowrap}.shahid-loading:after{content:"";position:absolute;inset:50% auto auto 50%;width:34px;height:34px;border:3px solid #fff5;border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:800px){.shahid-feed{max-width:640px;margin:auto;box-shadow:0 0 80px #000}.shahid-slide{max-width:640px;margin:auto}.shahid-topbar{width:640px;right:50%;left:auto;transform:translateX(50%)}.shahid-actions{left:18px}.shahid-caption{right:22px}.shahid-video{object-fit:contain}.shahid-page{background:radial-gradient(circle at center,#142033,#02060d 65%)}}
@media(prefers-reduced-motion:reduce){.shahid-heart-burst.burst,.shahid-sheet[open]{animation:none}.shahid-feed{scroll-behavior:auto}}
.shahid-page{padding:0!important}
/* v1.9.1: lock the immersive feed to the real visual viewport. */
html:has(.shahid-page){height:100%;overflow:hidden}
.shahid-page{position:fixed!important;inset:0;width:100%;height:var(--shahid-height);overflow:hidden!important}
.shahid-feed{width:100%;height:100%!important;max-height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain}
.shahid-feed::-webkit-scrollbar{width:0;height:0}
.shahid-slide,.shahid-empty{width:100%;height:100%!important;min-height:100%!important;max-height:100%}
.shahid-top-actions{justify-self:end;display:flex;align-items:center;gap:8px}
.shahid-add,.shahid-sound{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#0008;border:1px solid #ffffff35;text-decoration:none;cursor:pointer}
.shahid-add{background:linear-gradient(135deg,#ef4444,#b91c1c);box-shadow:0 7px 20px #dc262655}
.shahid-add svg,.shahid-sound svg{width:21px;height:21px}
.shahid-empty a{align-items:center;gap:7px}.shahid-empty a svg{width:18px;height:18px}
@media(max-width:420px){.shahid-topbar{padding-inline:10px}.shahid-topbar nav{gap:13px}.shahid-brand b{font-size:14px}.shahid-add,.shahid-sound{width:37px;height:37px}}