/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-mask-linear:linear-gradient(#fff, #fff);--tw-mask-radial:linear-gradient(#fff, #fff);--tw-mask-conic:linear-gradient(#fff, #fff);--tw-mask-left:linear-gradient(#fff, #fff);--tw-mask-right:linear-gradient(#fff, #fff);--tw-mask-bottom:linear-gradient(#fff, #fff);--tw-mask-top:linear-gradient(#fff, #fff);--tw-mask-bottom-from-position:0%;--tw-mask-bottom-to-position:100%;--tw-mask-bottom-from-color:black;--tw-mask-bottom-to-color:transparent;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-text-shadow-color:initial;--tw-text-shadow-alpha:100%;--tw-content:"";--tw-mask-linear-position:0deg;--tw-mask-linear-from-position:0%;--tw-mask-linear-to-position:100%;--tw-mask-linear-from-color:black;--tw-mask-linear-to-color:transparent;--tw-scroll-snap-strictness:proximity}}}@layer theme{:root,:host{--font-sans:var(--font-body);--font-mono:"JetBrains Mono", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-orange-50:oklch(98% .016 73.684);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-700:oklch(55.3% .195 38.402);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-lime-400:oklch(84.1% .238 128.85);--color-green-50:oklch(98.2% .018 155.826);--color-green-300:oklch(87.1% .15 154.449);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-teal-600:oklch(60% .118 184.704);--color-cyan-500:oklch(71.5% .143 215.221);--color-sky-500:oklch(68.5% .169 237.323);--color-blue-50:oklch(97% .014 254.604);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-900:oklch(37.9% .146 265.522);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-700:oklch(49.6% .265 301.924);--color-pink-50:oklch(97.1% .014 343.198);--color-pink-200:oklch(89.9% .061 343.231);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-700:oklch(52.5% .223 3.958);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-50:#f1f5f9;--color-gray-100:#e2e8f0;--color-gray-200:#cbd5e1;--color-gray-300:#94a3b8;--color-gray-400:#64748b;--color-gray-500:#475569;--color-gray-600:#334155;--color-gray-700:#1e293b;--color-gray-800:#0f172a;--color-gray-900:#020617;--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-sm:40rem;--breakpoint-xl:80rem;--container-xs:20rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:1rem;--text-sm:.875rem;--text-sm--line-height:1.5rem;--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:2rem;--text-xl:1.25rem;--text-xl--line-height:2rem;--text-2xl:1.5rem;--text-2xl--line-height:2rem;--text-3xl:1.875rem;--text-3xl--line-height:2.5rem;--text-4xl:2.25rem;--text-4xl--line-height:3rem;--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-xs:.25rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000000f, 0 1px 2px -1px #0000000f;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #00000012;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #00000014;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #00000014;--shadow-2xl:0 25px 50px -12px #00000040;--drop-shadow-sm:0 1px 2px #00000026;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--text-2xs:.625rem;--text-2xs--line-height:.875rem;--text-3xs:.5rem;--text-3xs--line-height:.625rem;--text-micro:.5625rem;--text-micro--line-height:.75rem;--text-caption:.65rem;--text-compact:.8125rem;--text-compact--line-height:1.25rem;--text-body:.9375rem;--text-body--line-height:1.5rem;--text-subhead:1.0625rem;--text-subhead--line-height:1.5rem;--text-stat-lg:1.75rem;--text-stat-lg--line-height:2.25rem;--text-md:1rem;--text-md--line-height:1.5rem;--text-display-xs:1.5rem;--text-display-xs--line-height:2rem;--text-display-sm:1.875rem;--text-display-sm--line-height:2.375rem;--text-display-md:2.25rem;--text-display-md--line-height:2.75rem;--text-display-lg:3rem;--text-display-lg--line-height:3.75rem;--text-display-xl:3.75rem;--text-display-xl--line-height:4.5rem;--text-display-2xl:4.5rem;--text-display-2xl--line-height:5.625rem;--text-display-stat:2rem;--text-display-empty:4rem;--text-display-hero:3.5rem;--font-weight-regular:400;--color-featured-icon-light-fg-brand:var(--color-fg-brand-primary);--color-featured-icon-light-fg-gray:var(--color-fg-tertiary);--color-featured-icon-light-fg-error:var(--color-fg-error-primary);--color-featured-icon-light-fg-warning:var(--color-fg-warning-primary);--color-featured-icon-light-fg-success:var(--color-fg-success-primary);--color-bg-secondary-solid:#344054;--color-brand-25:#eff6ff;--color-brand-50:#dbeafe;--color-brand-100:#bfdbfe;--color-brand-200:#93c5fd;--color-brand-300:#60a5fa;--color-brand-400:#3b82f6;--color-brand-500:#2563eb;--color-brand-600:#1d4ed8;--color-brand-700:#1e40af;--color-brand-800:#1e3a8a;--color-brand-900:#1e3a8a;--color-brand-950:#172554;--color-gray-25:#f8fafc;--color-error-500:#ef4444;--color-warning-500:#f59e0b;--color-success-500:#22c55e;--color-success-600:#16a34a;--radius-full:9999px;--size-avatar-md:2.75rem;--size-avatar-sm:2rem;--size-card-min:calc(var(--spacing-sidebar) - var(--spacing-sm));--size-badge-reserve:3.75rem;--size-thumb-md:10rem;--size-chart:calc(var(--spacing-sidebar) - var(--spacing-sm));--size-label-min:12.5rem;--size-label-max:calc(var(--spacing-sidebar) - var(--spacing-sm));--size-label-narrow-max:13.75rem;--size-field-min:16.25rem;--size-calendar-cell:var(--size-badge-reserve);--size-dashboard-max:80rem;--size-dashboard-lg:75rem;--size-dashboard-md:60rem;--size-dashboard-narrow:45rem;--size-dashboard-sm:42rem;--size-dropdown-sm:8.75rem;--size-dropdown-md:9.375rem;--size-dropdown-lg:11.25rem;--size-filter-min:15rem;--size-search-field:15.625rem;--size-badge-min:1rem;--size-badge-sm:1.125rem;--size-badge-dot:1.25rem;--size-time-label:2.125rem;--size-modal-xs:21.875rem;--size-modal-sm:25rem;--size-modal-md:27.5rem;--size-modal-lg:30rem;--size-modal-xl:31.25rem;--size-modal-compact:28.125rem;--size-modal-2xl:56.25rem;--size-modal-full:62.5rem;--size-content-narrow:22.5rem;--size-content-md:43.75rem;--size-content-lg:50rem;--size-filter-bar:22rem;--size-bubble-max:var(--size-chart);--size-modal-form:26.25rem;--size-modal-wide:32.5rem;--size-layout-xs:6.25rem;--size-layout-sm:12.5rem;--size-layout-md:18.75rem;--size-layout-lg:23.75rem;--size-layout-xl:26.25rem;--size-layout-2xl:28.125rem;--size-layout-3xl:30rem;--size-layout-4xl:32.5rem;--size-layout-5xl:39rem;--size-layout-6xl:40rem;--size-layout-map:8rem;--size-layout-album:6.6875rem;--size-composer-max:7.5rem;--size-line-min:1.5rem;--size-icon-md:1.375rem;--size-icon-btn:1.875rem;--size-divider:.8125rem;--size-thumb-sm:3.125rem;--size-avatar-tree:3.75rem;--size-avatar-feature:4.5rem;--size-avatar-sidebar:5rem;--size-video-overlay:4.25rem;--size-video-thumb-h:2.8125rem;--size-layout-36:2.25rem;--size-layout-40:2.5rem;--size-layout-70:4.375rem;--size-layout-80:5rem;--size-play-btn:5.5rem;--size-tree-line-sm:2.625rem;--size-tree-line-md:2.75rem;--size-tree-notch-sm:.625rem;--size-tree-notch-md:.75rem;--size-eric-avatar:2.125rem;--size-grid-xs:3.125rem;--size-grid-sm:6.25rem;--size-grid-md:7.5rem;--size-grid-card-sm:9.375rem;--size-grid-card:18.75rem;--size-grid-card-lg:20rem;--size-grid-card-xl:21.875rem;--radius-chip:.625rem;--radius-icon:.875rem;--border-width-hairline:.5px;--border-width-thick:3px;--ring-width:1.5px;--ring-width-md:2px;--ring-width-lg:2.5px;--spacing-compact-h:.4375rem;--spacing-form-x:1.125rem;--spacing-micro:.1875rem;--spacing-hairline:1px;--spacing-micro-badge:2px;--tracking-tight-ui:.03125rem;--tracking-ui-sm:.0375rem;--radius-none:0;--shadow-modal:0 var(--spacing-composer) var(--size-badge-reserve) #0000004d;--shadow-modal-deep:0 var(--spacing-3xl) var(--size-badge-reserve) -12px #0000004d;--border-width-default:1px;--motion-lift-hover:1px;--color-bg-feed:#eef6ee;--color-feed:var(--color-bg-feed);--spacing-sm:.5rem;--spacing-md:.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:2.5rem;--spacing-4xl:3rem;--spacing-composer:1.25rem;--spacing-5xl:4rem;--spacing-header:var(--spacing-5xl);--spacing-header-mobile:56px;--spacing-mobile-tabs:var(--spacing-4xl);--spacing-bottombar:56px;--spacing-sidebar:280px;--spacing-container-mobile:var(--spacing-sm);--spacing-eric-bar:var(--spacing-4xl);--spacing-content-edge:var(--spacing-4xl);--spacing-content-gap:var(--spacing-xl);--spacing-content-left:var(--spacing-content-edge);--spacing-content-right:var(--spacing-content-edge);--spacing-content-y:var(--spacing-xl);--spacing-shell-inset:var(--spacing-lg);--spacing-shell-gap:var(--spacing-lg);--spacing-shell-column:calc(var(--spacing-shell-inset) + var(--spacing-sidebar) + var(--spacing-shell-gap));--spacing-shell-top:calc(var(--spacing-shell-inset) + var(--spacing-header) + var(--spacing-eric-bar) + var(--spacing-shell-gap));--radius-shell:var(--radius-2xl);--spacing-shell-chrome-left:calc(var(--spacing-shell-column) + var(--spacing-content-edge));--spacing-shell-chrome-right:calc(var(--spacing-shell-column) + var(--spacing-content-edge));--shadow-shell-sidebar-left:0 0 0 1px #0000000f, 0 1px 2px #0000000a, 2px 4px 8px #0000000d, 4px 12px 24px #0000000f, 6px 20px 40px #00000012, 8px 28px 56px #00000014;--shadow-shell-sidebar-right:0 0 0 1px #0000000f, 0 1px 2px #0000000a, -2px 4px 8px #0000000d, -4px 12px 24px #0000000f, -6px 20px 40px #00000012, -8px 28px 56px #00000014;--shadow-shell-header:0 0 0 1px #0000000f, 0 2px 4px #0000000a, 0 8px 16px #0000000d, 0 16px 32px #00000012, 0 24px 48px #00000014;--color-bg-overlay-medium:#0006;--color-bg-overlay-strong:#00000080;--color-bg-white-soft:#ffffff40;--color-bg-translucent:#ffffff0d;--color-bg-overlay-darkest:#000000d9;--color-alpha-white:#fff;--color-alpha-black:#000;--color-bg-on-brand-soft:#ffffff1a;--color-bg-on-brand-medium:#ffffff26;--color-bg-on-brand-strong:#fff3;--gradient-utility-purple:linear-gradient(135deg, var(--color-utility-purple-600), var(--color-utility-purple-800));--color-utility-purple-tint-xs:#9333ea0a}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-utility-purple-tint-xs:color-mix(in srgb, var(--color-utility-purple-600) 4%, transparent)}}:root,:host{--color-utility-purple-tint-sm:#9333ea0f}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-utility-purple-tint-sm:color-mix(in srgb, var(--color-utility-purple-600) 6%, transparent)}}:root,:host{--color-utility-purple-tint-md:#9333ea14}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-utility-purple-tint-md:color-mix(in srgb, var(--color-utility-purple-600) 8%, transparent)}}:root,:host{--color-utility-purple-tint-lg:#9333ea21}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-utility-purple-tint-lg:color-mix(in srgb, var(--color-utility-purple-600) 13%, transparent)}}:root,:host{--color-bg-brand-active:#3b82f61a}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-bg-brand-active:color-mix(in srgb, var(--color-brand-400) 10%, transparent)}}:root,:host{--color-bg-brand-subtle:#3b82f608}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-bg-brand-subtle:color-mix(in srgb, var(--color-brand-400) 3%, transparent)}}:root,:host{--color-bg-brand-tint-soft:#3b82f60f}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-bg-brand-tint-soft:color-mix(in srgb, var(--color-brand-400) 6%, transparent)}}:root,:host{--color-bg-brand-tint-medium:#3b82f620}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-bg-brand-tint-medium:color-mix(in srgb, var(--color-brand-400) 12.5%, transparent)}}:root,:host{--shadow-brand:0 4px 12px #3b82f64d}@supports (color:color-mix(in lab, red, red)){:root,:host{--shadow-brand:0 4px 12px color-mix(in srgb, var(--color-brand-400) 30%, transparent)}}:root,:host{--gradient-brand:linear-gradient(135deg, var(--color-brand-400), var(--color-brand-600));--gradient-brand-soft:linear-gradient(135deg, var(--color-bg-secondary), var(--color-brand-25));--gradient-banner-profile:linear-gradient(to top, #fbc5ec, #a5c0ee);--gradient-wallet-coin:linear-gradient(135deg, var(--color-fg-warning-primary) 0%, var(--color-utility-amber-400) 100%);--gradient-wallet-token:linear-gradient(135deg, var(--color-utility-violet-500) 0%, var(--color-utility-violet-700) 100%);--gradient-wallet-dividends:linear-gradient(135deg, var(--color-fg-success-primary) 0%, var(--color-bg-success-solid_hover) 100%);--animate-slide-down:slideDown .2s ease-out;--color-primary:var(--color-bg-primary);--color-primary_hover:var(--color-bg-primary_hover);--color-primary_alt:var(--color-bg-primary_alt);--color-secondary:var(--color-bg-secondary);--color-secondary_hover:var(--color-bg-secondary_hover);--color-secondary_alt:var(--color-bg-secondary_alt);--color-secondary_subtle:var(--color-bg-secondary_subtle);--color-tertiary:var(--color-bg-tertiary);--color-quaternary:var(--color-bg-quaternary);--color-active:var(--color-bg-active);--color-disabled:var(--color-bg-disabled);--color-disabled_subtle:var(--color-bg-disabled_subtle);--color-overlay:var(--color-bg-overlay);--color-brand-primary_alt:#eff6ff;--color-brand-secondary:#dbeafe;--color-brand-solid:#2563eb;--color-brand-solid_hover:#1d4ed8;--color-brand-section:#1e3a8a;--color-brand-section_subtle:#1e40af;--color-error-primary:var(--color-bg-error-primary);--color-error-secondary:var(--color-bg-error-secondary);--color-error-solid:var(--color-bg-error-solid);--color-error-solid_hover:var(--color-bg-error-solid_hover);--color-warning-primary:var(--color-bg-warning-primary);--color-warning-secondary:var(--color-bg-warning-secondary);--color-warning-solid:var(--color-bg-warning-solid);--color-warning-solid_hover:var(--color-bg-warning-solid_hover);--color-success-primary:var(--color-bg-success-primary);--color-success-secondary:var(--color-bg-success-secondary);--color-success-solid:var(--color-bg-success-solid);--color-success-solid_hover:var(--color-bg-success-solid_hover);--color-fg-white:#fff;--color-fg-primary:var(--color-fg-primary);--color-fg-secondary:var(--color-fg-secondary);--color-fg-secondary_hover:var(--color-fg-secondary_hover);--color-fg-tertiary:var(--color-fg-tertiary);--color-fg-tertiary_hover:var(--color-fg-tertiary_hover);--color-fg-quaternary:var(--color-fg-quaternary);--color-fg-quaternary_hover:var(--color-fg-quaternary_hover);--color-fg-quinary:var(--color-fg-quinary);--color-fg-quinary_hover:var(--color-fg-quinary_hover);--color-fg-senary:var(--color-fg-senary);--color-fg-disabled:var(--color-fg-disabled);--color-fg-disabled_subtle:var(--color-fg-disabled_subtle);--color-fg-brand-primary:var(--color-fg-brand-primary);--color-fg-brand-primary_alt:var(--color-fg-brand-primary_alt);--color-fg-brand-secondary:var(--color-fg-brand-secondary);--color-fg-brand-secondary_alt:var(--color-fg-brand-secondary_alt);--color-fg-brand-secondary_hover:var(--color-fg-brand-secondary_hover);--color-fg-error-primary:var(--color-fg-error-primary);--color-fg-error-secondary:var(--color-fg-error-secondary);--color-fg-warning-primary:var(--color-fg-warning-primary);--color-fg-warning-secondary:var(--color-fg-warning-secondary);--color-fg-success-primary:var(--color-fg-success-primary);--color-fg-success-secondary:var(--color-fg-success-secondary);--color-text-primary:var(--color-text-primary);--color-text-primary_on-brand:var(--color-text-primary_on-brand);--color-text-secondary:var(--color-text-secondary);--color-text-secondary_hover:var(--color-text-secondary_hover);--color-text-secondary_on-brand:var(--color-text-secondary_on-brand);--color-text-tertiary_on-brand:var(--color-text-tertiary_on-brand);--color-text-quaternary_on-brand:var(--color-text-quaternary_on-brand);--color-text-quinary_on-brand:var(--color-text-quinary_on-brand);--color-border-on-brand-soft:var(--color-border-on-brand-soft);--color-text-tertiary:var(--color-text-tertiary);--color-text-tertiary_hover:var(--color-text-tertiary_hover);--color-text-quaternary:var(--color-text-quaternary);--color-text-quaternary_hover:var(--color-text-quaternary_hover);--color-text-white:var(--color-text-white);--color-text-disabled:var(--color-text-disabled);--color-text-placeholder:var(--color-text-placeholder);--color-text-placeholder_subtle:var(--color-text-placeholder_subtle);--color-text-brand-primary:var(--color-text-brand-primary);--color-text-brand-secondary:var(--color-text-brand-secondary);--color-text-brand-secondary_hover:var(--color-text-brand-secondary_hover);--color-text-brand-tertiary:var(--color-text-brand-tertiary);--color-text-error-primary:var(--color-text-error-primary);--color-text-error-primary_hover:var(--color-text-error-primary_hover);--color-text-warning-primary:var(--color-text-warning-primary);--color-text-success-primary:var(--color-text-success-primary);--color-border-primary:var(--color-border-primary);--color-border-secondary:var(--color-border-secondary);--color-border-secondary_alt:var(--color-border-secondary_alt);--color-border-tertiary:var(--color-border-tertiary);--color-border-disabled:var(--color-border-disabled);--color-border-disabled_subtle:var(--color-border-disabled_subtle);--color-border-brand:var(--color-border-brand);--color-border-brand-solid:var(--color-border-brand-solid);--color-border-brand-solid_alt:var(--color-border-brand-solid_alt);--color-border-error:var(--color-border-error);--color-border-error-solid:var(--color-border-error-solid);--color-border-error_subtle:var(--color-border-error_subtle);--color-border-warning:var(--color-border-warning);--color-border-warning-solid:var(--color-border-warning-solid);--color-border-success:var(--color-border-success);--color-border-success-solid:var(--color-border-success-solid);--color-focus-ring:var(--color-focus-ring);--color-ring-primary:var(--color-ring-primary);--color-ring-brand:var(--color-ring-brand);--color-ring-brand-solid:var(--color-ring-brand-solid);--color-ring-error:var(--color-ring-error);--color-ring-error_subtle:var(--color-ring-error_subtle);--color-ring-secondary_alt:var(--color-ring-secondary_alt);--color-ring-border-primary:var(--color-ring-border-primary);--color-utility-neutral-50:#f9fafb;--color-utility-neutral-100:#f3f4f6;--color-utility-neutral-200:#e5e7eb;--color-utility-neutral-300:#d1d5db;--color-utility-neutral-400:#9ca3af;--color-utility-neutral-500:#6b7280;--color-utility-neutral-600:#4b5563;--color-utility-neutral-700:#374151;--color-utility-brand-50:var(--color-brand-50,#eff6ff);--color-utility-brand-100:var(--color-brand-100,#dbeafe);--color-utility-brand-200:var(--color-brand-200,#bfdbfe);--color-utility-brand-400:var(--color-brand-400,#60a5fa);--color-utility-brand-500:var(--color-brand-500,#3b82f6);--color-utility-brand-600:var(--color-brand-600,#2563eb);--color-utility-brand-700:var(--color-brand-700,#1d4ed8);--color-utility-blue-50:#eff6ff;--color-utility-blue-100:#dbeafe;--color-utility-blue-200:#bfdbfe;--color-utility-blue-400:#60a5fa;--color-utility-blue-500:#3b82f6;--color-utility-blue-600:#2563eb;--color-utility-blue-700:#1d4ed8;--color-utility-green-50:#f0fdf4;--color-utility-green-100:#dcfce7;--color-utility-green-200:#bbf7d0;--color-utility-green-300:#86efac;--color-utility-green-400:#4ade80;--color-utility-green-500:#22c55e;--color-utility-green-600:#16a34a;--color-utility-green-700:#15803d;--color-utility-indigo-50:#eef2ff;--color-utility-indigo-100:#e0e7ff;--color-utility-indigo-200:#c7d2fe;--color-utility-indigo-400:#818cf8;--color-utility-indigo-500:#6366f1;--color-utility-indigo-600:#4f46e5;--color-utility-indigo-700:#4338ca;--color-utility-purple-50:#faf5ff;--color-utility-purple-100:#f3e8ff;--color-utility-purple-200:#e9d5ff;--color-utility-purple-300:#d8b4fe;--color-utility-purple-400:#c084fc;--color-utility-purple-500:#a855f7;--color-utility-purple-600:#9333ea;--color-utility-purple-700:#7e22ce;--color-utility-purple-800:#6b21a8;--color-utility-pink-50:#fdf2f8;--color-utility-pink-100:#fce7f3;--color-utility-pink-200:#fbcfe8;--color-utility-pink-400:#f472b6;--color-utility-pink-500:#ec4899;--color-utility-pink-600:#db2777;--color-utility-pink-700:#be185d;--color-utility-orange-50:#fff7ed;--color-utility-orange-100:#ffedd5;--color-utility-orange-200:#fed7aa;--color-utility-orange-400:#fb923c;--color-utility-orange-500:#f97316;--color-utility-orange-600:#ea580c;--color-utility-orange-700:#c2410c;--color-utility-yellow-50:#fefce8;--color-utility-yellow-100:#fef9c3;--color-utility-yellow-200:#fef08a;--color-utility-yellow-400:#facc15;--color-utility-yellow-500:#eab308;--color-utility-yellow-600:#ca8a04;--color-utility-yellow-700:#a16207;--color-utility-red-50:#fef2f2;--color-utility-red-100:#fee2e2;--color-utility-red-200:#fecaca;--color-utility-red-300:#fca5a5;--color-utility-red-400:#f87171;--color-utility-red-500:#ef4444;--color-utility-red-600:#dc2626;--color-utility-red-700:#b91c1c;--color-utility-sky-50:#f0f9ff;--color-utility-sky-100:#e0f2fe;--color-utility-sky-200:#bae6fd;--color-utility-sky-400:#38bdf8;--color-utility-sky-500:#0ea5e9;--color-utility-sky-700:#0369a1;--color-utility-slate-50:#f8fafc;--color-utility-slate-100:#f1f5f9;--color-utility-slate-200:#e2e8f0;--color-utility-slate-400:#94a3b8;--color-utility-slate-500:#64748b;--color-utility-slate-700:#334155;--color-utility-amber-50:#fffbeb;--color-utility-amber-100:#fef3c7;--color-utility-amber-200:#fde68a;--color-utility-amber-400:#fbbf24;--color-utility-amber-500:#f59e0b;--color-utility-amber-600:#d97706;--color-utility-amber-700:#b45309;--color-utility-teal-500:#14b8a6;--color-utility-cyan-500:#06b6d4;--color-utility-violet-500:#8b5cf6;--color-utility-violet-700:#6d28d9;--color-family-50:#eef6ee;--color-family-100:#dceddc;--color-family-200:#b9dbb9;--color-family-300:#95c895;--color-family-400:#6fb36f;--color-family-500:#498e49;--color-family-600:#3b753b;--color-family-700:#2e5d2e;--color-family-800:#214321;--color-family-900:#142a14;--color-family:var(--color-family-500);--color-news-50:#eeeef6;--color-news-100:#dedded;--color-news-200:#bdbbdc;--color-news-300:#9d99cb;--color-news-400:#837ebd;--color-news-500:#6e69b2;--color-news-600:#524d97;--color-news-700:#3a376b;--color-news-800:#28264a;--color-news-900:#19182f;--color-news:var(--color-news-500);--color-journal-50:#eefafa;--color-journal-100:#d6f2f4;--color-journal-200:#aee6e9;--color-journal-300:#86d9de;--color-journal-400:#6dd1d7;--color-journal-500:#54cad0;--color-journal-600:#31acb2;--color-journal-700:#22797d;--color-journal-800:#175357;--color-journal-900:#0f3536;--color-services-50:#eff5fa;--color-services-100:#d7e6f3;--color-services-200:#b0cde7;--color-services-300:#89b4db;--color-services-400:#78a9d6;--color-services-500:#679ed1;--color-services-600:#387cba;--color-services-700:#275783;--color-services-800:#1b3c5b;--color-services-900:#112639;--color-organizations-50:#eef1fa;--color-organizations-100:#d6ddf4;--color-organizations-200:#aebce9;--color-organizations-300:#859bdf;--color-organizations-400:#4a6bcf;--color-organizations-500:#2b49a5;--color-organizations-600:#213880;--color-organizations-700:#17285a;--color-organizations-800:#101b3e;--color-organizations-900:#0a1127;--color-marketplace:#f87d4a;--color-finance:#e8cf5e;--color-finance-dark:#d4b83a;--color-events:#a855f7;--color-events-dark:#9333ea;--animate-ripple:ripple .6s ease-out forwards}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:after,:before,::backdrop{border-color:var(--color-border-secondary,currentcolor)}::file-selector-button{border-color:var(--color-border-secondary,currentcolor)}input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]{appearance:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}details summary::-webkit-details-marker{display:none}}@layer components;@layer utilities{.\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-2{inset:calc(var(--spacing) * 2)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-x-13{inset-inline:calc(var(--spacing) * 13)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.inset-y-0\.5{inset-block:calc(var(--spacing) * .5)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-top-0\.5{top:calc(var(--spacing) * -.5)}.-top-0\.25{top:calc(var(--spacing) * -.25)}.-top-1{top:calc(var(--spacing) * -1)}.-top-1\.5{top:calc(var(--spacing) * -1.5)}.-top-2{top:calc(var(--spacing) * -2)}.-top-4{top:calc(var(--spacing) * -4)}.-top-8{top:calc(var(--spacing) * -8)}.-top-12{top:calc(var(--spacing) * -12)}.-top-40{top:calc(var(--spacing) * -40)}.top-0{top:calc(var(--spacing) * 0)}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1{top:calc(var(--spacing) * 1)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-2\.5{top:calc(var(--spacing) * 2.5)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.top-7{top:calc(var(--spacing) * 7)}.top-9{top:calc(var(--spacing) * 9)}.top-14{top:calc(var(--spacing) * 14)}.top-15{top:calc(var(--spacing) * 15)}.top-16{top:calc(var(--spacing) * 16)}.top-30{top:calc(var(--spacing) * 30)}.top-\[calc\(100\%\+8px\)\]{top:calc(100% + 8px)}.top-\[var\(--app-header-h\)\]{top:var(--app-header-h)}.top-\[var\(--size-eric-avatar\)\]{top:var(--size-eric-avatar)}.top-full{top:100%}.top-header{top:var(--spacing-header)}.-right-0\.5{right:calc(var(--spacing) * -.5)}.-right-0\.25{right:calc(var(--spacing) * -.25)}.-right-1{right:calc(var(--spacing) * -1)}.-right-1\.5{right:calc(var(--spacing) * -1.5)}.-right-2{right:calc(var(--spacing) * -2)}.-right-6{right:calc(var(--spacing) * -6)}.-right-8{right:calc(var(--spacing) * -8)}.-right-40{right:calc(var(--spacing) * -40)}.-right-px{right:-1px}.right-0{right:calc(var(--spacing) * 0)}.right-0\.5{right:calc(var(--spacing) * .5)}.right-1{right:calc(var(--spacing) * 1)}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-2{right:calc(var(--spacing) * 2)}.right-2\.5{right:calc(var(--spacing) * 2.5)}.right-3{right:calc(var(--spacing) * 3)}.right-3\.5{right:calc(var(--spacing) * 3.5)}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.right-8{right:calc(var(--spacing) * 8)}.right-22{right:calc(var(--spacing) * 22)}.right-\[calc\(50\%-18px\)\]{right:calc(50% - 18px)}.right-sidebar{right:var(--spacing-sidebar)}.-bottom-0\.5{bottom:calc(var(--spacing) * -.5)}.-bottom-1{bottom:calc(var(--spacing) * -1)}.-bottom-2{bottom:calc(var(--spacing) * -2)}.-bottom-5{bottom:calc(var(--spacing) * -5)}.-bottom-8{bottom:calc(var(--spacing) * -8)}.-bottom-40{bottom:calc(var(--spacing) * -40)}.-bottom-px{bottom:-1px}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-0\.5{bottom:calc(var(--spacing) * .5)}.bottom-1{bottom:calc(var(--spacing) * 1)}.bottom-1\.5{bottom:calc(var(--spacing) * 1.5)}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-5{bottom:calc(var(--spacing) * 5)}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-8{bottom:calc(var(--spacing) * 8)}.bottom-full{bottom:100%}.-left-4{left:calc(var(--spacing) * -4)}.-left-6{left:calc(var(--spacing) * -6)}.-left-40{left:calc(var(--spacing) * -40)}.-left-\[var\(--radius-xs\)\]{left:calc(var(--radius-xs) * -1)}.left-0{left:calc(var(--spacing) * 0)}.left-1\.5{left:calc(var(--spacing) * 1.5)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-2\.5{left:calc(var(--spacing) * 2.5)}.left-3{left:calc(var(--spacing) * 3)}.left-3\.5{left:calc(var(--spacing) * 3.5)}.left-4{left:calc(var(--spacing) * 4)}.left-5{left:calc(var(--spacing) * 5)}.left-6{left:calc(var(--spacing) * 6)}.left-14{left:calc(var(--spacing) * 14)}.left-\[53\%\]{left:53%}.left-full{left:100%}.left-sidebar{left:var(--spacing-sidebar)}.isolate{isolation:isolate}.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[2\]{z-index:2}.z-\[45\]{z-index:45}.z-\[54\]{z-index:54}.z-\[55\]{z-index:55}.z-\[60\]{z-index:60}.z-\[75\]{z-index:75}.z-\[80\]{z-index:80}.z-\[100\]{z-index:100}.z-\[1000\]{z-index:1000}.z-\[9999\]{z-index:9999}.z-\[10001\]{z-index:10001}.z-\[XXXX\]{z-index:XXXX}.z-\[var\(--z-index\)\]{z-index:var(--z-index)}.order-2{order:2}.order-3{order:3}.order-first{order:-9999}.order-last{order:9999}.col-1{grid-column:1}.col-2{grid-column:2}.col-3{grid-column:3}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.row-span-2{grid-row:span 2/span 2}.float-left{float:left}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.\!m-0{margin:calc(var(--spacing) * 0)!important}.-m-1{margin:calc(var(--spacing) * -1)}.m-0{margin:calc(var(--spacing) * 0)}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.-mx-2{margin-inline:calc(var(--spacing) * -2)}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.-mx-6{margin-inline:calc(var(--spacing) * -6)}.mx-0{margin-inline:calc(var(--spacing) * 0)}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.-my-1{margin-block:calc(var(--spacing) * -1)}.-my-8{margin-block:calc(var(--spacing) * -8)}.-my-px{margin-block:-1px}.my-0{margin-block:calc(var(--spacing) * 0)}.my-1{margin-block:calc(var(--spacing) * 1)}.my-1\.5{margin-block:calc(var(--spacing) * 1.5)}.my-3{margin-block:calc(var(--spacing) * 3)}.my-3\.5{margin-block:calc(var(--spacing) * 3.5)}.my-4{margin-block:calc(var(--spacing) * 4)}.my-6{margin-block:calc(var(--spacing) * 6)}.my-auto{margin-block:auto}.-mt-0\.5{margin-top:calc(var(--spacing) * -.5)}.-mt-2{margin-top:calc(var(--spacing) * -2)}.-mt-3{margin-top:calc(var(--spacing) * -3)}.-mt-4{margin-top:calc(var(--spacing) * -4)}.-mt-8{margin-top:calc(var(--spacing) * -8)}.-mt-12{margin-top:calc(var(--spacing) * -12)}.mt-0{margin-top:calc(var(--spacing) * 0)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-\[10\%\]{margin-top:10%}.mt-\[13px\]{margin-top:13px}.mt-auto{margin-top:auto}.-mr-2{margin-right:calc(var(--spacing) * -2)}.mr-0\.5{margin-right:calc(var(--spacing) * .5)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mr-4{margin-right:calc(var(--spacing) * 4)}.mr-auto{margin-right:auto}.mr-shell-column{margin-right:var(--spacing-shell-column)}.mr-sidebar{margin-right:var(--spacing-sidebar)}.-mb-1{margin-bottom:calc(var(--spacing) * -1)}.-mb-2{margin-bottom:calc(var(--spacing) * -2)}.-mb-px{margin-bottom:-1px}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-3\.5{margin-bottom:calc(var(--spacing) * 3.5)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-6\!{margin-bottom:calc(var(--spacing) * 6)!important}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.-ml-0{margin-left:calc(var(--spacing) * 0)}.-ml-0\.75{margin-left:calc(var(--spacing) * -.75)}.-ml-px{margin-left:-1px}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-0\.75{margin-left:calc(var(--spacing) * .75)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-1\.25{margin-left:calc(var(--spacing) * 1.25)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-5{margin-left:calc(var(--spacing) * 5)}.ml-6{margin-left:calc(var(--spacing) * 6)}.ml-7{margin-left:calc(var(--spacing) * 7)}.ml-11{margin-left:calc(var(--spacing) * 11)}.ml-12{margin-left:calc(var(--spacing) * 12)}.ml-\[var\(--left-sidebar-w\)\]{margin-left:var(--left-sidebar-w)}.ml-auto{margin-left:auto}.ml-shell-column{margin-left:var(--spacing-shell-column)}.ml-sidebar{margin-left:var(--spacing-sidebar)}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.field-sizing-content{field-sizing:content}.aspect-\[0\.3\]{aspect-ratio:.3}.aspect-\[1\.6\]{aspect-ratio:1.6}.aspect-\[1\.33\]{aspect-ratio:1.33}.aspect-\[3\]{aspect-ratio:3}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[16\/10\]{aspect-ratio:16/10}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.\!size-7{width:calc(var(--spacing) * 7)!important;height:calc(var(--spacing) * 7)!important}.\!size-8{width:calc(var(--spacing) * 8)!important;height:calc(var(--spacing) * 8)!important}.\!size-9{width:calc(var(--spacing) * 9)!important;height:calc(var(--spacing) * 9)!important}.\!size-10{width:calc(var(--spacing) * 10)!important;height:calc(var(--spacing) * 10)!important}.\!size-11{width:calc(var(--spacing) * 11)!important;height:calc(var(--spacing) * 11)!important}.\!size-20{width:calc(var(--spacing) * 20)!important;height:calc(var(--spacing) * 20)!important}.\!size-\[76px\]{width:76px!important;height:76px!important}.\!size-\[var\(--size-avatar-sidebar\)\]{width:var(--size-avatar-sidebar)!important;height:var(--size-avatar-sidebar)!important}.\!size-\[var\(--size-eric-avatar\)\]{width:var(--size-eric-avatar)!important;height:var(--size-eric-avatar)!important}.size-1{width:calc(var(--spacing) * 1);height:calc(var(--spacing) * 1)}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-1\.25{width:calc(var(--spacing) * 1.25);height:calc(var(--spacing) * 1.25)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\!{width:calc(var(--spacing) * 3)!important;height:calc(var(--spacing) * 3)!important}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-4\!{width:calc(var(--spacing) * 4)!important;height:calc(var(--spacing) * 4)!important}.size-4\.5{width:calc(var(--spacing) * 4.5);height:calc(var(--spacing) * 4.5)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-18{width:calc(var(--spacing) * 18);height:calc(var(--spacing) * 18)}.size-20{width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20)}.size-24{width:calc(var(--spacing) * 24);height:calc(var(--spacing) * 24)}.size-40{width:calc(var(--spacing) * 40);height:calc(var(--spacing) * 40)}.size-120{width:calc(var(--spacing) * 120);height:calc(var(--spacing) * 120)}.size-\[18px\]{width:18px;height:18px}.size-\[22px\]{width:22px;height:22px}.size-\[34px\]{width:34px;height:34px}.size-\[60px\]{width:60px;height:60px}.size-\[var\(--size-avatar-tree\)\]{width:var(--size-avatar-tree);height:var(--size-avatar-tree)}.size-\[var\(--size-badge-sm\)\]{width:var(--size-badge-sm);height:var(--size-badge-sm)}.size-\[var\(--size-eric-avatar\)\]{width:var(--size-eric-avatar);height:var(--size-eric-avatar)}.size-\[var\(--size-icon-btn\)\]{width:var(--size-icon-btn);height:var(--size-icon-btn)}.size-\[var\(--size-icon-md\)\]{width:var(--size-icon-md);height:var(--size-icon-md)}.size-full{width:100%;height:100%}.size-max{width:max-content;height:max-content}.\!h-7{height:calc(var(--spacing) * 7)!important}.\!h-auto{height:auto!important}.\!h-full{height:100%!important}.h-0{height:calc(var(--spacing) * 0)}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-1\/2{height:50%}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-6\.5{height:calc(var(--spacing) * 6.5)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-15{height:calc(var(--spacing) * 15)}.h-16{height:calc(var(--spacing) * 16)}.h-16\.5{height:calc(var(--spacing) * 16.5)}.h-17{height:calc(var(--spacing) * 17)}.h-20{height:calc(var(--spacing) * 20)}.h-20\.5{height:calc(var(--spacing) * 20.5)}.h-22{height:calc(var(--spacing) * 22)}.h-24{height:calc(var(--spacing) * 24)}.h-24\.5{height:calc(var(--spacing) * 24.5)}.h-25\.5{height:calc(var(--spacing) * 25.5)}.h-26{height:calc(var(--spacing) * 26)}.h-28{height:calc(var(--spacing) * 28)}.h-29\.5{height:calc(var(--spacing) * 29.5)}.h-30{height:calc(var(--spacing) * 30)}.h-31\.5{height:calc(var(--spacing) * 31.5)}.h-32{height:calc(var(--spacing) * 32)}.h-34\.25{height:calc(var(--spacing) * 34.25)}.h-35\.75{height:calc(var(--spacing) * 35.75)}.h-36{height:calc(var(--spacing) * 36)}.h-37{height:calc(var(--spacing) * 37)}.h-40{height:calc(var(--spacing) * 40)}.h-41\.5{height:calc(var(--spacing) * 41.5)}.h-41\.75{height:calc(var(--spacing) * 41.75)}.h-45\.25{height:calc(var(--spacing) * 45.25)}.h-47{height:calc(var(--spacing) * 47)}.h-48{height:calc(var(--spacing) * 48)}.h-56{height:calc(var(--spacing) * 56)}.h-64{height:calc(var(--spacing) * 64)}.h-67\.5{height:calc(var(--spacing) * 67.5)}.h-72\.5{height:calc(var(--spacing) * 72.5)}.h-80{height:calc(var(--spacing) * 80)}.h-86{height:calc(var(--spacing) * 86)}.h-\[1em\]{height:1em}.h-\[13px\]{height:13px}.h-\[18px\]{height:18px}.h-\[20\%\]{height:20%}.h-\[45px\]{height:45px}.h-\[70vh\]{height:70vh}.h-\[85vh\]{height:85vh}.h-\[90vh\]{height:90vh}.h-\[280px\]{height:280px}.h-\[300px\]{height:300px}.h-\[calc\(100dvh-200px\)\]{height:calc(100dvh - 200px)}.h-\[calc\(100vh-4rem\)\]{height:calc(100vh - 4rem)}.h-\[calc\(100vh-64px\)\]{height:calc(100vh - 64px)}.h-\[calc\(100vh-var\(--app-header-h\)\)\]{height:calc(100vh - var(--app-header-h))}.h-\[calc\(100vh-var\(--spacing-header\)\)\]{height:calc(100vh - var(--spacing-header))}.h-\[var\(--app-header-h\)\]{height:var(--app-header-h)}.h-\[var\(--ring-width-lg\)\]{height:var(--ring-width-lg)}.h-\[var\(--size-avatar-feature\)\]{height:var(--size-avatar-feature)}.h-\[var\(--size-badge-sm\)\]{height:var(--size-badge-sm)}.h-\[var\(--size-chart\)\]{height:var(--size-chart)}.h-\[var\(--size-divider\)\]{height:var(--size-divider)}.h-\[var\(--size-icon-md\)\]{height:var(--size-icon-md)}.h-\[var\(--size-layout-2xl\)\]{height:var(--size-layout-2xl)}.h-\[var\(--size-layout-album\)\]{height:var(--size-layout-album)}.h-\[var\(--size-layout-map\)\]{height:var(--size-layout-map)}.h-\[var\(--size-layout-md\)\]{height:var(--size-layout-md)}.h-\[var\(--size-layout-sm\)\]{height:var(--size-layout-sm)}.h-\[var\(--size-layout-xs\)\]{height:var(--size-layout-xs)}.h-\[var\(--size-line-min\)\]{height:var(--size-line-min)}.h-\[var\(--size-thumb-sm\)\]{height:var(--size-thumb-sm)}.h-\[var\(--size-tree-line-md\)\]{height:var(--size-tree-line-md)}.h-\[var\(--size-tree-line-sm\)\]{height:var(--size-tree-line-sm)}.h-\[var\(--size-video-thumb-h\)\]{height:var(--size-video-thumb-h)}.h-auto{height:auto}.h-bottombar{height:var(--spacing-bottombar)}.h-dvh{height:100dvh}.h-full{height:100%}.h-header{height:var(--spacing-header)}.h-header-mobile{height:var(--spacing-header-mobile)}.h-max{height:max-content}.h-min{height:min-content}.h-px{height:1px}.h-screen{height:100vh}.max-h-9{max-height:calc(var(--spacing) * 9)}.max-h-40{max-height:calc(var(--spacing) * 40)}.max-h-44{max-height:calc(var(--spacing) * 44)}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-52{max-height:calc(var(--spacing) * 52)}.max-h-56\!{max-height:calc(var(--spacing) * 56)!important}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-64\!{max-height:calc(var(--spacing) * 64)!important}.max-h-68{max-height:calc(var(--spacing) * 68)}.max-h-76{max-height:calc(var(--spacing) * 76)}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-80\!{max-height:calc(var(--spacing) * 80)!important}.max-h-88\.5{max-height:calc(var(--spacing) * 88.5)}.max-h-92{max-height:calc(var(--spacing) * 92)}.max-h-96{max-height:calc(var(--spacing) * 96)}.max-h-106{max-height:calc(var(--spacing) * 106)}.max-h-131\.5{max-height:calc(var(--spacing) * 131.5)}.max-h-\[60vh\]{max-height:60vh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[120px\]{max-height:120px}.max-h-\[200px\]{max-height:200px}.max-h-\[380px\]{max-height:380px}.max-h-\[400px\]{max-height:400px}.max-h-\[480px\]{max-height:480px}.max-h-\[520px\]{max-height:520px}.max-h-\[calc\(90vh-180px\)\]{max-height:calc(90vh - 180px)}.max-h-\[calc\(100vh-2rem\)\]{max-height:calc(100vh - 2rem)}.max-h-\[calc\(100vh-32px\)\]{max-height:calc(100vh - 32px)}.max-h-\[var\(--size-composer-max\)\]{max-height:var(--size-composer-max)}.max-h-\[var\(--size-layout-4xl\)\]{max-height:var(--size-layout-4xl)}.max-h-\[var\(--size-layout-lg\)\]{max-height:var(--size-layout-lg)}.max-h-\[var\(--size-layout-sm\)\]{max-height:var(--size-layout-sm)}.max-h-\[var\(--size-layout-xl\)\]{max-height:var(--size-layout-xl)}.max-h-full{max-height:100%}.\!min-h-0{min-height:calc(var(--spacing) * 0)!important}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-1{min-height:calc(var(--spacing) * 1)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-20{min-height:calc(var(--spacing) * 20)}.min-h-31\.5{min-height:calc(var(--spacing) * 31.5)}.min-h-36{min-height:calc(var(--spacing) * 36)}.min-h-40{min-height:calc(var(--spacing) * 40)}.min-h-49{min-height:calc(var(--spacing) * 49)}.min-h-53{min-height:calc(var(--spacing) * 53)}.min-h-\[24px\]{min-height:24px}.min-h-\[50vh\]{min-height:50vh}.min-h-\[60vh\]{min-height:60vh}.min-h-\[80px\]{min-height:80px}.min-h-\[100px\]{min-height:100px}.min-h-\[480px\]{min-height:480px}.min-h-\[640px\]{min-height:640px}.min-h-\[var\(--size-layout-3xl\)\]{min-height:var(--size-layout-3xl)}.min-h-\[var\(--size-layout-6xl\)\]{min-height:var(--size-layout-6xl)}.min-h-\[var\(--size-layout-80\)\]{min-height:var(--size-layout-80)}.min-h-\[var\(--size-layout-md\)\]{min-height:var(--size-layout-md)}.min-h-\[var\(--size-layout-xs\)\]{min-height:var(--size-layout-xs)}.min-h-\[var\(--size-line-min\)\]{min-height:var(--size-line-min)}.min-h-\[var\(--size-search-field\)\]{min-height:var(--size-search-field)}.min-h-dvh{min-height:100dvh}.min-h-full{min-height:100%}.min-h-header{min-height:var(--spacing-header)}.min-h-screen{min-height:100vh}.\!w-full{width:100%!important}.w-\(--trigger-width\){width:var(--trigger-width)}.w-0{width:calc(var(--spacing) * 0)}.w-0\.5{width:calc(var(--spacing) * .5)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-2\/3{width:66.6667%}.w-2\/5{width:40%}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/4{width:75%}.w-3\/5{width:60%}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-6\.5{width:calc(var(--spacing) * 6.5)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-8\.5{width:calc(var(--spacing) * 8.5)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-11\.5{width:calc(var(--spacing) * 11.5)}.w-12{width:calc(var(--spacing) * 12)}.w-13{width:calc(var(--spacing) * 13)}.w-14{width:calc(var(--spacing) * 14)}.w-15{width:calc(var(--spacing) * 15)}.w-16{width:calc(var(--spacing) * 16)}.w-18{width:calc(var(--spacing) * 18)}.w-20{width:calc(var(--spacing) * 20)}.w-23{width:calc(var(--spacing) * 23)}.w-24{width:calc(var(--spacing) * 24)}.w-26{width:calc(var(--spacing) * 26)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-36{width:calc(var(--spacing) * 36)}.w-38{width:calc(var(--spacing) * 38)}.w-40{width:calc(var(--spacing) * 40)}.w-40\.25{width:calc(var(--spacing) * 40.25)}.w-43{width:calc(var(--spacing) * 43)}.w-45{width:calc(var(--spacing) * 45)}.w-46\.25{width:calc(var(--spacing) * 46.25)}.w-48{width:calc(var(--spacing) * 48)}.w-50{width:calc(var(--spacing) * 50)}.w-54{width:calc(var(--spacing) * 54)}.w-55{width:calc(var(--spacing) * 55)}.w-56{width:calc(var(--spacing) * 56)}.w-57\.5{width:calc(var(--spacing) * 57.5)}.w-60{width:calc(var(--spacing) * 60)}.w-62{width:calc(var(--spacing) * 62)}.w-64{width:calc(var(--spacing) * 64)}.w-66{width:calc(var(--spacing) * 66)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-82{width:calc(var(--spacing) * 82)}.w-90{width:calc(var(--spacing) * 90)}.w-130{width:calc(var(--spacing) * 130)}.w-160{width:calc(var(--spacing) * 160)}.w-\[18px\]{width:18px}.w-\[60\%\]{width:60%}.w-\[68px\]{width:68px}.w-\[70vw\]{width:70vw}.w-\[90\%\]{width:90%}.w-\[90vw\]{width:90vw}.w-\[92vw\]{width:92vw}.w-\[180px\]{width:180px}.w-\[360px\]{width:360px}.w-\[380px\]{width:380px}.w-\[var\(--left-sidebar-w\)\]{width:var(--left-sidebar-w)}.w-\[var\(--size-avatar-feature\)\]{width:var(--size-avatar-feature)}.w-\[var\(--size-bubble-max\)\]{width:var(--size-bubble-max)}.w-\[var\(--size-dropdown-lg\)\]{width:var(--size-dropdown-lg)}.w-\[var\(--size-layout-lg\)\]{width:var(--size-layout-lg)}.w-\[var\(--size-layout-map\)\]{width:var(--size-layout-map)}.w-\[var\(--size-layout-sm\)\]{width:var(--size-layout-sm)}.w-\[var\(--size-play-btn\)\]{width:var(--size-play-btn)}.w-\[var\(--size-thumb-sm\)\]{width:var(--size-thumb-sm)}.w-\[var\(--size-tree-notch-md\)\]{width:var(--size-tree-notch-md)}.w-\[var\(--size-tree-notch-sm\)\]{width:var(--size-tree-notch-sm)}.w-\[var\(--size-video-overlay\)\]{width:var(--size-video-overlay)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-min{width:min-content}.w-px{width:1px}.w-sidebar{width:var(--spacing-sidebar)}.max-w-\(--breakpoint-xl\){max-width:var(--breakpoint-xl)}.max-w-0{max-width:calc(var(--spacing) * 0)}.max-w-2xl{max-width:var(--spacing-2xl)}.max-w-3xl{max-width:var(--spacing-3xl)}.max-w-4xl{max-width:var(--spacing-4xl)}.max-w-5xl{max-width:var(--spacing-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-40{max-width:calc(var(--spacing) * 40)}.max-w-50{max-width:calc(var(--spacing) * 50)}.max-w-70{max-width:calc(var(--spacing) * 70)}.max-w-72{max-width:calc(var(--spacing) * 72)}.max-w-74{max-width:calc(var(--spacing) * 74)}.max-w-88{max-width:calc(var(--spacing) * 88)}.max-w-100{max-width:calc(var(--spacing) * 100)}.max-w-120{max-width:calc(var(--spacing) * 120)}.max-w-160{max-width:calc(var(--spacing) * 160)}.max-w-\[40\%\]{max-width:40%}.max-w-\[75\%\]{max-width:75%}.max-w-\[90vw\]{max-width:90vw}.max-w-\[180px\]{max-width:180px}.max-w-\[420px\]{max-width:420px}.max-w-\[480px\]{max-width:480px}.max-w-\[520px\]{max-width:520px}.max-w-\[900px\]{max-width:900px}.max-w-\[1000px\]{max-width:1000px}.max-w-\[1200px\]{max-width:1200px}.max-w-\[min\(85\%\,480px\)\]{max-width:min(85%,480px)}.max-w-\[var\(--size-bubble-max\)\]{max-width:var(--size-bubble-max)}.max-w-\[var\(--size-content-lg\)\]{max-width:var(--size-content-lg)}.max-w-\[var\(--size-content-md\)\]{max-width:var(--size-content-md)}.max-w-\[var\(--size-content-narrow\)\]{max-width:var(--size-content-narrow)}.max-w-\[var\(--size-dashboard-lg\)\]{max-width:var(--size-dashboard-lg)}.max-w-\[var\(--size-dropdown-lg\)\]{max-width:var(--size-dropdown-lg)}.max-w-\[var\(--size-filter-bar\)\]{max-width:var(--size-filter-bar)}.max-w-\[var\(--size-label-min\)\]{max-width:var(--size-label-min)}.max-w-\[var\(--size-modal-2xl\)\]{max-width:var(--size-modal-2xl)}.max-w-\[var\(--size-modal-compact\)\]{max-width:var(--size-modal-compact)}.max-w-\[var\(--size-modal-form\)\]{max-width:var(--size-modal-form)}.max-w-\[var\(--size-modal-full\)\]{max-width:var(--size-modal-full)}.max-w-\[var\(--size-modal-lg\)\]{max-width:var(--size-modal-lg)}.max-w-\[var\(--size-modal-md\)\]{max-width:var(--size-modal-md)}.max-w-\[var\(--size-modal-sm\)\]{max-width:var(--size-modal-sm)}.max-w-\[var\(--size-modal-wide\)\]{max-width:var(--size-modal-wide)}.max-w-\[var\(--size-modal-xl\)\]{max-width:var(--size-modal-xl)}.max-w-\[var\(--size-modal-xs\)\]{max-width:var(--size-modal-xs)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--spacing-lg)}.max-w-md{max-width:var(--spacing-md)}.max-w-none{max-width:none}.max-w-screen-sm{max-width:var(--breakpoint-sm)}.max-w-sm{max-width:var(--spacing-sm)}.max-w-xl{max-width:var(--spacing-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-2{min-width:calc(var(--spacing) * 2)}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-6{min-width:calc(var(--spacing) * 6)}.min-w-7{min-width:calc(var(--spacing) * 7)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-11{min-width:calc(var(--spacing) * 11)}.min-w-12{min-width:calc(var(--spacing) * 12)}.min-w-16{min-width:calc(var(--spacing) * 16)}.min-w-60{min-width:calc(var(--spacing) * 60)}.min-w-70{min-width:calc(var(--spacing) * 70)}.min-w-\[16px\]{min-width:16px}.min-w-\[18px\]{min-width:18px}.min-w-\[20px\]{min-width:20px}.min-w-\[24px\]{min-width:24px}.min-w-\[30\%\]{min-width:30%}.min-w-\[150px\]{min-width:150px}.min-w-\[160px\]{min-width:160px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.min-w-\[220px\]{min-width:220px}.min-w-\[260px\]{min-width:260px}.min-w-\[var\(--size-badge-dot\)\]{min-width:var(--size-badge-dot)}.min-w-\[var\(--size-badge-min\)\]{min-width:var(--size-badge-min)}.min-w-\[var\(--size-badge-sm\)\]{min-width:var(--size-badge-sm)}.min-w-\[var\(--size-dropdown-lg\)\]{min-width:var(--size-dropdown-lg)}.min-w-\[var\(--size-dropdown-md\)\]{min-width:var(--size-dropdown-md)}.min-w-\[var\(--size-dropdown-sm\)\]{min-width:var(--size-dropdown-sm)}.min-w-\[var\(--size-field-min\)\]{min-width:var(--size-field-min)}.min-w-\[var\(--size-filter-min\)\]{min-width:var(--size-filter-min)}.min-w-\[var\(--size-label-min\)\]{min-width:var(--size-label-min)}.min-w-\[var\(--size-label-narrow-max\)\]{min-width:var(--size-label-narrow-max)}.min-w-\[var\(--size-search-field\)\]{min-width:var(--size-search-field)}.min-w-\[var\(--size-thumb-md\)\]{min-width:var(--size-thumb-md)}.min-w-\[var\(--size-time-label\)\]{min-width:var(--size-time-label)}.flex-1{flex:1}.flex-\[1_0_0\]{flex:1 0 0}.flex-\[2\]{flex:2}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.border-collapse{border-collapse:collapse}.origin-\(--trigger-anchor-point\){transform-origin:var(--trigger-anchor-point)}.origin-bottom{transform-origin:bottom}.origin-center{transform-origin:50%}.origin-top-left{transform-origin:0 0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1{--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-4{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-5{--tw-translate-x:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-6{--tw-translate-x:calc(var(--spacing) * 6);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[var\(--spacing-hairline\)\]{--tw-translate-x:var(--spacing-hairline);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-2{--tw-translate-y:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-4{--tw-translate-y:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-scale-x-100{--tw-scale-x:calc(100% * -1);scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-\[0\.8\]{scale:.8}.scale-\[1\.2\]{scale:1.2}.-rotate-90{rotate:-90deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\[ericPulse_1\.5s_ease-in-out_infinite\]{animation:1.5s ease-in-out infinite ericPulse}.animate-bounce{animation:var(--animate-bounce)}.animate-pulse{animation:var(--animate-pulse)}.animate-ripple{animation:var(--animate-ripple)}.animate-slide-down{animation:var(--animate-slide-down)}.animate-spin{animation:var(--animate-spin)}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.snap-start{scroll-snap-align:start}.scroll-mt-24{scroll-margin-top:calc(var(--spacing) * 24)}.scroll-py-3{scroll-padding-block:calc(var(--spacing) * 3)}.scroll-py-10{scroll-padding-block:calc(var(--spacing) * 10)}.scroll-pb-22{scroll-padding-bottom:calc(var(--spacing) * 22)}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-flow-row{grid-auto-flow:row}.\[grid-template-columns\:1fr_350px\]{grid-template-columns:1fr 350px}.\[grid-template-columns\:repeat\(auto-fill\,minmax\(140px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.\[grid-template-columns\:repeat\(auto-fill\,minmax\(150px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.\[grid-template-columns\:repeat\(auto-fill\,minmax\(300px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.\[grid-template-columns\:repeat\(auto-fill\,minmax\(var\(--size-card-min\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(var(--size-card-min),1fr))}.\[grid-template-columns\:repeat\(auto-fit\,minmax\(var\(--size-label-min\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(var(--size-label-min),1fr))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-1\!{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-\[2fr_1fr\]{grid-template-columns:2fr 1fr}.grid-cols-\[2fr_1fr_1fr\]{grid-template-columns:2fr 1fr 1fr}.grid-cols-\[repeat\(auto-fill\,minmax\(160px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(220px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(var\(--size-thumb-md\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(var(--size-thumb-md),1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.place-items-center{place-items:center}.\!items-start{align-items:flex-start!important}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.\!justify-between{justify-content:space-between!important}.\!justify-center{justify-content:center!important}.\!justify-start{justify-content:flex-start!important}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-normal{justify-content:normal}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing) * 0)}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-0\.75{gap:calc(var(--spacing) * .75)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-1\.25{gap:calc(var(--spacing) * 1.25)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-16{gap:calc(var(--spacing) * 16)}.gap-24{gap:calc(var(--spacing) * 24)}.gap-\[10px\]{gap:10px}.gap-\[Npx\]{gap:Npx}.gap-px{gap:1px}:where(.space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-24>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 24) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-1{-moz-column-gap:calc(var(--spacing) * 1);column-gap:calc(var(--spacing) * 1)}.gap-x-1\.5{-moz-column-gap:calc(var(--spacing) * 1.5);column-gap:calc(var(--spacing) * 1.5)}.gap-x-2{-moz-column-gap:calc(var(--spacing) * 2);column-gap:calc(var(--spacing) * 2)}.gap-x-3{-moz-column-gap:calc(var(--spacing) * 3);column-gap:calc(var(--spacing) * 3)}.gap-x-4{-moz-column-gap:calc(var(--spacing) * 4);column-gap:calc(var(--spacing) * 4)}:where(.-space-x-0\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -.5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -.5) * calc(1 - var(--tw-space-x-reverse)))}:where(.-space-x-1\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -1.5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -1.5) * calc(1 - var(--tw-space-x-reverse)))}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)))}:where(.-space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -3) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -3) * calc(1 - var(--tw-space-x-reverse)))}:where(.-space-x-px>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(-1px * var(--tw-space-x-reverse));margin-inline-end:calc(-1px * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-8>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-1{row-gap:calc(var(--spacing) * 1)}.gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-border-secondary>:not(:last-child)){border-color:var(--color-border-secondary)}:where(.divide-secondary>:not(:last-child)),:where(.divide-secondary\/50>:not(:last-child)){border-color:var(--color-secondary)}@supports (color:color-mix(in lab, red, red)){:where(.divide-secondary\/50>:not(:last-child)){border-color:color-mix(in oklab, var(--color-secondary) 50%, transparent)}}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-self-center{justify-self:center}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overflow-hidden\!{overflow:hidden!important}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-clip{overflow-x:clip}.overflow-x-hidden{overflow-x:hidden}.overflow-x-visible{overflow-x:visible}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overscroll-auto{overscroll-behavior:auto}.overscroll-x-contain{overscroll-behavior-x:contain}.\!rounded-none{border-radius:var(--radius-none)!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[1\.2rem\]{border-radius:1.2rem}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[7px\]{border-radius:7px}.rounded-\[10px\]{border-radius:10px}.rounded-\[14px\]{border-radius:14px}.rounded-\[Npx\]{border-radius:Npx}.rounded-\[inherit\]{border-radius:inherit}.rounded-\[var\(--radius-chip\)\]{border-radius:var(--radius-chip)}.rounded-\[var\(--radius-icon\)\]{border-radius:var(--radius-icon)}.rounded-\[var\(--radius-md\)\]{border-radius:var(--radius-md)}.rounded-\[var\(--radius-sm\)\]{border-radius:var(--radius-sm)}.rounded-\[var\(--radius-xl\)\]{border-radius:var(--radius-xl)}.rounded-\[var\(--radius-xs\)\]{border-radius:var(--radius-xs)}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:var(--radius-none)}.rounded-none\!{border-radius:var(--radius-none)!important}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-t-\[inherit\]{border-top-left-radius:inherit;border-top-right-radius:inherit}.rounded-t-full{border-top-left-radius:var(--radius-full);border-top-right-radius:var(--radius-full)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-l-full{border-top-left-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full)}.rounded-l-lg{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.rounded-l-none{border-top-left-radius:var(--radius-none);border-bottom-left-radius:var(--radius-none)}.rounded-l-xl{border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.rounded-tl{border-top-left-radius:.25rem}.rounded-tl-full{border-top-left-radius:var(--radius-full)}.rounded-tl-none{border-top-left-radius:var(--radius-none)}.rounded-tl-sm{border-top-left-radius:var(--radius-sm)}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-r-\[inherit\]{border-top-right-radius:inherit;border-bottom-right-radius:inherit}.rounded-r-full{border-top-right-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full)}.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.rounded-r-none{border-top-right-radius:var(--radius-none);border-bottom-right-radius:var(--radius-none)}.rounded-r-xl{border-top-right-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.rounded-tr{border-top-right-radius:.25rem}.rounded-tr-full{border-top-right-radius:var(--radius-full)}.rounded-tr-none{border-top-right-radius:var(--radius-none)}.rounded-tr-sm{border-top-right-radius:var(--radius-sm)}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-b-\[var\(--size-badge-dot\)\]{border-bottom-right-radius:var(--size-badge-dot);border-bottom-left-radius:var(--size-badge-dot)}.rounded-b-full{border-bottom-right-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full)}.rounded-b-xl{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.rounded-br{border-bottom-right-radius:.25rem}.rounded-br-full{border-bottom-right-radius:var(--radius-full)}.rounded-br-sm{border-bottom-right-radius:var(--radius-sm)}.rounded-bl{border-bottom-left-radius:.25rem}.rounded-bl-\[var\(--radius-xs\)\]{border-bottom-left-radius:var(--radius-xs)}.rounded-bl-full{border-bottom-left-radius:var(--radius-full)}.rounded-bl-sm{border-bottom-left-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-3{border-bottom-style:var(--tw-border-style);border-bottom-width:3px}.border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-3{border-left-style:var(--tw-border-style);border-left-width:3px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-l-\[3px\]{border-left-style:var(--tw-border-style);border-left-width:3px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.\!border-error-primary{border-color:var(--color-error-primary)!important}.border-\[\#30A67E\]{border-color:#30a67e}.border-\[\#E5E7EB\]{border-color:#e5e7eb}.border-\[color-mix\(in_srgb\,var\(--action-color\)_30\%\,transparent\)\]{border-color:var(--action-color)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_srgb\,var\(--action-color\)_30\%\,transparent\)\]{border-color:color-mix(in srgb,var(--action-color) 30%,transparent)}}.border-\[color\:\#3B82F6\]{border-color:#3b82f6}.border-\[color\:\#93C5FD\]{border-color:#93c5fd}.border-\[color\:\#D1D5DB\]{border-color:#d1d5db}.border-\[color\:\#EC4899\]{border-color:#ec4899}.border-\[color\:\#F3F4F6\]{border-color:#f3f4f6}.border-\[color\:\#F9A8D4\]{border-color:#f9a8d4}.border-\[color\:var\(--color-bg-brand-secondary\)\]{border-color:var(--color-bg-brand-secondary)}.border-\[color\:var\(--color-bg-brand-solid\)\]{border-color:var(--color-bg-brand-solid)}.border-\[color\:var\(--color-bg-tertiary\)\]{border-color:var(--color-bg-tertiary)}.border-\[color\:var\(--color-border-primary\)\]{border-color:var(--color-border-primary)}.border-\[color\:var\(--color-fg-brand-primary\)\]{border-color:var(--color-fg-brand-primary)}.border-\[color\:var\(--color-fg-brand-secondary\)\]{border-color:var(--color-fg-brand-secondary)}.border-\[color\:var\(--color-fg-disabled\)\]{border-color:var(--color-fg-disabled)}.border-\[var\(--border-width-hairline\)\]{border-color:var(--border-width-hairline)}.border-\[var\(--border-width-thick\)\]{border-color:var(--border-width-thick)}.border-\[var\(--module-color\)\]{border-color:var(--module-color)}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-300{border-color:var(--color-amber-300)}.border-amber-500{border-color:var(--color-amber-500)}.border-amber-600{border-color:var(--color-amber-600)}.border-black\/6{border-color:#0000000f}@supports (color:color-mix(in lab, red, red)){.border-black\/6{border-color:color-mix(in oklab, var(--color-black) 6%, transparent)}}.border-black\/10{border-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.border-black\/10{border-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.border-black\/20{border-color:#0003}@supports (color:color-mix(in lab, red, red)){.border-black\/20{border-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.border-blue-200{border-color:var(--color-blue-200)}.border-brand-secondary{border-color:var(--color-brand-secondary)}.border-brand-secondary\/20{border-color:#dbeafe33}@supports (color:color-mix(in lab, red, red)){.border-brand-secondary\/20{border-color:color-mix(in oklab, var(--color-brand-secondary) 20%, transparent)}}.border-brand-secondary\/30{border-color:#dbeafe4d}@supports (color:color-mix(in lab, red, red)){.border-brand-secondary\/30{border-color:color-mix(in oklab, var(--color-brand-secondary) 30%, transparent)}}.border-current{border-color:currentColor}.border-emerald-200{border-color:var(--color-emerald-200)}.border-emerald-400{border-color:var(--color-emerald-400)}.border-error-primary\/30{border-color:var(--color-error-primary)}@supports (color:color-mix(in lab, red, red)){.border-error-primary\/30{border-color:color-mix(in oklab, var(--color-error-primary) 30%, transparent)}}.border-error-secondary{border-color:var(--color-error-secondary)}.border-family-100\/50{border-color:#dceddc80}@supports (color:color-mix(in lab, red, red)){.border-family-100\/50{border-color:color-mix(in oklab, var(--color-family-100) 50%, transparent)}}.border-fg-brand-primary_alt{border-color:var(--color-fg-brand-primary_alt)}.border-fg-secondary{border-color:var(--color-fg-secondary)}.border-fg-white{border-color:var(--color-fg-white)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-green-300{border-color:var(--color-green-300)}.border-pink-200{border-color:var(--color-pink-200)}.border-purple-200{border-color:var(--color-purple-200)}.border-red-100{border-color:var(--color-red-100)}.border-red-200{border-color:var(--color-red-200)}.border-red-300{border-color:var(--color-red-300)}.border-red-400{border-color:var(--color-red-400)}.border-red-500{border-color:var(--color-red-500)}.border-red-600{border-color:var(--color-red-600)}.border-rose-100{border-color:var(--color-rose-100)}.border-secondary\/50{border-color:var(--color-secondary)}@supports (color:color-mix(in lab, red, red)){.border-secondary\/50{border-color:color-mix(in oklab, var(--color-secondary) 50%, transparent)}}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-200\/50{border-color:#e2e8f080}@supports (color:color-mix(in lab, red, red)){.border-slate-200\/50{border-color:color-mix(in oklab, var(--color-slate-200) 50%, transparent)}}.border-slate-200\/80{border-color:#e2e8f0cc}@supports (color:color-mix(in lab, red, red)){.border-slate-200\/80{border-color:color-mix(in oklab, var(--color-slate-200) 80%, transparent)}}.border-success-secondary{border-color:var(--color-success-secondary)}.border-tertiary\/30{border-color:var(--color-tertiary)}@supports (color:color-mix(in lab, red, red)){.border-tertiary\/30{border-color:color-mix(in oklab, var(--color-tertiary) 30%, transparent)}}.border-transparent{border-color:#0000}.border-utility-amber-200{border-color:var(--color-utility-amber-200)}.border-utility-amber-500{border-color:var(--color-utility-amber-500)}.border-utility-blue-100{border-color:var(--color-utility-blue-100)}.border-utility-blue-200{border-color:var(--color-utility-blue-200)}.border-utility-brand-200{border-color:var(--color-utility-brand-200)}.border-utility-green-200{border-color:var(--color-utility-green-200)}.border-utility-pink-200{border-color:var(--color-utility-pink-200)}.border-utility-purple-200{border-color:var(--color-utility-purple-200)}.border-utility-purple-300{border-color:var(--color-utility-purple-300)}.border-utility-purple-300\/30{border-color:#d8b4fe4d}@supports (color:color-mix(in lab, red, red)){.border-utility-purple-300\/30{border-color:color-mix(in oklab, var(--color-utility-purple-300) 30%, transparent)}}.border-utility-purple-300\/40{border-color:#d8b4fe66}@supports (color:color-mix(in lab, red, red)){.border-utility-purple-300\/40{border-color:color-mix(in oklab, var(--color-utility-purple-300) 40%, transparent)}}.border-utility-red-200{border-color:var(--color-utility-red-200)}.border-warning-primary\/30{border-color:var(--color-warning-primary)}@supports (color:color-mix(in lab, red, red)){.border-warning-primary\/30{border-color:color-mix(in oklab, var(--color-warning-primary) 30%, transparent)}}.border-warning-secondary{border-color:var(--color-warning-secondary)}.border-white{border-color:var(--color-white)}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.border-white\/15{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.border-white\/30{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.border-white\/35{border-color:#ffffff59}@supports (color:color-mix(in lab, red, red)){.border-white\/35{border-color:color-mix(in oklab, var(--color-white) 35%, transparent)}}.border-white\/50{border-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.border-white\/50{border-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.border-white\/60{border-color:#fff9}@supports (color:color-mix(in lab, red, red)){.border-white\/60{border-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.border-yellow-200{border-color:var(--color-yellow-200)}.border-yellow-500{border-color:var(--color-yellow-500)}.border-t-green-500{border-top-color:var(--color-green-500)}.border-t-orange-500{border-top-color:var(--color-orange-500)}.border-t-purple-500{border-top-color:var(--color-purple-500)}.border-t-tertiary{border-top-color:var(--color-tertiary)}.border-t-transparent{border-top-color:#0000}.border-t-utility-amber-500{border-top-color:var(--color-utility-amber-500)}.border-t-utility-blue-500{border-top-color:var(--color-utility-blue-500)}.border-t-utility-purple-300{border-top-color:var(--color-utility-purple-300)}.border-t-warning-primary{border-top-color:var(--color-warning-primary)}.border-t-white{border-top-color:var(--color-white)}.border-r-\[var\(--ring-width\)\]{border-right-color:var(--ring-width)}.border-l-warning-primary{border-left-color:var(--color-warning-primary)}.\!bg-brand-solid{background-color:var(--color-brand-solid)!important}.\!bg-error-primary{background-color:var(--color-error-primary)!important}.\!bg-success-solid{background-color:var(--color-success-solid)!important}.bg-\[\#30A67E1A\]{background-color:#30a67e1a}.bg-\[\#F4D9D0\]{background-color:#f4d9d0}.bg-\[\#F9FAFB\]{background-color:#f9fafb}.bg-\[\#FFFFFF\]{background-color:#fff}.bg-\[color-mix\(in_srgb\,var\(--action-color\)_8\%\,transparent\)\]{background-color:var(--action-color)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--action-color\)_8\%\,transparent\)\]{background-color:color-mix(in srgb,var(--action-color) 8%,transparent)}}.bg-\[color-mix\(in_srgb\,var\(--module-color\)_10\%\,transparent\)\]{background-color:var(--module-color)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--module-color\)_10\%\,transparent\)\]{background-color:color-mix(in srgb,var(--module-color) 10%,transparent)}}.bg-\[color\:\#BFDBFE\]{background-color:#bfdbfe}.bg-\[color\:\#EFF6FF\]{background-color:#eff6ff}.bg-\[color\:\#FBCFE8\]{background-color:#fbcfe8}.bg-\[color\:\#FDF2F8\]{background-color:#fdf2f8}.bg-\[color\:var\(--color-bg-brand-primary\)\]{background-color:var(--color-bg-brand-primary)}.bg-\[color\:var\(--color-bg-brand-secondary\)\]{background-color:var(--color-bg-brand-secondary)}.bg-\[color\:var\(--color-border-secondary\)\]{background-color:var(--color-border-secondary)}.bg-\[color\:var\(--color-text-tertiary_on-brand\)\]{background-color:var(--color-text-tertiary_on-brand)}.bg-\[var\(--color-bg-secondary\)\]{background-color:var(--color-bg-secondary)}.bg-\[var\(--color-border-brand-solid\)1A\]{background-color:var(--color-border-brand-solid)1A}.bg-\[var\(--color-border-secondary\)\]{background-color:var(--color-border-secondary)}.bg-\[var\(--gradient-brand\)\]{background-color:var(--gradient-brand)}.bg-alpha-black\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.bg-alpha-black\/20{background-color:color-mix(in oklab, var(--color-alpha-black) 20%, transparent)}}.bg-alpha-white\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-alpha-white\/20{background-color:color-mix(in oklab, var(--color-alpha-white) 20%, transparent)}}.bg-alpha-white\/30{background-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.bg-alpha-white\/30{background-color:color-mix(in oklab, var(--color-alpha-white) 30%, transparent)}}.bg-alpha-white\/80{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.bg-alpha-white\/80{background-color:color-mix(in oklab, var(--color-alpha-white) 80%, transparent)}}.bg-alpha-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.bg-alpha-white\/90{background-color:color-mix(in oklab, var(--color-alpha-white) 90%, transparent)}}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-200{background-color:var(--color-amber-200)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-600{background-color:var(--color-amber-600)}.bg-black{background-color:var(--color-black)}.bg-black\/5{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.bg-black\/5{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.bg-black\/10{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.bg-black\/15{background-color:#00000026}@supports (color:color-mix(in lab, red, red)){.bg-black\/15{background-color:color-mix(in oklab, var(--color-black) 15%, transparent)}}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\/30{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-700{background-color:var(--color-blue-700)}.bg-border-primary{background-color:var(--color-border-primary)}.bg-border-secondary,.bg-border-secondary\/60{background-color:var(--color-border-secondary)}@supports (color:color-mix(in lab, red, red)){.bg-border-secondary\/60{background-color:color-mix(in oklab, var(--color-border-secondary) 60%, transparent)}}.bg-brand-100{background-color:var(--color-brand-100)}.bg-brand-600{background-color:var(--color-brand-600)}.bg-brand-secondary\/5{background-color:#dbeafe0d}@supports (color:color-mix(in lab, red, red)){.bg-brand-secondary\/5{background-color:color-mix(in oklab, var(--color-brand-secondary) 5%, transparent)}}.bg-current{background-color:currentColor}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-error-primary\/5{background-color:var(--color-error-primary)}@supports (color:color-mix(in lab, red, red)){.bg-error-primary\/5{background-color:color-mix(in oklab, var(--color-error-primary) 5%, transparent)}}.bg-error-solid\/10{background-color:var(--color-error-solid)}@supports (color:color-mix(in lab, red, red)){.bg-error-solid\/10{background-color:color-mix(in oklab, var(--color-error-solid) 10%, transparent)}}.bg-error-solid\/20{background-color:var(--color-error-solid)}@supports (color:color-mix(in lab, red, red)){.bg-error-solid\/20{background-color:color-mix(in oklab, var(--color-error-solid) 20%, transparent)}}.bg-error-solid\/30{background-color:var(--color-error-solid)}@supports (color:color-mix(in lab, red, red)){.bg-error-solid\/30{background-color:color-mix(in oklab, var(--color-error-solid) 30%, transparent)}}.bg-family-50{background-color:var(--color-family-50)}.bg-family-50\/80{background-color:#eef6eecc}@supports (color:color-mix(in lab, red, red)){.bg-family-50\/80{background-color:color-mix(in oklab, var(--color-family-50) 80%, transparent)}}.bg-family-500{background-color:var(--color-family-500)}.bg-fg-brand-primary{background-color:var(--color-fg-brand-primary)}.bg-fg-brand-primary_alt{background-color:var(--color-fg-brand-primary_alt)}.bg-fg-brand-secondary{background-color:var(--color-fg-brand-secondary)}.bg-fg-error-primary{background-color:var(--color-fg-error-primary)}.bg-fg-quaternary{background-color:var(--color-fg-quaternary)}.bg-fg-success-secondary{background-color:var(--color-fg-success-secondary)}.bg-fg-tertiary{background-color:var(--color-fg-tertiary)}.bg-fg-white{background-color:var(--color-fg-white)}.bg-fg-white\/30{background-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.bg-fg-white\/30{background-color:color-mix(in oklab, var(--color-fg-white) 30%, transparent)}}.bg-fg-white\/50{background-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.bg-fg-white\/50{background-color:color-mix(in oklab, var(--color-fg-white) 50%, transparent)}}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-neutral-800{background-color:var(--color-neutral-800)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-overlay\/0{background-color:var(--color-overlay)}@supports (color:color-mix(in lab, red, red)){.bg-overlay\/0{background-color:color-mix(in oklab, var(--color-overlay) 0%, transparent)}}.bg-overlay\/40{background-color:var(--color-overlay)}@supports (color:color-mix(in lab, red, red)){.bg-overlay\/40{background-color:color-mix(in oklab, var(--color-overlay) 40%, transparent)}}.bg-overlay\/60{background-color:var(--color-overlay)}@supports (color:color-mix(in lab, red, red)){.bg-overlay\/60{background-color:color-mix(in oklab, var(--color-overlay) 60%, transparent)}}.bg-overlay\/70{background-color:var(--color-overlay)}@supports (color:color-mix(in lab, red, red)){.bg-overlay\/70{background-color:color-mix(in oklab, var(--color-overlay) 70%, transparent)}}.bg-pink-50{background-color:var(--color-pink-50)}.bg-pink-500{background-color:var(--color-pink-500)}.bg-primary\/30{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/30{background-color:color-mix(in oklab, var(--color-primary) 30%, transparent)}.bg-primary\/50{background-color:color-mix(in oklab, var(--color-primary) 50%, transparent)}}.bg-primary\/60{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/60{background-color:color-mix(in oklab, var(--color-primary) 60%, transparent)}}.bg-primary\/70{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/70{background-color:color-mix(in oklab, var(--color-primary) 70%, transparent)}}.bg-primary\/85{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/85{background-color:color-mix(in oklab, var(--color-primary) 85%, transparent)}}.bg-primary\/88{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/88{background-color:color-mix(in oklab, var(--color-primary) 88%, transparent)}}.bg-primary\/90{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/90{background-color:color-mix(in oklab, var(--color-primary) 90%, transparent)}}.bg-primary\/95{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/95{background-color:color-mix(in oklab, var(--color-primary) 95%, transparent)}}.bg-primary_hover{background-color:var(--color-primary_hover)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-quaternary\/20{background-color:var(--color-quaternary)}@supports (color:color-mix(in lab, red, red)){.bg-quaternary\/20{background-color:color-mix(in oklab, var(--color-quaternary) 20%, transparent)}}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-200{background-color:var(--color-red-200)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-red-700{background-color:var(--color-red-700)}.bg-rose-50\/50{background-color:#fff1f280}@supports (color:color-mix(in lab, red, red)){.bg-rose-50\/50{background-color:color-mix(in oklab, var(--color-rose-50) 50%, transparent)}}.bg-rose-500{background-color:var(--color-rose-500)}.bg-secondary\/30{background-color:var(--color-secondary)}@supports (color:color-mix(in lab, red, red)){.bg-secondary\/30{background-color:color-mix(in oklab, var(--color-secondary) 30%, transparent)}}.bg-secondary\/50{background-color:var(--color-secondary)}@supports (color:color-mix(in lab, red, red)){.bg-secondary\/50{background-color:color-mix(in oklab, var(--color-secondary) 50%, transparent)}}.bg-secondary\/80{background-color:var(--color-secondary)}@supports (color:color-mix(in lab, red, red)){.bg-secondary\/80{background-color:color-mix(in oklab, var(--color-secondary) 80%, transparent)}}.bg-secondary\/95{background-color:var(--color-secondary)}@supports (color:color-mix(in lab, red, red)){.bg-secondary\/95{background-color:color-mix(in oklab, var(--color-secondary) 95%, transparent)}}.bg-secondary_hover{background-color:var(--color-secondary_hover)}.bg-sky-500{background-color:var(--color-sky-500)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-50\/80{background-color:#f8fafccc}@supports (color:color-mix(in lab, red, red)){.bg-slate-50\/80{background-color:color-mix(in oklab, var(--color-slate-50) 80%, transparent)}}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-100\/60{background-color:#f1f5f999}@supports (color:color-mix(in lab, red, red)){.bg-slate-100\/60{background-color:color-mix(in oklab, var(--color-slate-100) 60%, transparent)}}.bg-slate-100\/95{background-color:#f1f5f9f2}@supports (color:color-mix(in lab, red, red)){.bg-slate-100\/95{background-color:color-mix(in oklab, var(--color-slate-100) 95%, transparent)}}.bg-slate-900{background-color:var(--color-slate-900)}.bg-success-500{background-color:var(--color-success-500)}.bg-success-solid\/10{background-color:var(--color-success-solid)}@supports (color:color-mix(in lab, red, red)){.bg-success-solid\/10{background-color:color-mix(in oklab, var(--color-success-solid) 10%, transparent)}}.bg-success-solid\/20{background-color:var(--color-success-solid)}@supports (color:color-mix(in lab, red, red)){.bg-success-solid\/20{background-color:color-mix(in oklab, var(--color-success-solid) 20%, transparent)}}.bg-text-primary\/60{background-color:var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.bg-text-primary\/60{background-color:color-mix(in oklab, var(--color-text-primary) 60%, transparent)}}.bg-transparent{background-color:#0000}.bg-utility-amber-50{background-color:var(--color-utility-amber-50)}.bg-utility-amber-100{background-color:var(--color-utility-amber-100)}.bg-utility-amber-500{background-color:var(--color-utility-amber-500)}.bg-utility-blue-50{background-color:var(--color-utility-blue-50)}.bg-utility-blue-100{background-color:var(--color-utility-blue-100)}.bg-utility-blue-500{background-color:var(--color-utility-blue-500)}.bg-utility-brand-50{background-color:var(--color-utility-brand-50)}.bg-utility-brand-500{background-color:var(--color-utility-brand-500)}.bg-utility-green-50{background-color:var(--color-utility-green-50)}.bg-utility-green-100{background-color:var(--color-utility-green-100)}.bg-utility-green-500{background-color:var(--color-utility-green-500)}.bg-utility-indigo-50{background-color:var(--color-utility-indigo-50)}.bg-utility-indigo-500{background-color:var(--color-utility-indigo-500)}.bg-utility-neutral-50{background-color:var(--color-utility-neutral-50)}.bg-utility-neutral-300{background-color:var(--color-utility-neutral-300)}.bg-utility-neutral-500{background-color:var(--color-utility-neutral-500)}.bg-utility-orange-50{background-color:var(--color-utility-orange-50)}.bg-utility-orange-500{background-color:var(--color-utility-orange-500)}.bg-utility-pink-50{background-color:var(--color-utility-pink-50)}.bg-utility-pink-100{background-color:var(--color-utility-pink-100)}.bg-utility-pink-500{background-color:var(--color-utility-pink-500)}.bg-utility-purple-50{background-color:var(--color-utility-purple-50)}.bg-utility-purple-100{background-color:var(--color-utility-purple-100)}.bg-utility-purple-500{background-color:var(--color-utility-purple-500)}.bg-utility-purple-500\/10{background-color:#a855f71a}@supports (color:color-mix(in lab, red, red)){.bg-utility-purple-500\/10{background-color:color-mix(in oklab, var(--color-utility-purple-500) 10%, transparent)}}.bg-utility-purple-500\/20{background-color:#a855f733}@supports (color:color-mix(in lab, red, red)){.bg-utility-purple-500\/20{background-color:color-mix(in oklab, var(--color-utility-purple-500) 20%, transparent)}}.bg-utility-purple-600{background-color:var(--color-utility-purple-600)}.bg-utility-purple-600\/\[0\.03\]{background-color:#9333ea08}@supports (color:color-mix(in lab, red, red)){.bg-utility-purple-600\/\[0\.03\]{background-color:color-mix(in oklab, var(--color-utility-purple-600) 3%, transparent)}}.bg-utility-red-50{background-color:var(--color-utility-red-50)}.bg-utility-red-100{background-color:var(--color-utility-red-100)}.bg-utility-red-500{background-color:var(--color-utility-red-500)}.bg-utility-sky-50{background-color:var(--color-utility-sky-50)}.bg-utility-slate-50{background-color:var(--color-utility-slate-50)}.bg-utility-yellow-50{background-color:var(--color-utility-yellow-50)}.bg-utility-yellow-100{background-color:var(--color-utility-yellow-100)}.bg-utility-yellow-500{background-color:var(--color-utility-yellow-500)}.bg-warning-primary\/5{background-color:var(--color-warning-primary)}@supports (color:color-mix(in lab, red, red)){.bg-warning-primary\/5{background-color:color-mix(in oklab, var(--color-warning-primary) 5%, transparent)}}.bg-warning-primary\/20{background-color:var(--color-warning-primary)}@supports (color:color-mix(in lab, red, red)){.bg-warning-primary\/20{background-color:color-mix(in oklab, var(--color-warning-primary) 20%, transparent)}}.bg-warning-primary\/\[0\.06\]{background-color:var(--color-warning-primary)}@supports (color:color-mix(in lab, red, red)){.bg-warning-primary\/\[0\.06\]{background-color:color-mix(in oklab, var(--color-warning-primary) 6%, transparent)}}.bg-warning-primary\/\[0\.08\]{background-color:var(--color-warning-primary)}@supports (color:color-mix(in lab, red, red)){.bg-warning-primary\/\[0\.08\]{background-color:color-mix(in oklab, var(--color-warning-primary) 8%, transparent)}}.bg-warning-solid\/10{background-color:var(--color-warning-solid)}@supports (color:color-mix(in lab, red, red)){.bg-warning-solid\/10{background-color:color-mix(in oklab, var(--color-warning-solid) 10%, transparent)}}.bg-warning-solid\/20{background-color:var(--color-warning-solid)}@supports (color:color-mix(in lab, red, red)){.bg-warning-solid\/20{background-color:color-mix(in oklab, var(--color-warning-solid) 20%, transparent)}}.bg-warning-solid\/90{background-color:var(--color-warning-solid)}@supports (color:color-mix(in lab, red, red)){.bg-warning-solid\/90{background-color:color-mix(in oklab, var(--color-warning-solid) 90%, transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.bg-white\/15{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.bg-white\/18{background-color:#ffffff2e}@supports (color:color-mix(in lab, red, red)){.bg-white\/18{background-color:color-mix(in oklab, var(--color-white) 18%, transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\/20{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.bg-white\/25{background-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.bg-white\/25{background-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.bg-white\/60{background-color:#fff9}@supports (color:color-mix(in lab, red, red)){.bg-white\/60{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.bg-white\/70{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.bg-white\/80{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.bg-white\/90{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-linear-to-b{--tw-gradient-position:to bottom}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-b{--tw-gradient-position:to bottom in oklab}}.bg-linear-to-b{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-br{--tw-gradient-position:to bottom right}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-br{--tw-gradient-position:to bottom right in oklab}}.bg-linear-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-t{--tw-gradient-position:to top}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-t{--tw-gradient-position:to top in oklab}}.bg-linear-to-t{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-tr{--tw-gradient-position:to top right}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-tr{--tw-gradient-position:to top right in oklab}}.bg-linear-to-tr{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-\(--gradient-light\){--tw-gradient-position:var(--gradient-light);background-image:linear-gradient(var(--tw-gradient-stops,var(--gradient-light)))}.from-\[\#A5C0EE\]{--tw-gradient-from:#a5c0ee;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#A6C0FE\]{--tw-gradient-from:#a6c0fe;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#FBC2EB\]{--tw-gradient-from:#fbc2eb;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#FBC5EC\]{--tw-gradient-from:#fbc5ec;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#FFD93D\]{--tw-gradient-from:#ffd93d;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#f8fafc\]{--tw-gradient-from:#f8fafc;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#faf5ff\]{--tw-gradient-from:#faf5ff;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[var\(--color-bg-secondary\)\]{--tw-gradient-from:var(--color-bg-secondary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[var\(--color-fg-warning-secondary\)\]{--tw-gradient-from:var(--color-fg-warning-secondary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[var\(--color-utility-purple-50\)\]{--tw-gradient-from:var(--color-utility-purple-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-black\/10{--tw-gradient-from:#0000001a}@supports (color:color-mix(in lab, red, red)){.from-black\/10{--tw-gradient-from:color-mix(in oklab, var(--color-black) 10%, transparent)}}.from-black\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-black\/20{--tw-gradient-from:#0003}@supports (color:color-mix(in lab, red, red)){.from-black\/20{--tw-gradient-from:color-mix(in oklab, var(--color-black) 20%, transparent)}}.from-black\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-black\/30{--tw-gradient-from:#0000004d}@supports (color:color-mix(in lab, red, red)){.from-black\/30{--tw-gradient-from:color-mix(in oklab, var(--color-black) 30%, transparent)}}.from-black\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-brand-900{--tw-gradient-from:var(--color-brand-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-brand-solid{--tw-gradient-from:var(--color-brand-solid);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-error-solid{--tw-gradient-from:var(--color-error-solid);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-family-50\/50{--tw-gradient-from:#eef6ee80}@supports (color:color-mix(in lab, red, red)){.from-family-50\/50{--tw-gradient-from:color-mix(in oklab, var(--color-family-50) 50%, transparent)}}.from-family-50\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-family-500{--tw-gradient-from:var(--color-family-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-neutral-50{--tw-gradient-from:var(--color-neutral-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-neutral-900{--tw-gradient-from:var(--color-neutral-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-pink-700{--tw-gradient-from:var(--color-pink-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-primary{--tw-gradient-from:var(--color-primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-quaternary{--tw-gradient-from:var(--color-quaternary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-success-secondary{--tw-gradient-from:var(--color-success-secondary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-success-solid{--tw-gradient-from:var(--color-success-solid);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-success-solid\/20{--tw-gradient-from:var(--color-success-solid)}@supports (color:color-mix(in lab, red, red)){.from-success-solid\/20{--tw-gradient-from:color-mix(in oklab, var(--color-success-solid) 20%, transparent)}}.from-success-solid\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-utility-amber-500{--tw-gradient-from:var(--color-utility-amber-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-utility-pink-700{--tw-gradient-from:var(--color-utility-pink-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-utility-purple-500{--tw-gradient-from:var(--color-utility-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-utility-purple-500\/20{--tw-gradient-from:#a855f733}@supports (color:color-mix(in lab, red, red)){.from-utility-purple-500\/20{--tw-gradient-from:color-mix(in oklab, var(--color-utility-purple-500) 20%, transparent)}}.from-utility-purple-500\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-utility-purple-500\/30{--tw-gradient-from:#a855f74d}@supports (color:color-mix(in lab, red, red)){.from-utility-purple-500\/30{--tw-gradient-from:color-mix(in oklab, var(--color-utility-purple-500) 30%, transparent)}}.from-utility-purple-500\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-warning-primary\/10{--tw-gradient-from:var(--color-warning-primary)}@supports (color:color-mix(in lab, red, red)){.from-warning-primary\/10{--tw-gradient-from:color-mix(in oklab, var(--color-warning-primary) 10%, transparent)}}.from-warning-primary\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-warning-secondary{--tw-gradient-from:var(--color-warning-secondary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-warning-solid{--tw-gradient-from:var(--color-warning-solid);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-warning-solid\/20{--tw-gradient-from:var(--color-warning-solid)}@supports (color:color-mix(in lab, red, red)){.from-warning-solid\/20{--tw-gradient-from:color-mix(in oklab, var(--color-warning-solid) 20%, transparent)}}.from-warning-solid\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-white\/30{--tw-gradient-from:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.from-white\/30{--tw-gradient-from:color-mix(in oklab, var(--color-white) 30%, transparent)}}.from-white\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-white\/95{--tw-gradient-from:#fffffff2}@supports (color:color-mix(in lab, red, red)){.from-white\/95{--tw-gradient-from:color-mix(in oklab, var(--color-white) 95%, transparent)}}.from-white\/95{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-primary{--tw-gradient-via:var(--color-primary);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-slate-50\/20{--tw-gradient-via:#f8fafc33}@supports (color:color-mix(in lab, red, red)){.via-slate-50\/20{--tw-gradient-via:color-mix(in oklab, var(--color-slate-50) 20%, transparent)}}.via-slate-50\/20{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-slate-200{--tw-gradient-via:var(--color-slate-200);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-utility-purple-500{--tw-gradient-via:var(--color-utility-purple-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white{--tw-gradient-via:var(--color-white);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#A5C0EE\]{--tw-gradient-to:#a5c0ee;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#A18CD1\]{--tw-gradient-to:#a18cd1;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#FBC5EC\]{--tw-gradient-to:#fbc5ec;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#FF9500\]{--tw-gradient-to:#ff9500;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#FF9500\]\/10{--tw-gradient-to:oklab(76.5241% .0807011 .155514/.1);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#FFEAF6\]{--tw-gradient-to:#ffeaf6;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#f1f5f9\]{--tw-gradient-to:#f1f5f9;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#f5f3ff\]{--tw-gradient-to:#f5f3ff;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[var\(--color-bg-secondary\)\]{--tw-gradient-to:var(--color-bg-secondary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[var\(--color-fg-warning-primary\)\]{--tw-gradient-to:var(--color-fg-warning-primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[var\(--color-fg-warning-primary\)\]\/10{--tw-gradient-to:var(--color-fg-warning-primary)}@supports (color:color-mix(in lab, red, red)){.to-\[var\(--color-fg-warning-primary\)\]\/10{--tw-gradient-to:color-mix(in oklab, var(--color-fg-warning-primary) 10%, transparent)}}.to-\[var\(--color-fg-warning-primary\)\]\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[var\(--color-utility-purple-50\)\]{--tw-gradient-to:var(--color-utility-purple-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-brand-700{--tw-gradient-to:var(--color-brand-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-brand-solid{--tw-gradient-to:var(--color-brand-solid);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-brand-solid\/20{--tw-gradient-to:#2563eb33}@supports (color:color-mix(in lab, red, red)){.to-brand-solid\/20{--tw-gradient-to:color-mix(in oklab, var(--color-brand-solid) 20%, transparent)}}.to-brand-solid\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-error-solid{--tw-gradient-to:var(--color-error-solid);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-family-700{--tw-gradient-to:var(--color-family-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-neutral-200{--tw-gradient-to:var(--color-neutral-200);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-neutral-700{--tw-gradient-to:var(--color-neutral-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-pink-500{--tw-gradient-to:var(--color-pink-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-primary{--tw-gradient-to:var(--color-primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-secondary{--tw-gradient-to:var(--color-secondary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-50\/90{--tw-gradient-to:#f8fafce6}@supports (color:color-mix(in lab, red, red)){.to-slate-50\/90{--tw-gradient-to:color-mix(in oklab, var(--color-slate-50) 90%, transparent)}}.to-slate-50\/90{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-success-secondary{--tw-gradient-to:var(--color-success-secondary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-success-solid{--tw-gradient-to:var(--color-success-solid);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-success-solid\/20{--tw-gradient-to:var(--color-success-solid)}@supports (color:color-mix(in lab, red, red)){.to-success-solid\/20{--tw-gradient-to:color-mix(in oklab, var(--color-success-solid) 20%, transparent)}}.to-success-solid\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-utility-amber-600{--tw-gradient-to:var(--color-utility-amber-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-utility-pink-500{--tw-gradient-to:var(--color-utility-pink-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-utility-pink-500\/20{--tw-gradient-to:#ec489933}@supports (color:color-mix(in lab, red, red)){.to-utility-pink-500\/20{--tw-gradient-to:color-mix(in oklab, var(--color-utility-pink-500) 20%, transparent)}}.to-utility-pink-500\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-utility-purple-500{--tw-gradient-to:var(--color-utility-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-warning-secondary{--tw-gradient-to:var(--color-warning-secondary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-warning-solid{--tw-gradient-to:var(--color-warning-solid);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-warning-solid\/20{--tw-gradient-to:var(--color-warning-solid)}@supports (color:color-mix(in lab, red, red)){.to-warning-solid\/20{--tw-gradient-to:color-mix(in oklab, var(--color-warning-solid) 20%, transparent)}}.to-warning-solid\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-white{--tw-gradient-to:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-40\%{--tw-gradient-to-position:40%}.mask-b-from-94\%{-webkit-mask-image:var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);-webkit-mask-image:var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);-webkit-mask-image:var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);mask-image:var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);--tw-mask-linear:var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);--tw-mask-bottom:linear-gradient(to bottom, var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position));--tw-mask-bottom-from-position:94%;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;mask-composite:intersect}.bg-cover{background-size:cover}.bg-center{background-position:50%}.fill-\[\#00BCFF\]{fill:#00bcff}.fill-\[\#000\]{fill:#000}.fill-\[\#23B2E7\]{fill:#23b2e7}.fill-\[\#D97757\]{fill:#d97757}.fill-\[\#FD5402\]{fill:#fd5402}.fill-border-secondary_alt{fill:var(--color-border-secondary_alt)}.fill-brand-600{fill:var(--color-brand-600)}.fill-brand-700{fill:var(--color-brand-700)}.fill-brand-solid{fill:var(--color-brand-solid)}.fill-current{fill:currentColor}.fill-error-solid{fill:var(--color-error-solid)}.fill-fg-error-primary{fill:var(--color-fg-error-primary)}.fill-fg-primary{fill:var(--color-fg-primary)}.fill-fg-quaternary{fill:var(--color-fg-quaternary)}.fill-neutral-600{fill:var(--color-neutral-600)}.fill-neutral-700{fill:var(--color-neutral-700)}.fill-success-solid{fill:var(--color-success-solid)}.fill-utility-neutral-50{fill:var(--color-utility-neutral-50)}.fill-utility-neutral-100{fill:var(--color-utility-neutral-100)}.fill-utility-neutral-200{fill:var(--color-utility-neutral-200)}.fill-utility-neutral-300{fill:var(--color-utility-neutral-300)}.fill-utility-purple-500{fill:var(--color-utility-purple-500)}.fill-warning-solid{fill:var(--color-warning-solid)}.fill-white{fill:var(--color-white)}.stroke-\[var\(--border-width-thick\)\]{stroke:var(--border-width-thick)}.stroke-\[var\(--ring-width-lg\)\]{stroke:var(--ring-width-lg)}.stroke-\[var\(--ring-width-lg\)\]\!{stroke:var(--ring-width-lg)!important}.stroke-\[var\(--ring-width-md\)\]{stroke:var(--ring-width-md)}.stroke-\[var\(--ring-width-md\)\]\!{stroke:var(--ring-width-md)!important}.stroke-border-primary{stroke:var(--color-border-primary)}.stroke-border-secondary{stroke:var(--color-border-secondary)}.stroke-border-secondary_alt{stroke:var(--color-border-secondary_alt)}.stroke-brand-secondary{stroke:var(--color-brand-secondary)}.stroke-current{stroke:currentColor}.stroke-fg-brand-primary{stroke:var(--color-fg-brand-primary)}.stroke-fg-brand-secondary{stroke:var(--color-fg-brand-secondary)}.stroke-fg-quaternary{stroke:var(--color-fg-quaternary)}.stroke-inherit{stroke:inherit}.stroke-secondary{stroke:var(--color-secondary)}.stroke-utility-brand-600{stroke:var(--color-utility-brand-600)}.stroke-3{stroke-width:3px}.stroke-\[2\.5px\]{stroke-width:2.5px}.\!object-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.\!p-0{padding:calc(var(--spacing) * 0)!important}.p-0{padding:calc(var(--spacing) * 0)}.p-0\!{padding:calc(var(--spacing) * 0)!important}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-0\.75{padding:calc(var(--spacing) * .75)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-1\.25{padding:calc(var(--spacing) * 1.25)}.p-1\.75{padding:calc(var(--spacing) * 1.75)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.p-12{padding:calc(var(--spacing) * 12)}.p-16{padding:calc(var(--spacing) * 16)}.p-20{padding:calc(var(--spacing) * 20)}.p-\[7px\]{padding:7px}.p-\[Npx\]{padding:Npx}.p-\[var\(--radius-xs\)\]{padding:var(--radius-xs)}.p-\[var\(--ring-width\)\]{padding:var(--ring-width)}.p-px{padding:1px}.\!px-0{padding-inline:calc(var(--spacing) * 0)!important}.\!px-1{padding-inline:calc(var(--spacing) * 1)!important}.\!px-3\.5{padding-inline:calc(var(--spacing) * 3.5)!important}.\!px-4{padding-inline:calc(var(--spacing) * 4)!important}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-1\.25{padding-inline:calc(var(--spacing) * 1.25)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-2\.25{padding-inline:calc(var(--spacing) * 2.25)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-4\.5{padding-inline:calc(var(--spacing) * 4.5)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.px-\[7px\]{padding-inline:7px}.px-\[18px\]{padding-inline:18px}.px-\[var\(--spacing-compact-h\)\]{padding-inline:var(--spacing-compact-h)}.px-\[var\(--spacing-form-x\)\]{padding-inline:var(--spacing-form-x)}.px-\[var\(--spacing-micro\)\]{padding-inline:var(--spacing-micro)}.px-container-mobile{padding-inline:var(--spacing-container-mobile)}.\!py-0{padding-block:calc(var(--spacing) * 0)!important}.\!py-0\.5{padding-block:calc(var(--spacing) * .5)!important}.\!py-1{padding-block:calc(var(--spacing) * 1)!important}.\!py-1\.5{padding-block:calc(var(--spacing) * 1.5)!important}.\!py-2{padding-block:calc(var(--spacing) * 2)!important}.py-0{padding-block:calc(var(--spacing) * 0)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-0\.25{padding-block:calc(var(--spacing) * .25)}.py-0\.75{padding-block:calc(var(--spacing) * .75)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-\[60px\]{padding-block:60px}.py-\[var\(--size-badge-reserve\)\]{padding-block:var(--size-badge-reserve)}.py-\[var\(--spacing-hairline\)\]{padding-block:var(--spacing-hairline)}.py-px{padding-block:1px}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pt-\[3px\]{padding-top:3px}.pt-\[64px\]{padding-top:64px}.pt-\[var\(--spacing-micro\)\]{padding-top:var(--spacing-micro)}.pt-header{padding-top:var(--spacing-header)}.pt-header-mobile{padding-top:var(--spacing-header-mobile)}.pt-px{padding-top:1px}.pt-shell-top{padding-top:var(--spacing-shell-top)}.pr-0{padding-right:calc(var(--spacing) * 0)}.pr-0\.75{padding-right:calc(var(--spacing) * .75)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-1\.5{padding-right:calc(var(--spacing) * 1.5)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-3\.5{padding-right:calc(var(--spacing) * 3.5)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-9{padding-right:calc(var(--spacing) * 9)}.pr-9\.5{padding-right:calc(var(--spacing) * 9.5)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pr-16{padding-right:calc(var(--spacing) * 16)}.pr-20{padding-right:calc(var(--spacing) * 20)}.pr-\[50px\]{padding-right:50px}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-13{padding-bottom:calc(var(--spacing) * 13)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pb-\[2px\]{padding-bottom:2px}.pb-\[56\.25\%\]{padding-bottom:56.25%}.pb-\[clamp\(16px\,8vh\,64px\)\]{padding-bottom:clamp(16px,8vh,64px)}.pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}.pb-\[var\(--spacing-2\)\]{padding-bottom:var(--spacing-2)}.pb-\[var\(--spacing-micro\)\]{padding-bottom:var(--spacing-micro)}.pb-\[var\(--spacing-micro-badge\)\]{padding-bottom:var(--spacing-micro-badge)}.pb-bottombar{padding-bottom:var(--spacing-bottombar)}.pl-0\.75{padding-left:calc(var(--spacing) * .75)}.pl-1{padding-left:calc(var(--spacing) * 1)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-1\.25{padding-left:calc(var(--spacing) * 1.25)}.pl-1\.75{padding-left:calc(var(--spacing) * 1.75)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-2\.25{padding-left:calc(var(--spacing) * 2.25)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-3\.5{padding-left:calc(var(--spacing) * 3.5)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-4\.5{padding-left:calc(var(--spacing) * 4.5)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-7{padding-left:calc(var(--spacing) * 7)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-8\.5{padding-left:calc(var(--spacing) * 8.5)}.pl-9{padding-left:calc(var(--spacing) * 9)}.pl-10{padding-left:calc(var(--spacing) * 10)}.pl-10\.5{padding-left:calc(var(--spacing) * 10.5)}.pl-11{padding-left:calc(var(--spacing) * 11)}.pl-12{padding-left:calc(var(--spacing) * 12)}.pl-12\.5{padding-left:calc(var(--spacing) * 12.5)}.pl-13{padding-left:calc(var(--spacing) * 13)}.pl-18{padding-left:calc(var(--spacing) * 18)}.pl-36{padding-left:calc(var(--spacing) * 36)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-baseline{vertical-align:baseline}.align-middle{vertical-align:middle}.font-\[inherit\]{font-family:inherit}.font-sans{font-family:var(--font-sans)}.\!text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-2xs{font-size:var(--text-2xs);line-height:var(--tw-leading,var(--text-2xs--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-3xs{font-size:var(--text-3xs);line-height:var(--tw-leading,var(--text-3xs--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-body{font-size:var(--text-body);line-height:var(--tw-leading,var(--text-body--line-height))}.text-compact{font-size:var(--text-compact);line-height:var(--tw-leading,var(--text-compact--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-md{font-size:var(--text-md);line-height:var(--tw-leading,var(--text-md--line-height))}.text-micro{font-size:var(--text-micro);line-height:var(--tw-leading,var(--text-micro--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-stat-lg{font-size:var(--text-stat-lg);line-height:var(--tw-leading,var(--text-stat-lg--line-height))}.text-subhead{font-size:var(--text-subhead);line-height:var(--tw-leading,var(--text-subhead--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.85em\]{font-size:.85em}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[17px\]{font-size:17px}.text-\[28px\]{font-size:28px}.text-\[36px\]{font-size:36px}.\!leading-normal{--tw-leading:var(--leading-normal)!important;line-height:var(--leading-normal)!important}.\!leading-snug{--tw-leading:var(--leading-snug)!important;line-height:var(--leading-snug)!important}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.leading-\[22px\]{--tw-leading:22px;line-height:22px}.leading-\[normal\]{--tw-leading:normal;line-height:normal}.leading-\[var\(--text-lg--line-height\)\]{--tw-leading:var(--text-lg--line-height);line-height:var(--text-lg--line-height)}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-bold\!{--tw-font-weight:var(--font-weight-bold)!important;font-weight:var(--font-weight-bold)!important}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.5px\]{--tw-tracking:.5px;letter-spacing:.5px}.tracking-\[0\.6px\]{--tw-tracking:.6px;letter-spacing:.6px}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-\[var\(--spacing-hairline\)\]{--tw-tracking:var(--spacing-hairline);letter-spacing:var(--spacing-hairline)}.tracking-\[var\(--tracking-tight-ui\)\]{--tw-tracking:var(--tracking-tight-ui);letter-spacing:var(--tracking-tight-ui)}.tracking-\[var\(--tracking-ui-sm\)\]{--tw-tracking:var(--tracking-ui-sm);letter-spacing:var(--tracking-ui-sm)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words,.wrap-break-word{overflow-wrap:break-word}.break-all{word-break:break-all}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.\!text-error-primary{color:var(--color-error-primary)!important}.\[color\:\#XXXX\]{color:#XXXX}.\[color\:\#…\]{color:#…}.text-\[\#1F8A65\]{color:#1f8a65}.text-\[\#6B7280\]{color:#6b7280}.text-\[\#7C3AED\]{color:#7c3aed}.text-\[\#10B981\]{color:#10b981}.text-\[\#30A67E\]{color:#30a67e}.text-\[\#333\],.text-\[\#333333\]{color:#333}.text-\[\#EF4444\]{color:#ef4444}.text-\[\#hex\]{color:#hex}.text-\[color\:\#1D4ED8\]{color:#1d4ed8}.text-\[color\:\#1E40AF\]{color:#1e40af}.text-\[color\:\#9D174D\]{color:#9d174d}.text-\[color\:\#BE185D\]{color:#be185d}.text-\[color\:var\(--color-bg-brand-solid\)\]{color:var(--color-bg-brand-solid)}.text-\[color\:var\(--color-bg-brand-solid_hover\)\]{color:var(--color-bg-brand-solid_hover)}.text-\[color\:var\(--color-text-error-primary\)\]{color:var(--color-text-error-primary)}.text-\[var\(--action-color\)\]{color:var(--action-color)}.text-\[var\(--color-border-brand-solid\)\]{color:var(--color-border-brand-solid)}.text-\[var\(--color-brand-600\)\]{color:var(--color-brand-600)}.text-\[var\(--module-color\)\]{color:var(--module-color)}.text-amber-400{color:var(--color-amber-400)}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-blue-700{color:var(--color-blue-700)}.text-border-secondary{color:var(--color-border-secondary)}.text-brand-600{color:var(--color-brand-600)}.text-brand-solid{color:var(--color-brand-solid)}.text-current{color:currentColor}.text-emerald-600{color:var(--color-emerald-600)}.text-error-secondary{color:var(--color-error-secondary)}.text-error-solid{color:var(--color-error-solid)}.text-family-50{color:var(--color-family-50)}.text-family-600{color:var(--color-family-600)}.text-family-700{color:var(--color-family-700)}.text-featured-icon-light-fg-brand{color:var(--color-featured-icon-light-fg-brand)}.text-featured-icon-light-fg-error{color:var(--color-featured-icon-light-fg-error)}.text-featured-icon-light-fg-gray{color:var(--color-featured-icon-light-fg-gray)}.text-featured-icon-light-fg-success{color:var(--color-featured-icon-light-fg-success)}.text-featured-icon-light-fg-warning{color:var(--color-featured-icon-light-fg-warning)}.text-fg-tertiary_hover{color:var(--color-fg-tertiary_hover)}.text-fg-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-fg-white\/70{color:color-mix(in oklab, var(--color-fg-white) 70%, transparent)}}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-inherit{color:inherit}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-700{color:var(--color-neutral-700)}.text-pink-700{color:var(--color-pink-700)}.text-purple-700{color:var(--color-purple-700)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-red-900{color:var(--color-red-900)}.text-rose-600{color:var(--color-rose-600)}@supports (color:color-mix(in lab, red, red)){.text-secondary\/50{color:color-mix(in oklab, var(--color-secondary) 50%, transparent)}}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-success-secondary{color:var(--color-success-secondary)}.text-transparent{color:#0000}.text-utility-amber-600{color:var(--color-utility-amber-600)}.text-utility-amber-700{color:var(--color-utility-amber-700)}.text-utility-blue-400{color:var(--color-utility-blue-400)}.text-utility-blue-500{color:var(--color-utility-blue-500)}.text-utility-blue-600{color:var(--color-utility-blue-600)}.text-utility-blue-700{color:var(--color-utility-blue-700)}.text-utility-brand-400{color:var(--color-utility-brand-400)}.text-utility-brand-500{color:var(--color-utility-brand-500)}.text-utility-brand-600{color:var(--color-utility-brand-600)}.text-utility-brand-700{color:var(--color-utility-brand-700)}.text-utility-green-400{color:var(--color-utility-green-400)}.text-utility-green-500{color:var(--color-utility-green-500)}.text-utility-green-600{color:var(--color-utility-green-600)}.text-utility-green-700{color:var(--color-utility-green-700)}.text-utility-indigo-400{color:var(--color-utility-indigo-400)}.text-utility-indigo-500{color:var(--color-utility-indigo-500)}.text-utility-indigo-600{color:var(--color-utility-indigo-600)}.text-utility-indigo-700{color:var(--color-utility-indigo-700)}.text-utility-neutral-50{color:var(--color-utility-neutral-50)}.text-utility-neutral-100{color:var(--color-utility-neutral-100)}.text-utility-neutral-200{color:var(--color-utility-neutral-200)}.text-utility-neutral-300{color:var(--color-utility-neutral-300)}.text-utility-neutral-400{color:var(--color-utility-neutral-400)}.text-utility-neutral-500{color:var(--color-utility-neutral-500)}.text-utility-neutral-600{color:var(--color-utility-neutral-600)}.text-utility-neutral-700{color:var(--color-utility-neutral-700)}.text-utility-orange-400{color:var(--color-utility-orange-400)}.text-utility-orange-500{color:var(--color-utility-orange-500)}.text-utility-orange-600{color:var(--color-utility-orange-600)}.text-utility-orange-700{color:var(--color-utility-orange-700)}.text-utility-pink-400{color:var(--color-utility-pink-400)}.text-utility-pink-500{color:var(--color-utility-pink-500)}.text-utility-pink-600{color:var(--color-utility-pink-600)}.text-utility-pink-700{color:var(--color-utility-pink-700)}.text-utility-purple-400{color:var(--color-utility-purple-400)}.text-utility-purple-500{color:var(--color-utility-purple-500)}.text-utility-purple-600{color:var(--color-utility-purple-600)}.text-utility-purple-700{color:var(--color-utility-purple-700)}.text-utility-red-400{color:var(--color-utility-red-400)}.text-utility-red-500{color:var(--color-utility-red-500)}.text-utility-red-600{color:var(--color-utility-red-600)}.text-utility-red-700{color:var(--color-utility-red-700)}.text-utility-sky-400{color:var(--color-utility-sky-400)}.text-utility-sky-500{color:var(--color-utility-sky-500)}.text-utility-sky-700{color:var(--color-utility-sky-700)}.text-utility-slate-400{color:var(--color-utility-slate-400)}.text-utility-slate-500{color:var(--color-utility-slate-500)}.text-utility-slate-700{color:var(--color-utility-slate-700)}.text-utility-yellow-400{color:var(--color-utility-yellow-400)}.text-utility-yellow-500{color:var(--color-utility-yellow-500)}.text-utility-yellow-600{color:var(--color-utility-yellow-600)}.text-utility-yellow-700{color:var(--color-utility-yellow-700)}.text-warning-primary\/80{color:var(--color-warning-primary)}@supports (color:color-mix(in lab, red, red)){.text-warning-primary\/80{color:color-mix(in oklab, var(--color-warning-primary) 80%, transparent)}}.text-warning-secondary{color:var(--color-warning-secondary)}.text-white\/30{color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.text-white\/30{color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab, red, red)){.text-white\/40{color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.text-white\/50{color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.text-white\/65{color:#ffffffa6}@supports (color:color-mix(in lab, red, red)){.text-white\/65{color:color-mix(in oklab, var(--color-white) 65%, transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.text-yellow-400{color:var(--color-yellow-400)}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-600{color:var(--color-yellow-600)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.underline-offset-3{text-underline-offset:3px}.placeholder-overlay::placeholder{color:var(--color-overlay)}.placeholder-quaternary::placeholder{color:var(--color-quaternary)}.placeholder-white\/30::placeholder{color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.placeholder-white\/30::placeholder{color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.placeholder-white\/40::placeholder{color:#fff6}@supports (color:color-mix(in lab, red, red)){.placeholder-white\/40::placeholder{color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.caret-alpha-black\/90{caret-color:#000000e6}@supports (color:color-mix(in lab, red, red)){.caret-alpha-black\/90{caret-color:color-mix(in oklab, var(--color-alpha-black) 90%, transparent)}}.caret-fg-brand-primary{caret-color:var(--color-fg-brand-primary)}.caret-transparent{caret-color:#0000}.accent-brand-solid{accent-color:var(--color-brand-solid)}.\!opacity-100{opacity:1!important}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-35{opacity:.35}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.mix-blend-multiply{mix-blend-mode:multiply}.mix-blend-normal{mix-blend-mode:normal}.\!shadow-none{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_3px_color-mix\(in_srgb\,var\(--color-fg-warning-primary\)_20\%\,transparent\)\]{--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--color-fg-warning-primary))}@supports (color:color-mix(in lab, red, red)){.shadow-\[0_0_0_3px_color-mix\(in_srgb\,var\(--color-fg-warning-primary\)_20\%\,transparent\)\]{--tw-shadow:0 0 0 3px var(--tw-shadow-color,color-mix(in srgb,var(--color-fg-warning-primary) 20%,transparent))}}.shadow-\[0_0_0_3px_color-mix\(in_srgb\,var\(--color-fg-warning-primary\)_20\%\,transparent\)\]{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_8px_rgba\(73\,142\,73\,0\.6\)\]{--tw-shadow:0 0 8px var(--tw-shadow-color,#498e4999);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_2px_8px_rgba\(0\,0\,0\,0\.02\)\]{--tw-shadow:0 2px 8px var(--tw-shadow-color,#00000005);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_6px_12px\.\.\.\]{--tw-shadow:0 6px 12px... var(--tw-shadow-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_8px_16px\.\.\.\]{--tw-shadow:0 8px 16px... var(--tw-shadow-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_8px_30px_rgb\(0\,0\,0\,0\.04\)\]{--tw-shadow:0 8px 30px var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_10px_15px_-3px_rgba\(0\,0\,0\,0\.08\)\,inset_0_2px_5px_rgba\(255\,255\,255\,0\.9\)\]{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#00000014), inset 0 2px 5px var(--tw-shadow-color,#ffffffe6);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_15px_30px\.\.\.\]{--tw-shadow:0 15px 30px... var(--tw-shadow-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0px_1px_0px_0px\]{--tw-shadow:0px 1px 0px 0px var(--tw-shadow-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_0_1px_\*\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,*);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.2\)\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,#fff3);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_0_1px_var\(--color-border-secondary\)\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--color-border-secondary));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0px_1px_0px_0px\]{--tw-shadow:inset 0px 1px 0px 0px var(--tw-shadow-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#00000014), 0 4px 6px -4px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#00000012), 0 2px 4px -2px var(--tw-shadow-color,#00000012);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000000f), 0 1px 2px -1px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-\[1\.5px\]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1.5px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.inset-ring-1{--tw-inset-ring-shadow:inset 0 0 0 1px var(--tw-inset-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-border-secondary{--tw-shadow-color:var(--color-border-secondary)}@supports (color:color-mix(in lab, red, red)){.shadow-border-secondary{--tw-shadow-color:color-mix(in oklab, var(--color-border-secondary) var(--tw-shadow-alpha), transparent)}}.shadow-border-secondary_alt{--tw-shadow-color:var(--color-border-secondary_alt)}@supports (color:color-mix(in lab, red, red)){.shadow-border-secondary_alt{--tw-shadow-color:color-mix(in oklab, var(--color-border-secondary_alt) var(--tw-shadow-alpha), transparent)}}.shadow-brand-solid{--tw-shadow-color:#2563eb}@supports (color:color-mix(in lab, red, red)){.shadow-brand-solid{--tw-shadow-color:color-mix(in oklab, var(--color-brand-solid) var(--tw-shadow-alpha), transparent)}}.shadow-emerald-500\/20{--tw-shadow-color:#00bb7f33}@supports (color:color-mix(in lab, red, red)){.shadow-emerald-500\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-error-solid{--tw-shadow-color:var(--color-error-solid)}@supports (color:color-mix(in lab, red, red)){.shadow-error-solid{--tw-shadow-color:color-mix(in oklab, var(--color-error-solid) var(--tw-shadow-alpha), transparent)}}.shadow-family-500\/20{--tw-shadow-color:#498e4933}@supports (color:color-mix(in lab, red, red)){.shadow-family-500\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-family-500) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-family-500\/30{--tw-shadow-color:#498e494d}@supports (color:color-mix(in lab, red, red)){.shadow-family-500\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-family-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-rose-500\/20{--tw-shadow-color:#ff235733}@supports (color:color-mix(in lab, red, red)){.shadow-rose-500\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-rose-500) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-success-solid{--tw-shadow-color:var(--color-success-solid)}@supports (color:color-mix(in lab, red, red)){.shadow-success-solid{--tw-shadow-color:color-mix(in oklab, var(--color-success-solid) var(--tw-shadow-alpha), transparent)}}.shadow-utility-purple-500{--tw-shadow-color:#a855f7}@supports (color:color-mix(in lab, red, red)){.shadow-utility-purple-500{--tw-shadow-color:color-mix(in oklab, var(--color-utility-purple-500) var(--tw-shadow-alpha), transparent)}}.shadow-utility-purple-500\/20{--tw-shadow-color:#a855f733}@supports (color:color-mix(in lab, red, red)){.shadow-utility-purple-500\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-utility-purple-500) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-warning-solid{--tw-shadow-color:var(--color-warning-solid)}@supports (color:color-mix(in lab, red, red)){.shadow-warning-solid{--tw-shadow-color:color-mix(in oklab, var(--color-warning-solid) var(--tw-shadow-alpha), transparent)}}.ring-\[\#30A67E\]\/60{--tw-ring-color:oklab(65.0165% -.116275 .0293107/.6)}.ring-\[var\(--border-width-hairline\)\]{--tw-ring-color:var(--border-width-hairline)}.ring-\[var\(--border-width-thick\)\]{--tw-ring-color:var(--border-width-thick)}.ring-\[var\(--ring-width\)\]{--tw-ring-color:var(--ring-width)}.ring-alpha-black\/10{--tw-ring-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.ring-alpha-black\/10{--tw-ring-color:color-mix(in oklab, var(--color-alpha-black) 10%, transparent)}}.ring-alpha-white\/10{--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.ring-alpha-white\/10{--tw-ring-color:color-mix(in oklab, var(--color-alpha-white) 10%, transparent)}}.ring-black\/5{--tw-ring-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.ring-black\/5{--tw-ring-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.ring-black\/10{--tw-ring-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.ring-black\/10{--tw-ring-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.ring-brand-secondary{--tw-ring-color:var(--color-brand-secondary)}.ring-error-solid{--tw-ring-color:var(--color-error-solid)}.ring-family-100\/30{--tw-ring-color:#dceddc4d}@supports (color:color-mix(in lab, red, red)){.ring-family-100\/30{--tw-ring-color:color-mix(in oklab, var(--color-family-100) 30%, transparent)}}.ring-focus-ring{--tw-ring-color:var(--color-focus-ring)}.ring-red-500{--tw-ring-color:var(--color-red-500)}.ring-secondary\/60{--tw-ring-color:var(--color-secondary)}@supports (color:color-mix(in lab, red, red)){.ring-secondary\/60{--tw-ring-color:color-mix(in oklab, var(--color-secondary) 60%, transparent)}}.ring-slate-100{--tw-ring-color:var(--color-slate-100)}.ring-success-solid{--tw-ring-color:var(--color-success-solid)}.ring-transparent{--tw-ring-color:transparent}.ring-utility-blue-200{--tw-ring-color:var(--color-utility-blue-200)}.ring-utility-brand-200{--tw-ring-color:var(--color-utility-brand-200)}.ring-utility-green-200{--tw-ring-color:var(--color-utility-green-200)}.ring-utility-indigo-200{--tw-ring-color:var(--color-utility-indigo-200)}.ring-utility-neutral-200{--tw-ring-color:var(--color-utility-neutral-200)}.ring-utility-orange-200{--tw-ring-color:var(--color-utility-orange-200)}.ring-utility-pink-200{--tw-ring-color:var(--color-utility-pink-200)}.ring-utility-purple-200{--tw-ring-color:var(--color-utility-purple-200)}.ring-utility-purple-500{--tw-ring-color:var(--color-utility-purple-500)}.ring-utility-red-200{--tw-ring-color:var(--color-utility-red-200)}.ring-utility-sky-200{--tw-ring-color:var(--color-utility-sky-200)}.ring-utility-slate-200{--tw-ring-color:var(--color-utility-slate-200)}.ring-utility-yellow-200{--tw-ring-color:var(--color-utility-yellow-200)}.ring-warning-solid{--tw-ring-color:var(--color-warning-solid)}.ring-white{--tw-ring-color:var(--color-white)}.ring-white\/20{--tw-ring-color:#fff3}@supports (color:color-mix(in lab, red, red)){.ring-white\/20{--tw-ring-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.ring-white\/25{--tw-ring-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.ring-white\/25{--tw-ring-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.ring-white\/50{--tw-ring-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.ring-white\/50{--tw-ring-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.inset-ring-border-secondary{--tw-inset-ring-color:var(--color-border-secondary)}.ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.ring-offset-primary{--tw-ring-offset-color:var(--color-primary)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline-hidden\!{--tw-outline-style:none!important;outline-style:none!important}@media (forced-colors:active){.outline-hidden\!{outline-offset:2px!important;outline:2px solid #0000!important}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-0{outline-style:var(--tw-outline-style);outline-width:0}.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.outline-3{outline-style:var(--tw-outline-style);outline-width:3px}.outline-\[1\.5px\]{outline-style:var(--tw-outline-style);outline-width:1.5px}.outline-\[length\:var\(--ring-width\)\]{outline-style:var(--tw-outline-style);outline-width:var(--ring-width)}.-outline-offset-1{outline-offset:calc(1px * -1)}.-outline-offset-2{outline-offset:calc(2px * -1)}.-outline-offset-\[var\(--border-width-hairline\)\]{outline-offset:calc(var(--border-width-hairline) * -1)}.outline-offset-0{outline-offset:0px}.outline-offset-2{outline-offset:2px}.outline-\(--swatch-color\){outline-color:var(--swatch-color)}.outline-\[var\(--border-width-hairline\)\]{outline-color:var(--border-width-hairline)}.outline-black\/10{outline-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.outline-black\/10{outline-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.outline-black\/16{outline-color:#00000029}@supports (color:color-mix(in lab, red, red)){.outline-black\/16{outline-color:color-mix(in oklab, var(--color-black) 16%, transparent)}}.outline-secondary{outline-color:var(--color-secondary)}.outline-secondary_alt{outline-color:var(--color-secondary_alt)}.outline-transparent{outline-color:#0000}.outline-utility-brand-100{outline-color:var(--color-utility-brand-100)}.outline-utility-green-100{outline-color:var(--color-utility-green-100)}.outline-utility-neutral-100{outline-color:var(--color-utility-neutral-100)}.outline-utility-red-100{outline-color:var(--color-utility-red-100)}.outline-utility-yellow-100{outline-color:var(--color-utility-yellow-100)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-2xl{--tw-blur:blur(var(--blur-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-xl{--tw-blur:blur(var(--blur-xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-xs{--tw-blur:blur(var(--blur-xs));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-sm{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-sm));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[20px\]{--tw-backdrop-blur:blur(20px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[var\(--radius-xs\)\]{--tw-backdrop-blur:blur(var(--radius-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-lg{--tw-backdrop-blur:blur(var(--blur-lg));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[box-shadow\,background-color\]{transition-property:box-shadow,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[inherit\]{transition-property:inherit;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-50{--tw-duration:50ms;transition-duration:50ms}.duration-75{--tw-duration:75ms;transition-duration:75ms}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-250{--tw-duration:.25s;transition-duration:.25s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-400{--tw-duration:.4s;transition-duration:.4s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-\[cubic-bezier\(0\.4\,0\,0\.2\,1\)\]{--tw-ease:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}.animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.animate-out{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[animation-delay\:-0\.3s\]{animation-delay:-.3s}.\[animation-delay\:-0\.15s\]{animation-delay:-.15s}.\[animation-delay\:-120s\]{animation-delay:-120s}.\[animation-duration\:240s\]{animation-duration:240s}.\[scrollbar-width\:none\]{scrollbar-width:none}.\[stop-color\:var\(--color-fg-quaternary\)\]{stop-color:var(--color-fg-quaternary)}.\[vite\:preloadError\]{vite:preloadError}.\[xml\:lang\]{xml:lang}.direction-reverse{animation-direction:reverse}.duration-50{animation-duration:50ms}.duration-75{animation-duration:75ms}.duration-100{animation-duration:.1s}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.duration-250{animation-duration:.25s}.duration-300{animation-duration:.3s}.duration-400{animation-duration:.4s}.duration-500{animation-duration:.5s}.ease-\[cubic-bezier\(0\.4\,0\,0\.2\,1\)\]{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in{animation-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{animation-timing-function:linear}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.fade-in{--tw-enter-opacity:0}.fade-out{--tw-exit-opacity:0}.paused{animation-play-state:paused}.ring-inset{--tw-ring-inset:inset}.running{animation-play-state:running}.slide-in-from-bottom{--tw-enter-translate-y:.25rem}.slide-in-from-bottom-0\.5{--tw-enter-translate-y:.125rem}.slide-in-from-bottom-2{--tw-enter-translate-y:.5rem}.slide-in-from-bottom-4{--tw-enter-translate-y:1rem}.slide-in-from-right{--tw-enter-translate-x:.25rem}.slide-in-from-top-2{--tw-enter-translate-y:-.5rem}.slide-out-to-bottom{--tw-exit-translate-y:.25rem}.slide-out-to-bottom-0\.5{--tw-exit-translate-y:.125rem}.slide-out-to-right{--tw-exit-translate-x:.25rem}.text-shadow-\[0px_0px_48px_rgba\(0\,0\,0\,\.1\)\]{text-shadow:0px 0px 48px var(--tw-text-shadow-color,#0000001a)}.zoom-in-95{--tw-enter-scale:.95}.zoom-out-95{--tw-exit-scale:.95}:is(.\*\:grow>*){flex-grow:1}.not-group-last\:pb-6:not(:is(:where(.group):last-child *)){padding-bottom:calc(var(--spacing) * 6)}.not-group-last\:pb-8:not(:is(:where(.group):last-child *)){padding-bottom:calc(var(--spacing) * 8)}.not-last\:pr-\[calc\(calc\(var\(--spacing\)\*3\.5\)\+1px\)\]:not(:last-child){padding-right:calc(calc(var(--spacing) * 3.5) + 1px)}.not-last\:pr-\[calc\(calc\(var\(--spacing\)\*4\)\+1px\)\]:not(:last-child){padding-right:calc(calc(var(--spacing) * 4) + 1px)}.not-last\:pr-\[calc\(calc\(var\(--spacing\)\*4\.5\)\+1px\)\]:not(:last-child){padding-right:calc(calc(var(--spacing) * 4.5) + 1px)}.not-dark\:hidden:not(:is(.dark *)){display:none}.group-first\:translate-y-1:is(:where(.group):first-child *){--tw-translate-y:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-required\:block:is(:where(.group):where([data-rac])[data-required] *),.group-required\:block:is(:where(.group):where(:not([data-rac])):required *){display:block}.group-invalid\:text-error-primary:is(:where(.group):where([data-rac])[data-invalid] *),.group-invalid\:text-error-primary:is(:where(.group):where(:not([data-rac])):invalid *){color:var(--color-error-primary)}.group-invalid\:ring-2:is(:where(.group):where([data-rac])[data-invalid] *),.group-invalid\:ring-2:is(:where(.group):where(:not([data-rac])):invalid *){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-invalid\/input\:block:is(:where(.group\/input):where([data-rac])[data-invalid] *),.group-invalid\/input\:block:is(:where(.group\/input):where(:not([data-rac])):invalid *){display:block}.group-invalid\/input\:hidden:is(:where(.group\/input):where([data-rac])[data-invalid] *),.group-invalid\/input\:hidden:is(:where(.group\/input):where(:not([data-rac])):invalid *){display:none}.group-hover\:ml-0:is(:where(.group):where([data-rac])[data-hovered] *){margin-left:calc(var(--spacing) * 0)}@media (hover:hover){.group-hover\:ml-0:is(:where(.group):where(:not([data-rac])):hover *){margin-left:calc(var(--spacing) * 0)}}.group-hover\:inline-flex:is(:where(.group):where([data-rac])[data-hovered] *){display:inline-flex}@media (hover:hover){.group-hover\:inline-flex:is(:where(.group):where(:not([data-rac])):hover *){display:inline-flex}}.group-hover\:translate-x-0\.5:is(:where(.group):where([data-rac])[data-hovered] *){--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}@media (hover:hover){.group-hover\:translate-x-0\.5:is(:where(.group):where(:not([data-rac])):hover *){--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}}.group-hover\:translate-x-1:is(:where(.group):where([data-rac])[data-hovered] *){--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}@media (hover:hover){.group-hover\:translate-x-1:is(:where(.group):where(:not([data-rac])):hover *){--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}}.group-hover\:scale-105:is(:where(.group):where([data-rac])[data-hovered] *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}@media (hover:hover){.group-hover\:scale-105:is(:where(.group):where(:not([data-rac])):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.group-hover\:scale-110:is(:where(.group):where([data-rac])[data-hovered] *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}@media (hover:hover){.group-hover\:scale-110:is(:where(.group):where(:not([data-rac])):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.group-hover\:gap-2:is(:where(.group):where([data-rac])[data-hovered] *){gap:calc(var(--spacing) * 2)}@media (hover:hover){.group-hover\:gap-2:is(:where(.group):where(:not([data-rac])):hover *){gap:calc(var(--spacing) * 2)}}.group-hover\:gap-3:is(:where(.group):where([data-rac])[data-hovered] *){gap:calc(var(--spacing) * 3)}@media (hover:hover){.group-hover\:gap-3:is(:where(.group):where(:not([data-rac])):hover *){gap:calc(var(--spacing) * 3)}}.group-hover\:border-family-100\/50:is(:where(.group):where([data-rac])[data-hovered] *){border-color:#dceddc80}@supports (color:color-mix(in lab, red, red)){.group-hover\:border-family-100\/50:is(:where(.group):where([data-rac])[data-hovered] *){border-color:color-mix(in oklab, var(--color-family-100) 50%, transparent)}}@media (hover:hover){.group-hover\:border-family-100\/50:is(:where(.group):where(:not([data-rac])):hover *){border-color:#dceddc80}@supports (color:color-mix(in lab, red, red)){.group-hover\:border-family-100\/50:is(:where(.group):where(:not([data-rac])):hover *){border-color:color-mix(in oklab, var(--color-family-100) 50%, transparent)}}}.group-hover\:bg-alpha-white\/40:is(:where(.group):where([data-rac])[data-hovered] *){background-color:#fff6}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-alpha-white\/40:is(:where(.group):where([data-rac])[data-hovered] *){background-color:color-mix(in oklab, var(--color-alpha-white) 40%, transparent)}}@media (hover:hover){.group-hover\:bg-alpha-white\/40:is(:where(.group):where(:not([data-rac])):hover *){background-color:#fff6}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-alpha-white\/40:is(:where(.group):where(:not([data-rac])):hover *){background-color:color-mix(in oklab, var(--color-alpha-white) 40%, transparent)}}}.group-hover\:bg-error-solid:is(:where(.group):where([data-rac])[data-hovered] *){background-color:var(--color-error-solid)}@media (hover:hover){.group-hover\:bg-error-solid:is(:where(.group):where(:not([data-rac])):hover *){background-color:var(--color-error-solid)}}.group-hover\:bg-family-50:is(:where(.group):where([data-rac])[data-hovered] *){background-color:var(--color-family-50)}@media (hover:hover){.group-hover\:bg-family-50:is(:where(.group):where(:not([data-rac])):hover *){background-color:var(--color-family-50)}}.group-hover\:bg-overlay\/40:is(:where(.group):where([data-rac])[data-hovered] *){background-color:var(--color-overlay)}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-overlay\/40:is(:where(.group):where([data-rac])[data-hovered] *){background-color:color-mix(in oklab, var(--color-overlay) 40%, transparent)}}@media (hover:hover){.group-hover\:bg-overlay\/40:is(:where(.group):where(:not([data-rac])):hover *){background-color:var(--color-overlay)}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-overlay\/40:is(:where(.group):where(:not([data-rac])):hover *){background-color:color-mix(in oklab, var(--color-overlay) 40%, transparent)}}}.group-hover\:bg-primary_hover:is(:where(.group):where([data-rac])[data-hovered] *){background-color:var(--color-primary_hover)}@media (hover:hover){.group-hover\:bg-primary_hover:is(:where(.group):where(:not([data-rac])):hover *){background-color:var(--color-primary_hover)}}.group-hover\:bg-warning-solid:is(:where(.group):where([data-rac])[data-hovered] *){background-color:var(--color-warning-solid)}@media (hover:hover){.group-hover\:bg-warning-solid:is(:where(.group):where(:not([data-rac])):hover *){background-color:var(--color-warning-solid)}}.group-hover\:bg-white:is(:where(.group):where([data-rac])[data-hovered] *){background-color:var(--color-white)}@media (hover:hover){.group-hover\:bg-white:is(:where(.group):where(:not([data-rac])):hover *){background-color:var(--color-white)}}.group-hover\:bg-white\/20:is(:where(.group):where([data-rac])[data-hovered] *){background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-white\/20:is(:where(.group):where([data-rac])[data-hovered] *){background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}@media (hover:hover){.group-hover\:bg-white\/20:is(:where(.group):where(:not([data-rac])):hover *){background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-white\/20:is(:where(.group):where(:not([data-rac])):hover *){background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}}.group-hover\:text-brand-secondary:is(:where(.group):where([data-rac])[data-hovered] *){color:var(--color-brand-secondary)}@media (hover:hover){.group-hover\:text-brand-secondary:is(:where(.group):where(:not([data-rac])):hover *){color:var(--color-brand-secondary)}}.group-hover\:text-family-600:is(:where(.group):where([data-rac])[data-hovered] *){color:var(--color-family-600)}@media (hover:hover){.group-hover\:text-family-600:is(:where(.group):where(:not([data-rac])):hover *){color:var(--color-family-600)}}.group-hover\:text-fg-brand-primary:is(:where(.group):where([data-rac])[data-hovered] *){color:var(--color-fg-brand-primary)}@media (hover:hover){.group-hover\:text-fg-brand-primary:is(:where(.group):where(:not([data-rac])):hover *){color:var(--color-fg-brand-primary)}}.group-hover\:text-fg-quaternary_hover:is(:where(.group):where([data-rac])[data-hovered] *){color:var(--color-fg-quaternary_hover)}@media (hover:hover){.group-hover\:text-fg-quaternary_hover:is(:where(.group):where(:not([data-rac])):hover *){color:var(--color-fg-quaternary_hover)}}.group-hover\:text-fg-secondary:is(:where(.group):where([data-rac])[data-hovered] *){color:var(--color-fg-secondary)}@media (hover:hover){.group-hover\:text-fg-secondary:is(:where(.group):where(:not([data-rac])):hover *){color:var(--color-fg-secondary)}}.group-hover\:text-slate-900:is(:where(.group):where([data-rac])[data-hovered] *){color:var(--color-slate-900)}@media (hover:hover){.group-hover\:text-slate-900:is(:where(.group):where(:not([data-rac])):hover *){color:var(--color-slate-900)}}.group-hover\:text-warning-primary:is(:where(.group):where([data-rac])[data-hovered] *){color:var(--color-warning-primary)}@media (hover:hover){.group-hover\:text-warning-primary:is(:where(.group):where(:not([data-rac])):hover *){color:var(--color-warning-primary)}}.group-hover\:text-white:is(:where(.group):where([data-rac])[data-hovered] *){color:var(--color-white)}@media (hover:hover){.group-hover\:text-white:is(:where(.group):where(:not([data-rac])):hover *){color:var(--color-white)}}.group-hover\:opacity-20:is(:where(.group):where([data-rac])[data-hovered] *){opacity:.2}@media (hover:hover){.group-hover\:opacity-20:is(:where(.group):where(:not([data-rac])):hover *){opacity:.2}}.group-hover\:opacity-50:is(:where(.group):where([data-rac])[data-hovered] *){opacity:.5}@media (hover:hover){.group-hover\:opacity-50:is(:where(.group):where(:not([data-rac])):hover *){opacity:.5}}.group-hover\:opacity-100:is(:where(.group):where([data-rac])[data-hovered] *){opacity:1}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):where(:not([data-rac])):hover *){opacity:1}}.group-hover\:shadow-sm:is(:where(.group):where([data-rac])[data-hovered] *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000000f), 0 1px 2px -1px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.group-hover\:shadow-sm:is(:where(.group):where(:not([data-rac])):hover *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000000f), 0 1px 2px -1px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.group-hover\:ring-slate-100:is(:where(.group):where([data-rac])[data-hovered] *){--tw-ring-color:var(--color-slate-100)}@media (hover:hover){.group-hover\:ring-slate-100:is(:where(.group):where(:not([data-rac])):hover *){--tw-ring-color:var(--color-slate-100)}}.group-hover\:ring-slate-200:is(:where(.group):where([data-rac])[data-hovered] *){--tw-ring-color:var(--color-slate-200)}@media (hover:hover){.group-hover\:ring-slate-200:is(:where(.group):where(:not([data-rac])):hover *){--tw-ring-color:var(--color-slate-200)}}.group-hover\/button-group\:text-fg-quaternary_hover:is(:where(.group\/button-group):where([data-rac])[data-hovered] *){color:var(--color-fg-quaternary_hover)}@media (hover:hover){.group-hover\/button-group\:text-fg-quaternary_hover:is(:where(.group\/button-group):where(:not([data-rac])):hover *){color:var(--color-fg-quaternary_hover)}}.group-hover\/code-snippet\:opacity-100:is(:where(.group\/code-snippet):where([data-rac])[data-hovered] *){opacity:1}@media (hover:hover){.group-hover\/code-snippet\:opacity-100:is(:where(.group\/code-snippet):where(:not([data-rac])):hover *){opacity:1}}.group-hover\/fam\:opacity-100:is(:where(.group\/fam):where([data-rac])[data-hovered] *){opacity:1}@media (hover:hover){.group-hover\/fam\:opacity-100:is(:where(.group\/fam):where(:not([data-rac])):hover *){opacity:1}}.group-hover\/item\:bg-primary_hover:is(:where(.group\/item):where([data-rac])[data-hovered] *){background-color:var(--color-primary_hover)}@media (hover:hover){.group-hover\/item\:bg-primary_hover:is(:where(.group\/item):where(:not([data-rac])):hover *){background-color:var(--color-primary_hover)}}.group-hover\/item\:text-fg-quaternary_hover:is(:where(.group\/item):where([data-rac])[data-hovered] *){color:var(--color-fg-quaternary_hover)}@media (hover:hover){.group-hover\/item\:text-fg-quaternary_hover:is(:where(.group\/item):where(:not([data-rac])):hover *){color:var(--color-fg-quaternary_hover)}}.group-hover\/item\:text-secondary_hover:is(:where(.group\/item):where([data-rac])[data-hovered] *){color:var(--color-secondary_hover)}@media (hover:hover){.group-hover\/item\:text-secondary_hover:is(:where(.group\/item):where(:not([data-rac])):hover *){color:var(--color-secondary_hover)}}.group-hover\/item\:text-white:is(:where(.group\/item):where([data-rac])[data-hovered] *){color:var(--color-white)}@media (hover:hover){.group-hover\/item\:text-white:is(:where(.group\/item):where(:not([data-rac])):hover *){color:var(--color-white)}}.group-hover\/msg\:opacity-100:is(:where(.group\/msg):where([data-rac])[data-hovered] *){opacity:1}@media (hover:hover){.group-hover\/msg\:opacity-100:is(:where(.group\/msg):where(:not([data-rac])):hover *){opacity:1}}.group-hover\/pin\:opacity-100:is(:where(.group\/pin):where([data-rac])[data-hovered] *){opacity:1}@media (hover:hover){.group-hover\/pin\:opacity-100:is(:where(.group\/pin):where(:not([data-rac])):hover *){opacity:1}}.group-hover\/progress\:translate-y-0:is(:where(.group\/progress):where([data-rac])[data-hovered] *){--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}@media (hover:hover){.group-hover\/progress\:translate-y-0:is(:where(.group\/progress):where(:not([data-rac])):hover *){--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}}.group-hover\/progress\:opacity-100:is(:where(.group\/progress):where([data-rac])[data-hovered] *){opacity:1}@media (hover:hover){.group-hover\/progress\:opacity-100:is(:where(.group\/progress):where(:not([data-rac])):hover *){opacity:1}}.group-hover\/video\:translate-y-0:is(:where(.group\/video):where([data-rac])[data-hovered] *){--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}@media (hover:hover){.group-hover\/video\:translate-y-0:is(:where(.group\/video):where(:not([data-rac])):hover *){--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}}.group-hover\/video\:opacity-100:is(:where(.group\/video):where([data-rac])[data-hovered] *){opacity:1}@media (hover:hover){.group-hover\/video\:opacity-100:is(:where(.group\/video):where(:not([data-rac])):hover *){opacity:1}}.group-hover\/video\:duration-200:is(:where(.group\/video):where([data-rac])[data-hovered] *){--tw-duration:.2s;transition-duration:.2s}@media (hover:hover){.group-hover\/video\:duration-200:is(:where(.group\/video):where(:not([data-rac])):hover *){--tw-duration:.2s;transition-duration:.2s}}.group-hover\/video\:ease-out:is(:where(.group\/video):where([data-rac])[data-hovered] *){--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.group-hover\/video\:ease-out:is(:where(.group\/video):where(:not([data-rac])):hover *){--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}.group-hover\/video\:duration-200:is(:where(.group\/video):where([data-rac])[data-hovered] *){animation-duration:.2s}@media (hover:hover){.group-hover\/video\:duration-200:is(:where(.group\/video):where(:not([data-rac])):hover *){animation-duration:.2s}}.group-hover\/video\:ease-out:is(:where(.group\/video):where([data-rac])[data-hovered] *){animation-timing-function:cubic-bezier(0,0,.2,1)}@media (hover:hover){.group-hover\/video\:ease-out:is(:where(.group\/video):where(:not([data-rac])):hover *){animation-timing-function:cubic-bezier(0,0,.2,1)}}.group-focus-visible\:outline-2:is(:where(.group):where([data-rac])[data-focus-visible] *),.group-focus-visible\:outline-2:is(:where(.group):where(:not([data-rac])):focus-visible *){outline-style:var(--tw-outline-style);outline-width:2px}.group-focus-visible\:outline-offset-2:is(:where(.group):where([data-rac])[data-focus-visible] *),.group-focus-visible\:outline-offset-2:is(:where(.group):where(:not([data-rac])):focus-visible *){outline-offset:2px}.group-focus-visible\:outline-focus-ring:is(:where(.group):where([data-rac])[data-focus-visible] *),.group-focus-visible\:outline-focus-ring:is(:where(.group):where(:not([data-rac])):focus-visible *){outline-color:var(--color-focus-ring)}.group-focus-visible\/item\:outline-2:is(:where(.group\/item):where([data-rac])[data-focus-visible] *),.group-focus-visible\/item\:outline-2:is(:where(.group\/item):where(:not([data-rac])):focus-visible *){outline-style:var(--tw-outline-style);outline-width:2px}.group-focus-visible\/item\:outline-offset-2:is(:where(.group\/item):where([data-rac])[data-focus-visible] *),.group-focus-visible\/item\:outline-offset-2:is(:where(.group\/item):where(:not([data-rac])):focus-visible *){outline-offset:2px}.group-active\/play\:scale-\[0\.8\]:is(:where(.group\/play):where([data-rac])[data-active] *),.group-active\/play\:scale-\[0\.8\]:is(:where(.group\/play):where(:not([data-rac])):active *){scale:.8}.group-disabled\:cursor-not-allowed:is(:where(.group):where([data-rac])[data-disabled] *),.group-disabled\:cursor-not-allowed:is(:where(.group):where(:not([data-rac])):disabled *){cursor:not-allowed}.group-disabled\:opacity-50:is(:where(.group):where([data-rac])[data-disabled] *),.group-disabled\:opacity-50:is(:where(.group):where(:not([data-rac])):disabled *){opacity:.5}.group-has-\[video\:focus-visible\]\/video\:translate-y-0:is(:where(.group\/video):has(:is(video:focus-visible)) *){--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-has-\[video\:focus-visible\]\/video\:opacity-100:is(:where(.group\/video):has(:is(video:focus-visible)) *){opacity:1}.group-has-\[video\:focus-visible\]\/video\:duration-200:is(:where(.group\/video):has(:is(video:focus-visible)) *){--tw-duration:.2s;transition-duration:.2s}.group-has-\[video\:focus-visible\]\/video\:ease-out:is(:where(.group\/video):has(:is(video:focus-visible)) *){--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.group-has-\[video\:focus-visible\]\/video\:duration-200:is(:where(.group\/video):has(:is(video:focus-visible)) *){animation-duration:.2s}.group-has-\[video\:focus-visible\]\/video\:ease-out:is(:where(.group\/video):has(:is(video:focus-visible)) *){animation-timing-function:cubic-bezier(0,0,.2,1)}.group-has-\[\&\>select\]\:right-0:is(:where(.group):has(*>select) *){right:calc(var(--spacing) * 0)}.group-has-\[\&\>select\]\:bg-transparent:is(:where(.group):has(*>select) *){background-color:#0000}.group-has-\[\&\>select\]\:pr-6:is(:where(.group):has(*>select) *){padding-right:calc(var(--spacing) * 6)}.group-has-\[\&\>select\]\:pr-9:is(:where(.group):has(*>select) *){padding-right:calc(var(--spacing) * 9)}.group-has-\[\&\>select\]\:pr-9\.5:is(:where(.group):has(*>select) *){padding-right:calc(var(--spacing) * 9.5)}.group-has-\[\&\>select\]\:pl-0:is(:where(.group):has(*>select) *){padding-left:calc(var(--spacing) * 0)}.group-has-\[\&\>select\]\:pl-2:is(:where(.group):has(*>select) *){padding-left:calc(var(--spacing) * 2)}.group-has-\[\&\>select\]\:pl-2\.5:is(:where(.group):has(*>select) *){padding-left:calc(var(--spacing) * 2.5)}.group-has-\[\&\>select\]\:pl-3:is(:where(.group):has(*>select) *){padding-left:calc(var(--spacing) * 3)}.group-has-\[\&\>select\]\:shadow-none:is(:where(.group):has(*>select) *){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-has-\[\&\>select\]\:ring-0:is(:where(.group):has(*>select) *){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-aria-expanded\:opacity-0:is(:where(.group)[aria-expanded=true] *){opacity:0}.group-aria-expanded\:opacity-100:is(:where(.group)[aria-expanded=true] *){opacity:1}.group-orientation-vertical\:justify-start:is(:where(.group)[data-orientation=vertical] *){justify-content:flex-start}.group-selected\/button-group\:text-fg-quaternary_hover:is(:where(.group\/button-group)[data-selected] *){color:var(--color-fg-quaternary_hover)}.selection\:bg-fg-brand-primary\/10 ::selection{background-color:var(--color-fg-brand-primary)}@supports (color:color-mix(in lab, red, red)){.selection\:bg-fg-brand-primary\/10 ::selection{background-color:color-mix(in oklab, var(--color-fg-brand-primary) 10%, transparent)}}.selection\:bg-fg-brand-primary\/10::selection{background-color:var(--color-fg-brand-primary)}@supports (color:color-mix(in lab, red, red)){.selection\:bg-fg-brand-primary\/10::selection{background-color:color-mix(in oklab, var(--color-fg-brand-primary) 10%, transparent)}}.placeholder\:text-quaternary::placeholder{color:var(--color-quaternary)}.placeholder\:text-secondary::placeholder{color:var(--color-secondary)}.placeholder\:text-slate-400::placeholder{color:var(--color-slate-400)}.placeholder\:text-tertiary::placeholder{color:var(--color-tertiary)}.placeholder\:opacity-100::placeholder{opacity:1}.before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-0:before{content:var(--tw-content);inset:calc(var(--spacing) * 0)}.before\:inset-1:before{content:var(--tw-content);inset:calc(var(--spacing) * 1)}.before\:inset-\[var\(--border-width-hairline\)\]:before{content:var(--tw-content);inset:var(--border-width-hairline)}.before\:inset-px:before{content:var(--tw-content);inset:1px}.before\:inset-x-0:before{content:var(--tw-content);inset-inline:calc(var(--spacing) * 0)}.before\:-top-px:before{content:var(--tw-content);top:-1px}.before\:bottom-0:before{content:var(--tw-content);bottom:calc(var(--spacing) * 0)}.before\:z-1:before{content:var(--tw-content);z-index:1}.before\:z-10:before{content:var(--tw-content);z-index:10}.before\:hidden:before{content:var(--tw-content);display:none}.before\:size-6:before{content:var(--tw-content);width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.before\:size-7:before{content:var(--tw-content);width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.before\:size-8:before{content:var(--tw-content);width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.before\:size-9:before{content:var(--tw-content);width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.before\:size-full:before{content:var(--tw-content);width:100%;height:100%}.before\:h-0\.5:before{content:var(--tw-content);height:calc(var(--spacing) * .5)}.before\:h-px:before{content:var(--tw-content);height:1px}.before\:rounded-\[inherit\]:before{content:var(--tw-content);border-radius:inherit}.before\:rounded-\[var\(--radius-chip\)\]:before{content:var(--tw-content);border-radius:var(--radius-chip)}.before\:rounded-\[var\(--radius-sm\)\]:before{content:var(--tw-content);border-radius:var(--radius-sm)}.before\:rounded-\[var\(--radius-xs\)\]:before{content:var(--tw-content);border-radius:var(--radius-xs)}.before\:rounded-full:before{content:var(--tw-content);border-radius:var(--radius-full)}.before\:border:before{content:var(--tw-content);border-style:var(--tw-border-style);border-width:1px}.before\:border-2:before{content:var(--tw-content);border-style:var(--tw-border-style);border-width:2px}.before\:border-r:before{content:var(--tw-content);border-right-style:var(--tw-border-style);border-right-width:1px}.before\:border-r-0:before{content:var(--tw-content);border-right-style:var(--tw-border-style);border-right-width:0}.before\:border-b:before{content:var(--tw-content);border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.before\:border-b-0:before{content:var(--tw-content);border-bottom-style:var(--tw-border-style);border-bottom-width:0}.before\:border-l-\[3px\]:before{content:var(--tw-content);border-left-style:var(--tw-border-style);border-left-width:3px}.before\:border-\[\#30A67E\]:before{content:var(--tw-content);border-color:#30a67e}.before\:border-\[var\(--color-border-brand-solid\)\]:before{content:var(--tw-content);border-color:var(--color-border-brand-solid)}.before\:border-\[var\(--ring-width\)\]:before{content:var(--tw-content);border-color:var(--ring-width)}.before\:border-fg-brand-primary\/30:before{content:var(--tw-content);border-color:var(--color-fg-brand-primary)}@supports (color:color-mix(in lab, red, red)){.before\:border-fg-brand-primary\/30:before{border-color:color-mix(in oklab, var(--color-fg-brand-primary) 30%, transparent)}}.before\:border-fg-error-primary\/30:before{content:var(--tw-content);border-color:var(--color-fg-error-primary)}@supports (color:color-mix(in lab, red, red)){.before\:border-fg-error-primary\/30:before{border-color:color-mix(in oklab, var(--color-fg-error-primary) 30%, transparent)}}.before\:border-fg-success-primary\/30:before{content:var(--tw-content);border-color:var(--color-fg-success-primary)}@supports (color:color-mix(in lab, red, red)){.before\:border-fg-success-primary\/30:before{border-color:color-mix(in oklab, var(--color-fg-success-primary) 30%, transparent)}}.before\:border-fg-tertiary\/30:before{content:var(--tw-content);border-color:var(--color-fg-tertiary)}@supports (color:color-mix(in lab, red, red)){.before\:border-fg-tertiary\/30:before{border-color:color-mix(in oklab, var(--color-fg-tertiary) 30%, transparent)}}.before\:border-fg-warning-primary\/30:before{content:var(--tw-content);border-color:var(--color-fg-warning-primary)}@supports (color:color-mix(in lab, red, red)){.before\:border-fg-warning-primary\/30:before{border-color:color-mix(in oklab, var(--color-fg-warning-primary) 30%, transparent)}}.before\:border-secondary:before{content:var(--tw-content);border-color:var(--color-secondary)}.before\:border-utility-brand-200:before{content:var(--tw-content);border-color:var(--color-utility-brand-200)}.before\:border-utility-brand-200\/12:before{content:var(--tw-content);border-color:#93c5fd1f}@supports (color:color-mix(in lab, red, red)){.before\:border-utility-brand-200\/12:before{border-color:color-mix(in oklab, var(--color-utility-brand-200) 12%, transparent)}}.before\:border-utility-green-200:before{content:var(--tw-content);border-color:var(--color-utility-green-200)}.before\:border-utility-green-200\/12:before{content:var(--tw-content);border-color:#bbf7d01f}@supports (color:color-mix(in lab, red, red)){.before\:border-utility-green-200\/12:before{border-color:color-mix(in oklab, var(--color-utility-green-200) 12%, transparent)}}.before\:border-utility-neutral-200:before{content:var(--tw-content);border-color:var(--color-utility-neutral-200)}.before\:border-utility-neutral-200\/12:before{content:var(--tw-content);border-color:#e5e7eb1f}@supports (color:color-mix(in lab, red, red)){.before\:border-utility-neutral-200\/12:before{border-color:color-mix(in oklab, var(--color-utility-neutral-200) 12%, transparent)}}.before\:border-utility-red-200:before{content:var(--tw-content);border-color:var(--color-utility-red-200)}.before\:border-utility-red-200\/12:before{content:var(--tw-content);border-color:#fecaca1f}@supports (color:color-mix(in lab, red, red)){.before\:border-utility-red-200\/12:before{border-color:color-mix(in oklab, var(--color-utility-red-200) 12%, transparent)}}.before\:border-utility-yellow-200:before{content:var(--tw-content);border-color:var(--color-utility-yellow-200)}.before\:border-utility-yellow-200\/12:before{content:var(--tw-content);border-color:#fef08a1f}@supports (color:color-mix(in lab, red, red)){.before\:border-utility-yellow-200\/12:before{border-color:color-mix(in oklab, var(--color-utility-yellow-200) 12%, transparent)}}.before\:border-white\/12:before{content:var(--tw-content);border-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.before\:border-white\/12:before{border-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.before\:border-white\/32:before{content:var(--tw-content);border-color:#ffffff52}@supports (color:color-mix(in lab, red, red)){.before\:border-white\/32:before{border-color:color-mix(in oklab, var(--color-white) 32%, transparent)}}.before\:border-l-\[var\(--spacing-micro\)\]:before{content:var(--tw-content);border-left-color:var(--spacing-micro)}.before\:bg-border-secondary:before{content:var(--tw-content);background-color:var(--color-border-secondary)}.before\:bg-brand-solid:before{content:var(--tw-content);background-color:var(--color-brand-solid)}.before\:bg-utility-brand-50:before{content:var(--tw-content);background-color:var(--color-utility-brand-50)}.before\:bg-utility-green-50:before{content:var(--tw-content);background-color:var(--color-utility-green-50)}.before\:bg-utility-neutral-50:before{content:var(--tw-content);background-color:var(--color-utility-neutral-50)}.before\:bg-utility-red-50:before{content:var(--tw-content);background-color:var(--color-utility-red-50)}.before\:bg-utility-yellow-50:before{content:var(--tw-content);background-color:var(--color-utility-yellow-50)}.before\:mask-b-from-0\%:before{content:var(--tw-content);-webkit-mask-image:var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);-webkit-mask-image:var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);-webkit-mask-image:var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);mask-image:var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);--tw-mask-linear:var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);--tw-mask-bottom:linear-gradient(to bottom, var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position));--tw-mask-bottom-from-position:0%;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;mask-composite:intersect}.before\:mask-linear-135:before{content:var(--tw-content);-webkit-mask-image:var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);-webkit-mask-image:var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);-webkit-mask-image:var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);mask-image:var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);--tw-mask-linear:linear-gradient(var(--tw-mask-linear-stops,var(--tw-mask-linear-position)));--tw-mask-linear-position:calc(1deg * 135);-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;mask-composite:intersect}.before\:mask-linear-to-white\/20:before{content:var(--tw-content);-webkit-mask-image:var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);-webkit-mask-image:var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);-webkit-mask-image:var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);mask-image:var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);--tw-mask-linear-stops:var(--tw-mask-linear-position), var(--tw-mask-linear-from-color) var(--tw-mask-linear-from-position), var(--tw-mask-linear-to-color) var(--tw-mask-linear-to-position);--tw-mask-linear:linear-gradient(var(--tw-mask-linear-stops));--tw-mask-linear-to-color:#fff3;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;mask-composite:intersect}@supports (color:color-mix(in lab, red, red)){.before\:mask-linear-to-white\/20:before{--tw-mask-linear-to-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.before\:mask-\[linear-gradient\(to_bottom\,black_0\%\,transparent_25\%\,transparent_75\%\,black_100\%\)\]:before{content:var(--tw-content);-webkit-mask-image:linear-gradient(#000 0%,#0000 25% 75%,#000 100%);mask-image:linear-gradient(#000 0%,#0000 25% 75%,#000 100%)}.before\:shadow-\[0px_1px_2px_0px_rgba\(0\,0\,0\,0\.1\)\,0px_3px_3px_0px_rgba\(0\,0\,0\,0\.09\)\,1px_8px_5px_0px_rgba\(0\,0\,0\,0\.05\)\,2px_21px_6px_0px_rgba\(0\,0\,0\,0\)\,0px_0px_0px_1px_rgba\(0\,0\,0\,0\.08\)\,1px_13px_5px_0px_rgba\(0\,0\,0\,0\.01\)\,0px_-2px_2px_0px_rgba\(0\,0\,0\,0\.13\)_inset\]:before{content:var(--tw-content);--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,#0000001a), 0px 3px 3px 0px var(--tw-shadow-color,#00000017), 1px 8px 5px 0px var(--tw-shadow-color,#0000000d), 2px 21px 6px 0px var(--tw-shadow-color,#0000), 0px 0px 0px 1px var(--tw-shadow-color,#00000014), 1px 13px 5px 0px var(--tw-shadow-color,#00000003), 0px -2px 2px 0px var(--tw-shadow-color,#00000021) inset;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.before\:ring-1:before{content:var(--tw-content);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.before\:ring-black\/10:before{content:var(--tw-content);--tw-ring-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.before\:ring-black\/10:before{--tw-ring-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.before\:ring-secondary_alt:before{content:var(--tw-content);--tw-ring-color:var(--color-secondary_alt)}.before\:ring-white\/30:before{content:var(--tw-content);--tw-ring-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.before\:ring-white\/30:before{--tw-ring-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.before\:ring-inset:before{content:var(--tw-content);--tw-ring-inset:inset}.not-last\:before\:border-r:not(:last-child):before{content:var(--tw-content);border-right-style:var(--tw-border-style);border-right-width:1px}.after\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:calc(var(--spacing) * 0)}.after\:-inset-x-1\.5:after{content:var(--tw-content);inset-inline:calc(var(--spacing) * -1.5)}.after\:-inset-x-2:after{content:var(--tw-content);inset-inline:calc(var(--spacing) * -2)}.after\:-inset-y-2:after{content:var(--tw-content);inset-block:calc(var(--spacing) * -2)}.after\:-inset-y-3:after{content:var(--tw-content);inset-block:calc(var(--spacing) * -3)}.after\:bottom-0:after{content:var(--tw-content);bottom:calc(var(--spacing) * 0)}.after\:left-0:after{content:var(--tw-content);left:calc(var(--spacing) * 0)}.after\:block:after{content:var(--tw-content);display:block}.after\:size-6:after{content:var(--tw-content);width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.after\:size-7:after{content:var(--tw-content);width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.after\:size-8:after{content:var(--tw-content);width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.after\:size-8\.5:after{content:var(--tw-content);width:calc(var(--spacing) * 8.5);height:calc(var(--spacing) * 8.5)}.after\:size-9\.5:after{content:var(--tw-content);width:calc(var(--spacing) * 9.5);height:calc(var(--spacing) * 9.5)}.after\:size-10:after{content:var(--tw-content);width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.after\:size-10\.5:after{content:var(--tw-content);width:calc(var(--spacing) * 10.5);height:calc(var(--spacing) * 10.5)}.after\:size-11\.5:after{content:var(--tw-content);width:calc(var(--spacing) * 11.5);height:calc(var(--spacing) * 11.5)}.after\:h-px:after{content:var(--tw-content);height:1px}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:-translate-x-full:after{content:var(--tw-content);--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.after\:translate-x-full:after{content:var(--tw-content);--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.after\:rounded-full:after{content:var(--tw-content);border-radius:var(--radius-full)}.after\:border-2:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:2px}.after\:border-t:after{content:var(--tw-content);border-top-style:var(--tw-border-style);border-top-width:1px}.after\:border-b:after{content:var(--tw-content);border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.after\:border-fg-brand-primary\/10:after{content:var(--tw-content);border-color:var(--color-fg-brand-primary)}@supports (color:color-mix(in lab, red, red)){.after\:border-fg-brand-primary\/10:after{border-color:color-mix(in oklab, var(--color-fg-brand-primary) 10%, transparent)}}.after\:border-fg-error-primary\/10:after{content:var(--tw-content);border-color:var(--color-fg-error-primary)}@supports (color:color-mix(in lab, red, red)){.after\:border-fg-error-primary\/10:after{border-color:color-mix(in oklab, var(--color-fg-error-primary) 10%, transparent)}}.after\:border-fg-success-primary\/10:after{content:var(--tw-content);border-color:var(--color-fg-success-primary)}@supports (color:color-mix(in lab, red, red)){.after\:border-fg-success-primary\/10:after{border-color:color-mix(in oklab, var(--color-fg-success-primary) 10%, transparent)}}.after\:border-fg-tertiary\/10:after{content:var(--tw-content);border-color:var(--color-fg-tertiary)}@supports (color:color-mix(in lab, red, red)){.after\:border-fg-tertiary\/10:after{border-color:color-mix(in oklab, var(--color-fg-tertiary) 10%, transparent)}}.after\:border-fg-warning-primary\/10:after{content:var(--tw-content);border-color:var(--color-fg-warning-primary)}@supports (color:color-mix(in lab, red, red)){.after\:border-fg-warning-primary\/10:after{border-color:color-mix(in oklab, var(--color-fg-warning-primary) 10%, transparent)}}.after\:border-secondary:after{content:var(--tw-content);border-color:var(--color-secondary)}.after\:bg-border-secondary:after{content:var(--tw-content);background-color:var(--color-border-secondary)}.after\:bg-brand-solid:after{content:var(--tw-content);background-color:var(--color-brand-solid)}.after\:bg-error-solid:after{content:var(--tw-content);background-color:var(--color-error-solid)}.after\:bg-success-solid:after{content:var(--tw-content);background-color:var(--color-success-solid)}.after\:bg-warning-solid:after{content:var(--tw-content);background-color:var(--color-warning-solid)}.after\:bg-gradient-to-l:after{content:var(--tw-content);--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.after\:bg-gradient-to-r:after{content:var(--tw-content);--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.after\:from-transparent:after{content:var(--tw-content);--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.first\:mt-0:first-child{margin-top:calc(var(--spacing) * 0)}.first\:rounded-l-lg:first-child{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.first\:before\:pointer-events-none:first-child:before{content:var(--tw-content);pointer-events:none}.first\:before\:absolute:first-child:before{content:var(--tw-content);position:absolute}.first\:before\:-left-px:first-child:before{content:var(--tw-content);left:-1px}.first\:before\:float-left:first-child:before{content:var(--tw-content);float:left}.first\:before\:border-l:first-child:before{content:var(--tw-content);border-left-style:var(--tw-border-style);border-left-width:1px}.first\:before\:content-\[attr\(data-placeholder\)\]:first-child:before{--tw-content:attr(data-placeholder);content:var(--tw-content)}.last\:rounded-r-lg:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.last\:border-transparent:last-child{border-color:#0000}.last\:pb-0:last-child{padding-bottom:calc(var(--spacing) * 0)}.last\:before\:border-b-0:last-child:before{content:var(--tw-content);border-bottom-style:var(--tw-border-style);border-bottom-width:0}.last-of-type\:pb-0:last-of-type{padding-bottom:calc(var(--spacing) * 0)}.autofill\:rounded-lg:autofill{border-radius:var(--radius-lg)}.autofill\:text-primary:autofill{color:var(--color-primary)}.focus-within\:z-10:where([data-rac])[data-focus-within],.focus-within\:z-10:where(:not([data-rac])):focus-within{z-index:10}.focus-within\:ring-2:where([data-rac])[data-focus-within],.focus-within\:ring-2:where(:not([data-rac])):focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-within\:ring-\[\#30A67E\]\/60:where([data-rac])[data-focus-within],.focus-within\:ring-\[\#30A67E\]\/60:where(:not([data-rac])):focus-within{--tw-ring-color:oklab(65.0165% -.116275 .0293107/.6)}.group-has-\[\&\>select\]\:focus-within\:ring-0:is(:where(.group):has(*>select) *):where([data-rac])[data-focus-within],.group-has-\[\&\>select\]\:focus-within\:ring-0:is(:where(.group):has(*>select) *):where(:not([data-rac])):focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:-translate-y-0\.5:where([data-rac])[data-hovered]{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}@media (hover:hover){.hover\:-translate-y-0\.5:where(:not([data-rac])):hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}}.hover\:-translate-y-2:where([data-rac])[data-hovered]{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}@media (hover:hover){.hover\:-translate-y-2:where(:not([data-rac])):hover{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}}.hover\:scale-105:where([data-rac])[data-hovered]{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}@media (hover:hover){.hover\:scale-105:where(:not([data-rac])):hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.hover\:scale-110:where([data-rac])[data-hovered]{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}@media (hover:hover){.hover\:scale-110:where(:not([data-rac])):hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.hover\:scale-\[1\.02\]:where([data-rac])[data-hovered]{scale:1.02}@media (hover:hover){.hover\:scale-\[1\.02\]:where(:not([data-rac])):hover{scale:1.02}}.hover\:border-\[var\(--module-color\)\]:where([data-rac])[data-hovered]{border-color:var(--module-color)}@media (hover:hover){.hover\:border-\[var\(--module-color\)\]:where(:not([data-rac])):hover{border-color:var(--module-color)}}.hover\:border-brand-secondary:where([data-rac])[data-hovered]{border-color:var(--color-brand-secondary)}@media (hover:hover){.hover\:border-brand-secondary:where(:not([data-rac])):hover{border-color:var(--color-brand-secondary)}}.hover\:border-brand-solid:where([data-rac])[data-hovered]{border-color:var(--color-brand-solid)}@media (hover:hover){.hover\:border-brand-solid:where(:not([data-rac])):hover{border-color:var(--color-brand-solid)}}.hover\:border-family-500:where([data-rac])[data-hovered]{border-color:var(--color-family-500)}@media (hover:hover){.hover\:border-family-500:where(:not([data-rac])):hover{border-color:var(--color-family-500)}}.hover\:border-primary:where([data-rac])[data-hovered]{border-color:var(--color-primary)}@media (hover:hover){.hover\:border-primary:where(:not([data-rac])):hover{border-color:var(--color-primary)}}.hover\:border-secondary:where([data-rac])[data-hovered]{border-color:var(--color-secondary)}@media (hover:hover){.hover\:border-secondary:where(:not([data-rac])):hover{border-color:var(--color-secondary)}}.hover\:border-secondary\/50:where([data-rac])[data-hovered]{border-color:var(--color-secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:border-secondary\/50:where([data-rac])[data-hovered]{border-color:color-mix(in oklab, var(--color-secondary) 50%, transparent)}}@media (hover:hover){.hover\:border-secondary\/50:where(:not([data-rac])):hover{border-color:var(--color-secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:border-secondary\/50:where(:not([data-rac])):hover{border-color:color-mix(in oklab, var(--color-secondary) 50%, transparent)}}}.hover\:border-slate-100:where([data-rac])[data-hovered]{border-color:var(--color-slate-100)}@media (hover:hover){.hover\:border-slate-100:where(:not([data-rac])):hover{border-color:var(--color-slate-100)}}.hover\:border-utility-amber-200:where([data-rac])[data-hovered]{border-color:var(--color-utility-amber-200)}@media (hover:hover){.hover\:border-utility-amber-200:where(:not([data-rac])):hover{border-color:var(--color-utility-amber-200)}}.hover\:border-utility-purple-300\/50:where([data-rac])[data-hovered]{border-color:#d8b4fe80}@supports (color:color-mix(in lab, red, red)){.hover\:border-utility-purple-300\/50:where([data-rac])[data-hovered]{border-color:color-mix(in oklab, var(--color-utility-purple-300) 50%, transparent)}}@media (hover:hover){.hover\:border-utility-purple-300\/50:where(:not([data-rac])):hover{border-color:#d8b4fe80}@supports (color:color-mix(in lab, red, red)){.hover\:border-utility-purple-300\/50:where(:not([data-rac])):hover{border-color:color-mix(in oklab, var(--color-utility-purple-300) 50%, transparent)}}}.hover\:border-white\/60:where([data-rac])[data-hovered]{border-color:#fff9}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/60:where([data-rac])[data-hovered]{border-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}@media (hover:hover){.hover\:border-white\/60:where(:not([data-rac])):hover{border-color:#fff9}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/60:where(:not([data-rac])):hover{border-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}}.hover\:\!bg-success-solid_hover:where([data-rac])[data-hovered]{background-color:var(--color-success-solid_hover)!important}@media (hover:hover){.hover\:\!bg-success-solid_hover:where(:not([data-rac])):hover{background-color:var(--color-success-solid_hover)!important}}.hover\:\!bg-transparent:where([data-rac])[data-hovered]{background-color:#0000!important}@media (hover:hover){.hover\:\!bg-transparent:where(:not([data-rac])):hover{background-color:#0000!important}}.hover\:bg-\[\#F3F4F6\]:where([data-rac])[data-hovered]{background-color:#f3f4f6}@media (hover:hover){.hover\:bg-\[\#F3F4F6\]:where(:not([data-rac])):hover{background-color:#f3f4f6}}.hover\:bg-\[color-mix\(in_srgb\,var\(--action-color\)_15\%\,transparent\)\]:where([data-rac])[data-hovered]{background-color:var(--action-color)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[color-mix\(in_srgb\,var\(--action-color\)_15\%\,transparent\)\]:where([data-rac])[data-hovered]{background-color:color-mix(in srgb,var(--action-color) 15%,transparent)}}@media (hover:hover){.hover\:bg-\[color-mix\(in_srgb\,var\(--action-color\)_15\%\,transparent\)\]:where(:not([data-rac])):hover{background-color:var(--action-color)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[color-mix\(in_srgb\,var\(--action-color\)_15\%\,transparent\)\]:where(:not([data-rac])):hover{background-color:color-mix(in srgb,var(--action-color) 15%,transparent)}}}.hover\:bg-alpha-white\/20:where([data-rac])[data-hovered]{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-alpha-white\/20:where([data-rac])[data-hovered]{background-color:color-mix(in oklab, var(--color-alpha-white) 20%, transparent)}}@media (hover:hover){.hover\:bg-alpha-white\/20:where(:not([data-rac])):hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-alpha-white\/20:where(:not([data-rac])):hover{background-color:color-mix(in oklab, var(--color-alpha-white) 20%, transparent)}}}.hover\:bg-alpha-white\/40:where([data-rac])[data-hovered]{background-color:#fff6}@supports (color:color-mix(in lab, red, red)){.hover\:bg-alpha-white\/40:where([data-rac])[data-hovered]{background-color:color-mix(in oklab, var(--color-alpha-white) 40%, transparent)}}@media (hover:hover){.hover\:bg-alpha-white\/40:where(:not([data-rac])):hover{background-color:#fff6}@supports (color:color-mix(in lab, red, red)){.hover\:bg-alpha-white\/40:where(:not([data-rac])):hover{background-color:color-mix(in oklab, var(--color-alpha-white) 40%, transparent)}}}.hover\:bg-amber-50:where([data-rac])[data-hovered]{background-color:var(--color-amber-50)}@media (hover:hover){.hover\:bg-amber-50:where(:not([data-rac])):hover{background-color:var(--color-amber-50)}}.hover\:bg-amber-100:where([data-rac])[data-hovered]{background-color:var(--color-amber-100)}@media (hover:hover){.hover\:bg-amber-100:where(:not([data-rac])):hover{background-color:var(--color-amber-100)}}.hover\:bg-black\/10:where([data-rac])[data-hovered]{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/10:where([data-rac])[data-hovered]{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}@media (hover:hover){.hover\:bg-black\/10:where(:not([data-rac])):hover{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/10:where(:not([data-rac])):hover{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}}.hover\:bg-black\/20:where([data-rac])[data-hovered]{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/20:where([data-rac])[data-hovered]{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}@media (hover:hover){.hover\:bg-black\/20:where(:not([data-rac])):hover{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/20:where(:not([data-rac])):hover{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}}.hover\:bg-black\/60:where([data-rac])[data-hovered]{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/60:where([data-rac])[data-hovered]{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}@media (hover:hover){.hover\:bg-black\/60:where(:not([data-rac])):hover{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/60:where(:not([data-rac])):hover{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}}.hover\:bg-black\/80:where([data-rac])[data-hovered]{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/80:where([data-rac])[data-hovered]{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}@media (hover:hover){.hover\:bg-black\/80:where(:not([data-rac])):hover{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/80:where(:not([data-rac])):hover{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}}.hover\:bg-brand-700:where([data-rac])[data-hovered]{background-color:var(--color-brand-700)}@media (hover:hover){.hover\:bg-brand-700:where(:not([data-rac])):hover{background-color:var(--color-brand-700)}}.hover\:bg-brand-secondary:where([data-rac])[data-hovered]{background-color:var(--color-brand-secondary)}@media (hover:hover){.hover\:bg-brand-secondary:where(:not([data-rac])):hover{background-color:var(--color-brand-secondary)}}.hover\:bg-brand-solid_hover:where([data-rac])[data-hovered]{background-color:var(--color-brand-solid_hover)}@media (hover:hover){.hover\:bg-brand-solid_hover:where(:not([data-rac])):hover{background-color:var(--color-brand-solid_hover)}}.hover\:bg-emerald-600:where([data-rac])[data-hovered]{background-color:var(--color-emerald-600)}@media (hover:hover){.hover\:bg-emerald-600:where(:not([data-rac])):hover{background-color:var(--color-emerald-600)}}.hover\:bg-error-primary:where([data-rac])[data-hovered]{background-color:var(--color-error-primary)}@media (hover:hover){.hover\:bg-error-primary:where(:not([data-rac])):hover{background-color:var(--color-error-primary)}}.hover\:bg-error-secondary:where([data-rac])[data-hovered]{background-color:var(--color-error-secondary)}@media (hover:hover){.hover\:bg-error-secondary:where(:not([data-rac])):hover{background-color:var(--color-error-secondary)}}.hover\:bg-error-solid:where([data-rac])[data-hovered]{background-color:var(--color-error-solid)}@media (hover:hover){.hover\:bg-error-solid:where(:not([data-rac])):hover{background-color:var(--color-error-solid)}}.hover\:bg-error-solid\/20:where([data-rac])[data-hovered]{background-color:var(--color-error-solid)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-error-solid\/20:where([data-rac])[data-hovered]{background-color:color-mix(in oklab, var(--color-error-solid) 20%, transparent)}}@media (hover:hover){.hover\:bg-error-solid\/20:where(:not([data-rac])):hover{background-color:var(--color-error-solid)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-error-solid\/20:where(:not([data-rac])):hover{background-color:color-mix(in oklab, var(--color-error-solid) 20%, transparent)}}}.hover\:bg-error-solid\/30:where([data-rac])[data-hovered]{background-color:var(--color-error-solid)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-error-solid\/30:where([data-rac])[data-hovered]{background-color:color-mix(in oklab, var(--color-error-solid) 30%, transparent)}}@media (hover:hover){.hover\:bg-error-solid\/30:where(:not([data-rac])):hover{background-color:var(--color-error-solid)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-error-solid\/30:where(:not([data-rac])):hover{background-color:color-mix(in oklab, var(--color-error-solid) 30%, transparent)}}}.hover\:bg-error-solid_hover:where([data-rac])[data-hovered]{background-color:var(--color-error-solid_hover)}@media (hover:hover){.hover\:bg-error-solid_hover:where(:not([data-rac])):hover{background-color:var(--color-error-solid_hover)}}.hover\:bg-family-500:where([data-rac])[data-hovered]{background-color:var(--color-family-500)}@media (hover:hover){.hover\:bg-family-500:where(:not([data-rac])):hover{background-color:var(--color-family-500)}}.hover\:bg-family-600:where([data-rac])[data-hovered]{background-color:var(--color-family-600)}@media (hover:hover){.hover\:bg-family-600:where(:not([data-rac])):hover{background-color:var(--color-family-600)}}.hover\:bg-overlay\/80:where([data-rac])[data-hovered]{background-color:var(--color-overlay)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-overlay\/80:where([data-rac])[data-hovered]{background-color:color-mix(in oklab, var(--color-overlay) 80%, transparent)}}@media (hover:hover){.hover\:bg-overlay\/80:where(:not([data-rac])):hover{background-color:var(--color-overlay)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-overlay\/80:where(:not([data-rac])):hover{background-color:color-mix(in oklab, var(--color-overlay) 80%, transparent)}}}.hover\:bg-primary:where([data-rac])[data-hovered]{background-color:var(--color-primary)}@media (hover:hover){.hover\:bg-primary:where(:not([data-rac])):hover{background-color:var(--color-primary)}}.hover\:bg-primary\/70:where([data-rac])[data-hovered]{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/70:where([data-rac])[data-hovered]{background-color:color-mix(in oklab, var(--color-primary) 70%, transparent)}}@media (hover:hover){.hover\:bg-primary\/70:where(:not([data-rac])):hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/70:where(:not([data-rac])):hover{background-color:color-mix(in oklab, var(--color-primary) 70%, transparent)}}}.hover\:bg-primary_hover:where([data-rac])[data-hovered]{background-color:var(--color-primary_hover)}@media (hover:hover){.hover\:bg-primary_hover:where(:not([data-rac])):hover{background-color:var(--color-primary_hover)}}.hover\:bg-quaternary:where([data-rac])[data-hovered]{background-color:var(--color-quaternary)}@media (hover:hover){.hover\:bg-quaternary:where(:not([data-rac])):hover{background-color:var(--color-quaternary)}}.hover\:bg-red-50:where([data-rac])[data-hovered]{background-color:var(--color-red-50)}@media (hover:hover){.hover\:bg-red-50:where(:not([data-rac])):hover{background-color:var(--color-red-50)}}.hover\:bg-red-100:where([data-rac])[data-hovered]{background-color:var(--color-red-100)}@media (hover:hover){.hover\:bg-red-100:where(:not([data-rac])):hover{background-color:var(--color-red-100)}}.hover\:bg-secondary:where([data-rac])[data-hovered]{background-color:var(--color-secondary)}@media (hover:hover){.hover\:bg-secondary:where(:not([data-rac])):hover{background-color:var(--color-secondary)}}.hover\:bg-secondary\/50:where([data-rac])[data-hovered]{background-color:var(--color-secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/50:where([data-rac])[data-hovered]{background-color:color-mix(in oklab, var(--color-secondary) 50%, transparent)}}@media (hover:hover){.hover\:bg-secondary\/50:where(:not([data-rac])):hover{background-color:var(--color-secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/50:where(:not([data-rac])):hover{background-color:color-mix(in oklab, var(--color-secondary) 50%, transparent)}}}.hover\:bg-secondary_hover:where([data-rac])[data-hovered]{background-color:var(--color-secondary_hover)}@media (hover:hover){.hover\:bg-secondary_hover:where(:not([data-rac])):hover{background-color:var(--color-secondary_hover)}}.hover\:bg-slate-50:where([data-rac])[data-hovered]{background-color:var(--color-slate-50)}@media (hover:hover){.hover\:bg-slate-50:where(:not([data-rac])):hover{background-color:var(--color-slate-50)}}.hover\:bg-slate-100:where([data-rac])[data-hovered]{background-color:var(--color-slate-100)}@media (hover:hover){.hover\:bg-slate-100:where(:not([data-rac])):hover{background-color:var(--color-slate-100)}}.hover\:bg-success-secondary:where([data-rac])[data-hovered]{background-color:var(--color-success-secondary)}@media (hover:hover){.hover\:bg-success-secondary:where(:not([data-rac])):hover{background-color:var(--color-success-secondary)}}.hover\:bg-success-solid:where([data-rac])[data-hovered]{background-color:var(--color-success-solid)}@media (hover:hover){.hover\:bg-success-solid:where(:not([data-rac])):hover{background-color:var(--color-success-solid)}}.hover\:bg-success-solid_hover:where([data-rac])[data-hovered]{background-color:var(--color-success-solid_hover)}@media (hover:hover){.hover\:bg-success-solid_hover:where(:not([data-rac])):hover{background-color:var(--color-success-solid_hover)}}.hover\:bg-tertiary:where([data-rac])[data-hovered]{background-color:var(--color-tertiary)}@media (hover:hover){.hover\:bg-tertiary:where(:not([data-rac])):hover{background-color:var(--color-tertiary)}}.hover\:bg-tertiary\/30:where([data-rac])[data-hovered]{background-color:var(--color-tertiary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-tertiary\/30:where([data-rac])[data-hovered]{background-color:color-mix(in oklab, var(--color-tertiary) 30%, transparent)}}@media (hover:hover){.hover\:bg-tertiary\/30:where(:not([data-rac])):hover{background-color:var(--color-tertiary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-tertiary\/30:where(:not([data-rac])):hover{background-color:color-mix(in oklab, var(--color-tertiary) 30%, transparent)}}}.hover\:bg-tertiary\/50:where([data-rac])[data-hovered]{background-color:var(--color-tertiary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-tertiary\/50:where([data-rac])[data-hovered]{background-color:color-mix(in oklab, var(--color-tertiary) 50%, transparent)}}@media (hover:hover){.hover\:bg-tertiary\/50:where(:not([data-rac])):hover{background-color:var(--color-tertiary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-tertiary\/50:where(:not([data-rac])):hover{background-color:color-mix(in oklab, var(--color-tertiary) 50%, transparent)}}}.hover\:bg-utility-amber-100:where([data-rac])[data-hovered]{background-color:var(--color-utility-amber-100)}@media (hover:hover){.hover\:bg-utility-amber-100:where(:not([data-rac])):hover{background-color:var(--color-utility-amber-100)}}.hover\:bg-utility-blue-100:where([data-rac])[data-hovered]{background-color:var(--color-utility-blue-100)}@media (hover:hover){.hover\:bg-utility-blue-100:where(:not([data-rac])):hover{background-color:var(--color-utility-blue-100)}}.hover\:bg-utility-brand-100:where([data-rac])[data-hovered]{background-color:var(--color-utility-brand-100)}@media (hover:hover){.hover\:bg-utility-brand-100:where(:not([data-rac])):hover{background-color:var(--color-utility-brand-100)}}.hover\:bg-utility-green-100:where([data-rac])[data-hovered]{background-color:var(--color-utility-green-100)}@media (hover:hover){.hover\:bg-utility-green-100:where(:not([data-rac])):hover{background-color:var(--color-utility-green-100)}}.hover\:bg-utility-indigo-100:where([data-rac])[data-hovered]{background-color:var(--color-utility-indigo-100)}@media (hover:hover){.hover\:bg-utility-indigo-100:where(:not([data-rac])):hover{background-color:var(--color-utility-indigo-100)}}.hover\:bg-utility-neutral-100:where([data-rac])[data-hovered]{background-color:var(--color-utility-neutral-100)}@media (hover:hover){.hover\:bg-utility-neutral-100:where(:not([data-rac])):hover{background-color:var(--color-utility-neutral-100)}}.hover\:bg-utility-orange-100:where([data-rac])[data-hovered]{background-color:var(--color-utility-orange-100)}@media (hover:hover){.hover\:bg-utility-orange-100:where(:not([data-rac])):hover{background-color:var(--color-utility-orange-100)}}.hover\:bg-utility-pink-100:where([data-rac])[data-hovered]{background-color:var(--color-utility-pink-100)}@media (hover:hover){.hover\:bg-utility-pink-100:where(:not([data-rac])):hover{background-color:var(--color-utility-pink-100)}}.hover\:bg-utility-purple-100:where([data-rac])[data-hovered]{background-color:var(--color-utility-purple-100)}@media (hover:hover){.hover\:bg-utility-purple-100:where(:not([data-rac])):hover{background-color:var(--color-utility-purple-100)}}.hover\:bg-utility-purple-500:where([data-rac])[data-hovered]{background-color:var(--color-utility-purple-500)}@media (hover:hover){.hover\:bg-utility-purple-500:where(:not([data-rac])):hover{background-color:var(--color-utility-purple-500)}}.hover\:bg-utility-purple-500\/30:where([data-rac])[data-hovered]{background-color:#a855f74d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-utility-purple-500\/30:where([data-rac])[data-hovered]{background-color:color-mix(in oklab, var(--color-utility-purple-500) 30%, transparent)}}@media (hover:hover){.hover\:bg-utility-purple-500\/30:where(:not([data-rac])):hover{background-color:#a855f74d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-utility-purple-500\/30:where(:not([data-rac])):hover{background-color:color-mix(in oklab, var(--color-utility-purple-500) 30%, transparent)}}}.hover\:bg-utility-red-50:where([data-rac])[data-hovered]{background-color:var(--color-utility-red-50)}@media (hover:hover){.hover\:bg-utility-red-50:where(:not([data-rac])):hover{background-color:var(--color-utility-red-50)}}.hover\:bg-utility-red-100:where([data-rac])[data-hovered]{background-color:var(--color-utility-red-100)}@media (hover:hover){.hover\:bg-utility-red-100:where(:not([data-rac])):hover{background-color:var(--color-utility-red-100)}}.hover\:bg-utility-sky-100:where([data-rac])[data-hovered]{background-color:var(--color-utility-sky-100)}@media (hover:hover){.hover\:bg-utility-sky-100:where(:not([data-rac])):hover{background-color:var(--color-utility-sky-100)}}.hover\:bg-utility-slate-100:where([data-rac])[data-hovered]{background-color:var(--color-utility-slate-100)}@media (hover:hover){.hover\:bg-utility-slate-100:where(:not([data-rac])):hover{background-color:var(--color-utility-slate-100)}}.hover\:bg-utility-yellow-100:where([data-rac])[data-hovered]{background-color:var(--color-utility-yellow-100)}@media (hover:hover){.hover\:bg-utility-yellow-100:where(:not([data-rac])):hover{background-color:var(--color-utility-yellow-100)}}.hover\:bg-warning-primary:where([data-rac])[data-hovered]{background-color:var(--color-warning-primary)}@media (hover:hover){.hover\:bg-warning-primary:where(:not([data-rac])):hover{background-color:var(--color-warning-primary)}}.hover\:bg-warning-secondary:where([data-rac])[data-hovered]{background-color:var(--color-warning-secondary)}@media (hover:hover){.hover\:bg-warning-secondary:where(:not([data-rac])):hover{background-color:var(--color-warning-secondary)}}.hover\:bg-warning-solid:where([data-rac])[data-hovered]{background-color:var(--color-warning-solid)}@media (hover:hover){.hover\:bg-warning-solid:where(:not([data-rac])):hover{background-color:var(--color-warning-solid)}}.hover\:bg-white\/10:where([data-rac])[data-hovered]{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:where([data-rac])[data-hovered]{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}@media (hover:hover){.hover\:bg-white\/10:where(:not([data-rac])):hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:where(:not([data-rac])):hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}}.hover\:bg-white\/20:where([data-rac])[data-hovered]{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/20:where([data-rac])[data-hovered]{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}@media (hover:hover){.hover\:bg-white\/20:where(:not([data-rac])):hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/20:where(:not([data-rac])):hover{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}}.hover\:bg-white\/25:where([data-rac])[data-hovered]{background-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/25:where([data-rac])[data-hovered]{background-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}@media (hover:hover){.hover\:bg-white\/25:where(:not([data-rac])):hover{background-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/25:where(:not([data-rac])):hover{background-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}}.hover\:bg-white\/60:where([data-rac])[data-hovered]{background-color:#fff9}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/60:where([data-rac])[data-hovered]{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}@media (hover:hover){.hover\:bg-white\/60:where(:not([data-rac])):hover{background-color:#fff9}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/60:where(:not([data-rac])):hover{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}}.hover\:from-brand-solid:where([data-rac])[data-hovered]{--tw-gradient-from:var(--color-brand-solid);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}@media (hover:hover){.hover\:from-brand-solid:where(:not([data-rac])):hover{--tw-gradient-from:var(--color-brand-solid);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}}.hover\:from-utility-purple-500:where([data-rac])[data-hovered]{--tw-gradient-from:var(--color-utility-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}@media (hover:hover){.hover\:from-utility-purple-500:where(:not([data-rac])):hover{--tw-gradient-from:var(--color-utility-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}}.hover\:to-brand-solid:where([data-rac])[data-hovered]{--tw-gradient-to:var(--color-brand-solid);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}@media (hover:hover){.hover\:to-brand-solid:where(:not([data-rac])):hover{--tw-gradient-to:var(--color-brand-solid);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}}.hover\:font-medium\!:where([data-rac])[data-hovered]{--tw-font-weight:var(--font-weight-medium)!important;font-weight:var(--font-weight-medium)!important}@media (hover:hover){.hover\:font-medium\!:where(:not([data-rac])):hover{--tw-font-weight:var(--font-weight-medium)!important;font-weight:var(--font-weight-medium)!important}}.hover\:text-amber-500:where([data-rac])[data-hovered]{color:var(--color-amber-500)}@media (hover:hover){.hover\:text-amber-500:where(:not([data-rac])):hover{color:var(--color-amber-500)}}.hover\:text-amber-600:where([data-rac])[data-hovered]{color:var(--color-amber-600)}@media (hover:hover){.hover\:text-amber-600:where(:not([data-rac])):hover{color:var(--color-amber-600)}}.hover\:text-blue-600:where([data-rac])[data-hovered]{color:var(--color-blue-600)}@media (hover:hover){.hover\:text-blue-600:where(:not([data-rac])):hover{color:var(--color-blue-600)}}.hover\:text-brand-secondary:where([data-rac])[data-hovered]{color:var(--color-brand-secondary)}@media (hover:hover){.hover\:text-brand-secondary:where(:not([data-rac])):hover{color:var(--color-brand-secondary)}}.hover\:text-error-primary:where([data-rac])[data-hovered]{color:var(--color-error-primary)}@media (hover:hover){.hover\:text-error-primary:where(:not([data-rac])):hover{color:var(--color-error-primary)}}.hover\:text-family-600:where([data-rac])[data-hovered]{color:var(--color-family-600)}@media (hover:hover){.hover\:text-family-600:where(:not([data-rac])):hover{color:var(--color-family-600)}}.hover\:text-fg-quaternary_hover:where([data-rac])[data-hovered]{color:var(--color-fg-quaternary_hover)}@media (hover:hover){.hover\:text-fg-quaternary_hover:where(:not([data-rac])):hover{color:var(--color-fg-quaternary_hover)}}.hover\:text-fg-secondary:where([data-rac])[data-hovered]{color:var(--color-fg-secondary)}@media (hover:hover){.hover\:text-fg-secondary:where(:not([data-rac])):hover{color:var(--color-fg-secondary)}}.hover\:text-fg-secondary_hover:where([data-rac])[data-hovered]{color:var(--color-fg-secondary_hover)}@media (hover:hover){.hover\:text-fg-secondary_hover:where(:not([data-rac])):hover{color:var(--color-fg-secondary_hover)}}.hover\:text-fg-white:where([data-rac])[data-hovered]{color:var(--color-fg-white)}@media (hover:hover){.hover\:text-fg-white:where(:not([data-rac])):hover{color:var(--color-fg-white)}}.hover\:text-gray-600:where([data-rac])[data-hovered]{color:var(--color-gray-600)}@media (hover:hover){.hover\:text-gray-600:where(:not([data-rac])):hover{color:var(--color-gray-600)}}.hover\:text-gray-700:where([data-rac])[data-hovered]{color:var(--color-gray-700)}@media (hover:hover){.hover\:text-gray-700:where(:not([data-rac])):hover{color:var(--color-gray-700)}}.hover\:text-primary:where([data-rac])[data-hovered]{color:var(--color-primary)}@media (hover:hover){.hover\:text-primary:where(:not([data-rac])):hover{color:var(--color-primary)}}.hover\:text-red-400:where([data-rac])[data-hovered]{color:var(--color-red-400)}@media (hover:hover){.hover\:text-red-400:where(:not([data-rac])):hover{color:var(--color-red-400)}}.hover\:text-red-500:where([data-rac])[data-hovered]{color:var(--color-red-500)}@media (hover:hover){.hover\:text-red-500:where(:not([data-rac])):hover{color:var(--color-red-500)}}.hover\:text-red-600:where([data-rac])[data-hovered]{color:var(--color-red-600)}@media (hover:hover){.hover\:text-red-600:where(:not([data-rac])):hover{color:var(--color-red-600)}}.hover\:text-red-700:where([data-rac])[data-hovered]{color:var(--color-red-700)}@media (hover:hover){.hover\:text-red-700:where(:not([data-rac])):hover{color:var(--color-red-700)}}.hover\:text-secondary:where([data-rac])[data-hovered]{color:var(--color-secondary)}@media (hover:hover){.hover\:text-secondary:where(:not([data-rac])):hover{color:var(--color-secondary)}}.hover\:text-secondary_hover:where([data-rac])[data-hovered]{color:var(--color-secondary_hover)}@media (hover:hover){.hover\:text-secondary_hover:where(:not([data-rac])):hover{color:var(--color-secondary_hover)}}.hover\:text-slate-900:where([data-rac])[data-hovered]{color:var(--color-slate-900)}@media (hover:hover){.hover\:text-slate-900:where(:not([data-rac])):hover{color:var(--color-slate-900)}}.hover\:text-utility-blue-500:where([data-rac])[data-hovered]{color:var(--color-utility-blue-500)}@media (hover:hover){.hover\:text-utility-blue-500:where(:not([data-rac])):hover{color:var(--color-utility-blue-500)}}.hover\:text-utility-brand-500:where([data-rac])[data-hovered]{color:var(--color-utility-brand-500)}@media (hover:hover){.hover\:text-utility-brand-500:where(:not([data-rac])):hover{color:var(--color-utility-brand-500)}}.hover\:text-utility-green-500:where([data-rac])[data-hovered]{color:var(--color-utility-green-500)}@media (hover:hover){.hover\:text-utility-green-500:where(:not([data-rac])):hover{color:var(--color-utility-green-500)}}.hover\:text-utility-indigo-500:where([data-rac])[data-hovered]{color:var(--color-utility-indigo-500)}@media (hover:hover){.hover\:text-utility-indigo-500:where(:not([data-rac])):hover{color:var(--color-utility-indigo-500)}}.hover\:text-utility-neutral-500:where([data-rac])[data-hovered]{color:var(--color-utility-neutral-500)}@media (hover:hover){.hover\:text-utility-neutral-500:where(:not([data-rac])):hover{color:var(--color-utility-neutral-500)}}.hover\:text-utility-orange-500:where([data-rac])[data-hovered]{color:var(--color-utility-orange-500)}@media (hover:hover){.hover\:text-utility-orange-500:where(:not([data-rac])):hover{color:var(--color-utility-orange-500)}}.hover\:text-utility-pink-500:where([data-rac])[data-hovered]{color:var(--color-utility-pink-500)}@media (hover:hover){.hover\:text-utility-pink-500:where(:not([data-rac])):hover{color:var(--color-utility-pink-500)}}.hover\:text-utility-purple-500:where([data-rac])[data-hovered]{color:var(--color-utility-purple-500)}@media (hover:hover){.hover\:text-utility-purple-500:where(:not([data-rac])):hover{color:var(--color-utility-purple-500)}}.hover\:text-utility-red-500:where([data-rac])[data-hovered]{color:var(--color-utility-red-500)}@media (hover:hover){.hover\:text-utility-red-500:where(:not([data-rac])):hover{color:var(--color-utility-red-500)}}.hover\:text-utility-red-700:where([data-rac])[data-hovered]{color:var(--color-utility-red-700)}@media (hover:hover){.hover\:text-utility-red-700:where(:not([data-rac])):hover{color:var(--color-utility-red-700)}}.hover\:text-utility-sky-500:where([data-rac])[data-hovered]{color:var(--color-utility-sky-500)}@media (hover:hover){.hover\:text-utility-sky-500:where(:not([data-rac])):hover{color:var(--color-utility-sky-500)}}.hover\:text-utility-slate-500:where([data-rac])[data-hovered]{color:var(--color-utility-slate-500)}@media (hover:hover){.hover\:text-utility-slate-500:where(:not([data-rac])):hover{color:var(--color-utility-slate-500)}}.hover\:text-utility-yellow-500:where([data-rac])[data-hovered]{color:var(--color-utility-yellow-500)}@media (hover:hover){.hover\:text-utility-yellow-500:where(:not([data-rac])):hover{color:var(--color-utility-yellow-500)}}.hover\:text-warning-primary:where([data-rac])[data-hovered]{color:var(--color-warning-primary)}@media (hover:hover){.hover\:text-warning-primary:where(:not([data-rac])):hover{color:var(--color-warning-primary)}}.hover\:text-white:where([data-rac])[data-hovered]{color:var(--color-white)}@media (hover:hover){.hover\:text-white:where(:not([data-rac])):hover{color:var(--color-white)}}.hover\:text-white\/60:where([data-rac])[data-hovered]{color:#fff9}@supports (color:color-mix(in lab, red, red)){.hover\:text-white\/60:where([data-rac])[data-hovered]{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}@media (hover:hover){.hover\:text-white\/60:where(:not([data-rac])):hover{color:#fff9}@supports (color:color-mix(in lab, red, red)){.hover\:text-white\/60:where(:not([data-rac])):hover{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}}.hover\:text-white\/70:where([data-rac])[data-hovered]{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.hover\:text-white\/70:where([data-rac])[data-hovered]{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}@media (hover:hover){.hover\:text-white\/70:where(:not([data-rac])):hover{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.hover\:text-white\/70:where(:not([data-rac])):hover{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}}.hover\:text-white\/90:where([data-rac])[data-hovered]{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.hover\:text-white\/90:where([data-rac])[data-hovered]{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}@media (hover:hover){.hover\:text-white\/90:where(:not([data-rac])):hover{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.hover\:text-white\/90:where(:not([data-rac])):hover{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}}.hover\:text-yellow-500:where([data-rac])[data-hovered]{color:var(--color-yellow-500)}@media (hover:hover){.hover\:text-yellow-500:where(:not([data-rac])):hover{color:var(--color-yellow-500)}}.hover\:underline:where([data-rac])[data-hovered]{text-decoration-line:underline}@media (hover:hover){.hover\:underline:where(:not([data-rac])):hover{text-decoration-line:underline}}.hover\:opacity-70:where([data-rac])[data-hovered]{opacity:.7}@media (hover:hover){.hover\:opacity-70:where(:not([data-rac])):hover{opacity:.7}}.hover\:opacity-80:where([data-rac])[data-hovered]{opacity:.8}@media (hover:hover){.hover\:opacity-80:where(:not([data-rac])):hover{opacity:.8}}.hover\:opacity-85:where([data-rac])[data-hovered]{opacity:.85}@media (hover:hover){.hover\:opacity-85:where(:not([data-rac])):hover{opacity:.85}}.hover\:opacity-90:where([data-rac])[data-hovered]{opacity:.9}@media (hover:hover){.hover\:opacity-90:where(:not([data-rac])):hover{opacity:.9}}.hover\:opacity-100:where([data-rac])[data-hovered]{opacity:1}@media (hover:hover){.hover\:opacity-100:where(:not([data-rac])):hover{opacity:1}}.hover\:shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.2\)\]:where([data-rac])[data-hovered]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#0003);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.hover\:shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.2\)\]:where(:not([data-rac])):hover{--tw-shadow:0 4px 12px var(--tw-shadow-color,#0003);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.hover\:shadow-\[0_8px_20px\.\.\.\]:where([data-rac])[data-hovered]{--tw-shadow:0 8px 20px... var(--tw-shadow-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.hover\:shadow-\[0_8px_20px\.\.\.\]:where(:not([data-rac])):hover{--tw-shadow:0 8px 20px... var(--tw-shadow-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.hover\:shadow-\[0_20px_35px\.\.\.\]:where([data-rac])[data-hovered]{--tw-shadow:0 20px 35px... var(--tw-shadow-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.hover\:shadow-\[0_20px_35px\.\.\.\]:where(:not([data-rac])):hover{--tw-shadow:0 20px 35px... var(--tw-shadow-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.hover\:shadow-lg:where([data-rac])[data-hovered]{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#00000014), 0 4px 6px -4px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.hover\:shadow-lg:where(:not([data-rac])):hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#00000014), 0 4px 6px -4px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.hover\:shadow-md:where([data-rac])[data-hovered]{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#00000012), 0 2px 4px -2px var(--tw-shadow-color,#00000012);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.hover\:shadow-md:where(:not([data-rac])):hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#00000012), 0 2px 4px -2px var(--tw-shadow-color,#00000012);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.hover\:shadow-sm:where([data-rac])[data-hovered]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000000f), 0 1px 2px -1px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.hover\:shadow-sm:where(:not([data-rac])):hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000000f), 0 1px 2px -1px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.hover\:shadow-xl:where([data-rac])[data-hovered]{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.hover\:shadow-xl:where(:not([data-rac])):hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.hover\:shadow-family-500\/20:where([data-rac])[data-hovered]{--tw-shadow-color:#498e4933}@supports (color:color-mix(in lab, red, red)){.hover\:shadow-family-500\/20:where([data-rac])[data-hovered]{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-family-500) 20%, transparent) var(--tw-shadow-alpha), transparent)}}@media (hover:hover){.hover\:shadow-family-500\/20:where(:not([data-rac])):hover{--tw-shadow-color:#498e4933}@supports (color:color-mix(in lab, red, red)){.hover\:shadow-family-500\/20:where(:not([data-rac])):hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-family-500) 20%, transparent) var(--tw-shadow-alpha), transparent)}}}.hover\:ring-slate-200:where([data-rac])[data-hovered]{--tw-ring-color:var(--color-slate-200)}@media (hover:hover){.hover\:ring-slate-200:where(:not([data-rac])):hover{--tw-ring-color:var(--color-slate-200)}}.hover\:ring-tertiary:where([data-rac])[data-hovered]{--tw-ring-color:var(--color-tertiary)}@media (hover:hover){.hover\:ring-tertiary:where(:not([data-rac])):hover{--tw-ring-color:var(--color-tertiary)}}.hover\:backdrop-blur-sm:where([data-rac])[data-hovered]{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}@media (hover:hover){.hover\:backdrop-blur-sm:where(:not([data-rac])):hover{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}}.focus\:z-10:where([data-rac])[data-focused],.focus\:z-10:where(:not([data-rac])):focus{z-index:10}.focus\:border-\[moduleColor\]:where([data-rac])[data-focused],.focus\:border-\[moduleColor\]:where(:not([data-rac])):focus{border-color:moduleColor}.focus\:border-brand-secondary:where([data-rac])[data-focused],.focus\:border-brand-secondary:where(:not([data-rac])):focus{border-color:var(--color-brand-secondary)}.focus\:border-brand-solid:where([data-rac])[data-focused],.focus\:border-brand-solid:where(:not([data-rac])):focus{border-color:var(--color-brand-solid)}.focus\:border-transparent:where([data-rac])[data-focused],.focus\:border-transparent:where(:not([data-rac])):focus{border-color:#0000}.focus\:border-utility-purple-300:where([data-rac])[data-focused],.focus\:border-utility-purple-300:where(:not([data-rac])):focus{border-color:var(--color-utility-purple-300)}.focus\:border-utility-purple-300\/60:where([data-rac])[data-focused]{border-color:#d8b4fe99}@supports (color:color-mix(in lab, red, red)){.focus\:border-utility-purple-300\/60:where([data-rac])[data-focused]{border-color:color-mix(in oklab, var(--color-utility-purple-300) 60%, transparent)}}.focus\:border-utility-purple-300\/60:where(:not([data-rac])):focus{border-color:#d8b4fe99}@supports (color:color-mix(in lab, red, red)){.focus\:border-utility-purple-300\/60:where(:not([data-rac])):focus{border-color:color-mix(in oklab, var(--color-utility-purple-300) 60%, transparent)}}.focus\:bg-brand-solid:where([data-rac])[data-focused],.focus\:bg-brand-solid:where(:not([data-rac])):focus{background-color:var(--color-brand-solid)}.focus\:font-medium:where([data-rac])[data-focused],.focus\:font-medium:where(:not([data-rac])):focus{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.focus\:text-fg-quaternary_hover:where([data-rac])[data-focused],.focus\:text-fg-quaternary_hover:where(:not([data-rac])):focus{color:var(--color-fg-quaternary_hover)}.focus\:text-white:where([data-rac])[data-focused],.focus\:text-white:where(:not([data-rac])):focus{color:var(--color-white)}.focus\:ring-0:where([data-rac])[data-focused],.focus\:ring-0:where(:not([data-rac])):focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-1:where([data-rac])[data-focused],.focus\:ring-1:where(:not([data-rac])):focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-2:where([data-rac])[data-focused],.focus\:ring-2:where(:not([data-rac])):focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-brand-secondary:where([data-rac])[data-focused],.focus\:ring-brand-secondary:where(:not([data-rac])):focus{--tw-ring-color:var(--color-brand-secondary)}.focus\:ring-brand-solid\/20:where([data-rac])[data-focused]{--tw-ring-color:#2563eb33}@supports (color:color-mix(in lab, red, red)){.focus\:ring-brand-solid\/20:where([data-rac])[data-focused]{--tw-ring-color:color-mix(in oklab, var(--color-brand-solid) 20%, transparent)}}.focus\:ring-brand-solid\/20:where(:not([data-rac])):focus{--tw-ring-color:#2563eb33}@supports (color:color-mix(in lab, red, red)){.focus\:ring-brand-solid\/20:where(:not([data-rac])):focus{--tw-ring-color:color-mix(in oklab, var(--color-brand-solid) 20%, transparent)}}.focus\:ring-fg-brand-primary:where([data-rac])[data-focused],.focus\:ring-fg-brand-primary:where(:not([data-rac])):focus{--tw-ring-color:var(--color-fg-brand-primary)}.focus\:ring-utility-purple-500:where([data-rac])[data-focused],.focus\:ring-utility-purple-500:where(:not([data-rac])):focus{--tw-ring-color:var(--color-utility-purple-500)}.focus\:ring-offset-2:where([data-rac])[data-focused],.focus\:ring-offset-2:where(:not([data-rac])):focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:ring-offset-slate-800:where([data-rac])[data-focused],.focus\:ring-offset-slate-800:where(:not([data-rac])):focus{--tw-ring-offset-color:var(--color-slate-800)}.focus\:outline-hidden:where([data-rac])[data-focused]{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:where([data-rac])[data-focused]{outline-offset:2px;outline:2px solid #0000}}.focus\:outline-hidden:where(:not([data-rac])):focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:where(:not([data-rac])):focus{outline-offset:2px;outline:2px solid #0000}}.focus\:outline-2:where([data-rac])[data-focused],.focus\:outline-2:where(:not([data-rac])):focus{outline-style:var(--tw-outline-style);outline-width:2px}.focus\:outline-offset-2:where([data-rac])[data-focused],.focus\:outline-offset-2:where(:not([data-rac])):focus{outline-offset:2px}.focus\:outline-none:where([data-rac])[data-focused],.focus\:outline-none:where(:not([data-rac])):focus{--tw-outline-style:none;outline-style:none}.focus-visible\:z-10:where([data-rac])[data-focus-visible],.focus-visible\:z-10:where(:not([data-rac])):focus-visible{z-index:10}.focus-visible\:bg-primary_hover:where([data-rac])[data-focus-visible],.focus-visible\:bg-primary_hover:where(:not([data-rac])):focus-visible{background-color:var(--color-primary_hover)}.focus-visible\:underline:where([data-rac])[data-focus-visible],.focus-visible\:underline:where(:not([data-rac])):focus-visible{text-decoration-line:underline}.focus-visible\:opacity-100:where([data-rac])[data-focus-visible],.focus-visible\:opacity-100:where(:not([data-rac])):focus-visible{opacity:1}.focus-visible\:ring-0:where([data-rac])[data-focus-visible],.focus-visible\:ring-0:where(:not([data-rac])):focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-2:where([data-rac])[data-focus-visible],.focus-visible\:ring-2:where(:not([data-rac])):focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:outline:where([data-rac])[data-focus-visible],.focus-visible\:outline:where(:not([data-rac])):focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:where([data-rac])[data-focus-visible],.focus-visible\:outline-2:where(:not([data-rac])):focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:where([data-rac])[data-focus-visible],.focus-visible\:outline-offset-2:where(:not([data-rac])):focus-visible{outline-offset:2px}.focus-visible\:outline-family-300:where([data-rac])[data-focus-visible],.focus-visible\:outline-family-300:where(:not([data-rac])):focus-visible{outline-color:var(--color-family-300)}.focus-visible\:outline-focus-ring:where([data-rac])[data-focus-visible],.focus-visible\:outline-focus-ring:where(:not([data-rac])):focus-visible{outline-color:var(--color-focus-ring)}.focus-visible\:outline-white:where([data-rac])[data-focus-visible],.focus-visible\:outline-white:where(:not([data-rac])):focus-visible{outline-color:var(--color-white)}.focus-visible\:outline-white\/60:where([data-rac])[data-focus-visible]{outline-color:#fff9}@supports (color:color-mix(in lab, red, red)){.focus-visible\:outline-white\/60:where([data-rac])[data-focus-visible]{outline-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.focus-visible\:outline-white\/60:where(:not([data-rac])):focus-visible{outline-color:#fff9}@supports (color:color-mix(in lab, red, red)){.focus-visible\:outline-white\/60:where(:not([data-rac])):focus-visible{outline-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.focus-visible\:outline-none:where([data-rac])[data-focus-visible],.focus-visible\:outline-none:where(:not([data-rac])):focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-90:where([data-rac])[data-active],.active\:scale-90:where(:not([data-rac])):active{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-95:where([data-rac])[data-active],.active\:scale-95:where(:not([data-rac])):active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-\[0\.94\]:where([data-rac])[data-active],.active\:scale-\[0\.94\]:where(:not([data-rac])):active{scale:.94}.active\:scale-\[0\.97\]:where([data-rac])[data-active],.active\:scale-\[0\.97\]:where(:not([data-rac])):active{scale:.97}.active\:scale-\[0\.98\]:where([data-rac])[data-active],.active\:scale-\[0\.98\]:where(:not([data-rac])):active{scale:.98}.active\:cursor-grabbing:where([data-rac])[data-active],.active\:cursor-grabbing:where(:not([data-rac])):active{cursor:grabbing}.active\:opacity-65:where([data-rac])[data-active],.active\:opacity-65:where(:not([data-rac])):active{opacity:.65}.active\:opacity-70:where([data-rac])[data-active],.active\:opacity-70:where(:not([data-rac])):active{opacity:.7}.disabled\:pointer-events-none:where([data-rac])[data-disabled],.disabled\:pointer-events-none:where(:not([data-rac])):disabled{pointer-events:none}.disabled\:translate-y-0:where([data-rac])[data-disabled],.disabled\:translate-y-0:where(:not([data-rac])):disabled{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:cursor-not-allowed:where([data-rac])[data-disabled],.disabled\:cursor-not-allowed:where(:not([data-rac])):disabled{cursor:not-allowed}.disabled\:bg-disabled_subtle:where([data-rac])[data-disabled],.disabled\:bg-disabled_subtle:where(:not([data-rac])):disabled{background-color:var(--color-disabled_subtle)}.disabled\:text-disabled:where([data-rac])[data-disabled],.disabled\:text-disabled:where(:not([data-rac])):disabled{color:var(--color-disabled)}.disabled\:text-secondary\/50:where([data-rac])[data-disabled]{color:var(--color-secondary)}@supports (color:color-mix(in lab, red, red)){.disabled\:text-secondary\/50:where([data-rac])[data-disabled]{color:color-mix(in oklab, var(--color-secondary) 50%, transparent)}}.disabled\:text-secondary\/50:where(:not([data-rac])):disabled{color:var(--color-secondary)}@supports (color:color-mix(in lab, red, red)){.disabled\:text-secondary\/50:where(:not([data-rac])):disabled{color:color-mix(in oklab, var(--color-secondary) 50%, transparent)}}.disabled\:opacity-30:where([data-rac])[data-disabled],.disabled\:opacity-30:where(:not([data-rac])):disabled{opacity:.3}.disabled\:opacity-40:where([data-rac])[data-disabled],.disabled\:opacity-40:where(:not([data-rac])):disabled{opacity:.4}.disabled\:opacity-50:where([data-rac])[data-disabled],.disabled\:opacity-50:where(:not([data-rac])):disabled{opacity:.5}.disabled\:opacity-60:where([data-rac])[data-disabled],.disabled\:opacity-60:where(:not([data-rac])):disabled{opacity:.6}.disabled\:shadow-xs:where([data-rac])[data-disabled],.disabled\:shadow-xs:where(:not([data-rac])):disabled{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.disabled\:ring-disabled:where([data-rac])[data-disabled],.disabled\:ring-disabled:where(:not([data-rac])):disabled{--tw-ring-color:var(--color-disabled)}:is(.disabled\:\*\:opacity-50:where([data-rac])[data-disabled]>*),:is(.disabled\:\*\:opacity-50:where(:not([data-rac])):disabled>*){opacity:.5}.disabled\:hover\:transform-none:where([data-rac])[data-disabled]:where([data-rac])[data-hovered]{transform:none}@media (hover:hover){.disabled\:hover\:transform-none:where([data-rac])[data-disabled]:where(:not([data-rac])):hover{transform:none}}.disabled\:hover\:transform-none:where(:not([data-rac])):disabled:where([data-rac])[data-hovered]{transform:none}@media (hover:hover){.disabled\:hover\:transform-none:where(:not([data-rac])):disabled:where(:not([data-rac])):hover{transform:none}}.disabled\:hover\:shadow-none:where([data-rac])[data-disabled]:where([data-rac])[data-hovered]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.disabled\:hover\:shadow-none:where([data-rac])[data-disabled]:where(:not([data-rac])):hover{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.disabled\:hover\:shadow-none:where(:not([data-rac])):disabled:where([data-rac])[data-hovered]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.disabled\:hover\:shadow-none:where(:not([data-rac])):disabled:where(:not([data-rac])):hover{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}:where(:where([data-rac])[data-open]) .in-open\:-scale-y-100,:where(:where(:not([data-rac]))[open]) .in-open\:-scale-y-100{--tw-scale-y:calc(100% * -1);scale:var(--tw-scale-x) var(--tw-scale-y)}:where([data-input-wrapper]) .in-data-input-wrapper\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}:where([data-input-wrapper]) .in-data-input-wrapper\:px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}:where([data-input-wrapper]) .in-data-input-wrapper\:px-4{padding-inline:calc(var(--spacing) * 4)}:where([data-input-wrapper]) .in-data-input-wrapper\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}:where([data-input-wrapper]) .in-data-input-wrapper\:text-md{font-size:var(--text-md);line-height:var(--tw-leading,var(--text-md--line-height))}:where([data-input-wrapper]) .in-data-input-wrapper\:opacity-100{opacity:1}:where([data-input-wrapper]) .in-data-input-wrapper\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where([data-input-wrapper]) .in-data-input-wrapper\:group-disabled\:opacity-100:is(:where(.group):where([data-rac])[data-disabled] *),:where([data-input-wrapper]) .in-data-input-wrapper\:group-disabled\:opacity-100:is(:where(.group):where(:not([data-rac])):disabled *){opacity:1}:where([data-input-wrapper]) .in-data-input-wrapper\:focus\:\!z-50:where([data-rac])[data-focused],:where([data-input-wrapper]) .in-data-input-wrapper\:focus\:\!z-50:where(:not([data-rac])):focus{z-index:50!important}:where([data-input-wrapper]) .in-data-input-wrapper\:disabled\:opacity-100:where([data-rac])[data-disabled],:where([data-input-wrapper]) .in-data-input-wrapper\:disabled\:opacity-100:where(:not([data-rac])):disabled{opacity:1}:where([data-leading]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-leading\:-mr-px){margin-right:-1px}:where([data-leading]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-leading\:rounded-l-lg){border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}:where([data-leading]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-leading\:rounded-r-none){border-top-right-radius:var(--radius-none);border-bottom-right-radius:var(--radius-none)}:where([data-leading]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-leading\:before\:rounded-r-none):before{content:var(--tw-content);border-top-right-radius:var(--radius-none);border-bottom-right-radius:var(--radius-none)}:where([data-trailing]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-trailing\:-ml-px){margin-left:-1px}:where([data-trailing]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-trailing\:rounded-l-none){border-top-left-radius:var(--radius-none);border-bottom-left-radius:var(--radius-none)}:where([data-trailing]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-trailing\:rounded-r-lg){border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}:where([data-trailing]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-trailing\:before\:rounded-l-none):before{content:var(--tw-content);border-top-left-radius:var(--radius-none);border-bottom-left-radius:var(--radius-none)}:where([data-input-size=lg]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-\[input-size\=lg\]\:py-2\.5){padding-block:calc(var(--spacing) * 2.5)}:where([data-input-size=lg]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-\[input-size\=lg\]\:pr-3){padding-right:calc(var(--spacing) * 3)}:where([data-input-size=lg]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-\[input-size\=lg\]\:pl-3\.5){padding-left:calc(var(--spacing) * 3.5)}:where([data-input-size=sm]) .in-data-\[input-size\=sm\]\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}:where([data-input-size=sm]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-\[input-size\=sm\]\:px-3){padding-inline:calc(var(--spacing) * 3)}:where([data-input-size=sm]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-\[input-size\=sm\]\:py-2){padding-block:calc(var(--spacing) * 2)}:where([data-input-size=sm]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-\[input-size\=sm\]\:text-sm){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}:where([data-placement=left]) .in-placement-left\:-rotate-90{rotate:-90deg}:where([data-placement=left]) .in-placement-left\:slide-in-from-right-0\.5{--tw-enter-translate-x:.125rem}:where([data-placement=left]) .in-placement-left\:slide-out-to-right-0\.5{--tw-exit-translate-x:.125rem}:where([data-placement=right]) .in-placement-right\:rotate-90{rotate:90deg}:where([data-placement=right]) .in-placement-right\:slide-in-from-left-0\.5{--tw-enter-translate-x:-.125rem}:where([data-placement=right]) .in-placement-right\:slide-out-to-left-0\.5{--tw-exit-translate-x:-.125rem}:where([data-placement=top]) .in-placement-top\:rotate-0{rotate:0deg}:where([data-placement=top]) .in-placement-top\:slide-in-from-bottom-0\.5{--tw-enter-translate-y:.125rem}:where([data-placement=top]) .in-placement-top\:slide-out-to-bottom-0\.5{--tw-exit-translate-y:.125rem}:where([data-placement=bottom]) .in-placement-bottom\:rotate-180{rotate:180deg}:where([data-placement=bottom]) .in-placement-bottom\:slide-in-from-top-0\.5{--tw-enter-translate-y:-.125rem}:where([data-placement=bottom]) .in-placement-bottom\:slide-out-to-top-0\.5{--tw-exit-translate-y:-.125rem}:where([data-current]) .in-current\:max-w-full{max-width:100%}:where([data-current]) .in-current\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:where([data-pressed]) .in-pressed\:outline-\[1\.5px\]{outline-style:var(--tw-outline-style);outline-width:1.5px}:where([data-pressed]) .in-pressed\:outline-\[length\:var\(--ring-width\)\]{outline-style:var(--tw-outline-style);outline-width:var(--ring-width)}:where([data-pressed]) .in-pressed\:outline-offset-2{outline-offset:2px}:where([data-pressed]) .in-pressed\:outline-\[var\(--ring-width\)\]{outline-color:var(--ring-width)}:where([role=gridcell]:first-child) .in-\[\[role\=gridcell\]\:first-child\]\:after\:hidden:after,:where([role=gridcell]:last-child) .in-\[\[role\=gridcell\]\:last-child\]\:after\:hidden:after{content:var(--tw-content);display:none}.has-\[\:focus-visible\]\:opacity-100:has(:focus-visible){opacity:1}.has-\[video\:focus-visible\]\:outline-2:has(:is(video:focus-visible)){outline-style:var(--tw-outline-style);outline-width:2px}.has-\[video\:focus-visible\]\:outline-offset-4:has(:is(video:focus-visible)){outline-offset:4px}.has-\[\&\>select\]\:shadow-xs:has(*>select){--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.has-\[\&\>select\]\:ring-1:has(*>select){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.has-\[\&\>select\]\:ring-border-error_subtle:has(*>select){--tw-ring-color:var(--color-border-error_subtle)}.has-\[\&\>select\]\:ring-border-primary:has(*>select){--tw-ring-color:var(--color-border-primary)}.has-\[\&\>select\]\:ring-inset:has(*>select){--tw-ring-inset:inset}.has-\[\&\>select\]\:has-\[input\:focus\]\:ring-2:has(*>select):has(:is(input:focus)){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.has-\[\&\>select\]\:has-\[input\:focus\]\:ring-border-brand:has(*>select):has(:is(input:focus)){--tw-ring-color:var(--color-border-brand)}.has-\[\&\>select\]\:has-\[input\:focus\]\:ring-border-error:has(*>select):has(:is(input:focus)){--tw-ring-color:var(--color-border-error)}:is(.\*\*\:data-featured-icon\:hidden *)[data-featured-icon]{display:none}:is(.\*\:data-icon\:pointer-events-none>*)[data-icon]{pointer-events:none}:is(.\*\:data-icon\:size-4>*)[data-icon]{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}:is(.\*\:data-icon\:size-5>*)[data-icon]{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}:is(.\*\:data-icon\:size-6>*)[data-icon]{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}:is(.\*\:data-icon\:size-7>*)[data-icon]{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}:is(.\*\:data-icon\:shrink-0>*)[data-icon]{flex-shrink:0}:is(.\*\:data-icon\:stroke-\[var\(--ring-width-md\)\]>*)[data-icon]{stroke:var(--ring-width-md)}:is(.\*\:data-icon\:text-current>*)[data-icon]{color:currentColor}:is(.\*\:data-icon\:text-fg-brand-secondary_alt>*)[data-icon]{color:var(--color-fg-brand-secondary_alt)}:is(.\*\:data-icon\:text-fg-brand-secondary_hover>*)[data-icon]{color:var(--color-fg-brand-secondary_hover)}:is(.\*\:data-icon\:text-fg-error-secondary>*)[data-icon]{color:var(--color-fg-error-secondary)}:is(.\*\:data-icon\:text-fg-quaternary>*)[data-icon]{color:var(--color-fg-quaternary)}:is(.\*\:data-icon\:text-fg-secondary_hover>*)[data-icon]{color:var(--color-fg-secondary_hover)}:is(.\*\:data-icon\:text-white\/60>*)[data-icon]{color:#fff9}@supports (color:color-mix(in lab, red, red)){:is(.\*\:data-icon\:text-white\/60>*)[data-icon]{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}:is(.hover\:\*\:data-icon\:text-fg-brand-secondary_hover:where([data-rac])[data-hovered]>*)[data-icon]{color:var(--color-fg-brand-secondary_hover)}@media (hover:hover){:is(.hover\:\*\:data-icon\:text-fg-brand-secondary_hover:where(:not([data-rac])):hover>*)[data-icon]{color:var(--color-fg-brand-secondary_hover)}}:is(.hover\:\*\:data-icon\:text-fg-error-primary:where([data-rac])[data-hovered]>*)[data-icon]{color:var(--color-fg-error-primary)}@media (hover:hover){:is(.hover\:\*\:data-icon\:text-fg-error-primary:where(:not([data-rac])):hover>*)[data-icon]{color:var(--color-fg-error-primary)}}:is(.hover\:\*\:data-icon\:text-fg-quaternary_hover:where([data-rac])[data-hovered]>*)[data-icon]{color:var(--color-fg-quaternary_hover)}@media (hover:hover){:is(.hover\:\*\:data-icon\:text-fg-quaternary_hover:where(:not([data-rac])):hover>*)[data-icon]{color:var(--color-fg-quaternary_hover)}}:is(.hover\:\*\:data-icon\:text-white\/70:where([data-rac])[data-hovered]>*)[data-icon]{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){:is(.hover\:\*\:data-icon\:text-white\/70:where([data-rac])[data-hovered]>*)[data-icon]{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}@media (hover:hover){:is(.hover\:\*\:data-icon\:text-white\/70:where(:not([data-rac])):hover>*)[data-icon]{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){:is(.hover\:\*\:data-icon\:text-white\/70:where(:not([data-rac])):hover>*)[data-icon]{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}}.data-icon-leading\:pl-3[data-icon-leading]{padding-left:calc(var(--spacing) * 3)}.data-icon-leading\:pl-3\.5[data-icon-leading]{padding-left:calc(var(--spacing) * 3.5)}.data-icon-leading\:pl-4[data-icon-leading]{padding-left:calc(var(--spacing) * 4)}.data-icon-only\:p-2[data-icon-only]{padding:calc(var(--spacing) * 2)}.data-icon-only\:p-2\.5[data-icon-only]{padding:calc(var(--spacing) * 2.5)}.data-icon-only\:p-3[data-icon-only]{padding:calc(var(--spacing) * 3)}.data-icon-only\:p-3\.5[data-icon-only]{padding:calc(var(--spacing) * 3.5)}.data-icon-only\:px-2\.5[data-icon-only]{padding-inline:calc(var(--spacing) * 2.5)}.data-icon-only\:px-3[data-icon-only]{padding-inline:calc(var(--spacing) * 3)}.data-icon-only\:px-3\.5[data-icon-only]{padding-inline:calc(var(--spacing) * 3.5)}:where([data-input-wrapper]) .in-data-input-wrapper\:data-icon-only\:p-2\.5[data-icon-only]{padding:calc(var(--spacing) * 2.5)}:where([data-input-wrapper]) .in-data-input-wrapper\:data-icon-only\:p-3[data-icon-only]{padding:calc(var(--spacing) * 3)}:is(.\*\:data-text\:underline>*)[data-text]{text-decoration-line:underline}:is(.\*\:data-text\:decoration-transparent>*)[data-text]{text-decoration-color:#0000}:is(.\*\:data-text\:underline-offset-2>*)[data-text]{text-underline-offset:2px}:is(.\*\:data-text\:underline-offset-3>*)[data-text]{text-underline-offset:3px}:is(.\*\:data-text\:underline-offset-4>*)[data-text]{text-underline-offset:4px}:is(.hover\:\*\:data-text\:decoration-current:where([data-rac])[data-hovered]>*)[data-text]{text-decoration-color:currentColor}@media (hover:hover){:is(.hover\:\*\:data-text\:decoration-current:where(:not([data-rac])):hover>*)[data-text]{text-decoration-color:currentColor}}:is(.hover\:\*\:data-text\:decoration-fg-brand-secondary_alt:where([data-rac])[data-hovered]>*)[data-text]{-webkit-text-decoration-color:var(--color-fg-brand-secondary_alt);text-decoration-color:var(--color-fg-brand-secondary_alt)}@media (hover:hover){:is(.hover\:\*\:data-text\:decoration-fg-brand-secondary_alt:where(:not([data-rac])):hover>*)[data-text]{-webkit-text-decoration-color:var(--color-fg-brand-secondary_alt);text-decoration-color:var(--color-fg-brand-secondary_alt)}}:is(.hover\:\*\:data-text\:decoration-fg-quaternary:where([data-rac])[data-hovered]>*)[data-text]{-webkit-text-decoration-color:var(--color-fg-quaternary);text-decoration-color:var(--color-fg-quaternary)}@media (hover:hover){:is(.hover\:\*\:data-text\:decoration-fg-quaternary:where(:not([data-rac])):hover>*)[data-text]{-webkit-text-decoration-color:var(--color-fg-quaternary);text-decoration-color:var(--color-fg-quaternary)}}@media (prefers-reduced-motion:reduce){.motion-reduce\:-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.motion-reduce\:animate-none{animation:none}}@media not all and (width>=64rem){.max-lg\:fixed{position:fixed}.max-lg\:inset-x-0{inset-inline:calc(var(--spacing) * 0)}.max-lg\:order-2{order:2}.max-lg\:order-last{order:9999}.max-lg\:hidden{display:none}.max-lg\:min-h-screen{min-height:100vh}.max-lg\:w-full{width:100%}.max-lg\:min-w-full{min-width:100%}.max-lg\:flex-1{flex:1}.max-lg\:overflow-y-auto{overflow-y:auto}.max-lg\:px-container-mobile{padding-inline:var(--spacing-container-mobile)}.max-lg\:pt-header-mobile{padding-top:var(--spacing-header-mobile)}.max-lg\:pb-bottombar{padding-bottom:var(--spacing-bottombar)}}@media not all and (width>=48rem){.max-md\:hidden{display:none}.max-md\:flex-col{flex-direction:column}.max-md\:pl-1{padding-left:calc(var(--spacing) * 1)}.max-md\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.max-md\:ring-secondary_alt{--tw-ring-color:var(--color-secondary_alt)}}@media not all and (width>=40rem){.max-sm\:col-span-2{grid-column:span 2/span 2}.max-sm\:hidden{display:none}.max-sm\:max-h-\[90vh\]{max-height:90vh}.max-sm\:w-\[95\%\]{width:95%}.max-sm\:\[grid-template-columns\:repeat\(auto-fill\,minmax\(100px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.max-sm\:flex-col{flex-direction:column}.max-sm\:overflow-y-auto{overflow-y:auto}.max-sm\:rounded-xl{border-radius:var(--radius-xl)}}@media (width>=40rem){.sm\:top-4{top:calc(var(--spacing) * 4)}.sm\:right-4{right:calc(var(--spacing) * 4)}.sm\:order-2{order:2}.sm\:order-3{order:3}.sm\:col-span-1{grid-column:span 1/span 1}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:mx-6{margin-inline:calc(var(--spacing) * 6)}.sm\:mr-0{margin-right:calc(var(--spacing) * 0)}.sm\:ml-auto{margin-left:auto}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:h-6{height:calc(var(--spacing) * 6)}.sm\:h-77{height:calc(var(--spacing) * 77)}.sm\:w-48{width:calc(var(--spacing) * 48)}.sm\:w-72{width:calc(var(--spacing) * 72)}.sm\:max-w-100{max-width:calc(var(--spacing) * 100)}.sm\:max-w-110{max-width:calc(var(--spacing) * 110)}.sm\:max-w-120{max-width:calc(var(--spacing) * 120)}.sm\:max-w-150{max-width:calc(var(--spacing) * 150)}.sm\:max-w-160{max-width:calc(var(--spacing) * 160)}.sm\:max-w-172{max-width:calc(var(--spacing) * 172)}.sm\:max-w-200{max-width:calc(var(--spacing) * 200)}.sm\:max-w-md{max-width:var(--spacing-md)}.sm\:max-w-xs{max-width:var(--container-xs)}.sm\:flex-none{flex:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-\[1fr_112px\]{grid-template-columns:1fr 112px}.sm\:grid-cols-\[280px_1fr\]{grid-template-columns:280px 1fr}.sm\:grid-cols-\[auto_1fr_auto\]{grid-template-columns:auto 1fr auto}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:justify-center{justify-content:center}.sm\:justify-end{justify-content:flex-end}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:gap-\[var\(--radius-xs\)\]{gap:var(--radius-xs)}.sm\:self-auto{align-self:auto}.sm\:justify-self-start{justify-self:flex-start}.sm\:rounded-2xl{border-radius:var(--radius-2xl)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:px-0{padding-inline:calc(var(--spacing) * 0)}.sm\:px-3{padding-inline:calc(var(--spacing) * 3)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-4{padding-block:calc(var(--spacing) * 4)}.sm\:py-5{padding-block:calc(var(--spacing) * 5)}.sm\:py-6{padding-block:calc(var(--spacing) * 6)}.sm\:pt-6{padding-top:calc(var(--spacing) * 6)}.sm\:pt-8{padding-top:calc(var(--spacing) * 8)}.sm\:pb-6{padding-bottom:calc(var(--spacing) * 6)}.sm\:text-left{text-align:left}.sm\:text-display-xl{font-size:var(--text-display-xl);line-height:var(--tw-leading,var(--text-display-xl--line-height))}}@media (width>=48rem){.md\:absolute{position:absolute}.md\:static{position:static}.md\:top-5{top:calc(var(--spacing) * 5)}.md\:top-15{top:calc(var(--spacing) * 15)}.md\:right-5{right:calc(var(--spacing) * 5)}.md\:right-6{right:calc(var(--spacing) * 6)}.md\:left-0{left:calc(var(--spacing) * 0)}.md\:left-18{left:calc(var(--spacing) * 18)}.md\:mt-5{margin-top:calc(var(--spacing) * 5)}.md\:ml-auto{margin-left:auto}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.md\:h-32{height:calc(var(--spacing) * 32)}.md\:h-36{height:calc(var(--spacing) * 36)}.md\:max-h-\[80vh\]{max-height:80vh}.md\:min-h-45{min-height:calc(var(--spacing) * 45)}.md\:min-h-59\.5{min-height:calc(var(--spacing) * 59.5)}.md\:w-0{width:calc(var(--spacing) * 0)}.md\:w-18{width:calc(var(--spacing) * 18)}.md\:w-22{width:calc(var(--spacing) * 22)}.md\:w-38{width:calc(var(--spacing) * 38)}.md\:w-\[var\(--size-layout-5xl\)\]{width:var(--size-layout-5xl)}.md\:w-auto{width:auto}.md\:max-w-xs{max-width:var(--container-xs)}.md\:-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-\[minmax\(200px\,280px\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(200px,280px) minmax(0,1fr)}.md\:grid-cols-\[minmax\(var\(--size-label-min\)\,var\(--size-label-max\)\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(var(--size-label-min),var(--size-label-max)) minmax(0,1fr)}.md\:grid-cols-\[minmax\(var\(--size-thumb-md\)\,var\(--size-label-narrow-max\)\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(var(--size-thumb-md),var(--size-label-narrow-max)) minmax(0,1fr)}.md\:flex-col{flex-direction:column}.md\:flex-row{flex-direction:row}.md\:flex-nowrap{flex-wrap:nowrap}.md\:items-center{align-items:center}.md\:items-start{align-items:flex-start}.md\:justify-between{justify-content:space-between}.md\:justify-center{justify-content:center}.md\:justify-end{justify-content:flex-end}.md\:justify-start{justify-content:flex-start}.md\:gap-0{gap:calc(var(--spacing) * 0)}.md\:gap-0\.5{gap:calc(var(--spacing) * .5)}.md\:gap-1{gap:calc(var(--spacing) * 1)}.md\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}.md\:gap-2{gap:calc(var(--spacing) * 2)}.md\:gap-3{gap:calc(var(--spacing) * 3)}.md\:gap-4{gap:calc(var(--spacing) * 4)}.md\:gap-5{gap:calc(var(--spacing) * 5)}.md\:gap-6{gap:calc(var(--spacing) * 6)}.md\:gap-8{gap:calc(var(--spacing) * 8)}.md\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.md\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.md\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.md\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.md\:p-0{padding:calc(var(--spacing) * 0)}.md\:p-1\.5{padding:calc(var(--spacing) * 1.5)}.md\:p-4{padding:calc(var(--spacing) * 4)}.md\:p-5{padding:calc(var(--spacing) * 5)}.md\:p-6{padding:calc(var(--spacing) * 6)}.md\:px-0{padding-inline:calc(var(--spacing) * 0)}.md\:px-5{padding-inline:calc(var(--spacing) * 5)}.md\:px-6{padding-inline:calc(var(--spacing) * 6)}.md\:px-8{padding-inline:calc(var(--spacing) * 8)}.md\:py-3{padding-block:calc(var(--spacing) * 3)}.md\:py-4{padding-block:calc(var(--spacing) * 4)}.md\:py-6{padding-block:calc(var(--spacing) * 6)}.md\:pt-0\.5{padding-top:calc(var(--spacing) * .5)}.md\:pt-3{padding-top:calc(var(--spacing) * 3)}.md\:pt-5{padding-top:calc(var(--spacing) * 5)}.md\:pt-8{padding-top:calc(var(--spacing) * 8)}.md\:pt-16{padding-top:calc(var(--spacing) * 16)}.md\:pr-0{padding-right:calc(var(--spacing) * 0)}.md\:pr-2{padding-right:calc(var(--spacing) * 2)}.md\:pr-3{padding-right:calc(var(--spacing) * 3)}.md\:pr-5{padding-right:calc(var(--spacing) * 5)}.md\:pr-8{padding-right:calc(var(--spacing) * 8)}.md\:pb-4{padding-bottom:calc(var(--spacing) * 4)}.md\:pb-5{padding-bottom:calc(var(--spacing) * 5)}.md\:pl-0{padding-left:calc(var(--spacing) * 0)}.md\:pl-4{padding-left:calc(var(--spacing) * 4)}.md\:pl-5{padding-left:calc(var(--spacing) * 5)}.md\:pl-6{padding-left:calc(var(--spacing) * 6)}.md\:pl-10{padding-left:calc(var(--spacing) * 10)}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-md{font-size:var(--text-md);line-height:var(--tw-leading,var(--text-md--line-height))}.md\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.md\:ring-secondary_alt{--tw-ring-color:var(--color-secondary_alt)}}@media (width>=64rem){.lg\:fixed{position:fixed}.lg\:sticky{position:sticky}.lg\:inset-y-0{inset-block:calc(var(--spacing) * 0)}.lg\:top-0{top:calc(var(--spacing) * 0)}.lg\:bottom-0{bottom:calc(var(--spacing) * 0)}.lg\:left-0{left:calc(var(--spacing) * 0)}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:-mx-8{margin-inline:calc(var(--spacing) * -8)}.lg\:-mt-10{margin-top:calc(var(--spacing) * -10)}.lg\:mr-shell-column{margin-right:var(--spacing-shell-column)}.lg\:mr-sidebar{margin-right:var(--spacing-sidebar)}.lg\:ml-0{margin-left:calc(var(--spacing) * 0)}.lg\:ml-64{margin-left:calc(var(--spacing) * 64)}.lg\:ml-shell-column{margin-left:var(--spacing-shell-column)}.lg\:ml-sidebar{margin-left:var(--spacing-sidebar)}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:\!size-24{width:calc(var(--spacing) * 24)!important;height:calc(var(--spacing) * 24)!important}.lg\:size-24{width:calc(var(--spacing) * 24);height:calc(var(--spacing) * 24)}.lg\:h-60{height:calc(var(--spacing) * 60)}.lg\:h-full{height:100%}.lg\:min-h-\[calc\(100vh-var\(--spacing-header\)\)\]{min-height:calc(100vh - var(--spacing-header))}.lg\:w-\(--width\){width:var(--width)}.lg\:w-80{width:calc(var(--spacing) * 80)}.lg\:translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,3fr\)_minmax\(0\,2fr\)\]{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.lg\:grid-cols-\[minmax\(200px\,280px\)_minmax\(400px\,512px\)\]{grid-template-columns:minmax(200px,280px) minmax(400px,512px)}.lg\:grid-cols-\[minmax\(var\(--size-label-min\)\,var\(--size-label-max\)\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(var(--size-label-min),var(--size-label-max)) minmax(0,1fr)}.lg\:grid-cols-\[minmax\(var\(--size-label-min\)\,var\(--size-label-max\)\)_minmax\(400px\,512px\)\]{grid-template-columns:minmax(var(--size-label-min),var(--size-label-max)) minmax(400px,512px)}.lg\:grid-cols-\[minmax\(var\(--size-thumb-md\)\,var\(--size-label-narrow-max\)\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(var(--size-thumb-md),var(--size-label-narrow-max)) minmax(0,1fr)}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}.lg\:gap-4{gap:calc(var(--spacing) * 4)}.lg\:gap-5{gap:calc(var(--spacing) * 5)}.lg\:gap-6{gap:calc(var(--spacing) * 6)}.lg\:gap-8{gap:calc(var(--spacing) * 8)}.lg\:gap-12{gap:calc(var(--spacing) * 12)}.lg\:p-8{padding:calc(var(--spacing) * 8)}.lg\:px-4{padding-inline:calc(var(--spacing) * 4)}.lg\:px-5{padding-inline:calc(var(--spacing) * 5)}.lg\:px-6{padding-inline:calc(var(--spacing) * 6)}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:py-5{padding-block:calc(var(--spacing) * 5)}.lg\:py-6{padding-block:calc(var(--spacing) * 6)}.lg\:pt-0{padding-top:calc(var(--spacing) * 0)}.lg\:pt-1{padding-top:calc(var(--spacing) * 1)}.lg\:pt-5{padding-top:calc(var(--spacing) * 5)}.lg\:pt-16{padding-top:calc(var(--spacing) * 16)}.lg\:pt-header{padding-top:var(--spacing-header)}.lg\:pt-shell-top{padding-top:var(--spacing-shell-top)}.lg\:pr-10{padding-right:calc(var(--spacing) * 10)}.lg\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.lg\:text-display-md{font-size:var(--text-display-md);line-height:var(--tw-leading,var(--text-display-md--line-height))}.lg\:text-md{font-size:var(--text-md);line-height:var(--tw-leading,var(--text-md--line-height))}:is(.lg\:\*\*\:data-label\:hidden *)[data-label]{display:none}}@media (width>=80rem){.xl\:flex{display:flex}.xl\:w-full{width:100%}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:pt-\[clamp\(64px\,10vh\,243px\)\]{padding-top:clamp(64px,10vh,243px)}}.dark\:hidden:is(.dark *){display:none}.dark\:border-b:is(.dark *){border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.dark\:border-border-secondary:is(.dark *){border-color:var(--color-border-secondary)}.dark\:bg-linear-\(--gradient-dark\):is(.dark *){--tw-gradient-position:var(--gradient-dark);background-image:linear-gradient(var(--tw-gradient-stops,var(--gradient-dark)))}.placement-right\:slide-in-from-left-0\.5[data-placement=right]{--tw-enter-translate-x:-.125rem}.placement-right\:slide-out-to-left-0\.5[data-placement=right]{--tw-exit-translate-x:-.125rem}.placement-top\:slide-in-from-bottom-0\.5[data-placement=top]{--tw-enter-translate-y:.125rem}.placement-top\:slide-out-to-bottom-0\.5[data-placement=top]{--tw-exit-translate-y:.125rem}.placement-bottom\:slide-in-from-top-0\.5[data-placement=bottom]{--tw-enter-translate-y:-.125rem}.placement-bottom\:slide-out-to-top-0\.5[data-placement=bottom]{--tw-exit-translate-y:-.125rem}.current\:overflow-hidden[data-current]{overflow:hidden}.pressed\:bg-primary_hover[data-pressed]{background-color:var(--color-primary_hover)}.pressed\:text-fg-quaternary_hover[data-pressed]{color:var(--color-fg-quaternary_hover)}.pressed\:outline-hidden[data-pressed]{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.pressed\:outline-hidden[data-pressed]{outline-offset:2px;outline:2px solid #0000}}.selected\:bg-primary_hover[data-selected]{background-color:var(--color-primary_hover)}.selected\:text-secondary_hover[data-selected]{color:var(--color-secondary_hover)}.label\:hidden [data-label]{display:none}@media (width>=48rem){.md\:label\:hidden [data-label]{display:none}}@media (width>=64rem){.lg\:label\:hidden [data-label]{display:none}}.\[\&\]\:snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.\[\&\]\:snap-mandatory{--tw-scroll-snap-strictness:mandatory}.\[\&_\*\]\:truncate *{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\[\&_\*\]\:\!text-error-primary *{color:var(--color-error-primary)!important}.\[\&_\.dark-mode\]\:\!hidden .dark-mode{display:none!important}.\[\&_\[data-label\]\]\:justify-center [data-label]{justify-content:center}.\[\&_\[data-label\]\]\:text-white [data-label]{color:var(--color-white)}@media (width>=40rem){.sm\:\[\&_\[data-label\]\]\:hidden [data-label]{display:none}}.\[\&_a\]\:rounded-xs a{border-radius:var(--radius-xs)}.\[\&_a\]\:text-brand-secondary a{color:var(--color-brand-secondary)}.\[\&_a\]\:underline a{text-decoration-line:underline}.\[\&_a\]\:underline-offset-2 a{text-underline-offset:2px}.\[\&_a\]\:outline-focus-ring a{outline-color:var(--color-focus-ring)}.\[\&_a\]\:transition a{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[\&_a\]\:duration-100 a{--tw-duration:.1s;transition-duration:.1s}.\[\&_a\]\:ease-linear a{--tw-ease:linear;transition-timing-function:linear}.\[\&_a\]\:duration-100 a{animation-duration:.1s}.\[\&_a\]\:ease-linear a{animation-timing-function:linear}.\[\&_a\]\:focus-visible\:outline-2 a:where([data-rac])[data-focus-visible],.\[\&_a\]\:focus-visible\:outline-2 a:where(:not([data-rac])):focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.\[\&_a\]\:focus-visible\:outline-offset-2 a:where([data-rac])[data-focus-visible],.\[\&_a\]\:focus-visible\:outline-offset-2 a:where(:not([data-rac])):focus-visible{outline-offset:2px}.\[\&_article\>div\.rounded-tr-none\]\:\!bg-\[\#30A67E\] article>div.rounded-tr-none{background-color:#30a67e!important}.\[\&_li\>img\]\:invisible li>img,.\[\&_li\>span\:first-child\]\:invisible li>span:first-child{visibility:hidden}.\[\&_p\]\:text-center p{text-align:center}.\[\&_svg\]\:animate-spin svg{animation:var(--animate-spin)}.\[\&_svg\]\:\!text-fg-error-primary svg{color:var(--color-fg-error-primary)!important}.\[\&_svg\:not\(\[data-icon\]\)\]\:hidden svg:not([data-icon]){display:none}.\[\&_td\]\:p-0 td{padding:calc(var(--spacing) * 0)}.\[\&_tr\]\:border-b-4 tr{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.\[\&_tr\]\:border-transparent tr{border-color:#0000}.\[\&_tr\:last-of-type\]\:border-none tr:last-of-type{--tw-border-style:none;border-style:none}.\[\&\:\:-moz-range-thumb\]\:h-3::-moz-range-thumb{height:calc(var(--spacing) * 3)}.\[\&\:\:-moz-range-thumb\]\:w-3::-moz-range-thumb{width:calc(var(--spacing) * 3)}.\[\&\:\:-moz-range-thumb\]\:appearance-none::-moz-range-thumb{appearance:none}.\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb{border-radius:var(--radius-full)}.\[\&\:\:-moz-range-thumb\]\:border-0::-moz-range-thumb{border-style:var(--tw-border-style);border-width:0}.\[\&\:\:-moz-range-thumb\]\:bg-white::-moz-range-thumb{background-color:var(--color-white)}.\[\&\:\:-webkit-resizer\]\:bg-\(image\:--resize-handle-bg\)::-webkit-resizer{background-image:var(--resize-handle-bg)}.\[\&\:\:-webkit-resizer\]\:bg-contain::-webkit-resizer{background-size:contain}.dark\:\[\&\:\:-webkit-resizer\]\:bg-\(image\:--resize-handle-bg-dark\):is(.dark *)::-webkit-resizer{background-image:var(--resize-handle-bg-dark)}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\:\:-webkit-scrollbar\]\:w-2::-webkit-scrollbar{width:calc(var(--spacing) * 2)}.\[\&\:\:-webkit-scrollbar-track\]\:rounded-full::-webkit-scrollbar-track{border-radius:var(--radius-full)}.\[\&\:\:-webkit-scrollbar-track\]\:bg-primary::-webkit-scrollbar-track{background-color:var(--color-primary)}.\[\&\:\:-webkit-slider-thumb\]\:h-3::-webkit-slider-thumb{height:calc(var(--spacing) * 3)}.\[\&\:\:-webkit-slider-thumb\]\:w-3::-webkit-slider-thumb{width:calc(var(--spacing) * 3)}.\[\&\:\:-webkit-slider-thumb\]\:translate-x-0::-webkit-slider-thumb{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb{appearance:none}.\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb{border-radius:var(--radius-full)}.\[\&\:\:-webkit-slider-thumb\]\:bg-fg-white::-webkit-slider-thumb{background-color:var(--color-fg-white)}.\[\&\>\*\:not\(\[data-icon\=loading\]\)\]\:invisible>:not([data-icon=loading]){visibility:hidden}.\[\&\>\*\:not\(\[data-icon\=loading\]\)\:not\(\[data-text\]\)\]\:hidden>:not([data-icon=loading]):not([data-text]){display:none}.\[\&\>\.shiki\]\:overflow-x-auto>.shiki{overflow-x:auto}.\[\&\>code\]\:w-full>code{width:100%}@media (width>=64rem){.\[\&\>label\]\:lg\:hidden>label{display:none}}.bg-primary{background-color:var(--color-bg-primary)}.bg-feed{background-color:var(--color-bg-feed)}.bg-primary_alt{background-color:var(--color-bg-primary_alt)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-secondary_alt{background-color:var(--color-bg-secondary_alt)}.bg-secondary_subtle{background-color:var(--color-bg-secondary_subtle)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.bg-quaternary{background-color:var(--color-bg-quaternary)}.bg-active{background-color:var(--color-bg-active)}.bg-disabled{background-color:var(--color-bg-disabled)}.bg-disabled_subtle{background-color:var(--color-bg-disabled_subtle)}.bg-overlay,.bg-overlay\/70{background-color:var(--color-bg-overlay)}.bg-modal{background-color:var(--color-bg-modal)}.bg-primary-25{background-color:var(--color-brand-25)}.bg-brand-primary{background-color:var(--color-bg-brand-primary)}.bg-brand-primary_alt{background-color:var(--color-bg-brand-primary_alt)}.bg-brand-secondary{background-color:var(--color-bg-brand-secondary)}.bg-brand-solid{background-color:var(--color-bg-brand-solid)}.bg-brand-solid_hover{background-color:var(--color-bg-brand-solid_hover)}.bg-brand-section{background-color:var(--color-bg-brand-section)}.bg-brand-section_subtle{background-color:var(--color-bg-brand-section_subtle)}.bg-error-primary{background-color:var(--color-bg-error-primary)}.bg-error-secondary{background-color:var(--color-bg-error-secondary)}.bg-error-solid{background-color:var(--color-bg-error-solid)}.bg-error-solid_hover{background-color:var(--color-bg-error-solid_hover)}.bg-warning-primary{background-color:var(--color-bg-warning-primary)}.bg-warning-secondary{background-color:var(--color-bg-warning-secondary)}.bg-warning-solid{background-color:var(--color-bg-warning-solid)}.bg-warning-solid_hover{background-color:var(--color-bg-warning-solid_hover)}.bg-success-primary{background-color:var(--color-bg-success-primary)}.bg-success-secondary{background-color:var(--color-bg-success-secondary)}.bg-success-solid{background-color:var(--color-bg-success-solid)}.bg-success-solid_hover{background-color:var(--color-bg-success-solid_hover)}.bg-altyn-coin{background-image:var(--gradient-altyn-coin-bg)}.bg-altyn-coin-btn{background-image:var(--gradient-altyn-coin-btn)}.bg-eric-brand{background-image:var(--gradient-eric-brand)}.bg-birthday-pink{background-image:var(--gradient-birthday-pink-bg)}.bg-birthday-pink-card{background-image:var(--gradient-birthday-pink-card)}.bg-birthday-pink-active{background-image:var(--gradient-birthday-pink-active)}.bg-birthday-blue{background-image:var(--gradient-birthday-blue-bg)}.bg-birthday-blue-card{background-image:var(--gradient-birthday-blue-card)}.bg-birthday-blue-active{background-image:var(--gradient-birthday-blue-active)}.text-rating-star{color:var(--color-rating-star)}.fill-rating-star{fill:var(--color-rating-star)}.hover\:bg-primary:hover{background-color:var(--color-bg-primary)}.hover\:bg-primary_hover:hover{background-color:var(--color-bg-primary_hover)}.hover\:bg-primary_alt:hover{background-color:var(--color-bg-primary_alt)}.hover\:bg-secondary:hover{background-color:var(--color-bg-secondary)}.hover\:bg-secondary_hover:hover{background-color:var(--color-bg-secondary_hover)}.hover\:bg-secondary_alt:hover{background-color:var(--color-bg-secondary_alt)}.hover\:bg-tertiary:hover{background-color:var(--color-bg-tertiary)}.hover\:bg-quaternary:hover{background-color:var(--color-bg-quaternary)}.hover\:bg-active:hover{background-color:var(--color-bg-active)}.hover\:bg-brand-solid_hover:hover{background-color:var(--color-bg-brand-solid_hover)}.hover\:bg-error-primary:hover{background-color:var(--color-bg-error-primary)}.hover\:bg-error-solid_hover:hover{background-color:var(--color-bg-error-solid_hover)}.hover\:bg-warning-solid_hover:hover{background-color:var(--color-bg-warning-solid_hover)}.hover\:bg-success-solid_hover:hover{background-color:var(--color-bg-success-solid_hover)}.text-primary{color:var(--color-text-primary)}.text-primary_on-brand{color:var(--color-text-primary_on-brand)}.text-secondary{color:var(--color-text-secondary)}.text-secondary_hover{color:var(--color-text-secondary_hover)}.text-secondary_on-brand{color:var(--color-text-secondary_on-brand)}.text-tertiary{color:var(--color-text-tertiary)}.text-tertiary_on-brand{color:var(--color-text-tertiary_on-brand)}.text-quaternary{color:var(--color-text-quaternary)}.text-quaternary_on-brand{color:var(--color-text-quaternary_on-brand)}.text-white{color:var(--color-text-white)}.text-disabled{color:var(--color-text-disabled)}.text-placeholder{color:var(--color-text-placeholder)}.text-placeholder_subtle{color:var(--color-text-placeholder_subtle)}.text-brand-primary{color:var(--color-text-brand-primary)}.text-brand-secondary{color:var(--color-text-brand-secondary)}.text-brand-secondary_hover{color:var(--color-text-brand-secondary_hover)}.text-brand-tertiary{color:var(--color-text-brand-tertiary)}.text-brand-tertiary_alt{color:var(--color-text-brand-tertiary_alt)}.text-error-primary{color:var(--color-text-error-primary)}.text-error-primary_hover{color:var(--color-text-error-primary_hover)}.text-warning-primary{color:var(--color-text-warning-primary)}.text-success-primary{color:var(--color-text-success-primary)}.text-fg-white{color:var(--color-fg-white)}.text-fg-primary{color:var(--color-fg-primary)}.text-fg-secondary{color:var(--color-fg-secondary)}.text-fg-tertiary{color:var(--color-fg-tertiary)}.text-fg-quaternary{color:var(--color-fg-quaternary)}.text-fg-quaternary_hover{color:var(--color-fg-quaternary_hover)}.text-fg-quinary{color:var(--color-fg-quinary)}.text-fg-senary{color:var(--color-fg-senary)}.text-fg-disabled{color:var(--color-fg-disabled)}.text-fg-disabled_subtle{color:var(--color-fg-disabled_subtle)}.text-fg-brand-primary{color:var(--color-fg-brand-primary)}.text-fg-brand-primary_alt{color:var(--color-fg-brand-primary_alt)}.text-fg-brand-secondary{color:var(--color-fg-brand-secondary)}.text-fg-brand-secondary_alt{color:var(--color-fg-brand-secondary_alt)}.text-fg-error-primary{color:var(--color-fg-error-primary)}.text-fg-error-secondary{color:var(--color-fg-error-secondary)}.text-fg-warning-primary{color:var(--color-fg-warning-primary)}.text-fg-warning-secondary{color:var(--color-fg-warning-secondary)}.text-fg-success-primary{color:var(--color-fg-success-primary)}.text-fg-success-secondary{color:var(--color-fg-success-secondary)}.hover\:text-primary:hover{color:var(--color-text-primary)}.hover\:text-secondary:hover{color:var(--color-text-secondary)}.hover\:text-secondary_hover:hover{color:var(--color-text-secondary_hover)}.hover\:text-tertiary:hover{color:var(--color-text-tertiary)}.hover\:text-tertiary_hover:hover{color:var(--color-text-tertiary_hover)}.hover\:text-quaternary:hover{color:var(--color-text-quaternary)}.hover\:text-quaternary_hover:hover{color:var(--color-text-quaternary_hover)}.hover\:text-brand-secondary_hover:hover{color:var(--color-text-brand-secondary_hover)}.hover\:text-error-primary_hover:hover{color:var(--color-text-error-primary_hover)}.hover\:text-fg-secondary_hover:hover{color:var(--color-fg-secondary_hover)}.hover\:text-fg-tertiary_hover:hover{color:var(--color-fg-tertiary_hover)}.hover\:text-fg-quaternary_hover:hover{color:var(--color-fg-quaternary_hover)}.hover\:text-fg-quinary_hover:hover{color:var(--color-fg-quinary_hover)}.hover\:text-fg-brand-secondary_hover:hover{color:var(--color-fg-brand-secondary_hover)}.group\/item:hover .group-hover\/item\:text-fg-quaternary_hover{color:var(--color-fg-quaternary_hover)}.group\/item:hover .group-hover\/item\:text-secondary_hover{color:var(--color-text-secondary_hover)}.before\:border-secondary:before{border-color:var(--color-border-secondary)}.before\:border-primary:before{border-color:var(--color-border-primary)}.before\:border-tertiary:before{border-color:var(--color-border-tertiary)}.after\:border-secondary:after{border-color:var(--color-border-secondary)}.after\:border-primary:after{border-color:var(--color-border-primary)}.before\:bg-primary:before{background-color:var(--color-bg-primary)}.before\:bg-secondary:before{background-color:var(--color-bg-secondary)}.border-primary{border-color:var(--color-border-primary)}.border-secondary{border-color:var(--color-border-secondary)}.border-secondary_alt{border-color:var(--color-border-secondary_alt)}.border-tertiary{border-color:var(--color-border-tertiary)}.border-disabled{border-color:var(--color-border-disabled)}.border-disabled_subtle{border-color:var(--color-border-disabled_subtle)}.border-brand{border-color:var(--color-border-brand)}.border-brand-solid{border-color:var(--color-border-brand-solid)}.border-brand-solid_alt{border-color:var(--color-border-brand-solid_alt)}.border-error{border-color:var(--color-border-error)}.border-error-solid{border-color:var(--color-border-error-solid)}.border-error_subtle{border-color:var(--color-border-error_subtle)}.border-warning{border-color:var(--color-border-warning)}.border-warning-solid{border-color:var(--color-border-warning-solid)}.border-success{border-color:var(--color-border-success)}.border-success-solid{border-color:var(--color-border-success-solid)}.border-border-primary{border-color:var(--color-border-primary)}.border-border-secondary{border-color:var(--color-border-secondary)}.border-border-secondary_alt{border-color:var(--color-border-secondary_alt)}.border-border-brand{border-color:var(--color-border-brand)}.border-border-error{border-color:var(--color-border-error)}.ring-primary{--tw-ring-color:var(--color-ring-primary)}.ring-brand{--tw-ring-color:var(--color-ring-brand)}.ring-brand-solid{--tw-ring-color:var(--color-ring-brand-solid)}.ring-error{--tw-ring-color:var(--color-ring-error)}.ring-error_subtle{--tw-ring-color:var(--color-ring-error_subtle)}.ring-secondary{--tw-ring-color:var(--color-border-secondary)}.ring-secondary_alt{--tw-ring-color:var(--color-ring-secondary_alt)}.ring-border-primary{--tw-ring-color:var(--color-border-primary)}.ring-border-secondary{--tw-ring-color:var(--color-border-secondary)}.ring-border-brand{--tw-ring-color:var(--color-border-brand)}.ring-border-error{--tw-ring-color:var(--color-border-error)}.ring-border-error_subtle{--tw-ring-color:var(--color-border-error_subtle)}.ring-border-error-solid{--tw-ring-color:var(--color-border-error-solid)}.outline-focus-ring{outline-color:var(--color-focus-ring)}.outline-brand{outline-color:var(--color-border-brand-solid)}.outline-error{outline-color:var(--color-border-error-solid)}@layer utilities{.shadow-xs{--tw-shadow:var(--shadow-xs);box-shadow:var(--tw-inset-shadow,0 0 transparent), var(--tw-inset-ring-shadow,0 0 transparent), var(--tw-ring-offset-shadow,0 0 transparent), var(--tw-ring-shadow,0 0 transparent), var(--tw-shadow,0 0 transparent)}.shadow-sm{--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow,0 0 transparent), var(--tw-inset-ring-shadow,0 0 transparent), var(--tw-ring-offset-shadow,0 0 transparent), var(--tw-ring-shadow,0 0 transparent), var(--tw-shadow,0 0 transparent)}.shadow-md{--tw-shadow:var(--shadow-md);box-shadow:var(--tw-inset-shadow,0 0 transparent), var(--tw-inset-ring-shadow,0 0 transparent), var(--tw-ring-offset-shadow,0 0 transparent), var(--tw-ring-shadow,0 0 transparent), var(--tw-shadow,0 0 transparent)}.shadow-lg{--tw-shadow:var(--shadow-lg);box-shadow:var(--tw-inset-shadow,0 0 transparent), var(--tw-inset-ring-shadow,0 0 transparent), var(--tw-ring-offset-shadow,0 0 transparent), var(--tw-ring-shadow,0 0 transparent), var(--tw-shadow,0 0 transparent)}.shadow-xl{--tw-shadow:var(--shadow-xl);box-shadow:var(--tw-inset-shadow,0 0 transparent), var(--tw-inset-ring-shadow,0 0 transparent), var(--tw-ring-offset-shadow,0 0 transparent), var(--tw-ring-shadow,0 0 transparent), var(--tw-shadow,0 0 transparent)}.shadow-skeuomorphic,.shadow-xs-skeuomorphic{--tw-shadow:0px 1px 2px 0px #1018280d, 0px -2px 0px 0px #1018280d inset;box-shadow:var(--tw-inset-shadow,0 0 transparent), var(--tw-inset-ring-shadow,0 0 transparent), var(--tw-ring-offset-shadow,0 0 transparent), var(--tw-ring-shadow,0 0 transparent), var(--tw-shadow,0 0 transparent)}}.shadow-skeumorphic-inner-border{box-shadow:inset 0 0 0 1px #ffffff1f}.shadow-border-secondary{box-shadow:inset 0px 1px 0px 0px var(--color-border-secondary)}.mask-linear-135{-webkit-mask-image:linear-gradient(135deg,#000 0%,#0000 100%);mask-image:linear-gradient(135deg,#000 0%,#0000 100%)}.mask-linear-to-white\/20{-webkit-mask-image:linear-gradient(#0000 0%,#fff3 100%);mask-image:linear-gradient(#0000 0%,#fff3 100%)}.in-data-input-wrapper\:shadow-xs{box-shadow:var(--shadow-xs)}.in-data-input-wrapper\:focus\:\!z-50:focus{z-index:50!important}.to-bg-primary{--tw-gradient-to:var(--color-bg-primary)}.from-bg-primary{--tw-gradient-from:var(--color-bg-primary)}.to-bg-active{--tw-gradient-to:var(--color-bg-active)}.from-bg-active{--tw-gradient-from:var(--color-bg-active)}.ring-offset-bg-primary{--tw-ring-offset-color:var(--color-bg-primary)}.ring-bg-primary{--tw-ring-color:var(--color-bg-primary)}.divide-primary>:not([hidden])~:not([hidden]){border-color:var(--color-border-primary)}.divide-secondary>:not([hidden])~:not([hidden]){border-color:var(--color-border-secondary)}.divide-tertiary>:not([hidden])~:not([hidden]){border-color:var(--color-border-tertiary)}.transition-inherit-all{transition-property:inherit;transition-duration:inherit;transition-timing-function:inherit}.decoration-transparent{text-decoration-color:#0000}.decoration-fg-brand-secondary_alt{-webkit-text-decoration-color:var(--color-fg-brand-secondary_alt);text-decoration-color:var(--color-fg-brand-secondary_alt)}.decoration-fg-quaternary{-webkit-text-decoration-color:var(--color-fg-quaternary);text-decoration-color:var(--color-fg-quaternary)}.decoration-current{text-decoration-color:currentColor}.stroke-\[2\.25px\]{stroke-width:var(--ring-width-md)}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.font-mono{font-family:var(--font-mono)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.bg-secondary-solid{background-color:var(--color-bg-secondary-solid,var(--color-text-secondary))}.hover\:bg-brand-primary:hover{background-color:var(--color-bg-brand-primary)}.hover\:bg-brand-primary_hover:hover{background-color:var(--color-bg-brand-primary_hover)}.hover\:bg-brand-secondary:hover{background-color:var(--color-bg-brand-secondary)}.focus\:ring-brand:focus{--tw-ring-color:var(--color-ring-brand)}.focus\:ring-brand-solid:focus{--tw-ring-color:var(--color-ring-brand-solid)}.focus\:border-brand-solid:focus{border-color:var(--color-border-brand-solid)}.focus\:border-error:focus{border-color:var(--color-border-error-solid)}.tracking-display-2xl,.tracking-display-xl{letter-spacing:var(--letter-spacing-tighter)}.tracking-display-lg,.tracking-display-md{letter-spacing:var(--letter-spacing-tight)}.tracking-display-sm,.tracking-display-xs{letter-spacing:var(--letter-spacing-snug)}.text-secondary\/50{color:var(--color-text-secondary)}@supports (color:color-mix(in lab, red, red)){.text-secondary\/50{color:color-mix(in srgb, var(--color-text-secondary) 50%, transparent)}}.text-primary\/50{color:var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.text-primary\/50{color:color-mix(in srgb, var(--color-text-primary) 50%, transparent)}}.bg-primary\/50{background-color:var(--color-bg-primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/50{background-color:color-mix(in srgb, var(--color-bg-primary) 50%, transparent)}}[data-selected].selected\:bg-primary_hover,.selected\:bg-primary_hover[data-selected]{background-color:var(--color-bg-primary_hover)}[data-selected].selected\:text-secondary_hover,.selected\:text-secondary_hover[data-selected]{color:var(--color-text-secondary_hover)}.text-display-2xl{font-size:var(--text-display-2xl);line-height:var(--text-display-2xl--line-height)}.text-display-xl{font-size:var(--text-display-xl);line-height:var(--text-display-xl--line-height)}.text-display-lg{font-size:var(--text-display-lg);line-height:var(--text-display-lg--line-height)}.text-display-md{font-size:var(--text-display-md);line-height:var(--text-display-md--line-height)}.text-display-sm{font-size:var(--text-display-sm);line-height:var(--text-display-sm--line-height)}.text-display-xs{font-size:var(--text-display-xs);line-height:var(--text-display-xs--line-height)}.group:invalid .group-invalid\:ring-error_subtle,.group[data-invalid] .group-invalid\:ring-error_subtle{--tw-ring-color:var(--color-ring-error_subtle)}.group:invalid .group-invalid\:ring-error,.group[data-invalid] .group-invalid\:ring-error{--tw-ring-color:var(--color-ring-error)}.group:invalid .group-invalid\:ring-2,.group[data-invalid] .group-invalid\:ring-2{--tw-ring-width:2px}.group:invalid .group-invalid\:text-error-primary,.group[data-invalid] .group-invalid\:text-error-primary{color:var(--color-text-error-primary)}.group:invalid .group-invalid\:hidden,.group[data-invalid] .group-invalid\:hidden{display:none}.group:invalid .group-invalid\:block,.group[data-invalid] .group-invalid\:block{display:block}.group\/input:invalid .group-invalid\/input\:hidden,.group\/input[data-invalid] .group-invalid\/input\:hidden{display:none}.group\/input:invalid .group-invalid\/input\:block,.group\/input[data-invalid] .group-invalid\/input\:block{display:block}.group:disabled .group-disabled\:cursor-not-allowed,.group[data-disabled] .group-disabled\:cursor-not-allowed{cursor:not-allowed}.group:disabled .group-disabled\:opacity-50,.group[data-disabled] .group-disabled\:opacity-50{opacity:.5}.group:required .group-required\:block,.group[data-required] .group-required\:block{display:block}[data-input-size=sm] .in-data-\[input-size\=sm\]\:text-xs{font-size:var(--text-xs);line-height:var(--text-xs--line-height)}[data-input-size=sm] .in-data-\[input-size\=sm\]\:px-3{padding-left:.75rem;padding-right:.75rem}[data-input-size=sm] .in-data-\[input-size\=sm\]\:py-2{padding-top:.5rem;padding-bottom:.5rem}[data-input-size=sm] .in-data-\[input-size\=sm\]\:text-sm{font-size:var(--text-sm);line-height:var(--text-sm--line-height)}[data-input-size=lg] .in-data-\[input-size\=lg\]\:py-2\.5{padding-top:.625rem;padding-bottom:.625rem}[data-input-size=lg] .in-data-\[input-size\=lg\]\:pr-3{padding-right:.75rem}[data-input-size=lg] .in-data-\[input-size\=lg\]\:pl-3{padding-left:.75rem}[data-input-size=lg] .in-data-\[input-size\=lg\]\:pl-3\.5{padding-left:.875rem}.data-loading\:bg-brand-solid_hover[data-loading]{background-color:var(--color-bg-brand-solid_hover)}.data-loading\:bg-primary_hover[data-loading]{background-color:var(--color-bg-primary_hover)}.data-loading\:bg-error-primary[data-loading]{background-color:var(--color-bg-error-primary)}.data-loading\:bg-error-solid_hover[data-loading]{background-color:var(--color-bg-error-solid_hover)}.data-loading\:bg-warning-solid_hover[data-loading]{background-color:var(--color-bg-warning-solid_hover)}.data-loading\:bg-success-solid_hover[data-loading]{background-color:var(--color-bg-success-solid_hover)}.hover\:text-error-primary:hover{color:var(--color-text-error-primary)}.hover\:text-warning-primary:hover{color:var(--color-text-warning-primary)}.hover\:text-success-primary:hover{color:var(--color-text-success-primary)}.hover\:bg-error-secondary:hover{background-color:var(--color-bg-error-secondary)}.hover\:bg-warning-primary:hover{background-color:var(--color-bg-warning-primary)}.hover\:bg-warning-secondary:hover{background-color:var(--color-bg-warning-secondary)}.hover\:bg-success-primary:hover{background-color:var(--color-bg-success-primary)}.hover\:bg-success-secondary:hover{background-color:var(--color-bg-success-secondary)}.text-neutral-primary{color:var(--color-text-primary)}.text-neutral-secondary{color:var(--color-text-secondary)}.text-neutral-quaternary{color:var(--color-fg-quaternary)}.border-neutral-secondary{border-color:var(--color-border-secondary)}.border-neutral-primary{border-color:var(--color-border-primary)}[data-branded]{--color-bg-brand-solid:var(--module-color);--color-bg-brand-solid_hover:var(--module-color)}@supports (color:color-mix(in lab, red, red)){[data-branded]{--color-bg-brand-solid_hover:color-mix(in srgb, var(--module-color) 85%, black)}}html,body,#root{background-color:var(--color-bg-feed)}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02", "cv03", "cv04", "cv11";color:var(--color-fg-primary,#101828);margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}}@layer app-overrides{@layer app-overrides{body{font-family:var(--font-sans);background-color:var(--color-bg-feed);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.card-header{border-bottom:var(--border-width-default) solid var(--color-border-secondary);padding:1rem 1.25rem}.card-body{padding:1rem 1.25rem}.card-footer{border-top:var(--border-width-default) solid var(--color-border-secondary);background-color:var(--color-bg-secondary);border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:1rem 1.25rem}.profile-card{text-align:center;padding:var(--spacing-composer)}.profile-avatar{width:var(--size-layout-80);height:var(--size-layout-80);border-radius:var(--radius-full);margin:0 auto var(--spacing-md);-o-object-fit:cover;object-fit:cover;border:var(--border-width-thick) solid var(--color-bg-tertiary)}.profile-name{font-weight:600;font-size:var(--text-md);color:var(--color-text-primary);margin:0 0 var(--spacing-xs)}.badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-xs);border-radius:var(--radius-xs);font-weight:500;display:inline-flex}.section-title{font-size:var(--text-xs);color:var(--color-fg-quinary);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest);margin-bottom:var(--spacing-md);padding:0 var(--spacing-md);font-weight:600}.section-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.section-header h2{font-size:var(--text-lg);color:var(--color-text-primary);margin:0;font-weight:600}[data-module]{--module-color:var(--color-bg-brand-solid);--module-color-light:var(--color-bg-brand-secondary);--module-color-dark:var(--color-bg-brand-solid_hover)}body[data-module]{background-color:var(--color-bg-brand-primary)}@supports (color:color-mix(in lab, red, red)){body[data-module]{background-color:color-mix(in srgb, var(--color-bg-brand-primary) 60%, var(--color-bg-primary))}}body[data-module]{transition:background-color .35s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-primary)}.profile-avatar-large{width:var(--size-layout-80);height:var(--size-layout-80);margin:0 auto var(--spacing-md);position:relative}.profile-avatar-large .avatar-image,.profile-avatar-large .avatar-placeholder{border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover;border:var(--border-width-thick) solid var(--color-text-white);width:100%;height:100%;box-shadow:var(--shadow-md)}.widget{background:var(--color-bg-primary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.widget-header{align-items:center;gap:var(--spacing-lg);border-bottom:var(--border-width-default) solid var(--color-border-secondary);font-weight:600;font-size:var(--text-sm);color:var(--color-text-primary);padding:1rem 1.25rem;display:flex}.content-navigation{align-items:center;gap:var(--spacing-xs);padding:0 var(--spacing-xl) var(--spacing-lg);border-bottom:var(--border-width-default) solid var(--color-border-secondary);background:var(--color-bg-primary);margin:0 calc(-1 * var(--spacing-xl)) var(--spacing-lg);display:flex}.post-item{background:var(--color-bg-primary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:box-shadow .15s}.post-item:hover{box-shadow:var(--shadow-md)}.coming-soon-section{min-height:var(--size-grid-card);color:var(--color-text-tertiary);justify-content:center;align-items:center;display:flex}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.app:is([data-module=family],[data-module=journal],[data-module=organizations],[data-module=news]) .content-area,.app:is([data-module=family],[data-module=journal],[data-module=organizations],[data-module=news]) .content-body{padding:0!important}.events-panel-area .flex-1.overflow-y-auto{-webkit-mask-image:linear-gradient(180deg, transparent 0, transparent var(--spacing-composer), var(--color-text-primary) var(--spacing-composer), var(--color-text-primary) 100%);-webkit-mask-image:linear-gradient(180deg, transparent 0, transparent var(--spacing-composer), var(--color-text-primary) var(--spacing-composer), var(--color-text-primary) 100%);-webkit-mask-image:linear-gradient(180deg, transparent 0, transparent var(--spacing-composer), var(--color-text-primary) var(--spacing-composer), var(--color-text-primary) 100%);-webkit-mask-image:linear-gradient(180deg, transparent 0, transparent var(--spacing-composer), var(--color-text-primary) var(--spacing-composer), var(--color-text-primary) 100%);mask-image:linear-gradient(180deg, transparent 0, transparent var(--spacing-composer), var(--color-text-primary) var(--spacing-composer), var(--color-text-primary) 100%)}.app:is([data-module=family],[data-module=journal],[data-module=organizations],[data-module=news]) .universal-wall>.sticky.top-0{position:sticky}.app:is([data-module=family],[data-module=journal],[data-module=organizations],[data-module=news]) .universal-wall>.sticky.top-0:after{content:"";height:var(--spacing-composer);pointer-events:none;background:var(--color-bg-feed);z-index:1;position:absolute;top:100%;left:0;right:0}}.loading-spinner,.module-loading>.loading-spinner,.module-loading>div:not(.zion-loader){display:none!important}.module-loading{background:0 0!important}.task-post-card{position:relative}.task-post-card.border-green-200{border-color:var(--color-border-success)}.task-post-card.border-blue-200{border-color:var(--color-brand-100)}.task-post-badge{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-xl);font-size:var(--text-xs);margin-bottom:var(--spacing-md);font-weight:600;display:inline-flex}.task-post-badge.completion{background:linear-gradient(135deg, var(--color-success-50) 0%, var(--color-success-100) 100%);color:var(--color-fg-success-primary)}.task-post-badge.discussion{background:linear-gradient(135deg, var(--color-brand-50) 0%, var(--color-brand-100) 100%);color:var(--color-brand-600)}.task-post-title{font-size:var(--text-md);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0;font-weight:600}.task-simple-completion{color:var(--color-fg-quaternary);font-size:var(--text-sm);margin:var(--spacing-sm) 0;font-style:italic}.task-completion-note{color:var(--color-fg-tertiary);font-size:var(--text-sm);margin:var(--spacing-sm) 0 var(--spacing-md) 0;padding:var(--spacing-md) var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-sm);border-left:var(--border-width-thick) solid var(--color-fg-success-primary);line-height:1.5}.task-completion-photos{margin:var(--spacing-md) 0}.task-completion-photos .photos-header{align-items:center;gap:var(--spacing-sm);font-size:var(--text-xs);color:var(--color-fg-quaternary);margin-bottom:var(--spacing-sm);display:flex}.task-completion-photos .photos-grid{grid-template-columns:repeat(auto-fill, minmax(var(--size-grid-md), 1fr));gap:var(--spacing-sm);display:grid}.completion-photo{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--color-bg-tertiary);position:relative;overflow:hidden}.completion-photo img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .2s}.completion-photo:hover img{transform:scale(1.05)}.task-completed-by{align-items:center;gap:var(--spacing-sm);font-size:var(--text-xs);color:var(--color-fg-quaternary);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:var(--border-width-default) solid var(--color-border-secondary);display:flex}.task-meta-info{align-items:center;gap:var(--spacing-md);margin:var(--spacing-sm) 0;display:flex}.task-meta-info .priority-badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;display:inline-flex}.task-meta-info .priority-badge.urgent{background:var(--color-bg-error-primary);color:var(--color-fg-error-primary)}.task-meta-info .priority-badge.high{background:var(--color-bg-warning-primary);color:var(--color-fg-warning-primary)}.task-meta-info .priority-badge.medium{background:var(--color-bg-warning-secondary);color:var(--color-fg-warning-primary)}.task-meta-info .priority-badge.low{background:var(--color-bg-success-primary);color:var(--color-fg-success-primary)}.task-meta-info .deadline-info{align-items:center;gap:var(--spacing-xs);font-size:var(--text-xs);color:var(--color-fg-quaternary);display:inline-flex}:root{--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px var(--shadow-xs);--shadow-md:0 4px 6px -1px var(--color-text-primary), 0 2px 4px -1px var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){:root{--shadow-md:0 4px 6px -1px color-mix(in srgb, var(--color-text-primary) 10%, transparent), 0 2px 4px -1px color-mix(in srgb, var(--color-text-primary) 6%, transparent)}}:root{--shadow-lg:0 10px 15px -3px var(--color-text-primary), 0 4px 6px -2px var(--shadow-xs)}@supports (color:color-mix(in lab, red, red)){:root{--shadow-lg:0 10px 15px -3px color-mix(in srgb, var(--color-text-primary) 10%, transparent), 0 4px 6px -2px var(--shadow-xs)}}:root{--shadow-xl:0 20px 25px -5px var(--color-text-primary), 0 10px 10px -5px var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){:root{--shadow-xl:0 20px 25px -5px color-mix(in srgb, var(--color-text-primary) 10%, transparent), 0 10px 10px -5px color-mix(in srgb, var(--color-text-primary) 4%, transparent)}}:root{--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){:root{--shadow-inner:inset 0 2px 4px 0 color-mix(in srgb, var(--color-text-primary) 6%, transparent)}}:root{--gradient-family:linear-gradient(135deg, var(--color-fg-success-primary) 0%, var(--color-bg-success-solid_hover) 50%, var(--color-bg-success-solid_hover) 100%);--gradient-news:linear-gradient(135deg, var(--color-bg-brand-solid) 0%, var(--color-bg-brand-solid) 50%, var(--color-bg-brand-solid_hover) 100%);--gradient-journal:linear-gradient(135deg, var(--color-utility-purple-500) 0%, var(--color-utility-purple-600) 50%, var(--color-utility-purple-700) 100%);--gradient-services:linear-gradient(135deg, var(--color-bg-error-solid) 0%, var(--color-bg-error-solid_hover) 50%, var(--color-text-error-primary_hover) 100%);--gradient-organizations:linear-gradient(135deg, var(--color-fg-brand-primary) 0%, var(--color-border-brand-solid) 50%, var(--color-border-brand-solid) 100%);--gradient-marketplace:linear-gradient(135deg, var(--color-fg-brand-primary) 0%, var(--color-bg-brand-solid) 50%, var(--color-bg-brand-solid_hover) 100%);--gradient-finance:linear-gradient(135deg, var(--color-fg-warning-primary) 0%, var(--color-fg-warning-primary) 50%, var(--color-text-warning-primary) 100%);--gradient-events:linear-gradient(135deg, var(--color-utility-purple-500) 0%, var(--color-utility-purple-600) 50%, var(--color-utility-purple-700) 100%);--gradient-auth:linear-gradient(135deg, var(--color-utility-purple-500) 0%, var(--color-utility-purple-700) 100%);--glass-bg:var(--color-bg-primary)}@supports (color:color-mix(in lab, red, red)){:root{--glass-bg:color-mix(in srgb, var(--color-bg-primary) 70%, transparent)}}:root{--glass-border:var(--color-bg-on-brand-medium);--glass-blur:blur(10px);--gray-50:var(--color-bg-secondary);--gray-100:var(--color-bg-tertiary);--gray-200:var(--color-border-primary);--gray-300:var(--color-border-primary);--gray-400:var(--color-fg-quaternary);--gray-500:var(--color-fg-quaternary);--gray-600:var(--color-text-secondary);--gray-700:var(--color-text-secondary);--gray-800:var(--color-text-primary);--gray-900:var(--color-text-primary)}*,:before,:after{box-sizing:border-box}input:not([type=checkbox]):not([type=radio]),textarea,select,button{border:none}body{font-family:var(--font-sans);background:var(--color-bg-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.75rem}.app{flex-direction:column;min-height:100vh;display:flex}.text-truncate{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.text-clamp-2{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-clamp-3{-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-clamp-4{-webkit-line-clamp:4;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.break-words{word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.break-all{word-break:break-all}.empty-state{padding:var(--spacing-5xl) var(--spacing-2xl);text-align:center;border-radius:var(--radius-lg);margin:var(--spacing-2xl) 0;background:linear-gradient(135deg,#f8f9fa99 0%,#fff 100%);border:2px dashed #e4e6ea99;flex-direction:column;justify-content:center;align-items:center;animation:.5s fadeIn;display:flex}.empty-state-icon{width:var(--size-layout-80);height:var(--size-layout-80);margin-bottom:var(--spacing-xl);color:var(--color-fg-disabled);opacity:.6;filter:drop-shadow(0 4px 8px var(--shadow-xs))}.empty-state-title{font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--spacing-md);letter-spacing:var(--letter-spacing-tight);font-weight:700}.empty-state-message{font-size:var(--text-md);color:var(--color-fg-quaternary);margin-bottom:var(--spacing-2xl);max-width:var(--size-modal-sm);line-height:1.75rem}.loading-container{padding:var(--spacing-4xl) var(--spacing-2xl);justify-content:center;align-items:center;gap:var(--spacing-composer);flex-direction:column;display:flex}.loading-text{font-size:var(--text-md);color:var(--color-fg-quaternary);font-weight:500}.error-state{border:var(--ring-width-md) solid #ef444433;border-radius:var(--radius-lg);padding:var(--spacing-2xl);margin:var(--spacing-xl) 0;align-items:flex-start;gap:var(--spacing-composer);background:linear-gradient(135deg,#fef2f2 0%,#fee2e280 100%);display:flex}.error-state-icon{width:var(--size-line-min);height:var(--size-line-min);color:var(--color-fg-error-primary);flex-shrink:0}.error-state-content{flex:1}.error-state-title{font-size:var(--text-md);color:var(--color-fg-error-primary);margin-bottom:var(--spacing-sm);font-weight:700}.error-state-message{font-size:var(--text-md);color:var(--color-fg-error-primary);line-height:1.5}.btn-danger:hover:not(:disabled){background:var(--color-bg-error-solid_hover);transform:translateY(calc(-1 * var(--motion-lift-hover)));box-shadow:0 4px 12px #dc262666}.btn-danger:disabled{background:var(--color-fg-disabled);cursor:not-allowed}.btn-icon.btn-danger{color:var(--color-fg-error-primary);background:0 0}.btn-icon.btn-danger:hover{background:var(--color-bg-error-secondary);color:var(--color-fg-error-primary)}.profile-picture-upload{padding:var(--spacing-xl);background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-top:var(--spacing-lg)}@media (width<=768px){.danger-warning{flex-direction:column}.password-change-form .btn-primary,.btn-danger{width:100%}}.profile-picture-section{align-items:center;gap:var(--spacing-2xl);padding:var(--spacing-xl);display:flex}.profile-picture-preview{flex-shrink:0}.profile-pic{width:var(--size-dropdown-md);height:var(--size-dropdown-md);border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover;border:var(--spacing-xs) solid var(--color-border-secondary);box-shadow:0 2px 8px var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.profile-pic{box-shadow:0 2px 8px color-mix(in srgb, var(--color-text-primary) 10%, transparent)}}.profile-pic-placeholder{width:var(--size-dropdown-md);height:var(--size-dropdown-md);border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);color:var(--color-fg-quaternary);border:var(--spacing-xs) solid var(--color-border-secondary);justify-content:center;align-items:center;display:flex}.profile-picture-actions{gap:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.profile-picture-actions .hint{color:var(--color-fg-quaternary);font-size:var(--text-sm);margin:0}.profile-picture-actions button{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-sm);cursor:pointer;font-weight:600;font-size:var(--text-md);border:none;transition:all .2s;display:inline-flex}.profile-picture-actions .btn-primary{background:var(--color-bg-success-solid);color:#fff}.profile-picture-actions .btn-primary:hover:not(:disabled){background:var(--color-bg-success-solid_hover);transform:translateY(calc(-1 * var(--motion-lift-hover)))}.profile-picture-actions .btn-secondary{background:var(--color-bg-primary);color:var(--color-text-primary);border:var(--ring-width-md) solid var(--color-border-secondary)}.profile-picture-actions .btn-secondary:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-secondary)}.profile-picture-actions button:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.profile-picture-section{flex-direction:column;align-items:flex-start}.profile-picture-actions button{width:100%}}.profile-card-enhanced{background:linear-gradient(145deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%);border-radius:var(--radius-2xl);padding:var(--spacing-3xl) var(--spacing-2xl);margin-bottom:var(--spacing-xl);box-shadow:0 8px 32px var(--color-text-primary), 0 2px 8px var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.profile-card-enhanced{box-shadow:0 8px 32px color-mix(in srgb, var(--color-text-primary) 8%, transparent), 0 2px 8px color-mix(in srgb, var(--color-text-primary) 4%, transparent)}}.profile-card-enhanced{border:var(--border-width-default) solid #e4e6ea66;flex-direction:column;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:visible}.profile-card-enhanced:before{content:"";height:var(--size-layout-80);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;z-index:0;background:linear-gradient(135deg,#c2410c0d 0%,#ea580c08 100%);position:absolute;top:0;left:0;right:0}.profile-card-enhanced:hover{box-shadow:0 12px 48px var(--color-text-primary), 0 4px 16px var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.profile-card-enhanced:hover{box-shadow:0 12px 48px color-mix(in srgb, var(--color-text-primary) 12%, transparent), 0 4px 16px color-mix(in srgb, var(--color-text-primary) 6%, transparent)}}.profile-card-enhanced:hover{border-color:#c2410c26;transform:translateY(-4px)}.profile-avatar-large{margin-bottom:var(--spacing-xl);z-index:1;width:var(--size-thumb-md);height:var(--size-thumb-md);flex-shrink:0;position:relative}.profile-avatar-large .avatar-image,.profile-avatar-large .avatar-placeholder{width:var(--size-thumb-md);height:var(--size-thumb-md);border-radius:var(--radius-full);position:absolute;top:0;left:0}.profile-avatar-large .avatar-image{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border:var(--spacing-md) solid white;box-shadow:0 10px 40px var(--color-text-primary), 0 4px 12px var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.profile-avatar-large .avatar-image{box-shadow:0 10px 40px color-mix(in srgb, var(--color-text-primary) 15%, transparent), 0 4px 12px color-mix(in srgb, var(--color-text-primary) 10%, transparent)}}.profile-avatar-large .avatar-image{z-index:2;background:var(--color-bg-tertiary);transition:all .4s cubic-bezier(.4,0,.2,1)}.profile-avatar-large .avatar-image:before{content:"";border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-fg-success-primary) 0%, var(--color-bg-success-solid_hover) 50%, var(--color-fg-success-secondary) 100%);opacity:0;filter:blur(20px);z-index:-1;animation:3s ease-in-out infinite avatar-glow;position:absolute;inset:-12px}.profile-avatar-large .avatar-image:hover{box-shadow:0 15px 50px var(--color-text-primary), 0 6px 18px var(--color-text-primary);transform:scale(1.05)}@supports (color:color-mix(in lab, red, red)){.profile-avatar-large .avatar-image:hover{box-shadow:0 15px 50px color-mix(in srgb, var(--color-text-primary) 20%, transparent), 0 6px 18px color-mix(in srgb, var(--color-text-primary) 12%, transparent)}}.profile-avatar-large .avatar-image:hover{border-color:#fffffff2}.profile-avatar-large .avatar-placeholder{border:var(--spacing-md) solid white;box-shadow:0 10px 40px var(--color-text-primary), 0 4px 12px var(--color-text-primary);justify-content:center;align-items:center;display:flex}@supports (color:color-mix(in lab, red, red)){.profile-avatar-large .avatar-placeholder{box-shadow:0 10px 40px color-mix(in srgb, var(--color-text-primary) 15%, transparent), 0 4px 12px color-mix(in srgb, var(--color-text-primary) 10%, transparent)}}.profile-avatar-large .avatar-placeholder{background:linear-gradient(135deg, var(--color-border-brand-solid) 0%, var(--color-border-brand-solid) 50%, var(--color-fg-brand-secondary) 100%);z-index:2;transition:all .4s}.profile-avatar-large .avatar-placeholder:before{content:"";border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-border-brand-solid) 0%, var(--color-border-brand-solid) 50%, var(--color-fg-brand-secondary) 100%);opacity:0;filter:blur(20px);z-index:-1;animation:3s ease-in-out infinite avatar-glow;position:absolute;inset:-12px}.profile-avatar-large .avatar-placeholder:hover{transform:scale(1.05)}.profile-avatar-large .avatar-placeholder svg{width:var(--size-layout-70);height:var(--size-layout-70);filter:drop-shadow(0 2px 8px var(--color-text-primary))}@supports (color:color-mix(in lab, red, red)){.profile-avatar-large .avatar-placeholder svg{filter:drop-shadow(0 2px 8px color-mix(in srgb, var(--color-text-primary) 20%, transparent))}}.status-indicator{bottom:var(--spacing-sm);right:var(--spacing-sm);width:var(--size-layout-40);height:var(--size-layout-40);border-radius:var(--radius-full);border:var(--spacing-sm) solid white;z-index:3;transition:all .3s;position:absolute;box-shadow:0 4px 12px #00000040}.status-indicator.online{background:linear-gradient(135deg, var(--color-success-400) 0%, var(--color-success-600) 100%);animation:2.5s infinite pulse-status}.status-indicator.offline{background:linear-gradient(135deg, var(--color-gray-300) 0%, var(--color-gray-500) 100%)}.profile-info-enhanced{text-align:center;width:100%;margin-bottom:var(--spacing-sm);z-index:1}.profile-name{font-size:var(--text-2xl);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0;letter-spacing:var(--letter-spacing-tighter);background:linear-gradient(135deg, var(--color-gray-900) 0%, var(--color-gray-600) 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 4px var(--shadow-xs);-webkit-background-clip:text;background-clip:text;font-weight:700;line-height:1.2}.profile-alias{font-size:var(--text-md);color:var(--color-fg-warning-primary);letter-spacing:var(--letter-spacing-wider);margin:0 0 .35rem;font-style:italic;font-weight:700}.profile-email{font-size:var(--text-md);color:var(--color-fg-quaternary);opacity:.9;letter-spacing:var(--letter-spacing-wide);margin:0;font-weight:600}.profile-stats-mini{width:100%;padding-top:var(--spacing-lg);border-top:var(--border-width-default) solid var(--color-border-secondary);justify-content:space-around;gap:var(--spacing-sm);display:flex}.stat-item{padding:var(--spacing-sm);border-radius:var(--radius-sm);cursor:default;flex-direction:column;flex:1;align-items:center;transition:all .2s;display:flex}.stat-item:hover{background:var(--color-bg-tertiary)}.stat-number{font-size:var(--text-lg);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-weight:700;line-height:1}.stat-label{font-size:var(--text-xs);color:var(--color-fg-quaternary);text-transform:uppercase;letter-spacing:var(--tracking-tight-ui);font-weight:500}@media (width<=768px){.profile-card-enhanced{padding:var(--spacing-lg)}.profile-avatar-large .avatar-image,.profile-avatar-large .avatar-placeholder{width:var(--size-layout-80);height:var(--size-layout-80)}.profile-name{font-size:var(--text-lg)}.profile-stats-mini{padding-top:var(--spacing-md)}.stat-number{font-size:var(--text-md)}.stat-label{font-size:var(--text-xs)}}.sidebar-header h3{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-tight-ui);color:var(--color-fg-quaternary);margin:0;font-weight:600}.btn-shine{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-shine:before{content:"";background:linear-gradient(120deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-shine:hover:before{left:100%}.btn-shine:hover{box-shadow:0 8px 25px var(--color-text-primary);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.btn-shine:hover{box-shadow:0 8px 25px color-mix(in srgb, var(--color-text-primary) 15%, transparent)}}.btn-glow{box-shadow:0 0 20px var(--glow-color,#667eea66), 0 4px 14px var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.btn-glow{box-shadow:0 0 20px var(--glow-color,#667eea66), 0 4px 14px color-mix(in srgb, var(--color-text-primary) 10%, transparent)}}.btn-glow:hover{box-shadow:0 0 30px var(--glow-color,#667eea99), 0 8px 25px var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.btn-glow:hover{box-shadow:0 0 30px var(--glow-color,#667eea99), 0 8px 25px color-mix(in srgb, var(--color-text-primary) 15%, transparent)}}.btn-pulse-active{animation:2s ease-in-out infinite btn-pulse}.btn-gradient-border{background:var(--color-bg-primary);z-index:1;position:relative}.btn-gradient-border:after{content:"";background:linear-gradient(135deg, var(--gradient-start,var(--color-utility-purple-500)), var(--gradient-end,var(--color-utility-purple-700)));border-radius:inherit;z-index:-1;opacity:0;transition:opacity .3s;position:absolute;inset:-2px}.btn-gradient-border:hover:after{opacity:1}.section-card{background:linear-gradient(135deg, var(--section-bg,#ffffffe6) 0%, var(--section-bg-end,#f8f9faf2) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:var(--border-width-default) solid var(--section-border,#e4e6ea99);border-radius:var(--radius-md);transition:all .3s}.section-card:hover{box-shadow:0 8px 25px var(--color-text-primary);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.section-card:hover{box-shadow:0 8px 25px color-mix(in srgb, var(--color-text-primary) 8%, transparent)}}.widget-accent{position:relative;overflow:hidden}.widget-accent:before{content:"";background:linear-gradient(90deg, var(--accent-color,var(--color-utility-purple-500)), var(--accent-color-end,var(--color-utility-purple-700)));height:3px;position:absolute;top:0;left:0;right:0}.shimmer{background:linear-gradient(90deg,#fff0 0%,#ffffff80 50%,#fff0 100%) 0 0/200% 100%;animation:1.5s infinite shimmer}.glass-card{background:var(--color-bg-primary)}@supports (color:color-mix(in lab, red, red)){.glass-card{background:color-mix(in srgb, var(--color-bg-primary) 70%, transparent)}}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:var(--border-width-default) solid #ffffff4d;box-shadow:0 8px 32px var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.glass-card{box-shadow:0 8px 32px color-mix(in srgb, var(--color-text-primary) 10%, transparent)}}.bg-module-tint{background-color:var(--module-color-12,#667eea1f)}.bg-module-light{background-color:var(--module-color-6,#667eea0f)}.border-module{border-color:var(--module-color-30,#667eea4d)}.animate-shine-sweep{animation:.6s ease-in-out shine-sweep}.btn-active-shine{position:relative;overflow:hidden}.btn-active-shine:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:50%;height:100%;animation:3s ease-in-out infinite shine-sweep;position:absolute;top:0;left:-100%;transform:skew(-15deg)}.btn-hover-shine:hover:before{animation:.6s ease-in-out shine-sweep}.btn-glow-pulse{animation:2s ease-in-out infinite glow-pulse}.btn-inner-glow{box-shadow:inset 0 1px 0 #ffffff4d, inset 0 -1px 0 var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.btn-inner-glow{box-shadow:inset 0 1px 0 #ffffff4d, inset 0 -1px 0 color-mix(in srgb, var(--color-text-primary) 10%, transparent)}}.btn-3d{box-shadow:0 4px 0 var(--shadow-color,var(--color-text-primary)), 0 6px 10px var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.btn-3d{box-shadow:0 4px 0 var(--shadow-color,color-mix(in srgb, var(--color-text-primary) 20%, transparent)), 0 6px 10px color-mix(in srgb, var(--color-text-primary) 15%, transparent)}}.btn-3d{transition:all .15s;transform:translateY(0)}.btn-3d:hover{box-shadow:0 6px 0 var(--shadow-color,var(--color-text-primary)), 0 8px 15px var(--color-text-primary);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.btn-3d:hover{box-shadow:0 6px 0 var(--shadow-color,color-mix(in srgb, var(--color-text-primary) 20%, transparent)), 0 8px 15px color-mix(in srgb, var(--color-text-primary) 20%, transparent)}}.btn-3d:active{box-shadow:0 2px 0 var(--shadow-color,var(--color-text-primary)), 0 3px 6px var(--color-text-primary);transform:translateY(2px)}@supports (color:color-mix(in lab, red, red)){.btn-3d:active{box-shadow:0 2px 0 var(--shadow-color,color-mix(in srgb, var(--color-text-primary) 20%, transparent)), 0 3px 6px color-mix(in srgb, var(--color-text-primary) 15%, transparent)}}.login-floating-stats{left:clamp(var(--spacing-2xl), 5vw, 6rem);z-index:2;flex-direction:column;gap:.85rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.login-stat-card{align-items:center;gap:var(--spacing-lg);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:var(--border-width-default) solid #8b5cf62e;opacity:0;min-width:var(--size-label-narrow-max);background:#0f172a99;padding:.9rem 1.2rem;transition:transform .25s,border-color .25s,box-shadow .25s;animation:.6s cubic-bezier(.22,1,.36,1) forwards cardFloatIn;display:flex;transform:translate(-20px)}.login-stat-card:hover{border-color:#8b5cf666;transform:translateY(-3px)scale(1.03);box-shadow:0 8px 28px #0000004d,0 0 20px #8b5cf61a}.login-stat-icon{width:var(--size-avatar-md);height:var(--size-avatar-md);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 0 16px #8b5cf633}.login-stat-info{flex-direction:column;display:flex}.login-stat-value{font-size:var(--text-2xl);letter-spacing:var(--letter-spacing-tighter);text-shadow:0 0 14px;font-weight:700;line-height:1.1}.login-stat-label{font-size:var(--text-xs);color:var(--color-fg-quinary);margin-top:var(--spacing-xxs);font-weight:500}@media (width<=1100px){.login-floating-stats{margin-bottom:var(--spacing-composer);flex-flow:wrap;justify-content:center;gap:.6rem;position:static;transform:none}.login-stat-card{min-width:auto;padding:.7rem var(--spacing-lg)}.login-stat-value{font-size:var(--text-xl)}.login-stat-icon{width:var(--size-layout-36);height:var(--size-layout-36)}}@media (width<=480px){.login-floating-stats{gap:var(--spacing-sm)}.login-stat-card{gap:.65rem;min-width:0;padding:.6rem .8rem}.login-stat-value{font-size:var(--text-lg)}.login-stat-label{font-size:var(--text-xs)}.login-stat-icon{width:var(--size-avatar-sm);height:var(--size-avatar-sm)}}.media-storage .header-actions{gap:var(--spacing-sm);flex-shrink:0;align-items:center;display:flex}.media-storage .header-actions .action-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:var(--border-width-default) solid var(--color-border-primary);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-fg-secondary);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;width:auto;height:auto;font-weight:500;transition:all .2s;display:flex;overflow:visible}.media-storage .header-actions .action-btn:hover{border-color:var(--color-border-primary);background:var(--color-bg-secondary)}.media-storage .header-actions .action-btn.primary{color:#fff;border-color:#0000}.media-storage .header-actions .action-btn.primary:hover{filter:brightness(.9)}.services-search{width:100%;padding:0}.services-search-header{margin-bottom:var(--spacing-xl);text-align:center}.services-search-header h2{font-size:var(--text-3xl);margin-bottom:var(--spacing-sm);font-weight:700}.services-search-header p{color:var(--color-fg-quaternary);font-size:var(--text-md)}.services-search-bar{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);box-shadow:none;background:0 0;border:none;border-radius:0;flex-wrap:wrap;padding:0;display:flex}.search-input-wrapper{min-width:var(--size-label-min);flex:1;align-items:center;display:flex;position:relative}.search-input-wrapper .search-icon{left:var(--spacing-md);color:var(--color-fg-quinary);position:absolute}.search-input-wrapper input{width:100%;padding:var(--spacing-md) var(--spacing-3xl);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);font-size:var(--text-md)}.search-input-wrapper .clear-btn{right:var(--spacing-sm);color:var(--color-fg-quinary);cursor:pointer;padding:var(--spacing-xs);background:0 0;border:none;position:absolute}.search-location{align-items:center;gap:var(--spacing-sm);padding:0 var(--spacing-lg);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);min-width:var(--size-dropdown-md);display:flex}.search-location input{padding:var(--spacing-md) 0;font-size:var(--text-md);border:none;outline:none;flex:1}.search-btn{padding:var(--spacing-md) var(--spacing-xl);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;font-weight:600;transition:opacity .2s}.search-btn:hover{opacity:.9}.filter-toggle-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-tertiary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);display:flex}.filter-toggle-btn .rotated{transform:rotate(180deg)}.services-filters-panel{gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xl);flex-wrap:wrap;align-items:center;display:flex}.services-filters-panel .filter-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.services-filters-panel .filter-group label{font-size:var(--text-xs);color:var(--color-fg-quaternary);font-weight:500}.services-filters-panel select{padding:var(--spacing-sm) var(--spacing-2xl) var(--spacing-sm) var(--spacing-md);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-xs);background:var(--color-bg-primary);font-size:var(--text-sm)}.clear-filters-btn{padding:var(--spacing-sm) var(--spacing-lg);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-xs);color:var(--color-fg-quaternary);cursor:pointer;font-size:var(--text-sm);background:0 0;margin-left:auto}.service-categories{margin-bottom:var(--spacing-2xl)}.categories-title{font-size:var(--text-lg);margin-bottom:var(--spacing-lg);font-weight:600}.categories-grid{grid-template-columns:repeat(auto-fill, minmax(var(--size-dropdown-lg), 1fr));gap:var(--spacing-md);display:grid}.category-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-primary);border:var(--ring-width-md) solid transparent;border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-xs);transition:all .2s;display:flex}.category-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.category-card.selected{transform:translateY(-2px)}.category-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.category-info h4{font-size:var(--text-sm);margin:0 0 .15rem;font-weight:600}.category-info .subcategory-count{font-size:var(--text-xs);color:var(--color-fg-quinary)}.subcategories-section{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.subcategories-section h4{font-size:var(--text-sm);color:var(--color-fg-quaternary);margin-bottom:var(--spacing-md)}.subcategories-list{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.subcategory-chip{padding:var(--spacing-sm) var(--spacing-lg);border:var(--border-width-default) solid;border-radius:var(--radius-xl);font-size:var(--text-sm);cursor:pointer;transition:all .2s}.subcategory-chip:hover{opacity:.8}.services-results-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.results-count{font-size:var(--text-sm);color:var(--color-fg-quaternary)}.view-toggle{gap:var(--spacing-xs);background:var(--color-bg-tertiary);padding:var(--spacing-xs);border-radius:var(--radius-xs);display:flex}.view-toggle button{padding:var(--spacing-sm);border-radius:var(--radius-xs);cursor:pointer;color:var(--color-fg-quaternary);background:0 0;border:none}.view-toggle button.active{background:var(--color-bg-primary);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.services-grid{gap:var(--spacing-lg);display:grid}.services-grid.grid{grid-template-columns:repeat(auto-fill, minmax(var(--size-card-min), 1fr))}.services-grid.list{grid-template-columns:1fr}.services-grid.list .service-card{flex-direction:row;display:flex}.services-grid.list .service-card-image{width:var(--size-label-min);flex-shrink:0}.services-map-container{grid-template-columns:1fr var(--size-grid-card-xl);gap:var(--spacing-lg);border-radius:var(--radius-md);height:600px;display:grid;overflow:hidden}.map-wrapper{border-radius:var(--radius-md);position:relative;overflow:hidden}.services-leaflet-map,.services-2gis-map{z-index:1;width:100%;height:100%}.map-controls{bottom:var(--spacing-xl);right:var(--spacing-md);z-index:1000;gap:var(--spacing-sm);flex-direction:column;display:flex;position:absolute}.locate-btn{width:var(--size-layout-40);height:var(--size-layout-40);background:var(--color-bg-primary);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-fg-secondary);border:none;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000026}.locate-btn:hover{background:var(--color-bg-tertiary);color:var(--color-bg-brand-solid)}.custom-service-marker,.user-location-marker{background:0 0;border:none}.leaflet-popup-content-wrapper{border-radius:var(--radius-md);box-shadow:0 4px 16px #00000026}.leaflet-popup-content{margin:var(--spacing-md) var(--spacing-lg);font-family:inherit}.map-popup-content h4{margin:0 0 var(--spacing-sm);font-size:var(--text-md);color:var(--color-text-primary);font-weight:600}.map-popup-content .popup-category{font-size:var(--text-xs);color:var(--color-fg-quaternary);margin:0 0 var(--spacing-sm);text-transform:capitalize}.map-popup-content .popup-price{color:var(--color-text-primary);margin:0 0 var(--spacing-xs);font-weight:600}.map-popup-content .popup-rating{font-size:var(--text-sm);color:var(--color-fg-quaternary);margin:0 0 var(--spacing-md)}.popup-view-btn{width:100%;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-xs);color:#fff;cursor:pointer;border:none;font-weight:500;transition:opacity .2s}.popup-view-btn:hover{opacity:.9}.gis-popup{background:var(--color-bg-primary);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);min-width:var(--size-dropdown-lg);font-family:var(--font-sans);box-shadow:0 4px 16px #0003}.gis-popup h4{margin:0 0 var(--spacing-sm);font-size:var(--text-md);color:var(--color-text-primary);font-weight:600}.gis-popup .popup-org{font-size:var(--text-xs);color:var(--color-fg-quaternary);margin:0 0 var(--spacing-sm)}.gis-popup .popup-rating{font-size:var(--text-sm);color:var(--color-fg-secondary);margin:0 0 var(--spacing-xs)}.gis-popup .popup-price{font-size:var(--text-sm);color:var(--color-bg-success-solid_hover);margin:0;font-weight:600}.map-sidebar{background:var(--color-bg-primary);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.map-sidebar h4{padding:var(--spacing-lg);font-size:var(--text-md);border-bottom:var(--border-width-default) solid var(--color-border-secondary);color:var(--color-fg-secondary);margin:0;font-weight:600}.map-sidebar-list{flex:1;overflow-y:auto}.map-sidebar-item{padding:var(--spacing-lg) var(--spacing-lg);border-bottom:var(--border-width-default) solid var(--color-border-tertiary);cursor:pointer;align-items:center;transition:background .2s;display:flex}.map-sidebar-item:hover{background:var(--color-bg-secondary)}.map-sidebar-item.selected{border-left:var(--border-width-thick) solid var(--color-text-error-primary_hover);background:#b91c1c0d}.sidebar-item-content{flex:1;min-width:0}.sidebar-item-content h5{margin:0 0 var(--spacing-xs);font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sidebar-item-org{font-size:var(--text-xs);color:var(--color-fg-quaternary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 .35rem;overflow:hidden}.sidebar-item-meta{align-items:center;gap:var(--spacing-md);display:flex}.sidebar-item-rating{font-size:var(--text-xs);color:var(--color-fg-secondary)}.sidebar-item-price{font-size:var(--text-xs);color:var(--color-bg-success-solid_hover);font-weight:600}.sidebar-item-btn{width:var(--size-avatar-sm);height:var(--size-avatar-sm);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-xs);cursor:pointer;font-size:var(--text-md);margin-left:var(--spacing-sm);background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.sidebar-item-btn:hover{background:#b91c1c0d;border-color:currentColor}@media (width<=900px){.services-map-container{grid-template-columns:1fr;height:auto}.map-wrapper{height:var(--size-modal-sm)}.map-sidebar{height:var(--size-grid-card)}}.service-card{background:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:0 2px 8px var(--color-text-primary);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.service-card{box-shadow:0 2px 8px color-mix(in srgb, var(--color-text-primary) 8%, transparent)}}.service-card{cursor:pointer;transition:all .2s}.service-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.service-card-image{height:var(--size-thumb-md);background:var(--color-bg-tertiary);position:relative}.service-card-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.service-card-placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.booking-badge{top:var(--spacing-sm);right:var(--spacing-sm);align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-xs);color:#fff;font-size:var(--text-xs);font-weight:500;display:flex;position:absolute}.service-card-content{padding:var(--spacing-lg)}.service-card-header h3{font-size:var(--text-md);margin:0 0 var(--spacing-xs) 0;font-weight:600;line-height:1.25rem}.service-card-header .org-name{font-size:var(--text-xs);color:var(--color-fg-quaternary)}.service-description{font-size:var(--text-sm);color:var(--color-fg-quaternary);margin:var(--spacing-sm) 0;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5rem;display:-webkit-box;overflow:hidden}.service-rating{align-items:center;gap:var(--spacing-xs);margin:var(--spacing-sm) 0;display:flex}.service-rating .rating-value{font-weight:600;font-size:var(--text-sm)}.service-rating .review-count{color:var(--color-fg-quinary);font-size:var(--text-xs)}.service-location{font-size:var(--text-xs);color:var(--color-fg-quaternary);margin:var(--spacing-sm) 0;align-items:center;gap:.35rem;display:flex}.service-card-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:var(--border-width-default) solid var(--color-border-tertiary);justify-content:space-between;align-items:center;display:flex}.service-price{font-weight:700;font-size:var(--text-md)}.service-stats{gap:var(--spacing-sm);color:var(--color-fg-quinary);font-size:var(--text-xs);display:flex}.service-stats span{align-items:center;gap:var(--spacing-xs);display:flex}.services-loading,.services-empty{padding:var(--spacing-4xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.services-loading .spinner{width:var(--size-layout-40);height:var(--size-layout-40);border:var(--border-width-thick) solid var(--color-border-secondary);border-radius:var(--radius-full);border-top-width:3px;animation:1s linear infinite spin}.services-empty h3{margin:var(--spacing-lg) 0 var(--spacing-sm);color:var(--color-fg-secondary)}.services-empty p{color:var(--color-fg-quaternary)}.service-provider-profile{width:100%;padding:0}.profile-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.back-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);cursor:pointer;border:none;font-weight:500;display:flex}.profile-actions{gap:var(--spacing-sm);display:flex}.action-btn{padding:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-fg-quaternary);border:none}.profile-hero{gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);grid-template-columns:1fr 1fr;display:grid}.profile-images{border-radius:var(--radius-md);overflow:hidden}.images-gallery{gap:var(--spacing-sm);grid-template-columns:1fr 1fr;display:grid}.images-gallery .main-image{height:var(--size-search-field);-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm);grid-column:span 2}.images-gallery .thumb-image{height:var(--size-layout-80);-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-xs)}.profile-placeholder{height:var(--size-grid-card);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.profile-main-info h1{font-size:var(--text-3xl);margin:0 0 var(--spacing-sm) 0;font-weight:700}.profile-main-info .org-name{color:var(--color-fg-quaternary);margin-bottom:var(--spacing-lg)}.rating-section{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);display:flex}.rating-stars{display:flex}.price-tag{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-lg);margin-bottom:var(--spacing-xl);display:inline-block}.quick-actions{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.book-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;font-weight:600;display:flex}.contact-btn,.message-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-tertiary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);cursor:pointer;color:inherit;font-weight:500;text-decoration:none;display:flex}.profile-tabs{border-bottom:var(--ring-width-md) solid var(--color-border-secondary);margin-bottom:var(--spacing-xl);display:flex}.profile-tabs button{padding:var(--spacing-lg) var(--spacing-xl);border:none;border-bottom:var(--ring-width-md) solid transparent;cursor:pointer;color:var(--color-fg-quaternary);background:0 0;margin-bottom:-2px;font-weight:500;transition:all .2s}.profile-tabs button.active{border-bottom-style:solid;border-bottom-width:2px}.profile-tab-content{background:var(--color-bg-primary);padding:var(--spacing-xl);border-radius:var(--radius-md);box-shadow:0 2px 8px var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.profile-tab-content{box-shadow:0 2px 8px color-mix(in srgb, var(--color-text-primary) 5%, transparent)}}.about-tab h3{margin:0 0 var(--spacing-lg) 0}.about-tab .description{color:var(--color-fg-secondary);line-height:1.75rem}.tags-section{margin-top:var(--spacing-xl)}.tags-section h4{font-size:var(--text-sm);color:var(--color-fg-quaternary);margin-bottom:var(--spacing-md)}.tags-list{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.tags-list .tag{padding:.35rem var(--spacing-md);border-radius:var(--radius-xl);font-size:var(--text-xs)}.review-card{padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.review-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:flex-start;display:flex}.reviewer-info{gap:var(--spacing-md);align-items:center;display:flex}.reviewer-avatar-placeholder{width:var(--size-layout-40);height:var(--size-layout-40);border-radius:var(--radius-full);background:var(--color-bg-quaternary);color:var(--color-fg-quaternary);justify-content:center;align-items:center;font-weight:600;display:flex}.reviewer-name{font-weight:600;display:block}.review-date{font-size:var(--text-xs);color:var(--color-fg-quinary)}.review-rating{display:flex}.review-title{font-size:var(--text-md);margin:0 0 var(--spacing-sm) 0}.review-content{font-size:var(--text-sm);color:var(--color-fg-tertiary);line-height:1.5}.provider-response strong{font-size:var(--text-xs);color:var(--color-fg-quaternary)}.provider-response p{margin:var(--spacing-sm) 0 0;font-size:var(--text-sm)}.contacts-tab{gap:var(--spacing-lg);flex-direction:column;display:flex}.contact-item{gap:var(--spacing-lg);align-items:flex-start;display:flex}.contact-item strong{font-size:var(--text-sm);color:var(--color-fg-quaternary);margin-bottom:var(--spacing-xs);display:block}.contact-item a{color:var(--color-bg-brand-solid_hover);text-decoration:none}.working-hours{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:var(--border-width-default) solid var(--color-border-secondary)}.working-hours h4{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);display:flex}.hours-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.hours-row{padding:var(--spacing-sm) 0;border-bottom:var(--border-width-default) solid var(--color-border-tertiary);justify-content:space-between;display:flex}.day-name{font-weight:500}.day-hours{color:var(--color-fg-quaternary)}@media (width<=768px){.services-search-bar{flex-direction:column}.search-location{width:100%}.categories-grid{grid-template-columns:repeat(2,1fr)}.profile-hero{grid-template-columns:1fr}.quick-actions{flex-direction:column}.quick-actions button,.quick-actions a{justify-content:center;width:100%}}.booking-modal-overlay{z-index:1000;padding:var(--spacing-lg);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.booking-modal{background:var(--color-bg-primary);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.booking-modal.success-modal{padding:var(--spacing-4xl);text-align:center}.success-content .success-icon{width:var(--size-layout-80);height:var(--size-layout-80);border-radius:var(--radius-full);margin:0 auto var(--spacing-xl);justify-content:center;align-items:center;display:flex}.success-content h2{color:var(--color-fg-success-primary);margin-bottom:var(--spacing-sm)}.success-content .time-slot{font-size:var(--text-xl);color:var(--color-fg-secondary);font-weight:600}.booking-modal-header{padding:var(--spacing-composer);border-bottom:var(--border-width-default) solid;justify-content:space-between;align-items:flex-start;display:flex}.booking-modal-header h2{font-size:var(--text-xl);margin:0}.booking-modal-header .service-name{color:var(--color-fg-quaternary);font-size:var(--text-sm);margin-top:var(--spacing-xs)}.booking-modal-header .close-btn{cursor:pointer;color:var(--color-fg-quaternary);padding:var(--spacing-xs);background:0 0;border:none}.booking-steps{padding:var(--spacing-xl);justify-content:center;align-items:center;gap:var(--spacing-sm);display:flex}.booking-steps .step{align-items:center;gap:var(--spacing-xs);flex-direction:column;display:flex}.booking-steps .step-number{width:var(--size-avatar-sm);height:var(--size-avatar-sm);border-radius:var(--radius-full);background:var(--color-bg-quaternary);font-weight:600;font-size:var(--text-sm);color:var(--color-fg-quaternary);justify-content:center;align-items:center;display:flex}.booking-steps .step.active .step-number{background:var(--step-color);color:#fff}.booking-steps .step-label{font-size:var(--text-xs);color:var(--color-fg-quaternary)}.booking-steps .step-line{width:var(--size-layout-40);height:2px;margin-bottom:var(--spacing-lg)}.booking-step-content{padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-xl)}.back-step-btn{align-items:center;gap:var(--spacing-xs);color:var(--color-fg-quaternary);cursor:pointer;font-size:var(--text-sm);margin-bottom:var(--spacing-lg);background:0 0;border:none;display:flex}.calendar-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.calendar-header button{cursor:pointer;padding:var(--spacing-sm);color:var(--color-fg-quaternary);background:0 0;border:none}.calendar-header h3{font-size:var(--text-md);margin:0}.calendar-day-header{text-align:center;font-size:var(--text-xs);color:var(--color-fg-quinary);padding:var(--spacing-sm);font-weight:500}.calendar-day{aspect-ratio:1;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);justify-content:center;align-items:center;transition:all .15s;display:flex}.calendar-day:hover:not(.disabled){background:var(--color-bg-tertiary)}.calendar-day.disabled{color:var(--color-fg-disabled);cursor:not-allowed}.calendar-day.today{border:var(--ring-width-md) solid;font-weight:600}.calendar-day.selected{color:#fff;font-weight:600}.selected-date-display{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-sm);margin-bottom:var(--spacing-lg);font-weight:500;display:flex}.slots-loading,.no-slots{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-2xl);text-align:center;flex-direction:column;display:flex}.slots-loading .spin{animation:1s linear infinite spin}.no-slots button{cursor:pointer;margin-top:var(--spacing-sm);background:0 0;border:none;font-weight:500}.time-slots-grid{gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr);display:grid}.time-slot{padding:var(--spacing-md);border:var(--ring-width-md) solid var(--color-border-secondary);border-radius:var(--radius-sm);background:var(--color-bg-primary);cursor:pointer;font-size:var(--text-sm);justify-content:center;align-items:center;gap:.35rem;transition:all .15s;display:flex;position:relative}.time-slot:hover:not(:disabled){border-color:var(--color-border-primary)}.time-slot.selected{border-width:2px}.time-slot.unavailable{background:var(--color-bg-secondary);color:var(--color-fg-quinary);cursor:not-allowed}.time-slot .unavailable-label{font-size:var(--text-caption);bottom:var(--ring-width-md);color:var(--color-fg-error-primary);position:absolute}.booking-summary{background:var(--color-bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xl)}.booking-summary h4{margin:0 0 var(--spacing-md);font-size:var(--text-sm);color:var(--color-fg-quaternary)}.summary-row{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-weight:500;display:flex}.booking-form input,.booking-form textarea{width:100%;padding:var(--spacing-md);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm)}.booking-form textarea{resize:vertical}.booking-error{background:var(--color-bg-error-primary);color:var(--color-fg-error-primary);padding:var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--text-sm);margin-bottom:var(--spacing-lg)}.submit-booking-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-lg);color:#fff;border-radius:var(--radius-sm);font-size:var(--text-md);cursor:pointer;border:none;font-weight:600;display:flex}.submit-booking-btn .spin{animation:1s linear infinite spin}.services-my-profile{width:100%;padding:0}.services-my-profile.loading{min-height:var(--size-modal-sm);justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;display:flex}.services-my-profile .profile-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:flex-start;display:flex}.services-my-profile .profile-header h2{margin:0 0 var(--spacing-xs)}.services-my-profile .profile-header p{color:var(--color-fg-quaternary);margin:0}.create-service-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-composer);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;font-weight:600;display:flex}.profile-stats{gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-composer);background:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex}.stat-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-info{flex-direction:column;display:flex}.stat-value{font-size:var(--text-2xl);font-weight:700}.stat-label{font-size:var(--text-xs);color:var(--color-fg-quaternary)}.no-organizations-warning{text-align:center;padding:var(--spacing-4xl);background:var(--color-bg-warning-primary);border-radius:var(--radius-md);border:var(--border-width-default) solid var(--color-fg-warning-secondary);flex-direction:column;align-items:center;display:flex}.no-organizations-warning h3{margin:var(--spacing-lg) 0 var(--spacing-sm)}.no-organizations-warning p{color:var(--color-fg-quaternary);max-width:var(--size-modal-sm)}.go-to-orgs-btn{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-bg-primary);border:var(--ring-width-md) solid;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;display:flex}.my-organizations-section{margin-bottom:var(--spacing-2xl)}.my-organizations-section h3{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);display:flex}.organizations-list{gap:var(--spacing-lg);padding-bottom:var(--spacing-sm);display:flex;overflow-x:auto}.org-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-bg-primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);min-width:var(--size-search-field);display:flex}.org-avatar{border-radius:var(--radius-sm);width:48px;height:48px;font-weight:600;font-size:var(--text-xl);justify-content:center;align-items:center;display:flex;overflow:hidden}.org-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.org-info h4{font-size:var(--text-md);margin:0}.org-type{font-size:var(--text-xs);color:var(--color-fg-quaternary)}.listings-count{font-size:var(--text-xs);color:var(--color-fg-quaternary);margin-left:auto}.my-services-section h3{margin-bottom:var(--spacing-lg)}.no-listings{text-align:center;padding:var(--spacing-4xl);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.no-listings p{color:var(--color-fg-quaternary);margin-bottom:var(--spacing-lg)}.no-listings button{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;font-weight:600;display:inline-flex}.services-list{gap:var(--spacing-md);flex-direction:column;display:flex}.service-row{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-bg-primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);display:flex}.service-row.inactive{opacity:.6}.service-row .service-image{border-radius:var(--radius-sm);flex-shrink:0;width:64px;height:64px;overflow:hidden}.service-row .service-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.service-row .placeholder{width:100%;height:100%;font-weight:600;font-size:var(--text-2xl);justify-content:center;align-items:center;display:flex}.service-row .service-main{align-items:center;gap:var(--spacing-lg);flex:1;display:flex}.service-row .service-details h4{margin:0 0 var(--spacing-xs)}.service-row .org-name{font-size:var(--text-xs);color:var(--color-fg-quaternary)}.service-row .service-meta{gap:var(--spacing-lg);margin-top:var(--spacing-sm);font-size:var(--text-xs);color:var(--color-fg-quaternary);display:flex}.service-row .service-meta span{align-items:center;gap:var(--spacing-xs);display:flex}.status-badge.paused{background:var(--color-bg-tertiary);color:var(--color-fg-quaternary)}.service-actions{gap:var(--spacing-sm);display:flex}.service-actions .action-btn{padding:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-xs);cursor:pointer;color:var(--color-fg-quaternary);border:none}.service-actions .action-btn:hover{background:var(--color-bg-quaternary)}.service-listing-form{padding:var(--spacing-xl);max-width:800px;margin:0 auto}.service-listing-form .form-header{align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);display:flex}.service-listing-form .back-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);cursor:pointer;border:none;display:flex}.service-listing-form .form-section{background:var(--color-bg-primary);padding:var(--spacing-xl);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.service-listing-form .form-section h3{align-items:center;gap:var(--spacing-sm);margin:0 0 var(--spacing-lg);font-size:var(--text-md);color:var(--color-fg-secondary);display:flex}.service-listing-form input,.service-listing-form select,.service-listing-form textarea{width:100%;padding:var(--spacing-md);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm)}.service-listing-form .form-row{grid-template-columns:repeat(auto-fit, minmax(calc(var(--size-card-min) - var(--spacing-4xl)), 1fr));gap:var(--spacing-lg);display:grid}.service-listing-form .checkbox-group label{align-items:center;gap:var(--spacing-sm);cursor:pointer;display:flex}.service-listing-form .checkbox-group input[type=checkbox]{width:auto}.working-hours-editor{margin-top:var(--spacing-lg)}.working-hours-editor>label{margin-bottom:var(--spacing-md);font-weight:500;display:block}.day-hours-row{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);display:flex}.day-hours-row .day-label{width:var(--size-grid-md);font-size:var(--text-sm)}.day-hours-row input[type=time]{width:auto;padding:var(--spacing-sm)}.day-hours-row .closed-checkbox{font-size:var(--text-sm);color:var(--color-fg-quaternary);align-items:center;gap:.35rem;display:flex}.day-hours-row .closed-checkbox input{width:auto}.tags-input{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.tags-input input{flex:1}.tags-input button{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-tertiary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);cursor:pointer}.service-listing-form .tags-list{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.service-listing-form .tags-list .tag{padding:.35rem var(--spacing-md);border-radius:var(--radius-xl);font-size:var(--text-sm);align-items:center;gap:.35rem;display:flex}.service-listing-form .tags-list .tag button{cursor:pointer;opacity:.7;background:0 0;border:none;padding:0}.form-error{background:var(--color-bg-error-primary);color:var(--color-fg-error-primary);padding:var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-lg)}.cancel-btn{padding:var(--spacing-md) var(--spacing-xl);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);cursor:pointer;border:none;font-weight:500}.submit-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;font-weight:600;display:flex}.services-bookings{width:100%;padding:0}.bookings-header h2{margin:0 0 var(--spacing-xs)}.bookings-header p{color:var(--color-fg-quaternary);margin:0 0 var(--spacing-xl)}.bookings-controls{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.bookings-controls .view-toggle{gap:var(--spacing-xs);background:var(--color-bg-tertiary);padding:var(--spacing-xs);border-radius:var(--radius-sm);display:flex}.bookings-controls .view-toggle button{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-xs);cursor:pointer;font-size:var(--text-sm);color:var(--color-fg-quaternary);background:0 0;border:none;display:flex}.bookings-controls .view-toggle button.active{color:#fff}.status-filter{align-items:center;gap:var(--spacing-sm);display:flex}.status-filter select{padding:var(--spacing-sm) var(--spacing-lg);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-xs)}.bookings-loading,.bookings-empty{padding:var(--spacing-4xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.bookings-empty h3{margin:var(--spacing-lg) 0 var(--spacing-sm)}.bookings-empty p{color:var(--color-fg-quaternary)}.bookings-date-group{margin-bottom:var(--spacing-xl)}.date-header{align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-fg-quaternary);margin-bottom:var(--spacing-md);text-transform:capitalize;display:flex}.booking-card{background:var(--color-bg-primary);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);box-shadow:var(--shadow-sm);overflow:hidden}.booking-main{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);cursor:pointer;display:flex}.booking-time{color:var(--color-fg-secondary);min-width:var(--size-layout-80);align-items:center;gap:.35rem;font-weight:600;display:flex}.booking-info{flex:1}.booking-info h4{font-size:var(--text-md);margin:0 0 .15rem}.booking-info p{font-size:var(--text-xs);color:var(--color-fg-quaternary);margin:0}.booking-info .client-name{align-items:center;gap:var(--spacing-xs);font-size:var(--text-xs);color:var(--color-fg-secondary);margin-top:var(--spacing-xs);display:flex}.booking-status{padding:.35rem var(--spacing-md);border-radius:var(--radius-xl);font-size:var(--text-xs);font-weight:500}.expand-icon{color:var(--color-fg-quinary);transition:transform .2s}.expand-icon.rotated{transform:rotate(180deg)}.booking-details{padding:0 var(--spacing-lg) var(--spacing-lg);border-top:var(--border-width-default) solid var(--color-border-tertiary)}.details-grid{gap:var(--spacing-lg);padding-top:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}.detail-item{gap:var(--spacing-md);display:flex}.detail-item.full-width{grid-column:span 2}.detail-item label{font-size:var(--text-xs);color:var(--color-fg-quinary);display:block}.detail-item span,.detail-item a{font-size:var(--text-sm)}.detail-item a{color:var(--color-bg-brand-solid_hover);text-decoration:none}.booking-actions{gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:var(--border-width-default) solid var(--color-border-tertiary);display:flex}.booking-actions button{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-xs);font-size:var(--text-sm);cursor:pointer;border:none;align-items:center;gap:.35rem;display:flex}.confirm-btn{background:var(--color-fg-success-primary);color:#fff}.cancel-btn{background:var(--color-bg-error-primary);color:var(--color-fg-error-primary)}.complete-btn{color:#fff}.no-show-btn{background:var(--color-bg-tertiary);color:var(--color-fg-quaternary)}.coming-soon-section{padding:var(--spacing-5xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.coming-soon-section h3{font-size:var(--text-2xl);margin-bottom:var(--spacing-sm)}.coming-soon-section p{color:var(--color-fg-quaternary)}@media (width<=768px){.profile-stats,.time-slots-grid{grid-template-columns:repeat(2,1fr)}.details-grid{grid-template-columns:1fr}.detail-item.full-width{grid-column:span 1}.day-hours-row{flex-wrap:wrap}.day-hours-row .day-label{width:100%;margin-bottom:var(--spacing-xs)}}.service-booking-calendar{width:100%;padding:0}.calendar-header .header-left{align-items:center;gap:var(--spacing-lg);display:flex}.calendar-header .back-btn{background:var(--color-bg-tertiary);width:var(--size-layout-40);height:var(--size-layout-40);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.calendar-header .back-btn:hover{background:var(--color-bg-quaternary)}.calendar-header h2{align-items:center;gap:var(--spacing-sm);font-size:var(--text-xl);margin:0;display:flex}.calendar-header .service-name{color:var(--color-fg-quaternary);margin:var(--spacing-xs) 0 0;font-size:var(--text-sm)}.calendar-header .header-actions{align-items:center;gap:var(--spacing-lg);display:flex}.calendar-header .settings-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-tertiary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);color:var(--color-fg-secondary);transition:all .2s;display:flex}.calendar-header .settings-btn:hover{background:var(--color-bg-quaternary)}.view-switcher{gap:var(--spacing-xs);background:var(--color-bg-tertiary);padding:var(--spacing-xs);border-radius:var(--radius-sm);display:flex}.view-switcher button{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-xs);cursor:pointer;font-size:var(--text-sm);color:var(--color-fg-quaternary);background:0 0;border:none;transition:all .2s}.view-switcher button:hover{background:var(--color-bg-primary)}.view-switcher button.active{background:var(--color-bg-primary);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.calendar-content{grid-template-columns:1fr var(--size-grid-card);gap:var(--spacing-xl);display:grid}.calendar-main{background:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.fc{font-family:inherit}.fc .fc-toolbar-title{font-size:var(--text-lg);font-weight:600}.fc .fc-button-primary{background:var(--color-bg-tertiary);border:var(--border-width-default) solid var(--color-border-secondary);color:var(--color-fg-secondary);text-transform:none;padding:var(--spacing-sm) var(--spacing-lg);font-weight:500}.fc .fc-button-primary:hover{background:var(--color-bg-quaternary);border-color:var(--color-border-primary);color:var(--color-text-primary)}.fc .fc-button-primary:not(:disabled).fc-button-active,.fc .fc-button-primary:not(:disabled):active{background:var(--color-text-secondary);border-color:var(--color-text-secondary);color:#fff}.fc .fc-day-today{background:#b91c1c0d!important}.fc .fc-event{border-radius:var(--radius-xs);padding:var(--spacing-xxs) var(--spacing-xs);font-size:var(--text-xs);cursor:pointer}.fc-event-content{gap:var(--spacing-xxs);flex-direction:column;display:flex;overflow:hidden}.fc-event-time{font-size:var(--text-xs);opacity:.9}.fc-event-title{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.fc-event-status{font-size:var(--text-caption)}.fc .fc-timegrid-slot{height:var(--size-layout-40)}.fc .fc-col-header-cell-cushion{color:var(--color-fg-secondary);font-weight:600}.slots-panel{background:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--spacing-composer);box-shadow:var(--shadow-sm);height:fit-content;top:var(--spacing-lg);position:sticky}.slots-panel h3{align-items:center;gap:var(--spacing-sm);margin:0 0 var(--spacing-lg);font-size:var(--text-md);color:var(--color-text-primary);display:flex}.slots-grid{gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr);display:grid}.slot-btn{padding:var(--spacing-md) var(--spacing-sm);border:var(--ring-width-md) solid var(--color-border-secondary);border-radius:var(--radius-sm);background:var(--color-bg-primary);cursor:pointer;font-size:var(--text-sm);text-align:center;font-weight:500;transition:all .2s}.slot-btn:hover:not(:disabled){border-color:var(--slot-color,var(--color-text-error-primary_hover));background:#b91c1c0d}.slot-btn.selected{border-color:var(--slot-color,var(--color-text-error-primary_hover));background:var(--slot-color,var(--color-bg-error-solid_hover));color:#fff}.slot-btn.unavailable{background:var(--color-bg-secondary);color:var(--color-fg-quinary);cursor:not-allowed;border-color:var(--color-border-tertiary)}.slot-btn .booked-label{font-size:var(--text-caption);margin-top:var(--spacing-xxs);font-weight:400;display:block}.no-slots{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);color:var(--color-fg-quaternary)}.booking-calendar-loading{padding:var(--spacing-5xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.booking-calendar-loading p{color:var(--color-fg-quaternary);margin-top:var(--spacing-lg)}.booking-detail-modal,.create-booking-modal,.availability-modal,.write-review-modal{background:var(--color-bg-primary);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003}.booking-detail-modal .modal-header,.create-booking-modal .modal-header,.availability-modal .modal-header,.write-review-modal .modal-header{padding:var(--spacing-composer) var(--spacing-xl);border-bottom:var(--border-width-default) solid var(--color-border-secondary);justify-content:space-between;align-items:center;display:flex}.booking-detail-modal .modal-header h3,.create-booking-modal .modal-header h3,.availability-modal .modal-header h3,.write-review-modal .modal-header h3{font-size:var(--text-lg);align-items:center;gap:var(--spacing-sm);margin:0;display:flex}.booking-detail-modal .modal-body,.create-booking-modal .modal-body,.availability-modal .modal-body,.write-review-modal .modal-body{padding:var(--spacing-xl)}.booking-detail-modal .detail-row{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);display:flex}.booking-detail-modal .detail-row>svg{color:var(--color-fg-quaternary);margin-top:var(--spacing-xxs);flex-shrink:0}.booking-detail-modal .detail-row label{font-size:var(--text-xs);color:var(--color-fg-quinary);margin-bottom:.15rem;display:block}.booking-detail-modal .detail-row span{color:var(--color-text-primary)}.booking-detail-modal .detail-row a{color:var(--color-bg-brand-solid_hover);text-decoration:none}.status-badge-large{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-weight:500;font-size:var(--text-sm);margin-top:var(--spacing-sm);display:inline-block}.booking-detail-modal .modal-actions,.create-booking-modal .modal-actions,.availability-modal .modal-actions,.write-review-modal .modal-actions{justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-top:var(--border-width-default) solid var(--color-border-secondary);display:flex}.selected-time-info{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xl);display:flex}.selected-time-info>div{flex-direction:column;display:flex}.selected-time-info strong{color:var(--color-text-primary)}.selected-time-info span{color:var(--color-fg-quaternary);font-size:var(--text-sm)}.availability-modal{max-width:520px}.settings-description{color:var(--color-fg-quaternary);margin-bottom:var(--spacing-xl)}.day-row{padding:var(--spacing-md) 0;border-bottom:var(--border-width-default) solid var(--color-border-tertiary);justify-content:space-between;align-items:center;display:flex}.day-toggle{align-items:center;gap:var(--spacing-md);cursor:pointer;display:flex}.day-toggle input[type=checkbox]{width:var(--size-badge-sm);height:var(--size-badge-sm);accent-color:var(--color-text-error-primary_hover)}.day-name{color:var(--color-fg-secondary);font-weight:500}.time-inputs{align-items:center;gap:var(--spacing-sm);display:flex}.time-inputs input[type=time]{padding:.35rem var(--spacing-sm);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-xs);font-size:var(--text-sm)}.time-inputs span{color:var(--color-fg-quinary)}.services-reviews{width:100%;padding:0}.services-reviews.loading{padding:var(--spacing-5xl);flex-direction:column;justify-content:center;align-items:center;display:flex}.reviews-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:flex-start;display:flex}.reviews-header h2{align-items:center;gap:var(--spacing-sm);margin:0;display:flex}.reviews-header p{color:var(--color-fg-quaternary);margin:var(--spacing-xs) 0 0}.write-review-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-composer);border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;font-weight:500;transition:all .2s;display:flex}.write-review-btn:hover{opacity:.9;transform:translateY(calc(-1 * var(--motion-lift-hover)))}.reviews-stats{gap:var(--spacing-2xl);background:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm);grid-template-columns:auto 1fr;display:grid}.stats-main .average-rating{text-align:center}.average-rating .rating-value{font-size:var(--text-5xl);color:var(--color-text-primary);font-weight:700;line-height:1}.average-rating .rating-meta{margin-top:var(--spacing-sm)}.average-rating .rating-meta span{color:var(--color-fg-quaternary);font-size:var(--text-sm);margin-top:var(--spacing-xs);display:block}.rating-bars{gap:var(--spacing-sm);flex-direction:column;justify-content:center;display:flex}.bar-row{align-items:center;gap:var(--spacing-sm);display:flex}.bar-label{width:var(--size-badge-min);font-size:var(--text-sm);color:var(--color-fg-quaternary);text-align:right}.bar-track{background:var(--color-bg-tertiary);border-radius:var(--radius-xs);flex:1;height:8px;overflow:hidden}.bar-fill{border-radius:var(--radius-xs);height:100%;transition:width .3s}.bar-count{width:30px;font-size:var(--text-xs);color:var(--color-fg-quaternary)}.reviews-toolbar{margin-bottom:var(--spacing-lg);justify-content:flex-end;display:flex}.sort-select{align-items:center;gap:var(--spacing-sm);display:flex}.sort-select label{color:var(--color-fg-quaternary);font-size:var(--text-sm)}.sort-select select{padding:var(--spacing-sm) var(--spacing-md);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-xs);font-size:var(--text-sm)}.reviews-list{gap:var(--spacing-lg);flex-direction:column;display:flex}.review-card{background:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--spacing-composer);box-shadow:var(--shadow-sm)}.review-card .review-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:flex-start;display:flex}.reviewer-info{align-items:center;gap:var(--spacing-md);display:flex}.reviewer-avatar{width:var(--size-layout-40);height:var(--size-layout-40);border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover}.reviewer-avatar-placeholder{width:var(--size-layout-40);height:var(--size-layout-40);border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex}.reviewer-name{color:var(--color-text-primary);font-weight:600;display:block}.review-date{font-size:var(--text-xs);color:var(--color-fg-quaternary);align-items:center;gap:.35rem;display:flex}.review-rating .stars-container{gap:var(--spacing-xxs);display:flex}.review-title{font-size:var(--text-md);margin:0 0 var(--spacing-sm);color:var(--color-text-primary);font-weight:600}.review-content{color:var(--color-fg-tertiary);margin:0;line-height:1.75rem}.provider-response{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-sm);border-left:var(--border-width-thick) solid var(--color-text-error-primary_hover)}.provider-response .response-header{margin-bottom:var(--spacing-sm)}.provider-response strong{color:var(--color-fg-secondary);font-size:var(--text-sm)}.provider-response p{color:var(--color-fg-tertiary);font-size:var(--text-sm);margin:0}.reviews-actions-bar{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:var(--border-width-default) solid var(--color-border-secondary);justify-content:space-between;align-items:center;display:flex}.reviews-actions-bar .write-review-btn{align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;padding:.6rem 1.2rem;font-weight:500;transition:opacity .2s;display:flex}.reviews-actions-bar .write-review-btn:hover{opacity:.9}.reviews-actions-bar .view-all-reviews-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-fg-quaternary);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;transition:color .2s;display:flex}.reviews-actions-bar .view-all-reviews-btn:hover{color:var(--color-text-primary)}.show-more-reviews-btn{justify-content:center;align-items:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-md);margin-top:var(--spacing-lg);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;font-weight:500;transition:all .2s;display:flex}.show-more-reviews-btn:hover{background:var(--color-bg-secondary)}.reviews-tab .no-reviews{text-align:center;padding:var(--spacing-4xl) var(--spacing-lg)}.reviews-tab .no-reviews p{margin:var(--spacing-lg) 0 var(--spacing-sm);color:var(--color-fg-secondary);font-weight:500}.reviews-tab .no-reviews span{color:var(--color-fg-quinary);font-size:var(--text-sm)}.review-actions{gap:var(--spacing-lg);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:var(--border-width-default) solid var(--color-border-tertiary);display:flex}.helpful-btn,.reply-btn{padding:.35rem var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-xs);font-size:var(--text-xs);color:var(--color-fg-quaternary);cursor:pointer;border:none;align-items:center;gap:.35rem;transition:all .2s;display:flex}.helpful-btn:hover,.reply-btn:hover{background:var(--color-bg-quaternary);color:var(--color-fg-secondary)}.reply-form{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.reply-form textarea{width:100%;padding:var(--spacing-md);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm);resize:vertical;margin-bottom:var(--spacing-md)}.reply-actions{justify-content:flex-end;gap:var(--spacing-sm);display:flex}.stars-container{gap:var(--spacing-xxs);display:inline-flex}.star-btn{cursor:default;background:0 0;border:none;align-items:center;padding:0;display:flex}.star-btn.interactive{cursor:pointer;transition:transform .2s}.star-btn.interactive:hover{transform:scale(1.15)}.no-reviews{text-align:center;padding:var(--spacing-4xl);background:var(--color-bg-primary);border-radius:var(--radius-md)}.no-reviews h3{margin:var(--spacing-lg) 0 var(--spacing-sm);color:var(--color-fg-secondary)}.no-reviews p{color:var(--color-fg-quaternary);margin:0}.rating-selector{text-align:center;margin-bottom:var(--spacing-xl)}.rating-selector label{margin-bottom:var(--spacing-md);color:var(--color-fg-secondary);font-weight:500;display:block}.rating-selector .stars-container{justify-content:center}@media (width<=900px){.calendar-content{grid-template-columns:1fr}.slots-panel{position:static}.reviews-stats{text-align:center;grid-template-columns:1fr}.rating-bars{max-width:var(--size-grid-card);margin:0 auto}}@media (width<=600px){.calendar-header,.calendar-header .header-actions{flex-direction:column;align-items:stretch}.view-switcher{justify-content:center}.slots-grid{grid-template-columns:repeat(2,1fr)}.reviews-header{gap:var(--spacing-lg);flex-direction:column}.write-review-btn{align-self:flex-start}}.map-view-container{grid-template-columns:1fr var(--size-grid-card-xl);gap:var(--spacing-composer);height:600px;display:grid}.marketplace-map{border-radius:var(--radius-md);height:100%;overflow:hidden}@media (width<=1024px){.map-view-container{grid-template-columns:1fr;height:auto}.marketplace-map{height:var(--size-modal-sm)}}.universal-chat-layout-full{height:calc(100vh - var(--size-dropdown-lg));background:var(--color-bg-primary);border-radius:var(--radius-md);border:var(--border-width-default) solid var(--color-border-secondary);min-height:500px;box-shadow:var(--shadow-xs);flex-direction:column;display:flex;position:relative;overflow:hidden}.universal-chat-layout{height:var(--size-modal-sm);background:var(--color-bg-primary);border-radius:var(--radius-md);border:var(--border-width-default) solid var(--color-border-secondary);box-shadow:var(--shadow-xs);justify-content:center;align-items:center;display:flex}.chat-welcome{text-align:center;padding:var(--spacing-2xl)}.welcome-content h3{color:var(--color-text-primary);font-size:var(--text-xl);margin:var(--spacing-lg) 0 var(--spacing-sm) 0;font-weight:700}.welcome-content p{color:var(--color-fg-quaternary);font-size:var(--text-md);margin:0 0 var(--spacing-xl) 0}.chat-header{padding:var(--spacing-composer) var(--spacing-xl);border-bottom:var(--border-width-default) solid var(--color-border-secondary);background:var(--color-bg-secondary);justify-content:space-between;align-items:center;display:flex}.chat-group-info{align-items:center;gap:var(--spacing-lg);display:flex}.group-avatar{width:var(--size-avatar-md);height:var(--size-avatar-md);border-radius:var(--radius-full);color:#fff;border:var(--ring-width-md) solid white;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex;box-shadow:0 2px 4px #0000001a}.group-details h3{color:var(--color-text-primary);font-size:var(--text-lg);margin:0 0 .125rem;font-weight:700;line-height:1.2}.group-details p{color:var(--color-fg-quaternary);font-size:var(--text-xs);margin:0}.chat-actions{gap:var(--spacing-sm);display:flex}.chat-action-btn{color:var(--color-fg-quaternary);padding:var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;transition:all .2s}.chat-action-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.messages-area{padding:var(--spacing-composer);gap:var(--spacing-lg);background:var(--color-bg-secondary);flex-direction:column;flex:1;display:flex;overflow-y:auto}.empty-messages{text-align:center;flex:1;justify-content:center;align-items:center;display:flex}.empty-messages .empty-content h4{color:var(--color-text-primary);font-size:var(--text-lg);margin:var(--spacing-lg) 0 var(--spacing-sm) 0;font-weight:700}.empty-messages .empty-content p{color:var(--color-fg-quaternary);font-size:var(--text-sm);margin:0}.message{max-width:70%;margin-bottom:var(--spacing-sm);display:flex}.message.own-message{align-self:flex-end;margin-left:auto}.message.other-message{align-self:flex-start;margin-right:auto}.message-content{background:var(--color-bg-primary);padding:var(--spacing-lg) var(--spacing-composer);border:var(--border-width-default) solid var(--color-border-secondary);box-shadow:0 1px 2px var(--color-text-primary);border-radius:18px}@supports (color:color-mix(in lab, red, red)){.message-content{box-shadow:0 1px 2px color-mix(in srgb, var(--color-text-primary) 5%, transparent)}}.message-content{max-width:100%}.message.own-message .message-content{background:var(--color-bg-brand-solid);color:#fff;border-color:var(--color-bg-brand-solid)}.message-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex}.sender-name{font-weight:600;font-size:var(--text-xs);opacity:.8}.message.own-message .sender-name{color:#ffffffe6}.message.other-message .sender-name{color:var(--color-fg-quaternary)}.message-time{font-size:var(--text-xs);opacity:.7}.message.own-message .message-time{color:#fffc}.message.other-message .message-time{color:var(--color-fg-quaternary)}.message-text{font-size:var(--text-sm);word-wrap:break-word;line-height:1.5rem}.message.own-message .message-text{color:#fff}.message.other-message .message-text{color:var(--color-text-primary)}.message-input-area{padding:var(--spacing-composer) var(--spacing-xl);border-top:var(--border-width-default) solid var(--color-border-secondary);background:var(--color-bg-primary)}.input-wrapper{align-items:center;gap:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-2xl);padding:var(--spacing-sm) var(--spacing-md);border:var(--border-width-default) solid var(--color-border-secondary);transition:all .2s;display:flex}.input-wrapper:focus-within{background:var(--color-bg-primary);border-color:var(--color-bg-brand-solid);box-shadow:0 0 0 2px #1877f21a}.attachment-btn,.emoji-btn{color:var(--color-fg-quaternary);padding:var(--spacing-sm);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:none;flex-shrink:0;transition:all .2s}.attachment-btn:hover,.emoji-btn:hover{background:var(--color-border-secondary);color:var(--color-text-primary)}.message-input{padding:var(--spacing-md) 0;font-size:var(--text-md);color:var(--color-text-primary);background:0 0;border:none;flex:1;min-width:0}.message-input:focus{outline:none}.send-btn{background:var(--color-bg-brand-solid);color:#fff;padding:var(--spacing-md);border-radius:var(--radius-full);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.send-btn:hover:not(:disabled){background:var(--color-bg-brand-solid_hover);transform:scale(1.05)}.chat-tabs{border-bottom:var(--border-width-default) solid var(--color-border-secondary);background:var(--color-bg-primary);z-index:10;display:flex;position:sticky;top:0}.chat-tab{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-lg);border:none;border-bottom:var(--border-width-thick) solid transparent;color:var(--color-fg-quaternary);font-size:var(--text-sm);cursor:pointer;background:0 0;flex:1;font-weight:500;transition:all .2s;display:flex}.chat-tab:hover{background:var(--color-bg-tertiary)}.chat-tab.active{color:var(--color-bg-success-solid_hover);border-bottom-color:var(--color-bg-success-solid_hover)}.chat-tab .unread-badge{padding:var(--spacing-xxs) var(--spacing-sm);font-size:var(--text-xs);color:#fff;border-radius:var(--radius-sm);min-width:var(--size-badge-sm);text-align:center;font-weight:600}.direct-chat-list{flex-direction:column;height:100%;display:flex}.chat-search-bar{gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-border-tertiary);display:flex}.search-input-wrapper input{font-size:var(--text-sm);border:none;outline:none;flex:1}.new-chat-btn{width:var(--size-layout-40);height:var(--size-layout-40);border-radius:var(--radius-full);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;transition:transform .2s;display:flex}.new-chat-btn:hover{transform:scale(1.1)}.chats-list{flex:1;overflow-y:auto}.chat-item{padding:var(--spacing-md) var(--spacing-lg);align-items:center;gap:var(--spacing-md);cursor:pointer;border-bottom:var(--border-width-default) solid var(--color-border-tertiary);transition:background .2s;display:flex}.chat-item:hover{background:var(--color-bg-secondary)}.chat-item.active{background:var(--color-border-tertiary)}.chat-avatar{width:var(--size-grid-xs);height:var(--size-grid-xs);border-radius:var(--radius-full);flex-shrink:0;overflow:hidden}.chat-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.avatar-placeholder{width:100%;height:100%;font-size:var(--text-xl);color:#fff;justify-content:center;align-items:center;font-weight:600;display:flex}.chat-info{flex:1;min-width:0}.chat-header-row{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.chat-name{font-size:var(--text-md);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:500;overflow:hidden}.chat-time{font-size:var(--text-xs);color:var(--color-fg-quaternary);flex-shrink:0}.chat-preview-row{justify-content:space-between;align-items:center;display:flex}.message-preview{align-items:center;gap:var(--spacing-xs);flex:1;min-width:0;display:flex}.preview-text{font-size:var(--text-sm);color:var(--color-fg-quaternary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.status-read{color:var(--color-bg-brand-solid)}.status-delivered,.status-sent{color:var(--color-fg-quaternary)}.unread-badge{padding:var(--spacing-xxs) var(--spacing-sm);font-size:var(--text-xs);color:#fff;border-radius:var(--radius-sm);min-width:var(--size-badge-sm);text-align:center;font-weight:600}.empty-chats,.no-contacts,.loading-contacts{padding:var(--spacing-3xl) var(--spacing-composer);text-align:center;color:var(--color-fg-quaternary);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-chats p,.no-contacts p{margin:var(--spacing-md) 0 var(--spacing-xs);font-size:var(--text-md)}.empty-chats small,.no-contacts small{color:var(--color-fg-quaternary)}.start-chat-btn{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-composer);border-radius:var(--radius-2xl);color:#fff;font-size:var(--text-sm);cursor:pointer;border:none;font-weight:500;display:flex}.new-chat-modal{background:var(--color-bg-primary);border-radius:var(--radius-md);width:90%;max-width:var(--size-modal-sm);flex-direction:column;max-height:80vh;display:flex;overflow:hidden}.new-chat-modal .modal-header{padding:var(--spacing-lg);border-bottom:var(--border-width-default) solid var(--color-border-secondary);justify-content:space-between;align-items:center;display:flex}.new-chat-modal .modal-header h3{align-items:center;gap:var(--spacing-sm);font-size:var(--text-lg);margin:0;display:flex}.new-chat-modal .close-btn{color:var(--color-fg-quaternary);cursor:pointer;padding:var(--spacing-xs);background:0 0;border:none}.new-chat-modal .modal-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.search-contacts{padding:var(--spacing-md);background:var(--color-border-tertiary);align-items:center;display:flex}.search-contacts .search-icon{color:var(--color-fg-quaternary);margin-right:var(--spacing-sm)}.search-contacts input{font-size:var(--text-sm);background:0 0;border:none;outline:none;flex:1}.contacts-list{flex:1;overflow-y:auto}.contact-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:background .2s;display:flex}.contact-item:hover{background:var(--color-bg-secondary)}.contact-avatar{border-radius:var(--radius-full);width:45px;height:45px;overflow:hidden}.contact-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.contact-info h4{margin:0 0 var(--spacing-xxs);font-size:var(--text-md);font-weight:500}.contact-info p{font-size:var(--text-sm);color:var(--color-fg-quaternary);margin:0}.chat-conversation{background:var(--color-bg-tertiary);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.chat-conversation.empty{justify-content:center;align-items:center}.empty-chat-placeholder{text-align:center;color:var(--color-fg-quaternary)}.empty-chat-placeholder h3{margin:var(--spacing-lg) 0 var(--spacing-sm)}.empty-chat-placeholder p{color:var(--color-fg-quaternary);margin:0}.conversation-header{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-border-tertiary);align-items:center;gap:var(--spacing-md);z-index:10;flex-shrink:0;display:flex;position:relative}.conversation-header .back-btn{color:var(--color-fg-quaternary);cursor:pointer;padding:var(--spacing-xs);background:0 0;border:none;display:none}.conversation-header .chat-info{align-items:center;gap:var(--spacing-md);cursor:pointer;flex:1;display:flex}.conversation-header .chat-avatar{width:var(--size-layout-40);height:var(--size-layout-40)}.conversation-header .chat-details h3{font-size:var(--text-md);margin:0;font-weight:500}.conversation-header .chat-status{font-size:var(--text-sm);color:var(--color-fg-quaternary);margin:0}.header-actions{gap:var(--spacing-sm);display:flex}.header-actions .action-btn{color:var(--color-fg-quaternary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-full);background:0 0;border:none}.header-actions .action-btn:hover{background:var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.header-actions .action-btn:hover{background:color-mix(in srgb, var(--color-text-primary) 5%, transparent)}}.messages-container{padding:var(--spacing-composer) var(--size-badge-reserve);scroll-behavior:auto;overflow-anchor:none;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.loading-messages,.no-messages{color:var(--color-fg-quaternary);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.no-messages small{color:var(--color-fg-quaternary)}.loading-more-messages{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);color:var(--color-fg-quaternary);font-size:var(--text-sm);display:flex}.loading-spinner{width:var(--size-badge-dot);height:var(--size-badge-dot);border:var(--ring-width-md) solid var(--color-border-secondary);border-top-color:var(--color-bg-success-solid_hover);border-radius:var(--radius-full);animation:.8s linear infinite spin}.load-more-hint{padding:var(--spacing-sm) var(--spacing-lg);margin-bottom:var(--spacing-sm);justify-content:center;display:flex}.load-more-hint span{font-size:var(--text-xs);color:var(--color-fg-quaternary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);background:#e1dad099}.date-separator{margin:var(--spacing-lg) 0;justify-content:center;display:flex}.date-separator span{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-fg-quaternary);background:#e1dad0e6;box-shadow:0 1px .5px #0b141a21}.message-bubble-wrapper{margin-bottom:var(--spacing-xxs);display:flex;position:relative}.message-bubble-wrapper.own{justify-content:flex-end}.message-bubble-wrapper.other{justify-content:flex-start}.message-bubble-wrapper.grouped{margin-bottom:var(--border-width-default)}.message-bubble-wrapper.first-in-group{margin-top:var(--spacing-sm)}.message-bubble-wrapper.last-in-group{margin-bottom:var(--spacing-sm)}.message-bubble-wrapper.middle-in-group{margin-bottom:var(--border-width-default)}.message-bubble-wrapper.own.grouped .message-bubble,.message-bubble-wrapper.own.middle-in-group .message-bubble{border-top-right-radius:7.5px}.message-bubble-wrapper.own.first-in-group .message-bubble{border-top-right-radius:0;border-bottom-right-radius:7.5px}.message-bubble-wrapper.own.last-in-group .message-bubble{border-top-right-radius:7.5px;border-bottom-right-radius:0}.message-bubble-wrapper.other.grouped .message-bubble,.message-bubble-wrapper.other.middle-in-group .message-bubble{border-top-left-radius:7.5px}.message-bubble-wrapper.other.first-in-group .message-bubble{border-top-left-radius:0;border-bottom-left-radius:7.5px}.message-bubble-wrapper.other.last-in-group .message-bubble{border-top-left-radius:7.5px;border-bottom-left-radius:0}.message-bubble{max-width:65%;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) var(--spacing-sm);border-radius:7.5px;position:relative;box-shadow:0 1px .5px #0b141a21}.own-bubble{background:var(--color-bg-success-secondary);border-top-right-radius:0}.other-bubble{background:var(--color-bg-primary);border-top-left-radius:0}.sender-name{font-size:var(--text-xs);margin-bottom:var(--spacing-xxs);font-weight:500}.message-content{flex-wrap:wrap;align-items:flex-end;display:flex}.message-text{font-size:var(--text-sm);color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word;font-weight:400;line-height:19px}.own-bubble .message-text,.other-bubble .message-text{color:var(--color-text-primary)}.message-meta{align-items:center;gap:var(--spacing-xs);margin-left:var(--spacing-sm);flex-shrink:0;display:flex}.edited-label{font-size:var(--text-xs);color:var(--color-fg-quaternary);margin-right:var(--spacing-xs);font-style:italic}.own-bubble .message-time,.own-bubble .edited-label{color:var(--color-text-success-primary)}.status-icon{margin-left:var(--spacing-xxs)}.message-actions{gap:var(--spacing-xs);display:none;position:absolute;top:50%;transform:translateY(-50%)}.message-bubble-wrapper.own .message-actions{left:-40px}.message-bubble-wrapper:hover .message-actions{display:flex}.message-actions .action-btn{background:var(--color-bg-primary);border-radius:var(--radius-full);cursor:pointer;width:28px;height:28px;box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;display:flex}@supports (color:color-mix(in lab, red, red)){.reply-reference{background:color-mix(in srgb, var(--color-text-primary) 5%, transparent)}}.reply-reference{padding:var(--spacing-sm) var(--spacing-sm);border-radius:var(--radius-xs);margin-bottom:var(--spacing-xs)}.reply-bar{border-radius:var(--radius-xs);width:3px}.reply-content{flex-direction:column;min-width:0;display:flex}.reply-preview{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-border-tertiary) 100%);border-top:var(--border-width-default) solid var(--color-border-secondary);animation:.2s replySlideUp;display:flex}.reply-preview .reply-bar{width:4px;height:var(--size-avatar-md);border-radius:var(--radius-xs);flex-shrink:0}.reply-preview .reply-content{gap:var(--spacing-xxs);flex-direction:column;flex:1;min-width:0;display:flex}.reply-to-label{font-size:var(--text-sm);color:inherit;letter-spacing:var(--letter-spacing-snug);font-weight:600}.reply-text{font-size:var(--text-sm);color:var(--color-fg-quaternary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cancel-reply{color:var(--color-fg-quaternary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-full);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.cancel-reply:hover{color:var(--color-text-primary);background:#0000001a;transform:scale(1.1)}.typing-indicator{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-sm);display:flex}.typing-dots{gap:var(--spacing-xs);display:flex}.typing-dots span{border-radius:var(--radius-full);width:8px;height:8px;animation:1.4s ease-in-out infinite both typingBounce}.typing-dots span:first-child{animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}.typing-dots span:nth-child(3){animation-delay:0}.typing-text{font-size:var(--text-sm);color:var(--color-fg-quaternary);font-style:italic}.message-input-form{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-border-tertiary);min-height:var(--size-badge-reserve);border-top:var(--border-width-default) solid var(--color-text-primary);flex-shrink:0;display:flex}@supports (color:color-mix(in lab, red, red)){.message-input-form{border-top:var(--border-width-default) solid color-mix(in srgb, var(--color-text-primary) 8%, transparent)}}.input-action-btn{cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-full);background:0 0;border:none}@supports (color:color-mix(in lab, red, red)){.input-action-btn:hover{background:color-mix(in srgb, var(--color-text-primary) 5%, transparent)}}.message-input-form .message-input{padding:var(--spacing-md) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--text-md);border:none;outline:none;flex:1}.message-input-form .send-btn{width:var(--size-layout-40);height:var(--size-layout-40);min-width:var(--size-layout-40);min-height:var(--size-layout-40);border-radius:var(--radius-full);color:#fff;cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s,background-color .2s;display:flex}.message-input-form .send-btn:hover:not(:disabled){transform:scale(1.1)}.message-input-form .send-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.conversation-header .back-btn{display:block}.messages-container{padding:var(--spacing-md) var(--spacing-lg)}.message-bubble{max-width:85%}}.chat-avatar{position:relative}.online-indicator{bottom:var(--ring-width-md);right:var(--ring-width-md);background:var(--color-fg-success-primary);border:var(--ring-width-md) solid white;border-radius:var(--radius-full);width:12px;height:12px;position:absolute}.chat-search-panel{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-border-tertiary);border-bottom:var(--border-width-default) solid var(--color-border-secondary);display:flex}.chat-search-panel input{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--text-sm);border:none;outline:none;flex:1}.chat-search-panel button{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-xs);background:var(--color-bg-success-solid_hover);color:#fff;cursor:pointer;font-size:var(--text-sm);border:none}.chat-search-panel button:hover{background:var(--color-bg-success-solid_hover)}.chat-search-panel button:last-child{background:var(--color-bg-quaternary)}.chat-search-panel button:disabled{opacity:.5;cursor:not-allowed}.search-results-panel{max-height:var(--size-label-min);background:var(--color-bg-primary);border-bottom:var(--border-width-default) solid var(--color-border-secondary);overflow-y:auto}.search-results-header{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-tertiary);font-size:var(--text-sm);color:var(--color-fg-quaternary);justify-content:space-between;align-items:center;display:flex}.search-results-header button{color:var(--color-bg-success-solid_hover);cursor:pointer;font-size:var(--text-sm);background:0 0;border:none}.search-result-item{padding:var(--spacing-md) var(--spacing-lg);border-bottom:var(--border-width-default) solid var(--color-border-tertiary);cursor:pointer;font-size:var(--text-sm)}.search-result-item:hover{background:var(--color-bg-secondary)}.search-result-item strong{color:var(--color-bg-success-solid_hover);margin-right:var(--spacing-xs)}.result-time{float:right;color:var(--color-fg-quinary);font-size:var(--text-xs)}.attachment-container{margin-bottom:var(--spacing-xs);border-radius:var(--radius-sm);overflow:hidden}.image-attachment{max-width:var(--size-chart)}.attachment-image{width:100%;max-height:var(--size-grid-card);-o-object-fit:cover;object-fit:cover;cursor:pointer;border-radius:var(--radius-sm)}.attachment-image:hover{opacity:.9}.file-attachment{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-text-primary);display:flex}@supports (color:color-mix(in lab, red, red)){.file-attachment{background:color-mix(in srgb, var(--color-text-primary) 5%, transparent)}}.file-attachment{border-radius:var(--radius-sm)}.file-info{flex:1;min-width:0}.file-name{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;margin-bottom:var(--spacing-xs);font-weight:500;display:block;overflow:hidden}.download-btn{align-items:center;gap:var(--spacing-xs);font-size:var(--text-xs);color:var(--color-bg-success-solid_hover);text-decoration:none;display:inline-flex}.download-btn:hover{text-decoration:underline}.reply-reference{gap:var(--spacing-sm);background:var(--color-text-primary);display:flex}@supports (color:color-mix(in lab, red, red)){.reply-reference{background:color-mix(in srgb, var(--color-text-primary) 6%, transparent)}}.reply-reference{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-xs);margin-bottom:var(--spacing-sm);cursor:pointer}.reply-reference:hover{background:var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.reply-reference:hover{background:color-mix(in srgb, var(--color-text-primary) 8%, transparent)}}.reply-bar{border-radius:var(--radius-xs);flex-shrink:0;width:4px}.reply-content{gap:var(--spacing-xxs);flex-direction:column;flex:1;min-width:0;display:flex}.reply-sender{font-size:var(--text-xs);font-weight:600}.reply-text{font-size:var(--text-sm);color:var(--color-fg-quaternary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.message-meta{align-items:center;gap:var(--spacing-xs);margin-left:var(--spacing-sm);float:right;display:inline-flex;position:relative;top:5px}.status-icon.delivered,.status-icon.sent{color:var(--color-fg-quaternary)}.input-action-btn[disabled]{opacity:.7}@media (width<=768px){.chat-search-panel{padding:var(--spacing-sm) var(--spacing-md)}.attachment-container,.image-attachment{max-width:100%}}.chat-sidebar-redesign{background:var(--color-bg-primary);border-radius:var(--radius-md);height:100%;box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.chat-sidebar-header{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md);border-bottom:var(--border-width-default) solid var(--color-border-tertiary);justify-content:space-between;align-items:center;display:flex}.header-title h2{font-size:var(--text-lg);color:var(--color-text-primary);margin:0;font-weight:600}.total-unread-badge{padding:var(--spacing-xxs) var(--spacing-sm);font-size:var(--text-xs);color:#fff;border-radius:var(--radius-md);font-weight:600}.settings-toggle{padding:var(--spacing-sm);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;transition:background .2s}.settings-toggle:hover{background:var(--color-border-tertiary)}.chat-settings-panel{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-bottom:var(--border-width-default) solid var(--color-border-tertiary)}.setting-row{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;transition:background .2s;display:flex}.setting-row:hover{background:var(--color-border-tertiary)}.setting-row span{font-size:var(--text-sm);color:var(--color-text-secondary);flex:1}.toggle-pill{width:var(--size-layout-40);background:var(--color-bg-quaternary);border-radius:11px;height:22px;transition:background .3s;position:relative}.toggle-pill.active{background:var(--color-bg-success-solid_hover)}.toggle-circle{top:var(--ring-width-md);left:var(--ring-width-md);width:var(--size-badge-sm);height:var(--size-badge-sm);border-radius:var(--radius-full);background:var(--color-bg-primary);transition:transform .3s;position:absolute;box-shadow:0 1px 3px #0003}.toggle-pill.active .toggle-circle{transform:translate(18px)}.chat-sidebar-tabs{border-bottom:var(--border-width-default) solid var(--color-border-tertiary);display:flex}.sidebar-tab{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-sm);border:none;border-bottom:var(--ring-width-md) solid transparent;color:var(--color-fg-quaternary);font-size:var(--text-sm);cursor:pointer;background:0 0;flex:1;font-weight:500;transition:all .2s;display:flex}.sidebar-tab:hover{background:var(--color-bg-secondary)}.sidebar-tab.active{color:var(--color-bg-success-solid_hover);border-bottom-color:var(--color-bg-success-solid_hover)}.tab-badge{padding:1px var(--spacing-sm);font-size:var(--text-xs);color:#fff;border-radius:var(--radius-sm);min-width:var(--size-badge-min);text-align:center;font-weight:600}.chat-sidebar-list{flex:1;overflow:hidden auto}.chat-sidebar-list .direct-chat-list{height:100%}.chat-sidebar-list .chat-search-bar{padding:var(--spacing-md) var(--spacing-md);border-bottom:var(--border-width-default) solid var(--color-border-tertiary);background:0 0}.chat-sidebar-list .search-input-wrapper{background:var(--color-border-tertiary);border-radius:var(--radius-xl);padding:var(--spacing-sm) var(--spacing-lg)}.chat-sidebar-list .new-chat-btn{width:var(--size-layout-36);height:var(--size-layout-36)}.chat-sidebar-list .chats-list{padding:var(--spacing-xs) 0}.chat-sidebar-list .chat-item{margin:0 var(--spacing-sm);border-radius:var(--radius-sm);padding:var(--spacing-md) var(--spacing-md);border-bottom:none}.chat-sidebar-list .chat-item:hover{background:var(--color-bg-secondary)}.chat-sidebar-list .chat-item.active{background:var(--color-bg-success-primary)}.chat-sidebar-list .chat-avatar{width:45px;height:45px}.chat-sidebar-list .chat-name{font-size:var(--text-md)}.chat-sidebar-list .preview-text{font-size:var(--text-sm)}.chat-sidebar-list .chat-time{font-size:var(--text-xs)}.chat-sidebar-list .empty-chats{padding:var(--spacing-2xl) var(--spacing-composer)}.chat-sidebar-list .empty-chats p{font-size:var(--text-md);margin-bottom:var(--spacing-xs)}.chat-sidebar-list .start-chat-btn{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--text-sm);border-radius:var(--radius-xl)}.chat-sidebar-footer{justify-content:center;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary);border-top:var(--border-width-default) solid var(--color-border-tertiary);display:flex}.footer-stat{align-items:baseline;gap:var(--spacing-xs);display:flex}.footer-stat .stat-value{font-size:var(--text-md);color:var(--color-bg-success-solid_hover);font-weight:600}.footer-stat .stat-label{font-size:var(--text-xs);color:var(--color-fg-quaternary)}.footer-divider{width:1px;height:var(--size-badge-dot);background:var(--color-bg-quaternary)}.chat-sidebar-list::-webkit-scrollbar{width:6px}.chat-sidebar-list::-webkit-scrollbar-track{background:0 0}.chat-sidebar-list::-webkit-scrollbar-thumb{background:var(--color-bg-quaternary);border-radius:var(--radius-xs)}.chat-sidebar-list::-webkit-scrollbar-thumb:hover{background:var(--color-bg-quaternary)}.chat-settings-panel{animation:.2s slideDown}@media (width<=768px){.chat-sidebar-header{padding:var(--spacing-md)}.header-title h2{font-size:var(--text-md)}.sidebar-tab{padding:var(--spacing-md) var(--spacing-sm);font-size:var(--text-xs)}.chat-sidebar-list .chat-item{margin:0 var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.chat-sidebar-list .chat-avatar{width:var(--size-layout-40);height:var(--size-layout-40)}}.ws-connection-indicator{width:var(--size-line-min);height:var(--size-line-min);border-radius:var(--radius-full);margin-right:var(--spacing-sm);justify-content:center;align-items:center;transition:all .3s;display:flex}.ws-connection-indicator.connected{color:var(--color-bg-success-solid_hover);background-color:#05966926}.ws-connection-indicator.disconnected{color:var(--color-fg-error-primary);background-color:#ef444426;animation:2s infinite pulse}.status-icon{margin-left:var(--spacing-xs);flex-shrink:0}.status-icon.sent,.status-icon.delivered{color:var(--color-fg-quinary)}.status-icon.read{color:var(--color-bg-brand-solid)}.message-bubble-wrapper{animation:.3s messageSlideIn}.typing-indicator{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-primary);border-radius:18px 18px 18px var(--radius-xs);margin:var(--spacing-sm) 0;max-width:var(--size-label-narrow-max);border:var(--border-width-default) solid var(--color-border-secondary);animation:.3s typingSlideIn;display:flex;box-shadow:0 1px 2px #0000001a}.typing-indicator-dots{gap:var(--spacing-xs);align-items:center;display:flex}.typing-indicator-dot{background:var(--color-bg-quaternary);border-radius:var(--radius-full);width:8px;height:8px;animation:1.4s ease-in-out infinite typingPulse}.typing-indicator-dot:first-child{animation-delay:0s}.typing-indicator-dot:nth-child(2){animation-delay:.2s}.typing-indicator-dot:nth-child(3){animation-delay:.4s}.typing-indicator-text{font-size:var(--text-sm);color:var(--color-fg-quaternary);font-style:italic;font-weight:500}.chat-welcome{height:100%;padding:var(--spacing-3xl);background:linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-secondary) 100%);justify-content:center;align-items:center;display:flex}.welcome-content{text-align:center;max-width:var(--size-modal-sm)}.welcome-icon{width:var(--size-grid-md);height:var(--size-grid-md);border-radius:var(--radius-full);margin:0 auto var(--spacing-xl);justify-content:center;align-items:center;display:flex}.welcome-content h3{font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-weight:600}.welcome-content>p{color:var(--color-fg-quaternary);margin-bottom:var(--spacing-xl);line-height:1.5}.welcome-hint{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-composer);background:var(--color-bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);display:flex}.welcome-hint span{color:var(--color-fg-tertiary);font-size:var(--text-sm)}.welcome-actions{gap:var(--spacing-md);justify-content:center;display:flex}.welcome-actions .btn-secondary{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-composer);border-radius:var(--radius-sm);border:var(--ring-width-md) solid;cursor:pointer;background:0 0;font-weight:500;transition:all .2s;display:flex}.welcome-actions .btn-secondary:hover{background:var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.welcome-actions .btn-secondary:hover{background:color-mix(in srgb, var(--color-text-primary) 5%, transparent)}}.voice-mic-btn{width:var(--size-layout-40);height:var(--size-layout-40);min-width:var(--size-layout-40);min-height:var(--size-layout-40);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.voice-mic-btn:hover:not(:disabled){background:var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.voice-mic-btn:hover:not(:disabled){background:color-mix(in srgb, var(--color-text-primary) 5%, transparent)}}.voice-mic-btn:disabled{opacity:.5;cursor:not-allowed}.voice-recorder-active{align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-border-tertiary);border-radius:var(--radius-2xl);display:flex}.voice-cancel-btn{width:var(--size-layout-36);height:var(--size-layout-36);background:var(--color-bg-error-solid);color:#fff;border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.voice-cancel-btn:hover{background:var(--color-bg-error-solid_hover);transform:scale(1.05)}.voice-recording-indicator{align-items:center;gap:var(--spacing-sm);min-width:var(--size-badge-reserve);display:flex}.recording-dot{background:var(--color-bg-error-solid);border-radius:var(--radius-full);width:10px;height:10px;animation:1s infinite recordingPulse}.recording-dot.paused{opacity:.5;animation:none}.voice-time{font-size:var(--text-sm);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;font-weight:500}.voice-waveform{align-items:center;gap:var(--spacing-xxs);height:var(--size-layout-36);padding:0 var(--spacing-sm);flex:1;display:flex}.waveform-bar{border-radius:var(--radius-xs);width:3px;min-height:4px;transition:height .1s}.waveform-bar.paused{opacity:.5}.voice-pause-btn,.voice-stop-btn{width:var(--size-layout-40);height:var(--size-layout-40);border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.voice-pause-btn{background:var(--color-bg-quaternary);color:var(--color-text-secondary)}.voice-pause-btn:hover{background:var(--color-bg-quaternary)}.voice-stop-btn{color:#fff}.voice-stop-btn:hover{transform:scale(1.05)}.voice-recorder-preview{align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-border-tertiary);border-radius:var(--radius-2xl);display:flex}.voice-preview-content{align-items:center;gap:var(--spacing-md);flex:1;display:flex}.voice-play-btn{width:var(--size-layout-36);height:var(--size-layout-36);border-radius:var(--radius-full);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.voice-play-btn:hover{transform:scale(1.05)}.voice-preview-waveform{align-items:center;gap:var(--spacing-xxs);flex:1;height:28px;display:flex}.voice-send-btn{width:var(--size-layout-40);height:var(--size-layout-40);border-radius:var(--radius-full);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.voice-send-btn:hover{transform:scale(1.05)}.voice-message-player{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-sm);min-width:var(--size-label-narrow-max);max-width:var(--size-grid-card-lg);display:flex}.voice-player-btn{border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;transition:all .2s;display:flex}.voice-player-btn:hover{transform:scale(1.05)}.voice-player-waveform{align-items:center;gap:var(--spacing-xxs);cursor:pointer;flex:1;height:28px;display:flex}.voice-waveform-bar{border-radius:var(--radius-xs);width:3px;min-height:3px;transition:background-color .2s}.voice-player-info{align-items:center;gap:var(--spacing-sm);min-width:var(--size-layout-40);display:flex}.voice-player-time{font-size:var(--text-xs);color:inherit;opacity:.8;font-variant-numeric:tabular-nums}.voice-speed-btn{font-size:var(--text-xs);padding:var(--spacing-xxs) var(--spacing-xs);border:var(--border-width-default) solid currentColor;border-radius:var(--radius-xs);color:inherit;opacity:.7;cursor:pointer;background:0 0}.message-bubble.voice-bubble.own-bubble{padding:var(--spacing-sm) var(--spacing-sm)}.message-bubble.voice-bubble .message-content{margin-top:var(--spacing-xs)}.message-bubble.voice-bubble .message-meta.voice-meta,.message-bubble.voice-bubble .message-meta.voice-meta .status-icon{color:#ffffffd9}.message-bubble.voice-bubble .message-meta.voice-meta .status-icon.read{color:var(--color-bg-success-secondary)}.chat-conversation{background:var(--color-bg-secondary);background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h60v60H0z' fill='%23e8e0d5'/%3E%3Cpath d='M30 30m-1.5 0a1.5 1.5 0 1 1 3 0 1.5 1.5 0 1 1-3 0' fill='%23d8d0c5' fill-opacity='.3'/%3E%3C/svg%3E");flex-direction:column;height:100%;display:flex;overflow:hidden}.conversation-header{background:linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-border-tertiary) 100%);border-bottom:var(--border-width-default) solid var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.conversation-header{border-bottom:var(--border-width-default) solid color-mix(in srgb, var(--color-text-primary) 8%, transparent)}}.conversation-header{padding:var(--spacing-md) var(--spacing-lg);z-index:10;flex-shrink:0}.conversation-header .chat-avatar{width:var(--size-avatar-md);height:var(--size-avatar-md);border-radius:var(--radius-full);overflow:hidden}.conversation-header .avatar-placeholder{width:var(--size-avatar-md);height:var(--size-avatar-md);font-size:var(--text-lg)}.conversation-header .chat-details h3{font-size:var(--text-md);color:var(--color-text-primary);font-weight:600}.conversation-header .chat-status{font-size:var(--text-sm);color:var(--color-fg-quaternary)}.message-input-form{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-border-tertiary);border-top:var(--border-width-default) solid var(--color-text-primary);display:flex}@supports (color:color-mix(in lab, red, red)){.message-input-form{border-top:var(--border-width-default) solid color-mix(in srgb, var(--color-text-primary) 8%, transparent)}}.message-input{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-2xl);background:var(--color-bg-primary);font-size:var(--text-md);color:var(--color-text-primary);border:none;outline:none;flex:1}.message-input::placeholder{color:var(--color-fg-quaternary)}.input-action-btn{width:var(--size-layout-40);height:var(--size-layout-40);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;justify-content:center;align-items:center;transition:background .2s;display:flex}.input-action-btn:hover{background:var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.input-action-btn:hover{background:color-mix(in srgb, var(--color-text-primary) 5%, transparent)}}.send-btn{width:var(--size-layout-40);height:var(--size-layout-40);border-radius:var(--radius-full);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.send-btn:hover:not(:disabled){transform:scale(1.05)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.message-bubble{max-width:65%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);box-shadow:0 1px 1px var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.message-bubble{box-shadow:0 1px 1px color-mix(in srgb, var(--color-text-primary) 8%, transparent)}}.message-bubble.own-bubble{border-radius:var(--radius-md) var(--radius-md) var(--radius-xs) var(--radius-md)}.message-bubble.other-bubble{background:var(--color-bg-primary);border-radius:var(--radius-md) var(--radius-md) var(--radius-md) var(--radius-xs)}.message-text{font-size:var(--text-sm);color:var(--color-text-primary);word-wrap:break-word;line-height:1.5rem}.message-time{font-size:var(--text-xs);color:var(--color-fg-quaternary)}.direct-chat-list .chat-item{padding:var(--spacing-md) var(--spacing-lg);border-bottom:var(--border-width-default) solid var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.direct-chat-list .chat-item{border-bottom:var(--border-width-default) solid color-mix(in srgb, var(--color-text-primary) 5%, transparent)}}.direct-chat-list .chat-item{transition:background .15s}.direct-chat-list .chat-item:hover,.direct-chat-list .chat-item.active{background:var(--color-border-tertiary)}.direct-chat-list .chat-name{font-size:var(--text-md);color:var(--color-text-primary);font-weight:500}.direct-chat-list .preview-text{font-size:var(--text-sm);color:var(--color-fg-quaternary)}.chat-search-bar{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-border-tertiary)}.search-input-wrapper{background:var(--color-bg-primary);border-radius:var(--radius-2xl);padding:var(--spacing-sm) var(--spacing-lg);flex:1;align-items:center;display:flex}.search-input-wrapper input{font-size:var(--text-sm);color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1}.search-input-wrapper .search-icon{color:var(--color-fg-quaternary);margin-right:var(--spacing-md)}.online-indicator{bottom:var(--ring-width-md);right:var(--ring-width-md);background:var(--color-fg-success-primary);border:var(--ring-width-md) solid white;border-radius:var(--radius-full);width:12px;height:12px;animation:2s infinite pulse-online;position:absolute}.chat-status{font-size:var(--text-xs);color:var(--color-fg-quaternary)}.chat-status.online{color:var(--color-fg-success-primary);font-weight:500}.chat-status.typing{color:var(--color-fg-success-primary);font-style:italic}.typing-indicator{background:var(--color-bg-primary);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md) var(--radius-md) var(--radius-md) var(--radius-xs);box-shadow:0 1px 1px var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.typing-indicator{box-shadow:0 1px 1px color-mix(in srgb, var(--color-text-primary) 8%, transparent)}}.typing-indicator-dot{background:var(--color-fg-success-primary)}.chat-filters{gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);scrollbar-width:none;display:flex;overflow-x:auto}.chat-filters::-webkit-scrollbar{display:none}.chat-filter-btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);background:var(--color-border-secondary);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;border:none;font-weight:500;transition:all .2s}.chat-filter-btn:hover{background:var(--color-border-secondary)}.chat-filter-btn.active{background:var(--color-fg-success-primary);color:#fff}.message-reactions{gap:var(--spacing-xs);margin-top:var(--spacing-xs);z-index:1;flex-wrap:wrap;margin-bottom:-8px;display:flex;position:relative}.message-bubble-wrapper.own .message-reactions{justify-content:flex-end}.reaction-badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-primary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;box-shadow:0 1px 2px var(--color-text-primary);transition:all .2s;display:flex}@supports (color:color-mix(in lab, red, red)){.reaction-badge{box-shadow:0 1px 2px color-mix(in srgb, var(--color-text-primary) 8%, transparent)}}.reaction-badge:hover{transform:scale(1.1);box-shadow:0 2px 6px #00000026}.reaction-badge.own-reaction{background:var(--color-bg-success-secondary);border-width:2px}.reaction-emoji{font-size:var(--text-md)}.reaction-count{font-size:var(--text-xs);color:var(--color-fg-quaternary);font-weight:600}.quick-reactions-bar{gap:var(--spacing-xxs);margin-right:var(--spacing-xs);display:flex}.quick-react-btn{background:var(--color-bg-primary);border-radius:var(--radius-full);width:28px;height:28px;font-size:var(--text-sm);cursor:pointer;box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.quick-react-btn:hover{background:var(--color-border-tertiary);transform:scale(1.2)}.message-actions{visibility:hidden;opacity:0;gap:var(--spacing-xs);padding:var(--spacing-xs);border-radius:var(--radius-xl);background:#fffffff2;align-items:center;transition:opacity .15s,visibility .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #00000026}.message-bubble-wrapper.own .message-actions{flex-direction:row-reverse;left:-120px}.message-bubble-wrapper.other .message-actions{right:-120px}.message-bubble-wrapper:hover .message-actions{visibility:visible;opacity:1}.deleted-bubble{border:1px dashed var(--color-border-primary);background:0 0}.deleted-message-text{color:var(--color-fg-quinary);font-style:italic;font-size:var(--text-sm)}.message-context-menu{background:var(--color-bg-primary);border-radius:var(--radius-md);min-width:var(--size-label-min);animation:.15s ease-out contextMenuIn;overflow:hidden;box-shadow:0 8px 32px #0003}.context-reactions{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary);justify-content:space-around;display:flex}.context-reaction-btn{font-size:var(--text-2xl);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-full);background:0 0;border:none;transition:all .2s}.context-reaction-btn:hover{background:var(--color-text-primary);transform:scale(1.3)}@supports (color:color-mix(in lab, red, red)){.context-reaction-btn:hover{background:color-mix(in srgb, var(--color-text-primary) 5%, transparent)}}.context-divider{background:var(--color-border-secondary);height:1px;margin:0}.context-actions{padding:var(--spacing-sm) 0}.context-action{align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;font-size:var(--text-sm);color:var(--color-text-primary);text-align:left;background:0 0;border:none;transition:background .15s;display:flex}.context-action:hover{background:var(--color-border-tertiary)}.context-action.danger{color:var(--color-bg-error-solid)}.context-action.danger:hover{background:var(--color-bg-error-secondary)}.emoji-picker{background:var(--color-bg-primary);border-radius:var(--radius-md);width:var(--size-grid-card-lg);max-height:var(--size-modal-sm);animation:.2s ease-out emojiPickerIn;overflow:hidden;box-shadow:0 8px 32px #0003}.emoji-picker-header{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-bottom:var(--border-width-default) solid var(--color-border-secondary);display:flex}.emoji-search{padding:var(--spacing-sm) var(--spacing-md);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-xl);font-size:var(--text-sm);outline:none;flex:1;transition:border-color .2s}.emoji-search:focus{border-color:var(--module-color,var(--color-fg-success-primary))}.emoji-close-btn{padding:var(--spacing-sm);cursor:pointer;color:var(--color-fg-quaternary);border-radius:var(--radius-full);background:0 0;border:none;transition:all .2s}.emoji-close-btn:hover{background:var(--color-border-tertiary);color:var(--color-text-primary)}.emoji-categories{padding:var(--spacing-sm) var(--spacing-md);border-bottom:var(--border-width-default) solid var(--color-border-secondary);background:var(--color-bg-secondary);justify-content:space-around;display:flex}.emoji-category-btn{padding:var(--spacing-sm);cursor:pointer;border-radius:var(--radius-sm);color:var(--color-fg-quaternary);background:0 0;border:none;transition:all .2s}.emoji-category-btn:hover{background:var(--color-border-secondary);color:var(--color-text-primary)}.emoji-category-btn.active{background:var(--module-color,var(--color-fg-success-primary));color:#fff}.emoji-grid{gap:var(--spacing-xs);padding:var(--spacing-md);max-height:var(--size-search-field);grid-template-columns:repeat(8,1fr);display:grid;overflow-y:auto}.emoji-btn{font-size:var(--text-2xl);padding:var(--spacing-sm);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;transition:all .15s}.emoji-quick-reactions{gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-primary);border-radius:var(--radius-2xl);display:flex;box-shadow:0 4px 16px #00000026}.quick-reaction-btn{font-size:var(--text-2xl);padding:var(--spacing-sm);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;transition:all .2s}.quick-reaction-btn:hover{background:var(--color-text-primary);transform:scale(1.3)}@supports (color:color-mix(in lab, red, red)){.quick-reaction-btn:hover{background:color-mix(in srgb, var(--color-text-primary) 5%, transparent)}}.quick-reaction-btn.more-btn{font-size:var(--text-lg);color:var(--color-fg-quaternary)}.quick-reaction-btn.more-btn span{width:var(--size-line-min);height:var(--size-line-min);background:var(--color-border-secondary);border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex}.scroll-to-bottom-btn{bottom:90px;right:var(--spacing-composer);background:var(--color-bg-primary);border-radius:var(--radius-full);width:var(--size-layout-40);height:var(--size-layout-40);cursor:pointer;z-index:10;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;box-shadow:0 2px 8px #00000026}.scroll-to-bottom-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.scroll-to-bottom-btn .unread-badge{background:var(--module-color,var(--color-fg-success-primary));color:#fff;font-size:var(--text-xs);min-width:var(--size-badge-sm);height:var(--size-badge-sm);padding:0 var(--spacing-xs);border-radius:9px;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;top:-6px;right:-6px}.forwarded-indicator{align-items:center;gap:var(--spacing-xs);font-size:var(--text-xs);color:var(--color-fg-quaternary);margin-bottom:var(--spacing-xs);font-style:italic;display:flex}.forwarded-indicator svg{width:12px;height:12px}.edit-message-modal{background:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--spacing-xl);width:90%;max-width:var(--size-modal-sm);z-index:10000;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 48px #00000040}.edit-message-overlay{z-index:9999;background:#00000080;position:fixed;inset:0}.edit-message-modal h3{margin:0 0 var(--spacing-lg) 0;font-size:var(--text-lg);color:var(--color-text-primary)}.edit-message-textarea{width:100%;padding:var(--spacing-md);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm);resize:none;min-height:var(--size-layout-80);margin-bottom:var(--spacing-lg);outline:none;transition:border-color .2s}.edit-message-textarea:focus{border-color:var(--module-color,var(--color-fg-success-primary))}.edit-message-actions{justify-content:flex-end;gap:var(--spacing-md);display:flex}.edit-cancel-btn,.edit-save-btn{padding:var(--spacing-md) var(--spacing-composer);border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:all .2s}.edit-cancel-btn{background:var(--color-border-tertiary);color:var(--color-text-primary);border:none}.edit-cancel-btn:hover{background:var(--color-border-secondary)}.edit-save-btn{background:var(--module-color,var(--color-fg-success-primary));color:#fff;border:none}.edit-save-btn:hover{filter:brightness(.9)}.edit-save-btn:disabled{opacity:.5;cursor:not-allowed}.forward-modal{background:var(--color-bg-primary);border-radius:var(--radius-md);width:90%;max-width:var(--size-modal-sm);z-index:10000;max-height:80vh;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 16px 48px #00000040}.forward-modal-header{padding:var(--spacing-lg) var(--spacing-composer);border-bottom:var(--border-width-default) solid var(--color-border-secondary);justify-content:space-between;align-items:center;display:flex}.forward-modal-header h3{font-size:var(--text-lg);margin:0}.forward-chat-list{max-height:var(--size-modal-sm);overflow-y:auto}.forward-chat-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-composer);cursor:pointer;transition:background .15s;display:flex}.forward-chat-item:hover{background:var(--color-border-tertiary)}.forward-chat-item.selected{background:var(--color-bg-success-secondary)}@media (width<=768px){.emoji-picker{border-radius:var(--radius-md) var(--radius-md) 0 0;width:100%;max-width:none;max-height:50vh;position:fixed;bottom:0;left:0;right:0}.message-context-menu{border-radius:var(--radius-md) var(--radius-md) 0 0;animation:.2s ease-out contextMenuSlideUp;width:100%!important;position:fixed!important;inset:auto 0 0!important}.message-actions{margin-top:var(--spacing-xs);justify-content:flex-end;visibility:visible!important;opacity:1!important;box-shadow:none!important;background:0 0!important;padding:0!important;position:static!important;transform:none!important}.message-bubble-wrapper.other .message-actions{justify-content:flex-start}.quick-reactions-bar{display:none}.messages-container{padding:var(--spacing-md) var(--spacing-lg)}}.work-tasks-panel{background:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.tasks-panel-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.tasks-panel-title{align-items:center;gap:var(--spacing-sm);font-weight:600;font-size:var(--text-sm);color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.tasks-count{font-size:var(--text-xs);padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--radius-sm);color:#fff;font-weight:600}.tasks-panel-actions{align-items:center;gap:var(--spacing-xs);display:flex}.templates-btn{padding:var(--spacing-sm);cursor:pointer;border-radius:var(--radius-xs);color:var(--color-fg-quaternary);background:0 0;border:none;transition:all .2s}.templates-btn:hover{background:var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.templates-btn:hover{background:color-mix(in srgb, var(--color-text-primary) 5%, transparent)}}.templates-btn:hover{color:var(--module-color)}.add-task-btn{padding:var(--spacing-sm);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;transition:all .2s}.add-task-btn:hover{background:var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.add-task-btn:hover{background:color-mix(in srgb, var(--color-text-primary) 5%, transparent)}}.universal-wall{width:100%;max-width:100%;padding-top:0;padding-left:var(--spacing-content-edge);padding-right:var(--spacing-content-gap);gap:var(--spacing-xl);box-sizing:border-box;flex-direction:column;margin-top:0;display:flex;overflow:visible}.universal-wall-full{gap:var(--spacing-xl);flex-direction:column;display:flex}.main-content-area.full-width .universal-wall{padding-right:var(--spacing-content-edge)}.wall-header{margin-bottom:0}.wall-header h2{color:var(--color-text-primary);font-size:var(--text-2xl);margin:0;font-weight:700}.post-creation-section{background:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--spacing-composer);border:var(--border-width-default) solid var(--color-border-secondary);box-shadow:var(--shadow-xs)}.post-creator{width:100%}.creator-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.user-avatar{width:var(--size-avatar-md);height:var(--size-avatar-md);border-radius:var(--radius-full);color:#fff;border:var(--ring-width-md) solid white;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex;box-shadow:0 2px 4px #0000001a}.post-composer{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg) var(--spacing-composer);border:var(--border-width-default) solid var(--color-border-secondary);box-shadow:var(--shadow-xs);box-sizing:border-box;width:100%}.post-input-placeholder{align-items:center;gap:var(--spacing-lg);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:all .2s;display:flex}.post-input-placeholder:hover{background:var(--color-bg-secondary)}.composer-avatar{width:var(--size-layout-40);height:var(--size-layout-40);border-radius:var(--radius-full);color:#fff;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex;box-shadow:0 2px 4px #0000001a}.composer-placeholder{padding:var(--spacing-lg) var(--spacing-composer);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-2xl);background:var(--color-bg-tertiary);font-size:var(--text-md);color:var(--color-fg-quaternary);flex:1;transition:all .2s}.post-input-placeholder:hover .composer-placeholder{background:var(--color-border-secondary)}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.post-form{background:var(--color-bg-primary);border-radius:var(--radius-md);width:100%;max-width:548px;max-height:90vh;margin:var(--spacing-lg);animation:.3s ease-out modalSlideIn;overflow-y:auto;box-shadow:0 20px 40px #0003}.form-header{padding:var(--spacing-composer) var(--spacing-xl) var(--spacing-lg) var(--spacing-xl);border-bottom:var(--border-width-default) solid var(--color-border-secondary);justify-content:space-between;align-items:center;display:flex}.form-header h4{font-size:var(--text-xl);color:var(--color-text-primary);margin:0;font-weight:700}.close-btn{background:var(--color-bg-tertiary);width:var(--size-layout-36);height:var(--size-layout-36);border-radius:var(--radius-full);cursor:pointer;color:var(--color-fg-quaternary);border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.close-btn:hover{background:var(--color-border-secondary);color:var(--color-text-primary)}.form-body{padding:var(--spacing-lg) var(--spacing-xl) 0 var(--spacing-xl)}.form-author-section{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.form-author-avatar{width:var(--size-layout-40);height:var(--size-layout-40);border-radius:var(--radius-full);color:#fff;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.form-author-info h5{font-size:var(--text-md);color:var(--color-text-primary);margin:0;font-weight:600}.form-author-info p{margin:var(--spacing-xs) 0 0 0;font-size:var(--text-xs);color:var(--color-fg-quaternary)}.post-textarea{width:100%;min-height:var(--size-grid-md);max-height:var(--size-grid-card);resize:none;font-size:var(--text-2xl);color:var(--color-text-primary);background:0 0;border:none;outline:none;padding:0;font-family:inherit;line-height:1.25rem;overflow-y:auto}.post-textarea::placeholder{color:var(--color-fg-quinary);font-size:var(--text-2xl)}.post-textarea:focus{outline:none}.post-textarea{width:100%;min-height:var(--size-layout-80);padding:var(--spacing-lg) var(--spacing-composer);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-md);resize:vertical;font-size:var(--text-md);background:var(--color-bg-primary);font-family:inherit;line-height:1.5;transition:all .2s}.post-textarea:focus{border-color:var(--color-bg-brand-solid);outline:none;box-shadow:0 0 0 2px #1877f21a}.youtube-preview{margin-top:var(--spacing-md);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-md);background:var(--color-bg-secondary);overflow:hidden}.preview-header{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border-bottom:var(--border-width-default) solid var(--color-border-secondary);justify-content:space-between;align-items:center;display:flex}.preview-label{font-size:var(--text-sm);color:var(--color-fg-secondary);font-weight:500}.remove-preview-btn{padding:var(--spacing-xs);cursor:pointer;color:var(--color-fg-quaternary);border-radius:var(--radius-xs);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.remove-preview-btn:hover{background:var(--color-bg-quaternary);color:var(--color-fg-secondary)}.youtube-embed-container{width:100%;height:0;padding-bottom:56.25%;position:relative}.youtube-iframe{width:100%;height:100%;position:absolute;top:0;left:0}.link-preview{margin-top:var(--spacing-md);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-md);background:var(--color-bg-secondary);overflow:hidden}.link-preview-card{padding:var(--spacing-md) var(--spacing-lg);justify-content:space-between;align-items:center;text-decoration:none;transition:background .2s;display:flex}.link-preview-card:hover{background:var(--color-bg-tertiary)}.link-domain{font-size:var(--text-sm);color:var(--color-fg-brand-primary);margin-bottom:var(--spacing-xxs);font-weight:600}.link-url{font-size:var(--text-xs);color:var(--color-fg-quaternary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.link-preview-icon{width:var(--size-layout-40);height:var(--size-layout-40);background:var(--color-bg-quaternary);border-radius:var(--radius-sm);color:var(--color-fg-quaternary);margin-left:var(--spacing-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.link-preview-loading{margin-top:var(--spacing-sm);padding:var(--spacing-md);text-align:center;color:var(--color-fg-quinary);font-size:var(--text-sm)}.post-link-preview{margin-top:var(--spacing-md);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-md);overflow:hidden}.post-link-preview .link-preview-card{padding:var(--spacing-lg);background:var(--color-bg-secondary);justify-content:space-between;align-items:center;text-decoration:none;transition:background .2s;display:flex}.post-link-preview .link-preview-card:hover{background:var(--color-bg-tertiary)}.post-youtube{margin-top:var(--spacing-md);border-radius:var(--radius-md);overflow:hidden}.youtube-embed{background:var(--color-text-primary);border-radius:var(--radius-md);width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.youtube-embed iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.form-actions{padding:var(--spacing-md) var(--spacing-xl) var(--spacing-composer) var(--spacing-xl);border-top:var(--border-width-default) solid var(--color-border-secondary);margin-top:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.media-actions{align-items:center;gap:var(--spacing-md);display:flex}.media-actions-label{font-size:var(--text-sm);color:var(--color-fg-quaternary);margin-right:var(--spacing-xs);font-weight:600}.media-btn{padding:var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-fg-success-primary);border:none;border:var(--border-width-default) solid var(--color-border-secondary);background:0 0;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.media-btn:hover{background:var(--color-bg-success-secondary);color:var(--color-bg-success-solid_hover);border-color:var(--color-fg-success-primary);transform:translateY(calc(-1 * var(--motion-lift-hover)))}.media-btn.has-files{color:var(--color-bg-brand-solid);border-color:var(--color-bg-brand-solid);background:var(--color-bg-brand-secondary)}.media-btn.has-files:hover{background:var(--color-bg-brand-secondary);color:var(--color-bg-brand-solid_hover)}.media-btn:nth-child(3){color:var(--color-fg-brand-primary)}.media-btn:nth-child(3):hover{background:var(--color-bg-brand-secondary);color:var(--color-fg-brand-primary);border-color:var(--color-fg-brand-primary)}.media-btn:nth-child(3).has-files{color:var(--color-fg-brand-primary);border-color:var(--color-fg-brand-primary);background:var(--color-bg-brand-secondary)}.media-btn:nth-child(3).has-files:hover{background:var(--color-bg-brand-secondary);color:var(--color-fg-brand-primary)}.submit-btn{background:var(--color-fg-success-primary);color:#fff;padding:var(--spacing-sm) 1.75rem;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;font-size:var(--text-md);min-width:var(--size-grid-md);border:none;transition:all .2s}.submit-btn:hover:not(:disabled){background:var(--color-bg-success-solid_hover);transform:translateY(calc(-1 * var(--motion-lift-hover)))}.submit-btn:disabled{background:var(--color-border-secondary);color:var(--color-fg-quaternary);cursor:not-allowed;transform:none}.form-footer{justify-content:space-between;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl) var(--spacing-composer) var(--spacing-xl);border-top:var(--border-width-default) solid var(--color-border-secondary);margin-top:var(--spacing-lg);display:flex}.visibility-selector{align-items:center;gap:var(--spacing-md);flex:1;display:flex}.visibility-label{font-size:var(--text-sm);color:var(--color-fg-quaternary);white-space:nowrap;font-weight:600}.visibility-dropdown{max-width:var(--size-search-field);padding:var(--spacing-md) var(--spacing-lg);border:var(--ring-width-md) solid #e4e6eacc;border-radius:var(--radius-md);font-size:var(--text-md);color:var(--color-text-primary);cursor:pointer;appearance:none;padding-right:var(--spacing-3xl);box-shadow:0 1px 3px var(--color-text-primary);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E") right .875rem center no-repeat;outline:none;flex:1;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}@supports (color:color-mix(in lab, red, red)){.visibility-dropdown{box-shadow:0 1px 3px color-mix(in srgb, var(--color-text-primary) 4%, transparent)}}.visibility-dropdown:hover{box-shadow:0 3px 8px var(--color-text-primary);background:linear-gradient(135deg,#f8f9fa 0%,#f0f2f5 100%);border-color:currentColor}@supports (color:color-mix(in lab, red, red)){.visibility-dropdown:hover{box-shadow:0 3px 8px color-mix(in srgb, var(--color-text-primary) 6%, transparent)}}.visibility-dropdown:hover{transform:translateY(calc(-1 * var(--motion-lift-hover)))}.visibility-dropdown:focus{box-shadow:0 0 0 4px #42b8831f, 0 4px 12px var(--color-text-primary);border-color:currentColor}@supports (color:color-mix(in lab, red, red)){.visibility-dropdown:focus{box-shadow:0 0 0 4px #42b8831f, 0 4px 12px color-mix(in srgb, var(--color-text-primary) 8%, transparent)}}.visibility-dropdown:focus{transform:translateY(calc(-1 * var(--motion-lift-hover)));background:var(--color-bg-primary)}.visibility-dropdown:active{transform:translateY(0)}.visibility-dropdown option{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--text-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-weight:500}.eric-visibility-hint{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-fg-warning-primary);background:linear-gradient(135deg,#ffd93d26 0%,#ff950026 100%);animation:.3s fadeIn;display:flex}.eric-visibility-hint svg{color:var(--color-fg-warning-primary);flex-shrink:0}.file-count-badge{background:var(--color-bg-brand-solid);color:#fff;border-radius:var(--radius-full);width:var(--size-badge-sm);height:var(--size-badge-sm);font-size:var(--text-xs);justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;top:-4px;right:-4px}.file-previews{grid-template-columns:repeat(auto-fill, minmax(var(--size-grid-md), 1fr));gap:var(--spacing-lg);margin:var(--spacing-composer) 0;padding:var(--spacing-composer);border-radius:var(--radius-md);border:var(--border-width-default) solid #e4e6ea99;background:linear-gradient(135deg,#f8f9fa99 0%,#fff 100%);display:grid}.file-preview{border-radius:var(--radius-md);background:var(--color-bg-primary);box-shadow:0 2px 6px var(--color-text-primary), 0 1px 2px var(--color-text-primary);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.file-preview{box-shadow:0 2px 6px color-mix(in srgb, var(--color-text-primary) 8%, transparent), 0 1px 2px color-mix(in srgb, var(--color-text-primary) 4%, transparent)}}.file-preview{border:var(--border-width-default) solid #e4e6ea80;transition:all .3s cubic-bezier(.4,0,.2,1)}.file-preview:before{content:"";opacity:0;pointer-events:none;z-index:1;background:linear-gradient(135deg,#667eea08 0%,#0000 100%);transition:opacity .3s;position:absolute;inset:0}.file-preview:hover{box-shadow:0 8px 20px #0000001f, 0 3px 8px var(--color-text-primary);transform:translateY(-4px)scale(1.02)}@supports (color:color-mix(in lab, red, red)){.file-preview:hover{box-shadow:0 8px 20px #0000001f, 0 3px 8px color-mix(in srgb, var(--color-text-primary) 8%, transparent)}}.file-preview:hover{border-color:#667eea4d}.file-preview:hover:before{opacity:1}.preview-image{width:100%;height:var(--size-grid-md);-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-md);transition:transform .3s}.file-preview:hover .preview-image{transform:scale(1.05)}.preview-document{width:100%;height:var(--size-grid-md);background:linear-gradient(135deg, var(--color-fg-brand-primary) 0%, var(--color-fg-brand-secondary) 100%);color:#fff;border-radius:var(--radius-md);font-size:var(--text-xs);text-align:center;padding:var(--spacing-lg);justify-content:center;align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex;position:relative;overflow:hidden}.preview-document:before{content:"";opacity:.6;background:radial-gradient(circle at 30% 30%,#fff3 0%,#0000 60%);position:absolute;inset:0}.preview-document svg{filter:drop-shadow(0 2px 4px #0003);z-index:1;flex-shrink:0;transition:transform .3s;position:relative}.file-preview:hover .preview-document svg{transform:scale(1.1)rotate(5deg)}.document-name{word-break:break-word;-webkit-line-clamp:2;z-index:1;text-shadow:0 1px 2px #0003;-webkit-box-orient:vertical;font-weight:600;line-height:1.25rem;display:-webkit-box;position:relative;overflow:hidden}.document-size{font-size:var(--text-xs);opacity:.95;z-index:1;font-weight:500;position:relative}.remove-file-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-radius:var(--radius-full);cursor:pointer;opacity:0;z-index:10;background:#000000bf;border:none;justify-content:center;align-items:center;width:28px;height:28px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:6px;right:6px;box-shadow:0 2px 8px #0003}.remove-file-btn:hover{background:#dc2626f2;transform:scale(1.15)rotate(90deg);box-shadow:0 4px 12px #dc262666}.remove-file-btn:active{transform:scale(1)rotate(90deg)}.upload-progress{border:var(--ring-width-md) solid #42b8834d;border-radius:var(--radius-md);padding:var(--spacing-composer);margin:var(--spacing-composer) 0;text-align:center;box-shadow:0 4px 12px #10b98114, 0 1px 3px var(--color-text-primary);background:linear-gradient(135deg,#e3f2fd 0%,#e8f5e9 100%)}@supports (color:color-mix(in lab, red, red)){.upload-progress{box-shadow:0 4px 12px #10b98114, 0 1px 3px color-mix(in srgb, var(--color-text-primary) 5%, transparent)}}.upload-progress{position:relative;overflow:hidden}.upload-progress:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;animation:2s infinite shimmer;position:absolute;top:0;left:-100%}.upload-progress p{margin:0 0 var(--spacing-lg) 0;color:var(--color-fg-success-primary);font-weight:700;font-size:var(--text-md);letter-spacing:var(--letter-spacing-snug);text-shadow:0 1px 2px #ffffff80}.uploading-file{color:var(--color-fg-success-primary);font-size:var(--text-sm);margin-bottom:var(--spacing-md);justify-content:center;align-items:center;gap:var(--spacing-md);font-weight:600;animation:.3s fadeInSlide;display:flex}.upload-spinner{width:var(--size-badge-dot);height:var(--size-badge-dot);border:var(--border-width-thick) solid #e8f5e9;border-top:var(--border-width-thick) solid var(--color-fg-success-primary);border-radius:var(--radius-full);animation:.8s linear infinite spin;box-shadow:0 2px 6px #10b98133}@media (width<=768px){.post-form{margin:var(--spacing-sm);max-width:calc(100vw - 1rem)}.form-header{padding:var(--spacing-lg) var(--spacing-composer) var(--spacing-md) var(--spacing-composer)}.form-header h4{font-size:var(--text-lg)}.form-body{padding:var(--spacing-md) var(--spacing-composer) 0 var(--spacing-composer)}.post-textarea{font-size:var(--text-xl);min-height:var(--size-grid-sm)}.post-textarea::placeholder{font-size:var(--text-xl)}.form-actions{padding:var(--spacing-md) var(--spacing-composer) var(--spacing-lg) var(--spacing-composer);gap:var(--spacing-lg);flex-direction:column;align-items:stretch}.media-actions{justify-content:center}.submit-btn{width:100%;padding:var(--spacing-md)}.file-previews{grid-template-columns:repeat(auto-fill, minmax(var(--size-grid-sm), 1fr));gap:var(--spacing-sm)}.preview-image,.preview-document{height:var(--size-grid-sm)}}.post-tool-btn{padding:var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-fg-quaternary);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.post-tool-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.post-submit-actions{gap:var(--spacing-md);align-items:center;display:flex}.post-cancel-btn{color:var(--color-fg-quaternary);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;font-weight:500;transition:all .2s}.post-cancel-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.post-submit-btn{background:var(--color-bg-brand-solid);color:#fff;padding:var(--spacing-md) var(--spacing-composer);border-radius:var(--radius-sm);cursor:pointer;border:none;font-weight:600;transition:all .2s}.post-submit-btn:hover:not(:disabled){background:var(--color-bg-brand-solid_hover);transform:translateY(calc(-1 * var(--motion-lift-hover)));box-shadow:0 4px 8px #1877f24d}.post-submit-btn:disabled{opacity:.6;cursor:not-allowed}.posts-feed{gap:var(--spacing-xl);flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex;overflow:visible}.posts-feed>li{margin:0;padding:0;list-style:none}.unified-filter-widget .filter-list{gap:var(--spacing-sm);padding:var(--spacing-md) 0 0 0;flex-direction:column;display:flex}.unified-filter-widget .filter-item{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-composer);cursor:pointer;border-radius:var(--radius-md);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.unified-filter-widget .filter-item:before{content:"";opacity:0;border-radius:0 var(--radius-xs) var(--radius-xs) 0;background:linear-gradient(currentColor 0%,#0000 100%);width:4px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0}.unified-filter-widget .filter-item:after{content:"";opacity:0;border-radius:var(--radius-md);background:linear-gradient(135deg,#667eea05 0%,#0000 100%);transition:opacity .3s;position:absolute;inset:0}.unified-filter-widget .filter-item:hover{box-shadow:0 2px 6px var(--color-text-primary);background-color:#f8f9facc;transform:translate(4px)}@supports (color:color-mix(in lab, red, red)){.unified-filter-widget .filter-item:hover{box-shadow:0 2px 6px color-mix(in srgb, var(--color-text-primary) 4%, transparent)}}.unified-filter-widget .filter-item:hover:after{opacity:1}.unified-filter-widget .filter-item.active{background:linear-gradient(135deg,#667eea14 0%,#764ba20f 100%);font-weight:700;transform:translate(2px)}.unified-filter-widget .filter-item.active:before{opacity:1}.unified-filter-widget .filter-icon{font-size:var(--text-xl);text-align:center;filter:grayscale(.2);flex-shrink:0;width:28px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.unified-filter-widget .filter-item:hover .filter-icon{filter:grayscale(0);transform:scale(1.15)rotate(5deg)}.unified-filter-widget .filter-item.active .filter-icon{filter:grayscale(0)drop-shadow(0 2px 4px #0000001a);transform:scale(1.1)}.unified-filter-widget .filter-label{font-size:var(--text-md);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-snug);flex:1;font-weight:500;transition:all .3s}.unified-filter-widget .filter-item:hover .filter-label{color:var(--color-text-primary);font-weight:600}.unified-filter-widget .filter-item.active .filter-label{color:var(--color-text-primary);font-weight:700}.unified-filter-widget .filter-check{font-size:var(--text-lg);filter:drop-shadow(0 1px 2px #0000001a);margin-left:auto;font-weight:700;animation:.3s cubic-bezier(.4,0,.2,1) checkPop}.public-view-widget{background:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-composer);border:var(--border-width-default) solid var(--color-border-secondary);box-shadow:0 1px 3px var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.public-view-widget{box-shadow:0 1px 3px color-mix(in srgb, var(--color-text-primary) 4%, transparent)}}.widget-hint{font-size:var(--text-xs);color:var(--color-fg-quaternary);text-align:center;margin:0;line-height:1.5rem}.family-filter-select-widget:hover{background:var(--color-bg-secondary);border-color:currentColor}.family-filter-select-widget:focus{border-color:currentColor;box-shadow:0 0 0 3px #0596691a}.family-filter-select-widget option{padding:var(--spacing-sm);font-size:var(--text-sm)}.load-more-container{padding:var(--spacing-sm) 0 var(--spacing-sm) 0;justify-content:center;display:flex}.load-more-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-composer);background:var(--color-bg-primary);color:var(--color-text-secondary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;box-shadow:0 1px 2px var(--color-text-primary);font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}@supports (color:color-mix(in lab, red, red)){.load-more-btn{box-shadow:0 1px 2px color-mix(in srgb, var(--color-text-primary) 4%, transparent)}}.load-more-btn{min-width:var(--size-dropdown-lg)}.load-more-btn:hover:not(:disabled){background:var(--color-bg-secondary,var(--color-bg-secondary));border-color:var(--color-border-primary,var(--color-border-primary));box-shadow:0 2px 6px var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.load-more-btn:hover:not(:disabled){box-shadow:0 2px 6px color-mix(in srgb, var(--color-text-primary) 6%, transparent)}}.load-more-btn:active:not(:disabled){transform:translateY(0)}.load-more-btn:disabled{opacity:.7;cursor:not-allowed}.load-more-btn .spinner{animation:1s linear infinite spin}.post-author{align-items:center;gap:var(--spacing-md);display:flex}.author-avatar{width:var(--size-avatar-md);height:var(--size-avatar-md);border-radius:var(--radius-full);color:#fff;border:var(--border-width-thick) solid white;box-shadow:0 4px 12px #0000001f, 0 1px 3px var(--color-text-primary);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}@supports (color:color-mix(in lab, red, red)){.author-avatar{box-shadow:0 4px 12px #0000001f, 0 1px 3px color-mix(in srgb, var(--color-text-primary) 8%, transparent)}}.author-avatar{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.author-avatar:before{content:"";opacity:0;background:linear-gradient(135deg,#fff3 0%,#0000 100%);transition:opacity .3s;position:absolute;inset:0}.author-info h5{color:var(--color-text-primary);font-size:var(--text-md);margin:0 0 .125rem;font-weight:700;line-height:1.2}.post-time{color:var(--color-fg-quaternary);font-size:var(--text-sm)}.post-menu-btn{color:var(--color-fg-quaternary);padding:var(--spacing-sm);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:none;transition:all .2s}.post-menu-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.post-content{margin-bottom:var(--spacing-lg);max-width:100%}.post-content p{color:var(--color-text-primary);font-size:var(--text-md);word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;margin:0;line-height:1.75rem}.post-content.collapsed{max-height:var(--size-label-min);position:relative;overflow:hidden}.post-content.collapsed:after{content:"";height:var(--size-badge-reserve);pointer-events:none;background:linear-gradient(#0000 0%,#fff 100%);position:absolute;bottom:0;left:0;right:0}.post-stats{gap:var(--spacing-xl);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:var(--border-width-default) solid var(--color-border-secondary);display:flex}.stat-item{align-items:center;gap:var(--spacing-sm);color:var(--color-fg-quaternary);font-size:var(--text-xs);font-weight:500;display:flex}.stat-item svg{width:14px;height:14px}.post-actions-bar{gap:var(--spacing-sm);display:flex}.post-action-btn{padding:var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-fg-quaternary);font-weight:500;font-size:var(--text-sm);justify-content:center;align-items:center;gap:var(--spacing-sm);background:0 0;border:none;flex:1;transition:all .2s;display:flex}.comments-section{border-top:var(--border-width-default) solid var(--color-border-tertiary);padding:var(--spacing-lg) 0;margin-top:var(--spacing-lg)}.comment-input-container{margin-bottom:var(--spacing-lg)}.comment-input-wrapper{align-items:flex-start;gap:var(--spacing-md);display:flex}.comment-avatar{width:var(--size-avatar-sm);height:var(--size-avatar-sm);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;display:flex}.comment-input{padding:var(--spacing-lg) var(--spacing-lg);border:var(--ring-width-md) solid var(--color-border-secondary);border-radius:var(--radius-2xl);resize:none;min-height:var(--size-avatar-md);max-height:var(--size-dropdown-sm);font-family:inherit;font-size:var(--text-md);background:linear-gradient(135deg,#f9fafbcc 0%,#fff 100%);outline:none;flex:1;font-weight:500;line-height:1.5;transition:all .3s cubic-bezier(.4,0,.2,1)}.comment-input:hover{border-color:var(--color-border-primary);box-shadow:0 2px 6px var(--color-text-primary);background:#fffffff2}@supports (color:color-mix(in lab, red, red)){.comment-input:hover{box-shadow:0 2px 6px color-mix(in srgb, var(--color-text-primary) 4%, transparent)}}.comment-input:focus{border-color:var(--color-bg-brand-solid);background:var(--color-bg-primary);transform:scale(1.01);box-shadow:0 0 0 4px #3b82f61a,0 4px 12px #3b82f614}.comment-input::placeholder{color:var(--color-fg-quinary);font-weight:400}.comment-submit-btn{padding:var(--spacing-sm);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.comment-submit-btn:hover:not(:disabled){background:var(--color-bg-tertiary)}.comment-submit-btn:disabled{opacity:.5;cursor:not-allowed}.comments-list{space-y:1rem}.comment-item{margin-bottom:var(--spacing-lg)}.comment-reply{border-left:var(--ring-width-md) solid var(--color-border-secondary);padding-left:var(--spacing-lg)}.comment-author-info{flex-direction:column;gap:.125rem;display:flex}.comment-author-name{font-weight:600;font-size:var(--text-sm);color:var(--color-text-primary)}.edited-label{font-size:var(--text-xs);color:var(--color-fg-quinary);font-style:italic}.comment-actions{gap:var(--spacing-xs);opacity:0;transition:opacity .2s;display:flex}.comment-item:hover .comment-actions{opacity:1}.comment-action-btn{padding:var(--spacing-xs);border-radius:var(--radius-xs);cursor:pointer;color:var(--color-fg-quaternary);background:0 0;border:none;transition:all .2s}.comment-action-btn:hover{background:var(--color-bg-tertiary);color:var(--color-fg-secondary)}.comment-content,.comment-edit-form{margin-bottom:var(--spacing-sm)}.comment-edit-input{width:100%;padding:var(--spacing-sm);border:var(--border-width-default) solid var(--color-border-primary);border-radius:var(--radius-sm);resize:none;font-family:inherit;font-size:var(--text-sm);margin-bottom:var(--spacing-sm);outline:none}.comment-edit-input:focus{border-color:var(--color-bg-brand-solid)}.comment-edit-actions,.reply-actions{gap:var(--spacing-sm);display:flex}.btn-save,.btn-reply{background:var(--color-bg-brand-solid);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-xs);font-size:var(--text-xs);cursor:pointer;border:none;transition:background-color .2s}.btn-save:hover,.btn-reply:hover{background:var(--color-bg-brand-solid_hover)}.btn-cancel{background:var(--color-bg-tertiary);color:var(--color-fg-quaternary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-xs);font-size:var(--text-xs);cursor:pointer;border:none;transition:background-color .2s}.btn-cancel:hover{background:var(--color-bg-quaternary)}.comment-stats{align-items:center;gap:var(--spacing-lg);margin-top:var(--spacing-sm);display:flex}.comment-stat-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) 0;cursor:pointer;font-size:var(--text-xs);color:var(--color-fg-quaternary);background:0 0;border:none;transition:color .2s;display:flex}.comment-stat-btn:hover{color:var(--color-fg-secondary)}.reply-form{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-sm);border:var(--border-width-default) solid var(--color-border-secondary)}.reply-input{width:100%;padding:var(--spacing-sm);border:var(--border-width-default) solid var(--color-border-primary);border-radius:var(--radius-xs);resize:none;font-family:inherit;font-size:var(--text-sm);margin-bottom:var(--spacing-sm);outline:none}.reply-input:focus{border-color:var(--color-bg-brand-solid)}.emoji-picker-container{position:relative}.emoji-picker{background:var(--color-bg-primary);border:var(--border-width-default) solid var(--color-border-primary);border-radius:var(--radius-sm);padding:var(--spacing-md);z-index:1000;min-width:var(--size-label-min);position:absolute;bottom:100%;left:0;box-shadow:0 10px 25px #0000001a}.popular-emojis{gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);display:flex}.emoji-btn{border:var(--border-width-default) solid var(--color-border-secondary);padding:var(--spacing-sm);border-radius:var(--radius-xs);cursor:pointer;font-size:var(--text-xl);background:0 0;transition:all .2s}.emoji-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-primary)}.all-emojis details{border-top:var(--border-width-default) solid var(--color-border-secondary);padding-top:var(--spacing-sm)}.all-emojis summary{cursor:pointer;font-size:var(--text-xs);color:var(--color-fg-quaternary);margin-bottom:var(--spacing-sm)}.emoji-grid{gap:var(--spacing-xs);grid-template-columns:repeat(4,1fr);display:grid}.post-stats{padding:var(--spacing-sm) 0;border-bottom:var(--border-width-default) solid var(--color-border-tertiary);margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.stats-left,.stats-right{align-items:center;gap:var(--spacing-lg);display:flex}.reactions-summary{align-items:center;gap:var(--spacing-sm);display:flex}.reaction-item{align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);color:var(--color-fg-quaternary);display:flex}.stat-item.clickable{cursor:pointer;transition:color .2s}.stat-item.clickable:hover{color:var(--color-bg-brand-solid)}.post-actions-bar{padding:var(--spacing-sm) 0;border-top:var(--border-width-default) solid var(--color-border-tertiary);justify-content:space-around;align-items:center;display:flex}.post-action-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-xs);cursor:pointer;font-size:var(--text-sm);color:var(--color-fg-quaternary);background:0 0;border:none;font-weight:500;transition:all .2s;display:flex}.post-action-btn:hover{background:var(--color-bg-tertiary);color:var(--color-fg-secondary)}.post-action-btn.liked{color:var(--color-fg-error-primary)}.post-action-btn.reacted{color:var(--color-fg-warning-primary)}.loading-comments{text-align:center;padding:var(--spacing-2xl);color:var(--color-fg-quaternary)}.no-comments{text-align:center;padding:var(--spacing-2xl);color:var(--color-fg-quinary)}.no-comments p{margin-top:var(--spacing-sm);font-size:var(--text-sm)}.notifications-dropdown{background:var(--color-bg-primary);border:var(--border-width-default) solid var(--color-border-primary);border-radius:var(--radius-sm);max-width:var(--size-grid-card);max-height:var(--size-modal-sm);z-index:1000;position:absolute;top:100%;right:0;overflow-y:auto;box-shadow:0 10px 25px #0000001a}.notification-item{padding:var(--spacing-md);border-bottom:var(--border-width-default) solid var(--color-border-tertiary);cursor:pointer;transition:background-color .2s}.notification-item.unread{background:var(--color-bg-brand-secondary);border-left:var(--border-width-thick) solid var(--color-bg-brand-solid)}.notification-title{font-weight:600;font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.notification-message{font-size:var(--text-xs);color:var(--color-fg-quaternary);line-height:1.5rem}@media (width<=768px){.comment-input-wrapper{gap:var(--spacing-sm)}.comment-avatar{width:28px;height:28px}.emoji-picker{min-width:var(--size-thumb-md);left:auto;right:0}.popular-emojis{justify-content:center}.emoji-grid{grid-template-columns:repeat(3,1fr)}.post-actions-bar{padding:var(--spacing-md) var(--spacing-sm)}.post-action-btn{padding:var(--spacing-sm);font-size:var(--text-xs)}.post-action-btn span{display:none}.reactions-summary{flex-wrap:wrap}.comment-stats{gap:var(--spacing-sm)}.post-form{min-width:95vw;margin:var(--spacing-lg)}.composer-avatar{width:var(--size-layout-36);height:var(--size-layout-36)}.composer-placeholder{font-size:var(--text-sm);padding:var(--spacing-md) var(--spacing-lg)}.post-composer{padding:var(--spacing-lg) var(--spacing-lg)}}.image-container{cursor:pointer;border-radius:var(--radius-sm);transition:all .2s;position:relative;overflow:hidden}.image-container:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.clickable-image{width:100%;height:auto;transition:filter .2s}.image-container:hover .clickable-image{filter:brightness(.95)}.image-overlay{opacity:0;border-radius:var(--radius-sm);background:#0006;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.image-container:hover .image-overlay{opacity:1}.lightbox-overlay{z-index:9999;width:100%;height:100%;padding:var(--spacing-2xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;justify-content:center;align-items:center;animation:.3s ease-out lightboxFadeIn;display:flex;position:fixed;top:0;left:0}.lightbox-container{background:var(--color-bg-primary);border-radius:var(--radius-lg);max-width:90vw;max-height:90vh;animation:.4s ease-out lightboxSlideIn;position:relative;overflow:hidden;box-shadow:0 25px 50px #0000004d}.lightbox-image{-o-object-fit:contain;object-fit:contain;width:100%;max-width:85vw;height:auto;max-height:85vh;display:block}.lightbox-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-lg) var(--spacing-xl);border-bottom:var(--border-width-default) solid #0000001a;z-index:1;background:#fffffff2;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.lightbox-title{font-size:var(--text-lg);color:var(--color-text-primary);margin:0;font-weight:600}.lightbox-controls{gap:var(--spacing-sm);align-items:center;display:flex}.lightbox-close{background:var(--color-bg-tertiary);width:var(--size-layout-36);height:var(--size-layout-36);border-radius:var(--radius-full);cursor:pointer;color:var(--color-fg-quaternary);border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.lightbox-close:hover{background:var(--color-border-secondary);color:var(--color-text-primary);transform:scale(1.05)}.lightbox-download{background:var(--color-bg-brand-solid);width:var(--size-layout-36);height:var(--size-layout-36);border-radius:var(--radius-full);cursor:pointer;color:#fff;margin-right:var(--spacing-sm);border:none;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.lightbox-download:hover{background:var(--color-bg-brand-solid_hover);color:#fff;transform:scale(1.05)}.lightbox-nav{border-radius:var(--radius-full);cursor:pointer;width:48px;height:48px;color:var(--color-text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;background:#ffffffe6;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #00000026}.lightbox-nav:hover:not(:disabled){background:var(--color-bg-primary);transform:translateY(-50%)scale(1.1);box-shadow:0 6px 20px #0003}.lightbox-nav:disabled{opacity:.3;cursor:not-allowed}.lightbox-prev{left:var(--spacing-lg)}.lightbox-next{right:var(--spacing-lg)}.lightbox-counter{bottom:var(--spacing-lg);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-xl);font-size:var(--text-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;background:#000c;font-weight:500;position:absolute;left:50%;transform:translate(-50%)}@media (width<=768px){.lightbox-overlay{padding:var(--spacing-lg)}.lightbox-container{border-radius:var(--radius-md);max-width:95vw;max-height:95vh}.lightbox-header{padding:var(--spacing-md) var(--spacing-lg)}.lightbox-title{font-size:var(--text-md)}.lightbox-close,.lightbox-download{width:var(--size-avatar-sm);height:var(--size-avatar-sm)}.lightbox-nav{width:var(--size-layout-40);height:var(--size-layout-40)}.lightbox-prev{left:var(--spacing-sm)}.lightbox-next{right:var(--spacing-sm)}.lightbox-counter{bottom:var(--spacing-sm);font-size:var(--text-xs);padding:var(--spacing-sm) var(--spacing-md)}.lightbox-image{max-width:95vw;max-height:80vh}}.loading-spinner{filter:drop-shadow(0 2px 4px #0000001a);animation:.8s cubic-bezier(.4,0,.2,1) infinite spin}.loading-pulse{animation:1.5s cubic-bezier(.4,0,.2,1) infinite pulse}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,#f0f2f5 0%,#f8f9fa 20%,#f0f2f5 40%,#f8f9fa 60%,#f0f2f5 80%,#f8f9fa 100%) 0 0/200% 100%;animation:1.5s ease-in-out infinite shimmer}.skeleton-avatar{width:var(--size-avatar-md);height:var(--size-avatar-md);border-radius:var(--radius-full);background:linear-gradient(90deg,#e4e6ea 0%,#f8f9fa 50%,#e4e6ea 100%) 0 0/200% 100%;animation:1.5s ease-in-out infinite shimmer}.skeleton-text{height:var(--size-badge-min);border-radius:var(--radius-sm)}.skeleton-text.large{height:var(--size-line-min)}.skeleton-text.small{height:12px}.skeleton-card{padding:var(--spacing-xl);background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);animation:1.5s ease-in-out infinite cardPulse}.work-member-settings{width:100%}.work-member-settings .settings-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:var(--ring-width-md) solid var(--color-border-secondary);display:flex}.work-member-settings .settings-header h3{font-size:var(--text-2xl);color:var(--color-text-primary);align-items:center;gap:var(--spacing-sm);font-weight:700;display:flex}.work-member-settings .settings-section{margin-bottom:var(--spacing-xl)}.work-member-settings .settings-section h4{font-size:var(--text-md);color:var(--color-fg-secondary);margin-bottom:var(--spacing-md);align-items:center;gap:var(--spacing-sm);font-weight:600;display:flex}.work-member-settings .current-info{background:var(--color-bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-md);border:var(--border-width-default) solid var(--color-border-secondary)}.work-member-settings .current-info p{margin:var(--spacing-sm) 0;font-size:var(--text-sm);color:var(--color-fg-tertiary)}.work-member-settings .current-info strong{color:var(--color-text-primary);font-weight:600}.work-member-settings .settings-input,.work-member-settings .settings-select,.work-member-settings .settings-textarea{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:var(--border-width-default) solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--text-sm);transition:all .2s}.work-member-settings .settings-input:focus,.work-member-settings .settings-select:focus,.work-member-settings .settings-textarea:focus{border-color:var(--color-fg-brand-primary);outline:none;box-shadow:0 0 0 3px #f973161a}.work-member-settings .help-text{font-size:var(--text-sm);color:var(--color-fg-quaternary);margin-top:var(--spacing-sm);font-style:italic}.work-member-settings .btn-primary{width:100%;padding:var(--spacing-lg) var(--spacing-xl);background:linear-gradient(135deg, var(--color-fg-brand-primary), var(--color-border-brand-solid));color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:var(--text-md);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);border:none;transition:all .2s;display:flex}.work-member-settings .btn-primary:hover{transform:translateY(calc(-1 * var(--motion-lift-hover)));box-shadow:0 4px 12px #f973164d}.work-member-settings .btn-primary:disabled{background:var(--color-bg-quaternary);cursor:not-allowed;transform:none}.work-member-settings .btn-secondary{padding:var(--spacing-md) var(--spacing-xl);background:var(--color-bg-tertiary);color:var(--color-fg-secondary);border:var(--border-width-default) solid var(--color-border-primary);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);font-weight:600;transition:all .2s;display:flex}.work-member-settings .btn-secondary:hover{background:var(--color-bg-quaternary)}.work-member-settings .btn-danger{padding:var(--spacing-md) var(--spacing-xl);background:var(--color-bg-error-solid_hover);color:#fff;border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);border:none;font-weight:600;transition:all .2s;display:flex}.work-member-settings .btn-danger:hover{background:var(--color-bg-error-solid_hover);box-shadow:0 4px 12px #dc26264d}.work-member-settings .team-form{background:var(--color-bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-md);border:var(--border-width-default) solid var(--color-border-secondary)}.work-member-settings .leave-confirm{background:var(--color-bg-error-primary);padding:var(--spacing-lg);border-radius:var(--radius-md);border:var(--border-width-default) solid var(--color-border-error_subtle)}.work-change-requests{width:100%}.work-change-requests .requests-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:var(--ring-width-md) solid var(--color-border-secondary);justify-content:space-between;align-items:center;display:flex}.work-change-requests .requests-header h3{font-size:var(--text-2xl);color:var(--color-text-primary);align-items:center;gap:var(--spacing-sm);font-weight:700;display:flex}.work-change-requests .status-filter{gap:var(--spacing-sm);display:flex}.work-change-requests .status-filter button{padding:var(--spacing-sm) var(--spacing-lg);border:var(--border-width-default) solid var(--color-border-primary);background:var(--color-bg-primary);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;align-items:center;gap:var(--spacing-sm);font-weight:500;transition:all .2s;display:flex}.work-change-requests .status-filter button:hover{background:var(--color-bg-secondary)}.work-change-requests .status-filter button.active{background:var(--color-fg-brand-primary);color:#fff;border-color:var(--color-fg-brand-primary)}.work-change-requests .empty-state,.work-change-requests .loading-state{text-align:center;padding:var(--spacing-4xl) var(--spacing-lg);color:var(--color-fg-quaternary)}.work-change-requests .loading-state .spinner{width:var(--size-layout-40);height:var(--size-layout-40);border:var(--border-width-thick) solid var(--color-border-secondary);border-top-color:var(--color-fg-brand-primary);border-radius:var(--radius-full);margin:0 auto var(--spacing-lg);animation:1s linear infinite spin}.work-change-requests .requests-list{gap:var(--spacing-lg);flex-direction:column;display:flex}.work-change-requests .request-card{background:var(--color-bg-primary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-md);padding:var(--spacing-composer);transition:all .2s}.work-change-requests .request-card:hover{box-shadow:var(--shadow-md)}.work-change-requests .request-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:var(--border-width-default) solid var(--color-border-tertiary);justify-content:space-between;align-items:center;display:flex}.work-change-requests .user-info{align-items:center;gap:var(--spacing-md);display:flex}.work-change-requests .avatar{border-radius:var(--radius-full);width:48px;height:48px;overflow:hidden}.work-change-requests .avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.work-change-requests .avatar-placeholder{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-fg-brand-primary), var(--color-border-brand-solid));color:#fff;width:48px;height:48px;font-weight:600;font-size:var(--text-md);justify-content:center;align-items:center;display:flex}.work-change-requests .user-info h4{font-size:var(--text-md);color:var(--color-text-primary);margin:0;font-weight:600}.work-change-requests .user-info .email{font-size:var(--text-sm);color:var(--color-fg-quaternary);margin:0}.work-change-requests .request-type{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-warning-secondary);color:var(--color-text-warning-primary);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600}.work-change-requests .change-details{margin-bottom:var(--spacing-lg)}.work-change-requests .change-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm);display:flex}.work-change-requests .change-item .current{color:var(--color-fg-quaternary);font-weight:500}.work-change-requests .change-item .arrow{color:var(--color-fg-quinary);font-weight:600}.work-change-requests .change-item .requested{color:var(--color-fg-brand-primary);font-weight:600}.work-change-requests .reason{padding:var(--spacing-md);background:var(--color-bg-brand-primary);border-left:var(--border-width-thick) solid var(--color-bg-brand-solid);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-bg-brand-solid);margin-bottom:var(--spacing-lg)}.work-change-requests .rejection-reason{padding:var(--spacing-md);background:var(--color-bg-error-primary);border-left:var(--border-width-thick) solid var(--color-border-error-solid);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-fg-error-primary);margin-bottom:var(--spacing-lg);align-items:flex-start;gap:var(--spacing-sm);display:flex}.work-change-requests .request-meta{gap:var(--spacing-lg);font-size:var(--text-sm);color:var(--color-fg-quinary);margin-bottom:var(--spacing-lg);display:flex}.work-change-requests .request-actions{gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:var(--border-width-default) solid var(--color-border-tertiary);display:flex}.work-change-requests .btn-approve{padding:var(--spacing-md) var(--spacing-xl);background:var(--color-fg-success-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);border:none;flex:1;font-weight:600;transition:all .2s;display:flex}.work-change-requests .btn-approve:hover{background:var(--color-bg-success-solid_hover);box-shadow:0 4px 12px #10b9814d}.work-change-requests .btn-reject{padding:var(--spacing-md) var(--spacing-xl);background:var(--color-bg-error-solid);color:#fff;border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);border:none;flex:1;font-weight:600;transition:all .2s;display:flex}.work-change-requests .btn-reject:hover{background:var(--color-bg-error-solid_hover);box-shadow:0 4px 12px #ef44444d}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:60;padding:var(--spacing-lg);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-bg-primary);border-radius:var(--radius-lg);width:100%;max-width:500px;box-shadow:0 20px 25px -5px var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.modal-content{box-shadow:0 20px 25px -5px color-mix(in srgb, var(--color-text-primary) 10%, transparent)}}.modal-header h3{font-size:var(--text-xl);color:var(--color-text-primary);margin:0;font-weight:700}.modal-close{cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-sm);background:0 0;border:none;transition:background .2s}.modal-close:hover{background:var(--color-bg-tertiary)}.modal-body label{font-size:var(--text-sm);color:var(--color-fg-secondary);margin-bottom:var(--spacing-sm);font-weight:600;display:block}.modal-footer{padding:var(--spacing-xl);border-top:var(--border-width-default) solid var(--color-border-secondary);gap:var(--spacing-md);display:flex}.error-banner,.success-banner{padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);align-items:center;gap:var(--spacing-md);font-size:var(--text-sm);display:flex}.error-banner{background:var(--color-bg-error-primary);border:var(--border-width-default) solid var(--color-border-error_subtle);color:var(--color-fg-error-primary)}.success-banner{background:var(--color-bg-success-primary);border:var(--border-width-default) solid var(--color-border-success);color:var(--color-text-success-primary)}.work-team-manager{padding:0}.team-manager-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.team-manager-header .header-left{align-items:center;gap:var(--spacing-md);display:flex}.team-manager-header h2{font-size:var(--text-xl);color:var(--color-text-primary);margin:0;font-weight:600}.team-create-form{background:var(--color-bg-primary);border:var(--ring-width-md) solid var(--color-border-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.team-create-form .form-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.team-create-form h3{font-size:var(--text-lg);color:var(--color-text-primary);margin:0;font-weight:600}.team-create-form label{font-size:var(--text-sm);color:var(--color-fg-secondary);margin-bottom:var(--spacing-sm);font-weight:500;display:block}.team-create-form .form-hint{font-size:var(--text-xs);color:var(--color-fg-quaternary);margin-top:var(--spacing-sm);display:block}.team-create-form .form-actions{gap:var(--spacing-md);margin-top:var(--spacing-xl);display:flex}.teams-list{min-height:var(--size-label-min)}.teams-grid{grid-template-columns:repeat(auto-fill, minmax(var(--size-grid-card-lg), 1fr));gap:var(--spacing-composer);display:grid}.team-card{background:var(--color-bg-primary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-lg);padding:var(--spacing-composer);transition:all .2s}.team-card:hover{border-color:var(--color-border-brand-solid);transform:translateY(-2px);box-shadow:0 4px 12px #ea580c1a}.team-card-header{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);display:flex}.team-icon{background:linear-gradient(135deg, var(--color-bg-brand-primary) 0%, var(--color-border-brand-solid) 100%);border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.team-info{flex:1;min-width:0}.team-info h4{font-size:var(--text-md);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.department-badge{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:var(--color-bg-warning-secondary);border:var(--border-width-default) solid var(--color-border-warning);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-text-warning-primary);font-weight:500;display:inline-flex}.team-description{font-size:var(--text-sm);color:var(--color-fg-quaternary);margin:0 0 var(--spacing-lg) 0;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.team-meta{gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:var(--border-width-default) solid var(--color-border-tertiary);flex-direction:column;display:flex}.team-meta .meta-item{align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-fg-quaternary);display:flex}.team-meta .meta-item svg{color:var(--color-border-brand-solid);flex-shrink:0}.teams-list .empty-state{padding:var(--spacing-4xl) var(--spacing-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.teams-list .empty-state p{font-size:var(--text-md);color:var(--color-fg-quaternary);margin:var(--spacing-lg) 0 var(--spacing-sm) 0;font-weight:500}.teams-list .empty-state small{font-size:var(--text-sm);color:var(--color-fg-quinary)}.teams-list .loading-state{padding:var(--spacing-4xl) var(--spacing-lg);flex-direction:column;justify-content:center;align-items:center;display:flex}.teams-list .loading-state p{margin-top:var(--spacing-lg);color:var(--color-fg-quaternary);font-size:var(--text-sm)}.request-type-selector{gap:var(--spacing-sm);background:var(--color-bg-tertiary);padding:var(--spacing-sm);border-radius:var(--radius-md);display:flex}.request-type-selector button{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-fg-quaternary);cursor:pointer;background:0 0;border:none;font-weight:500;transition:all .2s;display:flex}.request-type-selector button:hover{background:var(--color-bg-quaternary);color:var(--color-fg-secondary)}.request-type-selector button.active{background:var(--color-bg-primary);color:var(--color-border-brand-solid);box-shadow:var(--shadow-sm)}.join-details{margin-bottom:var(--spacing-lg)}.join-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-bg-warning-secondary);border:var(--border-width-default) solid var(--color-border-warning);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-warning-primary);font-weight:500;display:flex}.join-item svg{color:var(--color-border-brand-solid);flex-shrink:0}.join-message{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-fg-secondary);line-height:1.5}.join-message strong{color:var(--color-text-primary)}.work-notification-bell{display:inline-block;position:relative}.notification-bell-btn{padding:var(--spacing-sm);border-radius:var(--radius-full);cursor:pointer;color:var(--color-border-brand-solid);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.notification-bell-btn:hover{background:#ea580c1a;transform:scale(1.05)}.notification-badge{min-width:var(--size-badge-sm);height:var(--size-badge-sm);padding:0 var(--spacing-xs);font-size:var(--text-xs);border-radius:var(--radius-full);justify-content:center;align-items:center;font-weight:600;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;display:flex;position:absolute;top:0;right:0}.notification-dropdown{top:calc(100% + var(--spacing-sm));background:var(--color-bg-primary);border-radius:var(--radius-md);width:380px;max-width:90vw;box-shadow:0 10px 25px var(--color-text-primary);position:absolute;right:0}@supports (color:color-mix(in lab, red, red)){.notification-dropdown{box-shadow:0 10px 25px color-mix(in srgb, var(--color-text-primary) 15%, transparent)}}.notification-dropdown{border:var(--border-width-default) solid var(--color-border-secondary);z-index:1000;animation:.2s ease-out slideDown;overflow:hidden}.notification-header{padding:var(--spacing-lg) var(--spacing-composer);border-bottom:var(--border-width-default) solid var(--color-border-secondary);background:linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-brand-primary) 100%);justify-content:space-between;align-items:center;display:flex}.notification-header h3{font-size:var(--text-lg);color:var(--color-text-primary);margin:0;font-weight:600}.mark-all-read-btn{font-size:var(--text-sm);color:var(--color-border-brand-solid);padding:var(--spacing-xs) var(--spacing-sm)}.mark-all-read-btn:hover{background:#ea580c1a}.notification-list{max-height:var(--size-modal-sm);overflow-y:auto}.notification-empty{padding:var(--spacing-4xl) var(--spacing-xl);text-align:center;color:var(--color-fg-quinary);font-size:var(--text-sm)}.notification-item{padding:var(--spacing-lg) var(--spacing-composer);border-bottom:var(--border-width-default) solid var(--color-border-tertiary);cursor:pointer;justify-content:space-between;align-items:flex-start;transition:all .2s;display:flex;position:relative}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--color-bg-secondary)}.notification-item.unread{background:var(--color-bg-warning-secondary)}.notification-item.unread:hover{background:var(--color-fg-warning-secondary)}.notification-content{flex:1;min-width:0}.notification-title{font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-weight:600}.notification-message{font-size:var(--text-sm);color:var(--color-fg-tertiary);margin-bottom:var(--spacing-sm);word-wrap:break-word;line-height:1.5}.notification-meta{align-items:center;gap:var(--spacing-md);font-size:var(--text-xs);color:var(--color-fg-quinary);display:flex}.notification-org{color:var(--color-border-brand-solid);font-weight:500}.notification-time{color:var(--color-fg-quinary)}.notification-unread-dot{background:var(--color-border-brand-solid);border-radius:var(--radius-full);width:8px;height:8px;margin-left:var(--spacing-sm);margin-top:var(--spacing-xs);flex-shrink:0}.work-events-panel{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;height:100%;display:flex;overflow:hidden}.events-panel-header{padding:var(--spacing-composer) var(--spacing-xl);background:linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-primary)5f1 100%);border-bottom:var(--ring-width-md) solid var(--color-border-brand-solid);justify-content:space-between;align-items:center;display:flex}.events-panel-title{font-size:var(--text-xl);color:var(--color-text-primary);align-items:center;margin:0;font-weight:700;display:flex}.events-panel-title svg{color:var(--color-border-brand-solid)}.create-event-btn{background:var(--color-border-brand-solid);color:#fff;border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;align-items:center;gap:var(--spacing-sm);border:none;font-weight:600;transition:all .2s;display:flex}.create-event-btn:hover{background:var(--color-border-brand-solid);transform:translateY(calc(-1 * var(--motion-lift-hover)));box-shadow:0 4px 8px #ea580c4d}.events-filter-tabs{padding:var(--spacing-md) var(--spacing-xl);gap:var(--spacing-sm);border-bottom:var(--border-width-default) solid var(--color-border-tertiary);background:var(--color-bg-secondary);display:flex}.filter-tab{padding:var(--spacing-sm) var(--spacing-lg);color:var(--color-fg-quaternary);font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;font-weight:500;transition:all .2s}.filter-tab:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.filter-tab.active{background:var(--color-border-brand-solid);color:#fff}.event-create-form{padding:var(--spacing-xl);background:var(--color-bg-warning-secondary);border-bottom:var(--border-width-default) solid var(--color-border-warning);animation:.3s ease-out slideDown}.form-row{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.form-checkbox{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);display:flex}.form-checkbox input[type=\"checkbox\"]{width:var(--size-badge-sm);height:var(--size-badge-sm);cursor:pointer;accent-color:var(--color-border-brand-solid)}.form-checkbox label{font-size:var(--text-sm);color:var(--color-fg-secondary);cursor:pointer}.reminder-options{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-bg-warning-primary);border-radius:var(--radius-sm);border:var(--border-width-default) solid #ea580c33}.reminder-label{font-size:var(--text-sm);color:var(--color-text-brand-secondary);margin-bottom:var(--spacing-sm);font-weight:600;display:block}.reminder-checkboxes{gap:var(--spacing-sm);flex-direction:column;display:flex}.reminder-checkboxes .form-checkbox{margin-bottom:0}.form-actions{gap:var(--spacing-md);justify-content:flex-end;display:flex}.submit-btn{background:var(--color-border-brand-solid);color:#fff;font-weight:600}.submit-btn:hover{background:var(--color-border-brand-solid)}.events-list{padding:var(--spacing-lg);max-height:calc(100vh - var(--size-modal-sm));flex:1;overflow-y:auto}.events-empty{text-align:center;padding:var(--spacing-4xl) var(--spacing-xl);color:var(--color-fg-quinary)}.empty-icon{color:var(--color-border-primary);margin:0 auto var(--spacing-lg)}.empty-hint{font-size:var(--text-sm);margin-top:var(--spacing-sm)}.event-card{background:var(--color-bg-primary);border:var(--border-width-default) solid var(--color-border-secondary);border-left:var(--spacing-xs) solid var(--color-border-brand-solid);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);transition:all .2s;overflow:hidden}.event-card-header{padding:var(--spacing-lg) var(--spacing-composer);cursor:pointer;align-items:flex-start;gap:var(--spacing-lg);display:flex}.event-type-badge{width:var(--size-layout-40);height:var(--size-layout-40);background:linear-gradient(135deg, var(--color-border-brand-solid) 0%, var(--color-fg-brand-primary) 100%);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.event-info{flex:1;min-width:0}.event-title{margin:0 0 var(--spacing-sm) 0;font-size:var(--text-md);color:var(--color-text-primary);font-weight:600}.event-meta{gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-fg-quaternary);flex-direction:column;display:flex}.event-date,.event-location{align-items:center;gap:var(--spacing-sm);display:flex}.event-date svg,.event-location svg{color:var(--color-border-brand-solid);flex-shrink:0}.rsvp-count-badge{background:var(--color-border-brand-solid);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--text-sm);align-items:center;font-weight:600;display:flex}.event-card-body{padding:0 var(--spacing-composer) var(--spacing-composer) var(--spacing-composer);border-top:var(--border-width-default) solid var(--color-border-tertiary);animation:.3s ease-out expandBody}.event-description{margin:var(--spacing-lg) 0;padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-sm);color:var(--color-fg-tertiary);font-size:var(--text-sm);line-height:1.75rem}.event-details{margin:var(--spacing-lg) 0;gap:var(--spacing-md);display:grid}.detail-item{font-size:var(--text-sm);align-items:center;display:flex}.detail-label{color:var(--color-fg-quaternary);min-width:var(--size-grid-sm);font-weight:600}.detail-value{color:var(--color-text-primary)}.event-rsvp-section{margin-top:var(--spacing-composer);padding-top:var(--spacing-composer);border-top:var(--border-width-default) solid var(--color-border-secondary)}.rsvp-title{font-size:var(--text-sm);color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0;font-weight:600}.rsvp-buttons{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.rsvp-btn{min-width:var(--size-grid-sm);padding:var(--spacing-md) var(--spacing-lg);border:var(--ring-width-md) solid var(--color-border-secondary);background:var(--color-bg-primary);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);flex:1;font-weight:600;transition:all .2s;display:flex}.rsvp-btn:hover{box-shadow:0 4px 8px var(--color-text-primary);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.rsvp-btn:hover{box-shadow:0 4px 8px color-mix(in srgb, var(--color-text-primary) 10%, transparent)}}.rsvp-btn.going{color:var(--color-bg-success-solid_hover)}.rsvp-btn.going:hover{border-color:var(--color-bg-success-solid_hover);background:var(--color-bg-success-primary)}.rsvp-btn.going.active{border-color:var(--color-bg-success-solid_hover);background:var(--color-bg-success-solid_hover);color:#fff}.rsvp-btn.maybe{color:var(--color-fg-warning-primary)}.rsvp-btn.maybe:hover{border-color:var(--color-fg-warning-primary);background:var(--color-bg-warning-primary)}.rsvp-btn.maybe.active{border-color:var(--color-fg-warning-primary);background:var(--color-bg-warning-solid_hover);color:#fff}.rsvp-btn.not-going{color:var(--color-fg-error-primary)}.rsvp-btn.not-going:hover{border-color:var(--color-border-error-solid);background:var(--color-bg-error-primary)}.rsvp-btn.not-going.active{border-color:var(--color-border-error-solid);background:var(--color-bg-error-solid_hover);color:#fff}@media (width<=768px){.form-row{grid-template-columns:1fr}.rsvp-buttons{flex-direction:column}.rsvp-btn{min-width:100%}}.work-next-event-widget{background:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--spacing-composer);box-shadow:var(--shadow-xs);border:var(--border-width-default) solid #c2410c1a;margin-bottom:var(--spacing-lg);transition:all .3s}.work-next-event-widget .widget-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);color:var(--color-border-brand-solid);font-weight:600;font-size:var(--text-md);display:flex}.work-next-event-widget .widget-header svg{flex-shrink:0}.work-next-event-widget .widget-header h4{font-size:var(--text-md);flex:1;margin:0;font-weight:600}.work-next-event-widget .chevron-icon{opacity:.5;transition:opacity .2s}.work-next-event-widget.active:hover .chevron-icon{opacity:1}.work-next-event-widget .widget-loading,.work-next-event-widget .widget-empty{text-align:center;padding:var(--spacing-composer);color:var(--color-fg-quaternary);font-size:var(--text-sm)}.work-next-event-widget .widget-empty{align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.work-next-event-widget .widget-empty p{font-size:var(--text-xs);margin:0}.work-next-event-widget .event-content{gap:var(--spacing-md);flex-direction:column;display:flex}.work-next-event-widget .event-type{align-items:center;gap:var(--spacing-sm);display:flex}.work-next-event-widget .event-emoji{font-size:var(--text-2xl);flex-shrink:0}.work-next-event-widget .event-title{font-weight:600;font-size:var(--text-md);color:var(--color-text-primary);line-height:1.5rem}.countdown-timer{background:linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-brand-primary) 100%);border-radius:var(--radius-sm);padding:var(--spacing-md);border:var(--border-width-default) solid #c2410c26}.countdown-grid{justify-content:center;align-items:center;gap:var(--spacing-xs);display:flex}.countdown-item{min-width:var(--size-layout-40);flex-direction:column;align-items:center;display:flex}.countdown-value{font-size:var(--text-xl);color:var(--color-border-brand-solid);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.countdown-label{font-size:var(--text-xs);color:var(--color-text-brand-secondary);text-transform:uppercase;letter-spacing:var(--tracking-tight-ui);margin-top:var(--spacing-xxs);font-weight:500}.countdown-separator{font-size:var(--text-xl);color:var(--color-border-brand-solid);opacity:.5;margin:0 var(--spacing-xxs);padding-bottom:var(--spacing-md);font-weight:700}.work-next-event-widget .event-details{gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:var(--border-width-default) solid #c2410c1a;flex-direction:column;display:flex}.work-next-event-widget .event-detail-row{align-items:center;gap:var(--spacing-sm);color:var(--color-fg-quaternary);font-size:var(--text-xs);display:flex}.work-next-event-widget .event-detail-row svg{color:var(--color-border-brand-solid);opacity:.7;flex-shrink:0}.view-event-details-btn{width:100%;margin-top:var(--spacing-md);padding:var(--spacing-md);background:linear-gradient(135deg, var(--color-border-brand-solid) 0%, var(--color-border-brand-solid) 100%);color:#fff;border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-sm);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);border:none;transition:all .2s;display:flex}.view-event-details-btn:hover{transform:translateY(calc(-1 * var(--motion-lift-hover)));box-shadow:0 4px 12px #c2410c4d}.view-event-details-btn:active{transform:translateY(0)}.work-next-event-widget .event-expired{text-align:center;padding:var(--spacing-sm)}.work-next-event-widget .expired-badge{background:linear-gradient(135deg, var(--color-bg-error-primary) 0%, var(--color-bg-error-secondary) 100%);color:var(--color-fg-error-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-xs);font-size:var(--text-xs);border:var(--border-width-default) solid #991b1b33;font-weight:600;display:inline-block}.countdown-separator{animation:1s ease-in-out infinite pulse-countdown}.work-events-list-widget{background:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-xs);border:var(--border-width-default) solid #c2410c1a;margin-bottom:var(--spacing-lg)}.work-events-list-widget .widget-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);color:var(--color-border-brand-solid);font-weight:600;font-size:var(--text-sm);display:flex}.work-events-list-widget .widget-header h4{font-size:var(--text-sm);flex:1;margin:0;font-weight:600}.events-list-loading,.events-list-empty{text-align:center;padding:var(--spacing-composer);color:var(--color-fg-quaternary);font-size:var(--text-sm)}.events-list-empty{align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.events-list-empty p{font-size:var(--text-xs);margin:0}.events-list-container{gap:var(--spacing-sm);max-height:var(--size-modal-sm);flex-direction:column;display:flex;overflow-y:auto}.events-list-container::-webkit-scrollbar{width:6px}.events-list-container::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:var(--radius-xs)}.events-list-container::-webkit-scrollbar-thumb{background:var(--color-border-brand-solid);border-radius:var(--radius-xs)}.events-list-container::-webkit-scrollbar-thumb:hover{background:var(--color-text-brand-secondary)}.event-list-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-primary);border:var(--border-width-default) solid #c2410c1a;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;display:flex}.event-list-item:hover{background:var(--color-bg-warning-primary);border-color:#c2410c4d;transform:translate(4px);box-shadow:0 2px 8px #c2410c1a}.event-item-icon{font-size:var(--text-2xl);width:var(--size-layout-40);height:var(--size-layout-40);background:var(--color-bg-primary);border-radius:var(--radius-sm);border:var(--border-width-default) solid #c2410c1a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.event-item-content{flex:1;min-width:0}.event-item-title{font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.event-item-details{align-items:center;gap:var(--spacing-sm);font-size:var(--text-xs);color:var(--color-fg-quaternary);display:flex}.event-item-date,.event-item-time{align-items:center;gap:var(--spacing-xs);display:flex}.event-item-date svg,.event-item-time svg{color:var(--color-border-brand-solid);opacity:.7;flex-shrink:0}.event-item-countdown{align-items:center;gap:var(--spacing-sm);flex-shrink:0;display:flex}.countdown-badge{background:linear-gradient(135deg, var(--color-border-brand-solid) 0%, var(--color-border-brand-solid) 100%);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700;box-shadow:0 2px 4px #c2410c33}.event-item-chevron{color:var(--color-border-brand-solid);opacity:.5;transition:opacity .2s}.event-list-item:hover .event-item-chevron{opacity:1}@media (width<=768px){.event-list-item{gap:var(--spacing-sm);padding:var(--spacing-md)}.event-item-icon{width:var(--size-layout-36);height:var(--size-layout-36);font-size:var(--text-xl)}.event-item-title{font-size:var(--text-sm)}.countdown-badge{font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-sm)}}.work-calendar-widget{background:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--spacing-composer);box-shadow:var(--shadow-xs);border:var(--border-width-default) solid #c2410c1a;margin-bottom:var(--spacing-lg)}.work-calendar-widget .widget-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);color:var(--color-border-brand-solid);font-weight:600;font-size:var(--text-md);display:flex}.work-calendar-widget .widget-header h4{font-size:var(--text-md);flex:1;margin:0;font-weight:600}.calendar-nav{margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--color-bg-warning-primary);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;display:flex}.calendar-nav-btn{background:var(--color-bg-primary);border:var(--border-width-default) solid #c2410c33;border-radius:var(--radius-xs);width:var(--size-avatar-sm);height:var(--size-avatar-sm);cursor:pointer;color:var(--color-border-brand-solid);justify-content:center;align-items:center;transition:all .2s;display:flex}.calendar-nav-btn:hover{background:var(--color-border-brand-solid);color:#fff}.calendar-month-label{font-size:var(--text-sm);color:var(--color-text-brand-secondary);text-transform:capitalize;font-weight:600}.calendar-today-btn{width:100%;padding:var(--spacing-sm);background:linear-gradient(135deg, var(--color-border-brand-solid) 0%, var(--color-border-brand-solid) 100%);color:#fff;border-radius:var(--radius-xs);font-size:var(--text-xs);cursor:pointer;margin-bottom:var(--spacing-md);border:none;font-weight:600;transition:all .2s}.calendar-today-btn:hover{transform:translateY(calc(-1 * var(--motion-lift-hover)));box-shadow:0 2px 8px #c2410c4d}.calendar-weekday{text-align:center;font-size:var(--text-micro);color:var(--color-text-brand-secondary);padding:var(--spacing-sm) var(--spacing-xxs);text-transform:uppercase;letter-spacing:var(--tracking-tight-ui);font-weight:600}.calendar-day{aspect-ratio:1;border-radius:var(--radius-sm);cursor:pointer;background:var(--color-bg-primary);border:var(--border-width-default) solid transparent;padding:var(--spacing-xxs);flex-direction:column;justify-content:center;align-items:center;min-height:28px;transition:all .2s;display:flex;position:relative}.calendar-day.empty{cursor:default;background:0 0}.calendar-day:not(.empty):hover{background:var(--color-bg-warning-primary);border-color:#c2410c4d;transform:scale(1.05)}.calendar-day.today{background:var(--color-bg-warning-primary);border-color:var(--color-border-brand-solid);border-width:2px}.calendar-day.selected{background:var(--color-border-brand-solid);border-color:var(--color-border-brand-solid)}.calendar-day.selected .day-number{color:#fff;font-weight:700}.day-number{font-size:var(--text-xs);color:var(--color-text-primary);font-weight:500;line-height:1}.calendar-day.today .day-number{color:var(--color-border-brand-solid);font-weight:700}.event-dots{gap:var(--border-width-default);margin-top:var(--border-width-default);bottom:var(--ring-width-md);display:flex;position:absolute}.event-dot{border-radius:var(--radius-full);background:var(--color-border-brand-solid);width:3px;height:3px}.calendar-day.selected .event-dot{background:var(--color-bg-primary)}.calendar-events-list{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:var(--border-width-default) solid #c2410c1a}.events-list-header{margin-bottom:var(--spacing-sm);padding:0 var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.events-date{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:600}.events-count{font-size:var(--text-xs);color:var(--color-fg-quaternary);background:var(--color-bg-warning-primary);padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--radius-sm)}.events-list-items{gap:var(--spacing-sm);flex-direction:column;display:flex}.calendar-event-item{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-primary);border:var(--border-width-default) solid #c2410c1a;border-radius:var(--radius-sm);transition:all .2s;display:flex}.calendar-event-item:hover{background:var(--color-bg-warning-primary);border-color:#c2410c4d;transform:translate(2px)}.calendar-event-item .event-emoji{font-size:var(--text-xl);flex-shrink:0}.calendar-event-item .event-info{flex:1;min-width:0}.calendar-event-item .event-title{font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-weight:600}.calendar-event-item .event-details{gap:var(--spacing-xxs);font-size:var(--text-xs);color:var(--color-fg-quaternary);flex-direction:column;display:flex}.calendar-event-item .event-time,.calendar-event-item .event-location{align-items:center;gap:var(--spacing-xs);display:flex}.calendar-event-item .event-time svg,.calendar-event-item .event-location svg{color:var(--color-border-brand-solid);opacity:.7;flex-shrink:0}.calendar-no-events{text-align:center;padding:var(--spacing-composer);color:var(--color-fg-quaternary);margin-top:var(--spacing-md);border-top:var(--border-width-default) solid #c2410c1a}.calendar-no-events p{margin:var(--spacing-sm) 0 0 0;font-size:var(--text-xs)}@media (width<=768px){.calendar-day{padding:var(--spacing-xxs)}.day-number{font-size:var(--text-xs)}.event-dot{width:3px;height:3px}}.event-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;padding:var(--spacing-composer);background:#0009;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.event-modal-content{background:var(--color-bg-primary);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-modal);z-index:100000;animation:.3s ease-out slideUp;position:relative;overflow-y:auto}.event-modal-header{padding:var(--spacing-xl);border-bottom:var(--border-width-default) solid var(--color-border-secondary);background:linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-brand-primary) 100%);justify-content:space-between;align-items:flex-start;display:flex}.event-modal-title{align-items:flex-start;gap:var(--spacing-md);flex:1;display:flex}.event-modal-emoji{font-size:var(--text-3xl);flex-shrink:0}.event-modal-title h2{margin:0 0 var(--spacing-sm) 0;font-size:var(--text-2xl);color:var(--color-text-primary);line-height:1.25rem}.event-type-badge{background:var(--color-border-brand-solid);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-tight-ui);font-weight:600;display:inline-block}.close-modal-btn{background:var(--color-bg-primary);border-radius:var(--radius-sm);width:var(--size-layout-40);height:var(--size-layout-40);cursor:pointer;color:var(--color-fg-quaternary);border:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.close-modal-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.event-modal-body{padding:var(--spacing-xl)}.modal-countdown-section{background:linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-brand-primary) 100%);border-radius:var(--radius-md);padding:var(--spacing-composer);margin-bottom:var(--spacing-xl);border:var(--ring-width-md) solid #c2410c33}.modal-countdown-section h3{margin:0 0 var(--spacing-lg) 0;font-size:var(--text-md);color:var(--color-text-brand-secondary);font-weight:600}.modal-countdown{justify-content:center;align-items:center;gap:var(--spacing-sm);display:flex}.modal-countdown-item{background:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);min-width:var(--size-layout-80);flex-direction:column;align-items:center;display:flex;box-shadow:0 2px 8px #c2410c1a}.modal-countdown-value{font-size:var(--text-3xl);color:var(--color-border-brand-solid);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.modal-countdown-label{font-size:var(--text-xs);color:var(--color-text-brand-secondary);margin-top:var(--spacing-xs);font-weight:500}.modal-countdown-sep{font-size:var(--text-3xl);color:var(--color-border-brand-solid);opacity:.5;font-weight:700;animation:1s ease-in-out infinite pulse-countdown}.modal-details-section{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.modal-detail-row{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-sm);display:flex}.modal-detail-row svg{color:var(--color-border-brand-solid);margin-top:var(--spacing-xxs);flex-shrink:0}.modal-detail-label{font-size:var(--text-xs);color:var(--color-fg-quaternary);margin-bottom:var(--spacing-xs);font-weight:500}.modal-detail-value{font-size:var(--text-md);color:var(--color-text-primary);font-weight:600}.modal-description{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-sm);border-left:var(--spacing-xs) solid var(--color-border-brand-solid)}.modal-description h4{margin:0 0 var(--spacing-sm) 0;font-size:var(--text-sm);color:var(--color-fg-quaternary);font-weight:600}.modal-description p{font-size:var(--text-sm);color:var(--color-fg-tertiary);margin:0;line-height:1.75rem}.modal-rsvp-section{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.modal-rsvp-section h4{margin:0 0 var(--spacing-md) 0;font-size:var(--text-sm);color:var(--color-fg-secondary);align-items:center;gap:var(--spacing-sm);font-weight:600;display:flex}.rsvp-stats{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.rsvp-stat-item{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-bg-primary);border-radius:var(--radius-sm);border:var(--ring-width-md) solid transparent;flex-direction:column;transition:all .2s;display:flex}.rsvp-stat-item.going{border-color:var(--color-fg-success-primary)}.rsvp-stat-item.going svg{color:var(--color-fg-success-primary)}.rsvp-stat-item.maybe{border-color:var(--color-fg-warning-primary)}.rsvp-stat-item.maybe svg{color:var(--color-fg-warning-primary)}.rsvp-stat-item.not-going{border-color:var(--color-border-error-solid)}.rsvp-stat-item.not-going svg{color:var(--color-fg-error-primary)}.rsvp-stat-count{font-size:var(--text-2xl);color:var(--color-text-primary);font-weight:700}.rsvp-stat-label{font-size:var(--text-xs);color:var(--color-fg-quaternary);font-weight:500}.modal-reminders-section{background:var(--color-bg-warning-primary);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border:var(--border-width-default) solid #c2410c33}.modal-reminders-section h4{margin:0 0 var(--spacing-md) 0;font-size:var(--text-sm);color:var(--color-text-brand-secondary);align-items:center;gap:var(--spacing-sm);font-weight:600;display:flex}.reminder-tags{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.reminder-tag{align-items:center;gap:var(--spacing-xs);background:var(--color-bg-primary);color:var(--color-border-brand-solid);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);font-size:var(--text-xs);border:var(--border-width-default) solid #c2410c4d;font-weight:600;display:inline-flex}.event-modal-footer{padding:var(--spacing-lg) var(--spacing-xl);border-top:var(--border-width-default) solid var(--color-border-secondary);gap:var(--spacing-lg);flex-direction:column;display:flex}.modal-rsvp-actions{gap:var(--spacing-md);flex-direction:column;display:flex}.rsvp-question{font-size:var(--text-sm);color:var(--color-fg-secondary);font-weight:600}.rsvp-buttons{gap:var(--spacing-sm);display:flex}.rsvp-action-btn{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-sm);cursor:pointer;border:var(--ring-width-md) solid transparent;justify-content:center;align-items:center;gap:var(--spacing-sm);background:var(--color-bg-tertiary);color:var(--color-fg-quaternary);flex:1;transition:all .2s;display:flex}.rsvp-action-btn:hover:not(:disabled){box-shadow:0 4px 8px var(--color-text-primary);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.rsvp-action-btn:hover:not(:disabled){box-shadow:0 4px 8px color-mix(in srgb, var(--color-text-primary) 10%, transparent)}}.rsvp-action-btn:disabled{opacity:.6;cursor:not-allowed}.rsvp-action-btn.going{background:var(--color-bg-success-primary);color:var(--color-fg-success-primary);border-color:#0000}.rsvp-action-btn.going:hover:not(:disabled){background:var(--color-bg-success-secondary);border-color:var(--color-fg-success-primary)}.rsvp-action-btn.going.active{background:var(--color-fg-success-primary);color:#fff;border-color:var(--color-fg-success-primary)}.rsvp-action-btn.maybe{background:var(--color-bg-warning-secondary);color:var(--color-fg-warning-primary);border-color:#0000}.rsvp-action-btn.maybe:hover:not(:disabled){background:var(--color-fg-warning-secondary);border-color:var(--color-fg-warning-primary)}.rsvp-action-btn.maybe.active{background:var(--color-bg-warning-solid);color:#fff;border-color:var(--color-fg-warning-primary)}.rsvp-action-btn.not-going{background:var(--color-bg-error-secondary);color:var(--color-fg-error-primary);border-color:#0000}.rsvp-action-btn.not-going:hover:not(:disabled){background:var(--color-bg-error-secondary);border-color:var(--color-border-error-solid)}.rsvp-action-btn.not-going.active{background:var(--color-bg-error-solid);color:#fff;border-color:var(--color-border-error-solid)}.modal-btn{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-sm);cursor:pointer;border:none;transition:all .2s}.modal-btn.secondary{background:var(--color-bg-tertiary);color:var(--color-fg-tertiary)}.modal-btn.secondary:hover{background:var(--color-bg-quaternary)}@media (width<=768px){.event-modal-content{max-height:95vh}.modal-countdown-item{min-width:var(--size-badge-reserve);padding:var(--spacing-sm) var(--spacing-md)}.modal-countdown-value{font-size:var(--text-2xl)}.rsvp-stats{grid-template-columns:1fr}}.events-panel-redesign{background:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.ep-header{padding:var(--spacing-lg);border-bottom:var(--border-width-default) solid var(--color-border-tertiary);justify-content:space-between;align-items:center;display:flex}.ep-title{align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-fg-secondary);letter-spacing:var(--tracking-tight-ui);font-weight:700;display:flex}.ep-quick-create{padding:var(--spacing-md) var(--spacing-lg);border-bottom:var(--border-width-default) solid var(--color-border-tertiary)}.ep-quick-toggle{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-primary);border:2px dashed var(--color-border-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;font-weight:500;transition:all .2s;display:flex}.ep-quick-toggle:hover{border-color:var(--module-color);color:var(--module-color);background:var(--color-bg-secondary)}.ep-presets{gap:var(--spacing-sm);margin-top:var(--spacing-md);flex-direction:column;display:flex}.ep-preset-btn{align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-fg-secondary);cursor:pointer;text-align:left;transition:all .2s;display:flex}.ep-preset-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-primary);transform:translate(4px)}.ep-preset-btn .preset-icon{font-size:var(--text-xl)}.ep-preset-btn .preset-label{font-weight:500}.ep-create-form{padding:var(--spacing-lg);background:var(--color-bg-secondary);border-bottom:var(--border-width-default) solid var(--color-border-secondary)}.ep-create-form .form-header{margin-bottom:var(--spacing-md);font-size:var(--text-sm);color:var(--color-text-primary);justify-content:space-between;align-items:center;font-weight:600;display:flex}.ep-create-form .close-btn{background:var(--color-bg-primary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-xs);width:28px;height:28px;color:var(--color-fg-quaternary);cursor:pointer;justify-content:center;align-items:center;display:flex}.ep-create-form .close-btn:hover{background:var(--color-bg-tertiary)}.ep-create-form input[type=text],.ep-create-form input[type=date],.ep-create-form input[type=time]{width:100%;padding:var(--spacing-md) var(--spacing-md);margin-bottom:var(--spacing-sm);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--color-bg-primary)}.ep-create-form input:focus{border-color:var(--module-color);outline:none;box-shadow:0 0 0 3px #6d28d91a}.ep-create-form .form-row{gap:var(--spacing-sm);grid-template-columns:1fr 1fr;display:grid}.ep-create-form .rsvp-toggle{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;font-size:var(--text-sm);color:var(--color-fg-tertiary);cursor:pointer;display:flex}.ep-create-form .rsvp-toggle input{width:var(--size-badge-min);height:var(--size-badge-min);cursor:pointer}.ep-create-form .form-actions{justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md);display:flex}.ep-create-form .btn-cancel{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-primary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-fg-quaternary);cursor:pointer}.ep-create-form .btn-create{padding:var(--spacing-sm) var(--spacing-composer);border-radius:var(--radius-sm);font-size:var(--text-sm);color:#fff;cursor:pointer;border:none;font-weight:500}.ep-section{padding:var(--spacing-md) var(--spacing-lg)}.ep-section-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);font-size:var(--text-xs);color:var(--color-fg-quinary);letter-spacing:var(--tracking-tight-ui);font-weight:700;display:flex}.ep-events-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.ep-loading,.ep-empty{padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;flex-direction:column;align-items:center;display:flex}.ep-empty p{margin:var(--spacing-md) 0 var(--spacing-xs);font-size:var(--text-sm);color:var(--color-fg-quaternary)}.ep-empty small{font-size:var(--text-xs);color:var(--color-fg-quinary)}.ep-event-card{background:var(--color-bg-primary);border:var(--border-width-default) solid var(--color-border-secondary);border-left:var(--border-width-thick) solid var(--role-color,var(--color-fg-quaternary));border-radius:var(--radius-sm);transition:all .2s;position:relative;overflow:hidden}.ep-event-card:hover{border-color:var(--color-border-primary);box-shadow:var(--shadow-sm);transform:translate(2px)}.event-countdown{top:var(--spacing-sm);right:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-xs);font-size:var(--text-xs);color:var(--color-fg-quaternary);font-weight:600;position:absolute}.event-content{padding:var(--spacing-md)}.event-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding-right:var(--size-badge-reserve);display:flex}.event-role-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.event-icon{font-size:var(--text-md);flex-shrink:0}.event-title{font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:600;overflow:hidden}.event-meta{align-items:center;gap:var(--spacing-md);font-size:var(--text-xs);color:var(--color-fg-quaternary);margin-bottom:var(--spacing-md);display:flex}.meta-time{font-weight:500}.meta-location{align-items:center;gap:var(--spacing-xs);display:flex}.event-rsvp{gap:var(--spacing-sm);display:flex}.event-rsvp .rsvp-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-xs);font-size:var(--text-xs);color:var(--color-fg-quaternary);cursor:pointer;transition:all .2s;display:flex}.event-rsvp .rsvp-btn:hover{background:var(--color-bg-tertiary)}.event-rsvp .rsvp-btn.yes:hover,.event-rsvp .rsvp-btn.yes.active{background:var(--color-bg-success-secondary);border-color:var(--color-bg-success-solid);color:var(--color-fg-success-primary)}.event-rsvp .rsvp-btn.maybe:hover,.event-rsvp .rsvp-btn.maybe.active{background:var(--color-bg-warning-secondary);border-color:var(--color-fg-warning-primary);color:var(--color-fg-warning-primary)}.event-rsvp .rsvp-btn.no:hover,.event-rsvp .rsvp-btn.no.active{background:var(--color-bg-error-secondary);border-color:var(--color-border-error-solid);color:var(--color-fg-error-primary)}.event-rsvp .rsvp-btn .count{padding:1px var(--spacing-xs);background:var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.event-rsvp .rsvp-btn .count{background:color-mix(in srgb, var(--color-text-primary) 8%, transparent)}}.event-rsvp .rsvp-btn .count{border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600}.ep-open-calendar{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-lg);background:var(--color-bg-secondary);border:none;border-top:var(--border-width-default) solid var(--color-border-secondary);font-size:var(--text-sm);cursor:pointer;font-weight:500;transition:all .2s;display:flex}.ep-open-calendar:hover{background:var(--color-bg-tertiary)}@media (width<=768px){.ep-create-form .form-row{grid-template-columns:1fr}.event-rsvp{flex-wrap:wrap}.event-rsvp .rsvp-btn span:not(.count){display:none}}.event-planner-btn{width:100%;padding:var(--spacing-lg) var(--spacing-lg);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;border:none;justify-content:space-between;align-items:center;font-weight:500;transition:all .2s;display:flex}.event-planner-btn:hover{opacity:.9;transform:translateY(calc(-1 * var(--motion-lift-hover)));box-shadow:0 4px 12px var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.event-planner-btn:hover{box-shadow:0 4px 12px color-mix(in srgb, var(--color-text-primary) 15%, transparent)}}.event-planner-btn span{text-align:left;margin-left:var(--spacing-md);flex:1}.birthday-flash{animation:.5s ease-in-out infinite birthdayFlash!important}.birthday-flash-item{animation:.5s ease-in-out infinite birthdayFlashItem!important}.birthday-party-section{margin-top:var(--spacing-lg)}.birthday-party-section .form-row{gap:var(--spacing-md);display:flex}.birthday-party-section input,.birthday-party-section textarea{width:100%;padding:var(--spacing-md) var(--spacing-md);border-radius:var(--radius-sm);border:var(--border-width-default) solid var(--color-border-secondary);font-size:var(--text-sm)}.birthday-party-section input:focus,.birthday-party-section textarea:focus{border-color:var(--color-fg-brand-primary);outline:none}.dietary-input{background:var(--color-bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-sm);border:var(--border-width-default) solid var(--color-border-secondary)}.birthday-invitation-display{transition:all .3s}.birthday-invitation-display:hover{transform:scale(1.02)}.tasks-filters{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.task-filter-btn{padding:var(--spacing-sm) var(--spacing-md);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-lg);background:var(--color-bg-primary);font-size:var(--text-xs);color:var(--color-fg-quaternary);cursor:pointer;transition:all .2s}.task-filter-btn:hover{border-color:var(--color-border-primary)}.task-filter-btn.active{font-weight:500}.tasks-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.tasks-loading{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl);color:var(--color-fg-quinary);flex-direction:column;display:flex}.no-tasks{align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--color-fg-quinary);text-align:center;flex-direction:column;display:flex}.no-tasks p{font-size:var(--text-sm);margin:0}.create-task-btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-weight:500;font-size:var(--text-sm);border:none}.task-card{background:var(--color-bg-secondary);border-radius:var(--radius-sm);padding:var(--spacing-md);border-left:var(--border-width-thick) solid;transition:all .2s;position:relative}.task-card:hover{background:var(--color-bg-tertiary)}.task-card.overdue{background:var(--color-bg-error-primary)}.task-card.critical{animation:2s ease-in-out infinite task-critical-pulse}.task-countdown-badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--text-xs);white-space:nowrap;font-weight:600;display:inline-flex}.task-countdown-badge .countdown-icon{flex-shrink:0}.task-countdown-badge .countdown-icon.pulse{animation:1s ease-in-out infinite icon-pulse}.task-countdown-badge .countdown-text.pulse{animation:1s ease-in-out infinite text-pulse}.task-countdown-badge.overdue,.task-countdown-badge.critical{border:var(--border-width-default) solid var(--color-border-error_subtle);background:var(--color-bg-error-primary)!important;color:var(--color-fg-error-primary)!important}.task-countdown-badge.warning{border:var(--border-width-default) solid var(--color-border-warning);background:var(--color-bg-warning-primary)!important;color:var(--color-fg-warning-primary)!important}.task-countdown-badge.soon{border:var(--border-width-default) solid var(--color-fg-warning-secondary);background:var(--color-bg-warning-primary)!important;color:var(--color-fg-warning-primary)!important}.task-countdown-badge.normal{background:var(--color-bg-tertiary)!important;color:var(--color-fg-quaternary)!important}.task-card.compact{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:0 0;border-left:none;display:flex}.task-title-compact{font-size:var(--text-sm);color:var(--color-fg-quaternary);text-decoration:line-through}.task-card-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.task-status{align-items:center;gap:var(--spacing-xs);font-size:var(--text-xs);font-weight:500;display:flex}.task-actions{position:relative}.task-action-btn{padding:var(--spacing-xs);cursor:pointer;color:var(--color-fg-quinary);border-radius:var(--radius-xs);background:0 0;border:none}.task-action-btn:hover{background:var(--shadow-xs);color:var(--color-fg-quaternary)}.task-menu{background:var(--color-bg-primary);border-radius:var(--radius-sm);box-shadow:0 4px 12px var(--color-text-primary);position:absolute;top:100%;right:0}@supports (color:color-mix(in lab, red, red)){.task-menu{box-shadow:0 4px 12px color-mix(in srgb, var(--color-text-primary) 15%, transparent)}}.task-menu{min-width:var(--size-thumb-md);z-index:100;overflow:hidden}.task-menu button{align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--text-sm);color:var(--color-fg-secondary);cursor:pointer;text-align:left;background:0 0;border:none;display:flex}.task-menu button:hover{background:var(--color-bg-tertiary)}.task-menu button.danger{color:var(--color-fg-error-primary)}.task-menu button.danger:hover{background:var(--color-bg-error-primary)}.task-title{font-size:var(--text-sm);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0;font-weight:500;line-height:1.5rem}.task-meta{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-wrap:wrap;display:flex}.task-meta-item{align-items:center;gap:var(--spacing-xs);font-size:var(--text-xs);color:var(--color-fg-quaternary);display:flex}.task-meta-item.overdue{color:var(--color-fg-error-primary)}.task-countdown{font-weight:500}.task-priority-badge{font-size:var(--text-xs);padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--radius-sm);text-transform:uppercase;font-weight:600}.task-subtasks{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex}.subtasks-progress{background:var(--color-bg-quaternary);border-radius:var(--radius-xs);flex:1;height:4px;overflow:hidden}.subtasks-bar{border-radius:var(--radius-xs);height:100%;transition:width .3s}.subtasks-count{font-size:var(--text-xs);color:var(--color-fg-quaternary);font-weight:500}.photo-required-badge{align-items:center;gap:var(--spacing-xs);font-size:var(--text-xs);color:var(--color-utility-purple-600);background:var(--color-utility-purple-100);padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);display:inline-flex}.task-card-actions{gap:var(--spacing-sm);margin-top:var(--spacing-md);display:flex}.task-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-xs);font-size:var(--text-xs);cursor:pointer;font-weight:500;transition:all .2s;display:flex}.task-btn.accept{color:#fff;border:none}.task-btn.progress{background:var(--color-bg-primary);border:var(--border-width-default) solid}.task-btn.complete{color:#fff;border:none}.task-btn.discuss{background:var(--color-bg-tertiary);color:var(--color-fg-quaternary);padding:var(--spacing-sm) var(--spacing-sm);border:none}.task-btn.discuss:hover{background:var(--color-bg-quaternary)}.task-btn:disabled{opacity:.5;cursor:not-allowed}.show-completed-btn{width:100%;padding:var(--spacing-sm);margin-top:var(--spacing-sm);border:1px dashed var(--color-border-primary);border-radius:var(--radius-sm);color:var(--color-fg-quaternary);font-size:var(--text-xs);cursor:pointer;background:0 0;transition:all .2s}.show-completed-btn:hover{border-color:var(--color-border-primary);background:var(--color-bg-secondary)}.completed-tasks{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:var(--border-width-default) solid var(--color-border-secondary)}.completed-header{font-size:var(--text-xs);color:var(--color-fg-quaternary);margin-bottom:var(--spacing-sm);font-weight:500}.task-create-modal,.task-complete-modal,.template-manager-modal{background:var(--color-bg-primary);border-radius:var(--radius-lg);width:90%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-modal);overflow-y:auto}.template-manager-modal{max-width:600px}.task-create-modal .modal-header,.task-complete-modal .modal-header,.template-manager-modal .modal-header{padding:var(--spacing-composer) var(--spacing-xl);border-bottom:var(--border-width-default) solid var(--color-border-secondary);justify-content:space-between;align-items:center;display:flex}.template-manager-modal .header-title{align-items:center;gap:var(--spacing-md);display:flex}.task-create-modal .modal-header h2,.task-complete-modal .modal-header h2,.template-manager-modal .modal-header h2{align-items:center;gap:var(--spacing-sm);font-size:var(--text-lg);color:var(--color-text-primary);margin:0;font-weight:600;display:flex}.task-create-modal form,.task-complete-modal .modal-content{padding:var(--spacing-xl)}.task-info{background:var(--color-bg-secondary);border-radius:var(--radius-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.task-info h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--text-md);color:var(--color-text-primary)}.task-info p{font-size:var(--text-sm);color:var(--color-fg-quaternary);margin:0}.assignment-options{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);display:grid}.assignment-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-md);border:var(--border-width-default) solid var(--color-border-primary);border-radius:var(--radius-sm);background:var(--color-bg-primary);font-size:var(--text-sm);color:var(--color-fg-secondary);cursor:pointer;transition:all .2s;display:flex}.assignment-btn:hover{border-color:var(--color-border-primary)}.assignment-btn.active{font-weight:500}.subtasks-input{gap:var(--spacing-sm);display:flex}.subtasks-input input{flex:1}.subtasks-input button{padding:var(--spacing-md);border:var(--border-width-default) solid var(--color-border-primary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;transition:all .2s}.subtasks-input button:hover{border-color:var(--color-border-primary)}.subtasks-list{margin:var(--spacing-sm) 0 0 0;padding:0;list-style:none}.subtasks-list li{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-xs);margin-bottom:var(--spacing-xs);font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.subtasks-list li button{padding:var(--spacing-xs);color:var(--color-fg-quinary);cursor:pointer;background:0 0;border:none}.subtasks-list li button:hover{color:var(--color-fg-error-primary)}.checkbox-group input[type=checkbox]{width:var(--size-badge-min);height:var(--size-badge-min);accent-color:var(--module-color)}.photo-upload-area{border:2px dashed var(--color-border-primary);border-radius:var(--radius-sm);padding:var(--spacing-lg);text-align:center}.photo-previews{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.photo-preview{width:var(--size-layout-80);height:var(--size-layout-80);border-radius:var(--radius-sm);position:relative;overflow:hidden}.photo-preview img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.remove-photo{top:var(--spacing-xs);right:var(--spacing-xs);border-radius:var(--radius-full);width:var(--size-line-min);height:var(--size-line-min);color:#fff;cursor:pointer;background:#0009;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.upload-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-composer);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-fg-secondary);font-size:var(--text-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex}.upload-btn:hover:not(:disabled){background:var(--color-bg-quaternary)}.photo-hint{margin-top:var(--spacing-sm);font-size:var(--text-xs);color:var(--color-utility-purple-600)}.required{color:var(--color-fg-error-primary);margin-left:var(--spacing-xxs)}.form-error{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-error-primary);border:var(--border-width-default) solid var(--color-border-error_subtle);border-radius:var(--radius-sm);color:var(--color-fg-error-primary);font-size:var(--text-sm);margin-bottom:var(--spacing-lg)}.task-create-modal .modal-actions,.task-complete-modal .modal-actions{justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-top:var(--border-width-default) solid var(--color-border-secondary);display:flex}.cancel-btn{padding:var(--spacing-md) var(--spacing-composer);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-fg-secondary);cursor:pointer;border:none;font-weight:500;transition:all .2s}.submit-btn{padding:var(--spacing-md) var(--spacing-composer);border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;font-weight:500;transition:all .2s}.submit-btn:hover:not(:disabled){filter:brightness(.95)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{z-index:1000;padding:var(--spacing-composer);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@media (width<=768px){.form-row,.assignment-options{grid-template-columns:1fr}.task-create-modal,.task-complete-modal{border-radius:0;width:100%;max-height:100vh}}.template-manager-content{padding:var(--spacing-composer) var(--spacing-xl)}.template-error{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);margin:0 var(--spacing-xl) var(--spacing-lg);background:var(--color-bg-error-primary);border:var(--border-width-default) solid var(--color-border-error_subtle);border-radius:var(--radius-sm);color:var(--color-fg-error-primary);font-size:var(--text-sm);display:flex}.template-error button{color:var(--color-fg-error-primary);cursor:pointer;font-size:var(--text-lg);background:0 0;border:none;margin-left:auto;line-height:1}.template-list-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.template-list-header span{font-size:var(--text-sm);color:var(--color-fg-quaternary)}.create-template-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-size:var(--text-sm);color:#fff;cursor:pointer;border:none;font-weight:500;transition:opacity .2s;display:flex}.create-template-btn:hover{opacity:.9}.templates-list{gap:var(--spacing-md);flex-direction:column;display:flex}.template-card{background:var(--color-bg-secondary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-md);transition:border-color .2s;overflow:hidden}.template-card:hover{border-color:var(--color-border-primary)}.template-card-header{padding:var(--spacing-lg) var(--spacing-lg);cursor:pointer;justify-content:space-between;align-items:center;display:flex}.template-info h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--text-sm);color:var(--color-text-primary);font-weight:600}.template-info .template-title{font-size:var(--text-xs);color:var(--color-fg-quaternary);margin:0}.template-meta{align-items:center;gap:var(--spacing-md);display:flex}.template-meta .priority-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600}.template-details{padding:0 var(--spacing-lg) var(--spacing-lg);border-top:var(--border-width-default) solid var(--color-border-secondary);background:var(--color-bg-primary)}.template-description{margin:var(--spacing-lg) 0;font-size:var(--text-sm);color:var(--color-fg-tertiary);line-height:1.5}.template-attributes{gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.template-attributes .attribute{align-items:center;gap:var(--spacing-xs);font-size:var(--text-xs);color:var(--color-fg-quaternary);display:flex}.template-subtasks{margin:var(--spacing-md) 0;padding:var(--spacing-md) var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.template-subtasks .subtasks-label{font-size:var(--text-xs);color:var(--color-fg-quaternary);margin-bottom:var(--spacing-sm);text-transform:uppercase;font-weight:600;display:block}.template-subtasks ul{padding-left:var(--spacing-composer);margin:0}.template-subtasks li{font-size:var(--text-xs);color:var(--color-fg-tertiary);margin:var(--spacing-xs) 0}.template-footer{padding-top:var(--spacing-md);border-top:var(--border-width-default) solid var(--color-border-secondary)}.template-footer .created-info{align-items:center;gap:var(--spacing-xs);font-size:var(--text-xs);color:var(--color-fg-quinary);display:flex}.template-actions{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);display:flex}.template-actions .use-btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-size:var(--text-sm);color:#fff;cursor:pointer;border:none;flex:1;font-weight:500;transition:opacity .2s}.template-actions .use-btn:hover{opacity:.9}.template-actions .edit-btn,.template-actions .delete-btn{padding:var(--spacing-sm);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-fg-quaternary);cursor:pointer;transition:all .2s}.template-actions .edit-btn:hover{border-color:var(--color-bg-brand-solid);color:var(--color-bg-brand-solid);background:var(--color-bg-brand-primary)}.template-actions .delete-btn:hover{border-color:var(--color-border-error-solid);color:var(--color-fg-error-primary);background:var(--color-bg-error-primary)}.template-form{padding:0}.template-form h3{margin:0 0 var(--spacing-composer) 0;font-size:var(--text-md);color:var(--color-text-primary);font-weight:600}.template-form .form-actions{gap:var(--spacing-md);margin-top:var(--spacing-composer);padding-top:var(--spacing-lg);border-top:var(--border-width-default) solid var(--color-border-secondary);display:flex}.template-form .cancel-btn{padding:var(--spacing-md) var(--spacing-lg);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);background:var(--color-bg-primary);font-size:var(--text-sm);color:var(--color-fg-quaternary);cursor:pointer;flex:1}.template-form .save-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);font-size:var(--text-sm);color:#fff;cursor:pointer;border:none;flex:1;font-weight:500;display:flex}.template-form .save-btn:disabled{opacity:.6;cursor:not-allowed}.template-manager-content .empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-composer)}.template-manager-content .empty-state p{margin:var(--spacing-lg) 0 var(--spacing-xs);font-size:var(--text-md);color:var(--color-fg-secondary);font-weight:500}.template-manager-content .empty-state span{font-size:var(--text-sm);color:var(--color-fg-quinary)}.template-manager-content .loading-state{align-items:center;gap:var(--spacing-md);padding:var(--spacing-3xl) var(--spacing-composer);flex-direction:column;display:flex}.template-manager-content .spinner{width:var(--size-avatar-sm);height:var(--size-avatar-sm);border:var(--border-width-thick) solid;border-radius:var(--radius-full);animation:1s linear infinite spin}.main-content-area .work-universal-feed-layout,.main-content-area.full-width .work-universal-feed-layout,.work-universal-feed-layout{grid-template-columns:1fr var(--size-grid-card-lg);gap:var(--spacing-composer);width:100%;display:grid}.main-content-area .work-feed-main,.work-feed-main{gap:var(--spacing-lg);flex-direction:column;min-width:0;display:flex}.main-content-area .work-feed-tasks,.work-feed-tasks{gap:var(--spacing-lg);top:var(--spacing-composer);max-height:calc(100vh - var(--size-grid-md));flex-direction:column;align-self:start;display:flex;position:sticky;overflow-y:auto}.planner-widget{background:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.planner-header{align-items:center;gap:var(--spacing-sm);font-weight:600;font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:var(--spacing-md);display:flex}.planner-actions{gap:var(--spacing-sm);grid-template-columns:1fr 1fr;display:grid}.planner-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;font-weight:500;transition:all .2s;display:flex}.planner-btn.event-btn{background:var(--color-bg-tertiary);border:var(--border-width-default) solid var(--color-border-secondary);color:var(--color-fg-secondary)}.planner-btn.event-btn:hover{background:var(--color-bg-quaternary)}.planner-btn.task-btn{border:var(--border-width-default) solid}.planner-btn.task-btn:hover{filter:brightness(.95)}.my-orgs-widget{background:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.widget-header{align-items:center;gap:var(--spacing-sm);font-weight:600;font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:var(--spacing-md);display:flex}.orgs-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.org-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-md);border-radius:var(--radius-sm);border:var(--border-width-default) solid var(--color-border-secondary);cursor:pointer;transition:all .2s;display:flex}.org-item:hover{background:var(--color-bg-secondary)}.org-item.active{border-width:2px}.org-avatar{width:var(--size-avatar-sm);height:var(--size-avatar-sm);border-radius:var(--radius-sm);color:#fff;font-weight:600;font-size:var(--text-sm);justify-content:center;align-items:center;display:flex}.org-name{font-size:var(--text-sm);color:var(--color-fg-secondary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}@media (width<=900px){.main-content-area .work-universal-feed-layout,.main-content-area.full-width .work-universal-feed-layout,.work-universal-feed-layout{grid-template-columns:1fr}.main-content-area .work-feed-tasks,.work-feed-tasks{order:-1}}@media (width<=640px){.planner-actions{grid-template-columns:1fr}}.work-world-zone{border-radius:var(--radius-lg);padding:var(--spacing-lg);gap:var(--spacing-lg);min-height:var(--size-modal-sm);background:linear-gradient(#c2410c14 0%,#c2410c08 100%);flex-direction:column;display:flex}.work-world-zone .world-zone-card{background:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.work-world-zone .card-header{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-lg);border-bottom:var(--border-width-default) solid;display:flex}.work-world-zone .card-header h3{font-size:var(--text-xs);letter-spacing:var(--tracking-tight-ui);color:var(--color-fg-secondary);text-transform:uppercase;margin:0;font-weight:700}.work-world-zone .filter-content{padding:var(--spacing-lg)}.work-world-zone .filter-group{margin-bottom:var(--spacing-lg)}.work-world-zone .filter-group:last-child{margin-bottom:0}.work-world-zone .filter-label{align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-fg-tertiary);margin-bottom:var(--spacing-sm);font-weight:500;display:flex}.work-world-zone .filter-select{width:100%;padding:var(--spacing-md) var(--spacing-md);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-primary);cursor:pointer;transition:border-color .2s}.work-world-zone .filter-select:focus{border-color:var(--module-color);outline:none}.work-world-zone .orgs-quick-list{padding:var(--spacing-sm)}.work-world-zone .org-quick-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-md);border-radius:var(--radius-sm);border-left:var(--border-width-thick) solid transparent;cursor:pointer;transition:all .2s;display:flex}.work-world-zone .org-quick-item:hover{background:var(--color-bg-secondary)}.work-world-zone .org-quick-item.active{background:#c2410c14}.work-world-zone .org-quick-avatar{width:var(--size-layout-36);height:var(--size-layout-36);border-radius:var(--radius-sm);color:#fff;font-weight:600;font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.work-world-zone .org-quick-info{flex:1;min-width:0}.work-world-zone .org-quick-name{font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.work-world-zone .org-quick-role{font-size:var(--text-xs);color:var(--color-fg-quaternary)}.work-world-zone .org-quick-arrow{color:var(--color-fg-quinary);flex-shrink:0}.work-world-zone .view-all-btn{width:100%;padding:var(--spacing-md);border:none;border-top:var(--border-width-default) solid var(--color-border-tertiary);font-size:var(--text-sm);cursor:pointer;background:0 0;font-weight:500;transition:background .2s;display:block}.work-world-zone .view-all-btn:hover{background:var(--color-bg-secondary)}.work-world-zone .stats-grid{gap:var(--spacing-md);padding:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.work-world-zone .stat-item{text-align:center}.work-world-zone .stat-value{font-size:var(--text-2xl);font-weight:700;display:block}.work-world-zone .stat-label{font-size:var(--text-xs);color:var(--color-fg-quaternary);margin-top:var(--spacing-xs);display:block}.work-world-zone .quick-actions{padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;display:flex}.work-world-zone .quick-action-btn{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-fg-secondary);cursor:pointer;transition:all .2s;display:flex}.work-world-zone .quick-action-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-primary)}.work-world-zone .quick-action-btn svg{color:var(--module-color)}@media (width<=1024px){.work-world-zone{padding:var(--spacing-md)}.work-world-zone .stats-grid{grid-template-columns:repeat(3,1fr)}}.calendar-filters-panel{margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.filter-toggle-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-primary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-fg-quaternary);cursor:pointer;font-weight:500;transition:all .2s;display:flex}.filter-toggle-btn.active{background:var(--color-bg-success-primary);border-color:currentColor}.filters-dropdown{margin-top:var(--spacing-md);gap:var(--spacing-lg);flex-direction:column;display:flex}.filter-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.filter-group label{align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-fg-secondary);font-weight:600;display:flex}.filter-option{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-primary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-xl);font-size:var(--text-sm);color:var(--color-fg-quaternary);cursor:pointer;transition:all .2s}.filter-option:hover{background:var(--color-bg-tertiary)}.filter-option.active{font-weight:500}.task-indicator{width:var(--size-badge-dot);height:var(--size-badge-dot);border-radius:var(--radius-xs);font-size:var(--text-xs);justify-content:center;align-items:center;line-height:1;display:flex}.calendar-task-item{padding:var(--spacing-md);background:var(--color-bg-primary);border-radius:var(--radius-sm);border-left:var(--border-width-thick) solid;margin-bottom:var(--spacing-md);cursor:pointer;box-shadow:var(--shadow-xs);transition:all .2s}.calendar-task-item:hover{box-shadow:var(--shadow-sm);transform:translate(4px)}.calendar-task-item.completed{opacity:.7}.calendar-task-item.overdue{background:var(--color-bg-error-primary)}.calendar-task-item .task-header{align-items:flex-start;gap:var(--spacing-md);display:flex}.calendar-task-item .task-icon{border-radius:var(--radius-xs);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.calendar-task-item .task-details{flex:1;min-width:0}.calendar-task-item .task-details h5{font-size:var(--text-sm);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0;font-weight:600;line-height:1.25rem}.calendar-task-item .task-meta{gap:var(--spacing-sm);flex-wrap:wrap;align-items:center;display:flex}.calendar-task-item .status-badge,.calendar-task-item .priority-badge{padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:500}.calendar-task-item .countdown-badge{align-items:center;gap:var(--spacing-xs);font-size:var(--text-xs);font-weight:500;display:flex}.calendar-task-item .overdue-badge{align-items:center;gap:var(--spacing-xs);font-size:var(--text-xs);color:var(--color-fg-error-primary);background:var(--color-bg-error-secondary);padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--radius-md);font-weight:500;display:flex}.calendar-task-item .task-assignee{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);font-size:var(--text-xs);color:var(--color-fg-quaternary);display:flex}.calendar-task-item .task-org{margin-top:var(--spacing-xs);font-size:var(--text-xs);color:var(--color-fg-quinary)}.calendar-task-item .task-actions{gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:var(--border-width-default) solid var(--color-border-tertiary);display:flex}.calendar-task-item .task-action-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-xs);color:var(--color-fg-quaternary);cursor:pointer;align-items:center;gap:var(--spacing-xs);font-size:var(--text-xs);border:none;transition:all .2s;display:flex}.calendar-task-item .task-action-btn:hover{background:var(--color-bg-quaternary);color:var(--color-fg-secondary)}.tasks-section,.actions-section{margin-bottom:var(--spacing-lg)}.section-title{align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-fg-secondary);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);border-bottom:var(--border-width-default) solid var(--color-border-secondary);font-weight:600;display:flex}.calendar-legend{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:var(--border-width-default) solid var(--color-border-secondary);display:flex}.calendar-legend .legend-title{font-size:var(--text-sm);color:var(--color-fg-quaternary);font-weight:500}.calendar-legend .legend-items{gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.calendar-legend .legend-item{align-items:center;gap:var(--spacing-sm);font-size:var(--text-xs);color:var(--color-fg-quaternary);display:flex}.calendar-legend .legend-dot{border-radius:var(--radius-full);width:10px;height:10px}.universal-calendar{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:0 4px 20px var(--color-text-primary);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.universal-calendar{box-shadow:0 4px 20px color-mix(in srgb, var(--color-text-primary) 8%, transparent)}}.universal-calendar .calendar-header{padding:var(--spacing-composer) var(--spacing-xl);border-bottom:var(--ring-width-md) solid;justify-content:space-between;align-items:center;display:flex}.universal-calendar .calendar-title{align-items:center;gap:var(--spacing-md);display:flex}.universal-calendar .calendar-title h2{font-size:var(--text-xl);color:var(--color-text-primary);margin:0;font-weight:700}.universal-calendar .close-calendar-btn{width:var(--size-layout-36);height:var(--size-layout-36);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-xl);color:var(--color-fg-quaternary);cursor:pointer;border:none;transition:all .2s}.universal-calendar .close-calendar-btn:hover{background:var(--color-bg-quaternary);color:var(--color-fg-secondary)}.universal-calendar .calendar-content{padding:var(--spacing-composer) var(--spacing-xl)}.universal-calendar .calendar-nav{justify-content:center;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-composer);display:flex}.universal-calendar .calendar-nav .nav-btn{width:var(--size-avatar-sm);height:var(--size-avatar-sm);border:var(--border-width-default) solid var(--color-border-secondary);background:var(--color-bg-primary);border-radius:var(--radius-xs);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.universal-calendar .calendar-nav .nav-btn:hover{background:var(--color-bg-tertiary)}.universal-calendar .current-month{font-size:var(--text-md);color:var(--color-text-primary);min-width:var(--size-dropdown-md);text-align:center;margin:0;font-weight:600}.universal-calendar .calendar-main{grid-template-columns:1fr var(--size-grid-card-lg);gap:var(--spacing-xl);display:grid}.universal-calendar .calendar-grid{flex-direction:column;display:flex}.universal-calendar .weekdays{gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);grid-template-columns:repeat(7,1fr);display:grid}.universal-calendar .weekday{text-align:center;font-size:var(--text-xs);color:var(--color-fg-quaternary);padding:var(--spacing-sm);font-weight:600}.universal-calendar .calendar-days{gap:var(--spacing-xs);grid-template-columns:repeat(7,1fr);display:grid}.universal-calendar .calendar-day{min-height:var(--size-layout-70);padding:var(--spacing-sm);background:var(--color-bg-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;position:relative}.universal-calendar .calendar-day:hover:not(.empty){background:var(--color-bg-tertiary)}.universal-calendar .calendar-day.empty{cursor:default;background:0 0}.universal-calendar .calendar-day.today{background:var(--color-bg-brand-primary)}.universal-calendar .calendar-day.selected{border:var(--ring-width-md) solid}.universal-calendar .day-number{font-size:var(--text-sm);color:var(--color-fg-secondary);width:var(--size-line-min);height:var(--size-line-min);border-radius:var(--radius-full);justify-content:center;align-items:center;font-weight:500;display:inline-flex}.universal-calendar .day-indicators{gap:var(--spacing-xs);margin-top:var(--spacing-xs);flex-wrap:wrap;display:flex}.universal-calendar .action-indicator{border-radius:var(--radius-full);width:8px;height:8px}.universal-calendar .more-indicator{font-size:var(--text-xs);color:var(--color-fg-quaternary);font-weight:500}.universal-calendar .selected-date-panel{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-lg);max-height:500px;overflow-y:auto}.universal-calendar .selected-date-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:var(--border-width-default) solid var(--color-border-secondary);justify-content:space-between;align-items:center;display:flex}.universal-calendar .selected-date-header h4{font-size:var(--text-md);color:var(--color-text-primary);text-transform:capitalize;margin:0;font-weight:600}.universal-calendar .actions-count{font-size:var(--text-xs);color:var(--color-fg-quaternary);background:var(--color-bg-quaternary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md)}.universal-calendar .no-actions{padding:var(--spacing-3xl) var(--spacing-composer);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.universal-calendar .no-actions p{margin:var(--spacing-md) 0 0;color:var(--color-fg-quinary);font-size:var(--text-sm)}.universal-calendar .loading-actions{padding:var(--spacing-3xl);align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.universal-calendar .loading-spinner{width:var(--size-line-min);height:var(--size-line-min);border:var(--ring-width-md) solid var(--color-border-secondary);border-radius:var(--radius-full);border-top-color:currentColor;animation:.8s linear infinite spin}.universal-calendar .calendar-action-item{padding:var(--spacing-md);background:var(--color-bg-primary);border-radius:var(--radius-sm);border-left:var(--border-width-thick) solid;margin-bottom:var(--spacing-md);box-shadow:var(--shadow-xs)}.universal-calendar .calendar-action-item.completed{opacity:.6}.universal-calendar .action-header{align-items:flex-start;gap:var(--spacing-md);display:flex}.universal-calendar .action-icon{border-radius:var(--radius-xs);background:var(--color-bg-tertiary);justify-content:center;align-items:center;width:28px;height:28px;display:flex}.universal-calendar .action-details{flex:1}.universal-calendar .action-details h5{font-size:var(--text-sm);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;font-weight:600}.universal-calendar .action-meta{gap:var(--spacing-md);font-size:var(--text-xs);color:var(--color-fg-quaternary);display:flex}.universal-calendar .action-meta span{align-items:center;gap:var(--spacing-xs);display:flex}.universal-calendar .action-description{margin:var(--spacing-sm) 0 0;font-size:var(--text-sm);color:var(--color-fg-quaternary);line-height:1.5rem}.universal-calendar .action-group{margin-top:var(--spacing-sm);font-size:var(--text-xs);color:var(--color-fg-quinary)}@media (width<=900px){.universal-calendar .calendar-main{grid-template-columns:1fr}.universal-calendar .selected-date-panel{max-height:var(--size-grid-card)}.calendar-legend{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}}@media (width<=600px){.universal-calendar .calendar-day{min-height:var(--size-grid-xs);padding:var(--spacing-xs)}.universal-calendar .day-number{font-size:var(--text-xs);width:var(--size-badge-dot);height:var(--size-badge-dot)}.filter-options{gap:var(--spacing-xs)}.filter-option{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-xs)}}.news-world-zone{gap:var(--spacing-lg);flex-direction:column;display:flex}.social-stats-widget .stats-grid{gap:var(--spacing-sm);margin-top:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.social-stats-widget .stat-item{text-align:center;padding:var(--spacing-md) var(--spacing-sm);background:var(--color-bg-secondary);border-radius:var(--radius-sm);transition:all .2s}.social-stats-widget .stat-item.clickable:hover{background:var(--color-border-secondary);transform:translateY(-2px)}.social-stats-widget .stat-number{font-size:var(--text-xl);font-weight:700;line-height:1.2;display:block}.social-stats-widget .stat-label{font-size:var(--text-xs);color:var(--color-fg-quaternary);margin-top:var(--spacing-xs);display:block}.friend-requests-widget .badge{padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--text-xs);color:#fff;margin-left:auto;font-weight:600}.requests-list{gap:var(--spacing-md);margin-top:var(--spacing-md);flex-direction:column;display:flex}.request-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-sm);display:flex}.request-avatar{width:var(--size-layout-40);height:var(--size-layout-40);border-radius:var(--radius-full);flex-shrink:0;overflow:hidden}.request-avatar img,.request-avatar .avatar-placeholder{-o-object-fit:cover;object-fit:cover;color:#fff;width:100%;height:100%;font-weight:600;font-size:var(--text-md);justify-content:center;align-items:center;display:flex}.request-info{flex:1;min-width:0}.request-name{font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.request-message{font-size:var(--text-xs);color:var(--color-fg-quaternary);white-space:nowrap;text-overflow:ellipsis;margin-top:var(--spacing-xxs);display:block;overflow:hidden}.request-actions{gap:var(--spacing-sm);display:flex}.request-actions .btn-accept,.request-actions .btn-reject{border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.request-actions .btn-accept{background:var(--color-fg-success-primary);color:#fff}.request-actions .btn-accept:hover{background:var(--color-bg-success-solid_hover);transform:scale(1.1)}.request-actions .btn-reject{background:var(--color-bg-tertiary);color:var(--color-fg-quaternary)}.request-actions .btn-reject:hover{background:var(--color-bg-error-solid);color:#fff;transform:scale(1.1)}.online-friends-widget .friends-list,.suggestions-widget .suggestions-list{gap:var(--spacing-sm);margin-top:var(--spacing-md);flex-direction:column;display:flex}.friend-item,.suggestion-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:all .2s;display:flex}.friend-item:hover,.suggestion-item:hover{background:var(--color-bg-tertiary)}.friend-avatar,.suggestion-avatar{width:var(--size-layout-36);height:var(--size-layout-36);border-radius:var(--radius-full);flex-shrink:0;position:relative;overflow:hidden}.friend-avatar img,.suggestion-avatar img,.friend-avatar .avatar-placeholder,.suggestion-avatar .avatar-placeholder{-o-object-fit:cover;object-fit:cover;color:#fff;width:100%;height:100%;font-weight:600;font-size:var(--text-sm);justify-content:center;align-items:center;display:flex}.friend-avatar .online-dot{background:var(--color-fg-success-primary);border:var(--ring-width-md) solid white;border-radius:var(--radius-full);width:10px;height:10px;position:absolute;bottom:0;right:0}.friend-info,.suggestion-info{flex:1;min-width:0}.friend-name,.suggestion-name{font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;display:block;overflow:hidden}.mutual-count{font-size:var(--text-xs);color:var(--color-fg-quaternary);margin-top:var(--spacing-xxs);display:block}.message-btn{border-radius:var(--radius-full);background:var(--color-bg-tertiary);width:28px;height:28px;color:var(--color-fg-quaternary);cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.message-btn:hover{background:var(--color-bg-quaternary);color:var(--color-text-primary)}.suggestion-actions{gap:var(--spacing-xs);flex-direction:column;display:flex}.suggestion-actions .btn-add-friend{border-radius:var(--radius-full);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.suggestion-actions .btn-add-friend:hover{opacity:.9;transform:scale(1.1)}.suggestion-actions .btn-follow{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);border:var(--border-width-default) solid var(--color-border-primary);font-size:var(--text-xs);color:var(--color-fg-quaternary);cursor:pointer;background:0 0;font-weight:500;transition:all .2s}.suggestion-actions .btn-follow:hover{border-color:var(--color-bg-brand-solid_hover);color:var(--color-bg-brand-solid_hover);background:#1d4ed80d}.view-all-btn{justify-content:center;align-items:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-md);margin-top:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-fg-tertiary);cursor:pointer;border:none;font-weight:500;transition:all .2s;display:flex}.view-all-btn:hover{background:var(--color-bg-quaternary);color:var(--color-text-primary)}.people-discovery{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:900px;margin:0 auto}.discovery-header{margin-bottom:var(--spacing-composer);justify-content:space-between;align-items:center;display:flex}.discovery-header .header-title{align-items:center;gap:var(--spacing-md);display:flex}.discovery-header .header-title h2{font-size:var(--text-2xl);color:var(--color-text-primary);margin:0;font-weight:600}.discovery-header .header-actions{gap:var(--spacing-sm);display:flex}.discovery-header .refresh-btn,.discovery-header .close-btn{padding:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-fg-quaternary);border:none;transition:all .2s}.discovery-header .refresh-btn:hover,.discovery-header .close-btn:hover{background:var(--color-bg-quaternary);color:var(--color-fg-secondary)}.discovery-search{margin-bottom:var(--spacing-lg);position:relative}.discovery-search .search-icon{color:var(--color-fg-quinary);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.discovery-search .search-input{width:100%;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-md) var(--size-avatar-md);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-md);font-size:var(--text-md);transition:all .2s}.discovery-search .search-input:focus{border-color:var(--color-bg-brand-solid);outline:none;box-shadow:0 0 0 3px #3b82f61a}.discovery-search .search-loader{color:var(--color-fg-quinary);position:absolute;top:50%;right:14px;transform:translateY(-50%)}.search-results{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.search-results h4{margin:0 0 var(--spacing-md);font-size:var(--text-sm);color:var(--color-fg-quaternary);font-weight:600}.search-results .results-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.discovery-filters{gap:var(--spacing-sm);margin-bottom:var(--spacing-composer);flex-wrap:wrap;display:flex}.discovery-filters .filter-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:var(--border-width-default) solid var(--color-border-secondary);background:var(--color-bg-primary);border-radius:var(--radius-xl);font-size:var(--text-sm);color:var(--color-fg-quaternary);cursor:pointer;font-weight:500;transition:all .2s;display:flex}.discovery-filters .filter-btn:hover{border-color:var(--color-border-primary);background:var(--color-bg-secondary)}.discovery-filters .filter-btn.active{border-color:#0000}.discovery-filters .filter-count{background:var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.discovery-filters .filter-count{background:color-mix(in srgb, var(--color-text-primary) 10%, transparent)}}.discovery-filters .filter-count{padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--text-xs)}.person-card{padding:var(--spacing-composer);background:var(--color-bg-secondary);border-radius:var(--radius-lg);flex-direction:column;align-items:center;transition:all .2s;display:flex;position:relative}.person-card:hover{background:var(--color-bg-tertiary);transform:translateY(-2px)}.person-card.compact{padding:var(--spacing-md);gap:var(--spacing-md);flex-direction:row}.person-card .dismiss-btn{top:var(--spacing-sm);right:var(--spacing-sm);padding:var(--spacing-xs);color:var(--color-fg-quinary);cursor:pointer;border-radius:var(--radius-xs);opacity:0;background:0 0;border:none;transition:all .2s;position:absolute}.person-card:hover .dismiss-btn{opacity:1}.person-card .dismiss-btn:hover{background:var(--color-bg-quaternary);color:var(--color-fg-quaternary)}.person-avatar{border-radius:var(--radius-full);flex-shrink:0;width:48px;height:48px;overflow:hidden}.person-avatar.large{width:var(--size-layout-80);height:var(--size-layout-80);margin-bottom:var(--spacing-md)}.person-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.person-avatar .avatar-placeholder{color:#fff;width:100%;height:100%;font-weight:600;font-size:var(--text-xl);justify-content:center;align-items:center;display:flex}.person-avatar.large .avatar-placeholder{font-size:var(--text-display-stat)}.person-card .person-info{text-align:center;margin-bottom:var(--spacing-md);flex:1;min-width:0}.person-card.compact .person-info{text-align:left;margin-bottom:0}.person-name{color:var(--color-text-primary);font-weight:600;font-size:var(--text-md);transition:color .2s;display:block}.person-name:hover{color:var(--color-bg-brand-solid)}.person-username{font-size:var(--text-sm);color:var(--color-fg-quinary);margin-top:var(--spacing-xxs);display:block}.suggestion-reasons{justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);flex-wrap:wrap;display:flex}.reason-tag{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--color-bg-primary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-fg-quaternary);display:inline-flex}.reason-tag svg{color:var(--color-fg-quinary)}.person-actions{gap:var(--spacing-sm);flex-direction:column;width:100%;display:flex}.person-actions .btn-add-friend{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);font-size:var(--text-sm);color:#fff;cursor:pointer;border:none;font-weight:500;transition:opacity .2s;display:flex}.person-actions .btn-add-friend:hover:not(:disabled){opacity:.9}.person-actions .btn-add-friend:disabled{cursor:not-allowed}.person-actions .btn-follow{padding:var(--spacing-sm) var(--spacing-lg);border:var(--border-width-default) solid var(--color-border-secondary);background:var(--color-bg-primary);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-fg-quaternary);cursor:pointer;font-weight:500;transition:all .2s}.person-actions .btn-follow:hover{background:var(--color-bg-tertiary);color:var(--color-fg-secondary)}.person-card.compact .btn-add{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;flex-shrink:0}.discovery-content .loading-state,.discovery-content .empty-state{padding:var(--size-badge-reserve) var(--spacing-composer);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.discovery-content .loading-state p,.discovery-content .empty-state p{margin:var(--spacing-lg) 0 0;color:var(--color-fg-quaternary)}.discovery-content .empty-state button{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-fg-secondary);cursor:pointer;border:none}.discovery-content .empty-state button:hover{background:var(--color-bg-quaternary)}@media (width<=768px){.people-discovery{padding:var(--spacing-lg)}.suggestions-grid{grid-template-columns:1fr}.discovery-filters{padding-bottom:var(--spacing-sm);flex-wrap:nowrap;overflow-x:auto}.discovery-filters .filter-btn{flex-shrink:0}}.search-people-widget .search-input{width:100%;padding:var(--spacing-md) var(--spacing-md);margin-top:var(--spacing-md);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm);transition:all .2s}.search-people-widget .search-input:focus{border-color:var(--color-bg-brand-solid_hover);outline:none;box-shadow:0 0 0 3px #1d4ed81a}.friends-page{max-width:100%;padding:var(--spacing-xl);margin:0 auto}.friends-page-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);display:flex}.friends-page-header .back-btn{width:var(--size-layout-36);height:var(--size-layout-36);border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-fg-secondary);cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.friends-page-header .back-btn:hover{background:var(--color-bg-quaternary)}.friends-page-header h1{font-size:var(--text-2xl);color:var(--color-text-primary);margin:0;font-weight:700}.friends-tabs{gap:var(--spacing-xs);border-bottom:var(--border-width-default) solid var(--color-border-secondary);margin-bottom:var(--spacing-xl);display:flex;overflow-x:auto}.friends-tabs .tab-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);color:var(--color-fg-quaternary);font-size:var(--text-sm);cursor:pointer;border:none;border-bottom:var(--ring-width-md) solid transparent;white-space:nowrap;background:0 0;font-weight:500;transition:all .2s;display:flex}.friends-tabs .tab-btn:hover{color:var(--color-fg-secondary);background:var(--color-bg-secondary)}.friends-tabs .tab-btn.active{color:var(--color-bg-brand-solid_hover);border-bottom-color:var(--color-bg-brand-solid_hover)}.friends-tabs .tab-count{padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--radius-md);background:var(--color-bg-quaternary);font-size:var(--text-xs);color:var(--color-fg-secondary);font-weight:600}.friends-tabs .tab-btn.active .tab-count{background:var(--color-bg-brand-solid_hover);color:#fff}.friends-grid{grid-template-columns:repeat(auto-fill, minmax(var(--size-card-min), 1fr));gap:var(--spacing-lg);display:grid}.friend-card,.request-card{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-bg-primary);border-radius:var(--radius-md);border:var(--border-width-default) solid var(--color-border-secondary);transition:all .2s;display:flex}.friend-card:hover,.request-card:hover{border-color:var(--color-border-primary);box-shadow:0 4px 12px var(--shadow-xs)}.friend-card-avatar,.request-card-avatar{border-radius:var(--radius-full);flex-shrink:0;width:56px;height:56px;position:relative;overflow:hidden}.friend-card-avatar img,.request-card-avatar img,.friend-card-avatar .avatar-placeholder,.request-card-avatar .avatar-placeholder{-o-object-fit:cover;object-fit:cover;color:#fff;width:100%;height:100%;font-weight:600;font-size:var(--text-xl);justify-content:center;align-items:center;display:flex}.friend-card-avatar .online-indicator{bottom:var(--ring-width-md);right:var(--ring-width-md);background:var(--color-fg-success-primary);border:var(--border-width-thick) solid white;border-radius:var(--radius-full);width:14px;height:14px;position:absolute}.friend-card-info,.request-card-info{flex:1;min-width:0}.friend-name,.request-name{font-size:var(--text-md);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;font-weight:600}.friend-bio{font-size:var(--text-sm);color:var(--color-fg-quaternary);margin:0 0 var(--spacing-xs) 0;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.friend-since,.followed-since,.mutual-friends{font-size:var(--text-xs);color:var(--color-fg-quinary);display:block}.request-message{font-size:var(--text-sm);color:var(--color-fg-quaternary);margin:var(--spacing-xs) 0;font-style:italic}.request-date{font-size:var(--text-xs);color:var(--color-fg-quinary)}.friend-card-actions,.request-card-actions{gap:var(--spacing-sm);flex-direction:column;align-items:flex-end;display:flex}.action-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;border:none;font-weight:500;transition:all .2s;display:flex}.action-btn.message-btn{background:var(--color-bg-tertiary);color:var(--color-fg-secondary)}.action-btn.message-btn:hover{background:var(--color-bg-quaternary)}.action-btn.remove-btn{background:var(--color-bg-error-primary);color:var(--color-fg-error-primary)}.action-btn.remove-btn:hover{background:var(--color-bg-error-secondary)}.action-btn.primary-btn{background:var(--color-bg-brand-solid_hover);color:#fff}.action-btn.primary-btn:hover{opacity:.9}.action-btn.follow-btn{border:var(--border-width-default) solid var(--color-border-primary);color:var(--color-fg-secondary);background:0 0}.action-btn.follow-btn:hover{border-color:var(--color-bg-brand-solid_hover);color:var(--color-bg-brand-solid_hover)}.action-btn.unfollow-btn{background:var(--color-bg-tertiary);color:var(--color-fg-quaternary)}.action-btn.unfollow-btn:hover{background:var(--color-bg-error-primary);color:var(--color-fg-error-primary)}.action-btn.accept-btn{background:var(--color-fg-success-primary);color:#fff}.action-btn.accept-btn:hover{background:var(--color-bg-success-solid_hover)}.action-btn.reject-btn,.action-btn.cancel-btn{background:var(--color-bg-tertiary);color:var(--color-fg-quaternary)}.action-btn.reject-btn:hover,.action-btn.cancel-btn:hover{background:var(--color-bg-error-primary);color:var(--color-fg-error-primary)}.status-badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:500}.status-badge.friend-badge{background:var(--color-bg-success-secondary);color:var(--color-bg-success-solid_hover)}.status-badge.pending-badge{background:var(--color-bg-warning-secondary);color:var(--color-fg-warning-primary)}.requests-container{gap:var(--spacing-2xl);flex-direction:column;display:flex}.requests-section .section-title{align-items:center;gap:var(--spacing-sm);font-size:var(--text-md);color:var(--color-fg-secondary);margin:0 0 var(--spacing-lg) 0;font-weight:600;display:flex}.requests-section .count-badge{padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--text-xs);color:#fff;font-weight:600}.requests-section .no-requests{font-size:var(--text-sm);color:var(--color-fg-quinary);padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-sm);text-align:center}.requests-list{gap:var(--spacing-md);flex-direction:column;display:flex}.search-container{gap:var(--spacing-xl);flex-direction:column;display:flex}.search-input-wrapper{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-primary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-md);display:flex}.search-input-wrapper:focus-within{border-color:var(--color-bg-brand-solid_hover);box-shadow:0 0 0 3px #1d4ed81a}.search-input-large{font-size:var(--text-md);color:var(--color-text-primary);border:none;outline:none;flex:1}.search-input-large::placeholder{color:var(--color-fg-quinary)}.search-hint{text-align:center;padding:var(--spacing-4xl);color:var(--color-fg-quinary)}.empty-state{padding:var(--spacing-5xl) var(--spacing-xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state .cta-btn{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-sm);font-size:var(--text-sm);color:#fff;cursor:pointer;border:none;font-weight:500;transition:all .2s}.empty-state .cta-btn:hover{opacity:.9;transform:translateY(calc(-1 * var(--motion-lift-hover)))}.loading-state{padding:var(--spacing-5xl);flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-state .spinner{width:var(--size-layout-40);height:var(--size-layout-40);border:var(--border-width-thick) solid var(--color-border-secondary);border-top-color:var(--color-bg-brand-solid_hover);border-radius:var(--radius-full);animation:1s linear infinite spin}.loading-state p{margin-top:var(--spacing-lg);color:var(--color-fg-quaternary)}@media (width<=600px){.friends-page{padding:var(--spacing-lg)}.friends-grid{grid-template-columns:1fr}.friend-card,.request-card{text-align:center;flex-direction:column}.friend-card-actions,.request-card-actions{flex-direction:row;justify-content:center;width:100%}}.channels-page{max-width:100%;padding:var(--spacing-xl);margin:0 auto}.channels-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.channels-header h1{font-size:var(--text-2xl);color:var(--color-text-primary);margin:0;font-weight:700}.create-channel-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-composer);border-radius:var(--radius-sm);color:#fff;font-size:var(--text-sm);cursor:pointer;border:none;font-weight:500;transition:all .2s;display:flex}.create-channel-btn:hover{opacity:.9;transform:translateY(calc(-1 * var(--motion-lift-hover)))}.channels-tabs{gap:var(--spacing-xs);border-bottom:var(--border-width-default) solid var(--color-border-secondary);margin-bottom:var(--spacing-xl);display:flex}.channels-filters{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.categories-filter{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.category-btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-xl);border:var(--border-width-default) solid var(--color-border-secondary);background:var(--color-bg-primary);font-size:var(--text-sm);color:var(--color-fg-secondary);cursor:pointer;white-space:nowrap;font-weight:500;transition:all .2s}.category-btn:hover{border-color:var(--color-border-primary);background:var(--color-bg-secondary)}.category-btn.active{border-color:#0000}.channels-grid{grid-template-columns:repeat(auto-fill, minmax(var(--size-grid-card-lg), 1fr));gap:var(--spacing-lg);display:grid}.channel-card{gap:var(--spacing-lg);padding:var(--spacing-composer);background:var(--color-bg-primary);border-radius:var(--radius-md);border:var(--border-width-default) solid var(--color-border-secondary);cursor:pointer;transition:all .2s;display:flex}.channel-card:hover{border-color:var(--color-border-primary);box-shadow:0 4px 12px var(--shadow-xs);transform:translateY(-2px)}.channel-avatar{border-radius:var(--radius-md);flex-shrink:0;width:64px;height:64px;position:relative;overflow:hidden}.channel-avatar img,.channel-avatar .avatar-placeholder{-o-object-fit:cover;object-fit:cover;color:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.channel-avatar .verified-badge{width:var(--size-badge-dot);height:var(--size-badge-dot);background:var(--color-fg-success-primary);border:var(--ring-width-md) solid white;border-radius:var(--radius-full);color:#fff;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-2px;right:-2px}.channel-info{flex:1;min-width:0}.channel-header{align-items:center;gap:var(--spacing-sm);display:flex}.channel-name{font-size:var(--text-md);color:var(--color-text-primary);align-items:center;gap:var(--spacing-sm);margin:0;font-weight:600;display:flex}.channel-name .official-icon{color:var(--color-bg-brand-solid_hover)}.channel-description{font-size:var(--text-sm);color:var(--color-fg-quaternary);margin:var(--spacing-sm) 0;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.channel-meta{align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-sm);flex-wrap:wrap;display:flex}.subscribers-count{align-items:center;gap:var(--spacing-xs);font-size:var(--text-xs);color:var(--color-fg-quaternary);display:flex}.channel-categories{gap:var(--spacing-sm);display:flex}.category-tag{padding:var(--spacing-xxs) var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-fg-quaternary)}.channel-actions{align-items:flex-start;display:flex}.subscribe-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-size:var(--text-sm);color:#fff;cursor:pointer;border:none;font-weight:500;transition:all .2s;display:flex}.subscribe-btn:hover{opacity:.9}.subscribe-btn.subscribed{background:var(--color-bg-tertiary);color:var(--color-fg-secondary)}.subscribe-btn.subscribed:hover{background:var(--color-bg-error-primary);color:var(--color-fg-error-primary)}.channel-modal{max-width:500px}.categories-grid{gap:var(--spacing-sm);max-height:var(--size-grid-card);grid-template-columns:repeat(2,1fr);display:grid;overflow-y:auto}.category-checkbox{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-md);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);background:var(--color-bg-primary);font-size:var(--text-sm);cursor:pointer;text-align:left;transition:all .2s;display:flex}.category-checkbox:hover{border-color:var(--color-border-primary);background:var(--color-bg-secondary)}.category-checkbox.selected{border-color:#0000}.category-checkbox .cat-icon{font-size:var(--text-md)}.category-checkbox .cat-label{flex:1}@media (width<=600px){.channels-page{padding:var(--spacing-lg)}.channels-grid{grid-template-columns:1fr}.channel-card{flex-direction:column}.categories-grid{grid-template-columns:1fr}}.channel-card.official-channel{border-color:var(--color-fg-warning-secondary);background:linear-gradient(135deg, var(--color-bg-primary)BEB 0%, white 50%);position:relative}.channel-card.official-channel:before{content:"";background:linear-gradient(90deg, var(--color-fg-warning-primary), var(--color-text-warning-primary));border-radius:var(--radius-md) var(--radius-md) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.channel-card.official-channel:hover{border-color:var(--color-fg-warning-primary);box-shadow:0 4px 16px #b4530926}.official-badge{align-items:center;gap:var(--spacing-xxs);color:var(--color-fg-warning-primary);margin-left:var(--spacing-xs);display:inline-flex}.official-badge .verified-check{color:var(--color-fg-success-primary)}.channel-org-name{align-items:center;gap:var(--spacing-xs);font-size:var(--text-xs);color:var(--color-fg-warning-primary);margin:var(--spacing-xxs) 0 var(--spacing-sm) 0;display:flex}.form-hint.official-hint{align-items:center;gap:var(--spacing-sm);color:var(--color-fg-success-primary);font-size:var(--text-xs);margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-success-primary);border-radius:var(--radius-xs);display:flex}.org-select{width:100%;padding:var(--spacing-md);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--color-bg-primary);cursor:pointer}.org-select:focus{border-color:var(--color-text-warning-primary);outline:none}.label-icon{vertical-align:middle;margin-right:var(--spacing-xs)}.channel-view.official-channel-view .channel-cover{background:linear-gradient(135deg, var(--color-text-warning-primary), var(--color-fg-warning-primary))}.official-banner-badge{bottom:var(--spacing-md);right:var(--spacing-md);align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-xl);font-size:var(--text-xs);color:var(--color-fg-warning-primary);box-shadow:0 2px 8px var(--color-text-primary);background:#fffffff2;font-weight:600;display:flex;position:absolute}@supports (color:color-mix(in lab, red, red)){.official-banner-badge{box-shadow:0 2px 8px color-mix(in srgb, var(--color-text-primary) 15%, transparent)}}.official-title-badge{align-items:center;gap:var(--spacing-xxs);margin-left:var(--spacing-sm);display:inline-flex}.official-title-badge .verified-check{color:var(--color-fg-success-primary)}.channel-organization-info{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-warning-primary);border:var(--border-width-default) solid var(--color-fg-warning-secondary);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);font-size:var(--text-sm);color:var(--color-text-warning-primary);display:flex}.channel-organization-info strong{color:var(--color-fg-warning-primary)}.moderator-modal{width:90%;max-width:500px}.moderator-modal .modal-header h2{align-items:center;gap:var(--spacing-sm);display:flex}.moderator-modal .modal-body{max-height:60vh;padding:var(--spacing-composer);overflow-y:auto}.search-section{margin-bottom:var(--spacing-xl)}.search-section label,.moderators-section label{font-size:var(--text-sm);color:var(--color-fg-secondary);margin-bottom:var(--spacing-sm);font-weight:600;display:block}.search-input-row{gap:var(--spacing-sm);display:flex}.search-input-row input{padding:var(--spacing-md) var(--spacing-lg);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm);flex:1}.search-input-row input:focus{border-color:var(--color-bg-brand-solid_hover);outline:none}.search-input-row button{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;display:flex}.search-results{margin-top:var(--spacing-md);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);max-height:var(--size-label-min);overflow-y:auto}.search-result-item,.moderator-item{padding:var(--spacing-md);border-bottom:var(--border-width-default) solid var(--color-border-tertiary);justify-content:space-between;align-items:center;display:flex}.search-result-item:last-child,.moderator-item:last-child{border-bottom:none}.search-result-item .user-info,.moderator-item .user-info{align-items:center;gap:var(--spacing-md);display:flex}.search-result-item .user-avatar,.moderator-item .user-avatar{width:var(--size-layout-40);height:var(--size-layout-40);border-radius:var(--radius-full);overflow:hidden}.search-result-item .user-avatar img,.search-result-item .user-avatar .avatar-placeholder,.moderator-item .user-avatar img,.moderator-item .user-avatar .avatar-placeholder{-o-object-fit:cover;object-fit:cover;color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-weight:600;display:flex}.user-name{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:500;display:block}.user-email{font-size:var(--text-xs);color:var(--color-fg-quaternary);display:block}.add-mod-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-xs);color:#fff;font-size:var(--text-sm);cursor:pointer;border:none;display:flex}.add-mod-btn:disabled{opacity:.7}.remove-mod-btn{padding:var(--spacing-sm);background:var(--color-bg-error-secondary);color:var(--color-fg-error-primary);border-radius:var(--radius-xs);cursor:pointer;border:none;transition:background .2s}.remove-mod-btn:hover{background:var(--color-bg-error-secondary)}.moderators-section{border-top:var(--border-width-default) solid var(--color-border-secondary);padding-top:var(--spacing-lg)}.moderators-list{border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm)}.mod-permissions{gap:var(--spacing-sm);margin-top:var(--spacing-xs);display:flex}.permission-badge{padding:var(--spacing-xxs) var(--spacing-sm);background:var(--color-bg-brand-primary);color:var(--color-bg-brand-solid);border-radius:var(--radius-xs);font-size:var(--text-xs);font-weight:500}.empty-state-small{padding:var(--spacing-2xl);text-align:center;color:var(--color-fg-quinary)}.empty-state-small p{margin-top:var(--spacing-sm);font-size:var(--text-sm)}.moderator-modal .modal-footer{padding:var(--spacing-lg) var(--spacing-composer);border-top:var(--border-width-default) solid var(--color-border-secondary);text-align:right}.close-action-btn{padding:var(--spacing-md) var(--spacing-composer);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;border:none;transition:background .2s}.close-action-btn:hover{background:var(--color-bg-quaternary)}.channel-settings-modal{flex-direction:column;width:95%;max-width:600px;max-height:85vh;display:flex;overflow:hidden}.channel-settings-modal .modal-header h2{align-items:center;gap:var(--spacing-sm);display:flex}.settings-tabs{border-bottom:var(--border-width-default) solid var(--color-border-secondary);padding:0 var(--spacing-composer);gap:var(--spacing-xs);display:flex}.settings-tab{padding:var(--spacing-md) var(--spacing-lg);border:none;border-bottom:var(--ring-width-md) solid transparent;font-size:var(--text-sm);color:var(--color-fg-quaternary);cursor:pointer;white-space:nowrap;background:0 0;transition:all .2s}.settings-tab:hover{color:var(--color-fg-secondary)}.settings-tab.active{color:var(--color-bg-brand-solid_hover);border-bottom-color:var(--color-bg-brand-solid_hover)}.settings-tab.danger{color:var(--color-fg-error-primary)}.settings-tab.danger.active{color:var(--color-fg-error-primary);border-bottom-color:var(--color-border-error-solid)}.settings-body{padding:var(--spacing-composer);flex:1;overflow-y:auto}.settings-section{gap:var(--spacing-composer);flex-direction:column;display:flex}.char-count{font-size:var(--text-xs);color:var(--color-fg-quinary);text-align:right}.info-banner{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-warning-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-warning-primary);display:flex}.info-banner.official-info{background:linear-gradient(135deg, var(--color-bg-warning-secondary) 0%, var(--color-fg-warning-secondary) 100%)}.appearance-section{gap:var(--spacing-xl)}.image-upload-section{gap:var(--spacing-sm);flex-direction:column;display:flex}.image-upload-section>label{font-size:var(--text-sm);color:var(--color-fg-secondary);font-weight:500}.cover-upload-area{width:100%;height:var(--size-dropdown-md);border-radius:var(--radius-md);border:2px dashed var(--color-border-primary);cursor:pointer;background-position:50%;background-size:cover;transition:border-color .2s;position:relative;overflow:hidden}.cover-upload-area:hover{border-color:var(--color-border-primary)}.cover-upload-area:hover .upload-overlay{opacity:1}.upload-placeholder{justify-content:center;align-items:center;gap:var(--spacing-sm);color:var(--color-fg-quinary);flex-direction:column;display:flex;position:absolute;inset:0}.upload-placeholder span{font-size:var(--text-sm)}.upload-hint{font-size:var(--text-xs);color:var(--color-fg-disabled)}.upload-overlay{justify-content:center;align-items:center;gap:var(--spacing-xs);color:#fff;opacity:0;font-size:var(--text-sm);background:#00000080;flex-direction:column;transition:opacity .2s;display:flex;position:absolute;inset:0}.avatar-upload-container{align-items:center;gap:var(--spacing-lg);display:flex}.avatar-upload-area{width:var(--size-grid-sm);height:var(--size-grid-sm);border-radius:var(--radius-full);cursor:pointer;background-position:50%;background-size:cover;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.avatar-upload-area:hover .avatar-upload-overlay{opacity:1}.avatar-upload-overlay{color:#fff;opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.avatar-upload-info{gap:var(--spacing-xs);color:var(--color-fg-quaternary);font-size:var(--text-sm);flex-direction:column;display:flex}.remove-image-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:var(--border-width-default) solid var(--color-border-error_subtle);border-radius:var(--radius-xs);color:var(--color-fg-error-primary);font-size:var(--text-xs);cursor:pointer;margin-top:var(--spacing-sm);background:0 0;transition:all .2s;display:inline-flex}.categories-grid{grid-template-columns:repeat(auto-fill, minmax(var(--size-grid-card-sm), 1fr));gap:var(--spacing-sm);margin-top:var(--spacing-sm);display:grid}.category-select-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-md);background:var(--color-bg-secondary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;transition:all .2s;display:flex}.category-select-btn:hover{border-color:var(--color-border-primary);background:var(--color-bg-tertiary)}.category-select-btn.selected{background:var(--color-bg-brand-solid_hover);border-color:var(--color-bg-brand-solid_hover);color:#fff}.category-select-btn .cat-icon{font-size:var(--text-md)}.category-select-btn .cat-label{text-align:left;flex:1}.danger-section{background:var(--color-bg-error-primary);padding:var(--spacing-composer);border-radius:var(--radius-md);border:var(--border-width-default) solid var(--color-border-error_subtle)}.danger-warning{gap:var(--spacing-lg);margin-bottom:var(--spacing-composer);display:flex}.danger-warning h4{margin:0 0 var(--spacing-xs) 0;color:var(--color-fg-error-primary);font-size:var(--text-md)}.danger-warning p{color:var(--color-text-error-primary);font-size:var(--text-sm);margin:0}.delete-channel-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-composer);background:var(--color-bg-error-solid_hover);color:#fff;border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;border:none;transition:background .2s;display:flex}.delete-channel-btn:hover{background:var(--color-bg-error-solid_hover)}.delete-confirm-box{background:var(--color-bg-primary);padding:var(--spacing-lg);border-radius:var(--radius-sm);border:var(--border-width-default) solid var(--color-border-error_subtle)}.delete-confirm-box p{margin:0 0 var(--spacing-md) 0;color:var(--color-text-error-primary);font-size:var(--text-sm)}.delete-confirm-actions{gap:var(--spacing-sm);display:flex}.confirm-delete-btn{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-error-solid_hover);color:#fff;border-radius:var(--radius-xs);font-size:var(--text-sm);cursor:pointer;border:none}.confirm-delete-btn:hover:not(:disabled){background:var(--color-bg-error-solid_hover)}.confirm-delete-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-delete-btn{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-tertiary);color:var(--color-fg-secondary);border-radius:var(--radius-xs);font-size:var(--text-sm);cursor:pointer;border:none}.cancel-delete-btn:hover{background:var(--color-bg-quaternary)}.channel-settings-modal .modal-footer{padding:var(--spacing-lg) var(--spacing-composer);border-top:var(--border-width-default) solid var(--color-border-secondary);justify-content:flex-end;gap:var(--spacing-md);display:flex}.cancel-btn{padding:var(--spacing-md) var(--spacing-composer);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;border:none;transition:background .2s}.save-btn{padding:var(--spacing-md) var(--spacing-xl);background:var(--color-bg-brand-solid_hover);color:#fff;border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;border:none;transition:background .2s}.save-btn:hover:not(:disabled){filter:brightness(1.1)}.save-btn:disabled{opacity:.6;cursor:not-allowed}.success-message{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-success-secondary);color:var(--color-text-success-primary);border-radius:var(--radius-sm);font-size:var(--text-sm);display:flex}.share-toast{bottom:var(--spacing-xl);align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-text-success-primary);color:#fff;border-radius:var(--radius-sm);font-size:var(--text-sm);z-index:9999;box-shadow:0 4px 12px var(--color-text-primary);animation:.3s slideUp;display:flex;position:fixed;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.share-toast{box-shadow:0 4px 12px color-mix(in srgb, var(--color-text-primary) 15%, transparent)}}.news-events-panel{background:var(--color-bg-primary);border-radius:var(--radius-md);border:var(--border-width-default) solid var(--color-border-secondary);overflow:hidden}.news-events-header{padding:var(--spacing-lg);border-bottom:var(--border-width-default) solid var(--color-border-secondary);justify-content:space-between;align-items:center;display:flex}.news-events-header h3{align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-fg-secondary);text-transform:uppercase;letter-spacing:var(--tracking-tight-ui);margin:0;font-weight:600;display:flex}.create-event-btn{width:var(--size-avatar-sm);height:var(--size-avatar-sm);border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.create-event-btn:hover{filter:brightness(1.1);transform:scale(1.05)}.create-event-btn-text{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-xs);letter-spacing:var(--tracking-tight-ui);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;font-weight:600;transition:all .2s;display:flex}.create-event-btn-text:hover{background:#1d4ed81a}.news-events-list{padding:var(--spacing-md);max-height:var(--size-modal-sm);overflow-y:auto}.events-loading,.events-empty{padding:var(--spacing-2xl) var(--spacing-lg);color:var(--color-fg-quinary);text-align:center;justify-content:center;align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.events-loading .spin{animation:1s linear infinite spin}.events-empty p{font-size:var(--text-sm);margin:0}.create-first-event-btn{font-size:var(--text-sm);cursor:pointer;margin-top:var(--spacing-sm);background:0 0;border:none;text-decoration:underline}.events-section-label{font-size:var(--text-xs);color:var(--color-fg-quinary);text-transform:uppercase;letter-spacing:var(--tracking-tight-ui);margin-bottom:var(--spacing-md);padding-left:var(--spacing-xs);font-weight:600}.news-event-card{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);cursor:pointer;transition:all .2s;display:flex}.news-event-card:hover{background:var(--color-bg-tertiary);transform:translate(2px)}.news-event-card:last-child{margin-bottom:0}.event-type-indicator{width:var(--size-avatar-sm);height:var(--size-avatar-sm);border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.event-content{flex:1;min-width:0}.event-title{font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:var(--spacing-xxs);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.event-source{font-size:var(--text-xs);color:var(--color-fg-quaternary);margin-bottom:var(--spacing-xs)}.event-source .channel-name{color:var(--color-bg-brand-solid_hover)}.event-source-info{margin-bottom:var(--spacing-sm)}.event-source-row{align-items:center;gap:var(--spacing-sm);display:flex}.event-source-row.clickable{padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) var(--spacing-xs);border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:none;margin:-4px -8px -4px -4px;transition:all .2s}.event-source-row.clickable:hover{background:var(--color-bg-tertiary)}.event-source-row.clickable:hover .event-source-name{text-decoration:underline}.event-source-row .source-link-icon{opacity:0;margin-left:var(--spacing-xxs);color:var(--color-fg-quinary);transition:opacity .2s}.event-source-row.clickable:hover .source-link-icon{opacity:1}.event-source-avatar{width:var(--size-badge-dot);height:var(--size-badge-dot);border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover;flex-shrink:0}.event-source-avatar-placeholder{font-size:var(--text-xs);justify-content:center;align-items:center;display:flex}.event-source-avatar-placeholder.channel{background:linear-gradient(135deg, var(--color-bg-brand-solid_hover) 0%, var(--color-bg-brand-solid) 100%);color:#fff}.event-source-avatar-placeholder.person{background:linear-gradient(135deg, var(--color-bg-success-solid_hover) 0%, var(--color-fg-success-primary) 100%);color:#fff}.event-source-name{font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;max-width:var(--size-dropdown-sm);font-weight:500;overflow:hidden}.event-source-name.channel-source{color:var(--color-bg-brand-solid_hover)}.event-source-name.person-source{color:var(--color-bg-success-solid_hover)}.event-navigate-btn{align-items:center;gap:var(--spacing-xs);font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-sm);margin-top:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-xs);cursor:pointer;border:none;font-weight:500;transition:all .2s;display:inline-flex}.event-navigate-btn:hover{background:var(--color-bg-quaternary)}.event-navigate-btn svg{transition:transform .2s}.event-navigate-btn:hover svg{transform:translate(2px)}.event-time{align-items:center;gap:var(--spacing-xs);font-size:var(--text-xs);color:var(--color-fg-quinary);display:flex}.event-attendees{align-items:center;gap:var(--spacing-xs);font-size:var(--text-xs);color:var(--color-fg-quaternary);margin-top:var(--spacing-xs);display:flex}.event-actions{gap:var(--spacing-xs);flex-direction:column;display:flex}.attend-btn,.remind-btn{border-radius:var(--radius-xs);border:var(--border-width-default) solid var(--color-border-secondary);background:var(--color-bg-primary);width:28px;height:28px;color:var(--color-fg-quaternary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.attend-btn:hover,.remind-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-primary)}.attend-btn.active,.remind-btn.active{border-color:#0000}.news-event-modal{width:95%;max-width:500px}.event-type-selection{padding:var(--spacing-sm) 0}.event-type-selection label{font-size:var(--text-sm);color:var(--color-fg-secondary);margin-bottom:var(--spacing-lg);font-weight:500;display:block}.event-types-grid{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.event-type-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-md);background:var(--color-bg-secondary);border:var(--ring-width-md) solid var(--color-border-secondary);border-radius:var(--radius-md);cursor:pointer;color:var(--color-fg-secondary);flex-direction:column;transition:all .2s;display:flex}.event-type-btn:hover{border-color:var(--type-color);background:var(--color-bg-primary);box-shadow:0 4px 12px var(--color-text-primary);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.event-type-btn:hover{box-shadow:0 4px 12px color-mix(in srgb, var(--color-text-primary) 10%, transparent)}}.event-type-btn .type-emoji{font-size:var(--text-2xl)}.event-type-btn .type-label{font-size:var(--text-xs);font-weight:500}.event-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.selected-type-badge{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-xl);color:#fff;font-size:var(--text-sm);width:fit-content;font-weight:500;display:inline-flex}.selected-type-badge button{border-radius:var(--radius-full);padding:var(--spacing-xxs);cursor:pointer;color:#fff;margin-left:var(--spacing-xs);background:#fff3;border:none;justify-content:center;align-items:center;display:flex}.selected-type-badge button:hover{background:#ffffff4d}.form-row{gap:var(--spacing-md);display:flex}.form-actions{justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-sm);display:flex}.form-actions .cancel-btn{padding:var(--spacing-md) var(--spacing-composer);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;border:none;transition:background .2s}.form-actions .cancel-btn:hover{background:var(--color-bg-quaternary)}.form-actions .submit-btn{padding:var(--spacing-md) var(--spacing-xl);color:#fff;border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;border:none;transition:all .2s}.form-actions .submit-btn:hover:not(:disabled){filter:brightness(1.1)}.form-actions .submit-btn:disabled{opacity:.6;cursor:not-allowed}.news-feed{max-width:680px;padding:0 var(--spacing-lg);margin:0 auto}.main-content-area.full-width .news-feed{max-width:100%}.post-composer{background:var(--color-bg-primary);border-radius:var(--radius-md);border:var(--border-width-default) solid var(--color-border-secondary);padding:var(--spacing-lg);margin-bottom:var(--spacing-composer)}.composer-header{gap:var(--spacing-md);display:flex}.composer-avatar{width:var(--size-avatar-md);height:var(--size-avatar-md);border-radius:var(--radius-full);flex-shrink:0;overflow:hidden}.composer-avatar img,.composer-avatar .avatar-placeholder{-o-object-fit:cover;object-fit:cover;color:#fff;width:100%;height:100%;font-weight:600;font-size:var(--text-lg);justify-content:center;align-items:center;display:flex}.composer-input-wrapper{flex:1}.composer-input-wrapper textarea{resize:none;width:100%;font-size:var(--text-md);color:var(--color-text-primary);border:none;outline:none;font-family:inherit;line-height:1.5}.composer-input-wrapper textarea::placeholder{color:var(--color-fg-quinary)}.composer-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:var(--border-width-default) solid var(--color-border-tertiary);justify-content:space-between;align-items:center;display:flex}.attachment-btn{width:var(--size-layout-36);height:var(--size-layout-36);border-radius:var(--radius-sm);color:var(--color-fg-quaternary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.visibility-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border:var(--border-width-default) solid var(--color-border-secondary);background:var(--color-bg-primary);font-size:var(--text-sm);color:var(--color-fg-secondary);cursor:pointer;transition:all .2s;display:flex}.visibility-btn:hover{border-color:var(--color-border-primary);background:var(--color-bg-secondary)}.visibility-menu{bottom:calc(100% + var(--spacing-sm));width:var(--size-field-min);background:var(--color-bg-primary);border-radius:var(--radius-md);border:var(--border-width-default) solid var(--color-border-secondary);box-shadow:0 10px 25px var(--color-text-primary);position:absolute;right:0}@supports (color:color-mix(in lab, red, red)){.visibility-menu{box-shadow:0 10px 25px color-mix(in srgb, var(--color-text-primary) 10%, transparent)}}.visibility-menu{z-index:100;overflow:hidden}.visibility-option{align-items:flex-start;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);text-align:left;cursor:pointer;background:0 0;border:none;transition:all .2s;display:flex}.visibility-option .option-text{flex-direction:column;display:flex}.visibility-option .option-desc{font-size:var(--text-xs);color:var(--color-fg-quaternary);margin-top:var(--spacing-xxs)}.post-btn{padding:var(--spacing-md) var(--spacing-composer);border-radius:var(--radius-sm);font-size:var(--text-sm);color:#fff;cursor:pointer;border:none;font-weight:500;transition:all .2s}.post-btn:hover:not(:disabled){opacity:.9}.post-card{background:var(--color-bg-primary);border-radius:var(--radius-md);border:var(--border-width-default) solid var(--color-border-secondary);overflow:hidden}.post-header{padding:var(--spacing-lg) var(--spacing-lg) 0;justify-content:space-between;align-items:flex-start;display:flex}.post-author{gap:var(--spacing-md);display:flex}.author-avatar{width:var(--size-avatar-md);height:var(--size-avatar-md);border-radius:var(--radius-full);flex-shrink:0;overflow:hidden}.author-avatar img,.author-avatar .avatar-placeholder{-o-object-fit:cover;object-fit:cover;color:#fff;width:100%;height:100%;font-weight:600;font-size:var(--text-lg);justify-content:center;align-items:center;display:flex}.author-info{flex-direction:column;display:flex}.author-name-row{align-items:center;gap:var(--spacing-sm);display:flex}.author-name{font-size:var(--text-md);color:var(--color-text-primary);font-weight:600}.channel-badge{font-size:var(--text-sm);color:var(--color-fg-quaternary)}.post-meta{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xxs);display:flex}.post-date{font-size:var(--text-sm);color:var(--color-fg-quaternary)}.visibility-badge{color:var(--color-fg-quinary)}.post-menu-wrapper{position:relative}.menu-btn{width:var(--size-avatar-sm);height:var(--size-avatar-sm);border-radius:var(--radius-full);color:var(--color-fg-quaternary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.menu-btn:hover{background:var(--color-bg-tertiary)}.post-menu{background:var(--color-bg-primary);border-radius:var(--radius-sm);border:var(--border-width-default) solid var(--color-border-secondary);box-shadow:var(--shadow-md);z-index:10;position:absolute;top:100%;right:0;overflow:hidden}.post-menu .menu-item{align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--text-sm);color:var(--color-fg-secondary);cursor:pointer;text-align:left;background:0 0;border:none;display:flex}.post-content{padding:var(--spacing-md) var(--spacing-lg)}.post-content p{font-size:var(--text-md);color:var(--color-text-primary);white-space:pre-wrap;margin:0;line-height:1.75rem}.post-actions{gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-lg);display:flex}.post-actions .action-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-fg-quaternary);cursor:pointer;background:0 0;border:none;transition:all .2s;display:flex}.post-actions .action-btn:hover{background:var(--color-bg-tertiary)}.post-actions .action-btn.liked{color:var(--color-fg-error-primary)}.load-more-btn{width:100%;padding:var(--spacing-lg);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);background:var(--color-bg-primary);font-size:var(--text-sm);color:var(--color-fg-secondary);cursor:pointer;font-weight:500;transition:all .2s;display:block}.load-more-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}.channel-view{max-width:100%;margin:0 auto}.channel-header-full{background:var(--color-bg-primary);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);border:var(--border-width-default) solid var(--color-border-secondary);overflow:hidden}.channel-cover{height:var(--size-dropdown-lg);background-position:50%;background-size:cover;position:relative}.back-btn-overlay{top:var(--spacing-lg);left:var(--spacing-lg);width:var(--size-layout-40);height:var(--size-layout-40);border-radius:var(--radius-full);color:#fff;cursor:pointer;background:#00000080;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute}.back-btn-overlay:hover{background:#000000b3}.channel-info-full{gap:var(--spacing-composer);padding:var(--spacing-composer);margin-top:-40px;display:flex;position:relative}.channel-avatar-large{width:var(--size-grid-sm);height:var(--size-grid-sm);border-radius:var(--radius-lg);border:var(--spacing-xs) solid white;box-shadow:var(--shadow-md);flex-shrink:0;position:relative;overflow:hidden}.channel-avatar-large img,.channel-avatar-large .avatar-placeholder{-o-object-fit:cover;object-fit:cover;color:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.verified-badge-large{background:var(--color-fg-success-primary);border:var(--border-width-thick) solid white;border-radius:var(--radius-full);color:#fff;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;bottom:-4px;right:-4px}.channel-details{min-width:0;padding-top:var(--spacing-4xl);flex:1}.channel-title{font-size:var(--text-2xl);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0;align-items:center;gap:var(--spacing-sm);font-weight:700;display:flex}.channel-title .official-icon{color:var(--color-bg-brand-solid_hover)}.channel-description-full{font-size:var(--text-sm);color:var(--color-fg-quaternary);margin:0 0 var(--spacing-md) 0;line-height:1.5}.channel-stats{gap:var(--spacing-composer);margin-bottom:var(--spacing-md);display:flex}.channel-stats .stat{align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-fg-quaternary);display:flex}.channel-stats .stat strong{color:var(--color-text-primary)}.channel-categories-full{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.category-badge{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-fg-quaternary)}.channel-actions-full{gap:var(--spacing-sm);padding-top:var(--spacing-4xl);display:flex}.subscribe-btn-large{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-composer);border-radius:var(--radius-sm);font-size:var(--text-sm);color:#fff;cursor:pointer;border:none;font-weight:500;transition:all .2s;display:flex}.subscribe-btn-large:hover{opacity:.9}.subscribe-btn-large.subscribed{background:var(--color-bg-tertiary);color:var(--color-fg-secondary)}.subscribe-btn-large.subscribed:hover{background:var(--color-bg-error-primary);color:var(--color-fg-error-primary)}.notification-btn,.share-btn,.settings-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);border:var(--border-width-default) solid var(--color-border-secondary);background:var(--color-bg-primary);font-size:var(--text-sm);color:var(--color-fg-secondary);cursor:pointer;transition:all .2s;display:flex}.notification-btn:hover,.share-btn:hover,.settings-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}.notification-btn.active{border-color:#0000}.notification-btn.active:hover{filter:brightness(1.1)}.channel-content{padding:0 var(--spacing-lg)}@media (width<=768px){.channel-info-full{text-align:center;flex-direction:column;align-items:center}.channel-details{padding-top:var(--spacing-md)}.channel-actions-full{padding-top:var(--spacing-md);justify-content:center}.channel-stats,.channel-categories-full{justify-content:center}}.news-user-profile{padding:var(--spacing-composer);max-width:800px;margin:0 auto}.news-user-profile.loading,.news-user-profile.error{min-height:var(--size-grid-card);justify-content:center;align-items:center;gap:var(--spacing-lg);color:var(--color-fg-quaternary);flex-direction:column;display:flex}.news-user-profile .back-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-primary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);color:var(--color-fg-secondary);font-size:var(--text-sm);cursor:pointer;transition:all .2s;display:inline-flex}.news-user-profile .back-btn:hover{background:var(--color-bg-tertiary)}.profile-header-nav{margin-bottom:var(--spacing-composer)}.profile-card{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:0 2px 8px var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.profile-card{box-shadow:0 2px 8px color-mix(in srgb, var(--color-text-primary) 8%, transparent)}}.profile-card{gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);display:flex}.profile-avatar-section{align-items:center;gap:var(--spacing-lg);flex-direction:column;display:flex}.profile-avatar-large{width:var(--size-grid-md);height:var(--size-grid-md);border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover}.profile-avatar-large.placeholder{color:#fff;justify-content:center;align-items:center;display:flex}.profile-actions{gap:var(--spacing-sm);flex-direction:column;width:100%;display:flex}.profile-action-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);border:var(--border-width-default) solid var(--color-border-secondary);background:var(--color-bg-primary);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;font-weight:500;transition:all .2s;display:flex}.profile-action-btn:hover{background:var(--color-bg-tertiary)}.profile-action-btn.active{border-color:#0000}.profile-info{flex:1}.profile-name{font-size:var(--text-2xl);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0;font-weight:700}.profile-bio{font-size:var(--text-sm);color:var(--color-fg-quaternary);margin:0 0 var(--spacing-lg) 0;line-height:1.5}.profile-stats{gap:var(--spacing-composer);margin-bottom:var(--spacing-lg);display:flex}.profile-stats .stat{align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-fg-quaternary);display:flex}.profile-stats .stat strong{color:var(--color-text-primary)}.profile-details{gap:var(--spacing-sm);flex-direction:column;display:flex}.profile-details .detail-item{align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-fg-quaternary);display:flex}.profile-section{background:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--spacing-composer);margin-bottom:var(--spacing-lg);box-shadow:0 1px 4px var(--shadow-xs)}.profile-section h3{align-items:center;gap:var(--spacing-sm);font-size:var(--text-md);color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0;font-weight:600;display:flex}.profile-events-list,.profile-posts-list{gap:var(--spacing-md);flex-direction:column;display:flex}.profile-event-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-sm);display:flex}.profile-event-item .event-date{font-size:var(--text-xs);color:var(--color-fg-quaternary);min-width:var(--size-layout-80)}.profile-event-item .event-title{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:500}.profile-post-item{padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.profile-post-item .post-content{font-size:var(--text-sm);color:var(--color-fg-secondary);margin:0 0 var(--spacing-sm) 0;line-height:1.5}.profile-post-item .post-meta{gap:var(--spacing-lg);font-size:var(--text-xs);color:var(--color-fg-quinary);display:flex}.profile-empty{padding:var(--spacing-3xl);color:var(--color-fg-quinary);align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.posts-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.posts-header h3{margin:0}.posts-tabs{gap:var(--spacing-sm);display:flex}.posts-tabs .tab-btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-xl);border:var(--border-width-default) solid var(--color-border-secondary);background:var(--color-bg-primary);font-size:var(--text-sm);cursor:pointer;color:var(--color-fg-quaternary);font-weight:500;transition:all .2s}.posts-tabs .tab-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-primary)}.posts-tabs .tab-btn.active{border-color:#0000}.post-visibility-badge{font-size:var(--text-xs);margin-bottom:var(--spacing-sm);font-weight:500}.profile-empty-posts{padding:var(--spacing-composer);text-align:center}@media (width<=640px){.profile-card{text-align:center;flex-direction:column;align-items:center}.profile-stats{flex-wrap:wrap;justify-content:center}.profile-details{align-items:center}}.post-composer.enhanced{padding:var(--spacing-lg)}.post-composer.enhanced .composer-header{gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.post-composer.enhanced .composer-avatar{width:var(--size-avatar-md);height:var(--size-avatar-md);border-radius:var(--radius-full);flex-shrink:0;overflow:hidden}.post-composer.enhanced .composer-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.post-composer.enhanced .composer-avatar .avatar-placeholder{color:#fff;width:100%;height:100%;font-weight:600;font-size:var(--text-lg);justify-content:center;align-items:center;display:flex}.post-composer.enhanced .composer-input-wrapper{flex:1}.post-composer.enhanced .composer-input-wrapper textarea{resize:none;width:100%;font-size:var(--text-md);padding:var(--spacing-sm) 0;color:var(--color-text-primary);border:none;outline:none;font-family:inherit;line-height:1.5}.post-composer.enhanced .composer-input-wrapper textarea::placeholder{color:var(--color-fg-quaternary)}.composer-images-preview{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.image-preview-item{width:var(--size-layout-80);height:var(--size-layout-80);border-radius:var(--radius-sm);position:relative;overflow:hidden}.image-preview-item img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.remove-image-btn{top:var(--spacing-xs);right:var(--spacing-xs);border-radius:var(--radius-full);color:#fff;cursor:pointer;background:#0009;border:none;justify-content:center;align-items:center;width:22px;height:22px;transition:background .2s;display:flex;position:absolute}.remove-image-btn:hover{background:#000c}.add-more-images-btn{width:var(--size-layout-80);height:var(--size-layout-80);border:2px dashed var(--color-border-primary);border-radius:var(--radius-sm);background:var(--color-bg-primary);cursor:pointer;color:var(--color-fg-quinary);justify-content:center;align-items:center;transition:all .2s;display:flex}.add-more-images-btn:hover{border-color:var(--color-border-primary);color:var(--color-fg-quaternary)}.composer-youtube-preview{gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.youtube-preview-item{width:var(--size-label-min);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.youtube-thumbnail{width:100%;height:112px;position:relative}.youtube-thumbnail img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.youtube-thumbnail .play-overlay{border-radius:var(--radius-full);width:48px;height:48px;padding-left:var(--spacing-xs);background:#ff0000e6;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.remove-youtube-btn{top:var(--spacing-sm);right:var(--spacing-sm);width:var(--size-line-min);height:var(--size-line-min);border-radius:var(--radius-full);color:#fff;cursor:pointer;background:#0009;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.composer-link-previews{gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.link-preview-item{gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-md);display:flex;position:relative}.link-preview-image{width:var(--size-grid-sm);height:var(--size-layout-80);border-radius:var(--radius-sm);flex-shrink:0;overflow:hidden}.link-preview-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.link-preview-content{flex:1;min-width:0}.link-preview-site{font-size:var(--text-xs);color:var(--color-fg-quaternary);text-transform:uppercase;margin-bottom:var(--spacing-xs)}.link-preview-title{font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.link-preview-desc{font-size:var(--text-xs);color:var(--color-fg-quaternary);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.remove-link-btn{top:var(--spacing-sm);right:var(--spacing-sm);width:var(--size-line-min);height:var(--size-line-min);border-radius:var(--radius-full);background:var(--color-bg-quaternary);color:var(--color-fg-secondary);cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute}.remove-link-btn:hover{background:var(--color-bg-quaternary)}.link-input-wrapper{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);display:flex}.link-input-wrapper input{font-size:var(--text-sm);background:0 0;border:none;outline:none;flex:1}.add-link-btn,.cancel-link-btn{width:var(--size-avatar-sm);height:var(--size-avatar-sm);border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.add-link-btn{background:var(--color-bg-brand-solid_hover);color:#fff}.add-link-btn:disabled{background:var(--color-bg-quaternary);cursor:not-allowed}.cancel-link-btn{background:var(--color-bg-quaternary);color:var(--color-fg-secondary)}.emoji-picker{gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-sm);border:var(--border-width-default) solid var(--color-border-secondary);z-index:10;flex-wrap:wrap;display:flex;position:relative}.emoji-btn{width:var(--size-avatar-sm);height:var(--size-avatar-sm);font-size:var(--text-lg);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;transition:background .2s}.emoji-btn:hover{background:var(--color-bg-quaternary)}.composer-footer{padding-top:var(--spacing-md);border-top:var(--border-width-default) solid var(--color-border-secondary);justify-content:space-between;align-items:center;display:flex}.composer-attachments{gap:var(--spacing-xs);display:flex}.attachment-btn{width:var(--size-layout-40);height:var(--size-layout-40);border-radius:var(--radius-full);cursor:pointer;color:var(--color-fg-quaternary);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.attachment-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.attachment-btn.active{background:var(--color-bg-quaternary)}.attachment-count{background:var(--color-bg-brand-solid_hover);color:#fff;font-size:var(--text-xs);min-width:var(--size-badge-min);height:var(--size-badge-min);border-radius:var(--radius-sm);justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;top:0;right:0}.composer-actions{align-items:center;gap:var(--spacing-md);display:flex}.visibility-selector{position:relative}.visibility-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-fg-secondary);cursor:pointer;border:none;transition:all .2s;display:flex}.visibility-btn:hover{background:var(--color-bg-quaternary)}.visibility-menu{margin-bottom:var(--spacing-sm);background:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:0 4px 20px var(--color-text-primary);position:absolute;bottom:100%;right:0}@supports (color:color-mix(in lab, red, red)){.visibility-menu{box-shadow:0 4px 20px color-mix(in srgb, var(--color-text-primary) 15%, transparent)}}.visibility-menu{padding:var(--spacing-sm);min-width:var(--size-label-narrow-max);z-index:100}.visibility-option{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;transition:background .2s;display:flex}.visibility-option:hover{background:var(--color-bg-tertiary)}.visibility-option.selected{background:var(--color-bg-brand-primary)}.visibility-option .option-text{gap:var(--spacing-xxs);flex-direction:column;display:flex}.visibility-option .option-label{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:500}.visibility-option .option-desc{font-size:var(--text-xs);color:var(--color-fg-quaternary)}.post-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-composer);border-radius:var(--radius-sm);font-size:var(--text-sm);color:#fff;cursor:pointer;border:none;font-weight:600;transition:all .2s;display:flex}.post-btn:disabled{opacity:.5;cursor:not-allowed}.post-btn:not(:disabled):hover{filter:brightness(1.1)}.post-media-gallery{gap:var(--spacing-xs);margin-top:var(--spacing-md);border-radius:var(--radius-md);display:grid;overflow:hidden}.post-media-gallery.gallery-1{grid-template-columns:1fr}.post-media-gallery.gallery-2{grid-template-columns:1fr 1fr}.post-media-gallery.gallery-3{grid-template-rows:1fr 1fr;grid-template-columns:2fr 1fr}.post-media-gallery.gallery-3 .media-item:first-child{grid-row:span 2}.post-media-gallery.gallery-4{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.post-media-gallery .media-item{aspect-ratio:16/9;background:var(--color-bg-tertiary);width:100%;position:relative;overflow:hidden}.post-media-gallery .media-item img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.post-media-gallery .more-overlay{color:#fff;font-size:var(--text-2xl);background:#00000080;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0}.post-youtube-embeds{margin-top:var(--spacing-md)}.youtube-embed{border-radius:var(--radius-md);aspect-ratio:16/9;background:var(--color-text-primary);overflow:hidden}.youtube-embed iframe{width:100%;height:100%}.youtube-thumbnail-wrapper{cursor:pointer;width:100%;height:100%;position:relative}.youtube-thumbnail-wrapper img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.youtube-thumbnail-wrapper .play-button{width:var(--size-video-overlay);border-radius:var(--radius-md);background:#ff0000e6;justify-content:center;align-items:center;height:48px;transition:transform .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.youtube-thumbnail-wrapper:hover .play-button{transform:translate(-50%,-50%)scale(1.1)}.spin{animation:1s linear infinite spin}.load-more-btn{width:100%;padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-fg-secondary);cursor:pointer;border:none;font-weight:500;transition:background .2s;display:block}.load-more-btn:hover{background:var(--color-bg-quaternary)}.comments-section{border-top:var(--border-width-default) solid var(--color-border-secondary);padding-top:var(--spacing-lg);margin-top:var(--spacing-md)}.comment-input-form{margin-bottom:var(--spacing-lg)}.replying-to{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-brand-primary);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-bg-brand-solid_hover);display:flex}.replying-to button{cursor:pointer;color:var(--color-fg-quaternary);padding:var(--spacing-xxs);background:0 0;border:none;margin-left:auto}.replying-to button:hover{color:var(--color-fg-secondary)}.comment-input-row{align-items:center;gap:var(--spacing-md);display:flex}.comment-input-avatar{width:var(--size-avatar-sm);height:var(--size-avatar-sm);border-radius:var(--radius-full);flex-shrink:0;overflow:hidden}.comment-input-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.comment-input-row input{padding:var(--spacing-md) var(--spacing-lg);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-2xl);font-size:var(--text-sm);outline:none;flex:1;transition:border-color .2s}.comment-input-row input:focus{border-color:var(--color-bg-brand-solid_hover)}.comment-input-row button{width:var(--size-layout-36);height:var(--size-layout-36);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;justify-content:center;align-items:center;transition:background .2s;display:flex}.comment-input-row button:hover:not(:disabled){background:var(--color-bg-tertiary)}.comment-input-row button:disabled{opacity:.5;cursor:not-allowed}.comments-loading,.no-comments{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-composer);color:var(--color-fg-quinary);font-size:var(--text-sm);display:flex}.comments-list{gap:var(--spacing-lg);flex-direction:column;display:flex}.comment-item{gap:var(--spacing-md);display:flex}.comment-item.reply{margin-left:var(--spacing-3xl);margin-top:var(--spacing-sm)}.comment-avatar{width:var(--size-avatar-sm);height:var(--size-avatar-sm);border-radius:var(--radius-full);flex-shrink:0;overflow:hidden}.comment-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.avatar-placeholder.small{width:var(--size-avatar-sm);height:var(--size-avatar-sm);font-size:var(--text-xs)}.comment-body{flex:1;min-width:0}.comment-bubble{background:var(--color-bg-tertiary);padding:var(--spacing-md) var(--spacing-lg);border-radius:18px;max-width:100%;display:inline-block}.comment-author-name{font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:var(--spacing-xxs);font-weight:600;display:block}.comment-text{font-size:var(--text-sm);color:var(--color-fg-secondary);word-wrap:break-word;margin:0;line-height:1.5rem}.comment-actions{align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-xs);padding-left:var(--spacing-lg);display:flex}.comment-action-btn{font-size:var(--text-xs);color:var(--color-fg-quaternary);cursor:pointer;align-items:center;gap:var(--spacing-xs);background:0 0;border:none;padding:0;font-weight:500;display:flex}.comment-action-btn:hover{color:var(--color-fg-secondary)}.comment-action-btn.liked,.comment-action-btn.delete-btn:hover{color:var(--color-fg-error-primary)}.comment-action-btn.like-btn{align-items:center;gap:var(--spacing-xs);transition:all .2s;display:flex}.comment-action-btn.like-btn:hover,.comment-action-btn.like-btn.liked{color:var(--color-fg-error-primary)}.comment-action-btn.reply-btn{align-items:center;gap:var(--spacing-xs);display:flex}.comment-action-btn.reply-btn:hover{color:var(--color-bg-brand-solid_hover)}.comment-action-btn.edit-btn{opacity:.6;transition:opacity .2s}.comment-action-btn.edit-btn:hover{opacity:1;color:var(--color-bg-brand-solid)}.comment-action-btn.delete-btn{opacity:.6;transition:opacity .2s}.comment-action-btn.delete-btn:hover{opacity:1;color:var(--color-fg-error-primary)}.comment-edited-badge{font-size:var(--text-xs);color:var(--color-fg-quinary);margin-left:var(--spacing-sm);font-style:italic;display:inline-block}.comment-edit-inline{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs);display:flex}.comment-edit-inline .comment-edit-input{padding:var(--spacing-sm) var(--spacing-md);border:var(--border-width-default) solid var(--color-border-primary);border-radius:var(--radius-lg);font-size:var(--text-sm);outline:none;flex:1}.comment-edit-inline .comment-edit-input:focus{border-color:var(--color-bg-brand-solid)}.comment-edit-buttons{gap:var(--spacing-xs);display:flex}.comment-edit-buttons button{border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;width:28px;height:28px;transition:background .2s;display:flex}.comment-edit-buttons .save-btn{background:var(--color-bg-success-primary)}.comment-edit-buttons .save-btn:hover{background:var(--color-bg-success-secondary)}.comment-edit-buttons .cancel-btn{background:var(--color-bg-error-primary);color:var(--color-fg-error-primary)}.comment-edit-buttons .cancel-btn:hover{background:var(--color-bg-error-secondary)}.comment-replies{margin-top:var(--spacing-sm)}.show-replies-btn{align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);color:var(--color-bg-brand-solid_hover);cursor:pointer;padding:var(--spacing-xs) 0;background:0 0;border:none;font-weight:500;display:flex}.show-replies-btn:hover{text-decoration:underline}.replies-list{margin-top:var(--spacing-sm);gap:var(--spacing-sm);flex-direction:column;display:flex}.action-btn.comment-btn.active{color:var(--color-bg-brand-solid_hover)}.post-menu{margin-top:var(--spacing-xs);background:var(--color-bg-primary);border-radius:var(--radius-sm);box-shadow:0 4px 16px var(--color-text-primary);position:absolute;top:100%;right:0}@supports (color:color-mix(in lab, red, red)){.post-menu{box-shadow:0 4px 16px color-mix(in srgb, var(--color-text-primary) 15%, transparent)}}.post-menu{padding:var(--spacing-sm);min-width:var(--size-thumb-md);z-index:100}.post-menu .menu-item{align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-md);border-radius:var(--radius-xs);font-size:var(--text-sm);color:var(--color-fg-secondary);cursor:pointer;background:0 0;border:none;transition:all .2s;display:flex}.post-menu .menu-item:hover{background:var(--color-bg-tertiary)}.post-menu .menu-item.edit:hover{color:var(--color-bg-brand-solid_hover)}.post-menu .menu-item.delete{color:var(--color-fg-error-primary)}.post-menu .menu-item.delete:hover{background:var(--color-bg-error-primary)}.post-edit-mode{padding:0 var(--spacing-lg) var(--spacing-md)}.post-edit-mode textarea{width:100%;padding:var(--spacing-md);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm);resize:vertical;outline:none;font-family:inherit;line-height:1.5;transition:border-color .2s}.post-edit-mode textarea:focus{border-color:var(--color-bg-brand-solid_hover)}.edit-actions{justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md);display:flex}.cancel-edit-btn,.save-edit-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-xs);font-size:var(--text-sm);cursor:pointer;font-weight:500;transition:all .2s;display:flex}.cancel-edit-btn{background:var(--color-bg-tertiary);border:var(--border-width-default) solid var(--color-border-secondary);color:var(--color-fg-secondary)}.cancel-edit-btn:hover{background:var(--color-bg-quaternary)}.save-edit-btn{color:#fff;border:none}.save-edit-btn:disabled{opacity:.6;cursor:not-allowed}.save-edit-btn:not(:disabled):hover{filter:brightness(1.1)}.post-edited-badge{font-size:var(--text-xs);color:var(--color-fg-quinary);margin-left:var(--spacing-sm)}.discover-container{padding:var(--spacing-composer) 0}.discover-header{text-align:center;margin-bottom:var(--spacing-xl)}.discover-header h2{font-size:var(--text-xl);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0;font-weight:600}.discover-header p{font-size:var(--text-sm);color:var(--color-fg-quaternary);margin:0}.suggestions-grid{grid-template-columns:repeat(auto-fill, minmax(var(--size-card-min), 1fr));gap:var(--spacing-lg);display:grid}.suggestion-card{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all .2s;display:flex}.suggestion-card:hover{box-shadow:0 4px 12px var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.suggestion-card:hover{box-shadow:0 4px 12px color-mix(in srgb, var(--color-text-primary) 12%, transparent)}}.suggestion-card:hover{transform:translateY(-2px)}.suggestion-avatar{border-radius:var(--radius-full);flex-shrink:0;width:56px;height:56px;overflow:hidden}.suggestion-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.suggestion-avatar .avatar-placeholder{color:#fff;width:100%;height:100%;font-size:var(--text-xl);justify-content:center;align-items:center;font-weight:600;display:flex}.suggestion-info{flex:1;min-width:0}.suggestion-name{font-size:var(--text-md);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0;font-weight:600}.suggestion-reasons{gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-wrap:wrap;display:flex}.reason-tag{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-brand-primary);color:var(--color-bg-brand-solid_hover);font-size:var(--text-xs);border-radius:var(--radius-md);align-items:center;font-weight:500;display:inline-flex}.suggestion-location{font-size:var(--text-xs);color:var(--color-fg-quaternary)}.suggestion-actions{flex-shrink:0}.add-friend-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-size:var(--text-sm);color:#fff;cursor:pointer;border:none;font-weight:500;transition:all .2s;display:flex}.add-friend-btn:hover{filter:brightness(1.1);transform:scale(1.02)}.refresh-suggestions{margin-top:var(--spacing-xl);justify-content:center;display:flex}.refresh-btn{padding:var(--spacing-md) var(--spacing-xl);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-fg-secondary);cursor:pointer;border:none;font-weight:500;transition:all .2s}.refresh-btn:hover:not(:disabled){background:var(--color-bg-quaternary)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.tab-btn.highlight{position:relative}.tab-btn.highlight:after{content:"✨";font-size:var(--text-xs);margin-left:var(--spacing-xs)}@media (width<=640px){.suggestions-grid{grid-template-columns:1fr}.suggestion-card{padding:var(--spacing-md)}.suggestion-avatar{width:48px;height:48px}}.teacher-form-modal{max-width:700px;max-height:90vh;overflow:hidden}.teacher-form{max-height:calc(90vh - var(--size-layout-80));padding:var(--spacing-xl);overflow-y:auto}.required{color:var(--color-fg-error-primary);font-size:var(--text-md)}.form-hint{font-size:var(--text-sm);color:var(--color-fg-quaternary);margin-top:var(--spacing-sm)}.subject-selector{position:relative}.search-box{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border:var(--ring-width-md) solid var(--color-border-secondary);border-radius:var(--radius-sm);background:var(--color-bg-primary);cursor:pointer;transition:all .2s;display:flex}.search-box:hover{border-color:var(--color-border-primary)}.search-box input{font-size:var(--text-md);border:none;outline:none;flex:1}.search-box svg:last-child{transition:transform .3s}.search-box svg:last-child.rotated{transform:rotate(180deg)}.subject-dropdown{top:calc(100% + var(--spacing-sm));background:var(--color-bg-primary);border:var(--ring-width-md) solid var(--color-border-secondary);border-radius:var(--radius-md);z-index:100;max-height:var(--size-modal-sm);animation:.3s slideDown;position:absolute;left:0;right:0;overflow:hidden;box-shadow:0 10px 40px #00000026}.dropdown-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:var(--border-width-default) solid var(--color-border-secondary);color:var(--color-text-primary);justify-content:space-between;align-items:center;font-weight:600;display:flex}.close-dropdown-btn{padding:var(--spacing-xs);cursor:pointer;color:var(--color-fg-quaternary);background:0 0;border:none;transition:color .2s}.close-dropdown-btn:hover{color:var(--color-text-primary)}.subject-list{max-height:var(--size-grid-card-xl);padding:var(--spacing-sm);overflow-y:auto}.subject-item{align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-lg);border:var(--ring-width-md) solid;border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);font-size:var(--text-sm);cursor:pointer;transition:all .2s;display:flex}.subject-item:hover{box-shadow:var(--shadow-sm);transform:translate(4px)}.selected-tags{gap:var(--spacing-sm);margin-top:var(--spacing-md);flex-wrap:wrap;display:flex}.tag{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-xl);font-size:var(--text-sm);font-weight:500;animation:.2s scaleIn;display:inline-flex}.tag-remove{color:inherit;font-size:var(--text-lg);cursor:pointer;width:var(--size-badge-dot);height:var(--size-badge-dot);border-radius:var(--radius-full);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:background .2s;display:flex}.tag-remove:hover{background:#ffffff4d}.grade-grid{grid-template-columns:repeat(auto-fill, minmax(var(--size-calendar-cell), 1fr));gap:var(--spacing-md);display:grid}.grade-btn{padding:var(--spacing-md);border:var(--ring-width-md) solid;border-radius:var(--radius-sm);font-size:var(--text-md);cursor:pointer;font-weight:600;transition:all .2s}.grade-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.grade-btn.selected{animation:.2s scaleIn}.checkbox-label{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;display:flex}.checkbox-label:hover{background:var(--color-bg-tertiary)}.checkbox-label input[type=checkbox]{width:var(--size-badge-dot);height:var(--size-badge-dot);cursor:pointer;accent-color:var(--color-border-brand-solid)}.animated-slide-down{animation:.3s slideDown}.btn-secondary,.btn-primary{padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-sm);font-size:var(--text-md);cursor:pointer;border:none;flex:1;font-weight:600;transition:all .2s}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-quaternary)}.btn-primary{color:#fff;box-shadow:0 2px 8px #ea580c4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #ea580c66}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.teacher-directory{width:100%;padding:0}.directory-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.header-title{align-items:center;gap:var(--spacing-lg);display:flex}.header-title h2{font-size:var(--text-3xl);margin:0 0 var(--spacing-xs) 0;color:var(--color-text-primary);font-weight:700}.header-title p{font-size:var(--text-sm);color:var(--color-fg-quaternary);margin:0}.filter-toggle-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-composer);background:var(--color-bg-primary);border:var(--ring-width-md) solid;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:all .2s;display:flex;position:relative}.filter-toggle-btn:hover{background:var(--color-bg-secondary)}.filter-badge{border-radius:var(--radius-full);border:var(--ring-width-md) solid white;width:12px;height:12px;position:absolute;top:-6px;right:-6px}.search-container{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-composer);background:var(--color-bg-primary);border:var(--ring-width-md) solid var(--color-border-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-composer);transition:all .2s;display:flex}.search-container:focus-within{border-color:var(--color-border-brand-solid);box-shadow:0 0 0 3px #ea580c1a}.search-input{font-size:var(--text-md);border:none;outline:none;flex:1}.clear-search-btn{padding:var(--spacing-xs);cursor:pointer;color:var(--color-fg-quaternary);background:0 0;border:none;transition:color .2s}.clear-search-btn:hover{color:var(--color-text-primary)}.filters-panel{background:var(--color-bg-primary);border:var(--ring-width-md) solid var(--color-border-secondary);border-radius:var(--radius-md);padding:var(--spacing-composer);margin-bottom:var(--spacing-xl);animation:.3s slideDown}.filter-section{margin-bottom:var(--spacing-composer)}.filter-section:last-child{margin-bottom:0}.filter-section label{align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:var(--spacing-md);font-weight:600;display:flex}.filter-options{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.filter-chip{padding:var(--spacing-sm) var(--spacing-lg);border:var(--ring-width-md) solid;border-radius:var(--radius-xl);font-size:var(--text-sm);cursor:pointer;font-weight:500;transition:all .2s}.filter-chip:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.filter-select{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:var(--ring-width-md) solid var(--color-border-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm);transition:all .2s}.filter-select:focus{border-color:var(--color-border-brand-solid);outline:none}.clear-filters-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-fg-quaternary);cursor:pointer;margin-top:var(--spacing-md);font-weight:500;transition:all .2s;display:flex}.clear-filters-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.teachers-grid{grid-template-columns:repeat(auto-fill, minmax(var(--size-grid-card-lg), 1fr));gap:var(--spacing-composer);display:grid}.teacher-card{background:var(--color-bg-primary);border:var(--ring-width-md) solid var(--color-border-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all .3s;animation:.3s fadeIn}.teacher-card:hover{border-color:var(--color-border-brand-solid);transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.teacher-avatar{width:var(--size-layout-80);height:var(--size-layout-80);border-radius:var(--radius-full);margin-bottom:var(--spacing-lg);font-size:var(--text-3xl);color:#fff;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.teacher-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.teacher-info h3{font-size:var(--text-lg);margin:0 0 var(--spacing-xs) 0;color:var(--color-text-primary);font-weight:700}.job-title{font-size:var(--text-sm);color:var(--color-fg-quaternary);margin:0 0 var(--spacing-md) 0}.teacher-badges{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.badge{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;display:inline-flex}.supervisor-badge{animation:2s infinite pulse}.qualification-badge{background:var(--color-bg-tertiary);color:var(--color-fg-quaternary)}.teacher-subjects{align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.subject-tags{gap:var(--spacing-sm);flex-wrap:wrap;flex:1;display:flex}.subject-tag{padding:var(--spacing-xs) var(--spacing-md);border:var(--border-width-default) solid;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:500}.more-subjects{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-fg-quaternary);font-weight:600}.teacher-grades,.teacher-contact,.teacher-meta{align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-fg-quaternary);margin-bottom:var(--spacing-sm);display:flex}.teacher-contact a{color:var(--color-fg-quaternary);text-decoration:none;transition:color .2s}.teacher-contact a:hover{color:var(--color-border-brand-solid)}.loading-state,.empty-state{padding:var(--size-badge-reserve) var(--spacing-composer);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.spinner{width:var(--size-layout-40);height:var(--size-layout-40);border:var(--spacing-xs) solid var(--color-border-secondary);border-top-color:var(--color-border-brand-solid);border-radius:var(--radius-full);margin-bottom:var(--spacing-lg);animation:.8s linear infinite spin}.empty-state h3{font-size:var(--text-xl);color:var(--color-text-primary);margin:var(--spacing-lg) 0 var(--spacing-sm) 0;font-weight:700}.empty-state p{font-size:var(--text-sm);color:var(--color-fg-quaternary);margin:0 0 var(--spacing-composer) 0}@media (width<=768px){.teacher-form-modal{border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%}.directory-header{align-items:flex-start;gap:var(--spacing-lg);flex-direction:column}.teachers-grid{grid-template-columns:1fr}.grade-grid{grid-template-columns:repeat(auto-fill, minmax(var(--size-grid-xs), 1fr))}.filter-options{justify-content:flex-start}}.work-dashboard{width:100%;padding:0}.dashboard-subtitle{font-size:var(--text-md);color:var(--color-fg-quaternary);margin:0}.dashboard-cards{grid-template-columns:repeat(auto-fill, minmax(var(--size-grid-card), 1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);display:grid}.dashboard-card{background:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);cursor:pointer;align-items:center;gap:var(--spacing-lg);transition:all .3s;display:flex}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.dashboard-card .card-icon{width:var(--size-badge-reserve);height:var(--size-badge-reserve);border-radius:var(--radius-md);font-size:var(--text-3xl);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dashboard-card .card-content{flex:1}.dashboard-card .card-content h3{font-size:var(--text-lg);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;font-weight:600}.dashboard-card .card-content p{font-size:var(--text-sm);color:var(--color-fg-quaternary);margin:0}.dashboard-card .card-arrow{font-size:var(--text-2xl);color:var(--color-border-primary);transition:transform .3s,color .3s}.dashboard-card:hover .card-arrow{color:var(--color-fg-tertiary);transform:translate(5px)}.dashboard-info{background:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm)}.dashboard-info .info-card h4{font-size:var(--text-xl);color:var(--color-text-primary);margin-bottom:var(--spacing-lg);font-weight:600}.dashboard-info .info-card p{font-size:var(--text-md);color:var(--color-fg-tertiary);margin:0;line-height:1.75rem}.my-schools-list{width:100%;padding:0}.page-header{margin-bottom:var(--spacing-2xl)}.page-header h1{font-size:var(--text-display-stat);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-weight:700}@media (width<=768px){.dashboard-cards{grid-template-columns:1fr}}.parent-children-dashboard{width:100%;padding:0}.dashboard-header{margin-bottom:var(--spacing-2xl)}.dashboard-header h1{font-size:var(--text-display-stat);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-weight:700}.header-subtitle{font-size:var(--text-md);color:var(--color-fg-quaternary)}.children-grid{grid-template-columns:repeat(auto-fill, minmax(var(--size-grid-card-xl), 1fr));gap:var(--spacing-xl);display:grid}.child-card{background:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all .3s;overflow:hidden}.child-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.child-card-header{padding:var(--spacing-xl);background:linear-gradient(135deg, var(--color-utility-purple-500) 0%, var(--color-utility-purple-700) 100%);align-items:center;gap:var(--spacing-lg);display:flex}.child-avatar{width:var(--size-badge-reserve);height:var(--size-badge-reserve);border-radius:var(--radius-full);background:var(--color-bg-primary);font-size:var(--text-2xl);color:var(--color-utility-purple-500);justify-content:center;align-items:center;font-weight:700;display:flex}.child-info h3{font-size:var(--text-xl);color:#fff;margin:0 0 var(--spacing-xs) 0;font-weight:600}.child-meta{font-size:var(--text-sm);color:#ffffffe6;margin:0}.child-card-body{padding:var(--spacing-xl)}.info-row{padding:var(--spacing-md) 0;border-bottom:var(--border-width-default) solid var(--color-border-secondary);justify-content:space-between;align-items:center;display:flex}.info-row:last-child{border-bottom:none}.info-label{color:var(--color-fg-tertiary);font-weight:500;font-size:var(--text-sm)}.info-value{color:var(--color-text-primary);font-size:var(--text-sm)}.status-badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--text-xs);text-transform:uppercase;font-weight:600}.status-active{background:var(--color-bg-success-secondary);color:var(--color-text-success-primary)}.status-graduated{background:var(--color-bg-brand-primary);color:var(--color-bg-brand-solid_hover)}.status-transferred{background:var(--color-bg-warning-secondary);color:var(--color-text-warning-primary)}.info-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:var(--border-width-default) solid var(--color-border-secondary)}.subjects-tags{gap:var(--spacing-sm);margin-top:var(--spacing-sm);flex-wrap:wrap;display:flex}.subject-tag{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-xs);font-size:var(--text-xs);color:var(--color-fg-tertiary)}.subject-tag.more{background:var(--color-utility-purple-500);color:#fff;font-weight:600}.parent-names{margin-top:var(--spacing-sm);gap:var(--spacing-xs);flex-direction:column;display:flex}.parent-name{font-size:var(--text-sm);color:var(--color-fg-tertiary)}.child-card-footer{padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-bg-secondary);gap:var(--spacing-md);display:flex}.btn-small{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--text-sm);flex:1}.school-enrollment{width:100%;padding:0}.enrollment-header{margin-bottom:var(--spacing-2xl)}.enrollment-header h1{font-size:var(--text-display-stat);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-weight:700}.schools-list h2{font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--spacing-xl);font-weight:600}.schools-grid{grid-template-columns:repeat(auto-fill, minmax(var(--size-grid-card-xl), 1fr));gap:var(--spacing-xl);display:grid}.school-card{background:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all .3s;overflow:hidden}.school-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.school-card-header{padding:var(--spacing-xl);background:linear-gradient(135deg, var(--color-utility-purple-400) 0%, var(--color-bg-error-solid) 100%);justify-content:space-between;align-items:center;display:flex}.school-card-header h3{font-size:var(--text-xl);color:#fff;margin:0;font-weight:600}.school-type-badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--text-xs);color:#fff;background:#ffffff4d;font-weight:600}.school-card-body{padding:var(--spacing-xl)}.school-description{font-size:var(--text-sm);color:var(--color-fg-tertiary);margin-bottom:var(--spacing-lg);line-height:1.5}.school-info{font-size:var(--text-sm);color:var(--color-fg-tertiary);margin:var(--spacing-sm) 0}.school-card-footer{padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-bg-secondary);justify-content:flex-end;display:flex}.enrollment-form-container{max-width:800px;margin:0 auto}.btn-back{color:var(--color-bg-brand-solid);font-size:var(--text-md);cursor:pointer;padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-xl);align-items:center;gap:var(--spacing-sm);background:0 0;border:none;transition:color .2s;display:flex}.btn-back:hover{color:var(--color-bg-brand-solid)}.selected-school-info{background:var(--color-bg-secondary);padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-sm);margin-bottom:var(--spacing-2xl)}.selected-school-info h3{color:var(--color-text-primary);font-size:var(--text-lg);margin:0}.enrollment-form{background:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm)}.enrollment-form h2{font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--spacing-xl);font-weight:600}.form-actions{gap:var(--spacing-lg);margin-top:var(--spacing-2xl);justify-content:flex-end;display:flex}.success-message{text-align:center;padding:var(--spacing-4xl) var(--spacing-2xl)}.success-icon{width:var(--size-layout-80);height:var(--size-layout-80);background:var(--color-fg-success-primary);border-radius:var(--radius-full);font-size:var(--text-5xl);color:#fff;margin:0 auto var(--spacing-xl);justify-content:center;align-items:center;display:flex}.success-message h2{font-size:var(--text-3xl);color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.success-message p{color:var(--color-fg-tertiary);line-height:1.75rem}.school-finder{width:100%;padding:0}.finder-header{margin-bottom:var(--spacing-2xl)}.finder-header .children-section{margin-top:var(--spacing-2xl)}.finder-header .add-child-form{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-xl);margin-top:var(--spacing-lg);border:var(--border-width-default) solid var(--color-border-secondary)}.finder-header .add-child-form h3{font-size:var(--text-lg);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-weight:600}.finder-header .form-note{background:var(--color-bg-warning-secondary);border:var(--border-width-default) solid var(--color-fg-warning-secondary);border-radius:var(--radius-sm);padding:var(--spacing-md);font-size:var(--text-sm);color:var(--color-text-warning-primary);margin-bottom:var(--spacing-xl)}.finder-header .form-grid{grid-template-columns:repeat(auto-fit, minmax(var(--size-search-field), 1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);display:grid}.finder-header .form-grid .full-width{grid-column:1/-1}.finder-header .children-list{gap:var(--spacing-lg);margin-top:var(--spacing-lg);flex-direction:column;display:flex}.finder-header .child-item{background:var(--color-bg-primary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-md);padding:var(--spacing-lg);align-items:center;gap:var(--spacing-lg);transition:all .2s;display:flex}.finder-header .child-item:hover{box-shadow:var(--shadow-sm);border-color:var(--color-border-primary)}.finder-header .child-avatar{width:var(--size-grid-xs);height:var(--size-grid-xs);border-radius:var(--radius-full);font-size:var(--text-xl);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.finder-header .child-details{flex:1}.finder-header .child-name{font-size:var(--text-md);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-weight:600}.finder-header .child-meta{font-size:var(--text-sm);color:var(--color-fg-quaternary);align-items:center;gap:var(--spacing-sm);display:flex}.finder-header .status-badge-small{padding:.125rem var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--text-xs);text-transform:uppercase;font-weight:600}.finder-header .empty-state-small{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-top:var(--spacing-lg)}.finder-header .empty-state-small p{margin:var(--spacing-sm) 0 0 0;color:var(--color-fg-tertiary)}.finder-header .empty-hint{font-size:var(--text-sm);color:var(--color-fg-quaternary)}.finder-header .btn-add{align-items:center;gap:var(--spacing-sm);display:flex}.finder-header .section-description{font-size:var(--text-sm);color:var(--color-fg-quaternary);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-lg)}@media (width<=768px){.finder-header .form-grid{grid-template-columns:1fr}}.finder-header h1{font-size:var(--text-display-stat);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-weight:700}.search-filters{background:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-2xl);gap:var(--spacing-lg);align-items:center;display:flex}.search-box{flex:1}.search-box input{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:var(--border-width-default) solid var(--color-border-primary);border-radius:var(--radius-sm);font-size:var(--text-md)}.filter-controls select{padding:var(--spacing-md) var(--spacing-lg);border:var(--border-width-default) solid var(--color-border-primary);border-radius:var(--radius-sm);font-size:var(--text-md);min-width:var(--size-dropdown-md)}.results-summary{margin-bottom:var(--spacing-xl)}.results-summary p{color:var(--color-fg-quaternary);font-size:var(--text-sm)}.school-icon{font-size:var(--text-display-stat);margin-right:var(--spacing-lg)}.school-details{margin-top:var(--spacing-lg)}.detail-row{align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.detail-icon{font-size:var(--text-md);flex-shrink:0}.detail-text{font-size:var(--text-sm);color:var(--color-fg-tertiary);line-height:1.5}.school-levels{gap:var(--spacing-sm);margin-top:var(--spacing-lg);flex-wrap:wrap;display:flex}.level-badge{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-xs);font-size:var(--text-xs);color:var(--color-fg-tertiary);font-weight:500}.empty-state{text-align:center;padding:var(--spacing-5xl) var(--spacing-2xl)}.empty-state-icon{font-size:var(--text-display-empty);margin-bottom:var(--spacing-lg)}.empty-state h2{font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.empty-state p{color:var(--color-fg-quaternary);margin-bottom:var(--spacing-xl)}.loading-state{text-align:center;padding:var(--spacing-5xl) var(--spacing-2xl)}.loading-state p{color:var(--color-fg-quaternary);font-size:var(--text-lg)}@media (width<=768px){.children-grid,.schools-grid,.form-row{grid-template-columns:1fr}.search-filters{flex-direction:column}.filter-controls select{width:100%}}.school-tiles-container{width:100%;padding:0}.school-tiles-header{margin-bottom:var(--spacing-2xl)}.school-tiles-header h2{font-size:var(--text-3xl);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-weight:600}.school-tiles-header .subtitle{font-size:var(--text-md);color:var(--color-fg-quaternary)}.school-tiles-grid{grid-template-columns:repeat(auto-fill, minmax(var(--size-grid-card-xl), 1fr));gap:var(--spacing-composer);margin-top:var(--spacing-composer);display:grid}.school-tile{background:var(--color-bg-primary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-md);padding:var(--spacing-xl);align-items:center;gap:var(--spacing-lg);cursor:pointer;transition:all .2s;display:flex}.school-tile:hover{border-color:var(--color-utility-purple-700);transform:translateY(-2px);box-shadow:0 4px 12px #6d28d926}.school-tile-icon{background:linear-gradient(135deg, var(--color-utility-purple-700) 0%, var(--color-utility-purple-600) 100%);border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.school-tile-content{flex:1;min-width:0}.school-tile-content h3{font-size:var(--text-lg);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.school-tile-meta{gap:var(--spacing-sm);flex-direction:column;display:flex}.meta-item svg{color:var(--color-utility-purple-700);flex-shrink:0}.supervisor-badge{background:#7e22ce1f;display:inline-block}@supports (color:color-mix(in lab, red, red)){.supervisor-badge{background:color-mix(in srgb, var(--color-utility-purple-700) 12%, transparent)}}.supervisor-badge{color:var(--color-utility-purple-700);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-xs);font-size:var(--text-xs);margin-top:var(--spacing-xs);font-weight:600}.school-tile-arrow{color:var(--color-utility-purple-700);opacity:.5;flex-shrink:0;transition:all .2s}.school-tile:hover .school-tile-arrow{opacity:1;transform:translate(4px)}.world-zone-area{width:var(--size-grid-card-lg);padding:var(--spacing-composer);background:var(--color-bg-secondary);border-left:var(--border-width-default) solid var(--color-border-secondary);height:100vh;overflow-y:auto}.journal-world-zone{gap:var(--spacing-lg);flex-direction:column;display:flex}.world-zone-card{background:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--spacing-lg);border:var(--border-width-default) solid var(--color-border-secondary)}.world-zone-card .card-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:var(--border-width-default) solid var(--color-border-secondary);display:flex}.world-zone-card .card-header h3{font-size:var(--text-md);color:var(--color-text-primary);margin:0;font-weight:600}.world-zone-card .card-header svg{color:var(--color-utility-purple-700)}.school-info-card .school-name{font-size:var(--text-md);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-weight:600}.school-info-card .school-meta{align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-fg-quaternary);margin-bottom:var(--spacing-md);display:flex}.school-info-card .school-meta svg{color:var(--color-utility-purple-700)}.school-info-card .btn-link{align-items:center;gap:var(--spacing-sm);color:var(--color-utility-purple-700);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;padding:0;font-weight:500;transition:opacity .2s;display:flex}.school-info-card .btn-link:hover{opacity:.7}.navigation-menu{gap:var(--spacing-sm);flex-direction:column;display:flex}.navigation-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);cursor:pointer;text-align:left;width:100%;transition:all .2s;display:flex}.navigation-item:hover{background:#7e22ce0f}@supports (color:color-mix(in lab, red, red)){.navigation-item:hover{background:color-mix(in srgb, var(--color-utility-purple-700) 6%, transparent)}}.navigation-item:hover{border-color:var(--color-utility-purple-700)}.nav-item-icon{width:var(--size-layout-36);height:var(--size-layout-36);background:var(--color-bg-primary);border-radius:var(--radius-sm);color:var(--color-utility-purple-700);flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-item-text{flex:1;min-width:0}.nav-item-label{font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:var(--spacing-xxs);font-weight:600}.nav-item-description{font-size:var(--text-xs);color:var(--color-fg-quaternary)}.quick-info-card .quick-info-text{font-size:var(--text-sm);color:var(--color-fg-quaternary);line-height:1.75rem}.quick-info-card strong{color:var(--color-utility-purple-700);font-weight:600}.journal-role-select{padding:var(--size-badge-reserve) var(--spacing-2xl);text-align:center;max-width:800px;margin:0 auto}.journal-role-select h2{font-size:var(--text-3xl);color:var(--color-text-primary);margin-bottom:var(--spacing-md);font-weight:600}.journal-role-select>p{font-size:var(--text-md);color:var(--color-fg-quaternary);margin-bottom:var(--spacing-3xl)}.role-selection-buttons{grid-template-columns:repeat(auto-fit, minmax(var(--size-search-field), 1fr));gap:var(--spacing-xl);margin-top:var(--spacing-2xl);display:grid}.role-select-btn{background:var(--color-bg-primary);border:var(--ring-width-md) solid var(--color-border-secondary);border-radius:var(--radius-lg);padding:var(--spacing-3xl) var(--spacing-xl);cursor:pointer;text-align:center;transition:all .3s}.role-select-btn:hover{border-color:var(--color-utility-purple-700);transform:translateY(-4px);box-shadow:0 8px 24px #6d28d933}.role-select-btn svg{color:var(--color-utility-purple-700);margin-bottom:var(--spacing-lg)}.role-select-btn h3{font-size:var(--text-xl);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-weight:600}.role-select-btn p{font-size:var(--text-sm);color:var(--color-fg-quaternary)}.journal-dashboard-placeholder,.journal-content-placeholder{padding:var(--size-badge-reserve) var(--spacing-2xl);text-align:center;max-width:800px;margin:0 auto}.journal-dashboard-placeholder h2{font-size:var(--text-3xl);color:var(--color-text-primary);margin-bottom:var(--spacing-md);font-weight:600}.journal-dashboard-placeholder p,.journal-content-placeholder p{font-size:var(--text-md);color:var(--color-fg-quaternary)}@media (width<=968px){.school-tiles-grid{grid-template-columns:1fr}.world-zone-area{display:none}.schedule-container{width:100%;padding:0}.schedule-header{align-items:center;gap:var(--spacing-composer);margin-bottom:var(--spacing-2xl);display:flex}.schedule-header h1{align-items:center;gap:var(--spacing-md);font-size:var(--text-3xl);color:var(--color-text-primary);margin:0;font-weight:600;display:flex}.schedule-subtitle{font-size:var(--text-md);color:var(--color-fg-quaternary);margin-top:var(--spacing-xs)}.btn-back{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-primary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);color:var(--color-fg-quaternary);font-size:var(--text-sm);cursor:pointer;transition:all .2s;display:flex}.btn-back:hover{background:var(--color-bg-secondary);border-color:var(--color-utility-purple-700);color:var(--color-utility-purple-700)}.child-selector{background:var(--color-bg-primary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-md);padding:var(--spacing-composer);margin-bottom:var(--spacing-composer)}.child-selector label{font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-weight:600;display:block}.child-selector select{width:100%;max-width:var(--size-modal-sm);padding:var(--spacing-md) var(--spacing-md);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--color-bg-primary);cursor:pointer}.teacher-info-banner{background:linear-gradient(135deg, var(--color-utility-purple-700) 0%, var(--color-utility-purple-600) 100%);color:#fff;padding:var(--spacing-lg) var(--spacing-composer);border-radius:var(--radius-md);margin-bottom:var(--spacing-composer);text-align:center}.teacher-info-banner p{font-size:var(--text-md);margin:0;font-weight:500}.schedule-grid{background:var(--color-bg-primary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-md);padding:var(--spacing-composer);overflow-x:auto}.schedule-table{flex-direction:column;min-width:1200px;display:flex}.schedule-row{border-bottom:var(--border-width-default) solid var(--color-border-secondary);grid-template-columns:120px repeat(6,1fr);display:grid}.schedule-row:last-child{border-bottom:none}.schedule-header-row{background:var(--color-bg-secondary);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.schedule-cell{padding:var(--spacing-md);border-right:var(--border-width-default) solid var(--color-border-secondary)}.schedule-cell:last-child{border-right:none}.time-cell{background:var(--color-bg-secondary);justify-content:center;align-items:center;gap:var(--spacing-xs);flex-direction:column;font-weight:600;display:flex}.lesson-number{font-size:var(--text-lg);color:var(--color-utility-purple-700)}.lesson-time{font-size:var(--text-xs);color:var(--color-fg-quaternary);font-weight:400}.day-header-cell{text-align:center;color:var(--color-text-primary);font-weight:600;font-size:var(--text-sm)}.lesson-cell{min-height:var(--size-layout-80);justify-content:center;align-items:center;display:flex}.lesson-card{width:100%;padding:var(--spacing-md);background:linear-gradient(135deg,#7e22ce1f 0%,#9333ea0f 100%)}@supports (color:color-mix(in lab, red, red)){.lesson-card{background:linear-gradient(135deg, color-mix(in srgb, var(--color-utility-purple-700) 12%, transparent) 0%, color-mix(in srgb, var(--color-utility-purple-600) 6%, transparent) 100%)}}.lesson-card{border-left:var(--border-width-thick) solid var(--color-utility-purple-700);border-radius:var(--radius-xs);min-height:var(--size-layout-70)}.lesson-subject{font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-weight:600}.lesson-teacher,.lesson-classroom{align-items:center;gap:var(--spacing-xs);font-size:var(--text-xs);color:var(--color-fg-quaternary);margin-top:var(--spacing-xs);display:flex}.lesson-teacher svg,.lesson-classroom svg{color:var(--color-utility-purple-700);flex-shrink:0}.lesson-empty{color:var(--color-border-secondary);font-size:var(--text-lg);font-weight:400}@media (width<=1200px){.schedule-grid{overflow-x:scroll}.schedule-container{padding:var(--spacing-composer) var(--spacing-lg)}}@media (width<=768px){.schedule-header{flex-direction:column;align-items:flex-start}.schedule-header h1{font-size:var(--text-2xl)}}}.gradebook-container{width:100%;padding:0}.gradebook-header{align-items:center;gap:var(--spacing-composer);margin-bottom:var(--spacing-2xl);display:flex}.gradebook-header h1{align-items:center;gap:var(--spacing-md);font-size:var(--text-3xl);color:var(--color-text-primary);flex:1;margin:0;font-weight:600;display:flex}.gradebook-subtitle{font-size:var(--text-md);color:var(--color-fg-quaternary);margin-top:var(--spacing-xs)}.selector-section{background:var(--color-bg-primary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-md);padding:var(--spacing-composer);margin-bottom:var(--spacing-composer)}.selector-section label{font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-weight:600;display:block}.selector-section select{width:100%;max-width:500px;padding:var(--spacing-md) var(--spacing-md);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--color-bg-primary);cursor:pointer}.gradebook-filters{gap:var(--spacing-lg);background:var(--color-bg-primary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-md);padding:var(--spacing-composer);margin-bottom:var(--spacing-composer);display:flex}.filter-group{flex:1}.filter-group label{font-size:var(--text-sm);color:var(--color-fg-quaternary);margin-bottom:var(--spacing-sm);font-weight:600;display:block}.filter-group select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--color-bg-primary);cursor:pointer}.grade-statistics{grid-template-columns:repeat(auto-fit, minmax(calc(var(--size-card-min) - var(--spacing-4xl)), 1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-composer);display:grid}.stat-card{background:var(--color-bg-primary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-md);padding:var(--spacing-composer);align-items:center;gap:var(--spacing-lg);display:flex}.stat-card svg{color:var(--color-utility-purple-700);flex-shrink:0}.stat-label{font-size:var(--text-sm);color:var(--color-fg-quaternary);margin-bottom:var(--spacing-xs)}.stat-value{font-size:var(--text-2xl);color:var(--color-text-primary);font-weight:700}.grades-list{gap:var(--spacing-md);flex-direction:column;display:flex}.grade-card{background:var(--color-bg-primary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-md);padding:var(--spacing-composer);transition:all .2s}.grade-card:hover{border-color:var(--color-utility-purple-700);box-shadow:0 4px 12px #6d28d91a}.grade-header{align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);display:flex}.grade-badge{border-radius:var(--radius-md);width:48px;height:48px;font-size:var(--text-2xl);color:#fff;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.grade-info{flex:1;min-width:0}.grade-subject{font-size:var(--text-md);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-weight:600}.grade-type{font-size:var(--text-sm);color:var(--color-fg-quaternary)}.grade-meta{align-items:flex-end;gap:var(--spacing-xs);flex-direction:column;display:flex}.grade-date,.grade-period{align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);color:var(--color-fg-quaternary);display:flex}.grade-date svg{color:var(--color-utility-purple-700)}.grade-teacher,.grade-comment{align-items:flex-start;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-fg-quaternary);margin-top:var(--spacing-sm);padding-top:var(--spacing-md);border-top:var(--border-width-default) solid var(--color-border-tertiary);display:flex}.grade-teacher svg,.grade-comment svg{color:var(--color-utility-purple-700);margin-top:var(--spacing-xxs);flex-shrink:0}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-bg-primary);border-radius:var(--radius-lg);width:90%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-modal);overflow-y:auto}.modal-close{font-size:var(--text-3xl);color:var(--color-fg-quaternary);cursor:pointer;width:var(--size-avatar-sm);height:var(--size-avatar-sm);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.modal-body{padding:var(--spacing-xl)}.modal-footer{gap:var(--spacing-md);padding:var(--spacing-xl);border-top:var(--border-width-default) solid var(--color-border-secondary);justify-content:flex-end;display:flex}@media (width<=768px){.gradebook-header{flex-direction:column;align-items:flex-start}.gradebook-header h1{font-size:var(--text-2xl)}.gradebook-filters{flex-direction:column}.form-row{grid-template-columns:1fr}.grade-header{flex-wrap:wrap}.grade-meta{flex-direction:row;justify-content:flex-start;align-items:center;width:100%}}.journal-feed-container{padding:var(--spacing-2xl);max-width:900px;margin:0 auto}.feed-header h1{font-size:var(--text-3xl);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-weight:600}.feed-subtitle{font-size:var(--text-md);color:var(--color-fg-quaternary);margin-bottom:var(--spacing-composer)}.feed-filters{gap:var(--spacing-lg);background:var(--color-bg-primary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-md);padding:var(--spacing-composer);margin-bottom:var(--spacing-composer);align-items:flex-end;display:flex}.posts-list{gap:var(--spacing-lg);flex-direction:column;display:flex}.post-card{background:var(--color-bg-primary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-md);padding:var(--spacing-composer);transition:all .2s}.post-card:hover{border-color:var(--color-utility-purple-700);box-shadow:0 4px 12px #6d28d91a}.post-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:flex-start;display:flex}.post-author{gap:var(--spacing-md);align-items:center;display:flex}.author-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-utility-purple-700) 0%, var(--color-utility-purple-600) 100%);color:#fff;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.author-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.author-info{flex:1}.author-name{font-size:var(--text-md);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-weight:600}.post-meta{align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-fg-quaternary);display:flex}.post-role{background:#7e22ce1f}@supports (color:color-mix(in lab, red, red)){.post-role{background:color-mix(in srgb, var(--color-utility-purple-700) 12%, transparent)}}.post-role{color:var(--color-utility-purple-700);padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--radius-xs);font-weight:500}.post-school{color:var(--color-fg-quaternary)}.separator{color:var(--color-border-secondary)}.post-audience-badge{background:var(--color-bg-tertiary);color:var(--color-fg-quaternary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-xs);font-size:var(--text-xs);font-weight:500}.post-title{font-size:var(--text-lg);color:var(--color-text-primary);margin-bottom:var(--spacing-md);font-weight:600}.post-content{font-size:var(--text-md);color:var(--color-fg-secondary);margin-bottom:var(--spacing-lg);white-space:pre-wrap;line-height:1.75rem}.post-actions{gap:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:var(--border-width-default) solid var(--color-border-tertiary);display:flex}.post-action-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);color:var(--color-fg-quaternary);font-size:var(--text-sm);cursor:pointer;background:0 0;transition:all .2s;display:flex}.post-action-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-utility-purple-700);color:var(--color-utility-purple-700)}.post-action-btn svg{flex-shrink:0}@media (width<=768px){.feed-filters{flex-direction:column;align-items:stretch}.post-header{gap:var(--spacing-md);flex-direction:column}.post-audience-badge{align-self:flex-start}}.journal-wall{background:0 0}.journal-wall .wall-header{margin-bottom:var(--spacing-composer)}.journal-select-group{margin-bottom:var(--spacing-lg);gap:var(--spacing-sm);flex-direction:column;display:flex}.journal-select-group label{font-size:var(--text-sm);color:var(--color-utility-purple-700);font-weight:600}.journal-select{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:var(--ring-width-md) solid var(--color-border-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--color-bg-primary);cursor:pointer;transition:all .2s}.journal-select:focus{border-color:var(--color-utility-purple-700);outline:none;box-shadow:0 0 0 3px #6d28d91a}.post-meta-info{align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.post-role-badge{align-items:center;font-weight:500;display:inline-flex}.post-header-right{align-items:center;gap:var(--spacing-md);display:flex}.audience-badge{white-space:nowrap;align-items:center;font-weight:500;display:inline-flex}.post-content .post-title{font-size:var(--text-md);margin-bottom:var(--spacing-sm);color:var(--color-text-primary);font-weight:600}.feed-filters-zone{padding:var(--spacing-lg)}.feed-filters-zone .filter-card{background:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:0 2px 8px var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.feed-filters-zone .filter-card{box-shadow:0 2px 8px color-mix(in srgb, var(--color-text-primary) 5%, transparent)}}.feed-filters-zone .filter-card{margin-bottom:var(--spacing-lg)}.feed-filters-zone .card-header{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-lg);border-bottom:var(--border-width-default) solid var(--color-border-secondary);display:flex}.feed-filters-zone .card-header h3{font-size:var(--text-sm);color:var(--color-fg-secondary);letter-spacing:var(--tracking-tight-ui);margin:0;font-weight:600}.filter-content{padding:var(--spacing-lg)}.filter-group{margin-bottom:var(--spacing-composer)}.filter-group:last-child{margin-bottom:0}.filter-label{align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-fg-quaternary);margin-bottom:var(--spacing-md);font-weight:600;display:flex}.filter-select{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:var(--ring-width-md) solid var(--color-border-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--color-bg-primary);cursor:pointer;transition:all .2s}.filter-select:focus{border-color:var(--color-utility-purple-700);outline:none;box-shadow:0 0 0 3px #6d28d91a}.filter-buttons{gap:var(--spacing-sm);flex-direction:column;display:flex}.filter-btn{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border:var(--ring-width-md) solid var(--color-border-secondary);border-radius:var(--radius-sm);background:var(--color-bg-primary);cursor:pointer;text-align:left;transition:all .2s;display:flex}.filter-btn:hover{border-color:var(--color-utility-purple-700);background:var(--color-bg-secondary)}.filter-btn.active{border-color:var(--color-utility-purple-700);background:var(--color-utility-purple-700);color:#fff}.filter-btn-icon{font-size:var(--text-md)}.filter-btn-label{font-size:var(--text-sm);font-weight:500}.schools-quick-list{padding:var(--spacing-md)}.school-quick-item{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);border-left:var(--border-width-thick) solid transparent;cursor:pointer;margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;transition:all .2s;display:flex}.school-quick-item:last-child{margin-bottom:0}.school-quick-item:hover{background:var(--color-bg-secondary)}.school-quick-item.active{background:var(--color-utility-purple-100)}.school-quick-name{font-size:var(--text-sm);color:var(--color-fg-secondary);font-weight:500}.school-quick-role{font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-weight:500}.comment-item{padding:var(--spacing-md) 0;border-bottom:var(--border-width-default) solid var(--color-border-tertiary)}.comment-item:last-child{border-bottom:none}.comment-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:flex-start;display:flex}.comment-author{align-items:center;gap:var(--spacing-md);display:flex}.comment-author-info{flex-direction:column;display:flex}.comment-author-name{font-size:var(--text-sm);color:var(--color-fg-secondary);font-weight:600}.comment-time{font-size:var(--text-xs);color:var(--color-fg-quinary)}.comment-content{padding-left:var(--spacing-3xl)}.comment-content p{font-size:var(--text-sm);color:var(--color-fg-tertiary);margin:0;line-height:1.5}.comment-stats{gap:var(--spacing-lg);padding-left:var(--spacing-3xl);margin-top:var(--spacing-sm);display:flex}.comment-stat-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-fg-quinary);cursor:pointer;font-size:var(--text-xs);border-radius:var(--radius-xs);background:0 0;border:none;transition:all .2s;display:flex}.comment-stat-btn:hover{background:var(--color-bg-tertiary);color:var(--color-utility-purple-700)}.comment-stat-btn.liked{color:var(--color-utility-purple-700)}.loading-comments{padding:var(--spacing-composer);text-align:center;color:var(--color-fg-quinary);font-size:var(--text-sm)}.academic-calendar{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:0 2px 12px var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.academic-calendar{box-shadow:0 2px 12px color-mix(in srgb, var(--color-text-primary) 6%, transparent)}}.calendar-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.calendar-title{align-items:center;gap:var(--spacing-md);display:flex}.calendar-title h2{font-size:var(--text-2xl);color:var(--color-text-primary);margin:0;font-weight:700}.calendar-controls{align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.view-toggle .toggle-btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-xs);font-size:var(--text-sm);color:var(--color-fg-quaternary);cursor:pointer;background:0 0;border:none;font-weight:500;transition:all .2s}.view-toggle .toggle-btn.active{color:#fff}.month-nav .nav-btn{width:var(--size-layout-36);height:var(--size-layout-36);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);background:var(--color-bg-primary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.month-nav .nav-btn:hover{background:var(--color-bg-tertiary)}.month-year{font-size:var(--text-md);color:var(--color-text-primary);min-width:var(--size-thumb-md);text-align:center;font-weight:600}.create-event-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-composer);border-radius:var(--radius-sm);color:#fff;font-size:var(--text-sm);cursor:pointer;border:none;font-weight:600;transition:all .2s;display:flex}.create-event-btn:hover{opacity:.9;transform:translateY(calc(-1 * var(--motion-lift-hover)))}.calendar-weekdays{gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);grid-template-columns:repeat(7,1fr);display:grid}.weekday{text-align:center;font-size:var(--text-sm);color:var(--color-fg-quaternary);padding:var(--spacing-sm);font-weight:600}.calendar-grid{gap:var(--spacing-xs);grid-template-columns:repeat(7,1fr);display:grid}.calendar-day{border:var(--ring-width-md) solid var(--color-border-tertiary);border-radius:var(--radius-sm);min-height:90px;padding:var(--spacing-sm);cursor:pointer;background:var(--color-bg-primary);transition:all .2s}.calendar-day:hover:not(.empty){border-color:var(--color-border-secondary);background:var(--color-bg-secondary)}.calendar-day.empty{background:var(--color-bg-secondary);cursor:default}.calendar-day.today{background:var(--color-utility-purple-100)}.calendar-day.selected{border-width:2px}.day-number{font-size:var(--text-sm);color:var(--color-fg-secondary);font-weight:600}.calendar-day.today .day-number{background:var(--color-utility-purple-700);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.day-events{gap:var(--spacing-xs);margin-top:var(--spacing-sm);flex-wrap:wrap;display:flex}.event-dot{width:var(--size-line-min);height:var(--size-line-min);border-radius:var(--radius-xs);font-size:var(--text-xs);cursor:pointer;justify-content:center;align-items:center;transition:transform .2s;display:flex}.event-dot:hover{transform:scale(1.15)}.more-events{font-size:var(--text-xs);color:var(--color-fg-quaternary);padding:var(--spacing-xxs) var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-xs)}.calendar-list-view{min-height:var(--size-modal-sm)}.events-list{gap:var(--spacing-md);flex-direction:column;display:flex}.event-list-item{gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-md);border-left:var(--spacing-xs) solid;cursor:pointer;transition:all .2s;display:flex}.event-list-item:hover{background:var(--color-bg-tertiary);transform:translate(4px)}.event-date-badge{border-radius:var(--radius-md);color:#fff;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.event-date-badge .event-day{font-size:var(--text-xl);font-weight:700;line-height:1}.event-date-badge .event-month{font-size:var(--text-xs);text-transform:uppercase;font-weight:600}.event-details{flex:1}.event-title-row{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex}.event-title-row h4{font-size:var(--text-md);color:var(--color-text-primary);margin:0;font-weight:600}.event-icon{font-size:var(--text-md)}.event-type-badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:500}.event-meta{gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.meta-item{align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-fg-quaternary);display:flex}.event-detail-modal{background:var(--color-bg-primary);border-radius:var(--radius-lg);width:100%;max-width:480px;overflow:hidden;box-shadow:0 20px 40px #00000026}.event-detail-modal .modal-header{padding:var(--spacing-xl);justify-content:space-between;align-items:flex-start;display:flex}.event-type-icon{font-size:var(--text-5xl)}.event-detail-modal .modal-body{padding:var(--spacing-xl)}.event-detail-modal h3{font-size:var(--text-2xl);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0;font-weight:700}.event-type-label{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-xl);font-size:var(--text-sm);color:var(--color-fg-quaternary);margin-bottom:var(--spacing-lg);font-weight:500;display:inline-block}.event-info-list{gap:var(--spacing-md);margin-top:var(--spacing-composer);flex-direction:column;display:flex}.info-item{align-items:center;gap:var(--spacing-md);font-size:var(--text-md);color:var(--color-fg-tertiary);display:flex}.info-item svg{color:var(--color-fg-quaternary)}.modal-actions{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:var(--border-width-default) solid var(--color-border-secondary)}.delete-btn{width:100%;padding:var(--spacing-md);border:var(--ring-width-md) solid var(--color-border-error-solid);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-fg-error-primary);font-size:var(--text-sm);cursor:pointer;font-weight:600;transition:all .2s}.delete-btn:hover{background:var(--color-bg-error-solid);color:#fff}.create-event-modal{background:var(--color-bg-primary);border-radius:var(--radius-lg);width:100%;max-width:calc(var(--size-card-min) * 2);max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026}.create-event-modal .modal-header{padding:var(--spacing-composer) var(--spacing-xl);border-bottom:var(--border-width-default) solid var(--color-border-secondary);justify-content:space-between;align-items:center;display:flex}.create-event-modal h3{font-size:var(--text-xl);color:var(--color-text-primary);margin:0;font-weight:700}.create-event-modal form{padding:var(--spacing-xl)}.create-event-modal label{font-size:var(--text-sm);color:var(--color-fg-secondary);margin-bottom:var(--spacing-sm);font-weight:600;display:block}.create-event-modal input[type=text],.create-event-modal input[type=date],.create-event-modal input[type=time],.create-event-modal textarea{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:var(--ring-width-md) solid var(--color-border-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm);transition:border-color .2s}.create-event-modal input:focus,.create-event-modal textarea:focus{border-color:var(--color-utility-purple-700);outline:none}.event-type-selector{gap:var(--spacing-sm);grid-template-columns:repeat(4,1fr);display:grid}.type-btn{padding:var(--spacing-md) var(--spacing-sm);border:var(--ring-width-md) solid var(--color-border-secondary);border-radius:var(--radius-sm);background:var(--color-bg-primary);cursor:pointer;align-items:center;gap:var(--spacing-xs);font-size:var(--text-xs);color:var(--color-fg-secondary);flex-direction:column;font-weight:500;transition:all .2s;display:flex}.type-btn span:first-child{font-size:var(--text-xl)}.form-row{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.checkbox-group label{align-items:center;gap:var(--spacing-md);cursor:pointer;display:flex}.checkbox-group input[type=checkbox]{width:var(--size-badge-sm);height:var(--size-badge-sm);cursor:pointer}.form-actions{gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-composer);border-top:var(--border-width-default) solid var(--color-border-secondary);display:flex}.cancel-btn{padding:var(--spacing-md);border:var(--ring-width-md) solid var(--color-border-secondary);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-fg-quaternary);font-size:var(--text-sm);cursor:pointer;flex:1;font-weight:600;transition:all .2s}.cancel-btn:hover{background:var(--color-bg-tertiary)}.submit-btn{padding:var(--spacing-md);border-radius:var(--radius-sm);color:#fff;font-size:var(--text-sm);cursor:pointer;border:none;flex:1;font-weight:600;transition:all .2s}.submit-btn:hover{opacity:.9}.academic-calendar .empty-state{padding:var(--size-badge-reserve) var(--spacing-composer);color:var(--color-fg-quinary);flex-direction:column;justify-content:center;align-items:center;display:flex}.academic-calendar .empty-state p{margin:var(--spacing-lg) 0 0;font-size:var(--text-md)}.academic-calendar .loading-state{text-align:center;padding:var(--size-badge-reserve);color:var(--color-fg-quaternary)}@media (width<=768px){.calendar-header{flex-direction:column;align-items:stretch}.calendar-controls{justify-content:space-between}.calendar-day{min-height:var(--size-badge-reserve);padding:var(--spacing-xs)}.event-type-selector{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}}.event-planner{background:var(--color-bg-primary);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-sm);overflow:hidden}.planner-header{padding:var(--spacing-composer) var(--spacing-xl);border-bottom:var(--border-width-default) solid var(--color-border-secondary);justify-content:space-between;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.planner-title{align-items:center;gap:var(--spacing-md);display:flex}.planner-title h2{font-size:var(--text-xl);color:var(--color-text-primary);margin:0;font-weight:600}.planner-title p{font-size:var(--text-sm);color:var(--color-fg-quaternary);margin:0}.planner-controls{align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.view-toggle{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);padding:var(--spacing-xs);display:flex}.view-toggle .toggle-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-xs);font-size:var(--text-sm);color:var(--color-fg-quaternary);cursor:pointer;background:0 0;border:none;transition:all .2s;display:flex}.view-toggle .toggle-btn.active{color:#fff;box-shadow:0 1px 3px #0000001a}.month-nav{align-items:center;gap:var(--spacing-md);display:flex}.month-nav .nav-btn{width:var(--size-layout-36);height:var(--size-layout-36);border:var(--border-width-default) solid var(--color-border-secondary);background:var(--color-bg-primary);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-fg-quaternary);justify-content:center;align-items:center;transition:all .2s;display:flex}.month-nav .nav-btn:hover{background:var(--color-bg-secondary);color:var(--module-color);border-color:var(--module-color)}.month-nav .month-year{font-size:var(--text-md);color:var(--color-fg-secondary);min-width:var(--size-thumb-md);text-align:center;font-weight:600}.planner-header .create-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-composer);border-radius:var(--radius-sm);font-size:var(--text-sm);color:#fff;cursor:pointer;border:none;font-weight:500;transition:all .2s;display:flex}.planner-header .create-btn:hover{opacity:.9;transform:translateY(calc(-1 * var(--motion-lift-hover)))}.role-legend{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-bg-secondary);border-bottom:var(--border-width-default) solid var(--color-border-secondary);flex-wrap:wrap;display:flex}.role-legend .legend-title{font-size:var(--text-sm);color:var(--color-fg-quaternary);font-weight:500}.role-legend .legend-item{align-items:center;gap:var(--spacing-sm);font-size:var(--text-xs);color:var(--color-fg-tertiary);display:flex}.role-legend .legend-color{border-radius:var(--radius-xs);width:12px;height:12px}.planner-content{grid-template-columns:1fr var(--size-chart);min-height:500px;display:grid}.planner-main{border-right:var(--border-width-default) solid var(--color-border-secondary)}.event-planner .calendar-month-view{padding:var(--spacing-lg)}.event-planner .calendar-weekdays{gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);grid-template-columns:repeat(7,1fr);display:grid}.event-planner .weekday{text-align:center;font-size:var(--text-xs);color:var(--color-fg-quaternary);padding:var(--spacing-sm);font-weight:600}.event-planner .calendar-grid{gap:var(--spacing-xs);grid-template-columns:repeat(7,1fr);display:grid}.event-planner .calendar-day{min-height:var(--size-grid-sm);padding:var(--spacing-sm);background:var(--color-bg-secondary);border-radius:var(--radius-sm);border:var(--ring-width-md) solid transparent;cursor:pointer;transition:all .2s}.event-planner .calendar-day:hover:not(.empty){background:var(--color-bg-tertiary)}.event-planner .calendar-day.empty{cursor:default;background:0 0}.event-planner .calendar-day.today .day-number{border-radius:var(--radius-full);padding:var(--spacing-xs) var(--spacing-sm)}.event-planner .calendar-day.selected{box-shadow:0 0 0 2px var(--module-color)}.event-planner .day-number{font-size:var(--text-sm);color:var(--color-fg-secondary);margin-bottom:var(--spacing-xs);font-weight:600;display:inline-block}.event-planner .day-events{gap:var(--spacing-xxs);flex-direction:column;display:flex}.event-planner .event-dot{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-xs);font-size:var(--text-xs);color:#fff;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:transform .2s;overflow:hidden}.event-planner .event-dot:hover{transform:scale(1.02)}.event-planner .event-dot-title{font-weight:500}.event-planner .more-events{font-size:var(--text-xs);color:var(--color-fg-quaternary);text-align:center;padding:var(--spacing-xxs)}.event-planner .calendar-list-view{padding:var(--spacing-lg)}.event-planner .events-list{gap:var(--spacing-md);flex-direction:column;display:flex}.event-planner .event-list-item{gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-md);border-left:var(--spacing-xs) solid;cursor:pointer;transition:all .2s;display:flex}.event-planner .event-list-item:hover{background:var(--color-bg-tertiary);transform:translate(4px)}.event-planner .event-date-badge{width:var(--size-badge-reserve);height:var(--size-badge-reserve);border-radius:var(--radius-md);color:#fff;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:flex}.event-planner .event-day{font-size:var(--text-2xl);font-weight:700;line-height:1}.event-planner .event-month{font-size:var(--text-xs);text-transform:uppercase;opacity:.9}.event-planner .event-details{flex:1;min-width:0}.event-planner .event-header-row{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);display:flex}.event-planner .event-details h4{font-size:var(--text-md);color:var(--color-text-primary);align-items:center;gap:var(--spacing-sm);margin:0;font-weight:600;display:flex}.event-planner .event-icon{font-size:var(--text-lg)}.event-planner .event-badges{gap:var(--spacing-sm);flex-shrink:0;display:flex}.event-planner .rsvp-badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-xs);background:var(--color-bg-warning-secondary);color:var(--color-fg-warning-primary);border-radius:var(--radius-xs);font-weight:500;display:flex}.event-planner .role-badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-xs);border-radius:var(--radius-xs);font-weight:500;display:flex}.event-planner .event-description{margin:0 0 var(--spacing-md);font-size:var(--text-sm);color:var(--color-fg-quaternary);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.event-planner .event-meta{gap:var(--spacing-lg);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.event-planner .meta-item{align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-fg-quaternary);display:flex}.event-planner .countdown-badge{align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);font-weight:500;display:flex}.rsvp-buttons{gap:var(--spacing-sm);margin-top:var(--spacing-md);display:flex}.rsvp-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:var(--ring-width-md) solid var(--color-border-secondary);background:var(--color-bg-primary);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-fg-quaternary);cursor:pointer;transition:all .2s;display:flex}.rsvp-btn:hover{border-color:var(--color-border-primary)}.rsvp-btn.yes:hover,.rsvp-btn.yes.active{background:var(--color-bg-success-secondary);border-color:var(--color-bg-success-solid);color:var(--color-fg-success-primary)}.rsvp-btn.maybe:hover,.rsvp-btn.maybe.active{background:var(--color-bg-warning-secondary);border-color:var(--color-fg-warning-primary);color:var(--color-fg-warning-primary)}.rsvp-btn.no:hover,.rsvp-btn.no.active{background:var(--color-bg-error-secondary);border-color:var(--color-border-error-solid);color:var(--color-fg-error-primary)}.rsvp-btn .count{padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);background:#0000001a;font-weight:600}.upcoming-sidebar{padding:var(--spacing-lg);background:var(--color-bg-secondary)}.upcoming-sidebar h3{align-items:center;gap:var(--spacing-sm);font-size:var(--text-md);color:var(--color-fg-secondary);margin:0 0 var(--spacing-lg);font-weight:600;display:flex}.upcoming-list{gap:var(--spacing-md);flex-direction:column;display:flex}.upcoming-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-primary);border-radius:var(--radius-sm);border-left:var(--border-width-thick) solid;cursor:pointer;transition:all .2s;display:flex}.upcoming-item:hover{box-shadow:var(--shadow-sm);transform:translate(4px)}.upcoming-icon{width:var(--size-layout-40);height:var(--size-layout-40);border-radius:var(--radius-sm);font-size:var(--text-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.upcoming-info{flex:1;min-width:0}.upcoming-info h4{font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:500;overflow:hidden}.upcoming-info .date{font-size:var(--text-xs);color:var(--color-fg-quaternary)}.countdown-timer{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-xs);font-size:var(--text-xs);flex-shrink:0;font-weight:600;display:flex}.sidebar-empty{text-align:center;padding:var(--spacing-3xl) var(--spacing-composer);color:var(--color-fg-quinary)}.event-planner .modal-overlay{z-index:1000;padding:var(--spacing-composer);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.event-planner .event-detail-modal,.event-planner .create-event-modal{background:var(--color-bg-primary);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026}.event-planner .modal-header{padding:var(--spacing-composer) var(--spacing-xl);color:#fff;justify-content:space-between;align-items:center;display:flex}.event-planner .modal-header h3{align-items:center;gap:var(--spacing-sm);font-size:var(--text-lg);margin:0;display:flex}.event-planner .event-type-icon{font-size:var(--text-3xl)}.event-planner .creator-role-badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-xl);font-size:var(--text-xs);background:#fff3;display:flex}.event-planner .close-btn{width:var(--size-avatar-sm);height:var(--size-avatar-sm);border-radius:var(--radius-full);cursor:pointer;background:#fff3;border:none;justify-content:center;align-items:center;transition:background .2s;display:flex}.event-planner .close-btn:hover{background:#ffffff4d}.event-planner .modal-body{padding:var(--spacing-xl)}.event-planner .modal-body h3{margin:0 0 var(--spacing-md);font-size:var(--text-2xl);color:var(--color-text-primary);font-weight:600}.event-planner .event-type-label{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-xl);font-size:var(--text-sm);margin-bottom:var(--spacing-lg);font-weight:500;display:inline-flex}.event-planner .countdown-display{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);margin-bottom:var(--spacing-lg);font-size:var(--text-sm);display:flex}.event-planner .event-info-list{gap:var(--spacing-md);margin:var(--spacing-lg) 0;flex-direction:column;display:flex}.event-planner .info-item{align-items:center;gap:var(--spacing-md);font-size:var(--text-sm);color:var(--color-fg-tertiary);display:flex}.event-planner .info-item svg{color:var(--color-fg-quinary);flex-shrink:0}.event-planner .rsvp-section{margin-top:var(--spacing-composer);padding-top:var(--spacing-composer);border-top:var(--border-width-default) solid var(--color-border-secondary)}.event-planner .rsvp-section h4{margin:0 0 var(--spacing-sm);font-size:var(--text-md);color:var(--color-fg-secondary);font-weight:600}.event-planner .attendees-limit{margin:0 0 var(--spacing-md);font-size:var(--text-sm);color:var(--color-fg-quaternary)}.event-planner .modal-actions{margin-top:var(--spacing-composer);padding-top:var(--spacing-composer);border-top:var(--border-width-default) solid var(--color-border-secondary);gap:var(--spacing-md);display:flex}.event-planner .delete-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-error-secondary);border-radius:var(--radius-sm);color:var(--color-fg-error-primary);font-size:var(--text-sm);cursor:pointer;border:none;transition:all .2s;display:flex}.event-planner .delete-btn:hover{background:var(--color-bg-error-secondary)}.event-planner .event-presets{padding:0 var(--spacing-xl) var(--spacing-lg);border-bottom:var(--border-width-default) solid var(--color-border-secondary)}.event-planner .presets-toggle{align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-fg-tertiary);cursor:pointer;border:none;transition:all .2s;display:flex}.event-planner .presets-toggle:hover{background:var(--color-bg-quaternary)}.event-planner .presets-toggle .rotated{transform:rotate(180deg)}.event-planner .presets-grid{gap:var(--spacing-sm);margin-top:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.event-planner .preset-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-md);background:var(--color-bg-primary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-fg-secondary);cursor:pointer;transition:all .2s;display:flex}.event-planner .preset-btn:hover{border-color:var(--module-color);background:var(--color-bg-secondary)}.event-planner form{padding:var(--spacing-xl)}.event-planner .form-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.event-planner .checkbox-group label{align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-fg-tertiary);cursor:pointer;display:flex}.event-planner .checkbox-group input[type=checkbox]{width:var(--size-badge-sm);height:var(--size-badge-sm);cursor:pointer}.universal-events-panel{background:var(--color-bg-primary);border-radius:var(--radius-md);border:var(--border-width-default) solid var(--color-border-secondary);box-shadow:var(--shadow-xs);flex-direction:column;width:100%;height:fit-content;max-height:600px;display:flex}.panel-header{padding:var(--spacing-composer) var(--spacing-xl);border-bottom:var(--border-width-default) solid var(--color-border-secondary);background:var(--color-bg-secondary);border-radius:var(--radius-md) var(--radius-md) 0 0;justify-content:space-between;align-items:center;display:flex}.panel-header h4{color:var(--color-text-primary);font-size:var(--text-lg);margin:0;font-weight:700}.create-action-btn{color:var(--color-bg-brand-solid);padding:var(--spacing-sm);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.create-action-btn:hover{background:var(--color-bg-tertiary);transform:scale(1.1)}.quick-actions{padding:var(--spacing-composer) var(--spacing-xl);gap:var(--spacing-md);border-bottom:var(--border-width-default) solid var(--color-border-secondary);flex-direction:column;display:flex}.quick-action-btn{background:var(--color-bg-primary);border:var(--border-width-default) solid var(--color-border-secondary);color:var(--color-fg-quaternary);padding:var(--spacing-lg) var(--spacing-composer);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:var(--spacing-md);font-weight:600;font-size:var(--text-sm);text-align:left;width:100%;box-shadow:var(--shadow-xs);transition:all .2s;display:flex;position:relative;overflow:hidden}.quick-action-btn:before{content:"";background:var(--color-bg-brand-solid);width:4px;transition:transform .2s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.quick-action-btn:hover:before{transform:scaleY(1)}.quick-action-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-bg-brand-solid);color:var(--color-bg-brand-solid);transform:translateY(calc(-1 * var(--motion-lift-hover)));box-shadow:0 4px 12px #1877f226}.quick-action-btn span{flex:1;font-weight:600}.quick-action-btn svg{padding:var(--spacing-sm);border-radius:var(--radius-sm);color:var(--color-bg-brand-solid);background:#1877f21a;flex-shrink:0}.action-form{padding:var(--spacing-composer) var(--spacing-xl);border-bottom:var(--border-width-default) solid var(--color-border-secondary);background:var(--color-bg-secondary)}.action-form .form-row{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.action-form input,.action-form textarea,.action-form select{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--color-bg-primary);color:var(--color-text-primary);transition:all .2s}.action-form input:focus,.action-form textarea:focus,.action-form select:focus{border-color:var(--color-bg-brand-solid);outline:none;box-shadow:0 0 0 2px #1877f21a}.action-form textarea{resize:vertical;min-height:var(--size-badge-reserve);font-family:inherit;line-height:1.5rem}.action-form .form-actions{gap:var(--spacing-md);margin-top:var(--spacing-composer);padding-top:var(--spacing-lg);border-top:var(--border-width-default) solid var(--color-border-secondary);justify-content:flex-end;display:flex}.btn-cancel{background:var(--color-bg-tertiary);border:var(--border-width-default) solid var(--color-border-secondary);color:var(--color-fg-quaternary);padding:var(--spacing-md) var(--spacing-composer);border-radius:var(--radius-sm);cursor:pointer;font-weight:500;font-size:var(--text-sm);transition:all .2s}.btn-cancel:hover{background:var(--color-border-secondary);color:var(--color-text-primary)}.btn-create{background:var(--color-bg-brand-solid);color:#fff;padding:var(--spacing-md) var(--spacing-composer);border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-sm);cursor:pointer;border:none;transition:all .2s}.btn-create:hover:not(:disabled){background:var(--color-bg-brand-solid_hover);transform:translateY(calc(-1 * var(--motion-lift-hover)));box-shadow:0 4px 8px #1877f24d}.btn-create:disabled{opacity:.6;cursor:not-allowed}.actions-list{padding:var(--spacing-composer) var(--spacing-xl);gap:var(--spacing-lg);max-height:var(--size-grid-card);flex-direction:column;flex:1;display:flex;overflow-y:auto}.empty-actions{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);color:var(--color-fg-quaternary)}.empty-actions p{color:var(--color-text-primary);margin:var(--spacing-lg) 0 var(--spacing-sm) 0;font-weight:600;font-size:var(--text-md)}.empty-actions small{color:var(--color-fg-quaternary);font-size:var(--text-xs)}.action-item{background:var(--color-bg-primary);border:var(--border-width-default) solid var(--color-border-secondary);border-left:var(--spacing-xs) solid var(--color-bg-brand-solid);border-radius:var(--radius-sm);padding:var(--spacing-lg);transition:all .2s;position:relative}.action-item:hover{box-shadow:0 2px 8px var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.action-item:hover{box-shadow:0 2px 8px color-mix(in srgb, var(--color-text-primary) 8%, transparent)}}.action-item:hover{transform:translateY(calc(-1 * var(--motion-lift-hover)))}.action-item.completed{opacity:.7;background:var(--color-bg-secondary)}.action-item.completed .action-details h5{color:var(--color-fg-quaternary);text-decoration:line-through}.action-header{align-items:flex-start;gap:var(--spacing-md);display:flex}.action-icon{padding:var(--spacing-sm);border-radius:var(--radius-sm);color:var(--color-bg-brand-solid);background:#1877f21a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.action-details{flex:1;min-width:0}.action-details h5{color:var(--color-text-primary);font-size:var(--text-md);margin:0 0 var(--spacing-sm) 0;font-weight:600;line-height:1.25rem}.action-meta{gap:var(--spacing-xs);flex-direction:column;display:flex}.detail-item{align-items:center;gap:var(--spacing-sm);color:var(--color-fg-quaternary);font-size:var(--text-xs);display:flex}.detail-item svg{opacity:.7;flex-shrink:0}.action-description{color:var(--color-fg-quaternary);font-size:var(--text-sm);margin:var(--spacing-md) 0 0 0;padding-left:var(--spacing-4xl);line-height:1.5rem}.action-type{top:var(--spacing-md);right:var(--spacing-md);color:var(--color-bg-brand-solid);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-tight-ui);background:#1877f21a;font-weight:500;position:absolute}.complete-btn{border:var(--border-width-default) solid var(--color-border-secondary);color:var(--color-fg-quaternary);padding:var(--spacing-sm);border-radius:var(--radius-full);cursor:pointer;width:var(--size-layout-36);height:var(--size-layout-36);background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.complete-btn:hover:not(:disabled){background:var(--color-bg-success-primary);border-color:var(--color-fg-success-primary);color:var(--color-fg-success-primary);transform:scale(1.1)}.complete-btn.completed{background:var(--color-bg-success-primary);border-color:var(--color-fg-success-primary);color:var(--color-fg-success-primary);cursor:default}.complete-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=1200px){.universal-events-panel{max-height:var(--size-modal-sm)}.actions-list{max-height:var(--size-label-min)}.quick-actions{gap:var(--spacing-sm);grid-template-columns:1fr}.quick-action-btn{min-height:auto;padding:var(--spacing-md);flex-direction:row;justify-content:flex-start}}@media (width<=768px){.panel-header,.quick-actions,.action-form,.actions-list{padding:var(--spacing-lg)}.action-form .form-row{gap:var(--spacing-sm);grid-template-columns:1fr}.action-form .form-actions{flex-direction:column}.action-item{padding:var(--spacing-md)}.action-description{padding-left:var(--spacing-3xl)}}.events-tabs{gap:var(--spacing-md);padding:var(--spacing-composer);background:var(--color-bg-secondary);border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:var(--border-width-default) solid var(--color-border-secondary);display:flex}.tab-btn{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-sm);font-size:var(--text-md);cursor:pointer;border:none;flex:1;font-weight:600;transition:all .2s}.tab-btn:hover{transform:translateY(calc(-1 * var(--motion-lift-hover)));box-shadow:0 4px 12px #4caf5033}.create-event-btn{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-sm);color:#fff;font-size:var(--text-md);cursor:pointer;align-items:center;gap:var(--spacing-sm);border:none;flex:1.5;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #4caf504d}.create-event-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066}.action-form-card{background:var(--color-bg-primary);padding:var(--spacing-composer);margin:var(--spacing-lg);border-radius:var(--radius-md);border:var(--border-width-default) solid var(--color-border-secondary);box-shadow:var(--shadow-sm)}.events-card-list{padding:var(--spacing-lg);gap:var(--spacing-composer);flex-direction:column;max-height:600px;display:flex;overflow-y:auto}.event-card{background:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:all .3s;overflow:hidden}.event-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.event-card.completed{opacity:.6}.event-card-header{padding:var(--spacing-2xl);min-height:var(--size-dropdown-sm);justify-content:center;align-items:center;display:flex}.event-icon-large{color:#fff;font-size:var(--text-display-hero);justify-content:center;align-items:center;display:flex}.event-icon-large svg{stroke-width:1.5px;width:56px;height:56px}.event-card-content{padding:var(--spacing-xl)}.event-time{align-items:center;gap:var(--spacing-sm);color:var(--color-fg-quinary);font-size:var(--text-sm);margin-bottom:var(--spacing-md);display:flex}.event-title{font-size:var(--text-2xl);color:var(--color-text-success-primary);margin:0 0 var(--spacing-md) 0;font-weight:700;line-height:1.25rem}.event-description{font-size:var(--text-md);color:var(--color-fg-tertiary);margin:0 0 var(--spacing-composer) 0;line-height:1.75rem}.event-meta-info{gap:var(--spacing-lg);margin-bottom:var(--spacing-composer);padding-bottom:var(--spacing-composer);border-bottom:var(--border-width-default) solid var(--color-border-tertiary);flex-wrap:wrap;display:flex}.meta-item{align-items:center;gap:var(--spacing-sm);color:var(--color-fg-quaternary);font-size:var(--text-sm);display:flex}.event-actions{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.event-action-btn{color:var(--color-fg-quaternary);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);background:0 0;border:none;font-weight:500;transition:all .2s;display:flex}.event-action-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-success-primary);transform:scale(1.05)}.join-event-btn{background:var(--color-bg-success-solid);color:#fff;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-md);border:none;margin-left:auto;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #4caf504d}.join-event-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066}.empty-events-state{padding:var(--spacing-4xl) var(--spacing-xl);text-align:center;color:var(--color-fg-quinary)}.empty-events-state p{margin:var(--spacing-lg) 0 var(--spacing-sm);font-size:var(--text-md);color:var(--color-fg-quaternary);font-weight:600}.empty-events-state small{font-size:var(--text-sm);color:var(--color-fg-quinary)}:root{--bg-primary:var(--color-text-white);--bg-secondary:var(--color-bg-secondary);--bg-tertiary:var(--color-border-tertiary);--text-primary:var(--color-text-primary);--text-secondary:var(--color-fg-quaternary);--border-primary:var(--color-border-secondary);--accent-primary:var(--color-bg-brand-solid);--accent-secondary:var(--color-bg-success-solid);--shadow-light:var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){:root{--shadow-light:color-mix(in srgb, var(--color-text-primary) 4%, transparent)}}:root{--shadow-medium:var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){:root{--shadow-medium:color-mix(in srgb, var(--color-text-primary) 8%, transparent)}}@media print{.top-nav,.left-sidebar,.right-sidebar,.nav-actions,.post-actions,.message-input-area{display:none!important}.main-container{flex-direction:column;max-width:none}.post-item,.message{border:var(--border-width-default) solid var(--color-text-primary);-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:var(--spacing-lg)}}.media-storage .image-container{cursor:pointer;border-radius:var(--radius-sm);width:100%;height:var(--size-label-min);transition:all .2s;position:relative;overflow:hidden}.media-storage .image-container:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.media-storage .clickable-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:filter .2s}.media-storage .image-container:hover .clickable-image{filter:brightness(.95)}.media-storage .image-overlay{opacity:0;border-radius:var(--radius-sm);background:#0006;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.media-storage .image-container:hover .image-overlay{opacity:1}.media-storage .module-badge{top:var(--spacing-sm);left:var(--spacing-sm);z-index:2;pointer-events:none;position:absolute}.file-previews{gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--color-bg-secondary);border-radius:var(--radius-sm);border:var(--border-width-default) solid var(--color-border-secondary);flex-direction:column;display:flex}.file-preview{padding:var(--spacing-sm);background:var(--color-bg-primary);border-radius:var(--radius-xs);border:var(--border-width-default) solid var(--color-border-secondary);justify-content:space-between;align-items:center;display:flex}.file-info{align-items:center;gap:var(--spacing-sm);flex-grow:1;display:flex}.file-name{color:var(--color-text-primary);font-weight:500;font-size:var(--text-sm)}.file-size{color:var(--color-fg-quaternary);font-size:var(--text-xs)}.remove-file-btn{width:var(--size-line-min);height:var(--size-line-min);background:var(--color-bg-error-solid);color:#fff;border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.remove-file-btn:hover{background:var(--color-bg-error-solid)}.upload-progress{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-bg-brand-primary);border-radius:var(--radius-xs);color:var(--color-bg-brand-solid);font-size:var(--text-sm);margin-top:var(--spacing-sm);display:flex}.post-media{margin-top:var(--spacing-lg);gap:var(--spacing-lg);display:grid}.media-item{border-radius:var(--radius-sm);border:var(--border-width-default) solid var(--color-border-secondary);overflow:hidden}.media-image{width:100%;height:auto;max-height:var(--size-modal-sm);-o-object-fit:cover;object-fit:cover;display:block}.media-document{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-bg-primary);transition:background-color .2s;display:flex}.media-document:hover{background:var(--color-bg-secondary)}.doc-info{gap:var(--spacing-xs);flex-direction:column;flex-grow:1;display:flex}.doc-name{color:var(--color-text-primary);font-weight:500;font-size:var(--text-sm)}.doc-size{color:var(--color-fg-quaternary);font-size:var(--text-xs)}.doc-download-btn{background:var(--color-bg-brand-solid);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-xs);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:background-color .2s}.doc-download-btn:hover{background:var(--color-bg-brand-solid_hover);color:#fff;text-decoration:none}.post-youtube{margin-top:var(--spacing-lg)}.youtube-embed{margin-bottom:var(--spacing-lg);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);overflow:hidden}.youtube-embed:last-child{margin-bottom:0}.youtube-embed iframe{border-radius:var(--radius-sm)}.post-media:has(.media-item:nth-child(2)){grid-template-columns:1fr 1fr}.post-media:has(.media-item:nth-child(3)){grid-template-columns:1fr 1fr 1fr}.post-media:has(.media-item:nth-child(4)){grid-template-columns:1fr 1fr}@media (width<=768px){.post-media{grid-template-columns:1fr}.file-previews{padding:var(--spacing-md)}.file-preview{padding:var(--spacing-sm)}.media-document{padding:var(--spacing-md)}.youtube-embed iframe{height:var(--size-label-min)}}.nav-section{margin:var(--spacing-lg) 0;padding:0 var(--spacing-lg)}.nav-section-title{font-size:var(--text-xs);color:var(--color-fg-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest);margin-bottom:var(--spacing-sm);font-weight:700;display:block}.media-storage{background:var(--color-bg-primary);border-radius:var(--radius-md);width:100%;height:100%;box-shadow:var(--shadow-xs);flex-direction:column;display:flex;overflow:hidden}.main-content-area.full-width{flex:1;width:100%;max-width:none;margin-right:0}.main-content-area.full-width .media-storage{width:100%;max-width:none}.media-library-overlay{z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172aa6;justify-content:center;align-items:center;animation:.2s mlFadeIn;display:flex;position:fixed;inset:0}.media-library-modal{background:var(--color-bg-primary);border-radius:20px;flex-direction:column;width:92vw;max-width:1000px;max-height:88vh;animation:.25s cubic-bezier(.34,1.56,.64,1) mlSlideUp;display:flex;overflow:hidden;box-shadow:0 25px 80px #00000059}.ml-header{padding:var(--spacing-composer) var(--spacing-xl);border-bottom:1px solid var(--color-border-secondary);background:linear-gradient(to bottom, var(--color-bg-secondary), white);justify-content:space-between;align-items:center;display:flex}.ml-header-title{align-items:center;gap:16px;display:flex}.ml-header-icon{width:var(--size-layout-40);height:var(--size-layout-40);border-radius:12px;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #0000001a}.ml-header h3{font-size:var(--text-md);color:var(--color-text-primary);margin:0;font-weight:700}.ml-subtitle{font-size:var(--text-xs);color:var(--color-fg-quaternary)}.ml-close{background:var(--color-border-tertiary);width:var(--size-layout-36);height:var(--size-layout-36);cursor:pointer;color:var(--color-fg-quaternary);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.ml-close:hover{background:var(--color-border-secondary);transform:rotate(90deg)}.ml-toolbar{padding:var(--spacing-md) var(--spacing-xl);border-bottom:1px solid var(--color-border-secondary);background:var(--color-bg-secondary);flex-direction:column;gap:12px;display:flex}.ml-search{background:var(--color-bg-primary);border:1.5px solid var(--color-border-secondary);border-radius:var(--radius-sm);padding:0 var(--radius-md);align-items:center;transition:border-color .15s;display:flex;position:relative}.ml-search:focus-within{border-color:var(--color-bg-brand-solid)}.ml-search svg{color:var(--color-fg-quaternary);flex-shrink:0}.ml-search input{padding:var(--spacing-md);font-size:var(--text-md);background:0 0;border:none;outline:none;flex:1}.ml-search-clear{background:var(--color-border-tertiary);width:var(--size-badge-dot);height:var(--size-badge-dot);cursor:pointer;color:var(--color-fg-quaternary);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.ml-filters{flex-wrap:wrap;gap:8px;display:flex;overflow-x:auto}.ml-chip{padding:var(--spacing-xs) var(--spacing-md);border:1.5px solid var(--color-border-secondary);background:var(--color-bg-primary);font-size:var(--text-xs);color:var(--color-text-tertiary);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;font-weight:600;transition:all .15s;display:inline-flex}.ml-chip:hover{border-color:var(--color-border-primary);transform:translateY(-1px)}.ml-chip-dot{border-radius:50%;width:7px;height:7px}.ml-body{flex:1;padding:20px 24px;overflow-y:auto}.ml-body::-webkit-scrollbar{width:8px}.ml-body::-webkit-scrollbar-track{background:0 0}.ml-body::-webkit-scrollbar-thumb{background:var(--color-bg-quaternary);border-radius:4px}.ml-skeleton-grid{grid-template-columns:repeat(auto-fill, minmax(var(--size-grid-card-sm), 1fr));gap:16px;display:grid}.ml-skeleton{aspect-ratio:1;background:linear-gradient(90deg, var(--color-border-tertiary) 0%, var(--color-border-secondary) 50%, var(--color-border-tertiary) 100%);background-size:200% 100%;border-radius:12px;animation:1.4s infinite mlShimmer}.ml-empty{padding:var(--size-badge-reserve) var(--spacing-composer);justify-content:center;align-items:center;gap:var(--spacing-sm);text-align:center;flex-direction:column;display:flex}.ml-empty-icon{width:var(--size-layout-80);height:var(--size-layout-80);background:var(--color-border-tertiary);margin-bottom:var(--spacing-xs);border-radius:50%;justify-content:center;align-items:center;display:flex}.ml-empty h4{color:var(--color-text-primary);font-size:var(--text-md);margin:0}.ml-empty p{color:var(--color-fg-quaternary);font-size:var(--text-sm);margin:0}.ml-grid{grid-template-columns:repeat(auto-fill, minmax(var(--size-grid-card-sm), 1fr));gap:16px;display:grid}.ml-item{cursor:pointer;background:var(--color-bg-primary);border:1px solid var(--color-border-secondary);border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ml-item:hover{box-shadow:0 10px 25px var(--color-text-primary);transform:translateY(-3px)}@supports (color:color-mix(in lab, red, red)){.ml-item:hover{box-shadow:0 10px 25px color-mix(in srgb, var(--color-text-primary) 8%, transparent)}}.ml-item:hover .ml-hover-overlay{opacity:1}.ml-item.selected{transform:translateY(-2px)}.ml-thumb{aspect-ratio:1;background:linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-border-tertiary) 100%);width:100%;position:relative;overflow:hidden}.ml-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .3s}.ml-item:hover .ml-thumb img{transform:scale(1.05)}.ml-file-icon{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.ml-hover-overlay{opacity:0;pointer-events:none;background:linear-gradient(#0000 50%,#0000001f);transition:opacity .2s;position:absolute;inset:0}.ml-mod-badge{color:#fff;font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--spacing-sm);letter-spacing:.4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:calc(100% - var(--size-badge-min));text-overflow:ellipsis;white-space:nowrap;font-weight:700;position:absolute;top:8px;left:8px;overflow:hidden;box-shadow:0 2px 6px #00000026}.ml-pdf-badge{background:var(--color-bg-error-solid);color:#fff;font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--spacing-sm);letter-spacing:.4px;font-weight:700;position:absolute;top:8px;right:8px;box-shadow:0 2px 6px #e5393566}.ml-check-wrap{background:#4f46e526;justify-content:center;align-items:center;animation:.2s mlCheckIn;display:flex;position:absolute;inset:0}.ml-check{width:var(--size-layout-36);height:var(--size-layout-36);border-radius:50%;justify-content:center;align-items:center;animation:.3s cubic-bezier(.34,1.56,.64,1) mlCheckPop;display:flex;box-shadow:0 6px 20px #00000040}.ml-info{padding:8px 12px 12px}.ml-name{font-size:var(--text-xs);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-weight:600;overflow:hidden}.ml-meta{font-size:var(--text-xs);color:var(--color-fg-quaternary);font-weight:500}.ml-footer{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-border-secondary);background:var(--color-bg-secondary);justify-content:space-between;align-items:center;display:flex}.ml-footer-left{align-items:center;gap:12px;display:flex}.ml-selection-pill{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-sm);border-radius:999px;align-items:center;gap:8px;font-weight:600;display:inline-flex}.ml-clear-sel{color:var(--color-fg-quaternary);font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;padding:4px 8px;transition:all .15s}.ml-clear-sel:hover{background:var(--color-border-tertiary);color:var(--color-text-primary)}.ml-hint{color:var(--color-fg-quaternary);font-size:var(--text-sm)}.ml-confirm{padding:var(--spacing-md) var(--spacing-composer);border-radius:var(--spacing-md);color:#fff;font-weight:700;font-size:var(--text-sm);cursor:pointer;border:none;align-items:center;gap:8px;transition:all .15s;display:inline-flex;box-shadow:0 4px 12px #00000026}.ml-confirm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #0003}.ml-confirm:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}html.dark body,html.dark .App{background-color:var(--color-text-primary)}.my-profile-container{width:100%;max-width:1400px;padding:var(--spacing-composer);margin:0 auto;animation:.3s fadeIn}.profile-header{border-radius:var(--radius-lg);padding:var(--spacing-3xl);margin-bottom:var(--spacing-xl);box-shadow:0 2px 8px var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.profile-header{box-shadow:0 2px 8px color-mix(in srgb, var(--color-text-primary) 8%, transparent)}}.profile-header{transition:all .3s}.profile-header:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.profile-header-content{align-items:flex-start;gap:var(--spacing-2xl);display:flex;position:relative}.profile-avatar-large{width:var(--size-grid-md);height:var(--size-grid-md);border-radius:var(--radius-full);flex-shrink:0;transition:all .3s;overflow:hidden;box-shadow:0 4px 12px #00000026}.profile-avatar-large:hover{transform:scale(1.05);box-shadow:0 6px 20px #0003}.profile-avatar-large img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.avatar-placeholder{width:100%;height:100%;font-size:var(--text-4xl);color:#fff;text-transform:uppercase;justify-content:center;align-items:center;font-weight:700;display:flex}.profile-header-info{flex:1}.profile-header-info h1{font-size:var(--text-3xl);margin-bottom:var(--spacing-sm);color:var(--color-text-primary);font-weight:700}.profile-bio{font-size:var(--text-md);color:var(--color-fg-quaternary);margin-bottom:var(--spacing-lg);line-height:1.75rem}.profile-quick-stats{gap:var(--spacing-xl);flex-wrap:wrap;display:flex}.quick-stat{align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-primary);border-radius:var(--radius-sm);box-shadow:0 2px 4px var(--color-text-primary);font-weight:600;display:flex}@supports (color:color-mix(in lab, red, red)){.quick-stat{box-shadow:0 2px 4px color-mix(in srgb, var(--color-text-primary) 5%, transparent)}}.quick-stat{transition:all .2s}.quick-stat:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.privacy-settings-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-composer);background:var(--color-bg-primary);border:var(--ring-width-md) solid;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:all .3s;display:flex;position:absolute;top:0;right:0}.privacy-settings-btn:hover{background:var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.privacy-settings-btn:hover{background:color-mix(in srgb, var(--color-text-primary) 5%, transparent)}}.privacy-settings-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.privacy-settings-modal{z-index:10000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;width:100%;height:100%;position:absolute;top:0;left:0}.modal-content{background:var(--color-bg-primary);border-radius:var(--radius-lg);width:90%;max-width:600px;max-height:85vh;box-shadow:var(--shadow-modal);animation:.3s slideUp;position:relative;overflow:hidden}.modal-header{padding:var(--spacing-xl);border-bottom:var(--border-width-default) solid var(--color-border-secondary);justify-content:space-between;align-items:center;display:flex}.modal-header h2{align-items:center;gap:var(--spacing-md);font-size:var(--text-xl);color:var(--color-text-primary);font-weight:700;display:flex}.modal-header button{font-size:var(--text-3xl);color:var(--color-fg-quaternary);cursor:pointer;width:var(--size-avatar-sm);height:var(--size-avatar-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.modal-header .modal-close:hover{color:var(--color-text-primary);transform:rotate(90deg)}.modal-header button:hover{color:var(--color-text-primary)}.modal-body{padding:var(--spacing-xl);max-height:calc(85vh - var(--size-layout-80));overflow-y:auto}.privacy-section{margin-bottom:var(--spacing-2xl)}.privacy-section:last-child{margin-bottom:0}.privacy-section h3{font-size:var(--text-lg);margin-bottom:var(--spacing-lg);color:var(--color-text-primary);font-weight:600}.privacy-control{margin-bottom:var(--spacing-composer);padding-bottom:var(--spacing-composer);border-bottom:var(--border-width-default) solid var(--color-border-secondary)}.privacy-control:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.privacy-control label{font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:var(--spacing-md);font-weight:600;display:block}.privacy-options{gap:var(--spacing-sm);display:flex}.privacy-option{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-md);background:var(--color-bg-secondary);border:var(--ring-width-md) solid var(--color-border-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-fg-quaternary);cursor:pointer;flex:1;font-weight:500;transition:all .2s;display:flex}.privacy-option:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-primary);transform:translateY(-2px)}.privacy-option.active{background:var(--color-bg-success-solid_hover);border-color:var(--color-bg-success-solid_hover);color:#fff;box-shadow:0 2px 8px #0596694d}.privacy-option:disabled{opacity:.5;cursor:not-allowed}.profile-content{gap:var(--spacing-xl);grid-template-columns:1fr 1fr;display:grid}.profile-left-column,.profile-right-column{gap:var(--spacing-xl);flex-direction:column;display:flex}.my-profile-container .profile-card{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:0 2px 8px var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.my-profile-container .profile-card{box-shadow:0 2px 8px color-mix(in srgb, var(--color-text-primary) 8%, transparent)}}.my-profile-container .profile-card{transition:all .3s;display:block;overflow:hidden}.my-profile-container .profile-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.card-header{padding:var(--spacing-composer) var(--spacing-xl);border-bottom:var(--border-width-default) solid var(--color-border-secondary);border-left:var(--spacing-xs) solid;align-items:center;gap:var(--spacing-md);background:linear-gradient(135deg, var(--color-text-primary) 0%, transparent 100%);display:flex}@supports (color:color-mix(in lab, red, red)){.card-header{background:linear-gradient(135deg, color-mix(in srgb, var(--color-text-primary) 2%, transparent) 0%, transparent 100%)}}.card-header h3{font-size:var(--text-lg);color:var(--color-text-primary);font-weight:700}.card-body{padding:var(--spacing-xl)}.my-profile-container .info-row{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg) 0;border-bottom:var(--border-width-default) solid var(--color-border-tertiary);transition:all .2s;display:flex}.my-profile-container .info-row:last-child{border-bottom:none;padding-bottom:0}.my-profile-container .info-row:hover{background:linear-gradient(90deg, transparent 0%, var(--color-text-primary) 100%)}@supports (color:color-mix(in lab, red, red)){.my-profile-container .info-row:hover{background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--color-text-primary) 2%, transparent) 100%)}}.my-profile-container .info-row:hover{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm);border-radius:var(--radius-sm);margin-left:-8px;margin-right:-8px}.my-profile-container .info-row>svg{color:var(--color-fg-quinary);flex-shrink:0}.my-profile-container .info-content{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.my-profile-container .info-label{font-size:var(--text-xs);color:var(--color-fg-quinary);text-transform:uppercase;letter-spacing:var(--tracking-tight-ui);font-weight:500}.my-profile-container .info-value{font-size:var(--text-md);color:var(--color-text-primary);font-weight:500}.visibility-badge{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-secondary);border-radius:var(--radius-xs);color:var(--color-fg-quaternary);font-size:var(--text-xs);align-items:center;display:flex}.highlight-box{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-md);border:var(--ring-width-md) solid;margin-top:var(--spacing-lg);transition:all .3s;display:flex}.highlight-box:hover{box-shadow:var(--shadow-md);transform:translate(4px)}.highlight-box strong{font-size:var(--text-sm);margin-bottom:var(--spacing-xs);color:var(--color-text-primary);font-weight:700;display:block}.highlight-box p{font-size:var(--text-sm);color:var(--color-fg-quaternary);margin:0}.org-card{padding:var(--spacing-composer);background:linear-gradient(135deg, var(--color-text-primary) 0%, transparent 100%)}@supports (color:color-mix(in lab, red, red)){.org-card{background:linear-gradient(135deg, color-mix(in srgb, var(--color-text-primary) 2%, transparent) 0%, transparent 100%)}}.org-card{border-left:var(--spacing-xs) solid;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);transition:all .3s}.org-card:last-child{margin-bottom:0}.org-card:hover{background:linear-gradient(135deg, var(--color-text-primary) 0%, transparent 100%)}@supports (color:color-mix(in lab, red, red)){.org-card:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--color-text-primary) 4%, transparent) 0%, transparent 100%)}}.org-card:hover{box-shadow:var(--shadow-md);transform:translate(4px)}.org-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.org-header h4{font-size:var(--text-md);color:var(--color-text-primary);flex:1;font-weight:700}.admin-badge{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-border-brand-solid);color:#fff;border-radius:var(--radius-xs);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-tight-ui);font-weight:700}.org-detail{align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-fg-quaternary);margin-bottom:var(--spacing-sm);display:flex}.org-detail:last-child{margin-bottom:0}.org-detail svg{color:var(--color-fg-quinary);flex-shrink:0}.interests-tags{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.interest-tag{padding:var(--spacing-sm) var(--spacing-lg);border:var(--ring-width-md) solid;border-radius:var(--radius-xl);font-size:var(--text-sm);cursor:default;font-weight:600;transition:all .2s}.interest-tag:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.loading-spinner{padding:var(--size-badge-reserve) var(--spacing-composer);font-size:var(--text-md);color:var(--color-fg-quaternary);justify-content:center;align-items:center;display:flex}.error-message{padding:var(--size-badge-reserve) var(--spacing-composer);font-size:var(--text-md);color:var(--color-fg-error-primary);justify-content:center;align-items:center;display:flex}@media (width<=1024px){.profile-content{grid-template-columns:1fr}.privacy-settings-btn{margin-top:var(--spacing-composer);position:static}}@media (width<=768px){.my-profile-container{padding:var(--spacing-md)}.profile-header{padding:var(--spacing-xl)}.profile-header-content{text-align:center;flex-direction:column;align-items:center}.profile-avatar-large{width:var(--size-grid-sm);height:var(--size-grid-sm)}.profile-header-info h1{font-size:var(--text-2xl)}.profile-quick-stats{justify-content:center}.modal-content{width:95%;max-height:90vh}.modal-body{padding:var(--spacing-lg)}.privacy-options{flex-direction:column}.org-card,.card-body{padding:var(--spacing-lg)}}.privacy-modal{max-width:700px}.modal-header{padding:var(--spacing-xl) var(--spacing-2xl);border-bottom:var(--border-width-default) solid var(--color-border-secondary);background:linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-text-white) 100%);justify-content:space-between;align-items:center;display:flex}.modal-header h2{font-size:var(--text-2xl);color:var(--color-text-primary);margin:0;font-weight:700}.close-btn{font-size:var(--text-4xl);color:var(--color-fg-quinary);cursor:pointer;width:var(--size-layout-36);height:var(--size-layout-36);border-radius:var(--radius-full);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.close-btn:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary);transform:rotate(90deg)}.privacy-context-section{margin-bottom:var(--spacing-2xl)}.privacy-context-section:last-child{margin-bottom:0}.context-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-composer);padding-bottom:var(--spacing-lg);border-bottom:var(--ring-width-md) solid var(--color-border-tertiary);display:flex}.context-header h3{font-size:var(--text-lg);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;font-weight:700}.context-header p{font-size:var(--text-sm);color:var(--color-fg-quaternary);margin:0}.privacy-settings-list{flex-direction:column;gap:0;display:flex}.privacy-toggle-item{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-composer) var(--spacing-lg);background:var(--color-bg-primary);border-bottom:var(--border-width-default) solid var(--color-border-tertiary);transition:all .2s;display:flex}.privacy-toggle-item:hover{background:var(--color-bg-secondary)}.privacy-toggle-item:last-child{border-bottom:none}.privacy-toggle-icon{width:var(--size-layout-40);height:var(--size-layout-40);background:linear-gradient(135deg, var(--color-bg-tertiary) 0%, var(--color-border-primary) 100%);border-radius:var(--radius-sm);color:var(--color-fg-quaternary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.privacy-toggle-content{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.privacy-toggle-label{font-size:var(--text-md);color:var(--color-text-primary);font-weight:600}.privacy-toggle-description{font-size:var(--text-sm);color:var(--color-fg-quaternary);line-height:1.5rem}.toggle-switch{cursor:pointer;flex-shrink:0;width:51px;height:31px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider:before{content:"";width:27px;height:27px;left:var(--ring-width-md);bottom:var(--ring-width-md);background-color:var(--color-bg-primary);border-radius:var(--radius-full);transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-bg-success-solid_hover)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.privacy-context-section:nth-child(2) .toggle-switch input:checked+.toggle-slider{background-color:var(--color-border-brand-solid)}.privacy-context-section:nth-child(3) .toggle-switch input:checked+.toggle-slider{background-color:var(--color-bg-brand-solid)}.toggle-switch:hover .toggle-slider{box-shadow:0 0 0 4px #0596691a}.toggle-switch:hover input:checked+.toggle-slider{box-shadow:0 0 0 4px #05966926}@media (width<=768px){.privacy-modal{border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%}.modal-header{padding:var(--spacing-composer)}.modal-header h2{font-size:var(--text-lg)}.privacy-toggle-item{padding:var(--spacing-lg) var(--spacing-md)}.privacy-toggle-icon{width:var(--size-layout-36);height:var(--size-layout-36)}.toggle-switch{width:48px;height:28px}.toggle-slider:before{height:var(--size-line-min);width:var(--size-line-min)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}}.my-info-page-v2{padding:var(--spacing-2xl) var(--spacing-4xl);box-sizing:border-box;background:var(--color-bg-secondary);width:100%;min-height:100%;overflow-y:auto}@media (width<=1200px){.my-info-page-v2{padding:var(--spacing-xl) var(--spacing-2xl)}}@media (width<=768px){.my-info-page-v2{padding:var(--spacing-lg)}}.page-header-v2{margin-bottom:var(--spacing-2xl)}.page-header-v2 .header-content h1{align-items:center;gap:var(--spacing-md);font-size:var(--text-3xl);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0;font-weight:700;font-family:var(--font-body);display:flex}.page-header-v2 .subtitle{color:var(--color-fg-quaternary);font-size:var(--text-md);margin:0}.alert-v2{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-composer);border-radius:var(--radius-md);margin-bottom:var(--spacing-composer);font-size:var(--text-sm);font-weight:500;animation:.3s ease-out slideIn;display:flex}.alert-v2.alert-success{background:linear-gradient(135deg, var(--color-bg-success-primary) 0%, var(--color-bg-success-secondary) 100%);color:var(--color-text-success-primary);border:var(--border-width-default) solid var(--color-bg-success-secondary)}.alert-v2.alert-error{background:linear-gradient(135deg, var(--color-bg-error-primary) 0%, var(--color-bg-error-primary) 100%);color:var(--color-fg-error-primary);border:var(--border-width-default) solid var(--color-border-error_subtle)}.profile-completion-card{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:0 1px 3px var(--color-text-primary), 0 1px 2px #0000001a}@supports (color:color-mix(in lab, red, red)){.profile-completion-card{box-shadow:0 1px 3px color-mix(in srgb, var(--color-text-primary) 5%, transparent), 0 1px 2px #0000001a}}.profile-completion-card{border:var(--border-width-default) solid var(--color-border-secondary)}.completion-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.completion-title{align-items:center;gap:var(--spacing-sm);font-size:var(--text-md);color:var(--color-fg-secondary);font-weight:600;display:flex}.completion-percentage{flex-direction:column;align-items:flex-end;display:flex}.percentage-value{font-size:var(--text-2xl);color:var(--color-text-primary);font-weight:700;line-height:1}.percentage-label{font-size:var(--text-xs);color:var(--color-fg-quinary);text-transform:uppercase;letter-spacing:var(--tracking-tight-ui)}.progress-bar-container{background:var(--color-bg-tertiary);border-radius:100px;width:100%;height:8px;overflow:hidden}.progress-bar-fill{border-radius:100px;height:100%;position:relative}.progress-bar-fill:after{content:"";background:linear-gradient(90deg,#fff0 0%,#fff6 50%,#fff0 100%);animation:2s infinite shimmer;position:absolute;inset:0}.completion-tips{margin-top:var(--spacing-md)}.tip-text{font-size:var(--text-xs);color:var(--color-fg-quinary)}.my-info-page-v2 .section-card{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-composer);box-shadow:0 1px 3px var(--color-text-primary), 0 1px 2px #0000001a}@supports (color:color-mix(in lab, red, red)){.my-info-page-v2 .section-card{box-shadow:0 1px 3px color-mix(in srgb, var(--color-text-primary) 5%, transparent), 0 1px 2px #0000001a}}.my-info-page-v2 .section-card{border:var(--border-width-default) solid var(--color-border-secondary);transition:box-shadow .2s,transform .2s}.my-info-page-v2 .section-card:hover{box-shadow:0 4px 6px var(--color-text-primary), 0 2px 4px #0000001a}@supports (color:color-mix(in lab, red, red)){.my-info-page-v2 .section-card:hover{box-shadow:0 4px 6px color-mix(in srgb, var(--color-text-primary) 5%, transparent), 0 2px 4px #0000001a}}.my-info-page-v2 .section-card-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:var(--border-width-default) solid var(--color-border-tertiary);justify-content:space-between;align-items:center;display:flex}.my-info-page-v2 .section-title-group{align-items:center;gap:var(--spacing-md);display:flex}.my-info-page-v2 .section-icon{width:var(--size-layout-40);height:var(--size-layout-40);border-radius:var(--radius-sm);justify-content:center;align-items:center;display:flex}.my-info-page-v2 .section-card-header h2{font-size:var(--text-lg);color:var(--color-text-primary);font-weight:600;font-family:var(--font-body);margin:0}.my-info-page-v2 .section-actions{gap:var(--spacing-sm);display:flex}.my-info-page-v2 .btn-edit{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-tertiary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);color:var(--color-fg-secondary);font-size:var(--text-sm);cursor:pointer;font-weight:500;transition:all .15s;display:flex}.my-info-page-v2 .btn-edit:hover{background:var(--color-bg-quaternary);border-color:var(--color-border-primary)}.my-info-page-v2 .edit-action-group{gap:var(--spacing-sm);display:flex}.my-info-page-v2 .btn-save{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg, var(--color-bg-success-solid_hover) 0%, var(--color-bg-success-solid_hover) 100%);border-radius:var(--radius-sm);color:#fff;font-size:var(--text-sm);cursor:pointer;border:none;font-weight:500;transition:all .15s;display:flex}.my-info-page-v2 .btn-save:hover:not(:disabled){transform:translateY(calc(-1 * var(--motion-lift-hover)));box-shadow:0 4px 12px #0596694d}.my-info-page-v2 .btn-save:disabled{opacity:.6;cursor:not-allowed}.my-info-page-v2 .btn-cancel{width:var(--size-layout-36);height:var(--size-layout-36);background:var(--color-bg-tertiary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);color:var(--color-fg-quaternary);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex}.my-info-page-v2 .btn-cancel:hover:not(:disabled){background:var(--color-bg-quaternary);color:var(--color-fg-secondary)}.my-info-page-v2 .form-grid{gap:var(--spacing-composer);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=768px){.my-info-page-v2 .form-grid{gap:var(--spacing-lg);grid-template-columns:1fr}}.my-info-page-v2 .form-field{gap:var(--spacing-sm);flex-direction:column;display:flex}.my-info-page-v2 .form-field.full-width{grid-column:1/-1}.my-info-page-v2 .field-label{align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-fg-tertiary);font-weight:500;display:flex}.my-info-page-v2 .field-label svg{color:var(--color-fg-quinary)}.my-info-page-v2 .field-hint{font-size:var(--text-xs);color:var(--color-fg-quinary);margin-left:var(--spacing-xs);font-weight:400}.my-info-page-v2 .select-field{cursor:pointer;appearance:none;padding-right:var(--spacing-3xl);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}.my-info-page-v2 .display-value{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);font-size:var(--text-md);color:var(--color-text-primary);align-items:center;min-height:46px;display:flex}.my-info-page-v2 .display-value.empty{color:var(--color-fg-quinary);font-style:italic}.my-info-page-v2 .display-value.highlight{background:linear-gradient(135deg, var(--color-bg-success-primary) 0%, var(--color-bg-success-secondary) 100%);border-color:var(--color-bg-success-secondary);color:var(--color-text-success-primary);font-weight:500}.my-info-page-v2 .profile-picture-container{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg) 0;flex-direction:column;display:flex}.my-info-page-v2 .avatar-wrapper{width:var(--size-grid-md);height:var(--size-grid-md);border-radius:var(--radius-full);cursor:pointer;position:relative;overflow:hidden}.my-info-page-v2 .avatar-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.my-info-page-v2 .avatar-placeholder-v2{background:linear-gradient(135deg, var(--color-border-primary) 0%, var(--color-border-primary) 100%);width:100%;height:100%;color:var(--color-fg-quinary);justify-content:center;align-items:center;display:flex}.my-info-page-v2 .avatar-overlay{color:#fff;opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.my-info-page-v2 .avatar-wrapper:hover .avatar-overlay{opacity:1}.my-info-page-v2 .picture-actions{gap:var(--spacing-md);display:flex}.my-info-page-v2 .btn-upload{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-composer);background:linear-gradient(135deg, var(--color-bg-success-solid_hover) 0%, var(--color-bg-success-solid_hover) 100%);border-radius:var(--radius-sm);color:#fff;font-size:var(--text-sm);cursor:pointer;border:none;font-weight:500;transition:all .15s;display:flex}.my-info-page-v2 .btn-upload:hover:not(:disabled){transform:translateY(calc(-1 * var(--motion-lift-hover)));box-shadow:0 4px 12px #0596694d}.my-info-page-v2 .btn-remove{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-error-primary);border:var(--border-width-default) solid var(--color-border-error_subtle);border-radius:var(--radius-sm);color:var(--color-fg-error-primary);font-size:var(--text-sm);cursor:pointer;font-weight:500;transition:all .15s;display:flex}.my-info-page-v2 .btn-remove:hover:not(:disabled){background:var(--color-bg-error-secondary)}.my-info-page-v2 .upload-hint{font-size:var(--text-xs);color:var(--color-fg-quinary);margin:0}.my-info-page-v2 .password-form{gap:var(--spacing-lg);max-width:var(--size-modal-sm);flex-direction:column;display:flex}.my-info-page-v2 .security-info{color:var(--color-fg-quaternary);font-size:var(--text-sm)}.my-info-page-v2 .danger-zone-card{background:var(--color-bg-primary);border-radius:var(--radius-lg);margin-top:var(--spacing-2xl);box-shadow:0 1px 3px var(--color-text-primary), 0 1px 2px #0000001a}@supports (color:color-mix(in lab, red, red)){.my-info-page-v2 .danger-zone-card{box-shadow:0 1px 3px color-mix(in srgb, var(--color-text-primary) 5%, transparent), 0 1px 2px #0000001a}}.my-info-page-v2 .danger-zone-card{border:var(--border-width-default) solid var(--color-border-error_subtle);overflow:hidden}.my-info-page-v2 .danger-header{padding:var(--spacing-composer) var(--spacing-xl);cursor:pointer;justify-content:space-between;align-items:center;transition:background .15s;display:flex}.my-info-page-v2 .danger-header:hover{background:var(--color-bg-error-primary)}.my-info-page-v2 .danger-title{align-items:center;gap:var(--spacing-md);color:var(--color-fg-error-primary);display:flex}.my-info-page-v2 .danger-title h2{font-size:var(--text-md);margin:0;font-weight:600}.my-info-page-v2 .btn-toggle-danger{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-error-primary);border:var(--border-width-default) solid var(--color-border-error_subtle);border-radius:var(--radius-xs);color:var(--color-fg-error-primary);font-size:var(--text-xs);cursor:pointer;font-weight:500;transition:all .15s}.my-info-page-v2 .btn-toggle-danger:hover{background:var(--color-bg-error-secondary)}.my-info-page-v2 .danger-content{padding:0 var(--spacing-xl) var(--spacing-xl);animation:.2s ease-out slideDown}.my-info-page-v2 .danger-warning{gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-bg-error-primary);border-radius:var(--radius-md);margin-bottom:var(--spacing-composer);display:flex}.my-info-page-v2 .danger-warning>svg{color:var(--color-fg-error-primary);margin-top:var(--spacing-xxs);flex-shrink:0}.my-info-page-v2 .danger-warning h3{font-size:var(--text-md);color:var(--color-fg-error-primary);margin:0 0 var(--spacing-sm) 0;font-weight:600}.my-info-page-v2 .danger-warning p{font-size:var(--text-sm);color:var(--color-text-error-primary);margin:0 0 var(--spacing-md) 0}.my-info-page-v2 .danger-warning ul{padding-left:var(--spacing-composer);font-size:var(--text-sm);color:var(--color-fg-error-primary);margin:0}.my-info-page-v2 .danger-warning li{margin-bottom:var(--spacing-xs)}.my-info-page-v2 .delete-form{gap:var(--spacing-md);max-width:var(--size-modal-sm);flex-direction:column;display:flex}.my-info-page-v2 .delete-form label{font-size:var(--text-sm);color:var(--color-fg-secondary)}.my-info-page-v2 .input-danger{border-color:var(--color-border-error_subtle)}.my-info-page-v2 .input-danger:focus{border-color:var(--color-border-error-solid);box-shadow:0 0 0 3px #dc26261a}.my-info-page-v2 .btn-delete-account{padding:var(--spacing-md) var(--spacing-composer);background:linear-gradient(135deg, var(--color-bg-error-solid_hover) 0%, var(--color-text-error-primary_hover) 100%);border-radius:var(--radius-sm);color:#fff;font-size:var(--text-sm);cursor:pointer;border:none;font-weight:600;transition:all .15s}.my-info-page-v2 .btn-delete-account:hover:not(:disabled){transform:translateY(calc(-1 * var(--motion-lift-hover)));box-shadow:0 4px 12px #dc26264d}.my-info-page-v2 .btn-delete-account:disabled{opacity:.5;cursor:not-allowed}.my-info-page-v2 .loading-container,.my-info-page-v2 .error-container{min-height:var(--size-modal-sm);justify-content:center;align-items:center;gap:var(--spacing-lg);color:var(--color-fg-quaternary);flex-direction:column;display:flex}.loading-spinner-modern{width:var(--size-layout-40);height:var(--size-layout-40);border:var(--border-width-thick) solid var(--color-border-secondary);border-top-color:var(--color-bg-success-solid_hover);border-radius:var(--radius-full);animation:.8s linear infinite spin}.error-icon{color:var(--color-fg-error-primary)}.event-planner .event-type-selector{gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr);display:grid}.event-planner .type-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-sm);border:var(--ring-width-md) solid var(--color-border-secondary);border-radius:var(--radius-sm);background:var(--color-bg-primary);font-size:var(--text-xs);color:var(--color-fg-secondary);cursor:pointer;flex-direction:column;transition:all .2s;display:flex}.event-planner .type-btn span:first-child{font-size:var(--text-xl)}.event-planner .rsvp-options{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.event-planner .form-actions{justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-xl);display:flex}.event-planner .cancel-btn{padding:var(--spacing-md) var(--spacing-composer);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-fg-quaternary);cursor:pointer;border:none}.event-planner .submit-btn{padding:var(--spacing-md) var(--spacing-composer);border-radius:var(--radius-sm);font-size:var(--text-sm);color:#fff;cursor:pointer;border:none;font-weight:500}.event-planner-widget{background:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.event-planner-widget .widget-header{padding:var(--spacing-lg);border-bottom:var(--border-width-default) solid var(--color-border-secondary);justify-content:space-between;align-items:center;display:flex}.event-planner-widget .widget-header h3{align-items:center;gap:var(--spacing-sm);font-size:var(--text-md);color:var(--color-fg-secondary);margin:0;font-weight:600;display:flex}.event-planner-widget .add-btn{width:var(--size-avatar-sm);height:var(--size-avatar-sm);border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;display:flex}.event-planner-widget .widget-empty{padding:var(--spacing-3xl) var(--spacing-composer);color:var(--color-fg-quinary);text-align:center;flex-direction:column;align-items:center;display:flex}.event-planner-widget .widget-empty p{margin:var(--spacing-md) 0 0;font-size:var(--text-sm)}.event-planner-widget .widget-events{padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;display:flex}.event-planner-widget .widget-event-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-sm);border-left:var(--border-width-thick) solid;cursor:pointer;transition:all .2s;display:flex}.event-planner-widget .widget-event-item:hover{background:var(--color-bg-tertiary);transform:translate(4px)}.event-planner-widget .event-icon{width:var(--size-layout-36);height:var(--size-layout-36);border-radius:var(--radius-sm);font-size:var(--text-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.event-planner-widget .event-info{flex:1;min-width:0}.event-planner-widget .event-info h4{font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:500;overflow:hidden}.event-planner-widget .event-meta{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs);display:flex}.event-planner-widget .date{font-size:var(--text-xs);color:var(--color-fg-quaternary)}.event-planner-widget .countdown{align-items:center;gap:var(--spacing-xs);font-size:var(--text-xs);font-weight:500;display:flex}.event-planner-widget .creator-badge{border-radius:var(--radius-xs);width:28px;height:28px;font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.event-planner .empty-state{padding:var(--size-badge-reserve) var(--spacing-composer);color:var(--color-fg-quinary);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.event-planner .empty-state h3{margin:var(--spacing-lg) 0 var(--spacing-sm);font-size:var(--text-lg);color:var(--color-fg-tertiary)}.event-planner .empty-state p{font-size:var(--text-sm);margin:0}.event-planner .loading-state{text-align:center;padding:var(--size-badge-reserve);color:var(--color-fg-quaternary)}@media (width<=1024px){.planner-content{grid-template-columns:1fr}.upcoming-sidebar{border-top:var(--border-width-default) solid var(--color-border-secondary)}.planner-main{border-right:none}}@media (width<=768px){.planner-header{flex-direction:column;align-items:stretch}.planner-controls{flex-wrap:wrap;justify-content:space-between}.event-planner .calendar-day{min-height:var(--size-layout-70);padding:var(--spacing-xs)}.event-planner .day-events{display:none}.event-planner .event-type-selector{grid-template-columns:repeat(2,1fr)}.event-planner .form-row,.event-planner .presets-grid{grid-template-columns:1fr}.rsvp-buttons{flex-wrap:wrap}.rsvp-btn span:not(.count){display:none}}.auth-container{min-height:100vh;padding:var(--spacing-2xl);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-container:before{content:"";z-index:0;background:#0000004d;position:absolute;inset:0}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:var(--spacing-4xl);border:var(--border-width-default) solid #fff3;z-index:1;background:#fffffff2;width:100%;max-width:420px;transition:transform .3s,box-shadow .3s;position:relative;transform:translateY(0);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a}.auth-card:hover{box-shadow:var(--shadow-modal-deep) 0 0 0 1px #ffffff26;transform:translateY(-4px)}.auth-header{text-align:center;margin-bottom:var(--spacing-2xl)}.auth-logo-section{justify-content:center;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-sm);display:flex}.auth-logo{-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-full);border:var(--border-width-thick) solid var(--color-text-white);width:64px;height:64px;box-shadow:0 4px 12px #00000026}.platform-logo{font-size:var(--text-4xl);font-weight:var(--font-weight-extrabold);background:linear-gradient(135deg, var(--color-utility-purple-500) 0%, var(--color-utility-purple-700) 100%);-webkit-text-fill-color:transparent;letter-spacing:var(--letter-spacing-tighter);text-shadow:0 2px 10px #667eea33;-webkit-background-clip:text;background-clip:text;margin:0}.auth-header p{color:var(--color-fg-quaternary);font-size:var(--text-md);margin:0}.auth-form{gap:var(--spacing-composer);box-sizing:border-box;flex-direction:column;width:100%;display:flex}.form-row{gap:var(--spacing-lg);box-sizing:border-box;grid-template-columns:1fr 1fr;display:grid}.password-input{position:relative}.password-toggle{right:var(--spacing-md);color:var(--color-fg-quaternary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-xs);background:0 0;border:none;transition:all .2s;position:absolute;top:50%;transform:translateY(-50%)}.password-toggle:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.auth-button{background:linear-gradient(135deg, var(--color-bg-brand-solid) 0%, var(--color-bg-brand-solid) 100%);color:#fff;padding:var(--spacing-lg) 1.75rem;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);border:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #1877f24d,0 1px 3px #0000001a}.auth-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.auth-button:hover:before{left:100%}.auth-button:hover:not(:disabled){background:linear-gradient(135deg, var(--color-bg-brand-solid) 0%, var(--color-bg-brand-solid_hover) 100%);transform:translateY(-2px)scale(1.02);box-shadow:0 8px 20px #1877f266,0 3px 6px #00000026}.auth-button:active:not(:disabled){transform:translateY(0)scale(1)}.auth-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.error-message{background:var(--color-bg-error-primary);color:var(--color-bg-error-solid_hover);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);border:var(--border-width-default) solid var(--color-bg-error-secondary);font-size:var(--text-sm);text-align:center}.auth-switch{text-align:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:var(--border-width-default) solid var(--color-border-secondary)}.auth-switch p{color:var(--color-fg-quaternary);font-size:var(--text-sm);margin:0}.auth-switch button{color:var(--color-bg-brand-solid);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-xs);background:0 0;border:none;font-weight:600;text-decoration:underline;transition:all .2s}.auth-switch button:hover{background:#1877f21a;text-decoration:none}.onboarding-container{background:linear-gradient(135deg, var(--color-utility-purple-500) 0%, var(--color-utility-purple-700) 100%);min-height:100vh;padding:var(--spacing-2xl);justify-content:center;align-items:center;display:flex}.onboarding-card{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-3xl);border:var(--border-width-default) solid var(--color-border-secondary);width:100%;max-width:600px;box-shadow:0 20px 40px #0000001a}.onboarding-progress{margin-bottom:var(--spacing-2xl);align-items:center;gap:var(--spacing-lg);display:flex}.progress-bar{background:var(--color-border-secondary);border-radius:var(--radius-xs);flex:1;height:6px;overflow:hidden}.progress-fill{background:var(--color-bg-brand-solid);border-radius:var(--radius-xs);height:100%;transition:width .3s}.progress-text{color:var(--color-fg-quaternary);font-size:var(--text-sm);white-space:nowrap;font-weight:500}.onboarding-step{margin:var(--spacing-2xl) 0}.step-header{text-align:center;margin-bottom:var(--spacing-2xl)}.step-header h2{color:var(--color-text-primary);font-size:var(--text-2xl);margin:var(--spacing-lg) 0 var(--spacing-sm) 0;font-weight:700}.step-header p{color:var(--color-fg-quaternary);font-size:var(--text-md);margin:0}.privacy-settings{gap:var(--spacing-xl);flex-direction:column;display:flex}.privacy-item{justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-sm);border:var(--border-width-default) solid var(--color-border-secondary);display:flex}.privacy-info{flex:1}.privacy-info strong{color:var(--color-text-primary);font-size:var(--text-md);margin-bottom:var(--spacing-xs);font-weight:600;display:block}.privacy-info p{color:var(--color-fg-quaternary);font-size:var(--text-sm);margin:0;line-height:1.5rem}.toggle{width:var(--size-avatar-md);height:var(--size-line-min);flex-shrink:0;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--color-border-secondary);border-radius:var(--radius-2xl);transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";height:var(--size-badge-sm);width:var(--size-badge-sm);left:var(--border-width-thick);bottom:var(--border-width-thick);background-color:var(--color-bg-primary);border-radius:var(--radius-full);transition:all .2s;position:absolute;box-shadow:0 2px 4px #0000001a}.toggle input:checked+.toggle-slider{background-color:var(--color-bg-brand-solid)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.onboarding-summary{text-align:left}.onboarding-summary h3,.onboarding-summary h4{color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0}.summary-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);flex-direction:column;display:flex}.summary-item{align-items:center;gap:var(--spacing-md);color:var(--color-fg-quaternary);font-size:var(--text-sm);display:flex}.magic-explanation{background:var(--color-bg-brand-primary);padding:var(--spacing-xl);border-radius:var(--radius-sm);border:var(--border-width-default) solid var(--color-bg-brand-primary)}.magic-explanation h4{color:var(--color-bg-brand-solid);margin-bottom:var(--spacing-lg)}.magic-explanation ul{padding-left:var(--spacing-composer);margin:0}.magic-explanation li{color:var(--color-bg-brand-solid);font-size:var(--text-sm);margin-bottom:var(--spacing-sm);line-height:1.5rem}.onboarding-actions{justify-content:space-between;align-items:center;gap:var(--spacing-lg);margin-top:var(--spacing-2xl);flex-wrap:wrap;display:flex}.btn-primary{background:linear-gradient(135deg, var(--color-bg-brand-solid) 0%, var(--color-bg-brand-solid_hover) 100%);color:#fff;padding:var(--spacing-lg) 1.75rem;border-radius:var(--radius-md);font-weight:600;font-size:var(--text-md);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-md);box-shadow:0 2px 6px #1877f233, 0 1px 2px var(--color-text-primary);border:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}@supports (color:color-mix(in lab, red, red)){.btn-primary{box-shadow:0 2px 6px #1877f233, 0 1px 2px color-mix(in srgb, var(--color-text-primary) 8%, transparent)}}.btn-primary{position:relative;overflow:hidden}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-primary:hover:before{left:100%}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--color-bg-brand-solid_hover) 0%, var(--color-bg-brand-solid_hover) 100%);transform:translateY(-2px)scale(1.01);box-shadow:0 6px 16px #1877f24d,0 2px 6px #0000001a}.btn-primary:active:not(:disabled){box-shadow:0 2px 6px #1877f233, 0 1px 2px var(--color-text-primary);transform:translateY(0)scale(.99)}@supports (color:color-mix(in lab, red, red)){.btn-primary:active:not(:disabled){box-shadow:0 2px 6px #1877f233, 0 1px 2px color-mix(in srgb, var(--color-text-primary) 8%, transparent)}}.btn-primary:focus-visible{outline:none;box-shadow:0 0 0 4px #1877f233,0 6px 16px #1877f24d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:linear-gradient(135deg, var(--color-border-tertiary) 0%, var(--color-border-secondary) 100%);color:var(--color-text-primary);border:var(--ring-width-md) solid #e4e6eacc;padding:var(--spacing-lg) 1.75rem;border-radius:var(--radius-md);font-weight:600;font-size:var(--text-md);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-md);box-shadow:0 1px 3px var(--color-text-primary), 0 1px 2px var(--color-text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}@supports (color:color-mix(in lab, red, red)){.btn-secondary{box-shadow:0 1px 3px color-mix(in srgb, var(--color-text-primary) 5%, transparent), 0 1px 2px color-mix(in srgb, var(--color-text-primary) 3%, transparent)}}.btn-secondary:hover{background:linear-gradient(135deg, var(--color-border-secondary) 0%, var(--color-border-primary) 100%);box-shadow:0 4px 10px var(--color-text-primary), 0 2px 4px var(--color-text-primary);border-color:#d0d3d9e6;transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.btn-secondary:hover{box-shadow:0 4px 10px color-mix(in srgb, var(--color-text-primary) 8%, transparent), 0 2px 4px color-mix(in srgb, var(--color-text-primary) 5%, transparent)}}.btn-secondary:active{transform:translateY(0)}.btn-secondary:focus-visible{box-shadow:0 0 0 4px #e4e6ea80, 0 4px 10px var(--color-text-primary);outline:none}@supports (color:color-mix(in lab, red, red)){.btn-secondary:focus-visible{box-shadow:0 0 0 4px #e4e6ea80, 0 4px 10px color-mix(in srgb, var(--color-text-primary) 8%, transparent)}}.btn-ghost{color:var(--color-fg-quaternary);padding:var(--spacing-lg) var(--spacing-composer);border-radius:var(--radius-md);font-weight:500;font-size:var(--text-md);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);background:0 0;border:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.btn-ghost:hover{color:var(--color-text-primary);transform:translateY(calc(-1 * var(--motion-lift-hover)));box-shadow:0 2px 6px var(--color-text-primary);background:#f0f2f5cc}@supports (color:color-mix(in lab, red, red)){.btn-ghost:hover{box-shadow:0 2px 6px color-mix(in srgb, var(--color-text-primary) 4%, transparent)}}.btn-ghost:active{background:#e4e6ea99;transform:translateY(0)}.btn-ghost:focus-visible{outline:none;box-shadow:0 0 0 3px #65676b33}html.app-scroll-locked,html.app-scroll-locked body{width:100vw!important;height:100vh!important;max-height:100vh!important;position:fixed!important;inset:0!important;overflow:hidden!important}.top-nav{background:var(--color-bg-primary);border-bottom:var(--ring-width-md) solid var(--color-border-secondary);padding:var(--spacing-md) 0;z-index:100;box-shadow:var(--shadow-xs);transition:all .5s cubic-bezier(.4,0,.2,1);position:sticky;top:0;overflow:visible}.top-nav:before{content:"";opacity:.08;pointer-events:none;background:linear-gradient(135deg,currentColor 0%,#0000 50%,currentColor 100%);transition:opacity .5s;position:absolute;inset:0}.top-nav:after{content:"";opacity:.4;background:linear-gradient(90deg,currentColor 0%,#0000 50%,currentColor 100%);height:2px;transition:all .5s;position:absolute;bottom:0;left:0;right:0}.nav-content{width:100%;max-width:100%;padding:0 var(--spacing-2xl);justify-content:space-between;align-items:center;gap:var(--spacing-2xl);z-index:1;margin:0 auto;display:flex;position:relative}.logo-section{align-items:center;gap:var(--spacing-md);width:var(--spacing-sidebar);flex-shrink:0;display:flex}.nav-logo{-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-full);filter:grayscale(0);width:42px;height:42px;box-shadow:var(--shadow-sm);border:var(--ring-width-md) solid #ffffff4d;transition:all .3s}.nav-logo:hover{filter:drop-shadow(0 4px 12px);transform:scale(1.1);box-shadow:0 4px 16px #0003}.logo-section .platform-logo{font-size:var(--text-2xl);font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-tight);-webkit-text-fill-color:transparent;white-space:nowrap;background:linear-gradient(135deg,currentColor 0% 60%,#0009 100%);-webkit-background-clip:text;background-clip:text;margin:0;transition:all .5s}.module-navigation{align-items:center;gap:var(--spacing-lg);flex:1;justify-content:center;display:flex}.user-section{align-items:center;gap:var(--spacing-lg);width:var(--spacing-sidebar);justify-content:flex-end;display:flex}.clock-widget{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;border:var(--border-width-default) solid #0000001a;background:linear-gradient(135deg,currentColor .08px,#0000);flex-direction:column;align-items:center;transition:all .3s;display:flex}.clock-widget:hover{background:var(--color-bg-secondary);transform:translateY(calc(-1 * var(--motion-lift-hover)))}.clock-widget .time{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:700;line-height:1}.clock-widget .date{font-size:var(--text-xs);color:var(--color-fg-quaternary);margin-top:.125rem;line-height:1}.clock-widget .calendar-icon{margin-top:var(--spacing-xs);color:var(--color-fg-quaternary)}.user-menu{position:relative}.main-container{align-items:flex-start;width:100%;max-width:100%}.content-area{flex-direction:column;min-width:0;display:flex}.content-header{z-index:1;display:none;position:relative}.header-left{align-items:center;gap:var(--spacing-md);display:flex}.module-pill{padding:var(--spacing-sm) var(--spacing-composer);border-radius:var(--radius-2xl);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#fff;letter-spacing:var(--letter-spacing-wide);cursor:default;border:var(--border-width-default) solid #fff3;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.module-pill:hover{transform:translateY(calc(-1 * var(--motion-lift-hover)));box-shadow:0 6px 16px #00000026!important}.view-separator{color:var(--gray-400);flex-shrink:0}.current-view{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--gray-700);letter-spacing:var(--letter-spacing-snug)}.header-right{align-items:center;gap:var(--spacing-sm);display:flex}.header-action-btn{width:var(--size-layout-40);height:var(--size-layout-40);border-radius:var(--radius-md);background:var(--gray-100);color:var(--gray-700);cursor:pointer;box-shadow:var(--shadow-xs);border:none;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.header-action-btn:hover{background:var(--gray-200);color:var(--gray-900);transform:translateY(calc(-1 * var(--motion-lift-hover)));box-shadow:0 4px 8px #0000001a}.header-action-btn:active{transform:translateY(0)}.header-action-btn.primary{box-shadow:0 4px 12px #00000026}.header-action-btn.primary:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 6px 16px #0003}.notification-badge{min-width:var(--spacing-composer);height:var(--spacing-composer);background:linear-gradient(135deg, var(--color-bg-error-solid) 0%, var(--color-bg-error-solid_hover) 100%);color:#fff;font-size:var(--text-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-sm);padding:0 var(--spacing-xs);justify-content:center;align-items:center;animation:2s infinite pulse;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 4px #ef44444d,0 0 0 2px #fff}.module-title,.breadcrumb{display:none}.context-tags{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.context-tag{background:var(--color-bg-tertiary);color:var(--color-fg-quaternary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);font-size:var(--text-xs);border:var(--border-width-default) solid var(--color-border-secondary);font-weight:500}.content-body{background:var(--color-bg-feed);flex-direction:column;flex:1;display:flex}.module-content-inset{padding-left:var(--spacing-content-edge);padding-right:var(--spacing-content-edge);padding-top:var(--spacing-content-y);padding-bottom:var(--spacing-content-y);box-sizing:border-box}.events-panel-inset{padding-left:var(--spacing-content-gap);padding-right:var(--spacing-content-edge)}.split-content-layout{flex:1;gap:0;min-width:0;display:flex}.main-content-area{min-width:0;max-width:58%;height:calc(100vh - var(--spacing-header));scrollbar-width:none;background:var(--color-bg-feed);flex:0 0 58%;overflow-y:auto}.main-content-area::-webkit-scrollbar{display:none}.main-content-area:only-child,.split-content-layout>.main-content-area.full-width{flex:1;max-width:100%}.main-content-area.chat-fullpage{height:calc(100vh - var(--spacing-header) - var(--spacing-eric-bar));max-height:calc(100vh - var(--spacing-header) - var(--spacing-eric-bar));overflow:hidden}.events-panel-area{min-width:0;max-width:42%;height:calc(100vh - var(--spacing-header));background:var(--color-bg-feed);flex:0 0 42%;overflow:hidden}.content-area:only-child{flex:1;max-width:100%}@media (width<=1280px){.events-panel-area{display:none}}@media (width<=1200px){.split-content-layout{flex-direction:column}.main-content-area,.events-panel-area{flex:none;width:100%}}@media (width<=768px){.nav-content{gap:var(--spacing-lg);padding:var(--spacing-lg);flex-direction:column}.nav-logo{width:var(--size-avatar-sm);height:var(--size-avatar-sm)}.auth-logo{width:var(--size-layout-40);height:var(--size-layout-40)}.logo-section .platform-logo{font-size:var(--text-xl)}.module-navigation{padding-bottom:var(--spacing-sm);order:2;justify-content:flex-start;overflow-x:auto}.user-section{order:1;align-self:flex-end}.post-creation-section,.post-item,.widget{padding:var(--spacing-lg)}.message{max-width:85%}.universal-chat-layout-full{height:500px}.content-header{padding:var(--spacing-lg) 0}.module-title{font-size:var(--text-2xl)}}@media (width<=480px){.form-row{grid-template-columns:1fr}.auth-card{padding:var(--spacing-2xl) var(--spacing-xl);margin:var(--spacing-lg)}.onboarding-card{padding:var(--spacing-xl);margin:var(--spacing-lg)}.nav-tabs{flex-wrap:wrap}.nav-tab{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--text-sm)}.post-actions{gap:var(--spacing-lg);flex-direction:column;align-items:stretch}.post-submit-actions{justify-content:flex-end}.message{max-width:95%}.input-wrapper{padding:var(--spacing-sm) var(--spacing-sm)}.message-input{font-size:var(--text-sm)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb{background:var(--color-bg-quaternary);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background:var(--color-fg-quaternary)}@media (prefers-contrast:high){.post-item,.widget,.message-content{border-width:2px}.filter-btn,.nav-tab,.post-action-btn{border:var(--border-width-default) solid var(--color-fg-quaternary)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{transition-timing-function:cubic-bezier(.4,0,.2,1)}html{scroll-behavior:smooth}.btn-primary,.submit-btn,.post-action-btn{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-primary:hover,.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000026}.btn-primary:active,.submit-btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.unified-filter-widget .filter-item{transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.unified-filter-widget .filter-item:before{content:"";background:linear-gradient(90deg, transparent, var(--color-bg-success-solid));width:0;height:100%;position:absolute;top:0;left:0}@supports (color:color-mix(in lab, red, red)){.unified-filter-widget .filter-item:before{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-bg-success-solid) 5%, transparent))}}.unified-filter-widget .filter-item:before{transition:width .3s}.unified-filter-widget .filter-item:hover:before{width:100%}.unified-filter-widget .filter-item.active{transform:scale(1.02)}.unified-filter-widget .filter-check{animation:.3s cubic-bezier(.4,0,.2,1) checkmarkAppear}.modal-overlay{animation:.3s cubic-bezier(.4,0,.2,1) modalFadeIn}.post-form,.gender-modal{animation:.4s cubic-bezier(.4,0,.2,1) modalSlideUp}.widget{transition:all .3s cubic-bezier(.4,0,.2,1)}.widget:hover{box-shadow:0 6px 16px var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.widget:hover{box-shadow:0 6px 16px color-mix(in srgb, var(--color-text-primary) 8%, transparent)}}.widget:hover{transform:translateY(-2px)}.loading-spinner{border:var(--spacing-xs) solid var(--color-bg-success-solid);width:48px;height:48px}@supports (color:color-mix(in lab, red, red)){.loading-spinner{border:var(--spacing-xs) solid color-mix(in srgb, var(--color-bg-success-solid) 10%, transparent)}}.loading-spinner{border-top-color:var(--color-bg-success-solid_hover);border-radius:var(--radius-full);box-shadow:0 4px 12px var(--color-bg-success-solid);animation:.8s cubic-bezier(.5,0,.5,1) infinite spin}@supports (color:color-mix(in lab, red, red)){.loading-spinner{box-shadow:0 4px 12px color-mix(in srgb, var(--color-bg-success-solid) 20%, transparent)}}input[type=text],input[type=email],input[type=password],textarea,select{transition:box-shadow .15s,border-color .15s}.post-item{transition:all .3s cubic-bezier(.4,0,.2,1)}.post-item:hover{box-shadow:0 8px 24px var(--color-text-primary), 0 4px 8px var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.post-item:hover{box-shadow:0 8px 24px color-mix(in srgb, var(--color-text-primary) 8%, transparent), 0 4px 8px color-mix(in srgb, var(--color-text-primary) 5%, transparent)}}.post-item:hover{border-color:var(--color-bg-success-solid);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.post-item:hover{border-color:color-mix(in srgb, var(--color-bg-success-solid) 20%, transparent)}}.post-action-btn{transition:all .2s cubic-bezier(.4,0,.2,1)}.post-action-btn:hover{background-color:var(--color-bg-success-solid)}@supports (color:color-mix(in lab, red, red)){.post-action-btn:hover{background-color:color-mix(in srgb, var(--color-bg-success-solid) 8%, transparent)}}.post-action-btn:hover{transform:scale(1.05)}.post-action-btn:active{transform:scale(.98)}.post-action-btn.liked{animation:.4s cubic-bezier(.4,0,.2,1) likeAnimation}.module-btn{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.module-btn:before{content:"";border-radius:var(--radius-full);background:#ffffff4d;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.module-btn:hover:before{width:var(--size-grid-card);height:var(--size-grid-card)}.module-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000026}.module-btn:active{transform:translateY(calc(-1 * var(--motion-lift-hover)))}.search-input{transition:all .3s cubic-bezier(.4,0,.2,1)}.search-input:focus{background:var(--color-bg-primary);box-shadow:var(--shadow-md);transform:scale(1.02)}.profile-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-btn:hover{box-shadow:-4px 0 12px var(--color-text-primary);transform:translate(4px)}@supports (color:color-mix(in lab, red, red)){.profile-btn:hover{box-shadow:-4px 0 12px color-mix(in srgb, var(--color-text-primary) 8%, transparent)}}.visibility-dropdown{cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.visibility-dropdown:hover{background:var(--color-bg-success-solid)}@supports (color:color-mix(in lab, red, red)){.visibility-dropdown:hover{background:color-mix(in srgb, var(--color-bg-success-solid) 5%, transparent)}}.visibility-dropdown:hover{border-color:var(--color-bg-success-solid_hover)}.visibility-dropdown:focus{box-shadow:0 0 0 4px var(--color-bg-success-solid)}@supports (color:color-mix(in lab, red, red)){.visibility-dropdown:focus{box-shadow:0 0 0 4px color-mix(in srgb, var(--color-bg-success-solid) 15%, transparent)}}.visibility-dropdown:focus{transform:scale(1.02)}.file-preview{transition:all .3s cubic-bezier(.4,0,.2,1)}.file-preview:hover{transform:scale(1.05);box-shadow:0 8px 20px #0000001f}.file-preview .remove-file-btn{opacity:0;transition:all .2s cubic-bezier(.4,0,.2,1)}.file-preview:hover .remove-file-btn{opacity:1}.comment-item{transition:all .25s cubic-bezier(.4,0,.2,1)}.comment-item:hover{background:var(--color-bg-success-solid)}@supports (color:color-mix(in lab, red, red)){.comment-item:hover{background:color-mix(in srgb, var(--color-bg-success-solid) 2%, transparent)}}.comment-item:hover{border-left:var(--border-width-thick) solid var(--color-bg-success-solid_hover);padding-left:calc(var(--spacing-lg) - var(--spacing-xs))}.media-btn{transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.media-btn:hover{background:var(--color-bg-success-solid)}@supports (color:color-mix(in lab, red, red)){.media-btn:hover{background:color-mix(in srgb, var(--color-bg-success-solid) 10%, transparent)}}.media-btn:hover{transform:scale(1.1)rotate(5deg)}.media-btn:active{transform:scale(.95)}.media-btn.has-files{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.notifications-badge{animation:.4s cubic-bezier(.4,0,.2,1) badgePop}.top-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-link{transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.sidebar-link:before{content:"";background:linear-gradient(90deg, var(--color-bg-success-solid_hover), transparent);border-radius:0 var(--radius-xs) var(--radius-xs) 0;width:0;height:70%;transition:width .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-link:hover:before{width:4px}.sidebar-link:hover{background:var(--color-bg-success-solid);transform:translate(4px)}@supports (color:color-mix(in lab, red, red)){.sidebar-link:hover{background:color-mix(in srgb, var(--color-bg-success-solid) 5%, transparent)}}.emoji-picker{animation:.3s cubic-bezier(.4,0,.2,1) emojiSlideIn;box-shadow:0 8px 24px #0000001f}.emoji-btn{transition:all .2s cubic-bezier(.4,0,.2,1)}.emoji-btn:hover{background:var(--color-bg-success-solid);transform:scale(1.3)rotate(10deg)}@supports (color:color-mix(in lab, red, red)){.emoji-btn:hover{background:color-mix(in srgb, var(--color-bg-success-solid) 10%, transparent)}}.success-message{background:linear-gradient(135deg, var(--color-fg-success-primary), var(--color-bg-success-solid_hover));color:#fff;padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-md);box-shadow:0 8px 24px var(--color-bg-success-solid);animation:.4s cubic-bezier(.4,0,.2,1) slideInRight}@supports (color:color-mix(in lab, red, red)){.success-message{box-shadow:0 8px 24px color-mix(in srgb, var(--color-bg-success-solid) 30%, transparent)}}.loading-container{animation:.3s cubic-bezier(.4,0,.2,1) fadeIn}.widget-card,.profile-card{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.widget-card:after,.profile-card:after{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--color-bg-success-solid), transparent);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.widget-card:after,.profile-card:after{background:linear-gradient(135deg, color-mix(in srgb, var(--color-bg-success-solid) 5%, transparent), transparent)}}.widget-card:after,.profile-card:after{opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.widget-card:hover:after,.profile-card:hover:after{opacity:1}.dashboard,.main-content{animation:.4s cubic-bezier(.4,0,.2,1) pageTransition}[title]:hover{position:relative}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width>=1400px){.main-content{max-width:800px}.dashboard-container{gap:var(--spacing-2xl)}.widget{padding:var(--spacing-xl)}.widget-header{margin-bottom:var(--spacing-composer)}.post-item{padding:var(--spacing-2xl);margin-bottom:var(--spacing-xl)}.profile-banner{height:var(--size-grid-card-lg)}.profile-avatar{width:var(--size-dropdown-lg);height:var(--size-dropdown-lg)}.unified-filter-widget .filter-item{padding:var(--spacing-lg) var(--spacing-composer)}}@media (width>=1200px){.interactive-element{cursor:pointer}.desktop-only{display:block}}:focus,:focus-visible{outline:none!important}button,a,[role=button],[onclick],.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.ui-element,.widget-header,.nav-item,.filter-item{-webkit-user-select:none;user-select:none}.post-content,.comment-text,.message-content{-webkit-user-select:text;user-select:text}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{border-radius:var(--radius-md);background:#f0f2f580}.custom-scrollbar::-webkit-scrollbar-thumb{border-radius:var(--radius-md);background:linear-gradient(135deg,#667eea66 0%,#764ba266 100%);transition:background .3s}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#667eea99 0%,#764ba299 100%)}@media print{.no-print,.left-sidebar,.right-sidebar,.top-nav,.widget,button,.post-actions{display:none!important}.main-content{width:100%;max-width:100%}.post-item{page-break-inside:avoid;box-shadow:none;border:var(--border-width-default) solid var(--color-border-secondary)}}@media (prefers-contrast:high){.widget,.post-item,.filter-item{border-width:2px;border-color:var(--color-text-primary)}body{color:var(--color-text-primary);background:var(--color-bg-primary)}.btn-primary{background:var(--color-text-primary);color:var(--color-fg-white);border:var(--ring-width-md) solid var(--color-text-primary)}.btn-secondary{background:var(--color-bg-primary);color:var(--color-text-primary);border:var(--ring-width-md) solid var(--color-text-primary)}}.family-setup-page{background:linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);min-height:100vh;padding:var(--spacing-2xl)}.family-setup-container{max-width:800px;margin:0 auto}.setup-header{margin-bottom:var(--spacing-2xl)}.back-button{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-composer);background:var(--color-bg-primary);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--radius-sm);color:var(--color-fg-quaternary);cursor:pointer;font-weight:500;transition:all .2s;display:flex}.back-button:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-secondary);color:var(--color-text-primary)}.setup-content{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:0 2px 12px var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.setup-content{box-shadow:0 2px 12px color-mix(in srgb, var(--color-text-primary) 8%, transparent)}}.setup-content{padding:var(--spacing-4xl)}.setup-hero{text-align:center;margin-bottom:var(--spacing-4xl)}.hero-icon{background:linear-gradient(135deg, var(--color-bg-success-primary) 0%, var(--color-bg-success-secondary) 100%);border-radius:var(--radius-full);width:96px;height:96px;margin-bottom:var(--spacing-xl);justify-content:center;align-items:center;display:inline-flex}.setup-hero h1{font-size:var(--text-display-stat);color:var(--color-text-primary);margin-bottom:var(--spacing-md);font-weight:700}.setup-hero p{font-size:var(--text-lg);color:var(--color-fg-quaternary);max-width:600px;margin:0 auto}.setup-form{gap:var(--spacing-2xl);flex-direction:column;display:flex}.form-section{padding:var(--spacing-2xl);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:var(--border-width-default) solid var(--color-border-secondary)}.form-section h3{font-size:var(--text-xl);color:var(--color-text-primary);margin-bottom:var(--spacing-xl);align-items:center;gap:var(--spacing-sm);font-weight:600;display:flex}.privacy-options{gap:var(--spacing-lg);flex-direction:column;display:flex}.privacy-option{align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-composer);background:var(--color-bg-primary);border:var(--ring-width-md) solid var(--color-border-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;display:flex}.privacy-option:hover{border-color:var(--color-bg-success-solid_hover);background:var(--color-bg-success-primary)}.privacy-option input[type=checkbox]{width:var(--size-badge-dot);height:var(--size-badge-dot);margin-top:var(--spacing-xxs);cursor:pointer}.privacy-option-content{flex:1}.privacy-option-content strong{font-size:var(--text-md);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);display:block}.privacy-option-content p{font-size:var(--text-sm);color:var(--color-fg-quaternary);margin:0}.form-actions{justify-content:flex-end;gap:var(--spacing-lg);padding-top:var(--spacing-lg);display:flex}.form-actions .btn-primary,.form-actions .btn-secondary{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--text-md);border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:all .2s}.form-actions .btn-primary{background:var(--color-bg-success-solid);color:#fff;border:none}.form-actions .btn-primary:hover:not(:disabled){background:var(--color-bg-success-solid_hover);transform:translateY(calc(-1 * var(--motion-lift-hover)));box-shadow:0 4px 12px var(--color-bg-success-solid)}@supports (color:color-mix(in lab, red, red)){.form-actions .btn-primary:hover:not(:disabled){box-shadow:0 4px 12px color-mix(in srgb, var(--color-bg-success-solid) 30%, transparent)}}.form-actions .btn-primary:disabled{background:var(--color-bg-quaternary);cursor:not-allowed}.form-actions .btn-secondary{background:var(--color-bg-primary);color:var(--color-text-primary);border:var(--ring-width-md) solid var(--color-border-secondary)}.form-actions .btn-secondary:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-secondary)}@media (width<=768px){.family-setup-page{padding:var(--spacing-lg)}.setup-content{padding:var(--spacing-2xl) var(--spacing-xl)}.setup-hero h1{font-size:var(--text-2xl)}.form-section{padding:var(--spacing-xl)}.form-actions{flex-direction:column}.form-actions .btn-primary,.form-actions .btn-secondary{width:100%}}.alert{padding:var(--spacing-lg) var(--spacing-composer);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xl);align-items:center;gap:var(--spacing-md);font-weight:500;display:flex}.alert-success{background:var(--color-bg-success-secondary);border:var(--border-width-default) solid var(--color-fg-success-primary);color:var(--color-text-success-primary)}.alert-error{background:var(--color-bg-error-secondary);border:var(--border-width-default) solid var(--color-border-error-solid);color:var(--color-fg-error-primary)}.security-section{border-left:var(--spacing-xs) solid var(--color-fg-warning-primary)}.password-change-form{gap:var(--spacing-composer);padding:var(--spacing-xl);background:var(--color-bg-warning-primary);border-radius:var(--radius-md);margin-top:var(--spacing-lg);flex-direction:column;display:flex}.password-change-form label{color:var(--color-text-primary);font-weight:600;font-size:var(--text-sm)}.password-change-form .btn-primary{padding:var(--spacing-md) var(--spacing-xl);background:var(--color-bg-warning-solid);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-self:flex-start;font-weight:600;transition:all .2s}.password-change-form .btn-primary:hover:not(:disabled){background:var(--color-bg-warning-solid_hover);transform:translateY(calc(-1 * var(--motion-lift-hover)))}.password-change-form .btn-primary:disabled{background:var(--color-bg-quaternary);cursor:not-allowed}.danger-section{border-left:var(--spacing-xs) solid var(--color-border-error-solid)}.danger-zone-content{padding:var(--spacing-xl);background:var(--color-bg-error-primary);border-radius:var(--radius-md);margin-top:var(--spacing-lg)}.danger-warning{gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--color-bg-primary);border:var(--ring-width-md) solid var(--color-border-error);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);display:flex}.danger-warning svg{color:var(--color-fg-error-primary);flex-shrink:0}.danger-warning h3{font-size:var(--text-lg);color:var(--color-fg-error-primary);margin-bottom:var(--spacing-sm);font-weight:700}.danger-warning p{font-size:var(--text-md);color:var(--color-text-error-primary);margin-bottom:var(--spacing-md)}.danger-warning ul{padding-left:var(--spacing-xl);margin-bottom:var(--spacing-md);list-style:outside}.danger-warning li{font-size:var(--text-sm);color:var(--color-text-error-primary);margin-bottom:var(--spacing-xs)}.delete-confirmation{gap:var(--spacing-lg);flex-direction:column;display:flex}.delete-confirmation label{color:var(--color-text-primary);font-weight:600}.delete-confirmation label strong{color:var(--color-fg-error-primary)}.btn-danger{padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-bg-error-solid_hover);color:#fff;border-radius:var(--radius-sm);font-weight:700;font-size:var(--text-md);cursor:pointer;border:none;transition:all .2s}[data-sidebar=left][data-tint=light] [data-sidebar-nav] a.group\/item,[data-sidebar=left][data-tint=light] [data-sidebar-nav] summary{background-color:#0000}[data-sidebar=left][data-tint=light] [data-sidebar-nav] a.group\/item:hover,[data-sidebar=left][data-tint=light] [data-sidebar-nav] summary:hover{background-color:#ffffff1a}[data-sidebar=left][data-tint=light] [data-sidebar-nav] a.bg-secondary,[data-sidebar=left][data-tint=light] [data-sidebar-nav] summary.bg-secondary{background-color:#fff3}[data-sidebar=left][data-tint=light] [data-sidebar-nav] a.bg-secondary:hover,[data-sidebar=left][data-tint=light] [data-sidebar-nav] summary.bg-secondary:hover{background-color:#ffffff40}[data-sidebar=left][data-tint=light] [data-sidebar-nav] .text-fg-quaternary{color:#ffffffb3}[data-sidebar=left][data-tint=light] [data-sidebar-nav] .text-fg-quaternary_hover,[data-sidebar=left][data-tint=light] [data-sidebar-nav] a[aria-current=page] .text-fg-quaternary,[data-sidebar=left][data-tint=light] [data-sidebar-nav] .text-secondary,[data-sidebar=left][data-tint=light] [data-sidebar-nav] .text-secondary_hover,[data-sidebar=left][data-tint=light] [data-sidebar-nav] a[aria-current=page] .text-secondary{color:#fff}[data-sidebar=left][data-tint=light] [data-sidebar-divider] hr{background-color:#fff3}[data-sidebar=left][data-tint=dark] [data-sidebar-nav] a.group\/item,[data-sidebar=left][data-tint=dark] [data-sidebar-nav] summary{background-color:#0000}[data-sidebar=left][data-tint=dark] [data-sidebar-nav] a.group\/item:hover,[data-sidebar=left][data-tint=dark] [data-sidebar-nav] summary:hover{background-color:#0000001a}[data-sidebar=left][data-tint=dark] [data-sidebar-nav] a.bg-secondary,[data-sidebar=left][data-tint=dark] [data-sidebar-nav] summary.bg-secondary{background-color:#00000026}[data-sidebar=left][data-tint=dark] [data-sidebar-nav] a.bg-secondary:hover,[data-sidebar=left][data-tint=dark] [data-sidebar-nav] summary.bg-secondary:hover{background-color:#0003}@media (width>=1024px){.shell-sidebar{top:var(--spacing-shell-inset);bottom:var(--spacing-shell-inset);border-radius:var(--radius-shell);height:auto;overflow:visible}.shell-sidebar[data-tint=default]{background-color:var(--color-bg-primary);border-color:#00000014}.dark .shell-sidebar[data-tint=default]{border-color:#ffffff14}.shell-sidebar-inner{border-radius:inherit;flex-direction:column;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.shell-sidebar-scroll{scrollbar-width:none;-ms-overflow-style:none;flex:1;min-height:0;overflow:hidden auto}.shell-sidebar-scroll::-webkit-scrollbar{display:none}.shell-sidebar-left{left:var(--spacing-shell-inset);box-shadow:var(--shadow-shell-sidebar-left)}.shell-sidebar-right{right:var(--spacing-shell-inset);box-shadow:var(--shadow-shell-sidebar-right)}.shell-header-nav{top:var(--spacing-shell-inset);left:var(--spacing-shell-chrome-left);right:var(--spacing-shell-chrome-right);border-radius:var(--radius-shell);box-shadow:var(--shadow-shell-header);overflow:visible}.shell-header-nav[data-tint=default]{background-color:var(--color-bg-primary);border-color:#00000014}.dark .shell-header-nav[data-tint=default]{border-color:#ffffff14}.shell-header-nav[data-tint=light] .module-tab:not([aria-pressed=true]){color:#ffffffb8}.shell-header-nav[data-tint=light] .module-tab:not([aria-pressed=true]):hover{color:#fff;background-color:#ffffff1f}.shell-header-nav[data-tint=light] .module-tab[aria-pressed=true]{color:#fff;box-shadow:0 2px 10px #0000002e}.shell-header-nav[data-tint=dark] .module-tab:not([aria-pressed=true]){color:var(--color-text-brand-primary)}.shell-header-nav[data-tint=dark] .module-tab:not([aria-pressed=true]):hover{color:var(--color-text-primary);background-color:#00000014}.shell-header-nav[data-tint=dark] .module-tab[aria-pressed=true]{background-color:var(--color-brand-600);color:var(--color-text-primary);box-shadow:0 1px 6px #00000024}.shell-header-nav[data-tint=default] .module-tab[aria-pressed=true]{box-shadow:0 2px 8px #0000001a}.shell-eric-bar{padding-left:var(--spacing-content-edge);padding-right:var(--spacing-content-edge);border-radius:0 0 var(--radius-shell) var(--radius-shell);background-color:var(--color-bg-primary)}.shell-eric-footer{border-radius:0 0 var(--radius-shell) var(--radius-shell)}.shell-eric-dropdown{left:var(--spacing-content-edge);right:var(--spacing-content-edge)}.main-content-area{height:calc(100vh - var(--spacing-shell-top) - var(--spacing-shell-inset))}.main-content-area.chat-fullpage{height:calc(100vh - var(--spacing-shell-top) - var(--spacing-shell-inset));max-height:calc(100vh - var(--spacing-shell-top) - var(--spacing-shell-inset))}.events-panel-area{height:calc(100vh - var(--spacing-shell-top) - var(--spacing-shell-inset))}}@media (width<=1023.98px){.content-body{padding:0}.module-content-inset{padding-left:var(--spacing-container-mobile);padding-right:var(--spacing-container-mobile);padding-top:var(--spacing-container-mobile);padding-bottom:var(--spacing-container-mobile)}.events-panel-inset{padding-left:var(--spacing-container-mobile);padding-right:var(--spacing-container-mobile)}.split-content-layout{flex-direction:column;gap:0}.main-content-area,.events-panel-area{flex:none;width:100%;min-width:0;max-width:100%;height:auto;position:static}.events-panel-area{display:none}.main-content-area>*,.content-area>*,.universal-wall{width:100%;max-width:100%}.universal-wall{padding-left:var(--spacing-container-mobile);padding-right:var(--spacing-container-mobile);box-sizing:border-box}.mobile-swipe-container{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;height:calc(100dvh - var(--spacing-header-mobile) - var(--spacing-mobile-tabs) - var(--spacing-bottombar) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));scroll-behavior:smooth;display:flex;overflow:scroll hidden}.mobile-swipe-container::-webkit-scrollbar{display:none}.mobile-swipe-screen{-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-align:start;scroll-snap-stop:always;background:var(--color-bg-feed);flex-shrink:0;width:100vw;height:100%;overflow-y:auto}.mobile-swipe-screen::-webkit-scrollbar{display:none}}[data-family-soft=true]{--family-soft-header-block:calc(var(--family-soft-inset) + 4rem + var(--family-soft-gap));--family-soft-sidebar-left:17.5rem;--family-soft-sidebar-right:18.75rem;--family-soft-inset:1rem;--family-soft-gap:1rem;--family-soft-chrome-left:calc(var(--family-soft-inset) + var(--family-soft-sidebar-left) + var(--family-soft-gap));--family-soft-chrome-right:calc(var(--family-soft-inset) + var(--family-soft-sidebar-right) + var(--family-soft-gap));--family-soft-header-left:var(--family-soft-inset);--family-soft-header-right:var(--family-soft-inset);--family-soft-accent:var(--color-family-500);--family-soft-sidebar-tint:#edf4edd0}@supports (color:color-mix(in lab, red, red)){[data-family-soft=true]{--family-soft-sidebar-tint:color-mix(in srgb, var(--color-family-500) 8%, #fffc)}}[data-family-soft=true]{--family-soft-canvas:var(--color-family-50);--family-soft-header-flow:calc(4rem + var(--family-soft-gap));--family-soft-content-offset:calc(var(--family-soft-header-block) - var(--family-soft-header-flow) + 1.5rem)}[data-family-soft=true].app,[data-family-soft=true] .main-container,[data-family-soft=true] .content-area,[data-family-soft=true] .content-body,[data-family-soft=true] .split-content-layout,[data-family-soft=true] .main-content-area,[data-family-soft=true] .events-panel-area,[data-family-soft=true] .universal-wall{background-color:var(--family-soft-canvas)!important}[data-family-soft=true] .family-soft-header-wrap{top:var(--family-soft-inset);z-index:60;margin-left:var(--family-soft-header-left);margin-right:var(--family-soft-header-right);width:auto;max-width:none;padding-bottom:var(--family-soft-gap);background:0 0;flex-shrink:0;position:sticky}[data-family-soft=true] .content-area{height:100%;min-height:0;margin-left:var(--family-soft-chrome-left)!important;margin-right:var(--family-soft-chrome-right)!important;padding-top:0!important}[data-family-soft=true] .main-container{height:auto;min-height:0}[data-family-soft=true] .split-content-layout{padding:var(--family-soft-content-offset) 0 0 0;gap:1.5rem;height:100%;min-height:0}[data-family-soft=true] .main-content-area{border-radius:0;flex:0 0 60%;max-width:60%;height:100%;min-height:0}[data-family-soft=true] .events-panel-area{flex:0 0 40%;max-width:40%;height:100%;min-height:0}[data-family-soft=true] .content-body{height:100%;min-height:0}[data-family-soft=true] .events-panel-area .flex-1.overflow-y-auto{padding-bottom:1.5rem!important}[data-family-soft=true] [data-sidebar=left].family-soft-sidebar{top:var(--family-soft-header-block);left:var(--family-soft-inset);height:calc(100vh - var(--family-soft-header-block) - var(--family-soft-inset));-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);scrollbar-width:none;background:#fffc;border:1px solid #e2e8f099;border-radius:2rem;width:17.5rem;overflow-y:auto;box-shadow:0 8px 30px #0000000a}[data-family-soft=true] [data-sidebar=left].family-soft-sidebar::-webkit-scrollbar{display:none}[data-family-soft=true] [data-sidebar=right].family-soft-sidebar{top:var(--family-soft-header-block);right:var(--family-soft-inset);height:calc(100vh - var(--family-soft-header-block) - var(--family-soft-inset));scrollbar-width:none;background:#fff;border:1px solid #f1f5f9;border-radius:2rem;width:18.75rem;overflow-y:auto;box-shadow:0 8px 30px #0000000a}[data-family-soft=true] [data-sidebar=right].family-soft-sidebar::-webkit-scrollbar{display:none}[data-family-soft=true] [data-sidebar=left].family-soft-sidebar nav{gap:1.5rem!important}[data-family-soft=true] [data-sidebar=left].family-soft-sidebar [data-sidebar-nav],[data-family-soft=true] [data-sidebar=left].family-soft-sidebar nav ul{gap:.5rem!important}[data-family-soft=true] .family-soft-search-clay{background:#fff!important;border:1px solid #e2e8f080!important;border-radius:1.2rem!important;box-shadow:inset 0 4px 8px #0000000d,0 2px 6px #fffc!important}[data-family-soft=true] .family-soft-search-clay input{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:1.2rem!important}[data-family-soft=true] .family-soft-search-clay:focus-within{border-color:#93b99aac!important}@supports (color:color-mix(in lab, red, red)){[data-family-soft=true] .family-soft-search-clay:focus-within{border-color:color-mix(in srgb, var(--color-family-500) 35%, #e2e8f080)!important}}[data-family-soft=true] .family-soft-search-clay:focus-within{box-shadow:inset 0 4px 8px #0000000d,0 0 0 3px #498e4926!important}@supports (color:color-mix(in lab, red, red)){[data-family-soft=true] .family-soft-search-clay:focus-within{box-shadow:inset 0 4px 8px #0000000d, 0 0 0 3px color-mix(in srgb, var(--color-family-500) 15%, transparent)!important}}[data-family-soft=true] [data-sidebar=right].family-soft-sidebar>div{gap:1.5rem!important}[data-family-soft=true] .universal-wall .sticky.top-0>div.relative.flex.items-center.h-12.w-full,[data-family-soft=true] .family-soft-composer-bar{background:#fff!important;border-color:#e2e8f0cc!important;border-radius:1rem!important;height:3rem!important;box-shadow:0 2px 8px #00000005!important}[data-family-soft=true] .universal-wall .sticky.top-0>div.relative.flex.items-center.h-12.w-full button,[data-family-soft=true] .family-soft-composer-bar button{border-radius:.75rem!important}[data-family-soft=true] .posts-feed article{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transition:box-shadow .3s,transform .3s;background:linear-gradient(#fffffff2,#f8fafce6)!important;border:1px solid #fff9!important;border-radius:2rem!important;box-shadow:0 15px 30px -5px #0000001f,inset 0 4px 10px #ffffffe6!important}[data-family-soft=true] .posts-feed article:hover{box-shadow:0 20px 35px -5px #00000026,inset 0 4px 10px #fff!important}[data-family-soft=true] .posts-feed article header img,[data-family-soft=true] .posts-feed article header .rounded-full:not([role=menu] *){ring-width:2px;ring-color:#fff;box-shadow:0 4px 8px #00000014,inset 0 1px 2px #0000000f;width:2rem!important;height:2rem!important}[data-family-soft=true] .posts-feed article header{margin-bottom:1rem!important;padding-top:1rem!important}[data-family-soft=true] .posts-feed article footer>div.mt-4{background:#f8fafc99;border-radius:1.5rem;padding:1rem;box-shadow:inset 0 4px 10px #0000000f,0 2px 5px #fff;border:1px solid #fff!important}[data-family-soft=true] .posts-feed article footer>.flex.items-center.justify-between button{background:#f8fafccc!important;border:1px solid #fff!important;border-radius:1rem!important;box-shadow:0 6px 12px #0000000d,inset 0 2px 4px #fff!important}[data-family-soft=true] .posts-feed .uc-composer{align-items:center;min-height:2.5rem;padding-top:.25rem;padding-bottom:.25rem;background:#fff!important;border-color:#e2e8f080!important;border-radius:1.2rem!important;box-shadow:inset 0 4px 8px #0000000d,0 2px 6px #fffc!important}[data-family-soft=true] .posts-feed .uc-composer-wrap{align-items:center;gap:.5rem}[data-family-soft=true] .posts-feed .uc-composer-wrap .uc-send{min-width:2.5rem;min-height:2.5rem;width:2.5rem!important;height:2.5rem!important;box-shadow:none!important;background:0 0!important;border:none!important}[data-family-soft=true] .posts-feed .uc-comment-action{transition:color .1s linear,background-color .1s linear;box-shadow:none!important;color:#64748b!important;background:0 0!important;border:none!important;border-radius:.5rem!important}[data-family-soft=true] .posts-feed .uc-comment-action:hover{color:var(--color-family-600)!important;background:var(--color-family-50)!important}[data-family-soft=true] .posts-feed .uc-composer-wrap img,[data-family-soft=true] .posts-feed .uc-composer-wrap .rounded-full{ring-width:2px;ring-color:#fff;width:2.5rem;height:2.5rem;box-shadow:0 6px 12px #0000001f,inset 0 2px 4px #0000001a}[data-family-soft=true] .events-panel-area .shrink-0>div.relative.flex.items-center.h-12.w-full,[data-family-soft=true] .family-soft-events-header{background:linear-gradient(#fffffff2,#f8fafce6)!important;border-color:#fff9!important;border-radius:.75rem!important;height:3.5rem!important;box-shadow:0 10px 15px -3px #00000014,inset 0 2px 5px #ffffffe6!important}[data-family-soft=true] .events-panel-area .shrink-0,[data-family-soft=true] .events-panel-area .flex-1.overflow-y-auto{background:0 0!important}[data-family-soft=true] .events-panel-area article[data-preset]{background:linear-gradient(#fffffff2,#f8fafce6)!important;border:1px solid #fff9!important;border-radius:2rem!important;box-shadow:0 15px 30px -5px #0000001f,inset 0 4px 10px #ffffffe6!important}[data-family-soft=true] .events-panel-area article[data-preset]:not([data-open]){background:#fff!important;border-color:#e2e8f0cc!important;border-radius:1rem!important;box-shadow:0 2px 8px #00000005!important}[data-family-soft=true] .events-panel-area .load-more-container button,[data-family-soft=true] .events-panel-area button.w-full.justify-start{border-radius:.75rem!important}[data-family-soft=true] [data-sidebar=right] .sticky.top-0{display:none}[data-family-soft=true] .universal-wall{gap:1.5rem;padding-left:1rem;padding-right:.5rem}[data-family-soft=true] .posts-feed{gap:1.5rem!important}[data-family-soft=true] .universal-wall .sticky.top-0{background:var(--family-soft-canvas)!important}[data-family-soft=true] .load-more-container button{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:.75rem!important}[data-family-soft=true] .posts-feed article .post-media img,[data-family-soft=true] .posts-feed article .post-media video,[data-family-soft=true] .posts-feed article [data-testid=post-media] img{border-radius:1.5rem!important}[data-family-soft=true] .posts-feed article a[href*=hashtag],[data-family-soft=true] .posts-feed article .hashtag-pill{color:#475569!important;background:#f1f5f9!important;border-radius:9999px!important;padding:.25rem .75rem!important;font-size:.75rem!important;font-weight:600!important}@media (width<=1023px){[data-family-soft=true] .family-soft-fab{display:none}}[data-family-soft=true] .events-panel-area ul.flex.flex-col{gap:1rem!important}}:root{--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--font-sans:"DM Sans", system-ui, sans-serif;--color-brand-25:#eff6ff;--color-brand-50:#dbeafe;--color-brand-100:#bfdbfe;--color-brand-200:#93c5fd;--color-brand-300:#60a5fa;--color-brand-400:#3b82f6;--color-brand-500:#2563eb;--color-brand-600:#1d4ed8;--color-brand-700:#1e40af;--color-brand-800:#1e3a8a;--color-brand-900:#1e3a8a;--color-brand-950:#172554;--color-family-green:var(--color-family-500);--color-family-green-dark:var(--color-family-700);--color-family-green-10:#498e491a}@supports (color:color-mix(in lab, red, red)){:root{--color-family-green-10:color-mix(in srgb, var(--color-family-500) 10%, transparent)}}:root{--color-family-green-20:#498e4933}@supports (color:color-mix(in lab, red, red)){:root{--color-family-green-20:color-mix(in srgb, var(--color-family-500) 20%, transparent)}}:root{--color-family-green-40:#498e4966}@supports (color:color-mix(in lab, red, red)){:root{--color-family-green-40:color-mix(in srgb, var(--color-family-500) 40%, transparent)}}:root{--gradient-family:linear-gradient(135deg, var(--color-family-500) 0%, var(--color-family-700) 100%);--gradient-family-soft:linear-gradient(135deg, #498e491f 0%, #2e5d2e33 100%)}@supports (color:color-mix(in lab, red, red)){:root{--gradient-family-soft:linear-gradient(135deg, color-mix(in srgb, var(--color-family-500) 12%, transparent) 0%, color-mix(in srgb, var(--color-family-700) 20%, transparent) 100%)}}:root{--color-gray-25:#f8fafc;--color-gray-50:#f1f5f9;--color-gray-100:#e2e8f0;--color-gray-200:#cbd5e1;--color-gray-300:#94a3b8;--color-gray-400:#64748b;--color-gray-500:#475569;--color-gray-600:#334155;--color-gray-700:#1e293b;--color-gray-800:#0f172a;--color-gray-900:#020617;--color-gray-950:#020617;--color-error-50:#fef2f2;--color-error-100:#fee2e2;--color-error-200:#fecaca;--color-error-300:#fca5a5;--color-error-400:#f87171;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-error-700:#b91c1c;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-200:#fde68a;--color-warning-300:#fcd34d;--color-warning-400:#fbbf24;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-success-50:#f0fdf4;--color-success-100:#dcfce7;--color-success-200:#bbf7d0;--color-success-300:#86efac;--color-success-400:#4ade80;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-success-700:#15803d;--color-bg-primary:#fff;--color-bg-primary_alt:#fff;--color-bg-primary_hover:#f8fafc;--color-bg-feed:#eef6ee;--color-feed:var(--color-bg-feed);--color-bg-secondary:#f8fafc;--color-bg-secondary_alt:#f1f5f9;--color-bg-secondary_hover:#e2e8f0;--color-bg-secondary_subtle:#f8fafc;--color-bg-tertiary:#f1f5f9;--color-bg-quaternary:#e2e8f0;--color-bg-active:#f1f5f9;--color-bg-disabled:#f1f5f9;--color-bg-disabled_subtle:#f8fafc;--color-bg-overlay:#0f172ab3;--color-bg-modal:#fff;--color-bg-brand-primary:#eff6ff;--color-bg-brand-primary_alt:#eff6ff;--color-bg-brand-primary_hover:#dbeafe;--color-bg-brand-secondary:#dbeafe;--color-bg-brand-solid:#2563eb;--color-bg-brand-solid_hover:#1d4ed8;--color-bg-brand-section:#1e3a8a;--color-bg-brand-section_subtle:#1e40af;--color-bg-error-primary:#fef2f2;--color-bg-error-secondary:#fee2e2;--color-bg-error-solid:#ef4444;--color-bg-error-solid_hover:#dc2626;--color-bg-warning-primary:#fffbeb;--color-bg-warning-secondary:#fef3c7;--color-bg-warning-solid:#f59e0b;--color-bg-warning-solid_hover:#d97706;--color-bg-success-primary:#f0fdf4;--color-bg-success-secondary:#dcfce7;--color-bg-success-solid:#22c55e;--color-bg-success-solid_hover:#16a34a;--color-fg-white:#fff;--color-fg-primary:#0f172a;--color-fg-secondary:#334155;--color-fg-secondary_hover:#1e293b;--color-fg-tertiary:#475569;--color-fg-tertiary_hover:#334155;--color-fg-quaternary:#64748b;--color-fg-quaternary_hover:#475569;--color-fg-quinary:#94a3b8;--color-fg-quinary_hover:#64748b;--color-fg-senary:#cbd5e1;--color-fg-disabled:#94a3b8;--color-fg-disabled_subtle:#cbd5e1;--color-fg-brand-primary:#1d4ed8;--color-fg-brand-primary_alt:#2563eb;--color-fg-brand-secondary:#2563eb;--color-fg-brand-secondary_alt:#2563eb;--color-fg-brand-secondary_hover:#1d4ed8;--color-fg-error-primary:#ef4444;--color-fg-error-secondary:#f87171;--color-fg-warning-primary:#f59e0b;--color-fg-warning-secondary:#fbbf24;--color-fg-success-primary:#22c55e;--color-fg-success-secondary:#4ade80;--color-text-primary:#0f172a;--color-text-primary_on-brand:#fff;--color-text-secondary:#334155;--color-text-secondary_hover:#1e293b;--color-text-secondary_on-brand:#ffffffd9;--color-text-tertiary:#475569;--color-text-tertiary_hover:#334155;--color-text-tertiary_on-brand:#ffffffb3;--color-text-quaternary:#64748b;--color-text-quaternary_hover:#475569;--color-text-quaternary_on-brand:#ffffff80;--color-text-white:#fff;--color-text-disabled:#94a3b8;--color-text-placeholder:#64748b;--color-text-placeholder_subtle:#94a3b8;--color-text-brand-primary:#1e3a8a;--color-text-brand-secondary:#1d4ed8;--color-text-brand-secondary_hover:#1e40af;--color-text-brand-tertiary:#2563eb;--color-text-brand-tertiary_alt:#2563eb;--color-text-error-primary:#ef4444;--color-text-error-primary_hover:#dc2626;--color-text-warning-primary:#f59e0b;--color-text-success-primary:#22c55e;--color-border-primary:#cbd5e1;--color-border-secondary:#e2e8f0;--color-border-secondary_alt:#0f172a14;--color-border-tertiary:#f1f5f9;--color-border-disabled:#e2e8f0;--color-border-disabled_subtle:#f1f5f9;--color-border-brand:#93c5fd;--color-border-brand-solid:#2563eb;--color-border-brand-solid_alt:#2563eb;--color-border-error:#fca5a5;--color-border-error-solid:#ef4444;--color-border-error_subtle:#fecaca;--color-border-warning:#fcd34d;--color-border-warning-solid:#f59e0b;--color-border-success:#86efac;--color-border-success-solid:#22c55e;--color-focus-ring:#2563eb3d;--color-ring-primary:#cbd5e1;--color-ring-brand:#2563eb3d;--color-ring-brand-solid:#2563eb;--color-ring-error:#ef44443d;--color-ring-error_subtle:#ef44441f;--color-ring-secondary_alt:#f1f5f9;--color-ring-border-primary:#cbd5e1;--radius-xs:.25rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--size-avatar-md:2.75rem;--size-avatar-sm:2rem;--size-card-min:calc(var(--spacing-sidebar) - var(--spacing-sm));--size-badge-reserve:3.75rem;--size-thumb-md:10rem;--size-chart:calc(var(--spacing-sidebar) - var(--spacing-sm));--size-label-min:12.5rem;--size-label-max:calc(var(--size-card-min));--size-label-narrow-max:13.75rem;--size-field-min:16.25rem;--size-calendar-cell:var(--size-badge-reserve);--size-dashboard-max:80rem;--size-dashboard-lg:75rem;--size-dashboard-md:60rem;--size-dashboard-narrow:45rem;--size-dashboard-sm:42rem;--size-dropdown-sm:8.75rem;--size-dropdown-md:9.375rem;--size-dropdown-lg:11.25rem;--size-filter-min:15rem;--size-search-field:15.625rem;--size-badge-min:1rem;--size-badge-sm:1.125rem;--size-badge-dot:1.25rem;--size-time-label:2.125rem;--size-photo-thumb:8.75rem;--size-avatar-preview:11.25rem;--size-modal-xs:21.875rem;--size-modal-sm:25rem;--size-modal-md:27.5rem;--size-modal-lg:30rem;--size-modal-xl:31.25rem;--size-modal-compact:28.125rem;--size-modal-2xl:56.25rem;--size-modal-full:62.5rem;--size-content-narrow:22.5rem;--size-content-md:43.75rem;--size-content-lg:50rem;--size-filter-bar:22rem;--size-bubble-max:var(--size-chart);--size-modal-form:26.25rem;--size-modal-wide:32.5rem;--size-layout-xs:6.25rem;--size-layout-sm:12.5rem;--size-layout-md:18.75rem;--size-layout-lg:23.75rem;--size-layout-xl:26.25rem;--size-layout-2xl:28.125rem;--size-layout-3xl:30rem;--size-layout-4xl:32.5rem;--size-layout-5xl:39rem;--size-layout-6xl:40rem;--size-layout-map:8rem;--size-layout-album:6.6875rem;--size-composer-max:7.5rem;--size-line-min:1.5rem;--size-icon-md:1.375rem;--size-icon-btn:1.875rem;--size-divider:.8125rem;--size-thumb-sm:3.125rem;--size-avatar-tree:3.75rem;--size-avatar-feature:4.5rem;--size-avatar-sidebar:5rem;--size-video-overlay:4.25rem;--size-video-thumb-h:2.8125rem;--size-layout-36:2.25rem;--size-layout-40:2.5rem;--size-layout-70:4.375rem;--size-play-btn:5.5rem;--size-tree-line-sm:2.625rem;--size-tree-line-md:2.75rem;--size-tree-notch-sm:.625rem;--size-tree-notch-md:.75rem;--size-eric-avatar:2.125rem;--size-grid-xs:3.125rem;--size-grid-sm:6.25rem;--size-grid-md:7.5rem;--size-grid-card-sm:9.375rem;--size-grid-card:18.75rem;--size-grid-card-lg:20rem;--size-grid-card-xl:21.875rem;--radius-chip:.625rem;--radius-icon:.875rem;--border-width-hairline:.5px;--border-width-thick:3px;--ring-width:1.5px;--ring-width-md:2px;--ring-width-lg:2.5px;--spacing-compact-h:.4375rem;--spacing-form-x:1.125rem;--spacing-micro:.1875rem;--spacing-hairline:1px;--spacing-micro-badge:2px;--tracking-tight-ui:.03125rem;--tracking-ui-sm:.0375rem;--radius-none:0;--shadow-modal:0 var(--spacing-composer) var(--size-badge-reserve) #0000004d;--shadow-modal-deep:0 var(--spacing-3xl) var(--size-badge-reserve) -12px #0000004d;--border-width-default:1px;--motion-lift-hover:1px;--shadow-xs:0 1px 2px 0 #0a0d120d;--shadow-sm:0 1px 3px 0 #0a0d121a, 0 1px 2px -1px #0a0d120f;--shadow-md:0 4px 6px -1px #0a0d1214, 0 2px 4px -2px #0a0d120f;--shadow-lg:0 12px 16px -4px #0a0d1214, 0 4px 6px -2px #0a0d1208;--shadow-xl:0 20px 24px -4px #0a0d1214, 0 8px 8px -4px #0a0d1208;--shadow-2xl:0 24px 48px -12px #0a0d122e;--shadow-3xl:0 32px 64px -12px #0a0d1233;--shadow-shell-sidebar-left:0 0 0 1px #0000000f, 0 1px 2px #0000000a, 2px 4px 8px #0000000d, 4px 12px 24px #0000000f, 6px 20px 40px #00000012, 8px 28px 56px #00000014;--shadow-shell-sidebar-right:0 0 0 1px #0000000f, 0 1px 2px #0000000a, -2px 4px 8px #0000000d, -4px 12px 24px #0000000f, -6px 20px 40px #00000012, -8px 28px 56px #00000014;--shadow-shell-header:0 0 0 1px #0000000f, 0 2px 4px #0000000a, 0 8px 16px #0000000d, 0 16px 32px #00000012, 0 24px 48px #00000014;--shadow-inner:inset 0 2px 4px 0 #0a0d120d;--shadow-skeumorphic-inner:inset 0 -2px 0 0 #0a0d120d, inset 0 0 0 1px #0a0d122e;--shadow-skeumorphic-inner_subtle:inset 0 -2px 0 0 #0a0d120d, inset 0 0 0 1px #0a0d121a;--bubble-radius:var(--radius-lg);--bubble-shadow-in:6px 6px 14px #0000001a, -6px -6px 14px #ffffffd9, 0 4px 12px #0000000f, 0 12px 36px #00000012, inset 0 2px 0 #fffffff2, inset 0 -1px 0 #0000000a;--bubble-shadow-in_dark:6px 6px 14px #0006, -6px -6px 14px #ffffff0a, 0 4px 12px #00000040, inset 0 1px 0 #ffffff14;--bubble-gradient-in:linear-gradient(145deg, #f0f0f3 0%, #e6e6ea 100%);--bubble-gradient-in_dark:linear-gradient(145deg, #3a3a3e 0%, #2c2c30 100%);--bubble-backdrop-in:none;--bubble-backdrop-in_dark:none;--bubble-text-in:var(--color-text-primary);--bubble-text-in_dark:#ebebf5;--bubble-time-in:var(--color-text-quaternary);--bubble-time-in_dark:#ebebf573;--chat-bg:#e8eae5;--chat-bg_dark:#1a1c1a;--shadow-ring-brand:0 0 0 4px #2563eb3d;--shadow-ring-brand_shadow-xs:0 0 0 4px #2563eb3d, 0 1px 2px 0 #0a0d120d;--shadow-ring-gray:0 0 0 4px #64748b2e;--shadow-ring-gray_shadow-xs:0 0 0 4px #64748b2e, 0 1px 2px 0 #0a0d120d;--shadow-ring-error:0 0 0 4px #ef44443d;--shadow-ring-error_shadow-xs:0 0 0 4px #ef44443d, 0 1px 2px 0 #0a0d120d;--shadow-ring-success:0 0 0 4px #22c55e3d;--shadow-ring-warning:0 0 0 4px #f59e0b3d;--text-xs:.75rem;--text-xs--line-height:1rem;--text-2xs:.625rem;--text-2xs--line-height:.875rem;--text-3xs:.5rem;--text-3xs--line-height:.625rem;--text-micro:.5625rem;--text-micro--line-height:.75rem;--text-caption:.65rem;--text-caption--line-height:1rem;--text-compact:.8125rem;--text-compact--line-height:1.25rem;--text-body:.9375rem;--text-body--line-height:1.5rem;--text-subhead:1.0625rem;--text-subhead--line-height:1.5rem;--text-stat-lg:1.75rem;--text-stat-lg--line-height:2.25rem;--text-sm:.875rem;--text-sm--line-height:1.5rem;--text-md:1rem;--text-md--line-height:1.5rem;--text-lg:1.125rem;--text-lg--line-height:2rem;--text-xl:1.25rem;--text-xl--line-height:2rem;--text-2xl:1.5rem;--text-2xl--line-height:2rem;--text-3xl:1.875rem;--text-3xl--line-height:2.5rem;--text-4xl:2.25rem;--text-4xl--line-height:3rem;--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-display-xs:1.5rem;--text-display-xs--line-height:2rem;--text-display-sm:1.875rem;--text-display-sm--line-height:2.375rem;--text-display-md:2.25rem;--text-display-md--line-height:2.75rem;--text-display-lg:3rem;--text-display-lg--line-height:3.75rem;--text-display-xl:3.75rem;--text-display-xl--line-height:4.5rem;--text-display-2xl:4.5rem;--text-display-2xl--line-height:5.625rem;--text-display-stat:2rem;--text-display-stat--line-height:2.5rem;--text-display-empty:4rem;--text-display-empty--line-height:1;--text-display-hero:3.5rem;--text-display-hero--line-height:1;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--letter-spacing-tighter:-.03em;--letter-spacing-tight:-.02em;--letter-spacing-snug:-.01em;--letter-spacing-normal:0em;--letter-spacing-wide:.01em;--letter-spacing-wider:.02em;--letter-spacing-widest:.05em;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--transition-slower:.5s ease;--duration-instant:0s;--duration-xfast:75ms;--duration-fast:.15s;--duration-base:.2s;--duration-slow:.3s;--duration-slower:.5s;--duration-slowest:.7s;--ease-linear:linear;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-emphasized:cubic-bezier(.2, 0, 0, 1);--spacing-none:0;--spacing-xxs:.125rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:2.5rem;--spacing-4xl:3rem;--spacing-composer:1.25rem;--spacing-5xl:4rem;--spacing-6xl:5rem;--spacing-7xl:6rem;--spacing-8xl:8rem;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-popover:500;--z-toast:600;--z-tooltip:700;--spacing-header:var(--spacing-5xl);--spacing-header-mobile:56px;--spacing-mobile-tabs:var(--spacing-4xl);--spacing-bottombar:56px;--spacing-sidebar:280px;--spacing-container-mobile:var(--spacing-sm);--spacing-eric-bar:var(--spacing-4xl);--spacing-content-edge:var(--spacing-4xl);--spacing-content-gap:var(--spacing-xl);--spacing-content-left:var(--spacing-content-edge);--spacing-content-right:var(--spacing-content-edge);--spacing-content-y:var(--spacing-xl);--spacing-shell-inset:var(--spacing-lg);--spacing-shell-gap:var(--spacing-lg);--spacing-shell-column:calc(var(--spacing-shell-inset) + var(--spacing-sidebar) + var(--spacing-shell-gap));--spacing-shell-top:calc(var(--spacing-shell-inset) + var(--spacing-header) + var(--spacing-eric-bar) + var(--spacing-shell-gap));--radius-shell:var(--radius-2xl);--spacing-shell-chrome-left:calc(var(--spacing-shell-column) + var(--spacing-content-edge));--spacing-shell-chrome-right:calc(var(--spacing-shell-column) + var(--spacing-content-edge));--app-header-h:var(--spacing-header);--left-sidebar-w:var(--spacing-sidebar);--right-sidebar-w:var(--spacing-sidebar);--container-padding-mobile:var(--spacing-container-mobile);--content-inset-left:var(--spacing-content-left);--content-inset-right:var(--spacing-content-right);--content-inset-y:var(--spacing-content-y);--spacing:.25rem;--color-primary:var(--color-bg-primary);--color-secondary:var(--color-bg-secondary);--color-tertiary:var(--color-bg-tertiary);--color-quaternary:var(--color-bg-quaternary);--gradient-altyn-coin-bg:linear-gradient(135deg, var(--color-utility-amber-100) 0%, var(--color-utility-amber-200) 100%);--gradient-altyn-coin-btn:linear-gradient(135deg, var(--color-utility-amber-500) 0%, var(--color-utility-amber-600) 100%);--gradient-eric-brand:linear-gradient(135deg, var(--color-utility-pink-700) 0%, var(--color-utility-pink-500) 100%);--gradient-birthday-pink-bg:linear-gradient(135deg, var(--color-utility-pink-50) 0%, var(--color-utility-pink-100) 100%);--gradient-birthday-pink-card:linear-gradient(135deg, var(--color-utility-pink-50) 0%, var(--color-utility-pink-200) 50%, var(--color-utility-pink-400) 100%);--gradient-birthday-pink-active:linear-gradient(135deg, var(--color-utility-pink-50) 0%, var(--color-utility-pink-200) 100%);--gradient-birthday-blue-bg:linear-gradient(135deg, var(--color-utility-blue-50) 0%, var(--color-utility-blue-100) 100%);--gradient-birthday-blue-card:linear-gradient(135deg, var(--color-utility-blue-50) 0%, var(--color-utility-blue-100) 50%, var(--color-utility-blue-200) 100%);--gradient-birthday-blue-active:linear-gradient(135deg, var(--color-utility-blue-50) 0%, var(--color-utility-blue-200) 100%);--color-rating-star:#ffc107;--bp-mobile:768px;--bp-tablet:1024px;--bp-desktop:1280px;--bp-wide:1400px}[data-module=news]{--color-bg-feed:#edebfe;--color-brand-400:#8681c4;--color-brand-500:#6e69b2;--color-brand-600:#5955a0;--color-brand-700:#45428a;--color-bg-brand-primary:#dddcf0;--color-bg-brand-primary_alt:#dddcf0;--color-bg-brand-primary_hover:#cccae8;--color-bg-brand-secondary:#cccae8;--color-bg-brand-solid:#5955a0;--color-bg-brand-solid_hover:#45428a;--color-bg-brand-section:#2a2854;--color-bg-brand-section_subtle:#353267;--color-fg-brand-primary:#5955a0;--color-fg-brand-primary_alt:#6e69b2;--color-fg-brand-secondary:#6e69b2;--color-fg-brand-secondary_alt:#6e69b2;--color-fg-brand-secondary_hover:#45428a;--color-text-brand-primary:#1f1d3e;--color-text-brand-secondary:#5955a0;--color-text-brand-secondary_hover:#353267;--color-text-brand-tertiary:#6e69b2;--color-text-brand-tertiary_alt:#6e69b2;--color-border-brand:#b1aed9;--color-border-brand-solid:#6e69b2;--color-border-brand-solid_alt:#6e69b2;--color-focus-ring:#6e69b23d;--color-ring-brand:#6e69b23d;--color-ring-brand-solid:#6e69b2;--color-utility-brand-50:#dddcf0;--color-utility-brand-100:#cccae8;--color-utility-brand-200:#b1aed9;--color-utility-brand-400:#8681c4;--color-utility-brand-500:#6e69b2;--color-utility-brand-600:#5955a0;--color-utility-brand-700:#45428a;--sidebar-tint:var(--color-border-brand-solid);--sidebar-star-stroke:var(--color-utility-brand-200)}[data-module=finance]{--color-bg-feed:#fbf8ec;--color-brand-400:#f7e9af;--color-brand-500:#f4e095;--color-brand-600:#e8cf5e;--color-brand-700:#d4b83a;--color-bg-brand-primary:#fbf4d8;--color-bg-brand-primary_alt:#fbf4d8;--color-bg-brand-primary_hover:#f9efc5;--color-bg-brand-secondary:#f9efc5;--color-bg-brand-solid:#e8cf5e;--color-bg-brand-solid_hover:#d4b83a;--color-bg-brand-section:#6b5c1a;--color-bg-brand-section_subtle:#857324;--color-fg-brand-primary:#e8cf5e;--color-fg-brand-primary_alt:#f4e095;--color-fg-brand-secondary:#f4e095;--color-fg-brand-secondary_alt:#f4e095;--color-fg-brand-secondary_hover:#d4b83a;--color-text-brand-primary:#4a4010;--color-text-brand-secondary:#e8cf5e;--color-text-brand-secondary_hover:#857324;--color-text-brand-tertiary:#f4e095;--color-text-brand-tertiary_alt:#f4e095;--color-border-brand:#f0dc7a;--color-border-brand-solid:#f4e095;--color-border-brand-solid_alt:#f4e095;--color-focus-ring:#f4e0953d;--color-ring-brand:#f4e0953d;--color-ring-brand-solid:#f4e095;--color-utility-brand-50:#fbf4d8;--color-utility-brand-100:#f9efc5;--color-utility-brand-200:#f0dc7a;--color-utility-brand-400:#f7e9af;--color-utility-brand-500:#f4e095;--color-utility-brand-600:#e8cf5e;--color-utility-brand-700:#d4b83a;--sidebar-tint:var(--color-border-brand-solid);--sidebar-star-stroke:var(--color-utility-brand-200)}[data-module=family]{--color-brand-400:#66a566;--color-brand-500:#498e49;--color-brand-600:#3b733b;--color-brand-700:#2e5a2e;--color-bg-brand-primary:#d0e6d0;--color-bg-brand-primary_alt:#d0e6d0;--color-bg-brand-primary_hover:#b8d9b8;--color-bg-brand-secondary:#b8d9b8;--color-bg-brand-solid:#3b733b;--color-bg-brand-solid_hover:#2e5a2e;--color-bg-brand-section:#1a3a1a;--color-bg-brand-section_subtle:#224922;--color-fg-brand-primary:#3b733b;--color-fg-brand-primary_alt:#498e49;--color-fg-brand-secondary:#498e49;--color-fg-brand-secondary_alt:#498e49;--color-fg-brand-secondary_hover:#2e5a2e;--color-text-brand-primary:#142814;--color-text-brand-secondary:#3b733b;--color-text-brand-secondary_hover:#224922;--color-text-brand-tertiary:#498e49;--color-text-brand-tertiary_alt:#498e49;--color-border-brand:#9cc89c;--color-border-brand-solid:#498e49;--color-border-brand-solid_alt:#498e49;--color-focus-ring:#498e493d;--color-ring-brand:#498e493d;--color-ring-brand-solid:#498e49;--color-utility-brand-50:#d0e6d0;--color-utility-brand-100:#b8d9b8;--color-utility-brand-200:#9cc89c;--color-utility-brand-400:#66a566;--color-utility-brand-500:#498e49;--color-utility-brand-600:#3b733b;--color-utility-brand-700:#2e5a2e;--sidebar-tint:linear-gradient(180deg, var(--color-border-brand-solid) 0%, var(--color-brand-600) 100%);--sidebar-star-stroke:var(--color-utility-brand-200)}[data-module=journal]{--color-bg-feed:#e0f5f6;--color-brand-400:#74d5da;--color-brand-500:#54cad0;--color-brand-600:#3bafb5;--color-brand-700:#2d8f94;--color-bg-brand-primary:#cef0f2;--color-bg-brand-primary_alt:#cef0f2;--color-bg-brand-primary_hover:#b4e7ea;--color-bg-brand-secondary:#b4e7ea;--color-bg-brand-solid:#3bafb5;--color-bg-brand-solid_hover:#2d8f94;--color-bg-brand-section:#174749;--color-bg-brand-section_subtle:#1e5b5e;--color-fg-brand-primary:#3bafb5;--color-fg-brand-primary_alt:#54cad0;--color-fg-brand-secondary:#54cad0;--color-fg-brand-secondary_alt:#54cad0;--color-fg-brand-secondary_hover:#2d8f94;--color-text-brand-primary:#0f3334;--color-text-brand-secondary:#3bafb5;--color-text-brand-secondary_hover:#1e5b5e;--color-text-brand-tertiary:#54cad0;--color-text-brand-tertiary_alt:#54cad0;--color-border-brand:#94dee2;--color-border-brand-solid:#54cad0;--color-border-brand-solid_alt:#54cad0;--color-focus-ring:#54cad03d;--color-ring-brand:#54cad03d;--color-ring-brand-solid:#54cad0;--color-utility-brand-50:#cef0f2;--color-utility-brand-100:#b4e7ea;--color-utility-brand-200:#94dee2;--color-utility-brand-400:#74d5da;--color-utility-brand-500:#54cad0;--color-utility-brand-600:#3bafb5;--color-utility-brand-700:#2d8f94;--sidebar-tint:var(--color-border-brand-solid);--sidebar-star-stroke:var(--color-utility-brand-200)}[data-module=marketplace]{--color-bg-feed:#fef3ee;--color-brand-400:#fbb89b;--color-brand-500:#fa9d76;--color-brand-600:#f87d4a;--color-brand-700:#e8601f;--color-bg-brand-primary:#fdddd0;--color-bg-brand-primary_alt:#fdddd0;--color-bg-brand-primary_hover:#fccebb;--color-bg-brand-secondary:#fccebb;--color-bg-brand-solid:#f87d4a;--color-bg-brand-solid_hover:#e8601f;--color-bg-brand-section:#7a300d;--color-bg-brand-section_subtle:#9a3e12;--color-fg-brand-primary:#f87d4a;--color-fg-brand-primary_alt:#fa9d76;--color-fg-brand-secondary:#fa9d76;--color-fg-brand-secondary_alt:#fa9d76;--color-fg-brand-secondary_hover:#e8601f;--color-text-brand-primary:#5a2308;--color-text-brand-secondary:#f87d4a;--color-text-brand-secondary_hover:#9a3e12;--color-text-brand-tertiary:#fa9d76;--color-text-brand-tertiary_alt:#fa9d76;--color-border-brand:#fcb998;--color-border-brand-solid:#fa9d76;--color-border-brand-solid_alt:#fa9d76;--color-focus-ring:#fa9d763d;--color-ring-brand:#fa9d763d;--color-ring-brand-solid:#fa9d76;--color-utility-brand-50:#fdddd0;--color-utility-brand-100:#fccebb;--color-utility-brand-200:#fcb998;--color-utility-brand-400:#fbb89b;--color-utility-brand-500:#fa9d76;--color-utility-brand-600:#f87d4a;--color-utility-brand-700:#e8601f;--sidebar-tint:var(--color-border-brand-solid);--sidebar-star-stroke:var(--color-fg-brand-secondary)}[data-module=events]{--color-bg-feed:#f3ecfe;--color-brand-400:#be80f9;--color-brand-500:#a855f7;--color-brand-600:#9333ea;--color-brand-700:#7e22ce;--color-bg-brand-primary:#e9d5fd;--color-bg-brand-primary_alt:#e9d5fd;--color-bg-brand-primary_hover:#dfc2fc;--color-bg-brand-secondary:#dfc2fc;--color-bg-brand-solid:#9333ea;--color-bg-brand-solid_hover:#7e22ce;--color-bg-brand-section:#3b0d6e;--color-bg-brand-section_subtle:#4c1085;--color-fg-brand-primary:#9333ea;--color-fg-brand-primary_alt:#a855f7;--color-fg-brand-secondary:#a855f7;--color-fg-brand-secondary_alt:#a855f7;--color-fg-brand-secondary_hover:#7e22ce;--color-text-brand-primary:#2e0a54;--color-text-brand-secondary:#9333ea;--color-text-brand-secondary_hover:#4c1085;--color-text-brand-tertiary:#a855f7;--color-text-brand-tertiary_alt:#a855f7;--color-border-brand:#d4a8fb;--color-border-brand-solid:#a855f7;--color-border-brand-solid_alt:#a855f7;--color-focus-ring:#a855f73d;--color-ring-brand:#a855f73d;--color-ring-brand-solid:#a855f7;--color-utility-brand-50:#e9d5fd;--color-utility-brand-100:#dfc2fc;--color-utility-brand-200:#d4a8fb;--color-utility-brand-400:#be80f9;--color-utility-brand-500:#a855f7;--color-utility-brand-600:#9333ea;--color-utility-brand-700:#7e22ce;--sidebar-tint:var(--color-border-brand-solid);--sidebar-star-stroke:var(--color-utility-brand-200)}[data-module=services]{--color-bg-feed:#edf4fa;--color-brand-400:#85b2db;--color-brand-500:#679ed1;--color-brand-600:#4a89c4;--color-brand-700:#3972ab;--color-bg-brand-primary:#d5e5f3;--color-bg-brand-primary_alt:#d5e5f3;--color-bg-brand-primary_hover:#c1daee;--color-bg-brand-secondary:#c1daee;--color-bg-brand-solid:#4a89c4;--color-bg-brand-solid_hover:#3972ab;--color-bg-brand-section:#1e3c58;--color-bg-brand-section_subtle:#274d6f;--color-fg-brand-primary:#4a89c4;--color-fg-brand-primary_alt:#679ed1;--color-fg-brand-secondary:#679ed1;--color-fg-brand-secondary_alt:#679ed1;--color-fg-brand-secondary_hover:#3972ab;--color-text-brand-primary:#152c42;--color-text-brand-secondary:#4a89c4;--color-text-brand-secondary_hover:#274d6f;--color-text-brand-tertiary:#679ed1;--color-text-brand-tertiary_alt:#679ed1;--color-border-brand:#a3c6e3;--color-border-brand-solid:#679ed1;--color-border-brand-solid_alt:#679ed1;--color-focus-ring:#679ed13d;--color-ring-brand:#679ed13d;--color-ring-brand-solid:#679ed1;--color-utility-brand-50:#d5e5f3;--color-utility-brand-100:#c1daee;--color-utility-brand-200:#a3c6e3;--color-utility-brand-400:#85b2db;--color-utility-brand-500:#679ed1;--color-utility-brand-600:#4a89c4;--color-utility-brand-700:#3972ab;--sidebar-tint:var(--color-border-brand-solid);--sidebar-star-stroke:var(--color-utility-brand-200)}[data-module=organizations]{--color-bg-feed:#ecf0fa;--color-brand-400:#4b66ba;--color-brand-500:#2b48a5;--color-brand-600:#233b88;--color-brand-700:#1b2f6c;--color-bg-brand-primary:#c9d2eb;--color-bg-brand-primary_alt:#c9d2eb;--color-bg-brand-primary_hover:#b2bfe2;--color-bg-brand-secondary:#b2bfe2;--color-bg-brand-solid:#233b88;--color-bg-brand-solid_hover:#1b2f6c;--color-bg-brand-section:#101c42;--color-bg-brand-section_subtle:#162554;--color-fg-brand-primary:#233b88;--color-fg-brand-primary_alt:#2b48a5;--color-fg-brand-secondary:#2b48a5;--color-fg-brand-secondary_alt:#2b48a5;--color-fg-brand-secondary_hover:#1b2f6c;--color-text-brand-primary:#0c1530;--color-text-brand-secondary:#233b88;--color-text-brand-secondary_hover:#162554;--color-text-brand-tertiary:#2b48a5;--color-text-brand-tertiary_alt:#2b48a5;--color-border-brand:#8a9bd4;--color-border-brand-solid:#2b48a5;--color-border-brand-solid_alt:#2b48a5;--color-focus-ring:#2b48a53d;--color-ring-brand:#2b48a53d;--color-ring-brand-solid:#2b48a5;--color-utility-brand-50:#c9d2eb;--color-utility-brand-100:#b2bfe2;--color-utility-brand-200:#8a9bd4;--color-utility-brand-400:#4b66ba;--color-utility-brand-500:#2b48a5;--color-utility-brand-600:#233b88;--color-utility-brand-700:#1b2f6c;--sidebar-tint:var(--color-border-brand-solid);--sidebar-star-stroke:var(--color-utility-brand-200)}.dark{--color-bg-primary:#13161b;--color-bg-primary_alt:#13161b;--color-bg-primary_hover:#1c2028;--color-bg-secondary:#0a0a0a;--color-bg-secondary_alt:#0c0c0e;--color-bg-secondary_hover:#151820;--color-bg-secondary_subtle:#080808;--color-bg-tertiary:#1c2028;--color-bg-quaternary:#252a34;--color-bg-active:#1a1e26;--color-bg-disabled:#13161b;--color-bg-disabled_subtle:#0e1219;--color-bg-overlay:#000c;--color-bg-modal:#13161b;--color-bg-feed:#0a0a0a;--shadow-shell-sidebar-left:0 0 0 1px #ffffff14, 0 1px 2px #00000047, 2px 4px 8px #0000003d, 4px 12px 24px #00000038, 6px 20px 40px #0003, 8px 28px 56px #0000002e;--shadow-shell-sidebar-right:0 0 0 1px #ffffff14, 0 1px 2px #00000047, -2px 4px 8px #0000003d, -4px 12px 24px #00000038, -6px 20px 40px #0003, -8px 28px 56px #0000002e;--shadow-shell-header:0 0 0 1px #ffffff14, 0 2px 4px #0000003d, 0 8px 16px #0003, 0 16px 32px #0000002e, 0 24px 48px #00000029;--color-fg-primary:#e8ecf0;--color-fg-secondary:#b0b8c4;--color-fg-secondary_hover:#d0d6de;--color-fg-tertiary:#7e8a9a;--color-fg-tertiary_hover:#b0b8c4;--color-fg-quaternary:#556170;--color-fg-quaternary_hover:#7e8a9a;--color-fg-quinary:#3d4754;--color-fg-quinary_hover:#556170;--color-fg-senary:#272d3a;--color-fg-disabled:#3d4754;--color-fg-disabled_subtle:#272d3a;--color-text-primary:#e8ecf0;--color-text-secondary:#b0b8c4;--color-text-secondary_hover:#d0d6de;--color-text-tertiary:#7e8a9a;--color-text-tertiary_hover:#b0b8c4;--color-text-quaternary:#556170;--color-text-quaternary_hover:#7e8a9a;--color-text-disabled:#3d4754;--color-text-placeholder:#3d4754;--color-text-placeholder_subtle:#272d3a;--color-border-primary:#ffffff1a;--color-border-secondary:#ffffff0f;--color-border-secondary_alt:#ffffff14;--color-border-tertiary:#ffffff0a;--color-border-disabled:#ffffff0f;--color-border-disabled_subtle:#ffffff08;--color-ring-primary:#ffffff1f;--color-ring-secondary_alt:#ffffff0f;--color-ring-border-primary:#ffffff1f;--color-bg-brand-primary:#2563eb26;--color-bg-brand-primary_alt:#2563eb26;--color-bg-brand-primary_hover:#2563eb40;--color-bg-brand-secondary:#2563eb40;--color-bg-brand-solid:#3b82f6;--color-bg-brand-solid_hover:#60a5fa;--color-fg-brand-primary:#93c5fd;--color-fg-brand-primary_alt:#60a5fa;--color-fg-brand-secondary:#60a5fa;--color-fg-brand-secondary_alt:#60a5fa;--color-fg-brand-secondary_hover:#93c5fd;--color-text-brand-primary:#bfdbfe;--color-text-brand-secondary:#93c5fd;--color-text-brand-secondary_hover:#bfdbfe;--color-text-brand-tertiary:#60a5fa;--color-text-brand-tertiary_alt:#60a5fa;--color-border-brand:#3b82f666;--color-border-brand-solid:#3b82f6;--color-border-brand-solid_alt:#3b82f6;--color-focus-ring:#3b82f666;--color-ring-brand:#3b82f666;--color-ring-brand-solid:#3b82f6;--color-bg-error-primary:#ef444426;--color-bg-error-secondary:#ef444440;--color-bg-error-solid:#ef4444;--color-bg-error-solid_hover:#f87171;--color-fg-error-primary:#fca5a5;--color-fg-error-secondary:#fca5a5;--color-text-error-primary:#fca5a5;--color-text-error-primary_hover:#fecaca;--color-border-error:#ef444466;--color-border-error-solid:#ef4444;--color-border-error_subtle:#ef444433;--color-ring-error:#ef444466;--color-ring-error_subtle:#ef444433;--color-bg-warning-primary:#f59e0b26;--color-bg-warning-secondary:#f59e0b40;--color-bg-warning-solid:#f59e0b;--color-bg-warning-solid_hover:#fbbf24;--color-fg-warning-primary:#fcd34d;--color-fg-warning-secondary:#fde68a;--color-text-warning-primary:#fcd34d;--color-border-warning:#f59e0b66;--color-border-warning-solid:#f59e0b;--color-bg-success-primary:#22c55e26;--color-bg-success-secondary:#22c55e40;--color-bg-success-solid:#22c55e;--color-bg-success-solid_hover:#4ade80;--color-fg-success-primary:#86efac;--color-fg-success-secondary:#bbf7d0;--color-text-success-primary:#86efac;--color-border-success:#22c55e66;--color-border-success-solid:#22c55e;--color-utility-neutral-50:#0a0a0a;--color-utility-neutral-100:#13161b;--color-utility-neutral-200:#1c2028;--color-utility-neutral-300:#272d3a;--color-utility-neutral-400:#3d4754;--color-utility-neutral-500:#556170;--color-utility-neutral-600:#7e8a9a;--color-utility-neutral-700:#b0b8c4;--color-utility-brand-50:var(--color-brand-950);--color-utility-brand-100:var(--color-brand-900);--color-utility-brand-200:var(--color-brand-800);--color-utility-brand-400:var(--color-brand-600);--color-utility-brand-500:var(--color-brand-500);--color-utility-brand-600:var(--color-brand-400);--color-utility-brand-700:var(--color-brand-300);--color-utility-blue-50:#172554;--color-utility-blue-100:#1e3a8a;--color-utility-blue-200:#1e40af;--color-utility-blue-400:#2563eb;--color-utility-blue-500:#3b82f6;--color-utility-blue-600:#60a5fa;--color-utility-blue-700:#93c5fd;--color-utility-green-50:#052e16;--color-utility-green-100:#14532d;--color-utility-green-200:#166534;--color-utility-green-300:#15803d;--color-utility-green-400:#16a34a;--color-utility-green-500:#22c55e;--color-utility-green-600:#4ade80;--color-utility-green-700:#86efac;--color-utility-indigo-50:#1e1b4b;--color-utility-indigo-100:#312e81;--color-utility-indigo-200:#3730a3;--color-utility-indigo-400:#4f46e5;--color-utility-indigo-500:#6366f1;--color-utility-indigo-600:#818cf8;--color-utility-indigo-700:#a5b4fc;--color-utility-purple-50:#3b0764;--color-utility-purple-100:#4a1d96;--color-utility-purple-200:#6b21a8;--color-utility-purple-300:#7e22ce;--color-utility-purple-400:#9333ea;--color-utility-purple-500:#a855f7;--color-utility-purple-600:#c084fc;--color-utility-purple-700:#d8b4fe;--color-utility-purple-800:#e9d5ff;--color-utility-purple-900:#f3e8ff;--color-utility-pink-50:#500724;--color-utility-pink-100:#831843;--color-utility-pink-200:#9d174d;--color-utility-pink-400:#db2777;--color-utility-pink-500:#ec4899;--color-utility-pink-600:#f472b6;--color-utility-pink-700:#f9a8d4;--color-utility-orange-50:#431407;--color-utility-orange-100:#7c2d12;--color-utility-orange-200:#9a3412;--color-utility-orange-400:#ea580c;--color-utility-orange-500:#f97316;--color-utility-orange-600:#fb923c;--color-utility-orange-700:#fdba74;--color-utility-yellow-50:#422006;--color-utility-yellow-100:#713f12;--color-utility-yellow-200:#854d0e;--color-utility-yellow-400:#ca8a04;--color-utility-yellow-500:#eab308;--color-utility-yellow-600:#facc15;--color-utility-yellow-700:#fde047;--color-utility-red-50:#450a0a;--color-utility-red-100:#7f1d1d;--color-utility-red-200:#991b1b;--color-utility-red-300:#b91c1c;--color-utility-red-400:#dc2626;--color-utility-red-500:#ef4444;--color-utility-red-600:#f87171;--color-utility-red-700:#fca5a5;--color-utility-sky-50:#082f49;--color-utility-sky-100:#0c4a6e;--color-utility-sky-200:#075985;--color-utility-sky-400:#0284c7;--color-utility-sky-500:#0ea5e9;--color-utility-sky-700:#7dd3fc;--color-utility-slate-50:#020617;--color-utility-slate-100:#0f172a;--color-utility-slate-200:#1e293b;--color-utility-slate-400:#475569;--color-utility-slate-500:#64748b;--color-utility-slate-700:#cbd5e1;--color-utility-rose-50:#4c0519;--color-utility-rose-100:#881337;--color-utility-rose-200:#9f1239;--color-utility-rose-400:#e11d48;--color-utility-rose-500:#f43f5e;--color-utility-rose-600:#fb7185;--color-utility-rose-700:#fda4af;--color-utility-amber-50:#451a03;--color-utility-amber-100:#78350f;--color-utility-amber-200:#92400e;--color-utility-amber-400:#d97706;--color-utility-amber-500:#f59e0b;--color-utility-amber-600:#fbbf24;--color-utility-amber-700:#fcd34d;--color-utility-teal-50:#042f2e;--color-utility-teal-100:#134e4a;--color-utility-teal-200:#115e59;--color-utility-teal-400:#0d9488;--color-utility-teal-500:#14b8a6;--color-utility-teal-600:#2dd4bf;--color-utility-teal-700:#5eead4;--color-utility-cyan-50:#083344;--color-utility-cyan-100:#164e63;--color-utility-cyan-200:#155e75;--color-utility-cyan-400:#0891b2;--color-utility-cyan-500:#06b6d4;--color-utility-cyan-600:#22d3ee;--color-utility-cyan-700:#67e8f9;--color-utility-violet-50:#2e1065;--color-utility-violet-100:#4c1d95;--color-utility-violet-200:#5b21b6;--color-utility-violet-400:#7c3aed;--color-utility-violet-500:#8b5cf6;--color-utility-violet-600:#a78bfa;--color-utility-violet-700:#c4b5fd;--color-utility-fuchsia-50:#4a044e;--color-utility-fuchsia-100:#701a75;--color-utility-fuchsia-200:#86198f;--color-utility-fuchsia-400:#c026d3;--color-utility-fuchsia-500:#d946ef;--color-utility-fuchsia-600:#e879f9;--color-utility-fuchsia-700:#f0abfc;--color-utility-lime-50:#1a2e05;--color-utility-lime-100:#365314;--color-utility-lime-200:#3f6212;--color-utility-lime-400:#65a30d;--color-utility-lime-500:#84cc16;--color-utility-lime-600:#a3e635;--color-utility-lime-700:#bef264}.dark [data-module=news],.dark[data-module=news]{--color-utility-brand-50:#1f1d3e;--color-utility-brand-100:#2a2854;--color-utility-brand-200:#353267;--color-utility-brand-400:#5955a0;--color-utility-brand-500:#6e69b2;--color-utility-brand-600:#8681c4;--color-utility-brand-700:#b1aed9;--color-bg-feed:#0e0d1a}.dark [data-module=finance],.dark[data-module=finance]{--color-utility-brand-50:#4a4010;--color-utility-brand-100:#6b5c1a;--color-utility-brand-200:#857324;--color-utility-brand-400:#d4b83a;--color-utility-brand-500:#f4e095;--color-utility-brand-600:#f7e9af;--color-utility-brand-700:#fbf4d8;--color-bg-feed:#1a1610}.dark [data-module=family],.dark[data-module=family]{--color-utility-brand-50:#0c1a12;--color-utility-brand-100:#12291a;--color-utility-brand-200:#1a3924;--color-utility-brand-400:#3a7b42;--color-utility-brand-500:#498e49;--color-utility-brand-600:#66a866;--color-utility-brand-700:#9dd09d;--color-bg-feed:#0d1512}.dark [data-module=journal],.dark[data-module=journal]{--color-utility-brand-50:#0f3334;--color-utility-brand-100:#174749;--color-utility-brand-200:#1e5b5e;--color-utility-brand-400:#3bafb5;--color-utility-brand-500:#54cad0;--color-utility-brand-600:#74d5da;--color-utility-brand-700:#94dee2;--color-bg-feed:#0a1718}.dark [data-module=marketplace],.dark[data-module=marketplace]{--color-utility-brand-50:#5a2308;--color-utility-brand-100:#7a300d;--color-utility-brand-200:#9a3e12;--color-utility-brand-400:#e8601f;--color-utility-brand-500:#fa9d76;--color-utility-brand-600:#fbb89b;--color-utility-brand-700:#fdddd0;--color-bg-feed:#1a0e07}.dark [data-module=events],.dark[data-module=events]{--color-utility-brand-50:#2e0a54;--color-utility-brand-100:#3b0d6e;--color-utility-brand-200:#4c1085;--color-utility-brand-400:#9333ea;--color-utility-brand-500:#a855f7;--color-utility-brand-600:#be80f9;--color-utility-brand-700:#e9d5fd;--color-bg-feed:#15081f}.dark [data-module=services],.dark[data-module=services]{--color-utility-brand-50:#152c42;--color-utility-brand-100:#1e3c58;--color-utility-brand-200:#274d6f;--color-utility-brand-400:#4a89c4;--color-utility-brand-500:#679ed1;--color-utility-brand-600:#85b2db;--color-utility-brand-700:#d5e5f3;--color-bg-feed:#0b1422}.dark [data-module=organizations],.dark[data-module=organizations]{--color-utility-brand-50:#0c1530;--color-utility-brand-100:#101c42;--color-utility-brand-200:#162554;--color-utility-brand-400:#233b88;--color-utility-brand-500:#2b48a5;--color-utility-brand-600:#4b66ba;--color-utility-brand-700:#c9d2eb;--color-bg-feed:#0a1024}@keyframes avatar-glow{0%,to{opacity:.5;transform:scale(.98)}50%{opacity:.8;transform:scale(1.02)}}@keyframes badgePop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes birthdayFlash{0%,to{transform:scale(1);box-shadow:0 0 #ec4899b3}50%{transform:scale(1.1);box-shadow:0 0 0 8px #ec489900}}@keyframes birthdayFlashItem{0%,to{background-color:var(--color-bg-primary);box-shadow:0 1px 3px #0000001a}50%{background-color:var(--color-bg-brand-primary);box-shadow:0 0 20px #ec489966}}@keyframes bounce-icon{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes btn-pulse{0%,to{box-shadow:0 0 15px var(--glow-color,#667eea66)}50%{box-shadow:0 0 25px var(--glow-color,#667eea99)}}@keyframes card-flip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes cardFloatIn{to{opacity:1;transform:translate(0)}}@keyframes cardPulse{0%,to{opacity:1;box-shadow:0 2px 8px color-mix(in srgb, var(--color-text-primary) 4%, transparent)}50%{opacity:.95;box-shadow:0 2px 12px color-mix(in srgb, var(--color-text-primary) 6%, transparent)}}@keyframes celebrate{0%{opacity:0;transform:scale(.8)rotate(-10deg)}50%{opacity:1;transform:scale(1.1)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes checkPop{0%{opacity:0;transform:scale(0)rotate(-45deg)}50%{transform:scale(1.2)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes checkmarkAppear{0%{opacity:0;transform:scale(.5)rotate(-45deg)}50%{transform:scale(1.2)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-100vh)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}@keyframes confetti-wobble{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes contextMenuIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes contextMenuSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes emojiPickerIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes emojiSlideIn{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes expandBody{0%{opacity:0;max-height:0}to{opacity:1;max-height:600px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(30px,-30px)rotate(120deg)}66%{transform:translate(-20px,20px)rotate(240deg)}}@keyframes float-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow-pulse{0%,to{box-shadow:0 4px 20px var(--glow-color,#667eea4d), 0 0 30px var(--glow-color,#667eea33)}50%{box-shadow:0 4px 30px var(--glow-color,#667eea80), 0 0 40px var(--glow-color,#667eea4d)}}@keyframes gradient-text{0%,to{background-position:0%}50%{background-position:100%}}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes icon-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes lightboxFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes lightboxSlideIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes likeAnimation{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes meshMove{0%,to{background-position:0%}50%{background-position:100%}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes mlCheckIn{0%{background:#4f46e500}to{background:#4f46e526}}@keyframes mlCheckPop{0%{transform:scale(0)rotate(-45deg)}60%{transform:scale(1.15)rotate(10deg)}to{transform:scale(1)rotate(0)}}@keyframes mlFadeIn{0%{opacity:0}to{opacity:1}}@keyframes mlShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes mlSlideUp{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modalEnter{0%{opacity:0;transform:scale(.92)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes modalFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes module-pulse{0%,to{box-shadow:0 4px 16px,0 2px 8px #0000001a}50%{box-shadow:0 6px 24px,0 4px 12px #00000026}}@keyframes pageTransition{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{opacity:.5}}@keyframes pulse-countdown{0%,to{opacity:1}50%{opacity:.8}}@keyframes pulse-online{0%,to{box-shadow:0 0 #25d36666}50%{box-shadow:0 0 0 4px #25d36600}}@keyframes pulse-status{0%,to{opacity:1;box-shadow:0 4px 12px #00000040,0 0 20px #10b98199}50%{opacity:.9;box-shadow:0 4px 12px #00000040,0 0 30px #10b981cc,0 0 40px #10b98166}}@keyframes radioFill{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes recordingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}@keyframes replySlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ripple{0%{opacity:.12;transform:scale(0)}to{opacity:0;transform:scale(1)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shine-sweep{0%{transform:translate(-100%)skew(-15deg)}to{transform:translate(200%)skew(-15deg)}}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1)rotate(180deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes task-critical-pulse{0%,to{box-shadow:0 1px 3px #dc26261a}50%{box-shadow:0 2px 8px #dc262640}}@keyframes spoiler-noise{0%,to{background-position:0 0}50%{background-position:3px 3px}}@keyframes text-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes titleShimmer{0%,to{filter:brightness()}50%{filter:brightness(1.2)}}@keyframes toastIconPop{0%{transform:scale(0)rotate(-180deg)}50%{transform:scale(1.2)rotate(10deg)}to{transform:scale(1)rotate(0)}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(400px)scale(.8)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(400px)scale(.8)}}@keyframes typingBounce{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@keyframes typingPulse{0%,60%,to{opacity:.6;transform:translateY(0)scale(1)}30%{opacity:1;transform:translateY(-5px)scale(1.1)}}@keyframes typingSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0), var(--tw-enter-translate-y,0), 0) scale3d(var(--tw-enter-scale,1), var(--tw-enter-scale,1), var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0), var(--tw-exit-translate-y,0), 0) scale3d(var(--tw-exit-scale,1), var(--tw-exit-scale,1), var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-mask-linear{syntax:"*";inherits:false;initial-value:linear-gradient(#fff, #fff)}@property --tw-mask-radial{syntax:"*";inherits:false;initial-value:linear-gradient(#fff, #fff)}@property --tw-mask-conic{syntax:"*";inherits:false;initial-value:linear-gradient(#fff, #fff)}@property --tw-mask-left{syntax:"*";inherits:false;initial-value:linear-gradient(#fff, #fff)}@property --tw-mask-right{syntax:"*";inherits:false;initial-value:linear-gradient(#fff, #fff)}@property --tw-mask-bottom{syntax:"*";inherits:false;initial-value:linear-gradient(#fff, #fff)}@property --tw-mask-top{syntax:"*";inherits:false;initial-value:linear-gradient(#fff, #fff)}@property --tw-mask-bottom-from-position{syntax:"*";inherits:false;initial-value:0%}@property --tw-mask-bottom-to-position{syntax:"*";inherits:false;initial-value:100%}@property --tw-mask-bottom-from-color{syntax:"*";inherits:false;initial-value:black}@property --tw-mask-bottom-to-color{syntax:"*";inherits:false;initial-value:transparent}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-text-shadow-color{syntax:"*";inherits:false}@property --tw-text-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-mask-linear-position{syntax:"*";inherits:false;initial-value:0deg}@property --tw-mask-linear-from-position{syntax:"*";inherits:false;initial-value:0%}@property --tw-mask-linear-to-position{syntax:"*";inherits:false;initial-value:100%}@property --tw-mask-linear-from-color{syntax:"*";inherits:false;initial-value:black}@property --tw-mask-linear-to-color{syntax:"*";inherits:false;initial-value:transparent}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}