@import url('mada-feed-modern.css?v=20260904-1');
:root{--mada-surface:rgba(255,255,255,.82);--mada-line:rgba(148,163,184,.22)}html,body{font-family:"Cairo","Tajawal",Arial,sans-serif}body{background:radial-gradient(circle at 15% -10%,rgba(34,211,238,.13),transparent 28%),radial-gradient(circle at 95% 10%,rgba(124,58,237,.10),transparent 26%),#f4f7fb;overflow-x:hidden}.topbar{height:70px!important;background:rgba(255,255,255,.72)!important;border-bottom:1px solid var(--mada-line)!important;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);box-shadow:0 8px 28px rgba(15,23,42,.06)!important}.mada-wordmark{font-size:29px!important;font-weight:1000!important;background:linear-gradient(135deg,#2563eb,#06b6d4 52%,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent!important;letter-spacing:1.5px}.icon-btn,.legacy-control{width:44px!important;height:44px!important;border:1px solid rgba(255,255,255,.85)!important;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(226,232,240,.74))!important;box-shadow:6px 7px 14px rgba(15,23,42,.12),inset 1px 1px 2px #fff,inset -2px -2px 4px rgba(100,116,139,.10)!important;transition:transform .18s ease,box-shadow .18s ease!important}.icon-btn:hover,.legacy-control:hover{transform:translateY(-2px) scale(1.03)}.icon-btn:active,.legacy-control:active{transform:translateY(1px) scale(.97)}.top-actions{gap:9px!important}.mada-icon{display:inline-grid!important;place-items:center;width:24px;height:24px;line-height:1;vertical-align:middle;filter:drop-shadow(0 3px 2px rgba(15,23,42,.18));color:#2563eb}.mada-icon svg{width:100%;height:100%;overflow:visible}.mada-icon svg path,.mada-icon svg circle,.mada-icon svg rect{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-btn .mada-icon,.legacy-control .mada-icon{width:25px;height:25px}.icon-btn .mada-icon svg,.legacy-control .mada-icon svg{stroke-width:2.15}.bottom-nav .mada-icon{width:23px;height:23px}.bottom-plus .mada-icon{color:#fff}.quick-grid button .mada-icon{width:25px;height:25px}.card,.stories,.composer,.feed>.card{border:1px solid var(--mada-line)!important;background:var(--mada-surface)!important;backdrop-filter:blur(16px) saturate(145%);-webkit-backdrop-filter:blur(16px) saturate(145%);box-shadow:0 10px 34px rgba(15,23,42,.065),inset 0 1px 0 rgba(255,255,255,.75)!important;transition:box-shadow .2s ease}.card:hover{box-shadow:0 14px 38px rgba(15,23,42,.09),inset 0 1px 0 rgba(255,255,255,.85)!important}.stories-title b{font-size:19px;background:linear-gradient(90deg,#172554,#2563eb);-webkit-background-clip:text;background-clip:text;color:transparent}.story-card{border-radius:20px!important;box-shadow:0 8px 20px rgba(15,23,42,.13)!important;transition:transform .2s ease,box-shadow .2s ease!important}.story-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(15,23,42,.18)!important}.story-avatar{box-shadow:0 5px 12px rgba(37,99,235,.25)!important}.think-input{border:1px solid rgba(148,163,184,.18)!important;background:linear-gradient(145deg,rgba(248,250,252,.95),rgba(226,232,240,.65))!important;box-shadow:inset 2px 2px 5px rgba(148,163,184,.13),inset -2px -2px 5px rgba(255,255,255,.9)!important}.avatar{box-shadow:6px 8px 16px rgba(37,99,235,.25),inset 2px 2px 4px rgba(255,255,255,.35)!important}.reference-actions button,.quick-grid button{transition:transform .16s ease,background .16s ease,box-shadow .16s ease!important}.reference-actions button:hover,.quick-grid button:hover{transform:translateY(-2px);background:rgba(239,246,255,.9)!important;box-shadow:0 8px 16px rgba(37,99,235,.08)}.primary{background:linear-gradient(135deg,#2563eb 0%,#3b82f6 42%,#06b6d4 100%)!important;box-shadow:0 10px 20px rgba(37,99,235,.24),inset 1px 1px 2px rgba(255,255,255,.38)!important;transition:transform .16s ease,box-shadow .16s ease!important}.primary:hover{transform:translateY(-2px);box-shadow:0 14px 26px rgba(37,99,235,.3),inset 1px 1px 2px rgba(255,255,255,.45)!important}.bottom-nav{height:72px!important;left:8px!important;right:8px!important;bottom:8px!important;border:1px solid rgba(255,255,255,.85)!important;border-radius:24px!important;background:rgba(255,255,255,.78)!important;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);box-shadow:0 18px 42px rgba(15,23,42,.16)!important;padding:4px!important}.bottom-nav button{border-radius:18px!important;transition:transform .16s ease,background .16s ease!important}.bottom-nav button:hover{transform:translateY(-2px)}.bottom-nav button.active{background:linear-gradient(145deg,rgba(239,246,255,.96),rgba(219,234,254,.75))!important;box-shadow:inset 1px 1px 3px #fff,0 7px 16px rgba(37,99,235,.10)}.bottom-plus{width:54px!important;height:54px!important;background:linear-gradient(145deg,#60a5fa,#2563eb 55%,#1d4ed8)!important;box-shadow:0 10px 22px rgba(37,99,235,.34),inset 2px 2px 3px rgba(255,255,255,.5),inset -3px -4px 7px rgba(15,23,42,.2)!important}.quick-grid button span.mada-icon{display:grid!important;place-items:center;width:46px;height:46px;margin:0 auto 6px;border-radius:15px;background:linear-gradient(145deg,#fff,#dbeafe);border:1px solid rgba(255,255,255,.9);box-shadow:6px 7px 12px rgba(30,64,175,.12),inset 2px 2px 4px #fff,inset -3px -3px 6px rgba(59,130,246,.10);font-size:23px!important;line-height:1;transition:transform .18s ease}.quick-grid button:hover span.mada-icon{transform:rotate(-3deg) translateY(-2px) scale(1.06)}.reference-actions button{min-height:48px!important}.post-actions button{transition:transform .15s ease,background .15s ease!important}.post-actions button:hover{transform:translateY(-1px)!important;background:rgba(239,246,255,.72)!important}.post-actions .action-icon{filter:drop-shadow(0 2px 2px rgba(15,23,42,.18));font-size:21px!important}.premium-banner{background:linear-gradient(135deg,rgba(255,251,235,.95),rgba(254,240,138,.48))!important;box-shadow:0 12px 28px rgba(217,119,6,.10),inset 1px 1px 2px #fff!important}.premium-btn{box-shadow:0 8px 16px rgba(15,23,42,.18),inset 1px 1px 2px rgba(255,255,255,.22)!important}.modal{backdrop-filter:blur(10px)!important}.modal-card{box-shadow:0 24px 70px rgba(2,6,23,.28)!important;border:1px solid rgba(255,255,255,.5)!important}.mada-community{margin:12px 0;padding:16px;border-radius:22px;background:linear-gradient(135deg,#f8fbff,#eef5ff);border:1px solid #dce8fa;box-shadow:0 12px 30px rgba(37,99,235,.08)}.mada-community-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.mada-community-head b{font-size:18px}.mada-community-head small{display:block;color:#718096;margin-top:3px}.mada-community-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mada-community-actions button{border:0;border-radius:15px;background:#fff;padding:12px 7px;font-weight:800;box-shadow:0 2px 10px rgba(30,60,100,.06);cursor:pointer}.mada-community-actions button:first-child{background:#2871df;color:#fff}.mada-community-actions span{display:block;font-size:20px;margin-bottom:4px}@media(max-width:600px){.topbar{height:62px!important}.top-actions{gap:6px!important}.icon-btn,.legacy-control{width:40px!important;height:40px!important}.bottom-nav{left:5px!important;right:5px!important;bottom:5px!important;height:68px!important;border-radius:22px!important}.bottom-plus{width:50px!important;height:50px!important}.quick-grid button span.mada-icon{width:42px;height:42px}}body.dark{background:radial-gradient(circle at 10% -10%,rgba(34,211,238,.10),transparent 30%),radial-gradient(circle at 100% 0,rgba(124,58,237,.14),transparent 30%),#0b1220!important}body.dark .topbar,body.dark .bottom-nav,body.dark .card,body.dark .stories,body.dark .composer{background:rgba(18,28,46,.78)!important;border-color:rgba(100,116,139,.24)!important;box-shadow:0 14px 38px rgba(0,0,0,.25)!important}body.dark .icon-btn,body.dark .legacy-control{background:linear-gradient(145deg,#263653,#172238)!important;color:#eef6ff!important;border-color:rgba(148,163,184,.18)!important;box-shadow:6px 7px 14px rgba(0,0,0,.28),inset 1px 1px 2px rgba(255,255,255,.10)!important}body.dark .mada-icon{color:#67e8f9}body.dark .bottom-plus .mada-icon{color:#fff}body.dark .think-input{background:linear-gradient(145deg,#1e2d46,#162238)!important;color:#b8c5d9!important}body.dark .quick-grid button span.mada-icon{background:linear-gradient(145deg,#263653,#172238);box-shadow:5px 6px 12px rgba(0,0,0,.3),inset 1px 1px 2px rgba(255,255,255,.08)}body.dark .mada-community{background:linear-gradient(135deg,#17243a,#132033);border-color:rgba(103,232,249,.16)}body.dark .mada-community-actions button{background:#1d2b42;color:#eef6ff}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}