:root{--bg:#070912;--panel:#111522;--panel2:#171c2c;--text:#f8f9ff;--muted:#a5abbc;--line:#ffffff16;--pink:#ff3f80;--cyan:#49e5d0;--yellow:#ffd166}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Cairo,system-ui,sans-serif}body{min-height:100vh;overflow:hidden}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}button:active{transform:scale(.96)}.hidden{display:none!important}
.topbar{position:fixed;z-index:10;top:0;left:0;right:0;height:78px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#070912f2 0%,#0709129c 62%,transparent);direction:ltr}.brand{display:flex;align-items:center;gap:8px;font-size:19px;font-weight:800;direction:rtl}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--cyan),#6b68ff 90%);color:#071017;box-shadow:0 5px 18px #49e5d044}.beta{font-size:8px;font-weight:600;color:var(--cyan);background:#49e5d014;border:1px solid #49e5d044;border-radius:20px;padding:3px 6px;margin-right:2px}.top-tabs{display:flex;gap:22px;align-self:flex-end;margin:auto;direction:rtl}.tab{padding:9px 3px 7px;color:#a7acba;font-weight:700;font-size:13px;border-bottom:2px solid transparent}.tab.active{color:#fff;border-color:#fff}.icon-btn{width:32px;height:32px;display:grid;place-items:center}.search-glyph,.nav-search{display:block;width:17px;height:17px;border:2px solid #fff;border-radius:50%;position:relative}.search-glyph:after,.nav-search:after{content:'';position:absolute;width:7px;height:2px;background:#fff;transform:rotate(45deg);bottom:-3px;left:-4px;border-radius:2px}.points-pill{position:fixed;z-index:9;top:82px;right:15px;display:flex;align-items:center;gap:5px;background:#101527cc;border:1px solid #ffffff18;border-radius:20px;padding:5px 9px;font-size:11px;backdrop-filter:blur(10px)}.coin{color:var(--yellow);font-size:14px}.points-pill small{color:var(--muted);font-size:9px}
.bottom-nav{position:fixed;z-index:11;bottom:0;left:0;right:0;height:80px;padding:9px 20px calc(9px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(transparent,#070912 30%);direction:rtl}.nav-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;color:#9da3b5;min-width:48px}.nav-item>span{font-size:24px;line-height:28px}.nav-item small{font-size:10px}.nav-item.active{color:#fff}.nav-search{width:19px;height:19px;margin:4px 0 5px;border-color:currentColor}.nav-search:after{background:currentColor}.notification-dot{position:absolute;top:0;right:10px;width:6px;height:6px;background:var(--pink);border-radius:50%;border:1px solid var(--bg)}.upload-fab{width:58px;height:50px;margin-top:-5px;border-radius:17px;background:linear-gradient(135deg,#fff 0 9%,var(--pink) 9% 91%,#fff 91%);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 25px #ff3f8050}.upload-fab b{font-size:27px;line-height:20px}.upload-fab small{font-size:9px}.toast{position:fixed;z-index:50;bottom:98px;left:50%;transform:translateX(-50%) translateY(15px);background:#f8f9ff;color:#10121a;padding:10px 18px;border-radius:22px;font-size:12px;font-weight:600;opacity:0;transition:.25s;pointer-events:none;white-space:nowrap;box-shadow:0 8px 30px #0007}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}