:root{--color-logo: #881DC2;--color-purple-50: #f7f3ff;--color-purple-100: #ebe3ff;--color-purple-200: #d3c0ff;--color-purple-300: #b39aff;--color-purple-400: #9474ff;--color-purple-500: #7a54f7;--color-purple-600: #6442d1;--color-purple-700: #4f32a8;--color-purple-800: #3a2480;--color-purple-900: #29185a;--color-pink-50: #fff5fb;--color-pink-100: #ffe0f3;--color-pink-200: #ffbde5;--color-pink-300: #ff8ed3;--color-pink-400: #ff63c3;--color-pink-500: #f239aa;--color-pink-600: #cf1f8b;--color-pink-700: #a0166a;--color-pink-800: #701049;--color-pink-900: #43092b;--color-blue-50: #f0f9ff;--color-blue-100: #e0f2fe;--color-blue-200: #bae6fd;--color-blue-300: #7dd3fc;--color-blue-400: #38bdf8;--color-blue-500: #0ea5e9;--color-blue-600: #0284c7;--color-blue-700: #0369a1;--color-blue-800: #075985;--color-blue-900: #0c4a6e;--color-teal-50: #f0fdfa;--color-teal-100: #ccfbf1;--color-teal-200: #99f6e4;--color-teal-300: #5eead4;--color-teal-400: #2dd4bf;--color-teal-500: #14b8a6;--color-teal-600: #0d9488;--color-teal-700: #0f766e;--color-teal-800: #115e59;--color-teal-900: #134e4a;--color-sage-50: #f6f7f6;--color-sage-100: #e8ebe8;--color-sage-200: #d1d7d1;--color-sage-300: #b0bdb0;--color-sage-400: #8a9d8a;--color-sage-500: #6b7f6b;--color-sage-600: #556855;--color-sage-700: #465446;--color-sage-800: #3a453a;--color-sage-900: #313a31;--color-green-50: #f0fdf4;--color-green-100: #dcfce7;--color-green-200: #bbf7d0;--color-green-300: #86efac;--color-green-400: #4ade80;--color-green-500: #22c55e;--color-green-600: #16a34a;--color-green-700: #15803d;--color-green-800: #166534;--color-green-900: #14532d;--color-amber-50: #fffbeb;--color-amber-100: #fef3c7;--color-amber-200: #fde68a;--color-amber-300: #fcd34d;--color-amber-400: #fbbf24;--color-amber-500: #f59e0b;--color-amber-600: #d97706;--color-amber-700: #b45309;--color-amber-800: #92400e;--color-amber-900: #78350f;--color-yellow-50: #fffbea;--color-yellow-100: #ffeec2;--color-yellow-200: #ffd88a;--color-yellow-300: #ffc24d;--color-yellow-400: #ffac1a;--color-yellow-500: #e39204;--color-yellow-600: #b77102;--color-yellow-700: #8a5402;--color-yellow-800: #5b3700;--color-yellow-900: #341f00;--color-red-50: #fff3f3;--color-red-100: #ffe0e0;--color-red-200: #ffb8b8;--color-red-300: #ff8a8a;--color-red-400: #ff5858;--color-red-500: #f03232;--color-red-600: #cc1f1f;--color-red-700: #991616;--color-red-800: #660f0f;--color-red-900: #3b0808;--color-neutral-0: #ffffff;--color-neutral-25: #f9fafb;--color-neutral-50: #f3f4f6;--color-neutral-100: #e5e7eb;--color-neutral-200: #d1d5db;--color-neutral-300: #9ca3af;--color-neutral-400: #6b7280;--color-neutral-500: #4b5563;--color-neutral-600: #374151;--color-neutral-700: #1f2933;--color-neutral-800: #111827;--color-neutral-900: #020617;--theme-gradient-start: var(--color-purple-50);--theme-gradient-end: var(--color-bg-app)}[data-theme=serene],[data-theme=whoop],:root{--color-bg-app: var(--color-neutral-25);--color-bg-surface: var(--color-neutral-0);--color-bg-surface-subtle: var(--color-purple-50);--color-bg-elevated: var(--color-neutral-0);--color-border-subtle: var(--color-neutral-100);--color-border-strong: var(--color-neutral-200);--color-border-focus: var(--color-purple-400);--color-text-main: var(--color-neutral-800);--color-text-muted: var(--color-neutral-500);--color-text-soft: var(--color-neutral-400);--color-text-contrast: var(--color-neutral-0);--color-text-danger: var(--color-red-500);--color-text-success: var(--color-green-600);--color-primary-soft: var(--color-purple-200);--color-primary: var(--color-purple-500);--color-primary-strong: var(--color-purple-700);--color-primary-soft-bg: var(--color-purple-50);--color-accent: var(--color-pink-400);--color-accent-soft-bg: var(--color-pink-50);--color-success-soft-bg: var(--color-green-50);--color-success: var(--color-green-500);--color-warning-soft-bg: var(--color-yellow-50);--color-warning: var(--color-yellow-500);--color-danger-soft-bg: var(--color-red-50);--color-danger: var(--color-red-500);--theme-gradient-start: var(--color-purple-50);--theme-gradient-end: var(--color-bg-app);--footer-bg-start: var(--color-purple-700);--footer-bg-end: var(--color-purple-900)}[data-theme=ocean],[data-theme=calm]{--color-bg-app: #f0f9ff;--color-bg-surface: var(--color-neutral-0);--color-bg-surface-subtle: var(--color-blue-50);--color-bg-elevated: var(--color-neutral-0);--color-border-subtle: var(--color-blue-100);--color-border-strong: var(--color-blue-200);--color-border-focus: var(--color-teal-400);--color-text-main: var(--color-neutral-800);--color-text-muted: var(--color-neutral-500);--color-text-soft: var(--color-neutral-400);--color-text-contrast: var(--color-neutral-0);--color-text-danger: var(--color-red-500);--color-text-success: var(--color-teal-600);--color-primary-soft: var(--color-blue-200);--color-primary: var(--color-blue-500);--color-primary-strong: var(--color-blue-700);--color-primary-soft-bg: var(--color-blue-50);--color-accent: var(--color-teal-400);--color-accent-soft-bg: var(--color-teal-50);--color-success-soft-bg: var(--color-teal-50);--color-success: var(--color-teal-500);--color-warning-soft-bg: var(--color-amber-50);--color-warning: var(--color-amber-500);--color-danger-soft-bg: var(--color-red-50);--color-danger: var(--color-red-500);--theme-gradient-start: var(--color-blue-50);--theme-gradient-end: var(--color-bg-app);--footer-bg-start: var(--color-blue-700);--footer-bg-end: var(--color-blue-900)}[data-theme=nature],[data-theme=earth]{--color-bg-app: #f6f7f6;--color-bg-surface: var(--color-neutral-0);--color-bg-surface-subtle: var(--color-sage-50);--color-bg-elevated: var(--color-neutral-0);--color-border-subtle: var(--color-sage-100);--color-border-strong: var(--color-sage-200);--color-border-focus: var(--color-green-500);--color-text-main: var(--color-sage-900);--color-text-muted: var(--color-sage-600);--color-text-soft: var(--color-sage-500);--color-text-contrast: var(--color-neutral-0);--color-text-danger: var(--color-red-500);--color-text-success: var(--color-green-600);--color-primary-soft: var(--color-green-200);--color-primary: var(--color-green-500);--color-primary-strong: var(--color-green-700);--color-primary-soft-bg: var(--color-green-50);--color-accent: var(--color-sage-500);--color-accent-soft-bg: var(--color-sage-50);--color-success-soft-bg: var(--color-green-50);--color-success: var(--color-green-500);--color-warning-soft-bg: var(--color-amber-50);--color-warning: var(--color-amber-500);--color-danger-soft-bg: var(--color-red-50);--color-danger: var(--color-red-500);--theme-gradient-start: var(--color-sage-50);--theme-gradient-end: var(--color-bg-app);--footer-bg-start: var(--color-green-700);--footer-bg-end: var(--color-green-900)}:root{--shadow-soft: 0 8px 30px rgba(15, 23, 42, .04);--shadow-medium: 0 18px 45px rgba(15, 23, 42, .08);--shadow-strong: 0 24px 70px rgba(15, 23, 42, .16);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--font-family-sans: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Inter", "Segoe UI", sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-md: 15px;--font-size-lg: 17px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--line-height-tight: 1.15;--line-height-normal: 1.4;--line-height-relaxed: 1.6;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--content-width-sm: 640px;--content-width-md: 840px;--content-width-lg: 1040px;--content-width-xl: 1200px;--ease-standard: cubic-bezier(.2, .8, .2, 1);--ease-emphasized: cubic-bezier(.3, 1.2, .2, 1);--duration-fast: .12s;--duration-normal: .18s;--duration-slow: .26s;--button-height-sm: 32px;--button-height-md: 40px;--button-height-lg: 48px;--input-height-sm: 36px;--input-height-md: 40px;--input-height-lg: 48px}[data-theme=serene][data-theme-mode=dark],[data-theme=whoop][data-theme-mode=dark],[data-theme=dark]{--color-bg-app: #050816;--color-bg-surface: #050816;--color-bg-surface-subtle: #0b1020;--color-bg-elevated: #0e1224;--color-border-subtle: rgba(148, 163, 184, .25);--color-border-strong: rgba(148, 163, 184, .6);--color-border-focus: var(--color-purple-300);--color-text-main: #e5e7eb;--color-text-muted: #9ca3af;--color-text-soft: #6b7280;--color-text-contrast: #020617;--color-primary-soft: var(--color-purple-300);--color-primary: var(--color-purple-300);--color-primary-strong: var(--color-purple-100);--color-primary-soft-bg: rgba(129, 140, 248, .12);--color-accent: var(--color-pink-300);--color-accent-soft-bg: rgba(248, 113, 175, .12);--color-success-soft-bg: rgba(34, 197, 94, .08);--color-warning-soft-bg: rgba(250, 204, 21, .08);--color-danger-soft-bg: rgba(248, 113, 113, .08);--shadow-soft: 0 18px 60px rgba(15, 23, 42, .55);--shadow-medium: 0 32px 90px rgba(15, 23, 42, .75);--shadow-strong: 0 40px 110px rgba(15, 23, 42, .9);--theme-gradient-start: #0b1020;--theme-gradient-end: var(--color-bg-app)}[data-theme=ocean][data-theme-mode=dark],[data-theme=calm][data-theme-mode=dark]{--color-bg-app: #0c1a2e;--color-bg-surface: #0c1a2e;--color-bg-surface-subtle: #0f2438;--color-bg-elevated: #132a42;--color-border-subtle: rgba(125, 211, 252, .15);--color-border-strong: rgba(125, 211, 252, .3);--color-border-focus: var(--color-teal-300);--color-text-main: #e0f2fe;--color-text-muted: #7dd3fc;--color-text-soft: #38bdf8;--color-text-contrast: #0c1a2e;--color-primary-soft: var(--color-blue-300);--color-primary: var(--color-blue-400);--color-primary-strong: var(--color-blue-200);--color-primary-soft-bg: rgba(14, 165, 233, .15);--color-accent: var(--color-teal-300);--color-accent-soft-bg: rgba(45, 212, 191, .15);--color-success-soft-bg: rgba(45, 212, 191, .12);--color-warning-soft-bg: rgba(251, 191, 36, .12);--color-danger-soft-bg: rgba(248, 113, 113, .12);--shadow-soft: 0 18px 60px rgba(2, 132, 199, .25);--shadow-medium: 0 32px 90px rgba(2, 132, 199, .35);--shadow-strong: 0 40px 110px rgba(2, 132, 199, .45);--theme-gradient-start: #0f2438;--theme-gradient-end: var(--color-bg-app)}[data-theme=nature][data-theme-mode=dark],[data-theme=earth][data-theme-mode=dark]{--color-bg-app: #1a1f1a;--color-bg-surface: #1a1f1a;--color-bg-surface-subtle: #222822;--color-bg-elevated: #2a302a;--color-border-subtle: rgba(107, 127, 107, .2);--color-border-strong: rgba(107, 127, 107, .4);--color-border-focus: var(--color-green-400);--color-text-main: #e8ebe8;--color-text-muted: #b0bdb0;--color-text-soft: #8a9d8a;--color-text-contrast: #1a1f1a;--color-primary-soft: var(--color-green-300);--color-primary: var(--color-green-400);--color-primary-strong: var(--color-green-200);--color-primary-soft-bg: rgba(34, 197, 94, .15);--color-accent: var(--color-sage-400);--color-accent-soft-bg: rgba(107, 127, 107, .15);--color-success-soft-bg: rgba(34, 197, 94, .12);--color-warning-soft-bg: rgba(251, 191, 36, .12);--color-danger-soft-bg: rgba(248, 113, 113, .12);--shadow-soft: 0 18px 60px rgba(22, 163, 74, .2);--shadow-medium: 0 32px 90px rgba(22, 163, 74, .3);--shadow-strong: 0 40px 110px rgba(22, 163, 74, .4);--theme-gradient-start: #222822;--theme-gradient-end: var(--color-bg-app)}[data-theme=high-contrast]{--color-bg-app: #020617;--color-bg-surface: #020617;--color-bg-surface-subtle: #020617;--color-bg-elevated: #020617;--color-border-subtle: #e5e7eb;--color-border-strong: #ffffff;--color-border-focus: #ffffff;--color-text-main: #ffffff;--color-text-muted: #e5e7eb;--color-text-soft: #cbd5f5;--color-text-contrast: #020617;--color-primary-soft: #a855f7;--color-primary: #f97316;--color-primary-strong: #f59e0b;--color-primary-soft-bg: #020617;--shadow-soft: none;--shadow-medium: none;--shadow-strong: none;--theme-gradient-start: #020617;--theme-gradient-end: #020617}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-family-sans);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--color-text-main);background:var(--color-bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-family-sans)}a{color:inherit;text-decoration:none}a:hover{opacity:1}.mf-container{width:100%;max-width:var(--content-width-lg);margin:0 auto;padding:0 var(--space-4)}.mf-card{background:var(--color-bg-surface);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-soft);border:1px solid var(--color-border-subtle)}.mf-button-primary,a.mf-button-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--button-height-md);padding:0 var(--space-4);border-radius:var(--radius-pill);border:none;cursor:pointer;background:linear-gradient(120deg,var(--color-primary),var(--color-accent));color:var(--color-text-contrast);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-medium);text-decoration:none;transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),filter var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard)}.mf-button-primary:hover,a.mf-button-primary:hover{transform:translateY(-1px);filter:brightness(1.02);box-shadow:var(--shadow-strong);color:var(--color-text-contrast);opacity:1}.mf-button-primary:active,a.mf-button-primary:active{transform:translateY(0);box-shadow:var(--shadow-soft)}.mf-button-secondary,a.mf-button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--button-height-md);padding:0 var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);cursor:pointer;background:var(--color-bg-surface);color:var(--color-text-main);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);text-decoration:none;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard)}.mf-button-secondary:hover,a.mf-button-secondary:hover{background:var(--color-bg-surface-subtle);border-color:var(--color-border-focus);color:var(--color-text-main);opacity:1}