@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}:root{--mb-neutral-0:#fff;--mb-neutral-50:#fafbfc;--mb-neutral-100:#f4f5f7;--mb-neutral-200:#e4e7eb;--mb-neutral-300:#d0d5dd;--mb-neutral-400:#98a2b3;--mb-neutral-500:#667085;--mb-neutral-600:#475467;--mb-neutral-700:#344054;--mb-neutral-800:#1d2939;--mb-neutral-900:#101828;--mb-primary-50:#f0fdf4;--mb-primary-100:#dcfce7;--mb-primary-200:#bbf7d0;--mb-primary-300:#86efac;--mb-primary-400:#4ade80;--mb-primary-500:#22c55e;--mb-primary-600:#16a34a;--mb-primary-700:#15803d;--mb-primary-800:#166534;--mb-primary-900:#14532d;--mb-secondary-50:#eff6ff;--mb-secondary-100:#dbeafe;--mb-secondary-200:#bfdbfe;--mb-secondary-300:#93c5fd;--mb-secondary-400:#60a5fa;--mb-secondary-500:#3b82f6;--mb-secondary-600:#2563eb;--mb-secondary-700:#1d4ed8;--mb-secondary-800:#1e40af;--mb-secondary-900:#1e3a8a;--mb-accent-50:#fef2f2;--mb-accent-100:#fee2e2;--mb-accent-200:#fecaca;--mb-accent-300:#fca5a5;--mb-accent-400:#f87171;--mb-accent-500:#ef4444;--mb-accent-600:#dc2626;--mb-accent-700:#b91c1c;--mb-accent-800:#991b1b;--mb-accent-900:#7f1d1d;--mb-heart:#e11d48;--mb-heart-bg:#fdf2f8;--mb-heart-hover:#be185d;--mb-comment:#0284c7;--mb-comment-bg:#f0f9ff;--mb-comment-hover:#0369a1;--mb-share:#7c3aed;--mb-share-bg:#f5f3ff;--mb-share-hover:#6d28d9;--mb-bookmark:#ea580c;--mb-bookmark-bg:#fff7ed;--mb-bookmark-hover:#c2410c;--mb-trending:#f59e0b;--mb-trending-bg:#fffbeb;--mb-success:var(--mb-primary-600);--mb-success-bg:var(--mb-primary-50);--mb-warning:#f59e0b;--mb-warning-bg:#fffbeb;--mb-error:var(--mb-accent-600);--mb-error-bg:var(--mb-accent-50);--mb-info:var(--mb-secondary-600);--mb-info-bg:var(--mb-secondary-50);--mb-text-xs:0.75rem;--mb-text-sm:0.875rem;--mb-text-base:1rem;--mb-text-lg:1.125rem;--mb-text-xl:1.25rem;--mb-text-2xl:1.5rem;--mb-text-3xl:1.875rem;--mb-text-4xl:2.25rem;--mb-text-5xl:3rem;--mb-weight-light:300;--mb-weight-normal:400;--mb-weight-medium:500;--mb-weight-semibold:600;--mb-weight-bold:700;--mb-weight-extrabold:800;--mb-leading-tight:1.25;--mb-leading-snug:1.375;--mb-leading-normal:1.5;--mb-leading-relaxed:1.625;--mb-leading-loose:2;--mb-tracking-tight:-0.025em;--mb-tracking-normal:0;--mb-tracking-wide:0.025em;--mb-space-px:1px;--mb-space-0:0;--mb-space-0-5:0.125rem;--mb-space-1:0.25rem;--mb-space-1-5:0.375rem;--mb-space-2:0.5rem;--mb-space-2-5:0.625rem;--mb-space-3:0.75rem;--mb-space-3-5:0.875rem;--mb-space-4:1rem;--mb-space-5:1.25rem;--mb-space-6:1.5rem;--mb-space-7:1.75rem;--mb-space-8:2rem;--mb-space-9:2.25rem;--mb-space-10:2.5rem;--mb-space-11:2.75rem;--mb-space-12:3rem;--mb-space-14:3.5rem;--mb-space-16:4rem;--mb-space-20:5rem;--mb-space-24:6rem;--mb-space-32:8rem;--mb-radius-none:0;--mb-radius-sm:0.25rem;--mb-radius-base:0.5rem;--mb-radius-md:0.625rem;--mb-radius-lg:0.75rem;--mb-radius-xl:1rem;--mb-radius-2xl:1.5rem;--mb-radius-3xl:2rem;--mb-radius-full:9999px;--mb-shadow-xs:0 1px 2px 0 rgba(0,0,0,.05);--mb-shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--mb-shadow-base:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--mb-shadow-md:0 6px 16px -4px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--mb-shadow-lg:0 10px 24px -4px rgba(0,0,0,.1),0 8px 8px -4px rgba(0,0,0,.04);--mb-shadow-xl:0 20px 32px -8px rgba(0,0,0,.1),0 12px 16px -4px rgba(0,0,0,.04);--mb-shadow-2xl:0 24px 48px -12px rgba(0,0,0,.18);--mb-shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.05);--mb-shadow-primary:0 10px 24px -4px rgba(34,197,94,.2);--mb-shadow-heart:0 8px 16px -4px rgba(225,29,72,.3);--mb-shadow-trending:0 8px 16px -4px rgba(245,158,11,.25);--mb-duration-75:75ms;--mb-duration-100:100ms;--mb-duration-150:150ms;--mb-duration-200:200ms;--mb-duration-300:300ms;--mb-duration-500:500ms;--mb-duration-700:700ms;--mb-duration-1000:1000ms;--mb-ease-linear:linear;--mb-ease-in:cubic-bezier(0.4,0,1,1);--mb-ease-out:cubic-bezier(0,0,0.2,1);--mb-ease-in-out:cubic-bezier(0.4,0,0.2,1);--mb-ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--mb-ease-dominican:cubic-bezier(0.25,0.46,0.45,0.94);--mb-avatar-xs:1.5rem;--mb-avatar-sm:2rem;--mb-avatar-base:2.5rem;--mb-avatar-lg:3rem;--mb-avatar-xl:4rem;--mb-avatar-2xl:5rem;--mb-button-height-sm:2rem;--mb-button-height-base:2.5rem;--mb-button-height-lg:3rem;--mb-button-padding-x-sm:var(--mb-space-3);--mb-button-padding-x-base:var(--mb-space-4);--mb-button-padding-x-lg:var(--mb-space-6);--mb-card-padding-sm:var(--mb-space-4);--mb-card-padding-base:var(--mb-space-6);--mb-card-padding-lg:var(--mb-space-8);--mb-card-radius:var(--mb-radius-2xl);--mb-card-border:1px solid var(--mb-neutral-200);--mb-input-height:var(--mb-space-11);--mb-input-padding-x:var(--mb-space-3);--mb-input-border:1px solid var(--mb-neutral-300);--mb-input-border-focus:2px solid var(--mb-primary-600);--mb-input-radius:var(--mb-radius-lg);--mb-dominican-flag-red:#ce1126;--mb-dominican-flag-blue:#002d62;--mb-dominican-flag-white:#fff;--mb-tropical-orange:#ff6b35;--mb-tropical-teal:#4ecdc4;--mb-tropical-coral:#ff7f7f;--mb-tropical-gold:gold;--mb-gradient-sunrise:linear-gradient(135deg,#ff6b35,gold);--mb-gradient-ocean:linear-gradient(135deg,#4ecdc4,#2563eb);--mb-gradient-sunset:linear-gradient(135deg,#ff7f7f,#ce1126);--mb-gradient-tropical:linear-gradient(135deg,#22c55e,#4ecdc4 50%,#ff6b35);--mb-focus-ring:2px solid var(--mb-primary-600);--mb-focus-ring-offset:2px;--mb-focus-ring-color:var(--mb-primary-600);--mb-text-contrast-high:var(--mb-neutral-900);--mb-text-contrast-medium:var(--mb-neutral-700);--mb-text-contrast-low:var(--mb-neutral-500);--mb-breakpoint-sm:640px;--mb-breakpoint-md:768px;--mb-breakpoint-lg:1024px;--mb-breakpoint-xl:1280px;--mb-breakpoint-2xl:1536px;--mb-z-base:1;--mb-z-dropdown:1000;--mb-z-sticky:1020;--mb-z-fixed:1030;--mb-z-modal-backdrop:1040;--mb-z-modal:1050;--mb-z-popover:1060;--mb-z-tooltip:1070;--mb-z-toast:1080;--mb-z-celebration:1090}@media (prefers-color-scheme:dark){:root{--mb-neutral-0:#0f0f0f;--mb-neutral-50:#1a1a1a;--mb-neutral-100:#262626;--mb-neutral-200:#404040;--mb-neutral-300:#525252;--mb-neutral-400:#737373;--mb-neutral-500:#a3a3a3;--mb-neutral-600:#d4d4d4;--mb-neutral-700:#e5e5e5;--mb-neutral-800:#f5f5f5;--mb-neutral-900:#fff;--mb-primary-600:#22c55e;--mb-card-border:1px solid var(--mb-neutral-200);--mb-shadow-base:0 4px 6px -1px rgba(0,0,0,.5),0 2px 4px -2px rgba(0,0,0,.3)}}@media (prefers-contrast:high){:root{--mb-neutral-500:#000;--mb-neutral-600:#000;--mb-neutral-700:#000;--mb-card-border:2px solid var(--mb-neutral-800);--mb-input-border:2px solid var(--mb-neutral-800);--mb-heart-bg:transparent;--mb-comment-bg:transparent;--mb-share-bg:transparent;--mb-bookmark-bg:transparent}}@media (prefers-reduced-motion:reduce){:root{--mb-duration-150:0ms;--mb-duration-200:0ms;--mb-duration-300:100ms;--mb-duration-500:100ms;--mb-duration-700:100ms;--mb-duration-1000:200ms;--mb-ease-bounce:var(--mb-ease-out);--mb-ease-dominican:var(--mb-ease-out)}}.mb-text-xs{font-size:var(--mb-text-xs)}.mb-text-sm{font-size:var(--mb-text-sm)}.mb-text-base{font-size:var(--mb-text-base)}.mb-text-lg{font-size:var(--mb-text-lg)}.mb-text-xl{font-size:var(--mb-text-xl)}.mb-text-2xl{font-size:var(--mb-text-2xl)}.mb-font-light{font-weight:var(--mb-weight-light)}.mb-font-normal{font-weight:var(--mb-weight-normal)}.mb-font-medium{font-weight:var(--mb-weight-medium)}.mb-font-semibold{font-weight:var(--mb-weight-semibold)}.mb-font-bold{font-weight:var(--mb-weight-bold)}.mb-space-y-1>*+*{margin-top:var(--mb-space-1)}.mb-space-y-2>*+*{margin-top:var(--mb-space-2)}.mb-space-y-3>*+*{margin-top:var(--mb-space-3)}.mb-space-y-4>*+*{margin-top:var(--mb-space-4)}.mb-space-y-6>*+*{margin-top:var(--mb-space-6)}.mb-text-primary{color:var(--mb-primary-600)}.mb-text-secondary{color:var(--mb-secondary-600)}.mb-text-accent{color:var(--mb-accent-600)}.mb-text-neutral{color:var(--mb-neutral-700)}.mb-text-muted{color:var(--mb-neutral-500)}.mb-bg-primary{background-color:var(--mb-primary-600)}.mb-bg-secondary{background-color:var(--mb-secondary-600)}.mb-bg-accent{background-color:var(--mb-accent-600)}.mb-focus-ring:focus-visible{outline:var(--mb-focus-ring);outline-offset:var(--mb-focus-ring-offset)}.mb-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mb-card{background:var(--mb-neutral-0);border:var(--mb-card-border);border-radius:var(--mb-card-radius);padding:var(--mb-card-padding-base);box-shadow:var(--mb-shadow-sm);transition:all var(--mb-duration-300) var(--mb-ease-out)}.mb-card:hover{box-shadow:var(--mb-shadow-md);transform:translateY(-1px)}.mb-button{height:var(--mb-button-height-base);padding:0 var(--mb-button-padding-x-base);border-radius:var(--mb-radius-lg);font-weight:var(--mb-weight-medium);font-size:var(--mb-text-sm);transition:all var(--mb-duration-150) var(--mb-ease-out);cursor:pointer;border:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--mb-space-2)}.mb-button:focus-visible{outline:var(--mb-focus-ring);outline-offset:var(--mb-focus-ring-offset)}.mb-button--primary{background:var(--mb-primary-600);color:#fff}.mb-button--primary:hover{background:var(--mb-primary-700)}.mb-input{height:var(--mb-input-height);padding:0 var(--mb-input-padding-x);border:var(--mb-input-border);border-radius:var(--mb-input-radius);font-size:var(--mb-text-base);transition:all var(--mb-duration-150) var(--mb-ease-out);width:100%}.mb-input:focus{border:var(--mb-input-border-focus);outline:none}.mb-transition{transition:all var(--mb-duration-300) var(--mb-ease-out)}.mb-transition-fast{transition:all var(--mb-duration-150) var(--mb-ease-out)}.mb-transition-slow{transition:all var(--mb-duration-500) var(--mb-ease-out)}.mb-gradient-tropical{background:var(--mb-gradient-tropical)}.mb-gradient-ocean{background:var(--mb-gradient-ocean)}.mb-text-dominican{background:var(--mb-gradient-tropical);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--mb-weight-bold)}:root{--dominican-red:#ce1126;--dominican-blue:#002d62;--dominican-white:#fff;--caribbean-turquoise:#4ecdc4;--caribbean-coral:#ff6b6b;--caribbean-gold:gold;--caribbean-sunset:coral;--merengue-gradient:linear-gradient(45deg,#ff6b6b,gold,#4ecdc4);--bachata-gradient:linear-gradient(135deg,#ce1126,coral,gold);--viral-epic-gradient:linear-gradient(270deg,gold,#ff6b6b,#002d62,#4ecdc4);--dominican-glow:0 0 20px rgba(206,17,38,.5);--caribbean-glow:0 0 25px rgba(78,205,196,.6);--viral-glow:0 0 30px rgba(255,215,0,.8)}@keyframes pulse-dominican{0%{box-shadow:0 0 0 0 rgba(206,17,38,.7);border-color:var(--dominican-red)}25%{box-shadow:0 0 0 10px hsla(0,0%,100%,.5);border-color:var(--dominican-white)}50%{box-shadow:0 0 0 20px rgba(0,45,98,.4);border-color:var(--dominican-blue)}to{box-shadow:0 0 0 0 rgba(206,17,38,0);border-color:var(--dominican-red)}}@keyframes caribbean-waves{0%{transform:scale(0) rotate(0deg);opacity:1;border-color:var(--caribbean-turquoise)}25%{transform:scale(.5) rotate(90deg);opacity:.8;border-color:var(--caribbean-coral)}50%{transform:scale(1) rotate(180deg);opacity:.6;border-color:var(--caribbean-gold)}75%{transform:scale(1.5) rotate(270deg);opacity:.3;border-color:var(--caribbean-sunset)}to{transform:scale(2) rotate(1turn);opacity:0;border-color:var(--caribbean-turquoise)}}@keyframes merengue-bounce{0%,20%,50%,80%,to{transform:translateY(0) rotate(0deg)}10%{transform:translateY(-10px) rotate(5deg)}30%{transform:translateY(-5px) rotate(-3deg)}60%{transform:translateY(-8px) rotate(4deg)}90%{transform:translateY(-3px) rotate(-2deg)}}@keyframes bachata-sway{0%{transform:translateX(0) rotate(0deg)}25%{transform:translateX(10px) rotate(2deg)}50%{transform:translateX(0) rotate(0deg)}75%{transform:translateX(-10px) rotate(-2deg)}to{transform:translateX(0) rotate(0deg)}}@keyframes salsa-spin{0%{transform:rotate(0deg) scale(1);filter:hue-rotate(0deg)}25%{transform:rotate(90deg) scale(1.1);filter:hue-rotate(90deg)}50%{transform:rotate(180deg) scale(1.2);filter:hue-rotate(180deg)}75%{transform:rotate(270deg) scale(1.1);filter:hue-rotate(270deg)}to{transform:rotate(1turn) scale(1);filter:hue-rotate(1turn)}}@keyframes dominican-fireworks{0%{transform:scale(0) translate(0);opacity:1;background:var(--dominican-red)}20%{transform:scale(.3) translate(var(--random-x,20px),var(--random-y,-30px));background:var(--dominican-white)}40%{transform:scale(.6) translate(calc(var(--random-x, 20px) * 2),calc(var(--random-y, -30px) * 2));background:var(--dominican-blue)}60%{transform:scale(1) translate(calc(var(--random-x, 20px) * 3),calc(var(--random-y, -30px) * 3));background:var(--caribbean-gold)}80%{transform:scale(.8) translate(calc(var(--random-x, 20px) * 4),calc(var(--random-y, -30px) * 4));opacity:.5}to{transform:scale(0) translate(calc(var(--random-x, 20px) * 5),calc(var(--random-y, -30px) * 5));opacity:0}}@keyframes floating-particles{0%{transform:translateY(0) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) rotate(1turn);opacity:0}}@keyframes viral-gold-shine{0%{background-position:-200%}to{background-position:200%}}.viral-micro{animation:merengue-bounce 2s ease-in-out infinite;box-shadow:var(--caribbean-glow)}.viral-normal{animation:bachata-sway 3s ease-in-out infinite;background:var(--merengue-gradient);box-shadow:var(--dominican-glow)}.viral-epic{animation:salsa-spin 4s linear infinite,pulse-dominican 2s ease-in-out infinite;background:var(--viral-epic-gradient);box-shadow:var(--viral-glow);position:relative}.viral-epic:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,transparent,rgba(255,215,0,.4),transparent);z-index:-1;animation:viral-gold-shine 2s linear infinite}.eco-waves{position:absolute;border:3px solid;border-radius:50%;animation:caribbean-waves 3s ease-out infinite}.eco-waves:first-child{animation-delay:0s}.eco-waves:nth-child(2){animation-delay:.5s}.eco-waves:nth-child(3){animation-delay:1s}.eco-waves:nth-child(4){animation-delay:1.5s}.eco-waves:nth-child(5){animation-delay:2s}.festa-particle{position:absolute;width:8px;height:8px;border-radius:50%;animation:floating-particles 4s linear infinite;background:var(--caribbean-turquoise)}.festa-particle:nth-child(odd){background:var(--caribbean-coral);animation-duration:5s}.festa-particle:nth-child(3n){background:var(--caribbean-gold);animation-duration:6s}.firework{position:absolute;width:4px;height:4px;border-radius:50%;animation:dominican-fireworks 3s ease-out infinite}.firework:first-child{--random-x:30px;--random-y:-40px;animation-delay:0s}.firework:nth-child(2){--random-x:-25px;--random-y:-35px;animation-delay:.3s}.firework:nth-child(3){--random-x:40px;--random-y:-50px;animation-delay:.6s}.firework:nth-child(4){--random-x:-35px;--random-y:-30px;animation-delay:.9s}.firework:nth-child(5){--random-x:20px;--random-y:-45px;animation-delay:1.2s}.viral-badge-glow{animation:pulse-dominican 2s ease-in-out infinite;filter:drop-shadow(0 0 10px currentColor)}.viral-text-reveal{overflow:hidden;border-right:2px solid var(--caribbean-gold);white-space:nowrap;animation:typing 2s steps(30) forwards,blink-caret 1s step-end .5s infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,50%{border-color:var(--caribbean-gold)}51%,to{border-color:transparent}}.caribbean-shake{animation:caribbean-shake .5s ease-in-out}@keyframes caribbean-shake{0%,to{transform:translateX(0)}10%{transform:translateX(-5px) rotate(1deg)}20%{transform:translateX(5px) rotate(-1deg)}30%{transform:translateX(-3px) rotate(1deg)}40%{transform:translateX(3px) rotate(-1deg)}50%{transform:translateX(-2px) rotate(.5deg)}60%{transform:translateX(2px) rotate(-.5deg)}70%{transform:translateX(-1px) rotate(.25deg)}80%{transform:translateX(1px) rotate(-.25deg)}90%{transform:translateX(0) rotate(0deg)}}@media (max-width:768px){.viral-epic{animation-duration:6s}.eco-waves{animation-duration:4s}.festa-particle{animation-duration:5s}}@media (prefers-reduced-motion:reduce){.eco-waves,.festa-particle,.firework,.viral-epic,.viral-epic:before,.viral-micro,.viral-normal{animation:none}.viral-micro{box-shadow:var(--caribbean-glow)}.viral-normal{background:var(--merengue-gradient);box-shadow:var(--dominican-glow)}.viral-epic{background:var(--viral-epic-gradient);box-shadow:var(--viral-glow)}}.eco-trigger-micro{animation:merengue-bounce 1s ease-in-out}.eco-trigger-normal{animation:bachata-sway 2s ease-in-out}.eco-trigger-epic{animation:salsa-spin 3s linear,caribbean-shake .5s ease-in-out}.viral-badge:hover{transform:scale(1.05);transition:transform .2s ease}.viral-badge:hover.viral-epic{transform:scale(1.1) rotate(5deg);box-shadow:0 0 40px var(--caribbean-gold)}.viral-loading{background:linear-gradient(90deg,var(--caribbean-turquoise) 25%,var(--caribbean-coral) 50%,var(--caribbean-turquoise) 75%);background-size:200% 100%;animation:loading-shine 2s ease-in-out infinite}@keyframes loading-shine{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes float-heart{0%{transform:translate(-50%,-50%) scale(0) rotate(0deg);opacity:1}15%{transform:translate(-50%,-60%) scale(1.2) rotate(5deg);opacity:1}30%{transform:translate(-50%,-80%) scale(1) rotate(-5deg);opacity:.9}50%{transform:translate(-50%,-120%) scale(.8) rotate(10deg);opacity:.7}70%{transform:translate(-50%,-160%) scale(.6) rotate(-10deg);opacity:.4}to{transform:translate(-50%,-200%) scale(0) rotate(15deg);opacity:0}}.animate-float-heart{animation:float-heart 2s ease-out forwards;animation-fill-mode:both}.animate-float-heart:first-child{animation-delay:0ms}.animate-float-heart:nth-child(2){animation-delay:.1s}.animate-float-heart:nth-child(3){animation-delay:.2s}.animate-float-heart:nth-child(4){animation-delay:.3s}.animate-float-heart:nth-child(5){animation-delay:.4s}@media (max-width:768px){@keyframes float-heart{0%{transform:translate(-50%,-50%) scale(0) rotate(0deg);opacity:1}15%{transform:translate(-50%,-50%) scale(1) rotate(5deg);opacity:1}30%{transform:translate(-50%,-70%) scale(.9) rotate(-5deg);opacity:.9}50%{transform:translate(-50%,-100%) scale(.7) rotate(10deg);opacity:.7}70%{transform:translate(-50%,-130%) scale(.5) rotate(-10deg);opacity:.4}to{transform:translate(-50%,-160%) scale(0) rotate(15deg);opacity:0}}}@media (prefers-reduced-motion:reduce){.animate-float-heart{animation:none;animation:heart-fade-reduced 1s ease-out forwards}@keyframes heart-fade-reduced{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}}:root{--reaction-like:#ef4444;--reaction-love-start:#ec4899;--reaction-love-end:#f59e0b;--reaction-laugh:#eab308;--reaction-surprise:#3b82f6;--reaction-sad:#06b6d4;--reaction-angry:#f97316;--spring-stiffness:300;--spring-damping:30;--reaction-scale-hover:1.15;--reaction-scale-active:0.95;--floating-duration:2.8s;--selector-appear-duration:0.4s;--gravity:980;--air-resistance:0.98;--bounce-factor:0.7}@keyframes reactionPulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,.4)}50%{transform:scale(1.05);box-shadow:0 0 0 8px rgba(239,68,68,.1)}to{transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,0)}}@keyframes reactionBounce{0%,20%,53%,80%,to{transform:translateZ(0) scale(1)}40%,43%{transform:translate3d(0,-8px,0) scale(1.1)}70%{transform:translate3d(0,-4px,0) scale(1.05)}90%{transform:translate3d(0,-1px,0) scale(1.02)}}@keyframes reactionWiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg) scale(1.05)}75%{transform:rotate(5deg) scale(1.05)}}@keyframes reactionGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes floatingHeart{0%{transform:translate3d(var(--start-x,0),var(--start-y,0),0) scale(0) rotate(0deg);opacity:0}15%{transform:translate3d(var(--start-x,0),calc(var(--start-y, 0) - 20px),0) scale(1.2) rotate(10deg);opacity:1}to{transform:translate3d(var(--end-x,0),var(--end-y,-120px),0) scale(0) rotate(var(--end-rotation,45deg));opacity:0}}@keyframes selectorAppear{0%{transform:translateY(20px) scale(.8);opacity:0}50%{transform:translateY(-5px) scale(1.05);opacity:.8}to{transform:translateY(0) scale(1);opacity:1}}@keyframes progressFill{0%{width:0;background-position:0 50%}to{width:var(--progress-width,50%);background-position:200% 50%}}@keyframes countUp{0%{transform:translateY(10px) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes reactionStagger{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.2) rotate(0deg);opacity:.8}to{transform:scale(1) rotate(0deg);opacity:1}}.reaction-button{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.reaction-button:hover{animation:reactionPulse 1.5s infinite}.reaction-button:active{animation:reactionBounce .6s ease-out}.reaction-button--liked{background:linear-gradient(135deg,var(--reaction-like),#dc2626);box-shadow:0 4px 12px rgba(239,68,68,.4)}.reaction-selector{animation:selectorAppear var(--selector-appear-duration) cubic-bezier(.34,1.56,.64,1)}.reaction-item{animation:reactionStagger .4s cubic-bezier(.34,1.56,.64,1)}.reaction-item:first-child{animation-delay:0s}.reaction-item:nth-child(2){animation-delay:.05s}.reaction-item:nth-child(3){animation-delay:.1s}.reaction-item:nth-child(4){animation-delay:.15s}.reaction-item:nth-child(5){animation-delay:.2s}.reaction-item:nth-child(6){animation-delay:.25s}.reaction-item:hover{animation:reactionWiggle .6s ease-in-out infinite}.floating-heart{position:absolute;pointer-events:none;z-index:1000;animation:floatingHeart var(--floating-duration) cubic-bezier(.25,.46,.45,.94) forwards}.engagement-progress{animation:progressFill 1.2s cubic-bezier(.25,.46,.45,.94) forwards;background:linear-gradient(90deg,var(--reaction-like) 0,var(--reaction-love-start) 30%,var(--reaction-laugh) 60%,var(--reaction-angry) 100%);background-size:200% 100%}.reaction-count{animation:countUp .3s cubic-bezier(.34,1.56,.64,1)}.reaction-glow{animation:reactionGlow 2s ease-in-out infinite}@media (max-width:768px){.reaction-button{min-height:44px;min-width:44px}.reaction-selector{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.floating-heart{--floating-duration:2.2s}}@media (prefers-reduced-motion:reduce){.floating-heart,.reaction-button:active,.reaction-button:hover,.reaction-glow,.reaction-item:hover{animation:none}.engagement-progress,.reaction-button,.reaction-count,.reaction-item,.reaction-selector{transition:none}}@supports (will-change:transform){.floating-heart,.reaction-button,.reaction-item{will-change:transform}}.floating-heart,.reaction-button,.reaction-item,.reaction-selector{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@media (hover:none) and (pointer:coarse){.reaction-button:active{transform:scale(.95);transition:transform .1s ease-out}.reaction-item:active{transform:scale(.9);transition:transform .1s ease-out}}@media (prefers-color-scheme:dark){.reaction-selector{backdrop-filter:blur(24px) saturate(150%);background:rgba(17,24,39,.95);border:1px solid hsla(0,0%,100%,.1)}.engagement-progress{box-shadow:0 0 8px rgba(239,68,68,.5)}}.reaction-spring{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.reaction-bounce{transition:transform .2s cubic-bezier(.68,-.55,.265,1.55)}.reaction-smooth{transition:all .3s cubic-bezier(.25,.46,.45,.94)}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}:root{--feed-neutral-50:#fafbfc;--feed-neutral-100:#f4f5f7;--feed-neutral-200:#e4e7eb;--feed-neutral-300:#d0d5dd;--feed-neutral-400:#98a2b3;--feed-neutral-500:#667085;--feed-neutral-600:#475467;--feed-neutral-700:#344054;--feed-neutral-800:#1d2939;--feed-neutral-900:#101828;--feed-primary:#059669;--feed-primary-hover:#047857;--feed-primary-light:#d1fae5;--feed-primary-subtle:#f0fdf4;--feed-heart:#dc2626;--feed-heart-bg:#fef2f2;--feed-heart-hover:#b91c1c;--feed-comment:#2563eb;--feed-comment-bg:#eff6ff;--feed-comment-hover:#1d4ed8;--feed-share:#7c3aed;--feed-share-bg:#f5f3ff;--feed-share-hover:#6d28d9;--feed-bookmark:#ea580c;--feed-bookmark-bg:#fff7ed;--feed-bookmark-hover:#c2410c;--feed-trending:#f59e0b;--feed-trending-bg:#fffbeb;--feed-success:#10b981;--feed-success-bg:#ecfdf5;--feed-warning:#f59e0b;--feed-warning-bg:#fffbeb;--feed-text-xs:0.75rem;--feed-text-sm:0.875rem;--feed-text-base:1rem;--feed-text-lg:1.125rem;--feed-text-xl:1.25rem;--feed-text-2xl:1.5rem;--feed-weight-normal:400;--feed-weight-medium:500;--feed-weight-semibold:600;--feed-weight-bold:700;--feed-space-1:0.25rem;--feed-space-2:0.5rem;--feed-space-3:0.75rem;--feed-space-4:1rem;--feed-space-5:1.25rem;--feed-space-6:1.5rem;--feed-space-8:2rem;--feed-space-10:2.5rem;--feed-space-12:3rem;--feed-space-16:4rem;--feed-radius-xs:0.125rem;--feed-radius-sm:0.25rem;--feed-radius-base:0.5rem;--feed-radius-lg:0.75rem;--feed-radius-xl:1rem;--feed-radius-2xl:1.5rem;--feed-shadow-xs:0 1px 2px 0 rgba(0,0,0,.05);--feed-shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--feed-shadow-base:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--feed-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--feed-shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--feed-shadow-premium:0 25px 50px -12px rgba(0,0,0,.25);--feed-gradient-engagement:linear-gradient(135deg,var(--feed-primary-subtle) 0%,var(--feed-neutral-50) 100%);--feed-gradient-card:linear-gradient(145deg,#fff,#fafbfc);--feed-gradient-hover:linear-gradient(135deg,#fff 0%,var(--feed-primary-subtle) 100%);--feed-ease-out:cubic-bezier(0.0,0.0,0.2,1);--feed-ease-in:cubic-bezier(0.4,0.0,1,1);--feed-ease-in-out:cubic-bezier(0.4,0.0,0.2,1);--feed-ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--feed-duration-fast:150ms;--feed-duration-normal:250ms;--feed-duration-slow:350ms;--feed-duration-slower:500ms;--feed-card-bg:var(--feed-gradient-card);--feed-card-border:var(--feed-neutral-200);--feed-card-radius:var(--feed-radius-2xl);--feed-card-shadow:var(--feed-shadow-sm);--feed-card-shadow-hover:var(--feed-shadow-xl);--feed-card-padding:var(--feed-space-6);--feed-card-gap:var(--feed-space-5);--feed-avatar-xs:1.5rem;--feed-avatar-sm:2rem;--feed-avatar-base:2.5rem;--feed-avatar-lg:3rem;--feed-avatar-xl:4rem;--feed-badge-radius:var(--feed-radius-xl);--feed-badge-padding-x:var(--feed-space-3);--feed-badge-padding-y:var(--feed-space-2);--feed-badge-font-size:var(--feed-text-xs);--feed-badge-font-weight:var(--feed-weight-medium);--feed-reaction-size:2.5rem;--feed-reaction-icon:1.25rem;--feed-reaction-padding:var(--feed-space-2) var(--feed-space-3);--feed-reaction-radius:var(--feed-radius-lg)}.feed-post-card{background:var(--feed-card-bg);border:1px solid var(--feed-card-border);border-radius:var(--feed-card-radius);box-shadow:var(--feed-card-shadow);padding:var(--feed-card-padding);transition:all var(--feed-duration-normal) var(--feed-ease-out);position:relative;overflow:hidden}.feed-post-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--feed-gradient-engagement);opacity:0;transition:opacity var(--feed-duration-normal) var(--feed-ease-out)}.feed-post-card:hover{box-shadow:var(--feed-card-shadow-hover);transform:translateY(-2px);border-color:var(--feed-primary)}.feed-post-card:hover:before{opacity:1}.feed-avatar{position:relative;border-radius:50%;overflow:hidden;border:2px solid var(--feed-neutral-200);transition:all var(--feed-duration-normal) var(--feed-ease-out)}.feed-avatar:hover{border-color:var(--feed-primary);box-shadow:0 0 0 3px var(--feed-primary-light)}.feed-avatar--xs{width:var(--feed-avatar-xs);height:var(--feed-avatar-xs)}.feed-avatar--sm{width:var(--feed-avatar-sm);height:var(--feed-avatar-sm)}.feed-avatar--base{width:var(--feed-avatar-base);height:var(--feed-avatar-base)}.feed-avatar--lg{width:var(--feed-avatar-lg);height:var(--feed-avatar-lg)}.feed-avatar--xl{width:var(--feed-avatar-xl);height:var(--feed-avatar-xl)}.feed-text{line-height:1.6;letter-spacing:-.01em}.feed-text--username{font-size:var(--feed-text-base);font-weight:var(--feed-weight-semibold);color:var(--feed-neutral-900)}.feed-text--content{font-size:var(--feed-text-lg);font-weight:var(--feed-weight-normal);color:var(--feed-neutral-700);line-height:1.7}.feed-text--meta{font-size:var(--feed-text-sm);font-weight:var(--feed-weight-medium);color:var(--feed-neutral-500)}.feed-text--timestamp{font-size:var(--feed-text-xs);font-weight:var(--feed-weight-normal);color:var(--feed-neutral-400)}.feed-badge{display:inline-flex;align-items:center;gap:var(--feed-space-1);padding:var(--feed-badge-padding-y) var(--feed-badge-padding-x);border-radius:var(--feed-badge-radius);font-size:var(--feed-badge-font-size);font-weight:var(--feed-badge-font-weight);line-height:1;transition:all var(--feed-duration-fast) var(--feed-ease-out)}.feed-badge:hover{transform:scale(1.05)}.feed-badge--timestamp{background:var(--feed-neutral-100);color:var(--feed-neutral-600)}.feed-badge--location{background:var(--feed-primary-light);color:var(--feed-primary)}.feed-badge--hashtag{background:var(--feed-comment-bg);color:var(--feed-comment);cursor:pointer}.feed-badge--hashtag:hover{background:var(--feed-comment);color:#fff}.feed-reactions{display:flex;align-items:center;justify-content:space-between;padding:var(--feed-space-4) 0;border-top:1px solid var(--feed-neutral-200);margin-top:var(--feed-space-6)}.feed-reactions__group{display:flex}.feed-reaction-btn,.feed-reactions__group{align-items:center;gap:var(--feed-space-2)}.feed-reaction-btn{position:relative;display:inline-flex;justify-content:center;padding:var(--feed-reaction-padding);border-radius:var(--feed-reaction-radius);border:none;background:transparent;font-size:var(--feed-text-sm);font-weight:var(--feed-weight-medium);color:var(--feed-neutral-600);cursor:pointer;overflow:hidden;min-height:44px;min-width:44px;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none}.feed-reaction-btn,.feed-reaction-btn:before{transition:all var(--feed-duration-normal) var(--feed-ease-out)}.feed-reaction-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:currentColor;opacity:.1;transform:translate(-50%,-50%)}.feed-reaction-btn:hover:before{width:100%;height:100%}.feed-reaction-btn:active{transform:scale(.98)}.feed-reaction-btn--like{color:var(--feed-heart)}.feed-reaction-btn--like:hover{background:var(--feed-heart-bg)}.feed-reaction-btn--like.active{color:var(--feed-heart);background:var(--feed-heart-bg)}.feed-reaction-btn--comment{color:var(--feed-comment)}.feed-reaction-btn--comment:hover{background:var(--feed-comment-bg)}.feed-reaction-btn--share{color:var(--feed-share)}.feed-reaction-btn--share:hover{background:var(--feed-share-bg)}.feed-reaction-btn--bookmark{color:var(--feed-bookmark)}.feed-reaction-btn--bookmark:hover{background:var(--feed-bookmark-bg)}.feed-reaction-btn--bookmark.active{color:var(--feed-bookmark);background:var(--feed-bookmark-bg)}@keyframes feed-heart-pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.feed-heart-pulse{animation:feed-heart-pulse var(--feed-duration-slower) var(--feed-ease-bounce)}@keyframes feed-ripple{0%{transform:scale(0);opacity:.6}to{transform:scale(4);opacity:0}}.feed-ripple{position:absolute;border-radius:50%;background:currentColor;pointer-events:none;animation:feed-ripple .6s ease-out}@keyframes feed-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.feed-float{animation:feed-float 3s ease-in-out infinite}@keyframes feed-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes emoji-float{0%{opacity:1;transform:translateY(0) scale(1) rotate(0deg)}25%{opacity:1;transform:translateY(-10px) scale(1.1) rotate(5deg)}50%{opacity:.8;transform:translateY(-25px) scale(1.2) rotate(-3deg)}75%{opacity:.4;transform:translateY(-40px) scale(1.1) rotate(2deg)}to{opacity:0;transform:translateY(-60px) scale(.8) rotate(0deg)}}.emoji-float{animation:emoji-float 1.5s ease-out forwards;will-change:transform,opacity}@keyframes emoji-reaction-pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.emoji-reaction-pulse{animation:emoji-reaction-pulse .3s ease-out}.feed-stagger-item{animation:feed-fade-in-up var(--feed-duration-slow) var(--feed-ease-out)}.feed-stagger-item:first-child{animation-delay:0ms}.feed-stagger-item:nth-child(2){animation-delay:50ms}.feed-stagger-item:nth-child(3){animation-delay:.1s}.feed-stagger-item:nth-child(4){animation-delay:.15s}.feed-stagger-item:nth-child(5){animation-delay:.2s}.feed-skeleton{background:linear-gradient(90deg,var(--feed-neutral-100) 25%,var(--feed-neutral-200) 50%,var(--feed-neutral-100) 75%);background-size:200% 100%;animation:feed-shimmer 1.5s infinite;border-radius:var(--feed-radius-base)}@keyframes feed-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.feed-skeleton--avatar{width:var(--feed-avatar-lg);height:var(--feed-avatar-lg);border-radius:50%}.feed-skeleton--text{height:1em;margin:.25em 0}.feed-skeleton--text--sm{width:60%}.feed-skeleton--text--md{width:80%}.feed-skeleton--text--lg{width:100%}.feed-container{padding:var(--feed-space-3) var(--feed-space-2);max-width:100%;min-height:100vh}@media (max-width:767px){.touch-target{min-height:44px;min-width:44px}.touch-target-small{min-height:36px;min-width:36px}.feed-text--content{font-size:1rem;line-height:1.6}.feed-text--username{font-size:1rem;font-weight:600}.feed-post-card{margin:.75rem 0;border-radius:1rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.feed-reaction-btn{min-height:44px;min-width:44px;padding:.75rem;font-size:.875rem}.feed-image-container{margin:1rem -1rem;border-radius:.75rem}}@media (min-width:768px){.feed-container{padding:var(--feed-space-6);max-width:680px;margin:0 auto}.feed-post-card{padding:var(--feed-space-8)}.feed-text--content{font-size:var(--feed-text-xl)}}@media (min-width:1024px){.feed-container{max-width:720px}.feed-post-card:hover{transform:translateY(-4px)}}.feed-focusable:focus-visible{outline:2px solid var(--feed-primary);outline-offset:2px;border-radius:var(--feed-radius-base)}@media (prefers-contrast:high){:root{--feed-neutral-400:#000;--feed-neutral-500:#000;--feed-neutral-600:#000}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.feed-post-card:hover{transform:none}}@media print{.feed-post-card{box-shadow:none;border:1px solid var(--feed-neutral-300);background:#fff}.feed-reactions{display:none}}@media (max-width:767px){.mobile-card-spacing{margin-bottom:1.25rem;padding:1rem}.mobile-avatar{width:3rem;height:3rem;border-width:2px}.mobile-badge{padding:.5rem .75rem;font-size:.75rem;border-radius:.5rem}.mobile-button{min-height:48px;padding:.75rem 1rem;font-size:1rem;border-radius:.75rem}.mobile-text-content{font-size:1rem;line-height:1.7;margin-bottom:1rem}.mobile-text-meta{font-size:.875rem;line-height:1.5}.mobile-image-container{border-radius:1rem;overflow:hidden;margin:1rem 0;box-shadow:0 4px 12px rgba(0,0,0,.1)}}.touch-feedback{transition:all .15s ease;transform-origin:center}.touch-feedback:active{transform:scale(.96);opacity:.8}.tap-target-44{min-height:44px;min-width:44px}.tap-target-44,.tap-target-48{display:flex;align-items:center;justify-content:center}.tap-target-48{min-height:48px;min-width:48px}.feed-mt-1{margin-top:var(--feed-space-1)}.feed-mt-2{margin-top:var(--feed-space-2)}.feed-mt-3{margin-top:var(--feed-space-3)}.feed-mt-4{margin-top:var(--feed-space-4)}.feed-mt-5{margin-top:var(--feed-space-5)}.feed-mt-6{margin-top:var(--feed-space-6)}.feed-mb-1{margin-bottom:var(--feed-space-1)}.feed-mb-2{margin-bottom:var(--feed-space-2)}.feed-mb-3{margin-bottom:var(--feed-space-3)}.feed-mb-4{margin-bottom:var(--feed-space-4)}.feed-mb-5{margin-bottom:var(--feed-space-5)}.feed-mb-6{margin-bottom:var(--feed-space-6)}.feed-text-primary{color:var(--feed-primary)}.feed-text-heart{color:var(--feed-heart)}.feed-text-comment{color:var(--feed-comment)}.feed-text-share{color:var(--feed-share)}.feed-text-bookmark{color:var(--feed-bookmark)}.feed-bg-primary{background-color:var(--feed-primary)}.feed-bg-heart{background-color:var(--feed-heart-bg)}.feed-bg-comment{background-color:var(--feed-comment-bg)}.feed-bg-share{background-color:var(--feed-share-bg)}.feed-bg-bookmark{background-color:var(--feed-bookmark-bg)}.feed-trending-indicator{position:relative}.feed-trending-indicator:before{content:"🔥";position:absolute;top:-4px;right:-4px;font-size:.75rem;animation:feed-float 2s ease-in-out infinite}.feed-engagement-bar{height:2px;background:var(--feed-neutral-200);border-radius:var(--feed-radius-sm);overflow:hidden}.feed-engagement-bar__fill{height:100%;background:linear-gradient(90deg,var(--feed-primary),var(--feed-trending));transition:width var(--feed-duration-normal) var(--feed-ease-out)}.feed-delight-hover:hover{transform:scale(1.02);transition:transform var(--feed-duration-fast) var(--feed-ease-bounce)}:root{--mobile-touch-target:44px;--mobile-touch-target-large:48px;--mobile-spacing-xs:0.25rem;--mobile-spacing-sm:0.5rem;--mobile-spacing-md:0.75rem;--mobile-spacing-lg:1rem;--mobile-spacing-xl:1.25rem;--mobile-spacing-2xl:1.5rem;--mobile-text-xs:0.75rem;--mobile-text-sm:0.875rem;--mobile-text-base:1rem;--mobile-text-lg:1.125rem;--mobile-tap-duration:150ms;--mobile-transition-fast:200ms;--mobile-transition-normal:300ms}@media (max-width:767px){.post-card-mobile{margin:var(--mobile-spacing-lg) var(--mobile-spacing-sm);padding:var(--mobile-spacing-xl);border-radius:1rem;box-shadow:0 2px 12px rgba(0,0,0,.08);background:#fff;border:1px solid rgba(0,0,0,.06)}.post-header-mobile{display:flex;align-items:center;gap:var(--mobile-spacing-md);margin-bottom:var(--mobile-spacing-lg)}.post-avatar-mobile{width:48px;height:48px;border-radius:50%;border:2px solid hsla(0,0%,100%,.9);box-shadow:0 2px 8px rgba(0,0,0,.1)}.post-username-mobile{font-size:var(--mobile-text-base);font-weight:600;color:#1a1a1a;line-height:1.4}.post-meta-mobile{font-size:var(--mobile-text-sm);color:#6b7280;margin-top:.25rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.post-badge-mobile{background:rgba(0,0,0,.04);color:#374151;padding:.375rem .75rem;border-radius:.5rem;font-size:var(--mobile-text-xs);font-weight:500;white-space:nowrap}.post-badge-location-mobile{background:rgba(255,127,80,.1);color:#ea580c;display:flex;align-items:center;gap:.25rem}.post-content-mobile{font-size:var(--mobile-text-base);line-height:1.7;color:#374151;margin:var(--mobile-spacing-xl) 0;word-wrap:break-word;overflow-wrap:break-word}.post-hashtags-mobile{display:flex;flex-wrap:wrap;gap:var(--mobile-spacing-sm);margin-top:var(--mobile-spacing-lg)}.post-hashtag-mobile{background:rgba(37,99,235,.08);color:#2563eb;padding:var(--mobile-spacing-sm) var(--mobile-spacing-md);border-radius:1rem;font-size:var(--mobile-text-sm);font-weight:500;border:none;cursor:pointer;transition:all var(--mobile-transition-fast) ease;min-height:36px;display:flex;align-items:center;text-decoration:none}.post-hashtag-mobile:active,.post-hashtag-mobile:hover{background:rgba(37,99,235,.15);transform:scale(.98)}.post-image-container-mobile{margin:var(--mobile-spacing-xl) calc(-1 * var(--mobile-spacing-xl));border-radius:.75rem;overflow:hidden;background:#f8f9fa;box-shadow:0 4px 12px rgba(0,0,0,.08)}.post-image-mobile{width:100%;height:auto;display:block;-o-object-fit:cover;object-fit:cover;max-height:400px;background:linear-gradient(135deg,#f8f9fa,#e5e7eb)}.post-image-loading-mobile{width:100%;height:200px;background:linear-gradient(90deg,#f1f3f4 25%,#e8eaed 50%,#f1f3f4 75%);background-size:200% 100%;animation:shimmer-mobile 1.5s infinite}}@media (max-width:767px){@keyframes shimmer-mobile{0%{background-position:-200% 0}to{background-position:200% 0}}}@media (max-width:767px){.post-reactions-mobile{border-top:1px solid rgba(0,0,0,.08);padding:var(--mobile-spacing-lg) 0;margin-top:var(--mobile-spacing-xl)}.reactions-summary-mobile{display:flex;align-items:center;gap:var(--mobile-spacing-sm);margin-bottom:var(--mobile-spacing-md)}.reactions-emojis-mobile{display:flex;gap:-2px}.reaction-emoji-mobile{width:28px;height:28px;border-radius:50%;background:#fff;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.reactions-count-mobile{font-size:var(--mobile-text-sm);color:#6b7280;font-weight:500}.post-actions-mobile{display:flex;justify-content:space-between;align-items:center}.post-actions-left-mobile{display:flex;align-items:center;gap:var(--mobile-spacing-sm)}.post-actions-right-mobile{display:flex;align-items:center;gap:var(--mobile-spacing-xs)}.action-button-mobile{display:flex;align-items:center;justify-content:center;gap:var(--mobile-spacing-sm);min-height:var(--mobile-touch-target);min-width:var(--mobile-touch-target);padding:var(--mobile-spacing-sm) var(--mobile-spacing-md);background:transparent;border:none;border-radius:.75rem;font-size:var(--mobile-text-sm);font-weight:500;color:#6b7280;cursor:pointer;transition:all var(--mobile-transition-fast) ease;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none}.action-button-mobile:active{transform:scale(.95);background:rgba(0,0,0,.04)}.action-button-like-mobile{color:#dc2626}.action-button-like-mobile:active,.action-button-like-mobile:hover{background:rgba(220,38,38,.08)}.action-button-comment-mobile{color:#2563eb}.action-button-comment-mobile:active,.action-button-comment-mobile:hover{background:rgba(37,99,235,.08)}.action-button-share-mobile{color:#059669}.action-button-share-mobile:active,.action-button-share-mobile:hover{background:rgba(5,150,105,.08)}.action-icon-mobile{width:22px;height:22px;flex-shrink:0}.action-text-mobile{font-size:var(--mobile-text-sm);font-weight:500}@media (max-width:360px){.action-text-mobile{display:none}.action-button-mobile{min-width:var(--mobile-touch-target);padding:var(--mobile-spacing-sm)}}}@media (max-width:767px){.load-more-mobile{display:flex;justify-content:center;padding:var(--mobile-spacing-2xl) 0}.load-more-button-mobile{min-height:var(--mobile-touch-target-large);padding:var(--mobile-spacing-md) var(--mobile-spacing-2xl);background:#059669;color:#fff;border:none;border-radius:2rem;font-size:var(--mobile-text-base);font-weight:600;cursor:pointer;transition:all var(--mobile-transition-fast) ease;box-shadow:0 4px 12px rgba(5,150,105,.3)}.load-more-button-mobile:active{transform:scale(.96);box-shadow:0 2px 8px rgba(5,150,105,.4)}.load-more-button-mobile:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-dots-mobile{display:flex;gap:.25rem;margin-right:.5rem}.loading-dot-mobile{width:.375rem;height:.375rem;background:currentColor;border-radius:50%;animation:pulse-mobile 1.4s ease-in-out infinite both}.loading-dot-mobile:first-child{animation-delay:-.32s}.loading-dot-mobile:nth-child(2){animation-delay:-.16s}.loading-dot-mobile:nth-child(3){animation-delay:0s}@keyframes pulse-mobile{0%,80%,to{opacity:.4;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}}@media (max-width:767px){.mobile-focus-visible:focus-visible{outline:2px solid #2563eb;outline-offset:2px;border-radius:.375rem}@media (prefers-contrast:high){.post-content-mobile{color:#000}.post-meta-mobile{color:#374151}.action-button-mobile{border:1px solid}}@media (prefers-reduced-motion:reduce){.action-button-mobile:active,.load-more-button-mobile:active{transform:none}.post-image-loading-mobile{animation:none;background:#f1f3f4}.loading-dot-mobile{animation:none;opacity:.6}}}.mobile-only{display:block}.desktop-only{display:none}@media (min-width:768px){.mobile-only{display:none}.desktop-only{display:block}}.mobile-touch-feedback{transition:all var(--mobile-tap-duration) ease;transform-origin:center}.mobile-touch-feedback:active{transform:scale(.96);opacity:.8}.mobile-safe-area-top{padding-top:env(safe-area-inset-top)}.mobile-safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.mobile-text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-text-wrap{word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}.pb-safe-area-inset-bottom{padding-bottom:env(safe-area-inset-bottom,1rem)}.touch-manipulation{touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0)}@media (max-width:640px){.mobile-friendly-button{min-height:48px;padding:12px 16px}.mobile-friendly-input{min-height:48px;font-size:16px}}@media (max-width:480px){.auth-card{box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.auth-text-primary{color:#1f2937;font-weight:600}.auth-text-secondary{color:#4b5563}}.mobile-loading-spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top-color:#388e3c;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mobile-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px 12px}@media (prefers-reduced-motion:reduce){.motion-safe\\:animate-spin{animation:none}.motion-safe\\:transition-all{transition:none}}.auth-focus-ring:focus{outline:2px solid #388e3c;outline-offset:2px}.auth-link{display:inline-block;padding:4px 8px;margin:-4px -8px;border-radius:4px;transition:background-color .2s ease}.auth-link:hover{background-color:rgba(56,142,60,.05)}@media (max-width:375px){.auth-title-mobile{font-size:1.25rem;line-height:1.75rem}.auth-subtitle-mobile{font-size:.875rem;line-height:1.25rem}}.auth-visual-hierarchy{--primary-text:#111827;--secondary-text:#4b5563;--accent-text:#388e3c;--border-light:#e5e7eb;--background-card:hsla(0,0%,100%,.95)}@media (prefers-color-scheme:dark){.auth-visual-hierarchy{--primary-text:#f9fafb;--secondary-text:#d1d5db;--accent-text:#4ade80;--border-light:#374151;--background-card:rgba(17,24,39,.95)}}@media (prefers-reduced-data:reduce){.data-saver .motion-reduce\\:animate-none{animation:none}.data-saver .motion-reduce\\:transition-none{transition:none}}