:root{color-scheme:light;--mf-color-brand-50: #edf8f2;--mf-color-brand-100: #d9eee1;--mf-color-brand-200: #b8dfc8;--mf-color-brand-300: #91caae;--mf-color-brand-400: #68b18f;--mf-color-brand-500: #4d9979;--mf-color-brand-600: #3e8065;--mf-color-brand-700: #326751;--mf-color-brand-800: #2a5142;--mf-color-brand-900: #203e33;--mf-color-neutral-0: #ffffff;--mf-color-neutral-50: #f6f6f4;--mf-color-neutral-100: #efefed;--mf-color-neutral-200: #e4e4e0;--mf-color-neutral-300: #d3d3ce;--mf-color-neutral-400: #b9b9b3;--mf-color-neutral-500: #8d8d87;--mf-color-neutral-600: #6b6b65;--mf-color-neutral-700: #4f4f49;--mf-color-neutral-800: #383833;--mf-color-neutral-900: #262622;--mf-color-neutral-950: #1d1d1b;--mf-color-blue-500: #377da4;--mf-color-blue-600: #2c6688;--mf-color-amber-500: #ad741e;--mf-color-amber-600: #8b5b16;--mf-color-red-500: #c55353;--mf-color-red-600: #a63e42;--mf-color-canvas: var(--mf-color-neutral-50);--mf-color-surface: var(--mf-color-neutral-0);--mf-color-surface-raised: var(--mf-color-neutral-0);--mf-color-surface-sunken: var(--mf-color-neutral-100);--mf-color-surface-brand: var(--mf-color-brand-50);--mf-color-text: var(--mf-color-neutral-900);--mf-color-text-secondary: var(--mf-color-neutral-700);--mf-color-text-muted: var(--mf-color-neutral-600);--mf-color-text-subtle: var(--mf-color-neutral-500);--mf-color-text-inverse: var(--mf-color-neutral-0);--mf-color-border: var(--mf-color-neutral-200);--mf-color-border-strong: var(--mf-color-neutral-300);--mf-color-border-focus: var(--mf-color-brand-500);--mf-color-accent: var(--mf-color-brand-500);--mf-color-accent-hover: var(--mf-color-brand-600);--mf-color-accent-soft: var(--mf-color-brand-100);--mf-color-success: #2d8a61;--mf-color-success-soft: #e4f4ea;--mf-color-warning: var(--mf-color-amber-500);--mf-color-warning-soft: #fff3d8;--mf-color-danger: var(--mf-color-red-500);--mf-color-danger-soft: #fde8e7;--mf-color-info: var(--mf-color-blue-500);--mf-color-info-soft: #e6f2f8;--mf-color-focus-ring: rgb(77 153 121 / 28%);--background: var(--mf-color-canvas);--foreground: var(--mf-color-text);--card: var(--mf-color-surface);--card-foreground: var(--mf-color-text);--popover: var(--mf-color-surface);--popover-foreground: var(--mf-color-text);--primary: var(--mf-color-accent);--primary-foreground: var(--mf-color-text-inverse);--secondary: var(--mf-color-brand-50);--secondary-foreground: var(--mf-color-brand-700);--muted: var(--mf-color-surface-sunken);--muted-foreground: var(--mf-color-text-muted);--accent: var(--mf-color-accent-soft);--accent-foreground: var(--mf-color-accent-hover);--destructive: var(--mf-color-danger);--destructive-foreground: var(--mf-color-neutral-0);--border: var(--mf-color-border);--input: var(--mf-color-border-strong);--ring: var(--mf-color-border-focus);--radius: var(--mf-radius-md);--mf-color-ink: var(--mf-color-text);--mf-color-ink-strong: var(--mf-color-text);--mf-color-muted: var(--mf-color-text-muted);--mf-color-faint: var(--mf-color-text-subtle);--mf-color-paper: var(--mf-color-canvas);--mf-color-sidebar: var(--mf-color-surface-sunken);--mf-color-accent-strong: var(--mf-color-accent-hover);--mf-color-focus: var(--mf-color-border-focus);--mf-color-overlay: rgb(32 32 29 / 28%);--mf-color-dark-canvas: #111211;--mf-color-dark-surface: #191a18;--mf-color-dark-surface-raised: #222320;--mf-color-dark-surface-sunken: #0c0d0c;--mf-color-dark-text: #eceeeb;--mf-color-dark-text-secondary: #b8bbb6;--mf-color-dark-text-muted: #888b86;--mf-color-dark-text-subtle: #6c6e69;--mf-color-dark-border: #2f312e;--mf-color-dark-border-strong: #41433f;--mf-color-dark-accent: #67c29b;--mf-color-dark-accent-hover: #86d4b0;--mf-color-dark-ink: var(--mf-color-dark-text);--mf-color-dark-ink-strong: #f1f1ef;--mf-color-dark-muted: var(--mf-color-dark-text-muted);--mf-color-dark-faint: var(--mf-color-dark-text-subtle);--mf-color-dark-paper: var(--mf-color-dark-canvas);--mf-color-dark-sidebar: var(--mf-color-dark-surface-sunken);--mf-color-dark-surface-subtle: var(--mf-color-dark-surface-raised);--mf-color-dark-accent-soft: #20372c;--mf-color-dark-accent-strong: var(--mf-color-dark-accent-hover);--mf-color-dark-info-soft: #203642;--mf-color-dark-overlay: rgb(0 0 0 / 68%);--mf-font-family-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--mf-font-family-display: Georgia, "Times New Roman", "Noto Serif SC", serif;--mf-font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--mf-font-size-2xs: .6875rem;--mf-font-size-xs: .75rem;--mf-font-size-sm: .8125rem;--mf-font-size-md: .875rem;--mf-font-size-lg: 1rem;--mf-font-size-xl: 1.125rem;--mf-font-size-2xl: 1.375rem;--mf-font-size-3xl: 1.75rem;--mf-font-size-4xl: 2.125rem;--mf-font-weight-regular: 400;--mf-font-weight-medium: 500;--mf-font-weight-semibold: 600;--mf-font-weight-bold: 700;--mf-leading-tight: 1.2;--mf-leading-snug: 1.4;--mf-leading-normal: 1.55;--mf-leading-relaxed: 1.7;--mf-space-0: 0;--mf-space-1: .25rem;--mf-space-2: .5rem;--mf-space-3: .75rem;--mf-space-4: 1rem;--mf-space-5: 1.25rem;--mf-space-6: 1.5rem;--mf-space-7: 1.75rem;--mf-space-8: 2rem;--mf-space-10: 2.5rem;--mf-space-12: 3rem;--mf-space-16: 4rem;--mf-space-20: 5rem;--mf-radius-none: 0;--mf-radius-sm: .25rem;--mf-radius-md: .375rem;--mf-radius-lg: .5rem;--mf-radius-xl: .75rem;--mf-radius-2xl: 1rem;--mf-radius-pill: 999px;--mf-border-width: 1px;--mf-shadow-none: none;--mf-shadow-sm: 0 1px 2px rgb(32 32 29 / 7%);--mf-shadow-md: 0 8px 24px rgb(32 32 29 / 10%);--mf-shadow-overlay: 0 16px 40px rgb(20 20 18 / 16%);--mf-motion-duration-fast: .12s;--mf-motion-duration-normal: .18s;--mf-motion-duration-slow: .24s;--mf-motion-ease-standard: cubic-bezier(.2, 0, 0, 1);--mf-motion-ease-emphasized: cubic-bezier(.2, .8, .2, 1);--mf-focus-width: 2px;--mf-focus-offset: 2px;--mf-z-base: 0;--mf-z-sticky: 10;--mf-z-sidebar: 20;--mf-z-overlay: 40;--mf-z-modal: 50;--mf-z-toast: 60;--mf-layout-content-max: 72rem;--mf-layout-reading-max: 46rem;--mf-layout-sidebar-width: 15.25rem;--mf-breakpoint-sm: 40rem;--mf-breakpoint-md: 48rem;--mf-breakpoint-lg: 64rem;--mf-breakpoint-xl: 80rem;--mf-ink: var(--mf-color-text);--mf-muted: var(--mf-color-text-muted);--mf-faint: var(--mf-color-text-subtle);--mf-border: var(--mf-color-border);--mf-border-strong: var(--mf-color-border-strong);--mf-paper: var(--mf-color-canvas);--mf-surface: var(--mf-color-surface);--mf-sidebar: var(--mf-color-surface-sunken);--mf-mint: var(--mf-color-brand-300);--mf-mint-deep: var(--mf-color-brand-600);--mf-yellow: var(--mf-color-warning);--admin-bg: var(--mf-color-dark-canvas);--admin-panel: var(--mf-color-dark-surface);--admin-panel-raised: var(--mf-color-dark-surface-raised);--admin-line: var(--mf-color-dark-border);--admin-line-bright: var(--mf-color-dark-border-strong);--admin-text: var(--mf-color-dark-text);--admin-muted: var(--mf-color-dark-text-muted);--admin-faint: var(--mf-color-dark-text-subtle);--admin-aqua: var(--mf-color-dark-accent);--admin-aqua-dark: var(--mf-color-brand-700);--admin-coral: var(--mf-color-danger);--admin-yellow: var(--mf-color-warning);--admin-violet: #8ca9c8}.meoflow-app.is-dark{color-scheme:dark;--mf-color-canvas: var(--mf-color-dark-canvas);--mf-color-surface: var(--mf-color-dark-surface);--mf-color-surface-raised: var(--mf-color-dark-surface-raised);--mf-color-surface-sunken: var(--mf-color-dark-surface-sunken);--mf-color-text: var(--mf-color-dark-text);--mf-color-text-secondary: var(--mf-color-dark-text-secondary);--mf-color-text-muted: var(--mf-color-dark-text-muted);--mf-color-text-subtle: var(--mf-color-dark-text-subtle);--mf-color-text-inverse: var(--mf-color-neutral-950);--mf-color-border: var(--mf-color-dark-border);--mf-color-border-strong: var(--mf-color-dark-border-strong);--mf-color-accent: var(--mf-color-dark-accent);--mf-color-accent-hover: var(--mf-color-dark-accent-hover);--mf-color-accent-soft: #20372c;--mf-color-focus-ring: rgb(103 194 155 / 30%);--background: var(--mf-color-dark-canvas);--foreground: var(--mf-color-dark-text);--card: var(--mf-color-dark-surface);--card-foreground: var(--mf-color-dark-text);--popover: var(--mf-color-dark-surface-raised);--popover-foreground: var(--mf-color-dark-text);--primary: var(--mf-color-dark-accent);--primary-foreground: var(--mf-color-neutral-950);--secondary: var(--mf-color-dark-surface-raised);--secondary-foreground: var(--mf-color-dark-text);--muted: var(--mf-color-dark-surface-sunken);--muted-foreground: var(--mf-color-dark-text-muted);--accent: var(--mf-color-dark-accent-soft);--accent-foreground: var(--mf-color-dark-accent-hover);--destructive: var(--mf-color-danger);--destructive-foreground: var(--mf-color-neutral-0);--border: var(--mf-color-dark-border);--input: var(--mf-color-dark-border-strong);--ring: var(--mf-color-dark-accent);--mf-ink: var(--mf-color-text);--mf-muted: var(--mf-color-text-muted);--mf-faint: var(--mf-color-text-subtle);--mf-border: var(--mf-color-border);--mf-border-strong: var(--mf-color-border-strong);--mf-paper: var(--mf-color-canvas);--mf-surface: var(--mf-color-surface);--mf-sidebar: var(--mf-color-dark-surface-sunken);--mf-mint: var(--mf-color-brand-300);--mf-mint-deep: var(--mf-color-dark-accent)}.admin-shell{color-scheme:dark;--background: var(--mf-color-dark-canvas);--foreground: var(--mf-color-dark-text);--card: var(--mf-color-dark-surface);--card-foreground: var(--mf-color-dark-text);--popover: var(--mf-color-dark-surface-raised);--popover-foreground: var(--mf-color-dark-text);--primary: var(--mf-color-dark-accent);--primary-foreground: var(--mf-color-neutral-950);--secondary: var(--mf-color-dark-surface-raised);--secondary-foreground: var(--mf-color-dark-text);--muted: var(--mf-color-dark-surface-sunken);--muted-foreground: var(--mf-color-dark-text-muted);--accent: var(--mf-color-dark-accent-soft);--accent-foreground: var(--mf-color-dark-accent-hover);--destructive: var(--mf-color-danger);--destructive-foreground: var(--mf-color-neutral-0);--border: var(--mf-color-dark-border);--input: var(--mf-color-dark-border-strong);--ring: var(--mf-color-dark-accent)}:where(button,input,textarea,select,a):focus-visible{outline:var(--mf-focus-width) solid var(--mf-color-border-focus);outline-offset:var(--mf-focus-offset)}::selection{color:var(--mf-color-text-inverse);background:var(--mf-color-brand-600)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}:root{color:var(--mf-color-text);background:var(--mf-color-canvas);font-family:var(--mf-font-family-sans);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}#root{width:100%;min-height:100%}body{min-width:320px;color:var(--mf-color-text);background:var(--mf-color-canvas)}button,input,textarea,select{font:inherit}.app-shell{display:grid;width:100%;min-height:100vh;align-items:center;justify-items:stretch;padding:2rem;background:var(--mf-color-canvas)}.app-shell>*{width:100%;min-width:0}.app-shell>.meoflow-app{width:calc(100% + 4rem);min-height:calc(100vh + 4rem);margin:-2rem}.app-shell>.placeholder,.app-shell>.route-message{justify-self:center}.placeholder{width:min(100%,34rem);padding:2rem;border:var(--mf-border-width) solid var(--mf-color-border);border-radius:var(--mf-radius-lg);background:var(--mf-color-surface);box-shadow:var(--mf-shadow-overlay)}.placeholder form{display:grid;gap:var(--mf-space-4);margin-top:var(--mf-space-6)}.placeholder form label{display:grid;gap:var(--mf-space-2);color:var(--mf-color-text-secondary);font-size:var(--mf-font-size-sm);font-weight:var(--mf-font-weight-medium)}.placeholder form input{width:100%;min-height:2.5rem;padding:0 var(--mf-space-3);border:var(--mf-border-width) solid var(--mf-color-border-strong);border-radius:var(--mf-radius-md);color:var(--mf-color-text);background:var(--mf-color-surface)}.placeholder form [role=alert]{margin:0;color:var(--mf-color-danger);font-size:var(--mf-font-size-sm);line-height:var(--mf-leading-snug);overflow-wrap:anywhere}.placeholder form button[type=submit]{width:100%;min-height:2.5rem;padding:0 var(--mf-space-4);border:var(--mf-border-width) solid var(--mf-color-accent);border-radius:var(--mf-radius-md);color:var(--mf-color-text-inverse);background:var(--mf-color-accent);font-size:var(--mf-font-size-sm);font-weight:var(--mf-font-weight-semibold);cursor:pointer;transition:background var(--mf-motion-duration-fast) var(--mf-motion-ease-standard),border-color var(--mf-motion-duration-fast) var(--mf-motion-ease-standard)}.placeholder form button[type=submit]:hover:not(:disabled){border-color:var(--mf-color-accent-hover);background:var(--mf-color-accent-hover)}.placeholder form button[type=submit]:disabled{cursor:wait;opacity:.62}.placeholder a{color:var(--mf-color-accent-hover);text-decoration-thickness:1px;text-underline-offset:.16em}.eyebrow{margin:0 0 .75rem;color:var(--mf-color-text-muted);font-size:var(--mf-font-size-xs);font-weight:var(--mf-font-weight-bold);letter-spacing:.12em}h1{margin:0;color:var(--mf-color-text);font-size:clamp(var(--mf-font-size-3xl),5vw,var(--mf-font-size-4xl));line-height:var(--mf-leading-tight)}.placeholder-copy,.route-message{margin:1rem 0 0;color:var(--mf-color-text-muted);line-height:var(--mf-leading-relaxed)}.workspace-layout,.admin-layout{min-height:100vh;padding:2rem;background:var(--mf-color-canvas)}.admin-layout{width:calc(100% + 4rem);min-height:calc(100vh + 4rem);margin:-2rem;padding:0}.admin-layout>.admin-shell{width:100%;min-height:100vh;margin:0}