.mc-shell{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:100vh}.mc-shell__sidebar{display:none}.mc-shell__main{grid-column:1 / 2;display:flex;flex-direction:column}.mc-shell__content{padding:var(--space-4);padding-bottom:calc(var(--space-16) + var(--space-4))}.mc-shell__bottomnav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:var(--bg-surface-raised);border-top:1px solid var(--border-default);padding:var(--space-2) 0;z-index:40}@media(min-width:1024px){.mc-shell{grid-template-columns:240px 1fr;grid-template-rows:auto 1fr}.mc-shell__sidebar{display:flex;grid-row:1 / -1}.mc-shell__main{grid-column:2 / 3}.mc-shell__bottomnav{display:none}.mc-shell__content{padding:var(--space-6);padding-bottom:var(--space-6)}}.mc-navlink{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:background-color var(--duration-small) var(--ease-out),color var(--duration-small) var(--ease-out)}.mc-navlink:hover{background:var(--bg-hover);color:var(--text-primary)}.mc-navlink[aria-current=page]{background:var(--brand-subtle);color:var(--brand-primary)}.mc-bottomnav-link{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:var(--text-xs);color:var(--text-muted);text-decoration:none;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm)}.mc-bottomnav-link[aria-current=page]{color:var(--brand-primary)}.mc-server-tabs{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2);border-bottom:1px solid var(--border-default);-webkit-overflow-scrolling:touch}.mc-server-tab{flex-shrink:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-muted);text-decoration:none;white-space:nowrap;transition:background-color var(--duration-small) var(--ease-out),color var(--duration-small) var(--ease-out)}.mc-server-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.mc-server-tab[aria-current=page]{background:var(--brand-subtle);color:var(--brand-primary)}:root{--color-indigo-900: #312e81;--color-indigo-800: #3730a3;--color-indigo-700: #4338ca;--color-indigo-600: #4f46e5;--color-indigo-500: #6366f1;--color-indigo-400: #818cf8;--color-indigo-300: #a5b4fc;--color-indigo-200: #c7d2fe;--color-indigo-100: #e0e7ff;--color-neutral-950: #09090b;--color-neutral-900: #131316;--color-neutral-800: #1f1f23;--color-neutral-700: #27272a;--color-neutral-600: #3f3f46;--color-neutral-500: #71717a;--color-neutral-400: #a1a1aa;--color-neutral-300: #d4d4d8;--color-neutral-200: #e4e4e7;--color-neutral-100: #f4f4f5;--color-neutral-50: #fafafa;--color-neutral-0: #ffffff;--color-green-500: #22c55e;--color-green-600: #16a34a;--color-yellow-500: #eab308;--color-yellow-600: #ca8a04;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-blue-500: #3b82f6;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Fira Code", monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 18px;--text-2xl: 22px;--text-3xl: 28px;--text-4xl: 36px;--text-5xl: 48px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-heading: 1.2;--line-height-body: 1.6;--line-height-ui: 1.1;--duration-micro: .1s;--duration-small: .2s;--duration-medium: .3s;--duration-large: .4s;--duration-xl: .5s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-in: cubic-bezier(.55, 0, 1, .45);--breakpoint-tablet: 640px;--breakpoint-desktop: 1024px;--undo-delay: 3s}[data-theme=light]{--bg-primary: var(--color-neutral-50);--bg-surface: var(--color-neutral-0);--bg-surface-raised: var(--color-neutral-0);--bg-overlay: rgb(9 9 11 / 45%);--bg-hover: var(--color-neutral-100);--bg-pressed: var(--color-neutral-200);--border-default: var(--color-neutral-200);--border-strong: var(--color-neutral-300);--text-primary: var(--color-neutral-950);--text-muted: var(--color-neutral-500);--text-inverse: var(--color-neutral-0);--text-on-brand: var(--color-neutral-0);--brand-primary: var(--color-indigo-600);--brand-primary-hover: var(--color-indigo-700);--brand-primary-pressed: var(--color-indigo-800);--brand-subtle: var(--color-indigo-100);--status-success: var(--color-green-600);--status-success-subtle: #dcfce7;--status-warning: var(--color-yellow-600);--status-warning-subtle: #fef9c3;--status-error: var(--color-red-600);--status-error-subtle: #fee2e2;--status-info: var(--color-blue-500);--shadow-sm: 0 1px 2px rgb(9 9 11 / 6%);--shadow-md: 0 4px 12px rgb(9 9 11 / 10%);--shadow-lg: 0 12px 32px rgb(9 9 11 / 14%)}[data-theme=dark]{--bg-primary: var(--color-neutral-950);--bg-surface: var(--color-neutral-900);--bg-surface-raised: var(--color-neutral-800);--bg-overlay: rgb(0 0 0 / 60%);--bg-hover: var(--color-neutral-800);--bg-pressed: var(--color-neutral-700);--border-default: var(--color-neutral-700);--border-strong: var(--color-neutral-600);--text-primary: var(--color-neutral-50);--text-muted: var(--color-neutral-400);--text-inverse: var(--color-neutral-950);--text-on-brand: var(--color-neutral-0);--brand-primary: var(--color-indigo-500);--brand-primary-hover: var(--color-indigo-400);--brand-primary-pressed: var(--color-indigo-300);--brand-subtle: rgb(99 102 241 / 16%);--status-success: var(--color-green-500);--status-success-subtle: rgb(34 197 94 / 16%);--status-warning: var(--color-yellow-500);--status-warning-subtle: rgb(234 179 8 / 16%);--status-error: var(--color-red-500);--status-error-subtle: rgb(239 68 68 / 16%);--status-info: var(--color-blue-500);--shadow-sm: 0 1px 2px rgb(0 0 0 / 30%);--shadow-md: 0 4px 16px rgb(0 0 0 / 40%);--shadow-lg: 0 16px 40px rgb(0 0 0 / 50%)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--line-height-body);color:var(--text-primary);background:var(--bg-primary);transition:background-color var(--duration-medium) var(--ease-in-out),color var(--duration-medium) var(--ease-in-out)}h1,h2,h3,h4{margin:0;line-height:var(--line-height-heading);font-weight:var(--font-weight-bold)}p{margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--brand-primary)}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}