:root{--m9k-primary: #4f46e5;--m9k-primary-dark: #3730a3;--m9k-primary-light: #818cf8;--m9k-primary-alpha-10: rgba(79, 70, 229, .1);--m9k-primary-alpha-40: rgba(79, 70, 229, .4);--m9k-secondary: #10b981;--m9k-secondary-dark: #059669;--m9k-secondary-light: #34d399;--m9k-secondary-alpha-10: rgba(16, 185, 129, .1);--m9k-secondary-alpha-40: rgba(16, 185, 129, .4);--m9k-danger: #ef4444;--m9k-danger-dark: #dc2626;--m9k-danger-alpha-10: rgba(239, 68, 68, .1);--m9k-warning: #f59e0b;--m9k-warning-dark: #d97706;--m9k-warning-alpha-10: rgba(245, 158, 11, .1);--m9k-info: #3b82f6;--m9k-info-dark: #2563eb;--m9k-info-alpha-10: rgba(59, 130, 246, .1);--m9k-surface: #1f2937;--m9k-surface-light: #374151;--m9k-surface-lighter: #4b5563;--m9k-surface-dark: #111827;--m9k-background: #0f172a;--m9k-background-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--m9k-text: #f9fafb;--m9k-text-secondary: #d1d5db;--m9k-text-muted: #9ca3af;--m9k-text-inverse: #111827;--m9k-border: #374151;--m9k-border-light: #4b5563;--m9k-border-focus: var(--m9k-primary);--m9k-gradient-primary: linear-gradient(135deg, var(--m9k-primary) 0%, #7c3aed 100%);--m9k-gradient-secondary: linear-gradient(135deg, var(--m9k-secondary) 0%, #059669 100%);--m9k-gradient-danger: linear-gradient(135deg, var(--m9k-danger) 0%, #dc2626 100%);--m9k-gradient-shimmer: linear-gradient(90deg, transparent, rgba(255,255,255,.2), transparent);--m9k-shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--m9k-shadow-md: 0 4px 6px rgba(0, 0, 0, .25);--m9k-shadow-lg: 0 10px 30px rgba(0, 0, 0, .25);--m9k-shadow-xl: 0 25px 50px rgba(0, 0, 0, .25);--m9k-shadow-primary: 0 10px 25px rgba(79, 70, 229, .4);--m9k-shadow-secondary: 0 10px 25px rgba(16, 185, 129, .4);--m9k-shadow-danger: 0 10px 25px rgba(239, 68, 68, .4);--m9k-space-xs: .25rem;--m9k-space-sm: .5rem;--m9k-space-md: 1rem;--m9k-space-lg: 1.5rem;--m9k-space-xl: 2rem;--m9k-space-2xl: 3rem;--m9k-space-3xl: 4rem;--m9k-radius-sm: 4px;--m9k-radius-md: 8px;--m9k-radius-lg: 12px;--m9k-radius-xl: 16px;--m9k-radius-2xl: 20px;--m9k-radius-3xl: 24px;--m9k-radius-full: 9999px;--m9k-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--m9k-font-family-mono: "Fira Code", "Monaco", "Consolas", monospace;--m9k-text-xs: .75rem;--m9k-text-sm: .875rem;--m9k-text-base: 1rem;--m9k-text-lg: 1.125rem;--m9k-text-xl: 1.25rem;--m9k-text-2xl: 1.5rem;--m9k-text-3xl: 2rem;--m9k-text-4xl: 2.5rem;--m9k-font-normal: 400;--m9k-font-medium: 500;--m9k-font-semibold: 600;--m9k-font-bold: 700;--m9k-font-extrabold: 800;--m9k-leading-tight: 1.25;--m9k-leading-normal: 1.5;--m9k-leading-relaxed: 1.75;--m9k-transition-fast: .15s ease;--m9k-transition-normal: .3s ease;--m9k-transition-slow: .5s ease;--m9k-transition-bounce: .3s cubic-bezier(.4, 0, .2, 1);--m9k-z-dropdown: 100;--m9k-z-sticky: 200;--m9k-z-fixed: 300;--m9k-z-modal-backdrop: 400;--m9k-z-modal: 500;--m9k-z-popover: 600;--m9k-z-tooltip: 700;--m9k-z-notification: 800;--m9k-btn-padding-y: .875rem;--m9k-btn-padding-x: 1.5rem;--m9k-btn-font-size: 1rem;--m9k-btn-font-weight: 600;--m9k-btn-radius: var(--m9k-radius-lg);--m9k-card-padding: 2rem;--m9k-card-radius: var(--m9k-radius-2xl);--m9k-card-shadow: var(--m9k-shadow-lg);--m9k-input-padding-y: .875rem;--m9k-input-padding-x: 1rem;--m9k-input-font-size: 1rem;--m9k-input-radius: var(--m9k-radius-md);--m9k-input-border-width: 2px;--m9k-modal-padding: 2rem;--m9k-modal-radius: var(--m9k-radius-3xl);--m9k-modal-max-width: 500px;--m9k-modal-backdrop: rgba(0, 0, 0, .8)}[data-theme=light]{--m9k-surface: #ffffff;--m9k-surface-light: #f9fafb;--m9k-surface-lighter: #f3f4f6;--m9k-surface-dark: #e5e7eb;--m9k-background: #f8fafc;--m9k-background-gradient: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);--m9k-text: #1e293b;--m9k-text-secondary: #475569;--m9k-text-muted: #64748b;--m9k-text-inverse: #f9fafb;--m9k-border: #e2e8f0;--m9k-border-light: #cbd5e1;--m9k-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--m9k-shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--m9k-shadow-lg: 0 10px 30px rgba(0, 0, 0, .1);--m9k-shadow-xl: 0 25px 50px rgba(0, 0, 0, .15);--m9k-modal-backdrop: rgba(0, 0, 0, .5)}@media(prefers-color-scheme:light){:root:not([data-theme]){--m9k-surface: #ffffff;--m9k-surface-light: #f9fafb;--m9k-surface-lighter: #f3f4f6;--m9k-surface-dark: #e5e7eb;--m9k-background: #f8fafc;--m9k-background-gradient: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);--m9k-text: #1e293b;--m9k-text-secondary: #475569;--m9k-text-muted: #64748b;--m9k-text-inverse: #f9fafb;--m9k-border: #e2e8f0;--m9k-border-light: #cbd5e1;--m9k-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--m9k-shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--m9k-shadow-lg: 0 10px 30px rgba(0, 0, 0, .1);--m9k-shadow-xl: 0 25px 50px rgba(0, 0, 0, .15);--m9k-modal-backdrop: rgba(0, 0, 0, .5)}}[data-theme=dark]{--m9k-surface: #1f2937;--m9k-surface-light: #374151;--m9k-surface-lighter: #4b5563;--m9k-surface-dark: #111827;--m9k-background: #0f172a;--m9k-background-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--m9k-text: #f9fafb;--m9k-text-secondary: #d1d5db;--m9k-text-muted: #9ca3af;--m9k-text-inverse: #111827;--m9k-border: #374151;--m9k-border-light: #4b5563;--m9k-shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--m9k-shadow-md: 0 4px 6px rgba(0, 0, 0, .25);--m9k-shadow-lg: 0 10px 30px rgba(0, 0, 0, .25);--m9k-shadow-xl: 0 25px 50px rgba(0, 0, 0, .25);--m9k-modal-backdrop: rgba(0, 0, 0, .8)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body.m9k-app{font-family:var(--m9k-font-family);background:var(--m9k-background-gradient);color:var(--m9k-text);line-height:var(--m9k-leading-normal);min-height:100vh;margin:0;padding:0}:focus-visible{outline:2px solid var(--m9k-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(forced-colors:active){:root{--m9k-primary: LinkText;--m9k-secondary: LinkText;--m9k-danger: LinkText;--m9k-text: CanvasText;--m9k-surface: Canvas;--m9k-border: CanvasText}}.m9k-hidden{display:none!important}.m9k-visible{visibility:visible!important}.m9k-invisible{visibility:hidden!important}.m9k-text-center{text-align:center}.m9k-text-left{text-align:left}.m9k-text-right{text-align:right}.m9k-text-muted{color:var(--m9k-text-muted)}.m9k-text-secondary{color:var(--m9k-text-secondary)}.m9k-mb-0{margin-bottom:0}.m9k-mb-1{margin-bottom:var(--m9k-space-sm)}.m9k-mb-2{margin-bottom:var(--m9k-space-md)}.m9k-mb-3{margin-bottom:var(--m9k-space-lg)}.m9k-mb-4{margin-bottom:var(--m9k-space-xl)}.m9k-mt-0{margin-top:0}.m9k-mt-1{margin-top:var(--m9k-space-sm)}.m9k-mt-2{margin-top:var(--m9k-space-md)}.m9k-mt-3{margin-top:var(--m9k-space-lg)}.m9k-mt-4{margin-top:var(--m9k-space-xl)}.m9k-p-0{padding:0}.m9k-p-1{padding:var(--m9k-space-sm)}.m9k-p-2{padding:var(--m9k-space-md)}.m9k-p-3{padding:var(--m9k-space-lg)}.m9k-p-4{padding:var(--m9k-space-xl)}.m9k-flex{display:flex}.m9k-flex-col{flex-direction:column}.m9k-flex-wrap{flex-wrap:wrap}.m9k-items-center{align-items:center}.m9k-justify-center{justify-content:center}.m9k-justify-between{justify-content:space-between}.m9k-gap-1{gap:var(--m9k-space-sm)}.m9k-gap-2{gap:var(--m9k-space-md)}.m9k-gap-3{gap:var(--m9k-space-lg)}.m9k-grid{display:grid;gap:var(--m9k-space-lg)}.m9k-grid-2{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.m9k-grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.m9k-grid-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.m9k-container{max-width:800px;margin:0 auto;padding:var(--m9k-space-md)}.m9k-container-lg{max-width:1200px;margin:0 auto;padding:var(--m9k-space-md)}