.social{--soc-bg:radial-gradient(ellipse 80% 50% at 14% 0%,oklch(42% 0.17 332/0.55),transparent 60%),radial-gradient(ellipse 70% 50% at 96% 18%,oklch(46% 0.16 292/0.5),transparent 55%),radial-gradient(ellipse 85% 60% at 82% 102%,oklch(46% 0.13 220/0.45),transparent 55%),linear-gradient(168deg,oklch(17% 0.06 305),oklch(11% 0.04 296));--soc-accent:oklch(74% 0.19 332);--soc-accent-d:oklch(58% 0.17 320);--soc-on-accent:oklch(14% 0.03 320);--soc-surface:oklch(22% 0.05 305/0.55);--soc-surface-2:oklch(26% 0.05 305/0.6);--soc-line:oklch(48% 0.10 320/0.4);--soc-line-2:oklch(56% 0.10 320/0.5);--soc-fg:oklch(95% 0.02 320);--soc-fg-muted:oklch(78% 0.03 320);--soc-fg-dim:oklch(60% 0.03 315);--soc-rose-a:oklch(66% 0.16 22);--soc-rose-b:oklch(54% 0.16 18);--soc-violet-a:oklch(66% 0.13 305);--soc-violet-b:oklch(48% 0.14 298);--soc-teal-a:oklch(72% 0.10 195);--soc-teal-b:oklch(52% 0.12 195);--soc-saffron-a:oklch(82% 0.16 78);--soc-saffron-b:oklch(70% 0.17 62);--soc-clay-a:oklch(70% 0.14 45);--soc-clay-b:oklch(54% 0.15 40);--soc-flag-red:oklch(60% 0.16 22);--soc-flag-green:oklch(64% 0.13 158);--soc-flag-amber:oklch(80% 0.14 80);--soc-flag-a:oklch(72% 0.12 230);--soc-flag-b:oklch(70% 0.15 350);--soc-pick:oklch(80% 0.15 78);--soc-pick-ink:oklch(16% 0.02 60);--soc-r-sm:10px;--soc-r-md:16px;--soc-r-lg:22px;--soc-r-xl:28px;--soc-r-full:9999px;--soc-spring:cubic-bezier(0.22,1.2,0.36,1);--soc-out:cubic-bezier(0.16,1,0.3,1);--soc-ui:"Cairo",system-ui,sans-serif;--soc-mono:"Rubik Mono One",monospace;--soc-display-ar:"Changa","Cairo",system-ui,sans-serif;color:var(--soc-fg)}.social .theme-toggle-fab{display:none!important}.soc-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:var(--soc-bg)}.soc-noscore{display:inline-flex;align-items:center;gap:7px;padding:2px 10px;border-radius:var(--soc-r-full);background:oklch(66% .18 332/.16);border:1px solid oklch(66% .18 332/.45);color:oklch(78% .16 332);font-family:var(--soc-ui);font-weight:900;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase}.soc-noscore:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.social[dir=rtl] .soc-noscore{letter-spacing:.04em}.soc-eyebrow{font-family:var(--soc-ui);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--soc-accent)}.social[dir=rtl] .soc-eyebrow{letter-spacing:.05em}.soc-card{background:var(--soc-surface);border:1px solid var(--soc-line);border-radius:var(--soc-r-lg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.soc-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:18px 22px;border:none;border-radius:var(--soc-r-xl);font-family:var(--soc-ui);font-weight:800;font-size:19px;color:var(--soc-on-accent);background:linear-gradient(180deg,var(--soc-accent),var(--soc-accent-d));box-shadow:0 14px 30px -12px var(--soc-accent-d);transition:transform .12s var(--soc-spring),box-shadow .12s var(--soc-spring);cursor:pointer}.soc-btn:active{transform:translateY(2px)}.soc-btn:disabled{filter:saturate(.5) opacity(.5);cursor:default}.soc-tap{transition:transform .12s var(--soc-spring)}.soc-tap:active{transform:scale(.96)}@keyframes soc-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.soc-anim-rise{animation:soc-rise .45s var(--soc-out) both}@keyframes soc-pulse{0%,to{opacity:1}50%{opacity:.55}}.soc-pulse{animation:soc-pulse 1s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.soc-anim-rise,.soc-pulse{animation:none}}.social .bg-dune{background:var(--soc-bg)!important;transition:background .35s var(--soc-out)}.social .mashrabiya-overlay{opacity:.04!important}@media (prefers-reduced-motion:reduce){.social .bg-dune{transition:none}}