:root{--mz-brand-midnight-black:#0b1020;--mz-brand-electric-teal:#22e6db;--mz-brand-ocean-blue:#2f7dff;--mz-brand-white:#fff;--mz-app-canvas:#000;--mz-semantic-success:#22c55e;--mz-semantic-warning:#f59e0b;--mz-semantic-error:#ef4444;--mz-semantic-info:#2f7dff;--mz-surface-background:#000;--mz-surface-primary:#0b1020;--mz-surface-secondary:#121828;--mz-surface-elevated:#121828;--mz-surface-floating:#172033;--mz-surface-modal:#1b2740;--mz-surface-hover:color-mix(in srgb, var(--mz-brand-electric-teal) 8%, var(--mz-surface-primary));--mz-surface-active:color-mix(in srgb, var(--mz-brand-electric-teal) 12%, var(--mz-surface-primary));--mz-surface-overlay:color-mix(in srgb, var(--mz-surface-elevated) 94%, transparent);--mz-surface-glass:color-mix(in srgb, var(--mz-surface-elevated) 68%, transparent);--mz-surface-subtle:color-mix(in srgb, var(--mz-brand-white) 4%, transparent);--mz-text-primary:#f8fafc;--mz-text-secondary:#aab6c8;--mz-text-muted:#6b7280;--mz-text-disabled:color-mix(in srgb, var(--mz-text-muted) 60%, transparent);--mz-text-inverse:var(--mz-brand-midnight-black);--mz-text-success:var(--mz-semantic-success);--mz-text-warning:var(--mz-semantic-warning);--mz-text-error:var(--mz-semantic-error);--mz-text-info:var(--mz-semantic-info);--mz-neutral-50:#f8fafc;--mz-neutral-100:#f1f5f9;--mz-neutral-200:#e2e8f0;--mz-neutral-300:#cbd5e1;--mz-neutral-400:#94a3b8;--mz-neutral-500:#64748b;--mz-neutral-600:#475569;--mz-neutral-700:#334155;--mz-neutral-800:#1e293b;--mz-neutral-900:#0f172a;--mz-neutral-950:#020617;--mz-border-width-subtle:1px;--mz-border-width-default:1px;--mz-border-width-strong:2px;--mz-border-subtle:var(--mz-border-width-subtle) solid color-mix(in srgb, var(--mz-text-secondary) 16%, transparent);--mz-border-default:var(--mz-border-width-default) solid color-mix(in srgb, var(--mz-text-secondary) 22%, transparent);--mz-border-hover:var(--mz-border-width-default) solid color-mix(in srgb, var(--mz-text-secondary) 28%, transparent);--mz-border-accent:var(--mz-border-width-default) solid color-mix(in srgb, var(--mz-brand-electric-teal) 36%, transparent);--mz-border-focus:var(--mz-border-width-default) solid var(--mz-brand-electric-teal);--mz-border-disabled:var(--mz-border-width-subtle) solid color-mix(in srgb, var(--mz-text-muted) 12%, transparent);--mz-border-error:var(--mz-border-width-default) solid color-mix(in srgb, var(--mz-semantic-error) 32%, transparent);--mz-border-success:var(--mz-border-width-default) solid color-mix(in srgb, var(--mz-semantic-success) 32%, transparent);--mz-border-warning:var(--mz-border-width-default) solid color-mix(in srgb, var(--mz-semantic-warning) 32%, transparent);--mz-shadow-xs:0 2px 8px #0000001f;--mz-shadow-sm:0 4px 14px #0000002e;--mz-shadow-md:0 12px 32px #00000042;--mz-shadow-lg:0 20px 56px #00000057;--mz-shadow-xl:0 28px 80px #0000006b;--mz-shadow-floating:0 32px 96px #0000007a;--mz-shadow-modal:0 40px 120px #0000008a;--mz-shadow-dropdown:0 16px 40px #00000047;--mz-shadow-card:0 8px 24px #00000038;--mz-shadow-card-elevated:0 16px 40px #00000047;--mz-overlay-drawer:#000000b8;--mz-overlay-modal:#000000c7;--mz-overlay-dropdown:#000000a3;--mz-overlay-context-menu:#000000ad;--mz-overlay-command-palette:#000000bd;--mz-overlay-media-viewer:#000000e0;--mz-overlay-image-viewer:#000000e0;--mz-overlay-video-viewer:#000000e0;--mz-state-hover:color-mix(in srgb, var(--mz-brand-electric-teal) 10%, transparent);--mz-state-active:color-mix(in srgb, var(--mz-brand-electric-teal) 14%, transparent);--mz-state-pressed:color-mix(in srgb, var(--mz-brand-electric-teal) 18%, transparent);--mz-state-focus:color-mix(in srgb, var(--mz-brand-electric-teal) 72%, var(--mz-brand-white));--mz-state-selection:color-mix(in srgb, var(--mz-brand-electric-teal) 35%, 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-0:0px;--mz-space-1:4px;--mz-space-2:8px;--mz-space-3:12px;--mz-space-4:16px;--mz-space-5:20px;--mz-space-6:24px;--mz-space-8:32px;--mz-space-10:40px;--mz-space-12:48px;--mz-space-16:64px;--mz-space-20:80px;--mz-space-24:96px;--mz-space-32:128px;--mz-space-40:160px;--mz-space-48:192px;--mz-space-56:224px;--mz-space-64:256px;--mz-space-80:320px;--mz-space-96:384px;--mz-radius-none:0px;--mz-radius-sm:4px;--mz-radius-md:8px;--mz-radius-lg:12px;--mz-radius-xl:16px;--mz-radius-2xl:20px;--mz-radius-full:9999px;--mz-motion-instant:50ms;--mz-motion-fast:.15s;--mz-motion-normal:.25s;--mz-motion-slow:.35s;--mz-motion-slower:.5s;--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-ease-accelerate:cubic-bezier(.4, 0, 1, 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-desktop-wide:1536px;--mz-breakpoint-ultra-wide:1920px;--mz-shell-topbar-height:64px;--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-surface-background);--mz-color-bg-elevated:var(--mz-surface-elevated);--mz-color-surface:var(--mz-surface-secondary);--mz-color-surface-strong:var(--mz-surface-elevated);--mz-color-line:var(--mz-border-subtle);--mz-color-line-strong:var(--mz-border-accent);--mz-color-text:var(--mz-text-primary);--mz-color-text-muted:var(--mz-text-secondary);--mz-color-primary:var(--mz-brand-electric-teal);--mz-color-primary-soft:color-mix(in srgb, var(--mz-brand-electric-teal) 14%, transparent);--mz-color-accent:var(--mz-brand-electric-teal);--mz-color-accent-blue:var(--mz-brand-ocean-blue);--mz-color-success:var(--mz-semantic-success);--mz-color-error:var(--mz-semantic-error);--mz-color-warning:var(--mz-semantic-warning);--mz-space-legacy-1:var(--mz-space-1);--mz-space-legacy-2:var(--mz-space-2);--mz-space-legacy-3:var(--mz-space-3);--mz-space-legacy-4:var(--mz-space-4);--mz-space-legacy-5:var(--mz-space-6);--mz-space-legacy-6:var(--mz-space-6);--mz-space-legacy-8:var(--mz-space-8);--mz-space-legacy-10:var(--mz-space-12);--mz-radius-panel:var(--mz-radius-xl);--mz-shadow-soft:var(--mz-shadow-lg);--mz-shadow-shell:var(--mz-shadow-md);--mz-shadow-glow:0 0 0 1px color-mix(in srgb, var(--mz-brand-electric-teal) 11%, transparent), 0 22px 74px color-mix(in srgb, var(--mz-brand-ocean-blue) 11%, transparent), 0 16px 58px color-mix(in srgb, var(--mz-brand-electric-teal) 12%, transparent);--mz-type-display:var(--mz-type-display-lg-size);--mz-type-title:var(--mz-type-heading-lg-size);--mz-type-body:var(--mz-type-body-md-size);--bg:var(--mz-surface-background);--bg-elevated:var(--mz-surface-elevated);--bg-card:var(--mz-surface-secondary);--bg-card-strong:var(--mz-surface-elevated);--background:var(--mz-surface-background);--foreground:var(--mz-text-primary);--muted-foreground:var(--mz-text-secondary);--card:var(--mz-surface-secondary);--card-foreground:var(--mz-text-primary);--border:var(--mz-border-subtle);--secondary:var(--mz-surface-subtle);--accent:color-mix(in srgb, var(--mz-brand-electric-teal) 14%, transparent);--destructive:var(--mz-semantic-error);--line:var(--mz-border-subtle);--line-strong:var(--mz-border-accent);--text:var(--mz-text-primary);--muted:var(--mz-text-secondary);--primary:var(--mz-brand-electric-teal);--primary-soft:color-mix(in srgb, var(--mz-brand-electric-teal) 14%, transparent);--cyan:var(--mz-brand-electric-teal);--blue:var(--mz-brand-ocean-blue);--accent-glow:color-mix(in srgb, var(--mz-brand-electric-teal) 26%, transparent);--premium-gradient:linear-gradient(135deg, var(--mz-brand-electric-teal) 0%, var(--mz-brand-ocean-blue) 100%);--success:var(--mz-semantic-success);--error:var(--mz-semantic-error);--warning:var(--mz-semantic-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);--grid-mobile:repeat(4, minmax(0, 1fr));--grid-desktop:repeat(12, minmax(0, 1fr));--layout-max:var(--mz-shell-page-max);--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-6);--space-6:var(--mz-space-6);--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],body.theme-light{--mz-surface-background:#f8fafc;--mz-surface-primary:#f8fafc;--mz-surface-secondary:#f1f5f9;--mz-surface-elevated:#e2e8f0;--mz-surface-floating:#cbd5e1;--mz-surface-hover:color-mix(in srgb, var(--mz-brand-electric-teal) 8%, #f8fafc);--mz-surface-active:color-mix(in srgb, var(--mz-brand-electric-teal) 12%, #f8fafc);--mz-surface-modal:#fffffff5;--mz-surface-overlay:#e2e8f0f0;--mz-surface-glass:#ffffffad;--mz-surface-subtle:color-mix(in srgb, var(--mz-brand-midnight-black) 4%, transparent);--mz-text-primary:#0f172a;--mz-text-secondary:#475569;--mz-text-muted:#64748b;--mz-text-disabled:#94a3b899;--mz-text-inverse:#f8fafc;--mz-border-subtle:var(--mz-border-width-subtle) solid #47556929;--mz-border-default:var(--mz-border-width-default) solid #47556938;--mz-border-hover:var(--mz-border-width-default) solid #47556947;--mz-shadow-xs:0 2px 8px #00000014;--mz-shadow-sm:0 4px 14px #0000001f;--mz-shadow-md:0 12px 32px #0000002e;--mz-shadow-lg:0 20px 56px #0000003d;--mz-shadow-xl:0 28px 80px #0000004d;--mz-shadow-floating:0 32px 96px #00000057;--mz-shadow-modal:0 40px 120px #00000061;--mz-shadow-dropdown:0 16px 40px #0003;--mz-shadow-card:0 8px 24px #00000029;--mz-shadow-card-elevated:0 16px 40px #0003;--mz-overlay-drawer:#0000007a;--mz-overlay-modal:#00000085;--mz-overlay-dropdown:#0000006b;--mz-overlay-context-menu:#00000070;--mz-overlay-command-palette:#00000080;--mz-overlay-media-viewer:#000000b8;--mz-overlay-image-viewer:#000000b8;--mz-overlay-video-viewer:#000000b8;--mz-color-bg:#f8fafc;--mz-color-bg-elevated:#e2e8f0;--mz-color-surface:#ffffffd6;--mz-color-surface-strong:#fffffff5;--mz-color-line:#1e293b26;--mz-color-line-strong:#22e6db47;--mz-color-text:#0f172a;--mz-color-text-muted:#64748b}.mz-button{justify-content:center;align-items:center;gap:var(--mz-space-2);min-height:var(--mz-space-12);border-radius:var(--mz-radius-xl);padding:var(--mz-space-3) var(--mz-space-4);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-brand-electric-teal);color:var(--mz-text-inverse);box-shadow:var(--mz-shadow-sm);border-color:#0000}.mz-button-primary:hover{background:var(--mz-brand-ocean-blue)}.mz-button-secondary{background:var(--mz-surface-subtle);color:var(--mz-text-secondary)}.mz-button-secondary:hover,.mz-button-ghost:hover{background:var(--mz-state-hover);color:var(--mz-text-primary)}.mz-button-ghost{color:var(--mz-text-secondary);background:0 0;border-color:#0000}.mz-button-danger{border:var(--mz-border-error);background:color-mix(in srgb, var(--mz-semantic-error) 12%, transparent);color:var(--mz-semantic-error)}.mz-button-danger:hover{background:color-mix(in srgb, var(--mz-semantic-error) 18%, transparent);border-color:color-mix(in srgb, var(--mz-semantic-error) 60%, transparent)}.mz-button-success{border:var(--mz-border-success);background:var(--mz-semantic-success);color:var(--mz-text-inverse)}.mz-button-success:hover{background:color-mix(in srgb, var(--mz-semantic-success) 85%, var(--mz-text-inverse))}.mz-button-sm{min-height:var(--mz-space-10);padding:var(--mz-space-2) var(--mz-space-3);font-size:var(--mz-type-caption-size)}.mz-button-md{min-height:var(--mz-space-12);padding:var(--mz-space-3) var(--mz-space-4);font-size:var(--mz-type-body-sm-size)}.mz-button-lg{min-height:var(--mz-space-14);padding:var(--mz-space-4) var(--mz-space-6);font-size:var(--mz-type-body-md-size)}.mz-button-icon{padding:var(--mz-space-3);min-width:var(--mz-space-12)}.mz-button-loading{pointer-events:none;position:relative}.mz-button-spinner{width:var(--mz-space-5);height:var(--mz-space-5);justify-content:center;align-items:center;display:inline-flex}.mz-button-spinner svg{width:100%;height:100%}.mz-button:focus-visible{outline:var(--mz-border-width-strong) solid var(--mz-state-focus);outline-offset:var(--mz-space-1)}.mz-button:active:not(:disabled){transform:translateY(1px)}.mz-field{width:100%;min-height:var(--mz-space-12);border-radius:var(--mz-radius-lg);padding:var(--mz-space-3) var(--mz-space-4);border:var(--mz-border-subtle);background:var(--mz-surface-elevated);color:var(--mz-text-primary);font-family:var(--mz-font-sans);font-size:var(--mz-type-body-md-size);font-weight:var(--mz-font-weight-regular);transition:var(--mz-transition-standard);display:block}.mz-field:hover{border-color:var(--mz-border-default)}.mz-field:focus{border-color:var(--mz-border-accent);box-shadow:0 0 0 var(--mz-space-1) color-mix(in srgb, var(--mz-brand-electric-teal) 14%, transparent);outline:none}.mz-field:disabled{opacity:.6;cursor:not-allowed;background:var(--mz-surface-subtle)}.mz-field-error{border-color:var(--mz-border-error)}.mz-field-error:focus{border-color:color-mix(in srgb, var(--mz-semantic-error) 60%, transparent);box-shadow:0 0 0 var(--mz-space-1) color-mix(in srgb, var(--mz-semantic-error) 20%, transparent)}.mz-field-success{border-color:var(--mz-border-success)}.mz-field-success:focus{border-color:var(--mz-border-success);box-shadow:0 0 0 var(--mz-space-1) color-mix(in srgb, var(--mz-semantic-success) 20%, transparent)}.mz-search-input-wrapper{align-items:center;display:flex;position:relative}.mz-search-input-icon{left:var(--mz-space-4);width:var(--mz-space-5);height:var(--mz-space-5);color:var(--mz-text-muted);pointer-events:none;position:absolute}.mz-search-input{padding-left:calc(var(--mz-space-4) + var(--mz-space-5) + var(--mz-space-2))}.mz-card{border:var(--mz-border-subtle);border-radius:var(--mz-radius-xl);background:var(--mz-surface-secondary);box-shadow:var(--mz-shadow-md);transition:var(--mz-transition-standard)}.mz-card-elevated{border:var(--mz-border-subtle);border-radius:var(--mz-radius-xl);background:var(--mz-surface-secondary);box-shadow:var(--mz-shadow-lg);transition:var(--mz-transition-standard)}.mz-card-elevated:hover{box-shadow:var(--mz-shadow-xl);border-color:var(--mz-border-accent)}.mz-card-glass{border:var(--mz-border-subtle);border-radius:var(--mz-radius-xl);background:var(--mz-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--mz-shadow-md);transition:var(--mz-transition-standard)}.mz-card-bordered{border:var(--mz-border-default);border-radius:var(--mz-radius-xl);background:var(--mz-surface-secondary);box-shadow:none;transition:var(--mz-transition-standard)}.mz-card-bordered:hover{border-color:var(--mz-border-accent)}.mz-card-sm{padding:var(--mz-space-3) var(--mz-space-4)}.mz-card-md{padding:var(--mz-space-4) var(--mz-space-6)}.mz-card-lg{padding:var(--mz-space-6) var(--mz-space-8)}.mz-heading-display{font-size:var(--mz-type-display-xl-size);font-weight:var(--mz-font-weight-bold);line-height:var(--mz-type-display-xl-line);letter-spacing:-.02em;color:var(--mz-text-primary)}.mz-heading-1{font-size:var(--mz-type-heading-xl-size);font-weight:var(--mz-font-weight-bold);line-height:var(--mz-type-heading-xl-line);letter-spacing:-.01em;color:var(--mz-text-primary)}.mz-heading-2{font-size:var(--mz-type-heading-lg-size);font-weight:var(--mz-font-weight-semibold);line-height:var(--mz-type-heading-lg-line);letter-spacing:-.01em;color:var(--mz-text-primary)}.mz-heading-3{font-size:var(--mz-type-heading-md-size);font-weight:var(--mz-font-weight-semibold);line-height:var(--mz-type-heading-md-line);letter-spacing:0;color:var(--mz-text-primary)}.mz-heading-4{font-size:var(--mz-type-heading-sm-size);font-weight:var(--mz-font-weight-semibold);line-height:var(--mz-type-heading-sm-line);letter-spacing:.01em;color:var(--mz-text-primary)}.mz-body-lg{font-size:var(--mz-type-body-lg-size);font-weight:var(--mz-font-weight-regular);line-height:var(--mz-type-body-lg-line);color:var(--mz-text-primary)}.mz-body-md{font-size:var(--mz-type-body-md-size);font-weight:var(--mz-font-weight-regular);line-height:var(--mz-type-body-md-line);color:var(--mz-text-primary)}.mz-body-sm{font-size:var(--mz-type-body-sm-size);font-weight:var(--mz-font-weight-regular);line-height:var(--mz-type-body-sm-line);color:var(--mz-text-primary)}.mz-caption{font-size:var(--mz-type-caption-size);font-weight:var(--mz-font-weight-medium);line-height:var(--mz-type-caption-line);letter-spacing:.02em;color:var(--mz-text-secondary)}.mz-label{font-size:var(--mz-type-body-sm-size);font-weight:var(--mz-font-weight-semibold);line-height:var(--mz-type-body-sm-line);letter-spacing:.01em;color:var(--mz-text-secondary)}.mz-metadata{font-size:var(--mz-type-caption-size);font-weight:var(--mz-font-weight-medium);line-height:var(--mz-type-caption-line);letter-spacing:.02em;color:var(--mz-text-muted)}.mz-section-title{font-size:var(--mz-type-heading-md-size);font-weight:var(--mz-font-weight-semibold);line-height:var(--mz-type-heading-md-line);letter-spacing:.01em;color:var(--mz-text-primary);text-transform:uppercase}.mz-text-primary{color:var(--mz-text-primary)}.mz-text-secondary{color:var(--mz-text-secondary)}.mz-text-muted{color:var(--mz-text-muted)}.mz-text-inverse{color:var(--mz-text-inverse)}.mz-text-accent{color:var(--mz-brand-electric-teal)}.mz-text-success{color:var(--mz-semantic-success)}.mz-text-error{color:var(--mz-semantic-error)}.mz-text-warning{color:var(--mz-semantic-warning)}.mz-avatar-wrapper{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.mz-avatar{border-radius:var(--mz-radius-lg);background:var(--mz-surface-elevated);color:var(--mz-text-primary);font-weight:var(--mz-font-weight-semibold);-o-object-fit:cover;object-fit:cover;border:var(--mz-border-width-strong) solid var(--mz-surface-secondary);box-shadow:var(--mz-shadow-sm);transition:var(--mz-transition-standard);justify-content:center;align-items:center;display:flex}.mz-avatar:hover{border-color:var(--mz-border-accent);box-shadow:var(--mz-shadow-md)}.mz-avatar-xs{width:var(--mz-space-8);height:var(--mz-space-8);font-size:var(--mz-type-caption-size)}.mz-avatar-sm{width:var(--mz-space-10);height:var(--mz-space-10);font-size:var(--mz-type-body-sm-size)}.mz-avatar-md{width:var(--mz-space-12);height:var(--mz-space-12);font-size:var(--mz-type-body-md-size)}.mz-avatar-lg{width:var(--mz-space-64);height:var(--mz-space-64);font-size:var(--mz-type-heading-sm-size)}.mz-avatar-xl{width:var(--mz-space-80);height:var(--mz-space-80);font-size:var(--mz-type-heading-md-size)}.mz-avatar-company{border-radius:var(--mz-radius-md);border-width:3px}.mz-avatar-creator{border-radius:var(--mz-radius-xl);border-color:var(--mz-border-accent)}.mz-avatar-fallback{background:linear-gradient(135deg, var(--mz-color-accent-primary), var(--mz-color-accent-hover));color:var(--mz-color-text-inverse)}.mz-avatar-status{width:var(--mz-space-16);height:var(--mz-space-16);border:2px solid var(--mz-color-surface-secondary);box-shadow:var(--mz-shadow-sm);border-radius:50%;position:absolute;bottom:-2px;right:-2px}.mz-avatar-online{background:var(--mz-color-success)}.mz-avatar-offline{background:var(--mz-color-text-muted)}.mz-badge{align-items:center;gap:var(--mz-space-4);border-radius:var(--mz-radius-full);padding:var(--mz-space-4) var(--mz-space-8);font-family:var(--mz-font-sans);font-weight:var(--mz-font-weight-semibold);letter-spacing:.01em;transition:var(--mz-transition-standard);display:inline-flex}.mz-badge-sm{font-size:var(--mz-type-caption-size);padding:var(--mz-space-2) var(--mz-space-6)}.mz-badge-md{font-size:var(--mz-type-body-sm-size);padding:var(--mz-space-4) var(--mz-space-8)}.mz-badge-default{background:var(--mz-color-surface-subtle);color:var(--mz-color-text-secondary);border:var(--mz-border-subtle)}.mz-badge-default:hover{background:var(--mz-color-surface-hover);border-color:var(--mz-border-standard)}.mz-badge-verified{background:var(--mz-color-success);color:var(--mz-color-text-inverse);border:none}.mz-badge-premium{background:linear-gradient(135deg, var(--mz-color-accent-primary), var(--mz-color-accent-hover));color:var(--mz-color-text-inverse);border:none}.mz-badge-unread{background:var(--mz-color-accent-primary);color:var(--mz-color-text-inverse);border:none;animation:2s ease-in-out infinite pulse}.mz-badge-company{background:var(--mz-color-surface-subtle);color:var(--mz-color-accent-primary);border:var(--mz-border-accent)}.mz-badge-company:hover{background:var(--mz-color-accent-soft)}.mz-badge-danger{background:color-mix(in srgb, var(--mz-color-error) 12%, transparent);color:var(--mz-color-error);border:var(--mz-border-error)}.mz-badge-danger:hover{background:color-mix(in srgb, var(--mz-color-error) 18%, transparent);border-color:var(--mz-border-error-strong)}.mz-badge-success{background:color-mix(in srgb, var(--mz-color-success) 12%, transparent);color:var(--mz-color-success);border:var(--mz-border-success)}.mz-badge-success:hover{background:color-mix(in srgb, var(--mz-color-success) 18%, transparent)}.mz-badge-warning{background:color-mix(in srgb, var(--mz-color-warning) 12%, transparent);color:var(--mz-color-warning);border:1px solid color-mix(in srgb, var(--mz-color-warning) 30%, transparent)}.mz-badge-warning:hover{background:color-mix(in srgb, var(--mz-color-warning) 18%, transparent)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.mz-dropdown-wrapper{display:inline-block;position:relative}.mz-dropdown-trigger{cursor:pointer}.mz-dropdown{z-index:var(--mz-z-popover);border-radius:var(--mz-radius-lg);border:var(--mz-border-subtle);background:var(--mz-surface-floating);min-width:200px;max-width:320px;box-shadow:var(--mz-shadow-floating);padding:var(--mz-space-8);animation:dropdown-in .15s var(--mz-ease-standard);position:absolute}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mz-dropdown-bottom-left{top:calc(100% + var(--mz-space-8));left:0}.mz-dropdown-bottom-right{top:calc(100% + var(--mz-space-8));right:0}.mz-dropdown-top-left{bottom:calc(100% + var(--mz-space-8));left:0}.mz-dropdown-top-right{bottom:calc(100% + var(--mz-space-8));right:0}.mz-dropdown-item{align-items:center;gap:var(--mz-space-8);width:100%;padding:var(--mz-space-8) var(--mz-space-12);border-radius:var(--mz-radius-md);color:var(--mz-color-text-primary);font-family:var(--mz-font-sans);font-size:var(--mz-type-body-sm-size);font-weight:var(--mz-font-weight-regular);text-align:left;cursor:pointer;transition:var(--mz-transition-standard);background:0 0;border:none;display:flex}.mz-dropdown-item:hover:not(:disabled){background:var(--mz-surface-hover);color:var(--mz-text-primary)}.mz-dropdown-item:active:not(:disabled){background:var(--mz-surface-active);transform:scale(.98)}.mz-dropdown-item-danger{color:var(--mz-semantic-error)}.mz-dropdown-item-danger:hover:not(:disabled){background:color-mix(in srgb, var(--mz-semantic-error) 12%, transparent);color:var(--mz-semantic-error)}.mz-dropdown-item-disabled{opacity:.5;cursor:not-allowed}.mz-dropdown-separator{height:1px;margin:var(--mz-space-8) 0;background:var(--mz-border-subtle)}.mz-modal-backdrop{z-index:var(--mz-z-modal);padding:var(--mz-space-16);animation:modal-backdrop-in .15s var(--mz-ease-standard);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mz-modal-overlay{background:var(--mz-overlay-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:absolute;inset:0}.mz-modal{z-index:1;width:100%;max-height:calc(100vh - var(--mz-space-32));background:var(--mz-surface-modal);border-radius:var(--mz-radius-xl);border:var(--mz-border-subtle);box-shadow:var(--mz-shadow-modal);animation:modal-in .18s var(--mz-ease-emphasized);position:relative;overflow-y:auto}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:scale(.95)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.mz-modal-sm{max-width:400px}.mz-modal-md{max-width:544px}.mz-modal-lg{max-width:720px}.mz-modal-xl{max-width:960px}.mz-modal-full{border-radius:0;max-width:100%;height:100%;max-height:100%}.mz-modal-header{padding:var(--mz-space-24);border-bottom:var(--mz-border-subtle);justify-content:space-between;align-items:center;gap:var(--mz-space-16);display:flex}.mz-modal-body{padding:var(--mz-space-24)}.mz-modal-footer{padding:var(--mz-space-24);border-top:var(--mz-border-subtle);justify-content:flex-end;align-items:center;gap:var(--mz-space-12);display:flex}.mz-surface{background:var(--mz-color-surface-secondary);border:var(--mz-border-subtle);border-radius:var(--mz-radius-xl)}.mz-surface-elevated{background:var(--mz-color-surface-elevated);border:var(--mz-border-subtle);border-radius:var(--mz-radius-xl);box-shadow:var(--mz-shadow-md)}.mz-surface-glass{background:var(--mz-color-surface-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:var(--mz-border-subtle);border-radius:var(--mz-radius-xl)}.mz-surface-transparent{border-radius:var(--mz-radius-xl);background:0 0;border:none}.mz-panel{background:var(--mz-color-surface-secondary);border:var(--mz-border-subtle);border-radius:var(--mz-radius-lg);padding:var(--mz-space-16)}.mz-panel-elevated{background:var(--mz-color-surface-elevated);border:var(--mz-border-subtle);border-radius:var(--mz-radius-lg);padding:var(--mz-space-16);box-shadow:var(--mz-shadow-sm)}.mz-container{background:var(--mz-color-surface-primary);border-radius:var(--mz-radius-xl)}.mz-container-bordered{background:var(--mz-color-surface-primary);border:var(--mz-border-standard);border-radius:var(--mz-radius-xl)}.mz-surface-hover:hover{background:var(--mz-color-surface-hover);border-color:var(--mz-border-standard)}.mz-surface-hover-glass:hover{background:color-mix(in srgb, var(--mz-color-surface-overlay) 85%, transparent);border-color:var(--mz-border-standard)}.mz-radius-none{border-radius:var(--mz-radius-none)}.mz-radius-sm{border-radius:var(--mz-radius-sm)}.mz-radius-md{border-radius:var(--mz-radius-md)}.mz-radius-lg{border-radius:var(--mz-radius-lg)}.mz-radius-xl{border-radius:var(--mz-radius-xl)}.mz-radius-2xl{border-radius:var(--mz-radius-2xl)}.mz-radius-full{border-radius:var(--mz-radius-full)}.mz-border-none{border:none}.mz-border-subtle{border:var(--mz-border-subtle)}.mz-border-standard{border:var(--mz-border-standard)}.mz-border-strong{border:2px solid color-mix(in srgb, var(--mz-palette-text-secondary) 30%, transparent)}.mz-elevation-none{box-shadow:none}.mz-elevation-sm{box-shadow:var(--mz-shadow-sm)}.mz-elevation-md{box-shadow:var(--mz-shadow-md)}.mz-elevation-lg{box-shadow:var(--mz-shadow-lg)}.mz-elevation-xl{box-shadow:var(--mz-shadow-xl)}.mz-elevation-2xl{box-shadow:var(--mz-shadow-2xl)}.mz-transition{transition:var(--mz-transition-standard)}.mz-duration-instant{transition-duration:var(--mz-motion-fast)}.mz-duration-fast{transition-duration:var(--mz-motion-normal)}.mz-duration-normal{transition-duration:var(--mz-motion-complex)}.mz-duration-slow{transition-duration:.5s}.mz-ease-standard{transition-timing-function:var(--mz-ease-standard)}.mz-ease-emphasized{transition-timing-function:var(--mz-ease-emphasized)}.mz-ease-decelerate{transition-timing-function:var(--mz-ease-decelerate)}.mz-hover-lift{transition:transform var(--mz-motion-normal) var(--mz-ease-standard), box-shadow var(--mz-motion-normal) var(--mz-ease-standard)}.mz-hover-lift:hover{box-shadow:var(--mz-shadow-lg);transform:translateY(-2px)}.mz-hover-scale{transition:transform var(--mz-motion-normal) var(--mz-ease-standard)}.mz-hover-scale:hover{transform:scale(1.02)}.mz-hover-brightness{transition:filter var(--mz-motion-normal) var(--mz-ease-standard)}.mz-hover-brightness:hover{filter:brightness(1.05)}.mz-focus-ring{outline:none;position:relative}.mz-focus-ring:after{content:"";border-radius:inherit;pointer-events:none;transition:box-shadow var(--mz-motion-fast) var(--mz-ease-standard);position:absolute;inset:-2px}.mz-focus-ring:focus-visible:after{box-shadow:0 0 0 2px var(--mz-color-background), 0 0 0 4px var(--mz-color-focus)}.mz-press:active{transition:transform var(--mz-motion-fast) var(--mz-ease-standard);transform:scale(.98)}.mz-loading{pointer-events:none;opacity:.7}.mz-loading-pulse{animation:1.5s ease-in-out infinite pulse}.mz-fade-in{animation:fade-in var(--mz-motion-normal) var(--mz-ease-standard)}.mz-fade-out{animation:fade-out var(--mz-motion-normal) var(--mz-ease-standard)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.mz-slide-up{animation:slide-up var(--mz-motion-normal) var(--mz-ease-emphasized)}.mz-slide-down{animation:slide-down var(--mz-motion-normal) var(--mz-ease-emphasized)}.mz-slide-left{animation:slide-left var(--mz-motion-normal) var(--mz-ease-emphasized)}.mz-slide-right{animation:slide-right var(--mz-motion-normal) var(--mz-ease-emphasized)}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-left{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes slide-right{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.mz-scale-in{animation:scale-in var(--mz-motion-normal) var(--mz-ease-emphasized)}.mz-scale-out{animation:scale-out var(--mz-motion-normal) var(--mz-ease-standard)}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@media (prefers-reduced-motion:reduce){.mz-transition,.mz-hover-lift,.mz-hover-scale,.mz-hover-brightness,.mz-press,.mz-fade-in,.mz-fade-out,.mz-slide-up,.mz-slide-down,.mz-slide-left,.mz-slide-right,.mz-scale-in,.mz-scale-out{transition:none;animation:none;transform:none}.mz-hover-lift:hover,.mz-hover-scale:hover,.mz-hover-brightness:hover{filter:none;transform:none}.mz-press:active{transform:none}}.mz-skeleton{background:var(--mz-color-surface-subtle);border-radius:var(--mz-radius-md);animation:1.5s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%,to{opacity:.5}50%{opacity:1}}.mz-skeleton-text{gap:var(--mz-space-8);flex-direction:column;display:flex}.mz-skeleton-line{height:var(--mz-space-12);border-radius:var(--mz-radius-sm);background:var(--mz-color-surface-subtle);animation:1.5s ease-in-out infinite skeleton-shimmer}.mz-skeleton-circle{border-radius:50%}.mz-skeleton-rect{border-radius:var(--mz-radius-md)}.mz-skeleton-avatar{border-radius:var(--mz-radius-lg)}.mz-skeleton-card{border-radius:var(--mz-radius-xl);padding:var(--mz-space-16)}.mz-spinner{justify-content:center;align-items:center;display:inline-flex}.mz-spinner-sm{width:var(--mz-space-16);height:var(--mz-space-16)}.mz-spinner-md{width:var(--mz-space-24);height:var(--mz-space-24)}.mz-spinner-lg{width:var(--mz-space-32);height:var(--mz-space-32)}.mz-spinner svg{width:100%;height:100%;animation:1s linear infinite spin}.mz-spinner-track{stroke:var(--mz-color-surface-subtle)}.mz-spinner-path{stroke:var(--mz-color-accent-primary);stroke-linecap:round}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mz-progress{width:100%;height:var(--mz-space-8);background:var(--mz-color-surface-subtle);border-radius:var(--mz-radius-full);overflow:hidden}.mz-progress-sm{height:var(--mz-space-4)}.mz-progress-md{height:var(--mz-space-8)}.mz-progress-lg{height:var(--mz-space-12)}.mz-progress-bar{background:var(--mz-color-accent-primary);border-radius:var(--mz-radius-full);height:100%;transition:width var(--mz-motion-normal) var(--mz-ease-standard)}.mz-progress-bar:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);animation:2s ease-in-out infinite progress-shimmer;position:absolute;inset:0}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.mz-empty-state{padding:var(--mz-space-48) var(--mz-space-24);text-align:center;animation:fade-in var(--mz-motion-normal) var(--mz-ease-standard);flex-direction:column;justify-content:center;align-items:center;display:flex}.mz-empty-state-default{min-height:320px}.mz-empty-state-minimal{padding:var(--mz-space-32) var(--mz-space-16);min-height:200px}.mz-empty-state-illustrated{min-height:400px;padding:var(--mz-space-64) var(--mz-space-32)}.mz-empty-state-icon{width:var(--mz-space-64);height:var(--mz-space-64);margin-bottom:var(--mz-space-24);border-radius:var(--mz-radius-xl);background:var(--mz-color-surface-subtle);color:var(--mz-color-text-muted);font-size:var(--mz-type-heading-xl-size);justify-content:center;align-items:center;display:flex}.mz-empty-state-title{font-size:var(--mz-type-heading-lg-size);font-weight:var(--mz-font-weight-semibold);color:var(--mz-color-text-primary);margin-bottom:var(--mz-space-8);max-width:480px}.mz-empty-state-description{font-size:var(--mz-type-body-md-size);color:var(--mz-color-text-secondary);margin-bottom:var(--mz-space-24);max-width:560px;line-height:var(--mz-type-body-md-line)}.mz-empty-state-action{margin-top:var(--mz-space-16)}@media (min-width:768px) and (max-width:1023px){.mz-tablet-spacing-sm{padding:var(--mz-space-16)}.mz-tablet-spacing-md{padding:var(--mz-space-24)}.mz-tablet-spacing-lg{padding:var(--mz-space-32)}.mz-tablet-gap-sm{gap:var(--mz-space-12)}.mz-tablet-gap-md{gap:var(--mz-space-16)}.mz-tablet-gap-lg{gap:var(--mz-space-24)}.mz-tablet-center{text-align:center}.mz-tablet-flex-center{justify-content:center;align-items:center;display:flex}.mz-tablet-grid-2{gap:var(--mz-space-16);grid-template-columns:repeat(2,1fr);display:grid}.mz-tablet-touch-target{min-width:var(--mz-space-44);min-height:var(--mz-space-44)}.mz-tablet-touch-target-comfortable{min-width:var(--mz-space-48);min-height:var(--mz-space-48)}}@media (max-width:767px){.mz-mobile-spacing-sm{padding:var(--mz-space-12)}.mz-mobile-spacing-md{padding:var(--mz-space-16)}.mz-mobile-spacing-lg{padding:var(--mz-space-24)}.mz-mobile-gap-sm{gap:var(--mz-space-8)}.mz-mobile-gap-md{gap:var(--mz-space-12)}.mz-mobile-gap-lg{gap:var(--mz-space-16)}.mz-mobile-stack{flex-direction:column}.mz-mobile-full-width{width:100%}.mz-mobile-center{text-align:center}.mz-mobile-flex-center{justify-content:center;align-items:center;display:flex}.mz-mobile-touch-target{min-width:var(--mz-space-48);min-height:var(--mz-space-48)}.mz-mobile-touch-target-comfortable{min-width:var(--mz-space-52);min-height:var(--mz-space-52)}.mz-mobile-safe-bottom{padding-bottom:env(safe-area-inset-bottom,var(--mz-space-24))}.mz-mobile-safe-top{padding-top:env(safe-area-inset-top,var(--mz-space-16))}.mz-mobile-safe-horizontal{padding-left:env(safe-area-inset-left,var(--mz-space-16));padding-right:env(safe-area-inset-right,var(--mz-space-16))}}@media (max-width:767px) and (orientation:landscape){.mz-landscape-compact{padding:var(--mz-space-12)}.mz-landscape-vertical-compact{max-height:40vh}}.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:hover) and (pointer:fine){.touch-target:focus-visible{outline:var(--mz-border-width-md) solid var(--mz-color-focus);outline-offset:var(--mz-space-2)}}@media (hover:none) and (pointer:coarse){.touch-target:active{opacity:.7;transform:scale(.98)}}@media (prefers-reduced-motion:reduce){.touch-target,.touch-target:active,.mezmera-mobile-tab-icon{transition:none;transform:none}.mezmera-mobile-tab{transition:none}}
: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(var(--mz-space-3), var(--mz-safe-padding-top))}.bottom-nav-safe{padding-bottom:max(var(--mz-space-2), 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(var(--mz-space-4), var(--mz-safe-padding-left));padding-right:max(var(--mz-space-4), var(--mz-safe-padding-right))}.gesture-nav-safe{padding-bottom:max(var(--mz-space-4), 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(var(--mz-space-6), var(--mz-safe-padding-left));padding-right:max(var(--mz-space-6), var(--mz-safe-padding-right))}}@media (orientation:portrait){.portrait-safe{padding-top:max(var(--mz-space-6), var(--mz-safe-padding-top));padding-bottom:max(var(--mz-space-6), 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(var(--mz-space-3), env(safe-area-inset-top,0px))}.safe-area-with-min-bottom{padding-bottom:max(var(--mz-space-3), 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(var(--mz-space-5), env(safe-area-inset-top,0px))}}.android-gesture-safe{padding-bottom:max(var(--mz-space-4), env(safe-area-inset-bottom,0px));padding-left:max(var(--mz-space-4), env(safe-area-inset-left,0px));padding-right:max(var(--mz-space-4), env(safe-area-inset-right,0px))}