.preferencesLoading{background:#000;min-height:100dvh}:root{--bg-base:#0b0b0c;--bg-primary:#0b0b0c;--bg-secondary:#141416;--bg-surface:#141416;--bg-elevated:#1c1c1f;--bg-card:#141416;--bg-hover:#ffffff0f;--bg-active:#ffffff1a;--glass-bg:#0e0e10b8;--glass-border:#ffffff14;--glass-blur:24px;--glass-saturate:180%;--border-subtle:#ffffff12;--border-default:#ffffff1a;--border-strong:#ffffff2e;--text-primary:#f5f5f7;--text-secondary:#8e8e93;--text-tertiary:#636366;--text-quaternary:#48484a;--text-inverse:#000;--accent:#6366f1;--accent-hover:#4f46e5;--accent-subtle:#6366f124;--accent-text:#fff;--system-red:#ff453a;--system-green:#32d74b;--system-yellow:#ffd60a;--system-blue:#0a84ff;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter",system-ui,sans-serif;--font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--shadow-sm:0 1px 2px #00000040;--shadow-md:0 4px 16px -2px #00000059;--shadow-lg:0 12px 32px -4px #00000080;--shadow-sheet:0 -8px 36px #00000073;--topbar-height:58px;--bottombar-height:60px;--sidebar-width:220px;--sidebar-compact-width:68px;--spring-duration:.35s;--spring-ease:cubic-bezier(.16,1,.3,1);--transition-fast:.12s cubic-bezier(.16,1,.3,1);--transition-normal:.18s cubic-bezier(.16,1,.3,1)}[data-theme=light]{--bg-base:#fbfbfd;--bg-primary:#fbfbfd;--bg-secondary:#f2f2f7;--bg-surface:#fff;--bg-elevated:#fff;--bg-card:#fff;--bg-hover:#0000000a;--bg-active:#00000014;--glass-bg:#ffffffd1;--glass-border:#00000014;--border-subtle:#0000000f;--border-default:#0000001a;--border-strong:#00000029;--text-primary:#1d1d1f;--text-secondary:#86868b;--text-tertiary:#98989d;--text-quaternary:#c7c7cc;--text-inverse:#fff;--accent-subtle:#6366f11a;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 16px -2px #00000014;--shadow-lg:0 12px 32px -4px #0000001f;--shadow-sheet:0 -8px 36px #0000001a}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scrollbar-gutter:stable;font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;height:100%;font-size:15px;line-height:1.5;overflow-y:scroll}body{background-color:var(--bg-base);min-height:100dvh;color:var(--text-primary);position:relative;overflow-x:hidden}html.media-reader-open{scrollbar-gutter:auto!important;overflow:hidden!important}html.media-reader-open body{overflow:hidden!important}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;-webkit-user-select:none;user-select:none;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}img,video{max-width:100%;height:auto;display:block}button:active:not(:disabled),.press-target:active:not(:disabled){transition:transform 90ms ease-out;transform:scale(.97)}.liquid-glass{background-color:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur))saturate(var(--glass-saturate));border:1px solid var(--glass-border)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,var(--bg-secondary)0%,var(--bg-hover)50%,var(--bg-secondary)100%);background-size:200% 100%;animation:1.6s ease-in-out infinite shimmer}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff29}[data-theme=light] ::-webkit-scrollbar-thumb{background:#00000029}::-webkit-scrollbar-thumb:hover{background:#ffffff47}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-reduced-transparency:reduce){.liquid-glass{background-color:var(--bg-surface)!important;-webkit-backdrop-filter:none!important}}.btn-pill{font-family:var(--font-sans);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:6px;font-weight:600;text-decoration:none;transition:all .16s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-sm{height:30px;padding:0 14px;font-size:12px}.btn-md{height:36px;padding:0 18px;font-size:13.5px}.btn-lg{height:42px;padding:0 24px;font-size:14.5px}.btn-circle{border-radius:9999px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:13.5px;display:inline-flex}.btn-circle-sm{border-radius:9999px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:12px;display:inline-flex}.btn-circle-lg{border-radius:9999px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;font-size:14.5px;display:inline-flex}.btn-primary{color:#fff;background:#3b82f6}.btn-primary:hover{filter:brightness(1.05);background:#2563eb}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-hover);filter:brightness(1.05)}.btn-secondary{color:var(--text-primary);background:#ffffff14;border:1px solid #ffffff1f}.btn-secondary:hover{background:#ffffff24;border-color:#fff3}.btn-glass{color:var(--text-primary);-webkit-backdrop-filter:blur(16px);background:#ffffff0f;border:1px solid #ffffff14}.btn-glass:hover{background:#ffffff1a;border-color:#ffffff29}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0f}.btn-neon-primary{box-shadow:0 0 12px #3b82f673,0 0 2px #60a5facc}.btn-neon-primary:hover{box-shadow:0 0 18px #3b82f6b3,0 0 4px #93c5fde6}.btn-neon-accent{box-shadow:0 0 12px #6366f173,0 0 2px #a5b4fccc}.btn-neon-accent:hover{box-shadow:0 0 18px #6366f1b3,0 0 4px #c7d2fee6}.input-field{border-radius:var(--radius-md);width:100%;height:42px;color:var(--text-primary);box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff1a;outline:none;padding:0 14px;font-size:14px;transition:all .15s}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle);background:#ffffff14}.input-field::placeholder{color:var(--text-tertiary)}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.btn-icon{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.btn-icon:hover{color:var(--text-primary);background:var(--bg-hover)}.overlay{z-index:998;-webkit-backdrop-filter:blur(20px);background:#000000c2;animation:.16s ease-out modalFadeIn;position:fixed;inset:0}.modal{z-index:999;border-radius:var(--radius-xl);background:var(--bg-surface);border:1px solid var(--border-default);width:94%;max-width:440px;max-height:90vh;box-shadow:var(--shadow-lg),0 0 40px #0009;animation:.2s cubic-bezier(.16,1,.3,1) modalScaleUp;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{opacity:0;transform:translate(-50%,-46%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}html[data-lang=es] .lang-en,html[data-lang=en] .lang-es,html:not([data-lang=en]) .lang-en{display:none!important}
@media (max-width:768px){*{-webkit-tap-highlight-color:transparent}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-overflow-scrolling:touch;overflow-x:hidden}main,.layout{max-width:100vw;overflow-x:hidden}[class*=tagsList],[class*=chips],[class*=optionList],[class*=feedTabs]{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scroll-snap-type:x proximity}button,a,[role=button]{min-width:36px;min-height:36px}.card{border-radius:16px}}@media (max-width:480px){body{font-size:14px}.card{border-radius:14px}}