:root{--mada-primary:#1877f2;--mada-primary-dark:#0d65d9;--mada-bg:#f0f2f5;--mada-card:#fff;--mada-text:#1c1e21;--mada-muted:#65676b;--mada-border:#e4e6eb;--mada-success:#42b72a;--mada-warning:#f7b928;--mada-danger:#e41e3f;--mada-radius:18px;--mada-space:16px;--mada-shadow:0 1px 3px rgba(0,0,0,.08)}*{box-sizing:border-box}html,body{font-family:"Cairo","Tajawal",Arial,sans-serif;background:var(--mada-bg);color:var(--mada-text)}body{font-size:15px;line-height:1.55}.topbar{position:sticky;top:0;z-index:100;height:68px;background:rgba(255,255,255,.98);border-bottom:1px solid var(--mada-border);box-shadow:0 1px 4px rgba(0,0,0,.08);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px}.mada-wordmark{font-size:28px;font-weight:900;color:var(--mada-primary);letter-spacing:.5px;text-align:center}.top-actions{display:flex;align-items:center;gap:8px;justify-content:flex-start}.topbar>#menuBtn{justify-self:end}.icon-btn,.legacy-control{width:44px;height:44px;border:0;border-radius:50%;background:#f0f2f5;display:grid;place-items:center;font-size:22px;color:var(--mada-text);cursor:pointer}.legacy-control{font-size:18px}.page-wrap{width:min(680px,100%);margin:12px auto 86px;padding:0 8px}.card,.stories,.composer,.feed>.card{background:var(--mada-card);border:1px solid var(--mada-border);border-radius:var(--mada-radius);box-shadow:var(--mada-shadow)}.stories,.composer{margin-bottom:12px}.stories{padding:14px}.stories-title{font-size:20px;margin-bottom:12px}.story-tools button{font-size:14px}.story-row{display:flex;gap:10px;overflow-x:auto;padding:2px 1px 4px;scrollbar-width:none}.story-row::-webkit-scrollbar{display:none}.story-card{width:112px;min-width:112px;height:178px;border:0;border-radius:16px;overflow:hidden;position:relative;background:#e9edf2;box-shadow:0 1px 4px rgba(0,0,0,.12);padding:0}.story-card b{position:absolute;bottom:10px;right:8px;left:8px;color:#fff;text-align:right;font-size:13px;text-shadow:0 1px 4px #000;z-index:2}.story-avatar{position:absolute;top:8px;right:8px;width:42px;height:42px;border-radius:50%;overflow:hidden;border:3px solid var(--mada-primary);background:#fff;z-index:2;display:grid;place-items:center;font-weight:900}.story-avatar img{width:100%;height:100%;object-fit:cover}.add-story{background:linear-gradient(#dbe8fb,#1877f2);color:#fff}.add-story .story-avatar{position:absolute;background:#fff;color:var(--mada-primary);font-size:24px}.composer{padding:14px}.composer-row{display:flex;align-items:center;gap:10px}.big-avatar{width:46px;height:46px;min-width:46px;border-radius:50%;border:0}.think-input{flex:1;min-height:46px;border:0;border-radius:24px;background:#f0f2f5;color:var(--mada-muted);font-size:16px;text-align:right;padding:0 18px}.composer-actions{display:flex;gap:6px}.reference-actions{border-top:1px solid var(--mada-border);margin-top:12px;padding-top:10px}.reference-actions button{flex:1;border:0;background:transparent;border-radius:10px;padding:10px 4px;font-size:14px;font-weight:800}.reference-actions button:nth-child(1){color:#e41e3f}.reference-actions button:nth-child(2){color:#42b72a}.reference-actions button:nth-child(3),.reference-actions button:nth-child(4){color:#d99b00}.composer textarea{width:100%;margin-top:10px;border:1px solid var(--mada-border);border-radius:14px;padding:12px;font:inherit;resize:none}.publish-row{margin-top:8px}.publish-row button{width:100%;min-height:44px;border-radius:10px}.quick-grid,.premium-banner{margin-bottom:12px}.feed{display:grid;gap:12px}.feed>.card,.profile-post{overflow:hidden}.post-actions button{font-size:14px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:120;height:66px;background:rgba(255,255,255,.98);border-top:1px solid var(--mada-border);box-shadow:0 -2px 8px rgba(0,0,0,.06);display:flex;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav button{flex:1;height:58px;border:0;background:transparent;color:#65676b;font-size:21px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.bottom-nav button span{font-size:10px;font-weight:700}.bottom-nav button.active{color:var(--mada-primary)}.bottom-plus{font-size:30px!important;color:#fff!important;background:var(--mada-primary)!important;border-radius:50%!important;width:48px!important;height:48px!important;flex:0 0 48px!important}.modal-card{border-radius:20px!important;max-width:680px}.profile-page{font-size:15px}.profile-page h2{font-size:22px!important}.profile-page .profile-stats b{font-size:17px!important}.profile-page .profile-actions button{font-size:14px!important}.profile-page .profile-tabs button{font-size:14px!important}@media(max-width:600px){.topbar{height:62px}.mada-wordmark{font-size:25px}.icon-btn,.legacy-control{width:42px;height:42px}.page-wrap{padding:0 6px;margin-top:8px}.card,.stories,.composer{border-radius:16px}.story-card{width:108px;min-width:108px;height:170px}.composer{padding:12px}.bottom-nav{height:64px}.bottom-nav button{height:56px}}
body.dark,body.dark #app{background:#18191a;color:#e4e6eb}body.dark .topbar,body.dark .bottom-nav,body.dark .card,body.dark .stories,body.dark .composer{background:#242526;color:#e4e6eb;border-color:#3a3b3c}body.dark .think-input,body.dark .icon-btn,body.dark .legacy-control{background:#3a3b3c;color:#e4e6eb}body.dark .composer textarea{background:#18191a;color:#e4e6eb;border-color:#3a3b3c}