:root,html[data-chrome=brutalist]{--font-sans: "JetBrains Mono", "Berkeley Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-mono: var(--font-sans);--font-display: var(--font-sans);--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--border-width: 2px;--border-width-thin: 1px;--color-bg: #f5f5f4;--color-surface: #ffffff;--color-surface-2: #fafaf9;--color-fg: #0a0a0a;--color-fg-muted: #6b6660;--color-fg-subtle: #a8a29e;--color-border: #0a0a0a;--color-border-soft: #d6d3d1;--color-accent: #1d4ed8;--color-accent-ink: #ffffff;--color-accent-soft: #eff6ff;--color-danger: #b91c1c;--color-success: #166534;--color-warning: #a16207;--color-warning-bg: #fef9c3;--color-text: var(--color-fg);--color-text-muted: var(--color-fg-muted);--color-surface-alpha: rgba(255, 255, 255, .92);--shadow-panel: none;--shadow-pop: none;--shadow-sm: none;--label-transform: uppercase;--label-tracking: .14em;--tab-tracking: .12em;--btn-tracking: .08em;--btn-transform: uppercase;color-scheme:light}@media(prefers-color-scheme:dark){:root,html[data-chrome=brutalist]{--color-bg: #0a0a0a;--color-surface: #151515;--color-surface-2: #1c1c1c;--color-fg: #f5f5f4;--color-fg-muted: #a8a29e;--color-fg-subtle: #6b6660;--color-border: #f5f5f4;--color-border-soft: #2e2e2e;--color-accent: #60a5fa;--color-accent-ink: #0a0a0a;--color-accent-soft: #0b1f3f;--color-danger: #f87171;--color-success: #4ade80;--color-warning: #fbbf24;--color-warning-bg: #422006;--color-surface-alpha: rgba(21, 21, 21, .92);color-scheme:dark}}html[data-chrome=classic]{--font-sans: "DM Sans", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--font-display: var(--font-sans);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--border-width: 1px;--border-width-thin: 1px;--color-bg: #ffffff;--color-surface: #ffffff;--color-surface-2: #fafaf9;--color-fg: #1c1917;--color-fg-muted: #57534e;--color-fg-subtle: #a8a29e;--color-border: #e7e5e4;--color-border-soft: #f5f5f4;--color-accent: #006dc7;--color-accent-ink: #ffffff;--color-accent-soft: #e0efff;--color-danger: #dc2626;--color-success: #16a34a;--color-warning: #ca8a04;--color-warning-bg: #fef9c3;--color-text: var(--color-fg);--color-text-muted: var(--color-fg-muted);--color-surface-alpha: rgba(255, 255, 255, .88);--shadow-panel: 0 4px 12px rgba(0, 0, 0, .06);--shadow-pop: 0 8px 24px rgba(0, 0, 0, .08);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--label-transform: uppercase;--label-tracking: .08em;--tab-tracking: .02em;--btn-tracking: 0;--btn-transform: none;color-scheme:light}@media(prefers-color-scheme:dark){html[data-chrome=classic]{--color-bg: #1c1917;--color-surface: #292524;--color-surface-2: #1c1917;--color-fg: #e7e5e4;--color-fg-muted: #a8a29e;--color-fg-subtle: #78716c;--color-border: #44403c;--color-border-soft: #292524;--color-accent: #36a9ff;--color-accent-ink: #0a0a0a;--color-accent-soft: #083e6e;--color-danger: #ef4444;--color-success: #4ade80;--color-warning: #fbbf24;--color-warning-bg: #422006;--color-surface-alpha: rgba(41, 37, 36, .88);--shadow-panel: 0 4px 12px rgba(0, 0, 0, .4);--shadow-pop: 0 8px 24px rgba(0, 0, 0, .5);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);color-scheme:dark}}html,body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-fg)}html[data-chrome=brutalist] .mofi-brand,html[data-chrome=brutalist] .mofi-breadcrumb{text-transform:lowercase;letter-spacing:.02em}html[data-chrome=classic] .mofi-brand,html[data-chrome=classic] .mofi-breadcrumb{text-transform:none;letter-spacing:normal}.mofi-surface{background-color:var(--color-surface);color:var(--color-fg)}.mofi-panel{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);color:var(--color-fg)}.mofi-panel-soft{background-color:var(--color-surface-2);border:var(--border-width-thin) solid var(--color-border-soft);border-radius:var(--radius-md)}.mofi-btn,.mofi-btn-primary,.mofi-btn-ghost,.mofi-btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:500;line-height:1.2;text-transform:var(--btn-transform);letter-spacing:var(--btn-tracking);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-fg);cursor:pointer;transition:background-color .12s ease,color .12s ease,opacity .12s ease}.mofi-btn:hover:not(:disabled){background-color:var(--color-surface-2)}.mofi-btn-primary{background-color:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-border)}html[data-chrome=classic] .mofi-btn-primary{border-color:var(--color-accent)}.mofi-btn-primary:hover:not(:disabled){opacity:.88}.mofi-btn-ghost{background-color:transparent;border-color:transparent;color:var(--color-fg-muted);padding:4px 8px}.mofi-btn-ghost:hover:not(:disabled){background-color:var(--color-surface-2);color:var(--color-fg)}.mofi-btn-danger{background-color:transparent;color:var(--color-danger);border-color:var(--color-danger)}.mofi-btn-danger:hover:not(:disabled){background-color:var(--color-danger);color:#fff}.mofi-btn:disabled,.mofi-btn-primary:disabled,.mofi-btn-ghost:disabled,.mofi-btn-danger:disabled{opacity:.5;cursor:not-allowed}.mofi-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-fg);cursor:pointer;transition:background-color .12s ease}html[data-chrome=classic] .mofi-iconbtn{border-color:var(--color-border)}.mofi-iconbtn:hover:not(:disabled){background-color:var(--color-surface-2)}.mofi-iconbtn.is-active{background-color:var(--color-accent);color:var(--color-accent-ink)}.mofi-iconbtn:disabled{opacity:.5;cursor:not-allowed}.mofi-input{width:100%;padding:6px 10px;font-family:inherit;font-size:13px;background-color:var(--color-surface);color:var(--color-fg);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);outline:none;transition:border-color .12s ease}.mofi-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.mofi-input.is-dirty{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent) inset}.mofi-label{display:flex;justify-content:space-between;align-items:baseline;font-size:9px;font-weight:500;text-transform:var(--label-transform);letter-spacing:var(--label-tracking);color:var(--color-fg-muted);margin-bottom:4px}html[data-chrome=classic] .mofi-label{font-size:11px;font-weight:500;color:var(--color-fg-muted)}.mofi-badge{display:inline-flex;align-items:center;padding:1px 8px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:var(--btn-tracking);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-fg-muted)}html[data-chrome=classic] .mofi-badge{border-color:var(--color-border-soft);background-color:var(--color-surface-2);text-transform:none;letter-spacing:.02em}.mofi-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border-bottom:var(--border-width) solid var(--color-border);font-size:10px;text-transform:uppercase;letter-spacing:var(--tab-tracking)}html[data-chrome=classic] .mofi-tabs{text-transform:none;font-size:12px;font-weight:500}.mofi-tab{padding:8px 6px;text-align:center;color:var(--color-fg-muted);border-right:var(--border-width) solid var(--color-border);cursor:pointer;background-color:transparent;transition:background-color .12s ease,color .12s ease}.mofi-tab:last-child{border-right:0}.mofi-tab:hover{color:var(--color-fg);background-color:var(--color-surface-2)}.mofi-tab.is-active{background-color:var(--color-accent);color:var(--color-accent-ink)}html[data-chrome=classic] .mofi-tab.is-active{background-color:transparent;color:var(--color-accent);box-shadow:inset 0 -2px 0 var(--color-accent)}.mofi-seg{display:grid;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.mofi-seg>button{padding:5px 8px;font-family:inherit;font-size:11px;color:var(--color-fg);background-color:var(--color-surface);border:0;border-right:var(--border-width) solid var(--color-border);cursor:pointer;text-transform:lowercase;transition:background-color .12s ease}.mofi-seg>button:last-child{border-right:0}.mofi-seg>button.is-active{background-color:var(--color-accent);color:var(--color-accent-ink)}.mofi-seg>button:not(.is-active):hover{background-color:var(--color-surface-2)}.mofi-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);outline:none;cursor:pointer}.mofi-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:16px;background-color:var(--color-accent);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.mofi-slider::-moz-range-thumb{width:12px;height:16px;background-color:var(--color-accent);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.mofi-check{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-accent-ink);cursor:pointer}.mofi-check.is-checked{background-color:var(--color-accent);border-color:var(--color-border)}.mofi-check svg{display:none;width:10px;height:10px;stroke-width:3}.mofi-check.is-checked svg{display:block}.mofi-muted{color:var(--color-fg-muted)}.mofi-subtle{color:var(--color-fg-subtle)}.mofi-divider{border-top:var(--border-width) solid var(--color-border)}.mofi-divider-soft{border-top:var(--border-width-thin) solid var(--color-border-soft)}html[data-chrome=brutalist]{font-family:var(--font-sans)}html[data-chrome=brutalist] body{font-family:inherit;background-color:var(--color-bg)}html[data-chrome=brutalist] .rounded-sm,html[data-chrome=brutalist] .rounded,html[data-chrome=brutalist] .rounded-md,html[data-chrome=brutalist] .rounded-lg,html[data-chrome=brutalist] .rounded-xl,html[data-chrome=brutalist] .rounded-2xl,html[data-chrome=brutalist] .rounded-3xl,html[data-chrome=brutalist] .rounded-full{border-radius:0!important}html[data-chrome=brutalist] .rounded-full.keep-round,html[data-chrome=brutalist] .mofi-swatch-round{border-radius:9999px!important}html[data-chrome=brutalist] .shadow,html[data-chrome=brutalist] .shadow-sm,html[data-chrome=brutalist] .shadow-md,html[data-chrome=brutalist] .shadow-lg,html[data-chrome=brutalist] .shadow-xl,html[data-chrome=brutalist] .shadow-2xl{box-shadow:none!important}html[data-chrome=brutalist] .bg-brand-600,html[data-chrome=brutalist] .bg-brand-500,html[data-chrome=brutalist] .bg-brand-700,html[data-chrome=brutalist] .bg-blue-600{background-color:var(--color-accent)!important;color:var(--color-accent-ink)!important}html[data-chrome=brutalist] .text-brand-600,html[data-chrome=brutalist] .text-brand-500,html[data-chrome=brutalist] .text-brand-700,html[data-chrome=brutalist] .text-brand-400,html[data-chrome=brutalist] .text-brand-300{color:var(--color-accent)!important}html[data-chrome=brutalist] .border-brand-500,html[data-chrome=brutalist] .border-brand-600{border-color:var(--color-accent)!important}html[data-chrome=brutalist] .accent-brand-600{accent-color:var(--color-accent)}html[data-chrome=brutalist] .bg-brand-100,html[data-chrome=brutalist] .bg-brand-50{background-color:var(--color-accent-soft)!important}html[data-chrome=brutalist] .border{border-width:var(--border-width-thin)}html[data-chrome=brutalist] .border-2{border-width:var(--border-width)}html[data-chrome=brutalist] .border-stone-200,html[data-chrome=brutalist] .border-stone-300,html[data-chrome=brutalist] .dark\:border-stone-600,html[data-chrome=brutalist] .dark\:border-stone-700{border-color:var(--color-border)!important}