:root{--night:#F7F1E3;--card:#FFFFFF;--card2:#F1E8D6;--sand:#8C2F23;--sand-dim:#8A7B6A;--sadu:#D63A2F;--sadu-deep:#A82A21;--palm:#2E8B57;--qblue:#2E6FB7;--qteal:#2AA8A0;--star:#E8A020;--line:#D9CDB4;--ink:#241F1C;--txt:#241F1C;--txt-dim:#6B6259}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{height:100%}
body{font-family:'Tajawal',sans-serif;background:var(--night);color:var(--txt);max-width:1600px;margin:0 auto;padding:150px 14px 80px;min-height:100vh}

header{padding:18px 18px 12px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:linear-gradient(var(--night) 78%,transparent)}
.logo{font-family:'Reem Kufi',sans-serif;font-size:26px;font-weight:700;color:var(--sand);line-height:1}
.logo span{font-size:13px;display:block;font-family:'Tajawal';font-weight:500;color:var(--txt-dim);margin-top:3px}
.count-pill{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:6px 12px;font-size:12px;color:var(--sand-dim)}
.filters{padding:6px 18px 14px;display:flex;flex-direction:column;gap:10px}
.hero{position:relative;margin:4px 18px 14px;padding:18px 18px 16px;background:var(--card);border:1.5px solid var(--ink);border-radius:18px;box-shadow:0 3px 10px rgba(36,31,28,.08);text-align:center}
.hero-x{position:absolute;top:10px;left:10px;width:28px;height:28px;border-radius:50%;background:var(--card2);border:1px solid var(--line);color:var(--txt-dim);font-size:13px;cursor:pointer}
.hero-title{font-family:'Reem Kufi',sans-serif;font-size:21px;color:var(--sand);margin-bottom:4px}
.hero-sub{font-size:13px;color:var(--txt-dim);margin-bottom:14px;line-height:1.8}
.hero-steps{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.hstep{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:700;color:var(--txt)}
.hstep span{font-size:22px;background:var(--card2);border:1px solid var(--line);border-radius:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center}
.harrow{color:var(--sadu);font-weight:700;font-size:14px;margin-top:-14px}
.hero-cta{padding:11px 26px;font-size:14px}
.search-box{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:11px 14px}
.search-box input{flex:1;background:none;border:none;outline:none;color:var(--txt);font-family:'Tajawal';font-size:14px}
.search-box input::placeholder{color:var(--txt-dim)}
.sel-row{display:flex;gap:8px}
select{flex:1;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 12px;color:var(--txt);font-family:'Tajawal';font-size:13px;outline:none;appearance:none}
.sort-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}
.sort-tabs::-webkit-scrollbar{display:none}
.sort-tab{flex:0 0 auto;text-align:center;padding:9px;border-radius:12px;font-size:13px;font-weight:500;background:var(--card);border:1px solid var(--line);color:var(--txt-dim);cursor:pointer;transition:.2s;white-space:nowrap}
.sort-tab.on{background:var(--sadu);border-color:var(--sadu);color:#fff;font-weight:700}
.feed .empty,.feed .loader{grid-column:1/-1}
.card:hover{transform:translateY(-3px);border-color:var(--sand-dim)}
.card:active{transform:scale(.97)}
.ph{position:relative;height:150px;overflow:hidden;background:var(--card2)}
.ph img{width:100%;height:100%;object-fit:cover;display:block}
.medal{position:absolute;top:7px;right:7px;background:rgba(255,255,255,.9);border:1px solid var(--line);backdrop-filter:blur(4px);border-radius:10px;padding:3px 8px;font-size:11px;font-weight:700;color:var(--star);display:flex;align-items:center;gap:4px}
.badge-tag{position:absolute;top:7px;left:7px;background:rgba(255,255,255,.9);backdrop-filter:blur(4px);border:1px solid var(--sadu);border-radius:10px;padding:3px 7px;font-size:9.5px;color:var(--sand);font-weight:700;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.loc-chip{position:absolute;bottom:7px;right:7px;background:rgba(255,255,255,.9);border:1px solid var(--line);backdrop-filter:blur(4px);border-radius:10px;padding:3px 8px;font-size:10.5px;color:var(--sand);max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card-body{padding:9px 11px 11px}
.card-title{font-size:13.5px;font-weight:700;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--txt-dim)}
.card-meta .who{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-inline-start:6px}
.stars-mini{color:var(--star);letter-spacing:.5px;font-size:11px;white-space:nowrap}
.overlay{position:fixed;inset:0;background:rgba(36,31,28,.55);z-index:50;display:none;align-items:flex-end;justify-content:center}
.overlay.show{display:flex}
.sheet{position:relative;background:var(--night);width:100%;max-width:760px;max-height:92vh;border-radius:24px 24px 0 0;overflow-y:auto;border-top:2px solid var(--sadu);animation:up .25s ease}
/*.sheet{position:relative;background:var(--night);width:100%;max-width:760px;max-height:92vh;border-radius:24px 24px 0 0;overflow-y:auto;border-top:2px solid var(--sadu);animation:up .25s ease;padding-bottom:80px} */
@keyframes up{from{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.sheet{animation:none}}
.sheet .ph{height:45vh;min-height:240px;max-height:430px;border-radius:0;background:#000}
.sheet .ph img{width:100%;height:100%;object-fit:cover}
.zoombtn{position:absolute;bottom:10px;left:10px;z-index:6;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:12px;padding:7px 13px;font-family:'Tajawal';font-size:12px;font-weight:700;color:var(--txt);cursor:pointer}
.close-x{z-index:30!important;width:40px;height:40px;font-size:18px}
.sheet .ph.full{height:auto;max-height:none}
.sheet .ph.full img{height:auto;max-height:82vh;object-fit:contain}
.sheet-body{padding:16px 20px 30px}
.sheet-title{font-family:'Reem Kufi',sans-serif;font-size:22px;color:var(--sand)}
.sheet-loc{color:var(--txt-dim);font-size:13px;margin:4px 0 14px;line-height:1.7}
.rate-box{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;text-align:center;margin-bottom:16px}
.rate-label{font-size:13px;color:var(--txt-dim);margin-bottom:8px}
.big-stars{display:flex;justify-content:center;gap:10px;direction:ltr}
.big-stars button{background:none;border:none;font-size:30px;color:var(--line);cursor:pointer;transition:.15s;padding:2px}
.big-stars button.lit{color:var(--star)}
.rate-avg{margin-top:10px;font-size:13px;color:var(--sand-dim)}
.thanks{color:var(--palm);font-size:13px;margin-top:8px;display:none}
.poll-box{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:16px}
.poll-title{font-size:14px;font-weight:700;margin-bottom:10px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{background:var(--card2);border:1px solid var(--line);border-radius:20px;padding:8px 13px;font-size:12.5px;color:var(--txt);font-family:'Tajawal';cursor:pointer;display:flex;align-items:center;gap:6px;transition:.15s}
.chip .n{background:var(--night);border-radius:10px;padding:1px 7px;font-size:11px;color:var(--sand-dim)}
.chip.on{background:var(--sadu);border-color:var(--sadu);color:#fff;font-weight:700}
.chip.on .n{background:rgba(0,0,0,.25);color:#fff}
.chip:active{transform:scale(.95)}
.comments-h{font-size:15px;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.comment{background:var(--card);border-radius:12px;padding:10px 12px;margin-bottom:8px;font-size:13px}
.comment b{color:var(--sand);display:block;font-size:12px;margin-bottom:3px}
.c-input{display:flex;gap:8px;margin-top:12px}
.c-input input{flex:1;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px 13px;color:var(--txt);font-family:'Tajawal';outline:none;font-size:13px}
.btn{background:var(--sadu);color:#fff;border:none;border-radius:12px;padding:11px 18px;font-family:'Tajawal';font-weight:700;font-size:14px;cursor:pointer}
.btn:active{background:var(--sadu-deep)}
.btn:disabled{opacity:.5}
.close-x{position:sticky;top:10px;margin:10px 18px -40px auto;z-index:5;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--txt);border:1px solid var(--line);font-size:16px;cursor:pointer;display:block}
.form{padding:6px 20px 160px}
.form h2{font-family:'Reem Kufi',sans-serif;color:var(--sand);font-size:22px;margin-bottom:4px}
.form p.hint{color:var(--txt-dim);font-size:13px;margin-bottom:18px}
.f-group{margin-bottom:14px}
.f-group label{display:block;font-size:13px;color:var(--sand-dim);margin-bottom:6px;font-weight:500}
.f-group input,.f-group select,.f-group textarea{width:100%;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;color:var(--txt);font-family:'Tajawal';font-size:14px;outline:none}
.f-group textarea{resize:vertical;min-height:90px}
.rules{background:var(--card);border:1.5px solid var(--ink);border-radius:16px;padding:0;margin-bottom:18px;overflow:hidden}
.rules summary{cursor:pointer;font-weight:700;font-size:13.5px;padding:12px 14px;background:var(--card2);list-style:none;user-select:none}
.rules summary::-webkit-details-marker{display:none}
.rules[open] summary{border-bottom:1px solid var(--line)}
.rules-col{padding:12px 13px;display:flex;flex-direction:column;gap:7px;font-size:12px;line-height:1.7}
.rules-col b{font-size:13px;margin-bottom:2px}
.rules-col.ok b{color:var(--palm)}
.rules-col.no b{color:var(--sadu)}
.rules-foot{font-size:11px;color:var(--txt-dim);padding:9px 13px;border-top:1px dashed var(--line);text-align:center}
.rules-foot a{color:var(--sadu);font-weight:700}
.cap-row{display:flex;gap:10px;margin-bottom:14px}
.cap-btn{flex:1;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 10px;color:var(--txt);font-family:'Tajawal';cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:22px;transition:.15s}
.cap-btn b{font-size:14px}
.cap-btn small{font-size:11px;color:var(--txt-dim);font-weight:400}
.cap-btn.live{border-color:var(--sadu);background:linear-gradient(160deg,var(--card),rgba(214,58,47,.08))}
.cap-btn:active{transform:scale(.96)}
.cap-btn.on-dest{border-color:var(--qblue);background:linear-gradient(160deg,var(--card),rgba(46,111,183,.10));box-shadow:0 0 0 1.5px var(--qblue) inset}
.geo-card{background:var(--card);border:1px solid var(--palm);border-radius:14px;padding:12px 14px;margin-bottom:14px;font-size:13px}
.geo-card.warn{border-color:var(--star)}
.geo-status{font-weight:700;color:var(--palm);margin-bottom:3px}
.geo-card.warn .geo-status{color:var(--star)}
.geo-coords{color:var(--txt-dim);font-size:12px;direction:ltr;text-align:right}
.drop{border:2px dashed var(--line);border-radius:18px;padding:20px;text-align:center;color:var(--txt-dim);margin-bottom:16px;background:var(--card)}
.drop.has{border-color:var(--palm);color:var(--palm)}
.drop img{max-width:100%;max-height:200px;border-radius:12px;margin-top:10px}
.submit-btn{position:fixed;bottom:96px;left:50%;transform:translateX(-50%);width:calc(100% - 40px);max-width:480px;z-index:35;padding:15px;font-size:16px;box-shadow:0 6px 20px rgba(214,58,47,.4)}
/* nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:520px;z-index:30;background:var(--card);border-top:1px solid var(--line);display:flex;padding:8px 10px calc(8px + env(safe-area-inset-bottom))} */
nav{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:30;background:var(--card);border-top:1px solid var(--line);display:flex;padding:8px 10px calc(8px + env(safe-area-inset-bottom))}
.nav-btn{flex:1;background:none;border:none;color:var(--txt-dim);font-family:'Tajawal';font-size:11.5px;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 4px;transition:color .15s}
.nb-ic{width:24px;height:24px;stroke:currentColor;flex-shrink:0}
.nav-btn span{font-size:10.5px;line-height:1}
.nav-btn.on{color:var(--sadu)}
.nav-btn.on .nb-ic{stroke:var(--sadu)}
.nav-btn.on::after{content:'';display:block;width:4px;height:4px;border-radius:50%;background:var(--sadu);margin:2px auto 0}
.empty{text-align:center;padding:50px 30px;color:var(--txt-dim);font-size:14px;line-height:1.9}
.empty .big{font-size:40px;display:block;margin-bottom:8px}
.toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:var(--palm);color:#fff;padding:11px 22px;border-radius:14px;font-size:14px;font-weight:700;z-index:99;display:none;white-space:nowrap}
.toast.err{background:var(--sadu)}
.loader{text-align:center;padding:40px;color:var(--txt-dim);font-size:14px}
.page{display:none}.page.on{display:block}
.week-strip{margin:10px 18px 0;background:linear-gradient(135deg,#FFF3CF,#FFFDF5);border:2px solid var(--star);border-radius:16px;padding:16px 18px;font-size:15px;font-weight:500;text-align:center;cursor:pointer;color:var(--txt);box-shadow:0 3px 12px rgba(232,160,32,.22);animation:wpulse 2.6s ease-in-out infinite}
@keyframes wpulse{0%,100%{box-shadow:0 3px 12px rgba(232,160,32,.22)}50%{box-shadow:0 3px 20px rgba(232,160,32,.45)}}
.week-strip b{color:var(--sadu)}
.wvote{width:100%;margin-top:8px;font-size:12.5px;padding:9px}
.wvote.on{background:var(--palm)}
.wcard.voted{border-color:var(--palm);box-shadow:0 0 0 2px rgba(46,139,87,.25)}
.follow-row{display:flex;align-items:center;gap:10px;margin:-6px 0 14px}
.fcount{font-size:13px;color:var(--txt-dim);font-weight:700}
.fbtn{background:var(--card);border:1.5px solid var(--sadu);color:var(--sadu);border-radius:20px;padding:6px 16px;font-family:'Tajawal';font-weight:700;font-size:12.5px;cursor:pointer}
.fbtn.on{background:var(--palm);border-color:var(--palm);color:#fff}
.mapbtn{display:inline-block;margin-top:6px;background:var(--card);border:1.5px solid var(--palm);color:var(--palm);border-radius:12px;padding:6px 13px;font-size:12px;font-weight:700;text-decoration:none}
.rankchip{font-size:11px;font-weight:700;padding:4px 11px;border-radius:12px;border:1.5px solid}
.rankchip.r-bronze{background:#F3EDE2;color:#8A6E4E;border-color:#C9B28C}
.rankchip.r-silver{background:#EEF3F7;color:#2E6FB7;border-color:#9CBBDB}
.rankchip.r-gold{background:#FFF4D6;color:#A87500;border-color:var(--star)}
.wcard.winner{border:2.5px solid var(--star);box-shadow:0 0 0 3px rgba(232,160,32,.25),0 4px 14px rgba(232,160,32,.3)}
.week-strip.win{background:linear-gradient(135deg,#FFF4D6,#FFFDF5);border-color:var(--star)}
.mst-row{display:flex;justify-content:space-between;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin-bottom:7px;font-size:13.5px}
.mst-row b{color:var(--sand)}
.mst-photo .t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
#lightbox{display:none;position:fixed;inset:0;background:rgba(10,8,6,.96);z-index:200}
#lightbox.show{display:block}
.lb-scroll{width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom}
#lbImg{display:block;width:100%;max-width:none;margin:auto;transition:width .15s}
.lb-bar{position:fixed;top:12px;left:12px;z-index:210;display:flex;gap:8px}
.lb-bar button{width:42px;height:42px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);background:rgba(255,255,255,.12);color:#fff;font-size:16px;cursor:pointer;backdrop-filter:blur(4px)}
.sheet .ph img{cursor:zoom-in}
.sponsor-bar{position:relative;margin:10px 18px 0;border-radius:16px;overflow:hidden;border:1.5px solid var(--line);box-shadow:0 3px 10px rgba(36,31,28,.08)}
.sponsor-bar img{display:block;width:100%;aspect-ratio:4/1;object-fit:cover}
.sponsor-bar .sp-tag{position:absolute;top:8px;left:8px;background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:10px;padding:2px 9px;font-size:9.5px;font-weight:700;color:var(--txt-dim)}
.acc-footer{margin-top:26px;padding-top:16px;border-top:1px dashed var(--line);text-align:center;font-size:12.5px;color:var(--txt-dim)}
.acc-footer a{color:var(--txt-dim);text-decoration:none;font-weight:700}
.acc-footer a:hover{color:var(--sadu)}
.acc-footer span{margin:0 6px}
.acc-copy{margin-top:10px;font-size:11px;color:var(--sand-dim)}
#mapWrap{position:relative;margin-top:4px}
#map{height:62vh;min-height:380px;border-radius:16px;border:2px solid var(--ink);box-shadow:0 4px 14px rgba(36,31,28,.15);z-index:1}
.pmark{width:46px;height:46px;border-radius:50%;overflow:hidden;border:2.5px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.45);background:var(--card)}
.pmark img{width:100%;height:100%;object-fit:cover}
#mapSponsor{position:absolute;bottom:14px;right:14px;z-index:500;max-width:44%}
#mapSponsor img{width:100%;border-radius:12px;border:1.5px solid var(--line);box-shadow:0 3px 10px rgba(0,0,0,.3);display:block}
.sp-main{background:var(--card);border:2px solid var(--star);border-radius:16px;overflow:hidden;margin-bottom:14px}
.sp-main img{width:100%;aspect-ratio:4/1;object-fit:cover;display:block}
.sp-main .t{padding:10px 14px;font-weight:700;font-size:13.5px;text-align:center}
.sp-cta{background:linear-gradient(135deg,#FFF7E0,var(--card));border:1.5px dashed var(--star);border-radius:16px;padding:16px;font-size:13px;line-height:2;text-align:center;color:var(--txt)}
#fab{position:fixed;bottom:88px;left:18px;width:58px;height:58px;border-radius:50%;border:2.5px solid #fff;background:linear-gradient(150deg,var(--sadu),#B22D24);color:#fff;font-size:30px;font-weight:700;cursor:pointer;box-shadow:0 5px 16px rgba(214,58,47,.5);z-index:80;line-height:1;font-family:'Tajawal'}
#fab:active{transform:scale(.92)}
.msg-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:10px}
.msg-card .mk{font-size:11px;color:var(--txt-dim);display:flex;justify-content:space-between;margin-bottom:5px}
.msg-card .mb{font-size:13.5px;line-height:1.9}
.msg-st{font-size:10.5px;font-weight:700;padding:3px 10px;border-radius:10px}
.msg-st.new{background:#FFF4D6;color:#A87500;border:1px solid var(--star)}
.msg-st.done{background:rgba(46,139,87,.12);color:var(--palm);border:1px solid var(--palm)}
.msg-reply{margin-top:9px;background:var(--card2);border-right:3px solid var(--palm);border-radius:10px;padding:9px 12px;font-size:12.5px;line-height:1.9}
.msg-reply b{color:var(--palm);font-size:11.5px}
.fbtn.fav{border-color:var(--sadu);color:var(--sadu)}
.fbtn.fav.on{background:var(--sadu);border-color:var(--sadu);color:#fff}
#maintScreen{display:none}
#maintScreen.on{position:fixed;inset:0;background:var(--night);z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;font-family:'Tajawal',sans-serif}
.maint-strip{height:16px;width:100%;position:absolute;top:0;left:0;background-repeat:repeat-x}
.maint-ic{font-size:64px;margin-bottom:14px}
.maint-title{font-family:'Reem Kufi',sans-serif;font-size:26px;color:var(--sadu);margin-bottom:10px}
.maint-msg{font-size:15px;color:var(--txt-dim);line-height:2;max-width:400px}
.maint-foot{margin-top:26px;font-size:12px;color:var(--sand-dim)}
.maint-chip{position:fixed;top:10px;left:10px;z-index:100000;background:#FFF4D6;border:1.5px solid var(--star);border-radius:12px;padding:6px 13px;font-size:11.5px;font-weight:700;color:#A87500;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.filter-drawer{background:var(--card);border:1.5px solid var(--line);border-radius:16px;padding:14px;margin-bottom:10px}
.filter-drawer>*{flex:0 0 auto}
.fd-scroll{max-height:46vh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:4px}
.fd-scroll::-webkit-scrollbar{width:4px}
.fd-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}
.fd-actions{display:flex;gap:8px;padding-top:12px;margin-top:10px;border-top:1.5px solid var(--line)}
.fd-actions .btn{flex:1}
.fd-section{margin-bottom:12px}
.fd-label{font-size:12px;font-weight:700;color:var(--txt-dim);margin-bottom:7px}
.fd-chips{display:flex;flex-wrap:wrap;gap:7px}
.fd-chip{background:var(--card2);border:1.5px solid var(--line);border-radius:16px;padding:6px 13px;font-family:'Tajawal';font-size:12.5px;font-weight:700;color:var(--txt-dim);cursor:pointer}
.fd-chip.on{background:var(--sadu);border-color:var(--sadu);color:#fff}
.nearby-title{font-size:14px;font-weight:700;padding:6px 2px 8px;color:var(--ink)}
.sponsor-side{background:var(--card);border:1.5px solid var(--star);border-radius:14px;padding:12px 14px;margin-bottom:12px;display:flex;align-items:center;gap:12px}
.sponsor-side img{width:48px;height:48px;border-radius:10px;object-fit:cover;border:1px solid var(--line);flex-shrink:0}
.sponsor-side .sp-info{min-width:0;flex:1}
.sponsor-side .sp-name{font-weight:700;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sponsor-side .sp-cat{font-size:11.5px;color:var(--txt-dim)}
.sponsor-side .sp-tag{font-size:10px;background:#FFF4D6;color:#A87500;border:1px solid var(--star);border-radius:8px;padding:2px 8px;font-weight:700;flex-shrink:0}
.sp-pin{text-align:center;position:relative}
.sp-pin img{width:48px;height:48px;border-radius:50%;border:3px solid var(--star);box-shadow:0 2px 8px rgba(0,0,0,.4);display:block;margin:0 auto}
.sp-pin-label{background:var(--star);color:var(--ink);font-size:10px;font-weight:700;border-radius:8px;padding:2px 7px;margin-top:3px;white-space:nowrap;font-family:'Tajawal'}
.user-pin{text-align:center}
.user-pin-label{background:var(--qblue);color:#fff;font-size:10px;font-weight:700;border-radius:8px;padding:2px 7px;margin-top:2px;white-space:nowrap;font-family:'Tajawal'}
.sp-card{background:var(--card);border:1.5px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:14px}
.sp-card-head{display:flex;align-items:center;gap:12px;padding:14px}
.sp-card-head img{width:56px;height:56px;border-radius:12px;object-fit:cover;border:1px solid var(--line);flex-shrink:0}
.sp-card-info{flex:1;min-width:0}
.sp-card-name{font-weight:700;font-size:15px}
.sp-card-cat{font-size:12px;color:var(--txt-dim);margin-top:2px}
.sp-card-body{padding:0 14px 14px}
.sp-deal{background:linear-gradient(135deg,#FFF7E0,var(--card));border:1.5px dashed var(--star);border-radius:12px;padding:10px 13px;font-size:13px;line-height:1.9}
.sp-code{display:inline-block;background:var(--ink);color:#F7F1E3;border-radius:8px;padding:3px 12px;font-weight:700;font-size:13px;letter-spacing:1px;margin-top:4px;direction:ltr}
.sp-side-btn{background:var(--sadu);color:#fff;border:none;border-radius:10px;padding:5px 12px;font-family:'Tajawal';font-size:12px;font-weight:700;cursor:pointer;flex-shrink:0}
.search-unified{display:flex;align-items:center;gap:0;background:var(--card);border:1.5px solid var(--line);border-radius:14px;padding:4px 6px;width:100%;box-sizing:border-box}
.su-view{background:none;border:none;border-radius:10px;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--txt-dim);flex-shrink:0;transition:background .15s}
.su-view.on{background:var(--sadu);color:#fff}
.su-view.on svg{stroke:#fff}
.su-sep{width:1px;height:22px;background:var(--line);margin:0 4px;flex-shrink:0}
.su-input{flex:1;border:none;background:none;font-family:'Tajawal';font-size:13.5px;color:var(--txt);outline:none;padding:0 6px;direction:rtl;min-width:0}
.su-input::placeholder{color:var(--txt-dim)}
.su-filter{background:none;border:none;display:flex;align-items:center;gap:5px;font-family:'Tajawal';font-size:13px;font-weight:700;color:var(--txt);cursor:pointer;padding:4px 8px;border-radius:10px;flex-shrink:0;transition:background .15s}
.su-filter:hover{background:var(--card2)}
.su-filter svg{stroke:var(--txt)}
.f-badge{color:var(--sadu);font-size:10px;margin-right:1px}
.mcard{margin-bottom:8px;border-radius:14px;overflow:hidden;cursor:pointer;position:relative;display:block}
.mcard img{width:100%;display:block;transition:transform .3s}
.mcard:active img{transform:scale(1.02)}
.mc-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,8,6,.8) 0%,rgba(10,8,6,.3) 40%,transparent 70%);opacity:0;transition:opacity .25s;display:flex;flex-direction:column;justify-content:flex-end;padding:10px 10px 8px}
.mcard:hover .mc-overlay,.mcard.tapped .mc-overlay{opacity:1}
.mc-title{color:#fff;font-size:12px;font-weight:700;line-height:1.4;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.mc-sub{color:rgba(255,255,255,.75);font-size:10.5px;margin-top:2px;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.mc-medal{position:absolute;top:8px;right:8px;font-size:16px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}
@media(hover:none){.mc-overlay{opacity:0}.mcard.tapped .mc-overlay{opacity:1}}
/* #feed{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px} */
#feed,#favFeed.grid,#profFeed{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding-bottom:120px}
@media(min-width:600px){#feed,#favFeed.grid,#profFeed{grid-template-columns:repeat(3,1fr)}}
@media(min-width:900px){#feed,#favFeed.grid,#profFeed{grid-template-columns:repeat(4,1fr)}}
.view-toggle-pair{display:flex;gap:2px;background:var(--card2);border:1.5px solid var(--line);border-radius:10px;padding:3px}
/* ====== الأيقونة بالهيدر ====== */
.hdr-icon{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--line)}

/* ====== Sticky Header + Filter ====== */
.sticky-top{position:fixed;top:0;left:0;right:0;z-index:20;background:var(--night);box-shadow:0 2px 8px rgba(36,31,28,.06);max-width:1600px;margin:0 auto}
html{scroll-behavior:smooth}
body{overflow-x:hidden}
header{padding:12px 18px;display:flex;align-items:center;justify-content:space-between;background:var(--night)}
.logo{font-family:'Reem Kufi',sans-serif;font-size:22px;font-weight:700;color:var(--sand);line-height:1}
.logo span{font-size:12px;display:block;font-family:'Tajawal';font-weight:500;color:var(--txt-dim);margin-top:2px}
.filters{padding:4px 18px 10px;display:flex;flex-direction:column;gap:8px}
.hdr-icon{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--line)}
/* ختم الإصدار */
.count-pill{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:5px 11px;font-size:11.5px;color:var(--sand-dim)}

/* الفلتر يظهر فقط بالرئيسية */
#mainFilters{display:flex}
body.page-favs #mainFilters,
body.page-msgs #mainFilters,
body.page-acc #mainFilters,
body.page-add #mainFilters,
body.page-adm #mainFilters,
body.page-week #mainFilters,
body.page-sponsors #mainFilters{display:none}
 /* ====== بروفايل المصور ====== */
.prof-card{background:var(--card);border:1.5px solid var(--line);border-radius:18px;padding:18px;text-align:center}
.prof-name{font-family:'Reem Kufi',sans-serif;font-size:22px;color:var(--sand);margin-bottom:6px}
.prof-bio{font-size:13px;color:var(--txt-dim);line-height:1.9;margin:8px 0}
.prof-stats{display:flex;justify-content:center;gap:18px;margin-top:14px;flex-wrap:wrap}
.prof-stat{text-align:center}
.prof-stat b{display:block;font-size:19px;color:var(--sadu)}
.prof-stat span{font-size:11px;color:var(--txt-dim)}
#profFeed{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
@media(min-width:600px){#profFeed{grid-template-columns:repeat(3,1fr)}}
@media(min-width:900px){#profFeed{grid-template-columns:repeat(4,1fr)}}
/* ====== نصيحة الطقس ====== */
.wtip{background:linear-gradient(135deg,#E8F4FD,var(--card));border:1.5px solid var(--qblue);border-radius:14px;padding:11px 15px;margin-bottom:12px;font-size:13px;line-height:1.8;display:flex;align-items:center;gap:10px;min-height:64px;transition:opacity .25s}
.wtip .wt-ic{font-size:26px;flex-shrink:0}
.wtip .wt-txt{flex:1;min-width:0}
.wtip .wt-now{font-weight:700;color:var(--qblue);font-size:13.5px}
.wtip .wt-adv{font-size:12px;color:var(--txt-dim);margin-top:2px}
/* ====== الزيارات ====== */
.visit-box{background:var(--card);border:1.5px solid var(--palm);border-radius:14px;padding:12px 14px;margin-bottom:14px}
.visit-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.visit-count{font-size:13px;font-weight:700;color:var(--palm)}
.visit-btn{background:var(--palm);color:#fff;border:none;border-radius:12px;padding:8px 16px;font-family:'Tajawal';font-size:12.5px;font-weight:700;cursor:pointer}
.visit-btn.done{background:var(--card2);color:var(--txt-dim);border:1px solid var(--line)}
.visit-note{background:var(--card2);border-radius:10px;padding:8px 12px;margin-top:6px;font-size:12.5px;line-height:1.8}
.visit-note b{color:var(--palm);font-size:11.5px;display:block}
.visit-far{font-size:11.5px;color:var(--txt-dim);text-align:center;padding:6px}
.mc-visits{position:absolute;top:8px;left:8px;background:rgba(46,139,87,.92);color:#fff;border-radius:10px;padding:3px 9px;font-size:11px;font-weight:700;font-family:'Tajawal';box-shadow:0 2px 6px rgba(0,0,0,.3)}

/* ====== تحدي الأسبوع ====== */
.ch-strip{margin:10px 0 14px!important;display:block;width:100%;box-sizing:border-box;background:var(--card);border:2px solid var(--ink);border-radius:16px;padding:14px 18px;font-size:14.5px;text-align:center;cursor:pointer;color:var(--txt);box-shadow:0 3px 10px rgba(36,31,28,.08)}
.ch-strip b{color:var(--sadu)}
.ch-hint{font-size:12.5px;color:var(--txt-dim);margin-top:5px;line-height:1.8}
.ch-left{font-size:11.5px;color:var(--sadu);font-weight:700;margin-top:6px}

/* ====== كنوز الديرة ====== */
.quest-card{background:var(--card);border:2px solid var(--ink);border-radius:18px;padding:16px;margin-bottom:14px;box-shadow:0 3px 10px rgba(36,31,28,.08)}
.quest-card.done{border-color:var(--star);background:linear-gradient(135deg,#FFF9EC,var(--card))}
.q-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.q-badge{font-size:34px;flex-shrink:0}
.q-info{flex:1;min-width:0}
.q-title{font-family:'Reem Kufi',sans-serif;font-size:18px;color:var(--sand)}
.q-sub{font-size:12px;color:var(--txt-dim);margin-top:2px}
.q-sponsor{font-size:12px;color:var(--txt-dim);background:var(--card2);border-radius:10px;padding:6px 11px;margin-bottom:10px}
.q-sponsor b{color:var(--sadu)}
.q-bar{height:9px;background:var(--card2);border-radius:6px;overflow:hidden;border:1px solid var(--line)}
.q-fill{height:100%;background:linear-gradient(90deg,var(--palm),var(--star));transition:width .4s}
.q-meta{display:flex;justify-content:space-between;font-size:11.5px;color:var(--txt-dim);margin-top:6px;font-weight:700}
.q-win{background:linear-gradient(135deg,#FFF4D6,var(--card));border:1.5px dashed var(--star);border-radius:12px;padding:10px;margin-top:10px;font-size:13px;text-align:center;font-weight:700;color:#A87500}
.q-stops{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px}
.q-stop{position:relative;border-radius:10px;overflow:hidden;cursor:pointer;aspect-ratio:1;background:var(--card2)}
.q-stop img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) opacity(.45);transition:filter .3s}
.q-stop.got img{filter:none}
.q-check{position:absolute;top:4px;right:4px;background:var(--palm);color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:1.5px solid #fff}
.q-stop-name{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff;font-size:9px;padding:8px 3px 3px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prof-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}
.prof-badge{background:linear-gradient(135deg,#FFF4D6,var(--card));border:1.5px solid var(--star);border-radius:12px;padding:6px 12px;font-size:12px;font-weight:700;color:#A87500}
@media(min-width:600px){.q-stops{grid-template-columns:repeat(6,1fr)}}

/* ====== شارة الفيديو ====== */
.mc-vid{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;border:2px solid rgba(255,255,255,.85);backdrop-filter:blur(3px);pointer-events:none}

/* ====== كاميرا التسجيل ====== */
#recScreen{display:none;position:fixed;inset:0;background:#000;z-index:300}
#recScreen.on{display:block}
#recPreview{width:100%;height:100%;object-fit:cover;background:#000}
.rec-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;padding-top:calc(16px + env(safe-area-inset-top));z-index:5}
.rec-x,.rec-flip{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.35);color:#fff;font-size:18px;cursor:pointer;backdrop-filter:blur(6px)}
.rec-timer{background:rgba(0,0,0,.45);color:#fff;border-radius:20px;padding:6px 16px;font-family:'Tajawal';font-size:14px;font-weight:700;letter-spacing:1px;direction:ltr;backdrop-filter:blur(6px)}
.rec-timer.live{background:rgba(214,58,47,.9)}
.rec-bar{position:absolute;top:0;left:0;right:0;height:4px;background:rgba(255,255,255,.15);z-index:6}
.rec-fill{height:100%;width:0%;background:linear-gradient(90deg,#D63A2F,#E8A020);transition:width .1s linear}
.rec-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:14px;padding:0 0 calc(38px + env(safe-area-inset-bottom));z-index:5}
.rec-hint{color:rgba(255,255,255,.8);font-family:'Tajawal';font-size:13px;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.rec-btn{width:82px;height:82px;border-radius:50%;background:rgba(255,255,255,.18);border:4px solid #fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s;-webkit-tap-highlight-color:transparent}
.rec-btn.recording{transform:scale(1.12);border-color:#D63A2F}
.rec-dot{width:56px;height:56px;border-radius:50%;background:#D63A2F;transition:all .2s}
.rec-btn.recording .rec-dot{width:30px;height:30px;border-radius:8px}

/* ====== فلاتر الصور ====== */
.filter-row{display:flex;gap:9px;overflow-x:auto;padding:12px 2px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.filter-row::-webkit-scrollbar{display:none}
.f-item{flex:0 0 auto;text-align:center;cursor:pointer;width:66px}
.f-thumb{width:60px;height:60px;border-radius:14px;overflow:hidden;border:2.5px solid var(--line);margin:0 auto 5px;background:var(--card2);transition:border-color .15s,transform .15s}
.f-item.on .f-thumb{border-color:var(--sadu);transform:scale(1.06)}
.f-thumb img,.f-thumb canvas{width:100%;height:100%;object-fit:cover;display:block}
.f-name{font-size:10px;font-weight:700;color:var(--txt-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
.f-item.on .f-name{color:var(--sadu)}
#preview,#videoPreview{transition:filter .25s}

/* ====== موسيقى التسجيل ====== */
.rec-music{display:flex;gap:8px;overflow-x:auto;max-width:92vw;padding:6px 12px;scrollbar-width:none}
.rec-music::-webkit-scrollbar{display:none}
.m-chip{flex:0 0 auto;background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.35);color:#fff;border-radius:18px;padding:7px 14px;font-family:'Tajawal';font-size:12px;font-weight:700;cursor:pointer;backdrop-filter:blur(6px);white-space:nowrap}
.m-chip.on{background:var(--sadu);border-color:var(--sadu)}

/* ====== الوضع الداكن — بهوية القط ====== */
body.dark{
  --night:#161310;
  --card:#221E1A;
  --card2:#2C2621;
  --sand:#E8A89C;
  --sand-dim:#9A8B7A;
  --sadu:#E85445;
  --sadu-deep:#C13B2E;
  --palm:#3FA96A;
  --qblue:#4A8CD4;
  --qteal:#35C4BB;
  --star:#F0B448;
  --line:#3A322B;
  --ink:#F0E8DA;
  --txt:#F0E8DA;
  --txt-dim:#A89B8B;
}
body.dark .hero,body.dark .quest-card,body.dark .ch-strip{box-shadow:0 3px 10px rgba(0,0,0,.4)}
body.dark .mc-overlay{background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.35) 40%,transparent 70%)}
body.dark .medal,body.dark .loc-chip,body.dark .badge-tag{background:rgba(34,30,26,.92);color:var(--txt)}
body.dark .close-x,body.dark .zoombtn{background:rgba(34,30,26,.92);color:var(--txt);border-color:var(--line)}
body.dark .m-chip{background:rgba(255,255,255,.12)}
body.dark #map{border-color:var(--line)}
body.dark .wtip{background:linear-gradient(135deg,#1C2733,var(--card))}
body.dark .sp-deal,body.dark .q-win,body.dark .sp-cta{background:linear-gradient(135deg,#2E2519,var(--card))}
body.dark .msg-st.new{background:#33291A}
body.dark input,body.dark select,body.dark textarea{color-scheme:dark}
/* زر التبديل */
.theme-btn{background:var(--card);border:1px solid var(--line);border-radius:50%;width:36px;height:36px;font-size:16px;cursor:pointer;color:var(--txt);flex-shrink:0;padding:0;line-height:1}

/* ====== نسبة موحّدة للشبكة ====== */
.mcard{aspect-ratio:4/5;background:var(--card2)}
.mcard img,.mcard video{width:100%;height:100%;object-fit:cover;display:block}
#profFeed .mcard{aspect-ratio:1/1}

/* ====== تحسينات الكاميرا ====== */
.rec-grid{position:absolute;inset:0;pointer-events:none;z-index:3;display:none}
.rec-grid.on{display:block}
.rec-grid::before,.rec-grid::after{content:'';position:absolute;background:rgba(255,255,255,.28)}
.rec-grid::before{left:0;right:0;top:33.33%;height:1px;box-shadow:0 33.33vh 0 rgba(255,255,255,.28)}
.rec-grid::after{top:0;bottom:0;left:33.33%;width:1px;box-shadow:33.33vw 0 0 rgba(255,255,255,.28)}
.rec-count{position:absolute;inset:0;display:none;align-items:center;justify-content:center;font-family:'Tajawal';font-size:120px;font-weight:700;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.6);z-index:8;pointer-events:none}
.rec-count.on{display:flex;animation:cpop .9s ease}
@keyframes cpop{0%{transform:scale(.5);opacity:0}30%{transform:scale(1.1);opacity:1}100%{transform:scale(1);opacity:.85}}
.rec-filters{display:flex;gap:7px;overflow-x:auto;max-width:92vw;padding:6px 12px;scrollbar-width:none}
.rec-filters::-webkit-scrollbar{display:none}
.rf-chip{flex:0 0 auto;background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.3);color:#fff;border-radius:16px;padding:6px 13px;font-family:'Tajawal';font-size:11.5px;font-weight:700;cursor:pointer;backdrop-filter:blur(6px);white-space:nowrap}
.rf-chip.on{background:var(--sadu);border-color:var(--sadu)}
.rec-focus{position:absolute;width:76px;height:76px;border:2px solid #F2B33D;border-radius:10px;pointer-events:none;z-index:7;opacity:0;transition:opacity .2s,transform .2s}
.rec-focus.on{opacity:1;animation:fring .6s ease}
@keyframes fring{0%{transform:scale(1.4)}100%{transform:scale(1)}}
.m-chip.own{background:rgba(242,179,61,.25);border-color:var(--star)}
.music-warn{font-size:10.5px;color:rgba(255,255,255,.65);text-align:center;padding:2px 16px;font-family:'Tajawal';line-height:1.6}

/* ====== أضواء الديرة — منصة الفيديو ====== */
body.page-reels{padding:0!important;overflow:hidden}
body.page-reels .sticky-top{display:none}
#page-reels{position:fixed;inset:0;background:#000;z-index:25}
.reels-wrap{height:100dvh;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.reels-wrap::-webkit-scrollbar{display:none}
.reel{position:relative;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}
.reel video{width:100%;height:100%;object-fit:contain;background:#000}
.reel-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.82) 0%,rgba(0,0,0,.25) 28%,transparent 55%);pointer-events:none}
.reel-info{position:absolute;bottom:calc(96px + env(safe-area-inset-bottom));right:16px;left:76px;color:#fff;font-family:'Tajawal';z-index:3}
.reel-title{font-size:17px;font-weight:700;line-height:1.5;text-shadow:0 1px 6px rgba(0,0,0,.7)}
.reel-by{font-size:13px;color:rgba(255,255,255,.85);margin-top:5px;text-shadow:0 1px 4px rgba(0,0,0,.7)}
.reel-loc{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);border-radius:18px;padding:6px 14px;font-size:12.5px;font-weight:700;color:#fff;margin-top:10px;cursor:pointer;backdrop-filter:blur(8px)}
.reel-music{font-size:11.5px;color:rgba(255,255,255,.7);margin-top:8px;display:flex;align-items:center;gap:5px}
.reel-side{position:absolute;bottom:calc(110px + env(safe-area-inset-bottom));left:14px;display:flex;flex-direction:column;gap:20px;z-index:3;align-items:center}
.reel-act{background:none;border:none;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;font-family:'Tajawal';font-size:11.5px;font-weight:700;text-shadow:0 1px 5px rgba(0,0,0,.7);padding:0}
.reel-act svg{width:29px;height:29px;filter:drop-shadow(0 1px 4px rgba(0,0,0,.6))}
.reel-act.on{color:#E8A020}
.reel-act.on svg{fill:#E8A020;stroke:#E8A020}
.reel-mute{position:absolute;top:calc(16px + env(safe-area-inset-top));left:16px;width:42px;height:42px;border-radius:50%;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:17px;cursor:pointer;z-index:5;backdrop-filter:blur(6px)}
.reel-back{position:absolute;top:calc(16px + env(safe-area-inset-top));right:16px;width:42px;height:42px;border-radius:50%;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:18px;cursor:pointer;z-index:5;backdrop-filter:blur(6px)}
.reels-rec{position:fixed;bottom:calc(84px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:60px;height:60px;border-radius:50%;background:var(--sadu);border:3px solid #fff;color:#fff;cursor:pointer;z-index:28;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(214,58,47,.55)}
.reels-rec:active{transform:translateX(-50%) scale(.93)}
.reels-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgba(255,255,255,.8);font-family:'Tajawal';text-align:center;padding:40px;gap:12px}
.reels-empty .big{font-size:52px}
body.page-reels nav{background:rgba(0,0,0,.65);border-top-color:rgba(255,255,255,.12);backdrop-filter:blur(12px)}
body.page-reels .nav-btn{color:rgba(255,255,255,.65)}
body.page-reels .nav-btn.on{color:#fff}
body.page-reels .nav-btn.on .nb-ic{stroke:#fff}
body.page-reels #fab{display:none!important}

/* ====== إضافات الأضواء ====== */
.reel-prog{position:absolute;bottom:calc(76px + env(safe-area-inset-bottom));left:0;right:0;height:3px;background:rgba(255,255,255,.2);z-index:4}
.reel-prog-fill{height:100%;width:0%;background:var(--star);transition:width .15s linear}
.reel-time{position:absolute;bottom:calc(84px + env(safe-area-inset-bottom));right:16px;font-family:'Tajawal';font-size:11.5px;font-weight:700;color:rgba(255,255,255,.85);text-shadow:0 1px 4px rgba(0,0,0,.7);z-index:4;direction:ltr}
.reel-avatar{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.18);border:2.5px solid #fff;color:#fff;font-size:21px;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);margin-bottom:4px;padding:0}
.reel-avatar:active{transform:scale(.94)}
.reel-user{font-size:13.5px;font-weight:700;color:#fff;cursor:pointer;text-shadow:0 1px 5px rgba(0,0,0,.7);margin-bottom:5px;display:inline-block}
.reel-act.del{color:#FF8A7A}
.reel-act.del svg{stroke:#FF8A7A}

/* ====== الرهان على الموقع ====== */
.claim-form{background:var(--card);border:1.5px dashed var(--star);border-radius:16px;margin-bottom:16px;overflow:hidden}
.claim-form summary{cursor:pointer;font-weight:700;font-size:13.5px;padding:12px 14px;background:linear-gradient(135deg,#FFF7E0,var(--card));list-style:none;user-select:none;color:#A87500}
.claim-form summary::-webkit-details-marker{display:none}
.claim-box{background:var(--card);border:2px solid var(--star);border-radius:16px;padding:14px;margin-bottom:16px}
.claim-head{display:flex;align-items:center;gap:9px;margin-bottom:8px}
.claim-badge{background:var(--star);color:var(--ink);border-radius:10px;padding:3px 10px;font-size:11px;font-weight:700;flex-shrink:0}
.claim-place{font-weight:700;font-size:15px;color:var(--sand);flex:1;min-width:0}
.claim-reason{background:var(--card2);border-radius:12px;padding:11px 13px;font-size:13.5px;line-height:1.95;margin-bottom:10px}
.claim-bar{display:flex;height:9px;border-radius:6px;overflow:hidden;border:1px solid var(--line);margin-bottom:6px}
.claim-bar .sup{background:var(--palm)}
.claim-bar .dbt{background:var(--sadu)}
.claim-nums{display:flex;justify-content:space-between;font-size:11.5px;font-weight:700;margin-bottom:10px}
.claim-nums .s{color:var(--palm)}
.claim-nums .d{color:var(--sadu)}
.claim-acts{display:flex;gap:8px}
.claim-btn{flex:1;border-radius:12px;padding:9px;font-family:'Tajawal';font-size:12.5px;font-weight:700;cursor:pointer;border:1.5px solid}
.claim-btn.sup{background:#EFF7F1;border-color:var(--palm);color:var(--palm)}
.claim-btn.sup.on{background:var(--palm);color:#fff}
.claim-btn.dbt{background:#FBEAE8;border-color:var(--sadu);color:var(--sadu)}
.claim-btn.dbt.on{background:var(--sadu);color:#fff}
.claim-notes{margin-top:10px;display:flex;flex-direction:column;gap:6px}
.claim-note{background:var(--card2);border-radius:10px;padding:8px 12px;font-size:12.5px;line-height:1.85;border-right:3px solid var(--line)}
.claim-note.s{border-right-color:var(--palm)}
.claim-note.d{border-right-color:var(--sadu)}
.claim-note b{font-size:11.5px;display:block;color:var(--txt-dim)}
.claim-left{font-size:11px;color:var(--txt-dim);text-align:center;margin-top:8px}
.mc-claim{position:absolute;top:8px;right:8px;background:rgba(232,160,32,.94);color:var(--ink);border-radius:10px;padding:3px 8px;font-size:11px;font-weight:700;font-family:'Tajawal';box-shadow:0 2px 6px rgba(0,0,0,.3)}
body.dark .claim-reason,body.dark .claim-note{background:var(--card2)}

/* ====== ديرتك أولاً ====== */
.home-hero{background:linear-gradient(135deg,#FFF4E0,var(--card));border:2px solid var(--star);border-radius:16px;padding:14px 17px;margin-bottom:12px;box-shadow:0 3px 10px rgba(232,160,32,.18)}
.hh-place{font-family:'Reem Kufi',sans-serif;font-size:19px;color:var(--sand);margin-bottom:5px}
.hh-line{font-size:13px;color:var(--txt-dim);line-height:1.9}
.hh-line b{color:var(--sadu)}
.hh-cta{display:inline-block;background:var(--sadu);color:#fff;border:none;border-radius:12px;padding:8px 16px;font-family:'Tajawal';font-size:12.5px;font-weight:700;cursor:pointer;margin-top:9px}
.hh-rank{display:inline-flex;align-items:center;gap:6px;background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:6px 12px;font-size:12px;font-weight:700;margin-top:9px;cursor:pointer}

/* ====== سباق الديار ====== */
.race-row{background:var(--card);border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:9px;display:flex;align-items:center;gap:12px;transition:transform .15s}
.race-row.mine{border-color:var(--sadu);border-width:2.5px;background:linear-gradient(135deg,#FBEAE8,var(--card))}
.race-row.top1{border-color:var(--star);border-width:2.5px;background:linear-gradient(135deg,#FFF7E0,var(--card))}
.race-pos{font-family:'Reem Kufi',sans-serif;font-size:21px;width:38px;text-align:center;flex-shrink:0;color:var(--sand-dim)}
.race-row.top1 .race-pos{color:var(--star)}
.race-info{flex:1;min-width:0}
.race-name{font-weight:700;font-size:15px}
.race-sub{font-size:11.5px;color:var(--txt-dim);margin-top:2px}
.race-pts{font-family:'Reem Kufi',sans-serif;font-size:20px;color:var(--sadu);flex-shrink:0}
.race-pts span{font-size:11px;color:var(--txt-dim);font-family:'Tajawal'}
.race-gap{background:var(--card2);border-radius:10px;padding:8px 12px;font-size:12px;color:var(--txt-dim);margin:4px 0 12px;text-align:center;line-height:1.8}
.race-gap b{color:var(--sadu)}
.race-how{background:var(--card);border:1.5px dashed var(--line);border-radius:14px;padding:12px 14px;margin-top:14px;font-size:12px;line-height:2;color:var(--txt-dim)}
.race-how b{color:var(--sand)}
body.dark .home-hero{background:linear-gradient(135deg,#2E2519,var(--card))}
body.dark .race-row.mine{background:linear-gradient(135deg,#33201D,var(--card))}
body.dark .race-row.top1{background:linear-gradient(135deg,#2E2519,var(--card))}

/* ====== مستوى الظهور ====== */
.vis-row{display:flex;gap:10px}
.vis-btn{flex:1;background:var(--card);border:1.5px solid var(--line);border-radius:14px;padding:13px 10px;color:var(--txt);font-family:'Tajawal';cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:20px;transition:.15s}
.vis-btn b{font-size:13.5px}
.vis-btn small{font-size:10.5px;color:var(--txt-dim);font-weight:400;text-align:center;line-height:1.5}
.vis-btn.on{border-color:var(--sadu);border-width:2px;background:linear-gradient(160deg,var(--card),rgba(214,58,47,.07))}
.vis-btn:active{transform:scale(.97)}

/* ====== الخزنة ====== */
.vault-item{display:flex;align-items:center;gap:11px;background:var(--card);border:1.5px solid var(--line);border-radius:14px;padding:10px 12px;margin-bottom:9px}
.vault-item img,.vault-item video{width:60px;height:60px;border-radius:11px;object-fit:cover;flex-shrink:0;background:var(--card2)}
.vault-info{flex:1;min-width:0}
.vault-title{font-weight:700;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vault-loc{font-size:11.5px;color:var(--txt-dim);margin-top:2px}
.vault-pub{background:var(--palm);color:#fff;border:none;border-radius:11px;padding:8px 13px;font-family:'Tajawal';font-size:12px;font-weight:700;cursor:pointer;flex-shrink:0}
.vault-empty{background:var(--card);border:1.5px dashed var(--line);border-radius:14px;padding:20px;text-align:center;font-size:13px;color:var(--txt-dim);line-height:1.9}
.mc-lock{position:absolute;top:8px;left:8px;background:rgba(36,31,28,.85);color:#fff;border-radius:10px;padding:3px 9px;font-size:11px;font-weight:700;font-family:'Tajawal'}

/* ====== تبويبات البروفايل ====== */
.prof-tabs{display:flex;gap:8px;margin-top:14px}
.prof-tab{flex:1;background:var(--card);border:1.5px solid var(--line);border-radius:12px;padding:10px;font-family:'Tajawal';font-size:12.5px;font-weight:700;color:var(--txt-dim);cursor:pointer;transition:.15s}
.prof-tab.on{background:var(--sadu);border-color:var(--sadu);color:#fff}
#profFeed .mc-lock{position:absolute;top:6px;left:6px;background:rgba(36,31,28,.85);color:#fff;border-radius:9px;padding:2px 7px;font-size:11px}

/* ====== الإشعارات ====== */
.notif-card{background:var(--card);border:1.5px solid var(--line);border-radius:16px;padding:14px}
.notif-card.on{border-color:var(--palm);background:linear-gradient(135deg,#F1F8F4,var(--card))}
body.dark .notif-card.on{background:linear-gradient(135deg,#1B2A21,var(--card))}

/* ====== تاريخ النشر ====== */
.s-date{font-size:12.5px;color:var(--txt-dim);margin:-8px 0 12px;cursor:pointer;display:inline-block}
.s-date span{border-bottom:1px dashed var(--line)}
.mc-date{position:absolute;bottom:8px;left:8px;background:rgba(0,0,0,.55);color:#fff;border-radius:9px;padding:2px 8px;font-size:10px;font-family:'Tajawal';backdrop-filter:blur(3px)}
.prof-share{background:var(--card2);border:1.5px solid var(--line);border-radius:12px;padding:9px 20px;font-family:'Tajawal';font-size:12.5px;font-weight:700;color:var(--txt);cursor:pointer;margin-top:12px}
.prof-share:active{transform:scale(.97)}

/* ====== دعوة الإشعارات ====== */
.notif-ask{display:none;position:fixed;inset:0;background:rgba(36,31,28,.6);z-index:120;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(3px)}
.notif-ask.show{display:flex}
.na-card{background:var(--card);border:2px solid var(--ink);border-radius:22px;padding:26px 22px;max-width:400px;width:100%;text-align:center;box-shadow:0 10px 34px rgba(0,0,0,.28);animation:naUp .3s ease}
@keyframes naUp{from{transform:translateY(28px) scale(.96);opacity:0}to{transform:none;opacity:1}}
.na-ic{font-size:46px;margin-bottom:10px}
.na-title{font-family:'Reem Kufi',sans-serif;font-size:21px;color:var(--sand);margin-bottom:8px}
.na-body{font-size:13.5px;color:var(--txt-dim);line-height:2;margin-bottom:20px}
.na-acts{display:flex;gap:10px}
.na-yes{flex:1;padding:12px;font-size:14px}
.na-no{flex:1;padding:12px;font-size:14px;background:var(--card2);border:1px solid var(--line);color:var(--txt-dim)}

/* ====== اللغة الإنجليزية ====== */
.en-bar{display:none;background:var(--ink);color:#F7F1E3;padding:9px 16px;font-family:'Tajawal',system-ui,sans-serif;font-size:13px;align-items:center;justify-content:center;gap:12px;direction:ltr;position:relative}
.en-bar.show{display:flex}
.en-bar a{color:var(--star);font-weight:700;text-decoration:none;white-space:nowrap}
.en-bar button{position:absolute;right:10px;background:none;border:none;color:rgba(247,241,227,.6);font-size:15px;cursor:pointer;padding:2px 6px}
.en-btn{background:var(--card);border:1px solid var(--line);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-family:'Outfit',system-ui,sans-serif;font-size:11.5px;font-weight:700;color:var(--txt-dim);text-decoration:none;flex-shrink:0;letter-spacing:.3px}
.en-btn:active{transform:scale(.94)}

/* ====== وصف الصورة ====== */
.s-desc{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 15px;font-size:13.5px;line-height:2;margin-bottom:14px;white-space:pre-wrap;word-break:break-word}
body.dark .s-desc{background:var(--card2)}


/* ====== الاستخدام التجاري ====== */
.comm-box{background:var(--card);border:1.5px solid var(--line);border-radius:16px;padding:13px 15px;margin-bottom:16px}
.comm-box label{display:flex;gap:11px;align-items:flex-start;cursor:pointer}
.comm-box input{width:21px;height:21px;margin-top:3px;accent-color:var(--palm);flex:0 0 auto}
.comm-box b{display:block;font-size:13.5px;margin-bottom:4px}
.comm-box span{font-size:11.5px;color:var(--txt-dim);line-height:1.85}
.comm-badge{display:inline-flex;align-items:center;gap:5px;background:#EFF7F1;border:1px solid var(--palm);color:var(--palm);border-radius:11px;padding:4px 11px;font-size:11.5px;font-weight:700;margin-bottom:12px}
body.dark .comm-badge{background:#1B2A21}

/* ====== أيقونات الشارة ====== */
.q-icons{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-bottom:10px}
.q-icon{background:var(--card2);border:1.5px solid var(--line);border-radius:10px;padding:7px 0;font-size:19px;cursor:pointer;line-height:1;transition:.15s}
.q-icon.on{border-color:var(--sadu);border-width:2px;background:linear-gradient(160deg,var(--card),rgba(214,58,47,.1));transform:scale(1.06)}
@media(max-width:420px){.q-icons{grid-template-columns:repeat(6,1fr)}}

/* ====== نافذة التعديل ====== */
.edit-box{display:none;position:fixed;inset:0;background:rgba(36,31,28,.62);z-index:140;align-items:center;justify-content:center;padding:22px;backdrop-filter:blur(3px)}
.edit-box.show{display:flex}
.eb-card{background:var(--card);border:2px solid var(--ink);border-radius:20px;padding:22px;max-width:420px;width:100%;max-height:88vh;overflow-y:auto;box-shadow:0 10px 34px rgba(0,0,0,.3)}
.eb-title{font-family:'Reem Kufi',sans-serif;font-size:19px;color:var(--sand);margin-bottom:16px;text-align:center}
.eb-acts{display:flex;gap:10px;margin-top:6px}
.eb-acts .btn{flex:1;padding:12px}
.eb-cancel{background:var(--card2);border:1px solid var(--line);color:var(--txt-dim)}

/* ====== الترجمة ====== */
.tr-btn{width:100%;background:var(--card);border:1.5px dashed var(--qblue);color:var(--qblue);border-radius:14px;padding:11px;font-family:'Tajawal';font-size:13px;font-weight:700;cursor:pointer}
.tr-btn:disabled{opacity:.55}
.tr-preview{background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:11px 13px;margin-top:8px;font-size:12.5px;line-height:1.85;direction:ltr;text-align:left}
.tr-preview b{display:block;color:var(--qblue);font-size:11.5px;margin-bottom:2px}
.tr-preview .d{margin-top:7px;color:var(--txt-dim)}
.s-en{background:var(--card2);border-right:3px solid var(--qblue);border-radius:10px;padding:10px 13px;margin-bottom:12px;direction:ltr;text-align:left;font-size:13px;line-height:1.8}
.s-en b{display:block;font-size:13.5px;color:var(--qblue);margin-bottom:3px}

/* ====== الفاحص الذكي ====== */
.inspect-box{background:var(--card);border:1.5px solid var(--line);border-radius:14px;padding:12px 15px;margin-bottom:14px;font-size:13px;line-height:1.9}
.inspect-box b{display:inline}
.inspect-box span{font-size:12px;color:var(--txt-dim);display:block;margin-top:3px}
.inspect-box.ok{border-color:var(--palm);background:linear-gradient(135deg,#F1F8F4,var(--card))}
.inspect-box.warn{border-color:var(--star);background:linear-gradient(135deg,#FFF7E0,var(--card))}
.inspect-box.bad{border-color:var(--sadu);background:#FBEAE8}
body.dark .inspect-box.ok{background:linear-gradient(135deg,#1B2A21,var(--card))}
body.dark .inspect-box.warn{background:linear-gradient(135deg,#2E2519,var(--card))}
body.dark .inspect-box.bad{background:#33201D}

/* ====== بروفايل بأسلوب 500px ====== */
.pf-cover{position:relative;height:170px;margin:0 0 -30px;background:linear-gradient(135deg,var(--card2),var(--line));overflow:hidden;border-radius:18px;border:1.5px solid var(--line)}
.pf-cover img{width:100%;height:100%;object-fit:cover;display:block}
.pf-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(10,8,6,.42),transparent 62%)}
.pf-cover-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:44px;opacity:.25}
.pf-head{position:relative;margin-top:0;padding:0 4px;text-align:center;z-index:2}
.pf-avatar{width:106px;height:106px;border-radius:50%;border:4px solid var(--night);background:var(--card2);object-fit:cover;display:block;margin:0 auto;box-shadow:0 4px 14px rgba(36,31,28,.25)}
.pf-avatar-ph{width:106px;height:106px;border-radius:50%;border:4px solid var(--night);background:var(--card2);display:flex;align-items:center;justify-content:center;font-size:42px;margin:0 auto;box-shadow:0 4px 14px rgba(36,31,28,.25)}
.pf-name{font-family:'Reem Kufi',sans-serif;font-size:23px;color:var(--sand);margin-top:10px}
.pf-meta{font-size:12.5px;color:var(--txt-dim);margin-top:4px}
.pf-bio{font-size:13.5px;color:var(--txt-dim);line-height:1.95;margin:10px auto 0;max-width:480px;padding:0 8px}
.pf-stats{display:flex;justify-content:center;gap:0;margin:16px auto 0;max-width:400px;background:var(--card);border:1.5px solid var(--line);border-radius:16px;overflow:hidden}
.pf-stat{flex:1;padding:12px 6px;text-align:center;border-left:1px solid var(--line)}
.pf-stat:last-child{border-left:none}
.pf-stat b{display:block;font-family:'Reem Kufi',sans-serif;font-size:20px;color:var(--sadu)}
.pf-stat span{font-size:11px;color:var(--txt-dim)}
.pf-acts{display:flex;gap:9px;justify-content:center;margin-top:14px;flex-wrap:wrap}
.pf-act{background:var(--card);border:1.5px solid var(--line);border-radius:12px;padding:9px 18px;font-family:'Tajawal';font-size:12.5px;font-weight:700;color:var(--txt);cursor:pointer}
.pf-act.primary{background:var(--sadu);border-color:var(--sadu);color:#fff}
.pf-act:active{transform:scale(.97)}
.pf-badges{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:12px}

/* رفع الصورة والغلاف */
.pf-cam{position:absolute;bottom:9px;left:9px;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:11px;padding:6px 12px;font-family:'Tajawal';font-size:11.5px;font-weight:700;cursor:pointer;backdrop-filter:blur(5px);z-index:3}
.pf-avatar-wrap{position:relative;display:inline-block}
.pf-avatar-cam{position:absolute;bottom:4px;left:2px;width:32px;height:32px;border-radius:50%;background:var(--sadu);border:2.5px solid var(--night);color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}

/* ====== رأس صفحة حسابي ====== */
.acc-hero{position:relative;display:flex;align-items:center;gap:16px;background:var(--card);border:1.5px solid var(--line);border-radius:18px;padding:18px 16px;margin-bottom:18px;overflow:hidden;min-height:112px}
.acc-bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0}
.acc-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to left,rgba(10,8,6,.5),rgba(10,8,6,.18))}
.acc-hero.has-bg .acc-hero-name{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.acc-hero.has-bg .acc-hero-mail{color:rgba(255,255,255,.82);text-shadow:0 1px 4px rgba(0,0,0,.6)}
.acc-hero.has-bg .cover-hint{color:rgba(255,255,255,.72)}
.acc-hero.has-bg .pf-act{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.32);color:#fff;backdrop-filter:blur(6px)}
.acc-hero .pf-avatar-wrap,.acc-hero-info{position:relative;z-index:2}
.acc-cam{position:absolute;top:10px;left:10px;z-index:3;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:10px;height:32px;min-width:32px;padding:0 9px;font-size:14px;cursor:pointer;backdrop-filter:blur(5px);font-family:'Tajawal';font-weight:700;display:flex;align-items:center;gap:6px;transition:.2s;white-space:nowrap}
.acc-cam span{max-width:0;overflow:hidden;font-size:11.5px;transition:max-width .25s ease}
.acc-cam:hover{background:rgba(0,0,0,.68);border-color:rgba(255,255,255,.5)}
.acc-cam:hover span{max-width:110px}
.acc-hero .pf-avatar,.acc-hero .pf-avatar-ph{width:78px;height:78px;border-width:3px;font-size:30px}
.acc-hero .pf-avatar-cam{width:27px;height:27px;font-size:12px;bottom:2px;left:0}
.acc-hero-info{flex:1;min-width:0}
.acc-hero-name{font-family:'Reem Kufi',sans-serif;font-size:20px;color:var(--sand);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acc-hero-mail{font-size:12px;color:var(--txt-dim);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;text-align:right}

/* ====== شبكة حسابي ====== */
.acc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}
.acc-tile{background:var(--card);border:1.5px solid var(--line);border-radius:16px;padding:15px 6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:7px;font-family:'Tajawal';transition:.15s}
.acc-tile:active{transform:scale(.95)}
.acc-tile.on{border-color:var(--sadu);border-width:2px;background:linear-gradient(160deg,var(--card),rgba(214,58,47,.07))}
.at-ic{font-size:26px;line-height:1}
.at-lb{font-size:11px;font-weight:700;color:var(--txt-dim)}
.acc-tile.on .at-lb{color:var(--sadu)}
.acc-panel{display:none;background:var(--card);border:1.5px solid var(--line);border-radius:18px;padding:16px;margin-bottom:18px;animation:apIn .25s ease}
.acc-panel.on{display:block}
@keyframes apIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.ap-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:11px;border-bottom:1px solid var(--line)}
.ap-head span{font-family:'Reem Kufi',sans-serif;font-size:17px;color:var(--sand)}
.ap-head button{background:var(--card2);border:1px solid var(--line);border-radius:50%;width:30px;height:30px;color:var(--txt-dim);font-size:14px;cursor:pointer}
@media(max-width:380px){.acc-grid{gap:7px}.at-ic{font-size:23px}.at-lb{font-size:10px}}


/* ====== إحصائياتي ====== */
.st-week{font-size:13px;font-weight:700;color:var(--sand);margin-bottom:10px}
.st-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:16px}
.st-card{background:var(--card2);border:1.5px solid var(--line);border-radius:13px;padding:11px 4px;text-align:center}
.st-card b{display:block;font-family:'Reem Kufi',sans-serif;font-size:21px;color:var(--sadu);line-height:1.25}
.st-card span{font-size:10px;color:var(--txt-dim);display:block;margin-top:3px;white-space:nowrap}
.st-sortbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.st-sortbar>span{font-size:11.5px;color:var(--txt-dim);font-weight:700}
.st-sorts{display:flex;gap:5px}
.st-sort{background:var(--card2);border:1.5px solid var(--line);border-radius:9px;width:34px;height:30px;font-size:14px;cursor:pointer;line-height:1}
.st-sort.on{background:var(--sadu);border-color:var(--sadu)}
.st-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.st-item{cursor:pointer}
.st-thumb{position:relative;border-radius:9px;overflow:hidden;background:var(--card2);aspect-ratio:1;display:block}
.st-thumb img,.st-thumb video{width:100%;height:100%;object-fit:cover;display:block}
.st-star{position:absolute;top:3px;right:3px;background:rgba(232,160,32,.94);color:var(--ink);border-radius:7px;padding:1px 5px;font-size:9px;font-weight:700;font-family:'Tajawal'}
.st-nums{display:flex;flex-direction:column;gap:2px;margin-top:5px;text-align:center}
.st-nums span{font-size:11px;color:var(--txt-dim);line-height:1.6;white-space:nowrap;font-weight:700}
@media(max-width:400px){.st-grid{grid-template-columns:repeat(3,1fr)}.st-cards{grid-template-columns:repeat(2,1fr)}.st-nums span{font-size:10.5px}}
@media(min-width:700px){.st-grid{grid-template-columns:repeat(6,1fr)}}

.st-empty{background:var(--card2);border:1.5px dashed var(--line);border-radius:13px;padding:16px;text-align:center;font-size:12.5px;color:var(--txt-dim);line-height:1.9;margin-top:14px}
.st-empty b{color:var(--sadu);cursor:pointer;text-decoration:underline}

/* ====== قوائم المتابعة ====== */
.pf-stat{cursor:pointer}
.follows-box{display:none;position:fixed;inset:0;background:rgba(36,31,28,.62);z-index:145;align-items:flex-end;justify-content:center;backdrop-filter:blur(3px)}
.follows-box.show{display:flex}
.fb-card{background:var(--card);border:2px solid var(--ink);border-radius:22px 22px 0 0;width:100%;max-width:520px;max-height:78vh;display:flex;flex-direction:column;animation:fbUp .28s ease}
@keyframes fbUp{from{transform:translateY(100%)}to{transform:none}}
.fb-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line);flex-shrink:0}
.fb-head span{font-family:'Reem Kufi',sans-serif;font-size:18px;color:var(--sand)}
.fb-head button{background:var(--card2);border:1px solid var(--line);border-radius:50%;width:32px;height:32px;color:var(--txt-dim);font-size:15px;cursor:pointer}
.fb-list{overflow-y:auto;padding:12px 14px calc(20px + env(safe-area-inset-bottom))}
.fb-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--card2);border-radius:14px;margin-bottom:8px;cursor:pointer}
.fb-row:active{transform:scale(.985)}
.fb-row img,.fb-ph{width:46px;height:46px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--line);display:flex;align-items:center;justify-content:center;font-size:19px}
.fb-info{flex:1;min-width:0}
.fb-name{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fb-reg{font-size:11.5px;color:var(--txt-dim);margin-top:2px}
.fb-go{color:var(--txt-dim);font-size:17px}

/* ====== نشر بالسوشال ====== */
.mc-promo{position:absolute;top:8px;left:8px;background:rgba(46,111,183,.94);border:none;color:#fff;border-radius:10px;width:32px;height:32px;font-size:15px;cursor:pointer;z-index:3;display:flex;align-items:center;justify-content:center}
.mc-sub{font-size:10.5px;color:rgba(255,255,255,.85);margin-top:2px}
.promo-box{display:none;position:fixed;inset:0;background:rgba(36,31,28,.68);z-index:150;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(3px)}
.promo-box.show{display:flex}
.pm-card{background:var(--card);border:2px solid var(--ink);border-radius:20px;padding:18px;max-width:420px;width:100%;max-height:88vh;overflow-y:auto}
.pm-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.pm-head span{font-family:'Reem Kufi',sans-serif;font-size:18px;color:var(--sand)}
.pm-head button{background:var(--card2);border:1px solid var(--line);border-radius:50%;width:30px;height:30px;color:var(--txt-dim);font-size:14px;cursor:pointer}
.pm-img{width:100%;max-height:170px;object-fit:cover;border-radius:13px;margin-bottom:12px;display:block}
.pm-text{width:100%;background:var(--card2);border:1px solid var(--line);border-radius:13px;padding:12px;color:var(--txt);font-family:'Tajawal';font-size:13px;line-height:1.9;resize:vertical;outline:none}
.pm-note{font-size:11px;color:var(--txt-dim);margin:7px 0 12px;text-align:center}
.pm-nets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
.pm-net{background:var(--card2);border:1.5px solid var(--line);border-radius:13px;padding:12px 0;font-size:20px;cursor:pointer;line-height:1}
.pm-net:active{transform:scale(.95);border-color:var(--sadu)}
.pm-acts{display:flex;gap:9px}
.pm-acts .btn{flex:1;padding:11px;font-size:13px}

/* ====== تفضيلات العرض بالفلتر ====== */
.fd-view{background:var(--card2);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin:12px 0 8px}
.fd-view-lb{font-size:12px;font-weight:700;color:var(--txt-dim);margin-bottom:9px}
.fd-sw{display:flex;align-items:center;gap:10px;padding:6px 0;cursor:pointer}
.fd-sw input{width:19px;height:19px;accent-color:var(--palm);flex-shrink:0;margin:0}
.fd-sw span{font-size:13px}

.cover-hint{font-size:10.5px;color:var(--txt-dim);margin-top:7px;line-height:1.7}

/* ====== سمات الصورة ====== */
.tag-row{display:flex;flex-wrap:wrap;gap:8px}
.tag-chip{background:var(--card);border:1.5px solid var(--line);border-radius:20px;padding:8px 15px;font-family:'Tajawal';font-size:12.5px;font-weight:700;color:var(--txt-dim);cursor:pointer;transition:.15s}
.tag-chip.on{background:var(--qteal);border-color:var(--qteal);color:#fff}
.tag-chip:active{transform:scale(.96)}
.s-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.s-tag{background:var(--card2);border:1px solid var(--qteal);color:var(--qteal);border-radius:14px;padding:4px 11px;font-size:11.5px;font-weight:700}
body.dark .s-tag{background:#1B2A2E}

/* ====== شارة السبق البارزة ====== */
.mc-claim{position:absolute;top:8px;right:8px;border-radius:11px;padding:4px 10px;font-size:11px;font-weight:700;font-family:'Tajawal';box-shadow:0 2px 8px rgba(0,0,0,.35);display:flex;align-items:center;gap:5px;z-index:3}
.mc-claim.new{background:rgba(232,160,32,.96);color:var(--ink)}
.mc-claim.ok{background:rgba(46,139,87,.96);color:#fff}
.mc-claim.dbt{background:rgba(214,58,47,.94);color:#fff}
.mc-claim b{background:rgba(255,255,255,.28);border-radius:7px;padding:0 5px;font-size:10px}
.mc-claim.sm{font-size:10px;padding:3px 8px}

.pmark.claim-verified{border-color:var(--palm)!important;box-shadow:0 0 0 3px rgba(46,139,87,.35)}
.pmark.claim-new{border-color:var(--star)!important;box-shadow:0 0 0 3px rgba(232,160,32,.35)}
.pmark.claim-doubted{border-color:var(--sadu)!important;box-shadow:0 0 0 3px rgba(214,58,47,.3)}
.pmark-claim{position:absolute;top:-6px;right:-6px;background:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;box-shadow:0 1px 4px rgba(0,0,0,.35)}

.claim-state{font-size:12.5px;font-weight:700;padding:7px 12px;border-radius:11px;margin-bottom:10px;text-align:center}
.claim-box.new{border-color:var(--star)}
.claim-box.new .claim-state{background:#FFF7E0;color:#A87500}
.claim-box.ok{border-color:var(--palm);border-width:2.5px}
.claim-box.ok .claim-state{background:#EFF7F1;color:var(--palm)}
.claim-box.dbt{border-color:var(--sadu)}
.claim-box.dbt .claim-state{background:#FBEAE8;color:var(--sadu)}
body.dark .claim-box.new .claim-state{background:#2E2519}
body.dark .claim-box.ok .claim-state{background:#1B2A21}
body.dark .claim-box.dbt .claim-state{background:#33201D}

/* ====== التحدي الموجّه ====== */
.ch-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
.ch-tag{background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700}
.ch-prize{font-size:12px;margin-top:7px;opacity:.92}
.ch-join{background:rgba(255,255,255,.94);border:none;border-radius:12px;padding:8px 18px;font-family:'Tajawal';font-size:12.5px;font-weight:700;color:var(--qblue);cursor:pointer;margin-top:11px;display:block;width:100%}
.ch-join:active{transform:scale(.98)}
.ch-ideas{background:var(--card2);border:1px dashed var(--line);border-radius:12px;padding:10px 12px;margin-bottom:10px}
.ch-ideas b{display:block;font-size:11.5px;color:var(--txt-dim);margin-bottom:7px}
.ch-ideas button{background:var(--card);border:1px solid var(--line);border-radius:11px;padding:6px 11px;font-family:'Tajawal';font-size:11.5px;font-weight:700;color:var(--txt);cursor:pointer;margin:0 0 5px 5px}
.ch-ideas button:active{transform:scale(.96);border-color:var(--qblue)}

/* ====== أنت قرب صور ====== */
.near-alert{background:linear-gradient(135deg,#EAF4EE,var(--card));border:2px solid var(--palm);border-radius:16px;padding:14px 16px;margin-bottom:12px;box-shadow:0 3px 10px rgba(46,139,87,.16);animation:naIn .35s ease}
@keyframes naIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.na-head{display:flex;align-items:center;gap:9px;margin-bottom:8px}
.na-head b{font-family:'Reem Kufi',sans-serif;font-size:16px;color:var(--palm);flex:1}
.na-close{background:none;border:none;color:var(--txt-dim);font-size:15px;cursor:pointer;padding:2px 6px}
.na-list{display:flex;gap:9px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}
.na-list::-webkit-scrollbar{display:none}
.na-item{flex:0 0 auto;width:96px;cursor:pointer}
.na-thumb{width:96px;height:96px;border-radius:12px;object-fit:cover;display:block;border:1.5px solid var(--line)}
.na-name{font-size:11px;font-weight:700;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.na-dist{font-size:10.5px;color:var(--palm);font-weight:700;text-align:center}
.na-cta{font-size:12px;color:var(--txt-dim);margin-top:9px;line-height:1.8}
body.dark .near-alert{background:linear-gradient(135deg,#1B2A21,var(--card))}

/* ====== مؤشر التحميل التدريجي ====== */
.feed-sentinel{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:7px;padding:26px 0}
.fs-dot{width:9px;height:9px;border-radius:50%;background:var(--sadu);opacity:.35;animation:fsB 1.1s infinite}
.fs-dot:nth-child(2){animation-delay:.16s}
.fs-dot:nth-child(3){animation-delay:.32s}
@keyframes fsB{0%,80%,100%{opacity:.3;transform:scale(.85)}40%{opacity:1;transform:scale(1.1)}}


/* ====== أماكن تنتظر عدستك ====== */
.wt-lead{font-family:'Reem Kufi',sans-serif;font-size:16px;color:var(--sand);margin-bottom:11px}
.wt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.wt-card{background:var(--card);border:1.5px solid var(--line);border-radius:16px;padding:15px 13px;text-align:center;cursor:pointer;transition:.15s}
.wt-card:active{transform:scale(.97)}
.wt-card.empty{border-color:var(--sadu);border-width:2px;background:linear-gradient(160deg,var(--card),rgba(214,58,47,.07))}
.wt-card.thin{border-color:var(--star)}
.wt-name{font-family:'Reem Kufi',sans-serif;font-size:17px;color:var(--txt);margin-bottom:5px}
.wt-badge{display:inline-block;background:var(--sadu);color:#fff;border-radius:11px;padding:3px 11px;font-size:10.5px;font-weight:700;margin-bottom:9px}
.wt-count{font-size:11.5px;color:var(--txt-dim);margin-bottom:9px}
.wt-go{background:var(--card2);border:1.5px solid var(--line);border-radius:11px;padding:7px 0;width:100%;font-family:'Tajawal';font-size:12px;font-weight:700;color:var(--txt);cursor:pointer}
.wt-card.empty .wt-go{background:var(--sadu);border-color:var(--sadu);color:#fff}
.wt-cities{display:flex;flex-direction:column;gap:7px}
.wt-city{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:11px 14px;cursor:pointer}
.wt-city:active{transform:scale(.99)}
.wc-name{font-weight:700;font-size:13.5px;flex:1}
.wc-reg{font-size:11px;color:var(--txt-dim)}
.wc-n{background:var(--card2);border:1px solid var(--line);border-radius:9px;padding:2px 9px;font-size:11px;font-weight:700;color:var(--star)}
.wt-note{background:var(--card2);border:1px dashed var(--line);border-radius:13px;padding:13px 15px;margin-top:20px;font-size:12px;color:var(--txt-dim);line-height:1.9}
@media(min-width:600px){.wt-grid{grid-template-columns:repeat(3,1fr)}}

/* ====== بيانات التصوير ====== */
.tech-card{background:var(--card2);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:14px}
.tc-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;flex-wrap:wrap}
.tc-head>span{font-size:12.5px;font-weight:700;color:var(--txt-dim)}
.tc-sw{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:11.5px;color:var(--txt-dim)}
.tc-sw input{width:16px;height:16px;accent-color:var(--palm);margin:0}
.tc-body{display:flex;flex-direction:column;gap:6px}
.tc-cam{font-size:12.5px;font-weight:700;color:var(--txt)}
.tc-set{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.tc-set span{background:var(--card);border:1px solid var(--line);border-radius:9px;padding:3px 10px;font-size:11px;color:var(--txt-dim);direction:ltr}
.s-tech{background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:10px 13px;margin-bottom:12px}
.st-cam{font-size:12.5px;font-weight:700;margin-bottom:6px}
.st-set{display:flex;flex-wrap:wrap;gap:5px}
.st-set span{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:2px 9px;font-size:10.5px;color:var(--txt-dim);direction:ltr}

/* ====== هذا المكان عبر الزمن ====== */
.s-timeline{background:var(--card2);border:1px solid var(--line);border-radius:14px;padding:12px 0 12px 13px;margin-bottom:12px}
.tl-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;padding-left:13px}
.tl-head>span{font-size:12.5px;font-weight:700;color:var(--sand)}
.tl-head b{font-size:11px;color:var(--txt-dim)}
.tl-strip{display:flex;gap:9px;overflow-x:auto;padding:2px 13px 4px 0;scrollbar-width:none;overscroll-behavior-x:contain}
.tl-strip::-webkit-scrollbar{display:none}
.tl-item{flex:0 0 auto;width:82px;cursor:pointer;position:relative}
.tl-item.cur{cursor:default}
.tl-item img{width:82px;height:82px;object-fit:cover;border-radius:11px;display:block;border:1.5px solid var(--line)}
.tl-item.cur img{border-color:var(--sadu);border-width:2.5px}
.tl-date{font-size:10px;color:var(--txt-dim);text-align:center;margin-top:5px;font-weight:700}
.tl-now{position:absolute;top:5px;right:5px;background:var(--sadu);color:#fff;border-radius:8px;padding:1px 6px;font-size:9px;font-weight:700}

/* ====== كاميرا الزاوية (الصورة الشبحية) ====== */
.ghost-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:2;opacity:.45}
.ghost-bar{position:absolute;left:0;right:0;bottom:150px;z-index:6;padding:0 14px}
.gb-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.gb-head span{color:#fff;font-size:12.5px;font-weight:700;text-shadow:0 1px 5px rgba(0,0,0,.8)}
.gb-head button{background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:10px;padding:4px 11px;font-family:'Tajawal';font-size:11px;font-weight:700;cursor:pointer}
.gb-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.gb-strip::-webkit-scrollbar{display:none}
.gb-thumb{flex:0 0 auto;width:62px;height:62px;border-radius:11px;object-fit:cover;border:2px solid rgba(255,255,255,.45);cursor:pointer;display:block}
.gb-thumb.on{border-color:var(--star);border-width:3px}
.gb-slider{display:flex;align-items:center;gap:10px;margin-top:9px;background:rgba(0,0,0,.5);border-radius:12px;padding:8px 13px}
.gb-slider span{color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
.gb-slider input{flex:1;accent-color:var(--star)}

/* ====== زر الرفع من الملفات ====== */
.cap-raw{width:100%;background:var(--card2);border:1.5px dashed var(--line);border-radius:14px;padding:12px;margin-top:9px;font-family:'Tajawal';font-size:13.5px;font-weight:700;color:var(--txt);cursor:pointer;transition:.15s}
.cap-raw span{font-weight:400;font-size:11.5px;color:var(--txt-dim)}
.cap-raw:active{transform:scale(.985);border-color:var(--qblue)}

/* ====== اختيار موقع الصورة ====== */
.geopick-box{display:none;position:fixed;inset:0;background:rgba(36,31,28,.66);z-index:9990;align-items:center;justify-content:center;padding:16px}
.geopick-box.show{display:flex}
.gp-card{background:var(--card);border:2px solid var(--ink);border-radius:20px;width:100%;max-width:480px;overflow:hidden;display:flex;flex-direction:column;max-height:92vh}
.gp-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line);flex-shrink:0}
.gp-head span{font-family:'Reem Kufi',sans-serif;font-size:17px;color:var(--sand)}
.gp-head button{background:var(--card2);border:1px solid var(--line);border-radius:50%;width:30px;height:30px;color:var(--txt-dim);font-size:14px;cursor:pointer}
.gp-search{display:flex;gap:7px;padding:12px 16px 10px;flex-shrink:0}
.gp-search input{flex:1;background:var(--card2);border:1.5px solid var(--line);border-radius:12px;padding:11px 13px;color:var(--txt);font-family:'Tajawal';font-size:13.5px;outline:none}
.gp-search button{background:var(--sadu);border:none;border-radius:12px;width:46px;font-size:16px;cursor:pointer;color:#fff}
.gp-map{width:100%;height:300px;background:var(--card2);position:relative;flex:1 1 auto;min-height:240px}
.gp-pin{position:absolute;top:50%;left:50%;transform:translate(-50%,-100%);font-size:36px;pointer-events:none;z-index:500;filter:drop-shadow(0 3px 5px rgba(0,0,0,.45));margin-top:-14px}
.gp-info{padding:11px 16px;font-size:12px;color:var(--txt-dim);text-align:center;line-height:1.8;border-top:1px solid var(--line);flex-shrink:0}
.gp-acts{display:flex;gap:8px;padding:0 16px calc(16px + env(safe-area-inset-bottom));flex-shrink:0}
.gp-acts .btn{flex:1;padding:13px;font-size:14px}
.geo-manual{background:#FFF7E0;border:1.5px solid var(--star);border-radius:13px;padding:12px 14px;margin-top:9px}
.gm-txt{font-size:12.5px;color:#A87500;font-weight:700;line-height:1.85;margin-bottom:9px}
.gm-btn{width:100%;background:var(--star);border:none;border-radius:11px;padding:11px;font-family:'Tajawal';font-size:13.5px;font-weight:700;color:var(--ink);cursor:pointer}
body.dark .geo-manual{background:#2E2519}
body.dark .gm-txt{color:var(--star)}