:root{--mz-color-bg:#050816;--mz-color-bg-elevated:#0b1120;--mz-color-surface:#0f172aad;--mz-color-surface-strong:#0f172ae6;--mz-color-line:#94a3b829;--mz-color-line-strong:#7dd3fc42;--mz-color-text:#f8fafc;--mz-color-text-muted:#94a3b8;--mz-color-primary:#8b5cf6;--mz-color-primary-soft:#8b5cf62e;--mz-color-accent:#22d3ee;--mz-color-accent-blue:#38bdf8;--mz-color-success:#22c55e;--mz-color-error:#ef4444;--mz-color-warning:#f59e0b;--mz-space-1:.25rem;--mz-space-2:.5rem;--mz-space-3:.75rem;--mz-space-4:1rem;--mz-space-5:1.25rem;--mz-space-6:1.5rem;--mz-space-8:2rem;--mz-space-10:2.5rem;--mz-radius-sm:.5rem;--mz-radius-md:.75rem;--mz-radius-lg:1rem;--mz-radius-xl:1.375rem;--mz-radius-panel:1.5rem;--mz-shadow-soft:0 22px 70px #0000005c;--mz-shadow-shell:0 18px 54px #00000047;--mz-shadow-glow:0 0 0 1px #7dd3fc1c, 0 22px 74px #3b82f61c, 0 16px 58px #8b5cf61f;--mz-font-sans:Inter, Geist, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mz-type-display:clamp(2rem, 1.6rem + 1.2vw, 3rem);--mz-type-title:clamp(1.45rem, 1.25rem + .65vw, 2.05rem);--mz-type-body:.9375rem;--mz-shell-topbar-height:4rem;--mz-shell-mobile-nav-height:4.75rem;--mz-shell-page-max:1560px;--mz-shell-feed-max:860px;--mz-shell-sidebar-width:260px;--mz-shell-sidebar-collapsed-width:88px;--mz-shell-right-rail-width:320px;--bg:var(--mz-color-bg);--bg-elevated:var(--mz-color-bg-elevated);--bg-card:var(--mz-color-surface);--bg-card-strong:var(--mz-color-surface-strong);--background:var(--mz-color-bg);--foreground:var(--mz-color-text);--muted-foreground:var(--mz-color-text-muted);--card:var(--mz-color-surface);--card-foreground:var(--mz-color-text);--border:var(--mz-color-line);--secondary:#94a3b81f;--accent:#22d3ee1f;--destructive:var(--mz-color-error);--line:var(--mz-color-line);--line-strong:var(--mz-color-line-strong);--text:var(--mz-color-text);--muted:var(--mz-color-text-muted);--primary:var(--mz-color-primary);--primary-soft:var(--mz-color-primary-soft);--cyan:var(--mz-color-accent);--blue:var(--mz-color-accent-blue);--accent-glow:#22d3ee47;--premium-gradient:linear-gradient(135deg, #a78bfa 0%, #38bdf8 58%, #22d3ee 100%);--success:var(--mz-color-success);--error:var(--mz-color-error);--warning:var(--mz-color-warning);--radius-card:var(--mz-radius-lg);--radius-panel:var(--mz-radius-panel);--shadow-soft:var(--mz-shadow-soft);--shadow-glow:var(--mz-shadow-glow);--grid-mobile:repeat(4, minmax(0, 1fr));--grid-desktop:repeat(12, minmax(0, 1fr));--layout-max:1600px;--space-1:var(--mz-space-1);--space-2:var(--mz-space-2);--space-3:var(--mz-space-3);--space-4:var(--mz-space-4);--space-5:var(--mz-space-5);--space-6:var(--mz-space-6);--type-display:var(--mz-type-display);--type-title:var(--mz-type-title);--type-body:var(--mz-type-body)}html[data-theme=light]{--mz-color-bg:#f4f7fb;--mz-color-bg-elevated:#eef2f7;--mz-color-surface:#ffffffd6;--mz-color-surface-strong:#fffffff5;--mz-color-line:#1e293b26;--mz-color-line-strong:#2563eb47;--mz-color-text:#0f172a;--mz-color-text-muted:#526176}:root{--mz-palette-background:#0b1020;--mz-palette-surface:#111827;--mz-palette-surface-elevated:#1a2333;--mz-palette-accent:#22e6db;--mz-palette-accent-hover:#3b82f6;--mz-brand-primary:#22e6db;--mz-brand-secondary:#3b82f6;--mz-palette-success:#22c55e;--mz-palette-warning:#f59e0b;--mz-palette-error:#ef4444;--mz-palette-text-primary:#f8fafc;--mz-palette-text-secondary:#aab6c8;--mz-palette-text-muted:#6b7280;--mz-palette-black:#000;--mz-palette-white:#fff;--mz-color-background:var(--mz-palette-background);--mz-color-surface-primary:var(--mz-palette-background);--mz-color-surface-secondary:var(--mz-palette-surface);--mz-color-surface-elevated:var(--mz-palette-surface-elevated);--mz-color-surface-overlay:color-mix(in srgb, var(--mz-palette-surface-elevated) 94%, transparent);--mz-color-surface-subtle:color-mix(in srgb, var(--mz-palette-text-primary) 5%, transparent);--mz-color-surface-hover:color-mix(in srgb, var(--mz-palette-accent) 10%, transparent);--mz-color-text-primary:var(--mz-palette-text-primary);--mz-color-text-secondary:var(--mz-palette-text-secondary);--mz-color-text-muted:var(--mz-color-text-secondary);--mz-color-text-inverse:var(--mz-palette-background);--mz-color-accent-primary:var(--mz-palette-accent);--mz-color-accent-hover:var(--mz-palette-accent-hover);--mz-color-accent-soft:color-mix(in srgb, var(--mz-palette-accent) 14%, transparent);--mz-color-focus:color-mix(in srgb, var(--mz-palette-accent) 72%, var(--mz-palette-white));--mz-color-selection:color-mix(in srgb, var(--mz-palette-accent) 35%, transparent);--mz-color-backdrop:color-mix(in srgb, var(--mz-palette-black) 62%, transparent);--mz-font-sans:"Geist Variable", Geist, "Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mz-font-mono:"Geist Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--mz-font-weight-regular:400;--mz-font-weight-medium:500;--mz-font-weight-semibold:600;--mz-font-weight-bold:700;--mz-font-weight-black:900;--mz-letter-spacing-none:0;--mz-letter-spacing-caps:.12em;--mz-type-display-xl-size:4rem;--mz-type-display-xl-line:1;--mz-type-display-lg-size:3rem;--mz-type-display-lg-line:1.04;--mz-type-heading-xl-size:2.25rem;--mz-type-heading-xl-line:1.1;--mz-type-heading-lg-size:1.875rem;--mz-type-heading-lg-line:1.16;--mz-type-heading-md-size:1.5rem;--mz-type-heading-md-line:1.2;--mz-type-heading-sm-size:1.25rem;--mz-type-heading-sm-line:1.28;--mz-type-body-lg-size:1.125rem;--mz-type-body-lg-line:1.7;--mz-type-body-md-size:1rem;--mz-type-body-md-line:1.6;--mz-type-body-sm-size:.875rem;--mz-type-body-sm-line:1.55;--mz-type-caption-size:.75rem;--mz-type-caption-line:1.45;--mz-space-4:4px;--mz-space-8:8px;--mz-space-12:12px;--mz-space-16:16px;--mz-space-24:24px;--mz-space-32:32px;--mz-space-48:48px;--mz-space-64:64px;--mz-space-96:96px;--mz-space-1:var(--mz-space-4);--mz-space-2:var(--mz-space-8);--mz-space-3:var(--mz-space-12);--mz-space-5:var(--mz-space-24);--mz-space-6:var(--mz-space-24);--mz-space-10:var(--mz-space-48);--mz-radius-sm:4px;--mz-radius-md:8px;--mz-radius-lg:12px;--mz-radius-xl:16px;--mz-radius-panel:var(--mz-radius-xl);--mz-border-width-sm:1px;--mz-border-width-md:2px;--mz-border-subtle:var(--mz-border-width-sm) solid color-mix(in srgb, var(--mz-palette-text-secondary) 16%, transparent);--mz-border-standard:var(--mz-border-width-sm) solid color-mix(in srgb, var(--mz-palette-text-secondary) 22%, transparent);--mz-border-strong:var(--mz-border-width-sm) solid color-mix(in srgb, var(--mz-palette-text-secondary) 28%, transparent);--mz-border-accent:var(--mz-border-width-sm) solid color-mix(in srgb, var(--mz-palette-accent) 36%, transparent);--mz-border-accent-subtle:var(--mz-border-width-sm) solid color-mix(in srgb, var(--mz-palette-accent) 24%, transparent);--mz-border-success:var(--mz-border-width-sm) solid color-mix(in srgb, var(--mz-palette-success) 32%, transparent);--mz-border-warning:var(--mz-border-width-sm) solid color-mix(in srgb, var(--mz-palette-warning) 32%, transparent);--mz-border-error:var(--mz-border-width-sm) solid color-mix(in srgb, var(--mz-palette-error) 32%, transparent);--mz-shadow-sm:0 4px 14px color-mix(in srgb, var(--mz-palette-black) 18%, transparent);--mz-shadow-md:0 12px 32px color-mix(in srgb, var(--mz-palette-black) 26%, transparent);--mz-shadow-lg:0 20px 56px color-mix(in srgb, var(--mz-palette-black) 34%, transparent);--mz-shadow-xl:0 28px 80px color-mix(in srgb, var(--mz-palette-black) 42%, transparent);--mz-shadow-card:0 8px 24px color-mix(in srgb, var(--mz-palette-black) 22%, transparent);--mz-shadow-card-elevated:0 16px 40px color-mix(in srgb, var(--mz-palette-black) 28%, transparent);--mz-motion-fast:.15s;--mz-motion-normal:.25s;--mz-motion-complex:.35s;--mz-ease-standard:cubic-bezier(.2, 0, 0, 1);--mz-ease-emphasized:cubic-bezier(.2, 0, 0, 1.2);--mz-ease-decelerate:cubic-bezier(0, 0, .2, 1);--mz-transition-standard:color var(--mz-motion-fast) var(--mz-ease-standard), background-color var(--mz-motion-fast) var(--mz-ease-standard), border-color var(--mz-motion-fast) var(--mz-ease-standard), box-shadow var(--mz-motion-fast) var(--mz-ease-standard), transform var(--mz-motion-fast) var(--mz-ease-standard), opacity var(--mz-motion-fast) var(--mz-ease-standard);--mz-z-base:0;--mz-z-docked:10;--mz-z-sticky:20;--mz-z-fixed:40;--mz-z-overlay:60;--mz-z-modal:80;--mz-z-popover:100;--mz-z-toast:120;--mz-breakpoint-mobile:390px;--mz-breakpoint-tablet:768px;--mz-breakpoint-laptop:1024px;--mz-breakpoint-desktop:1280px;--mz-breakpoint-ultra-wide:1600px;--mz-shell-topbar-height:var(--mz-space-64);--mz-shell-mobile-nav-height:76px;--mz-shell-page-max:1560px;--mz-shell-feed-max:860px;--mz-shell-sidebar-width:260px;--mz-shell-sidebar-collapsed-width:88px;--mz-shell-right-rail-width:320px;--mz-color-bg:var(--mz-color-background);--mz-color-bg-elevated:var(--mz-color-surface-elevated);--mz-color-surface:var(--mz-color-surface-secondary);--mz-color-surface-strong:var(--mz-color-surface-elevated);--mz-color-line:color-mix(in srgb, var(--mz-palette-text-secondary) 16%, transparent);--mz-color-line-strong:color-mix(in srgb, var(--mz-palette-accent) 28%, transparent);--mz-color-text:var(--mz-color-text-primary);--mz-color-primary:var(--mz-color-accent-primary);--mz-color-primary-soft:var(--mz-color-accent-soft);--mz-color-accent:var(--mz-color-accent-primary);--mz-color-accent-blue:var(--mz-color-accent-hover);--mz-color-success:var(--mz-palette-success);--mz-color-error:var(--mz-palette-error);--mz-color-warning:var(--mz-palette-warning);--bg:var(--mz-color-background);--bg-elevated:var(--mz-color-surface-elevated);--bg-card:var(--mz-color-surface-secondary);--bg-card-strong:var(--mz-color-surface-elevated);--background:var(--mz-color-background);--foreground:var(--mz-color-text-primary);--muted-foreground:var(--mz-color-text-muted);--card:var(--mz-color-surface-secondary);--card-foreground:var(--mz-color-text-primary);--border:var(--mz-color-line);--secondary:var(--mz-color-surface-subtle);--accent:var(--mz-color-accent-soft);--destructive:var(--mz-color-error);--line:var(--mz-color-line);--line-strong:var(--mz-color-line-strong);--text:var(--mz-color-text-primary);--muted:var(--mz-color-text-secondary);--primary:var(--mz-color-accent-primary);--primary-soft:var(--mz-color-accent-soft);--cyan:var(--mz-color-accent-primary);--blue:var(--mz-color-accent-hover);--accent-glow:color-mix(in srgb, var(--mz-palette-accent) 26%, transparent);--premium-gradient:linear-gradient(135deg, #22e6db 0%, #3b82f6 100%);--success:var(--mz-color-success);--error:var(--mz-color-error);--warning:var(--mz-color-warning);--radius-card:var(--mz-radius-xl);--radius-panel:var(--mz-radius-xl);--shadow-soft:var(--mz-shadow-lg);--shadow-glow:var(--mz-shadow-xl);--layout-max:var(--mz-shell-page-max);--space-1:var(--mz-space-4);--space-2:var(--mz-space-8);--space-3:var(--mz-space-12);--space-4:var(--mz-space-16);--space-5:var(--mz-space-24);--space-6:var(--mz-space-24);--type-display:var(--mz-type-display-lg-size);--type-title:var(--mz-type-heading-lg-size);--type-body:var(--mz-type-body-md-size)}html[data-theme=light]{--mz-color-background:var(--mz-palette-text-primary);--mz-color-surface-primary:var(--mz-palette-text-primary);--mz-color-surface-secondary:color-mix(in srgb, var(--mz-palette-text-primary) 92%, var(--mz-palette-accent));--mz-color-surface-elevated:color-mix(in srgb, var(--mz-palette-text-primary) 86%, var(--mz-palette-accent));--mz-color-text-primary:var(--mz-palette-background);--mz-color-text-secondary:var(--mz-palette-surface-elevated);--mz-color-text-muted:var(--mz-palette-text-muted)}.mz-button{justify-content:center;align-items:center;gap:var(--mz-space-8);min-height:var(--mz-space-48);border-radius:var(--mz-radius-xl);padding:var(--mz-space-12) var(--mz-space-16);border:var(--mz-border-subtle);font-family:var(--mz-font-sans);font-size:var(--mz-type-body-sm-size);font-weight:var(--mz-font-weight-bold);letter-spacing:var(--mz-letter-spacing-none);transition:var(--mz-transition-standard);display:inline-flex}.mz-button-primary{background:var(--mz-color-accent-primary);color:var(--mz-color-text-inverse);box-shadow:var(--mz-shadow-sm);border-color:#0000}.mz-button-primary:hover{background:var(--mz-color-accent-hover)}.mz-button-secondary{background:var(--mz-color-surface-subtle);color:var(--mz-color-text-secondary)}.mz-button-secondary:hover,.mz-button-ghost:hover{background:var(--mz-color-surface-hover);color:var(--mz-color-text-primary)}.mz-button-ghost{color:var(--mz-color-text-secondary);background:0 0;border-color:#0000}.mz-button-danger{border:var(--mz-border-error);background:color-mix(in srgb, var(--mz-color-error) 12%, transparent);color:var(--mz-color-error)}.mz-card{border:var(--mz-border-subtle);border-radius:var(--mz-radius-xl);background:var(--mz-color-surface-secondary);box-shadow:var(--mz-shadow-md)}.mz-card-elevated{background:var(--mz-color-surface-elevated);box-shadow:var(--mz-shadow-lg)}.mz-field{border:var(--mz-border-subtle);border-radius:var(--mz-radius-xl);background:var(--mz-color-surface-secondary);width:100%;color:var(--mz-color-text-primary);padding:var(--mz-space-12) var(--mz-space-16);font-family:var(--mz-font-sans);font-size:var(--mz-type-body-sm-size);line-height:var(--mz-type-body-sm-line);transition:var(--mz-transition-standard);outline:none}.mz-field::placeholder{color:var(--mz-color-text-muted)}.mz-field:focus,.mz-field:focus-within{border-color:var(--mz-color-accent-primary);box-shadow:0 0 0 var(--mz-space-4) var(--mz-color-accent-soft)}.mz-tab-list{gap:var(--mz-space-8);border:var(--mz-border-subtle);border-radius:var(--mz-radius-xl);background:var(--mz-color-surface-secondary);padding:var(--mz-space-8);display:grid}.mz-tab{border-radius:var(--mz-radius-lg);color:var(--mz-color-text-secondary);padding:var(--mz-space-8) var(--mz-space-12);font-size:var(--mz-type-body-sm-size);font-weight:var(--mz-font-weight-semibold);text-transform:capitalize;transition:var(--mz-transition-standard);background:0 0;border:0}.mz-tab[aria-selected=true]{background:var(--mz-color-accent-primary);color:var(--mz-color-text-inverse)}.mz-avatar{border-radius:var(--mz-radius-xl);background:var(--mz-color-accent-primary);color:var(--mz-color-text-inverse);font-weight:var(--mz-font-weight-black);place-items:center;display:grid;overflow:hidden}.mz-focus-ring:focus-visible{outline:var(--mz-border-width-md) solid var(--mz-color-focus);outline-offset:var(--mz-space-4)}
:root{--mz-touch-target-min:44px;--mz-touch-target-comfortable:48px;--mz-touch-target-spacious:52px;--mz-touch-spacing-min:8px;--mz-touch-spacing-comfortable:12px;--mz-touch-spacing-spacious:16px;--mz-safe-zone-edge:16px;--mz-safe-zone-bottom:20px}.touch-target{min-width:var(--mz-touch-target-min);min-height:var(--mz-touch-target-min);justify-content:center;align-items:center;display:inline-flex}.touch-target-comfortable{min-width:var(--mz-touch-target-comfortable);min-height:var(--mz-touch-target-comfortable)}.touch-target-spacious{min-width:var(--mz-touch-target-spacious);min-height:var(--mz-touch-target-spacious)}.touch-target-icon{padding:calc((var(--mz-touch-target-min) - 1.5rem) / 2)}.touch-target-text{padding-left:var(--mz-touch-spacing-min);padding-right:var(--mz-touch-spacing-min);min-height:var(--mz-touch-target-min)}.touch-target-link{padding:var(--mz-touch-spacing-min);min-height:var(--mz-touch-target-min);display:inline-block}.touch-safe-spacing{margin:var(--mz-touch-spacing-min)}.touch-safe-edge{margin-left:var(--mz-safe-zone-edge);margin-right:var(--mz-safe-zone-edge)}.touch-safe-bottom{margin-bottom:var(--mz-safe-zone-bottom)}.touch-target-group{gap:var(--mz-touch-spacing-min);display:flex}button.touch-fix,a.touch-fix,.hamburger-menu,.notification-bell,.message-icon{min-width:var(--mz-touch-target-min);min-height:var(--mz-touch-target-min);padding:0}.search-input{min-height:var(--mz-touch-target-comfortable)}.profile-button{min-height:var(--mz-touch-target-min);padding-left:var(--mz-touch-spacing-min);padding-right:var(--mz-touch-spacing-min)}@media (max-width:767px){.touch-target-mobile{min-width:var(--mz-touch-target-comfortable);min-height:var(--mz-touch-target-comfortable)}.touch-spacing-mobile{gap:var(--mz-touch-spacing-comfortable)}}button:disabled,a[aria-disabled=true]{pointer-events:none}@media (hover:none) and (pointer:coarse){.touch-target:active{opacity:.7;transform:scale(.98)}}
:root{--mz-safe-area-top-fallback:0px;--mz-safe-area-right-fallback:0px;--mz-safe-area-bottom-fallback:0px;--mz-safe-area-left-fallback:0px;--mz-safe-padding-top:max(var(--mz-safe-area-top-fallback), env(safe-area-inset-top,0px));--mz-safe-padding-right:max(var(--mz-safe-area-right-fallback), env(safe-area-inset-right,0px));--mz-safe-padding-bottom:max(var(--mz-safe-area-bottom-fallback), env(safe-area-inset-bottom,0px));--mz-safe-padding-left:max(var(--mz-safe-area-left-fallback), env(safe-area-inset-left,0px))}.safe-area-top{padding-top:var(--mz-safe-padding-top)}.safe-area-bottom{padding-bottom:var(--mz-safe-padding-bottom)}.safe-area-left{padding-left:var(--mz-safe-padding-left)}.safe-area-right{padding-right:var(--mz-safe-padding-right)}.safe-area-all{padding:var(--mz-safe-padding-top) var(--mz-safe-padding-right) var(--mz-safe-padding-bottom) var(--mz-safe-padding-left)}.safe-area-margin-top{margin-top:var(--mz-safe-padding-top)}.safe-area-margin-bottom{margin-bottom:var(--mz-safe-padding-bottom)}.safe-area-margin-left{margin-left:var(--mz-safe-padding-left)}.safe-area-margin-right{margin-right:var(--mz-safe-padding-right)}.top-bar-safe{padding-top:max(.75rem, var(--mz-safe-padding-top))}.bottom-nav-safe{padding-bottom:max(.375rem, var(--mz-safe-padding-bottom));margin-bottom:env(safe-area-inset-bottom,0px)}.fixed-safe-top{padding-top:var(--mz-safe-padding-top);position:fixed;top:0;left:0;right:0}.fixed-safe-bottom{padding-bottom:var(--mz-safe-padding-bottom);position:fixed;bottom:0;left:0;right:0}.notch-safe{padding-left:max(16px, var(--mz-safe-padding-left));padding-right:max(16px, var(--mz-safe-padding-right))}.gesture-nav-safe{padding-bottom:max(16px, var(--mz-safe-padding-bottom))}@media (hover:none) and (pointer:coarse){.keyboard-safe-area{padding-bottom:max(300px, var(--mz-safe-padding-bottom))}}@supports (padding:env(fold-left)){.foldable-safe{padding-left:env(fold-left,0px);padding-right:env(fold-right,0px)}.foldable-safe-vertical{padding-top:env(fold-top,0px);padding-bottom:env(fold-bottom,0px)}}@media (orientation:landscape){.landscape-safe{padding-left:max(24px, var(--mz-safe-padding-left));padding-right:max(24px, var(--mz-safe-padding-right))}}@media (orientation:portrait){.portrait-safe{padding-top:max(24px, var(--mz-safe-padding-top));padding-bottom:max(24px, var(--mz-safe-padding-bottom))}}.safe-area-inset-top{padding-top:env(safe-area-inset-top,0px)}.safe-area-inset-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.safe-area-inset-left{padding-left:env(safe-area-inset-left,0px)}.safe-area-inset-right{padding-right:env(safe-area-inset-right,0px)}.safe-area-with-min-top{padding-top:max(12px, env(safe-area-inset-top,0px))}.safe-area-with-min-bottom{padding-bottom:max(12px, env(safe-area-inset-bottom,0px))}.full-screen-safe{padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}@supports (padding-top:env(safe-area-inset-top)){.dynamic-island-safe{padding-top:max(20px, env(safe-area-inset-top,0px))}}.android-gesture-safe{padding-bottom:max(16px, env(safe-area-inset-bottom,0px));padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px))}