:root{--purple:#6b23df;--purple2:#8e4af0;--yellow:#ffbf1f;--bg:#08060c;--panel:#120e18;--text:#fff;--muted:#aaa0b2;--line:rgba(255,255,255,.1)}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:"Almarai",Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text);overflow:hidden}button,a,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{fill:currentColor}.app-header{position:fixed;z-index:30;top:0;right:0;left:0;height:70px;background:rgba(8,6,12,.78);border-bottom:1px solid var(--line);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.app-logo{display:flex;align-items:center;gap:10px;width:240px}.app-logo img{width:43px;height:43px;border-radius:14px}.app-logo span{display:flex;flex-direction:column;gap:4px}.app-logo b{font-size:14px}.app-logo small{font-size:8px;color:#8f829a}.feed-tabs{display:flex;gap:20px;position:absolute;left:50%;transform:translateX(-50%);direction:rtl}.feed-tabs button{border:0;background:transparent;color:#8f8598;padding:23px 3px 18px;font-weight:800;position:relative}.feed-tabs button.active{color:#fff}.feed-tabs button.active:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:3px;border-radius:4px;background:linear-gradient(90deg,var(--purple),var(--yellow))}.app-head-actions{display:flex;gap:8px;align-items:center}.app-head-actions>button{height:40px;border:0;border-radius:12px}.app-head-actions>button:first-child{width:40px;background:#18131f;color:#fff;display:grid;place-items:center}.app-head-actions svg{width:20px}.login-pill{padding:0 17px;background:var(--purple);color:#fff;font-weight:800}.app-sidebar{position:fixed;z-index:20;right:0;top:70px;bottom:0;width:190px;background:#0b080f;border-left:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;gap:7px}.app-sidebar a,.app-sidebar button{width:100%;border:0;background:transparent;color:#aaa0b1;border-radius:13px;padding:12px;display:flex;align-items:center;gap:13px;text-align:right;font-weight:700;font-size:12px}.app-sidebar a:hover,.app-sidebar button:hover,.app-sidebar .active{background:#19121f;color:#fff}.app-sidebar svg{width:22px}.app-sidebar .create-button{background:linear-gradient(135deg,var(--purple),var(--purple2));color:#fff;margin:8px 0;box-shadow:0 10px 26px rgba(107,35,223,.22)}.app-sidebar .admin-link{margin-top:auto;color:var(--yellow)}.reels{height:100vh;margin-right:190px;padding-top:70px;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;background:radial-gradient(circle at 65% 15%,#20102f,#08060c 55%)}.reels::-webkit-scrollbar{display:none}.reel{position:relative;width:min(500px,calc(100vw - 250px));height:calc(100vh - 70px);min-height:610px;margin:0 auto;scroll-snap-align:start;scroll-snap-stop:always;background:#09060d;overflow:hidden}.reel>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.reel-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),transparent 35%,rgba(0,0,0,.08) 55%,rgba(0,0,0,.9));pointer-events:none}.watermark{position:absolute;z-index:4;top:82px;left:18px;display:flex;align-items:center;gap:8px;opacity:.72;text-shadow:0 2px 8px rgba(0,0,0,.55)}.watermark img{width:29px;height:29px;border-radius:9px}.watermark span{font-size:10px;font-weight:800;line-height:1.2}.watermark small{font-size:7px;font-weight:400}.reel-copy{position:absolute;z-index:5;right:19px;left:83px;bottom:28px;text-shadow:0 2px 10px rgba(0,0,0,.7)}.user-row{display:flex;align-items:center;gap:9px}.user-row img{width:39px;height:39px;border-radius:50%;border:2px solid #fff}.user-row strong{font-size:12px}.user-row button{border:1px solid rgba(255,255,255,.8);background:transparent;color:#fff;border-radius:8px;padding:6px 10px;font-size:9px;font-weight:800}.reel-copy p{font-size:12px;line-height:1.8;margin:13px 0 8px}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{font-size:9px;font-weight:800}.sound-line{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:9px}.sound-line svg{width:16px}.sound-line span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reel-actions{position:absolute;z-index:7;left:10px;bottom:24px;width:64px;display:flex;flex-direction:column;align-items:center;gap:13px}.reel-actions button{border:0;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:center;gap:4px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.reel-actions button>svg{width:30px;height:30px;stroke:#fff;stroke-width:1.3}.reel-actions button span{font-size:8px;font-weight:800}.reel-actions button.liked svg{color:#ff3c67;fill:#ff3c67;stroke:#ff3c67;animation:pop .28s ease}.reel-actions button.saved svg{color:var(--yellow);fill:var(--yellow);stroke:var(--yellow)}.avatar-action{margin-bottom:1px;position:relative}.avatar-action img{width:43px;height:43px;border-radius:50%;border:2px solid #fff}.avatar-action i{position:absolute;bottom:-5px;width:18px;height:18px;background:var(--purple);border-radius:50%;font-style:normal;display:grid;place-items:center;border:1px solid #fff;font-size:13px}.share-arrow{width:34px!important;height:34px!important;stroke:none!important;fill:#fff!important}.mute-only{position:absolute;z-index:8;top:80px;right:15px;width:42px;height:42px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(8,5,13,.48);color:#fff;backdrop-filter:blur(10px);display:grid;place-items:center}.mute-only svg{width:21px}.volume-icon{display:none}.reel.unmuted .volume-icon{display:block}.reel.unmuted .muted-icon{display:none}.tap-play{position:absolute;z-index:6;inset:50% auto auto 50%;transform:translate(-50%,-50%) scale(.7);width:78px;height:78px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(9,5,14,.45);color:#fff;display:grid;place-items:center;opacity:0;pointer-events:none;transition:.18s;backdrop-filter:blur(10px)}.tap-play svg{width:31px}.reel.paused .tap-play{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.mobile-bottom-nav{display:none}.sheet-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.62);backdrop-filter:blur(5px)}.share-sheet,.comments-sheet,.auth-modal{position:fixed;z-index:100;inset:0;display:flex;align-items:flex-end;justify-content:center}.share-sheet[hidden],.comments-sheet[hidden],.auth-modal[hidden]{display:none}.share-sheet section,.comments-sheet section{position:relative;width:min(500px,100%);background:#17111d;border-radius:26px 26px 0 0;padding:14px 22px 28px;box-shadow:0 -20px 50px rgba(0,0,0,.35)}.sheet-handle{display:block;width:42px;height:4px;border-radius:6px;background:#55495d;margin:0 auto 17px}.share-sheet h2,.comments-head h2{font-size:16px;margin:0 0 20px}.share-options{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.share-options button{border:0;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:center;gap:7px}.share-options span{font-size:9px}.share-icon{width:52px;height:52px;border-radius:17px;background:#28202e;display:grid;place-items:center}.share-icon svg{width:24px}.share-icon.purple{background:var(--purple)}.share-icon.yellow{background:var(--yellow);color:#2e1747}.share-icon.red{background:#ec375d}.download-note{font-size:8px;line-height:1.7;color:#8f8397;text-align:center;margin:18px 0 0}.comments-sheet section{height:min(650px,82vh);display:flex;flex-direction:column}.comments-head{display:flex;align-items:center;justify-content:space-between}.comments-head h2{margin:0}.comments-head h2 small{color:#8d8096}.comments-head button{border:0;background:#2b2232;color:#fff;border-radius:50%;width:34px;height:34px;font-size:20px}.comment-list{flex:1;overflow:auto;margin-top:15px}.comment-list article{display:flex;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.comment-list img{width:38px;height:38px;border-radius:50%}.comment-list b{font-size:10px}.comment-list p{font-size:11px;margin:6px 0;line-height:1.6}.comment-list small{font-size:8px;color:#897d90}.comments-sheet form{display:flex;gap:8px;padding-top:12px}.comments-sheet input{flex:1;height:45px;border:1px solid var(--line);border-radius:13px;background:#211925;color:#fff;padding:0 13px}.comments-sheet form button{border:0;border-radius:12px;background:var(--purple);color:#fff;padding:0 16px;font-weight:800}.auth-modal{align-items:center;padding:20px}.auth-card{position:relative;width:min(420px,100%);background:#fff;color:#1b1420;border-radius:26px;padding:32px;text-align:center}.auth-card>img{width:76px;height:76px;border-radius:22px}.auth-card h2{margin:15px 0 7px}.auth-card p{font-size:11px;color:#756b7c}.close-auth{position:absolute;top:13px;left:13px;width:34px;height:34px;border:0;border-radius:50%;background:#f1ebf6;font-size:20px}.oauth{width:100%;height:48px;border:1px solid #e7dfee;border-radius:13px;background:#fff;margin-top:9px;font-weight:800}.oauth b{margin-left:7px}.oauth.apple{background:#161218;color:#fff}.oauth.mail{background:#f3ecfa;color:var(--purple)}.toast{position:fixed;z-index:200;left:50%;bottom:23px;transform:translateX(-50%);background:#fff;color:#211628;border-radius:13px;padding:13px 18px;font-size:10px;font-weight:700;box-shadow:0 14px 45px rgba(0,0,0,.35)}.toast[hidden]{display:none}@keyframes pop{50%{transform:scale(1.35)}}
@media(max-width:900px){.app-sidebar{display:none}.reels{margin-right:0}.reel{width:min(500px,100vw)}.app-logo{width:auto}.app-logo span{display:none}.app-header{height:60px;padding:0 12px}.app-logo img{width:38px;height:38px}.reels{padding-top:60px}.reel{height:calc(100vh - 60px);min-height:0}.feed-tabs button{padding:20px 3px 15px}.mobile-bottom-nav{position:fixed;z-index:30;right:0;left:0;bottom:0;height:62px;background:rgba(8,6,12,.94);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom-nav a,.mobile-bottom-nav button{border:0;background:transparent;color:#8e8496;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:7px}.mobile-bottom-nav svg{width:22px}.mobile-bottom-nav .active{color:#fff}.mobile-bottom-nav .create{width:44px;height:34px;border-radius:11px;background:linear-gradient(90deg,var(--purple),var(--yellow));color:#fff;display:grid;place-items:center}.reel-copy{bottom:76px}.reel-actions{bottom:73px}.app-head-actions .login-pill{display:none}.app-head-actions>button:first-child{background:transparent}.watermark{top:72px}.mute-only{top:70px}}
@media(max-width:520px){.reel{width:100vw}.reel-actions{left:5px}.reel-copy{right:13px;left:70px}.share-options{gap:7px}.share-icon{width:46px;height:46px}.app-header{direction:ltr}.feed-tabs{direction:rtl}.app-head-actions{direction:rtl}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* v3.0.2 — one official promo, user-initiated playback */
.official-promo-reel video{background:#050307}.official-promo-reel.paused video{filter:none}.official-promo-reel .reel-copy{padding-bottom:74px}.official-promo-reel video::-webkit-media-controls-panel{background:linear-gradient(transparent,rgba(0,0,0,.72))}
.official-promo-reel .reel-copy{bottom:82px;padding-bottom:0;pointer-events:none}.official-promo-reel .reel-copy .user-row button{pointer-events:auto}.official-promo-reel .reel-actions{bottom:82px}
@media(max-width:900px){.official-promo-reel .reel-copy{bottom:118px}.official-promo-reel .reel-actions{bottom:112px}}