:root{--landing-negro: #171B20;--landing-magenta: #FE6ABE;--landing-rosa: #FE88D4;--landing-azul: #0C8CE9;--landing-menta: #4EDFB5;--landing-amarillo: #FFEC57;--landing-coral: #FF5D7C;--landing-tomate: #FF654A;--landing-blanco: #FFFFFF;--mc-bg: var(--landing-negro);--mc-bg-surface: #1E232A;--mc-bg-raised: #252B33;--mc-bg-selected: #2E353E;--mc-bg-header: rgba(23, 27, 32, .9);--mc-text: #E6E8EB;--mc-text-muted: #A3A8AF;--mc-text-subtle: #8A9098;--mc-steel: #C2C6CB;--mc-border: rgba(230, 232, 235, .12);--mc-border-strong: rgba(230, 232, 235, .24);--mc-accent: var(--landing-magenta);--mc-accent-hover: var(--landing-rosa);--mc-focus: var(--landing-azul);--mc-info: #4AA9EE;--mc-info-bg: rgba(12, 140, 233, .14);--mc-green: var(--landing-menta);--mc-green-bg: rgba(78, 223, 181, .12);--mc-amber: var(--landing-amarillo);--mc-amber-bg: rgba(255, 236, 87, .12);--mc-red: var(--landing-tomate);--mc-red-bg: rgba(255, 101, 74, .14);--mc-accent-tint: rgba(254, 106, 190, .05);--mc-accent-subtle: rgba(254, 106, 190, .08);--mc-accent-10: rgba(254, 106, 190, .1);--mc-accent-dim: rgba(254, 106, 190, .15);--mc-accent-ring: rgba(254, 106, 190, .45);--mc-accent-glow: rgba(254, 106, 190, .4);--crowds-line: var(--mc-border-strong);--mc-button-border: var(--landing-negro);--mc-outline-border: rgba(255, 255, 255, .34);--mc-outline-border-hover: var(--landing-blanco);--mc-outline-bg: rgba(23, 27, 32, .55);--mc-outline-bg-active: rgba(23, 27, 32, .8);--mc-ghost-hover: rgba(226, 227, 220, .08);--mc-ghost-active: rgba(226, 227, 220, .14);--mc-icon-hover: rgba(226, 227, 220, .1);--mc-input-bg: rgba(255, 255, 255, .06);--mc-fill-soft: rgba(255, 255, 255, .06);--mc-code-bg: rgba(255, 255, 255, .1);--mc-pre-bg: rgba(0, 0, 0, .4);--mc-preview-bg: rgba(0, 0, 0, .16);--mc-link: #22d3ee;--mc-shadow-pop: 0 8px 24px rgba(0, 0, 0, .6);--mc-grid-line: rgba(230, 232, 235, .04);--mc-scrollbar: rgba(230, 232, 235, .18);--mc-scrollbar-hover: rgba(230, 232, 235, .32)}.light{--mc-bg: #F4F5F7;--mc-bg-surface: #FFFFFF;--mc-bg-raised: #ECEEF1;--mc-bg-selected: #E1E5EA;--mc-bg-header: rgba(244, 245, 247, .9);--mc-text: #171B20;--mc-text-muted: #4D545D;--mc-text-subtle: #6B727B;--mc-steel: #3B424B;--mc-border: rgba(23, 27, 32, .12);--mc-border-strong: rgba(23, 27, 32, .26);--mc-info: #0A6CB5;--mc-info-bg: rgba(12, 140, 233, .1);--mc-green: #0B7A5C;--mc-green-bg: rgba(78, 223, 181, .2);--mc-amber: #8A6A00;--mc-amber-bg: rgba(255, 236, 87, .32);--mc-red: #C8361C;--mc-red-bg: rgba(255, 101, 74, .12);--mc-outline-border: rgba(23, 27, 32, .34);--mc-outline-border-hover: var(--landing-negro);--mc-outline-bg: rgba(255, 255, 255, .7);--mc-outline-bg-active: rgba(23, 27, 32, .06);--mc-ghost-hover: rgba(23, 27, 32, .06);--mc-ghost-active: rgba(23, 27, 32, .1);--mc-icon-hover: rgba(23, 27, 32, .07);--mc-input-bg: #FFFFFF;--mc-fill-soft: rgba(23, 27, 32, .05);--mc-code-bg: rgba(23, 27, 32, .07);--mc-pre-bg: rgba(23, 27, 32, .06);--mc-preview-bg: #FFFFFF;--mc-link: #0A6CB5;--mc-shadow-pop: 0 8px 24px rgba(23, 27, 32, .14);--mc-grid-line: rgba(23, 27, 32, .045);--mc-scrollbar: rgba(23, 27, 32, .2);--mc-scrollbar-hover: rgba(23, 27, 32, .36)}body{margin:0;min-height:100vh;color:var(--mc-text);font-family:DM Sans,sans-serif;background-color:var(--mc-bg)}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(to right,var(--mc-grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--mc-grid-line) 1px,transparent 1px);background-size:36px 36px}#root{position:relative;z-index:1}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--mc-focus);outline-offset:2px}:focus:not(:focus-visible){outline:none;box-shadow:none}[data-mono],.mono{font-family:JetBrains Mono,monospace}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot--green{background:var(--mc-green)}.status-dot--amber{background:var(--mc-amber)}.status-dot--red{background:var(--mc-red)}.status-dot--accent{background:var(--mc-accent)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--mc-scrollbar);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--mc-scrollbar-hover)}