:root{color-scheme:dark;--mp-color-neutral-0: #ffffff;--mp-color-neutral-25: #f8f9fb;--mp-color-neutral-40: #f4f5f7;--mp-color-neutral-50: #f2f4f7;--mp-color-neutral-100: #f0f2f6;--mp-color-neutral-200: #e4e7ed;--mp-color-neutral-300: #c8cdd6;--mp-color-neutral-350: #b0b8c8;--mp-color-neutral-400: #a4abb8;--mp-color-neutral-500: #7c8699;--mp-color-neutral-550: #6a7280;--mp-color-neutral-600: #424a5c;--mp-color-neutral-650: #454c58;--mp-color-neutral-700: #222936;--mp-color-neutral-750: #1b202b;--mp-color-neutral-800: #161a23;--mp-color-neutral-850: #12151d;--mp-color-neutral-875: #0f1117;--mp-color-neutral-900: #0d0f15;--mp-color-neutral-950: #0b0d12;--mp-color-amber-400: #fbbf24;--mp-color-amber-500: #f59e0b;--mp-color-amber-600: #d97706;--mp-color-amber-700: #b45309;--mp-color-orange-400: #fb923c;--mp-color-orange-500: #f97316;--mp-color-orange-700: #c2410c;--mp-color-green-500: #22c55e;--mp-color-green-700: #15803d;--mp-color-red-500: #ef4444;--mp-color-red-700: #b91c1c;--mp-color-blue-500: #3b82f6;--mp-color-blue-700: #1d4ed8;--mp-color-violet-500: #8b5cf6;--mp-color-alpha-white-04: rgba(255,255,255,.04);--mp-color-alpha-white-07: rgba(255,255,255,.07);--mp-color-alpha-white-13: rgba(255,255,255,.13);--mp-color-alpha-black-05: rgba(0,0,0,.05);--mp-color-alpha-black-08: rgba(0,0,0,.08);--mp-color-alpha-black-13: rgba(0,0,0,.13);--mp-color-alpha-amber-11: rgba(245,158,11,.11);--mp-color-alpha-amber-14: rgba(245,158,11,.14);--mp-color-alpha-amber-22: rgba(245,158,11,.22);--mp-color-alpha-amber-30: rgba(245,158,11,.3);--mp-color-alpha-orange-14: rgba(249,115,22,.14);--mp-color-alpha-orange-11: rgba(249,115,22,.11);--mp-color-alpha-green-14: rgba(34,197,94,.14);--mp-color-alpha-green-09: rgba(34,197,94,.09);--mp-color-alpha-red-14: rgba(239,68,68,.14);--mp-color-alpha-red-09: rgba(239,68,68,.09);--mp-color-alpha-blue-14: rgba(59,130,246,.14);--mp-color-alpha-blue-09: rgba(59,130,246,.09);--mp-color-alpha-violet-14: rgba(139,92,246,.14);--mp-color-alpha-violet-10: rgba(139,92,246,.1);--mp-font-family-sans: system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mp-font-family-mono: "JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--mp-font-size-100: 11px;--mp-font-size-200: 12px;--mp-font-size-300: 13px;--mp-font-size-400: 14px;--mp-font-size-500: 15px;--mp-font-size-600: 17px;--mp-font-size-700: 20px;--mp-font-size-800: 24px;--mp-font-size-900: 32px;--mp-font-weight-regular: 400;--mp-font-weight-medium: 500;--mp-font-weight-semibold: 600;--mp-font-weight-bold: 700;--mp-font-line-tight: 1.25;--mp-font-line-normal: 1.5;--mp-space-0: 0px;--mp-space-1: 2px;--mp-space-2: 4px;--mp-space-3: 6px;--mp-space-4: 8px;--mp-space-5: 12px;--mp-space-6: 16px;--mp-space-7: 20px;--mp-space-8: 24px;--mp-space-9: 32px;--mp-space-10: 48px;--mp-radius-100: 4px;--mp-radius-200: 6px;--mp-radius-300: 10px;--mp-radius-400: 12px;--mp-radius-500: 16px;--mp-radius-full: 999px;--mp-border-width-100: 1px;--mp-border-width-200: 2px;--mp-shadow-dark-100: 0 1px 2px rgba(0,0,0,.4);--mp-shadow-dark-200: 0 8px 24px -6px rgba(0,0,0,.6);--mp-shadow-dark-300: 0 24px 60px -12px rgba(0,0,0,.7);--mp-shadow-light-100: 0 1px 3px rgba(0,0,0,.07);--mp-shadow-light-200: 0 4px 16px -4px rgba(0,0,0,.11);--mp-shadow-light-300: 0 12px 40px -8px rgba(0,0,0,.14);--mp-motion-fast: .15s cubic-bezier(.4,0,.2,1);--mp-motion-panel: .42s cubic-bezier(.22,1,.36,1);--mp-size-target-compact: 32px;--mp-size-target-regular: 40px;--mp-size-target-large: 44px;--mp-color-bg-base: var(--mp-color-neutral-875);--mp-color-bg-surface: var(--mp-color-neutral-800);--mp-color-bg-surface-raised: var(--mp-color-neutral-750);--mp-color-bg-surface-overlay: var(--mp-color-neutral-700);--mp-color-bg-sunken: var(--mp-color-neutral-850);--mp-color-bg-sidebar: var(--mp-color-neutral-950);--mp-color-bg-header: var(--mp-color-neutral-900);--mp-color-bg-field: var(--mp-color-neutral-850);--mp-color-bg-hover: var(--mp-color-alpha-white-04);--mp-color-text-primary: var(--mp-color-neutral-40);--mp-color-text-secondary: var(--mp-color-neutral-400);--mp-color-text-muted: var(--mp-color-neutral-550);--mp-color-text-disabled: var(--mp-color-neutral-650);--mp-color-border-subtle: var(--mp-color-alpha-white-07);--mp-color-border-divider: var(--mp-color-alpha-white-13);--mp-color-border-control: var(--mp-color-neutral-550);--mp-color-border-focus: var(--mp-color-amber-400);--mp-color-accent-fill: var(--mp-color-amber-500);--mp-color-accent-fill-hover: var(--mp-color-amber-400);--mp-color-accent-on-fill: var(--mp-color-neutral-875);--mp-color-accent-text: var(--mp-color-amber-500);--mp-color-accent-tint: var(--mp-color-alpha-amber-14);--mp-color-accent-glow: var(--mp-color-alpha-amber-30);--mp-color-success-fill: var(--mp-color-green-500);--mp-color-success-on-fill: var(--mp-color-neutral-875);--mp-color-success-text: var(--mp-color-green-500);--mp-color-success-tint: var(--mp-color-alpha-green-14);--mp-color-warning-fill: var(--mp-color-orange-500);--mp-color-warning-on-fill: var(--mp-color-neutral-875);--mp-color-warning-text: var(--mp-color-orange-400);--mp-color-warning-tint: var(--mp-color-alpha-orange-14);--mp-color-danger-fill: var(--mp-color-red-500);--mp-color-danger-on-fill: var(--mp-color-neutral-875);--mp-color-danger-text: var(--mp-color-red-500);--mp-color-danger-tint: var(--mp-color-alpha-red-14);--mp-color-info-fill: var(--mp-color-blue-500);--mp-color-info-on-fill: var(--mp-color-neutral-875);--mp-color-info-text: var(--mp-color-blue-500);--mp-color-info-tint: var(--mp-color-alpha-blue-14);--mp-color-alt-text: var(--mp-color-violet-500);--mp-color-alt-tint: var(--mp-color-alpha-violet-14);--mp-elevation-raised: var(--mp-shadow-dark-100);--mp-elevation-overlay: var(--mp-shadow-dark-200);--mp-elevation-modal: var(--mp-shadow-dark-300);--mp-font-family-ui: var(--mp-font-family-sans);--mp-font-family-numeric: var(--mp-font-family-mono);--mp-font-size-caption: var(--mp-font-size-200);--mp-font-size-body-sm: var(--mp-font-size-300);--mp-font-size-body: var(--mp-font-size-400);--mp-font-size-body-lg: var(--mp-font-size-500);--mp-font-size-title-sm: var(--mp-font-size-600);--mp-font-size-title: var(--mp-font-size-700);--mp-font-size-title-lg: var(--mp-font-size-800);--mp-font-size-display: var(--mp-font-size-900);--mp-font-weight-normal: var(--mp-font-weight-regular);--mp-font-weight-emphasis: var(--mp-font-weight-semibold);--mp-font-weight-strong: var(--mp-font-weight-bold);--mp-font-line-heading: var(--mp-font-line-tight);--mp-font-line-body: var(--mp-font-line-normal);--mp-space-inline-xs: var(--mp-space-2);--mp-space-inline-sm: var(--mp-space-4);--mp-space-inline-md: var(--mp-space-5);--mp-space-stack-xs: var(--mp-space-3);--mp-space-stack-sm: var(--mp-space-4);--mp-space-stack-md: var(--mp-space-6);--mp-space-stack-lg: var(--mp-space-8);--mp-space-section: var(--mp-space-9);--mp-radius-control-sm: var(--mp-radius-100);--mp-radius-control: var(--mp-radius-200);--mp-radius-surface: var(--mp-radius-300);--mp-radius-pill: var(--mp-radius-full);--mp-border-width-hairline: var(--mp-border-width-100);--mp-border-width-focus: var(--mp-border-width-200);--mp-motion-control: var(--mp-motion-fast);--mp-motion-surface: var(--mp-motion-panel);--mp-size-target-dense: var(--mp-size-target-compact);--mp-size-target-default: var(--mp-size-target-regular);--mp-size-target-touch: var(--mp-size-target-large);--mp-button-primary-bg: var(--mp-color-accent-fill);--mp-button-primary-bg-hover: var(--mp-color-accent-fill-hover);--mp-button-primary-fg: var(--mp-color-accent-on-fill);--mp-button-primary-border: var(--mp-color-accent-fill);--mp-button-secondary-bg: var(--mp-color-bg-surface-raised);--mp-button-secondary-bg-hover: var(--mp-color-bg-hover);--mp-button-secondary-fg: var(--mp-color-text-primary);--mp-button-secondary-border: var(--mp-color-border-control);--mp-button-danger-bg: var(--mp-color-danger-fill);--mp-button-danger-fg: var(--mp-color-danger-on-fill);--mp-button-radius: var(--mp-radius-control);--mp-button-height: var(--mp-size-target-default);--mp-button-font-size: var(--mp-font-size-body);--mp-button-font-weight: var(--mp-font-weight-emphasis);--mp-button-padding-x: var(--mp-space-inline-md);--mp-field-bg: var(--mp-color-bg-field);--mp-field-fg: var(--mp-color-text-primary);--mp-field-placeholder: var(--mp-color-text-muted);--mp-field-border: var(--mp-color-border-control);--mp-field-border-focus: var(--mp-color-border-focus);--mp-field-radius: var(--mp-radius-control);--mp-field-height: var(--mp-size-target-default);--mp-field-font-size: var(--mp-font-size-body);--mp-field-label-size: var(--mp-font-size-body-sm);--mp-card-bg: var(--mp-color-bg-surface);--mp-card-border: var(--mp-color-border-subtle);--mp-card-radius: var(--mp-radius-surface);--mp-card-shadow: var(--mp-elevation-raised);--mp-card-padding: var(--mp-space-stack-md);--mp-table-header-bg: var(--mp-color-bg-surface-raised);--mp-table-header-fg: var(--mp-color-text-muted);--mp-table-row-hover: var(--mp-color-bg-hover);--mp-table-divider: var(--mp-color-border-subtle);--mp-table-font-size: var(--mp-font-size-body-sm);--mp-nav-bg: var(--mp-color-bg-sidebar);--mp-nav-fg: var(--mp-color-text-secondary);--mp-nav-fg-active: var(--mp-color-text-primary);--mp-nav-active-bg: var(--mp-color-accent-tint);--mp-nav-active-marker: var(--mp-color-accent-fill);--mp-nav-group-fg: var(--mp-color-text-muted);--mp-nav-font-size: var(--mp-font-size-body-sm);--mp-header-bg: var(--mp-color-bg-header);--mp-header-border: var(--mp-color-border-subtle);--mp-badge-radius: var(--mp-radius-pill);--mp-badge-font-size: var(--mp-font-size-caption);--mp-badge-font-weight: var(--mp-font-weight-emphasis);--mp-focus-ring-color: var(--mp-color-border-focus);--mp-focus-ring-width: var(--mp-border-width-focus);--mp-toast-bg: var(--mp-color-bg-surface-overlay);--mp-toast-fg: var(--mp-color-text-primary);--mp-toast-shadow: var(--mp-elevation-overlay);--mp-modal-bg: var(--mp-color-bg-surface);--mp-modal-shadow: var(--mp-elevation-modal);--mp-modal-radius: var(--mp-radius-surface)}:root[data-theme=light]{color-scheme:light;--mp-color-bg-base: var(--mp-color-neutral-50);--mp-color-bg-surface: var(--mp-color-neutral-0);--mp-color-bg-surface-raised: var(--mp-color-neutral-100);--mp-color-bg-surface-overlay: var(--mp-color-neutral-200);--mp-color-bg-sunken: var(--mp-color-neutral-200);--mp-color-bg-sidebar: var(--mp-color-neutral-0);--mp-color-bg-header: var(--mp-color-neutral-0);--mp-color-bg-field: var(--mp-color-neutral-25);--mp-color-bg-hover: var(--mp-color-alpha-black-05);--mp-color-text-primary: var(--mp-color-neutral-875);--mp-color-text-secondary: var(--mp-color-neutral-600);--mp-color-text-muted: var(--mp-color-neutral-500);--mp-color-text-disabled: var(--mp-color-neutral-350);--mp-color-border-subtle: var(--mp-color-alpha-black-08);--mp-color-border-divider: var(--mp-color-alpha-black-13);--mp-color-border-control: var(--mp-color-neutral-500);--mp-color-border-focus: var(--mp-color-amber-700);--mp-color-accent-fill-hover: var(--mp-color-amber-600);--mp-color-accent-text: var(--mp-color-amber-700);--mp-color-accent-tint: var(--mp-color-alpha-amber-11);--mp-color-accent-glow: var(--mp-color-alpha-amber-22);--mp-color-success-fill: var(--mp-color-green-700);--mp-color-success-on-fill: var(--mp-color-neutral-0);--mp-color-success-text: var(--mp-color-green-700);--mp-color-success-tint: var(--mp-color-alpha-green-09);--mp-color-warning-fill: var(--mp-color-orange-700);--mp-color-warning-on-fill: var(--mp-color-neutral-0);--mp-color-warning-text: var(--mp-color-orange-700);--mp-color-warning-tint: var(--mp-color-alpha-orange-11);--mp-color-danger-fill: var(--mp-color-red-700);--mp-color-danger-on-fill: var(--mp-color-neutral-0);--mp-color-danger-text: var(--mp-color-red-700);--mp-color-danger-tint: var(--mp-color-alpha-red-09);--mp-color-info-fill: var(--mp-color-blue-700);--mp-color-info-on-fill: var(--mp-color-neutral-0);--mp-color-info-text: var(--mp-color-blue-700);--mp-color-info-tint: var(--mp-color-alpha-blue-09);--mp-color-alt-tint: var(--mp-color-alpha-violet-10);--mp-elevation-raised: var(--mp-shadow-light-100);--mp-elevation-overlay: var(--mp-shadow-light-200);--mp-elevation-modal: var(--mp-shadow-light-300)}@media (prefers-color-scheme: light){:root:not([data-theme]){color-scheme:light;--mp-color-bg-base: var(--mp-color-neutral-50);--mp-color-bg-surface: var(--mp-color-neutral-0);--mp-color-bg-surface-raised: var(--mp-color-neutral-100);--mp-color-bg-surface-overlay: var(--mp-color-neutral-200);--mp-color-bg-sunken: var(--mp-color-neutral-200);--mp-color-bg-sidebar: var(--mp-color-neutral-0);--mp-color-bg-header: var(--mp-color-neutral-0);--mp-color-bg-field: var(--mp-color-neutral-25);--mp-color-bg-hover: var(--mp-color-alpha-black-05);--mp-color-text-primary: var(--mp-color-neutral-875);--mp-color-text-secondary: var(--mp-color-neutral-600);--mp-color-text-muted: var(--mp-color-neutral-500);--mp-color-text-disabled: var(--mp-color-neutral-350);--mp-color-border-subtle: var(--mp-color-alpha-black-08);--mp-color-border-divider: var(--mp-color-alpha-black-13);--mp-color-border-control: var(--mp-color-neutral-500);--mp-color-border-focus: var(--mp-color-amber-700);--mp-color-accent-fill-hover: var(--mp-color-amber-600);--mp-color-accent-text: var(--mp-color-amber-700);--mp-color-accent-tint: var(--mp-color-alpha-amber-11);--mp-color-accent-glow: var(--mp-color-alpha-amber-22);--mp-color-success-fill: var(--mp-color-green-700);--mp-color-success-on-fill: var(--mp-color-neutral-0);--mp-color-success-text: var(--mp-color-green-700);--mp-color-success-tint: var(--mp-color-alpha-green-09);--mp-color-warning-fill: var(--mp-color-orange-700);--mp-color-warning-on-fill: var(--mp-color-neutral-0);--mp-color-warning-text: var(--mp-color-orange-700);--mp-color-warning-tint: var(--mp-color-alpha-orange-11);--mp-color-danger-fill: var(--mp-color-red-700);--mp-color-danger-on-fill: var(--mp-color-neutral-0);--mp-color-danger-text: var(--mp-color-red-700);--mp-color-danger-tint: var(--mp-color-alpha-red-09);--mp-color-info-fill: var(--mp-color-blue-700);--mp-color-info-on-fill: var(--mp-color-neutral-0);--mp-color-info-text: var(--mp-color-blue-700);--mp-color-info-tint: var(--mp-color-alpha-blue-09);--mp-color-alt-tint: var(--mp-color-alpha-violet-10);--mp-elevation-raised: var(--mp-shadow-light-100);--mp-elevation-overlay: var(--mp-shadow-light-200);--mp-elevation-modal: var(--mp-shadow-light-300)}}:root{--ff-sans: var(--mp-font-family-ui);--ff-mono: var(--mp-font-family-numeric);--bg: var(--mp-color-bg-base);--bg-alt: var(--mp-color-bg-sunken);--card: var(--mp-color-bg-surface);--card-2: var(--mp-color-bg-surface-raised);--surface-2: var(--mp-color-bg-surface-raised);--ink-1: var(--mp-color-text-primary);--ink-2: var(--mp-color-text-primary);--ink-3: var(--mp-color-text-secondary);--ink-4: var(--mp-color-text-muted);--ink-5: var(--mp-color-text-disabled);--muted: var(--mp-color-text-muted);--hairline: var(--mp-color-border-subtle);--hairline-2: var(--mp-color-border-subtle);--line: var(--mp-color-border-divider);--control-line: var(--mp-color-border-control);--brand: var(--mp-color-bg-base);--brand-ink: var(--mp-color-text-primary);--accent: var(--mp-color-accent-fill);--accent-ink: var(--mp-color-accent-on-fill);--ok: var(--mp-color-success-fill);--ok-tint: var(--mp-color-success-tint);--ok-ink: var(--mp-color-success-text);--warn: var(--mp-color-warning-fill);--warn-tint: var(--mp-color-warning-tint);--warn-dim: var(--mp-color-warning-tint);--warn-ink: var(--mp-color-warning-text);--crit: var(--mp-color-danger-fill);--crit-tint: var(--mp-color-danger-tint);--crit-bg: var(--mp-color-danger-tint);--crit-ink: var(--mp-color-danger-text);--info: var(--mp-color-info-fill);--info-tint: var(--mp-color-info-tint);--info-ink: var(--mp-color-info-text);--inactive: var(--mp-color-text-muted);--inactive-tint: var(--mp-color-bg-surface-raised);--r-sm: var(--mp-radius-control);--r-btn: var(--mp-radius-control);--r-card: var(--mp-radius-surface);--r-pill: var(--mp-radius-pill);--sh-card: var(--mp-elevation-raised);--shadow-card: var(--mp-elevation-raised);--sh-pop: var(--mp-elevation-modal)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased}html,body{margin:0;padding:0;font-family:var(--ff-sans);color:var(--ink-1);background:var(--bg)}button{font-family:inherit;cursor:pointer}.phone-scroll::-webkit-scrollbar{width:0;background:transparent}.phone-scroll{scrollbar-width:none}.fin-chip-scroll{scrollbar-width:thin;scrollbar-color:var(--hairline-2) transparent;scroll-snap-type:x proximity}.fin-chip-scroll::-webkit-scrollbar{height:4px}.fin-chip-scroll::-webkit-scrollbar-track{background:transparent}.fin-chip-scroll::-webkit-scrollbar-thumb{background:var(--hairline-2);border-radius:var(--r-pill)}.fin-chip-scroll::-webkit-scrollbar-thumb:hover{background:var(--ink-4)}.fin-chip-scroll>*{scroll-snap-align:start}.mono{font-family:var(--ff-mono);font-feature-settings:"tnum" 1}.card{background:var(--card);border:1px solid var(--hairline);border-radius:var(--r-card);box-shadow:var(--sh-card)}.chip{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:var(--r-pill);font-size:var(--mp-font-size-caption);font-weight:600;letter-spacing:.02em;text-transform:uppercase}.chip-dot{width:6px;height:6px;border-radius:50%}.chip.ok{background:var(--ok-tint);color:var(--ok-ink)}.chip.ok .chip-dot{background:var(--ok)}.chip.warn{background:var(--warn-tint);color:var(--warn-ink)}.chip.warn .chip-dot{background:var(--warn)}.chip.crit{background:var(--crit-tint);color:var(--crit-ink)}.chip.crit .chip-dot{background:var(--crit)}.chip.info{background:var(--info-tint);color:var(--info-ink)}.chip.info .chip-dot{background:var(--info)}.chip.muted{background:var(--inactive-tint);color:var(--ink-4)}.chip.muted .chip-dot{background:var(--ink-5)}.hr{height:1px;background:var(--hairline);border:0;margin:0}.proto-grid{display:grid;grid-template-columns:1fr 1fr 360px;gap:28px;padding:32px 20px 64px;max-width:1480px;margin:0 auto;align-items:flex-start}@media (max-width: 1180px){.proto-grid{grid-template-columns:1fr 1fr}.proto-sidebar{grid-column:1 / -1;position:static!important;max-height:none!important}}@media (max-width: 880px){.proto-grid{grid-template-columns:1fr;justify-items:center}}:root{--app-safe-top: env(safe-area-inset-top);--app-safe-bottom: env(safe-area-inset-bottom)}html,body{height:100%;margin:0;background:var(--bg);overscroll-behavior:none}#root{height:100%}