:root{--black-oil-100:#e7e7e8;--black-oil-200:#cecfd1;--black-oil-300:#b6b8ba;--black-oil-400:#9da1a3;--black-oil-500:#85898d;--black-oil-600:#6d7175;--black-oil-700:#55595d;--black-oil-800:#3d4146;--black-oil-900:#25292f;--black-oil-1000:#0d1117;--black-umber-100:#e8e8e8;--black-umber-200:#d1cfcd;--black-umber-300:#bab7b4;--black-umber-400:#a39e9a;--black-umber-500:#8c8682;--black-umber-600:#756e69;--black-umber-700:#5d5650;--black-umber-800:#463f38;--black-umber-900:#2e281f;--black-umber-1000:#1a1716;--black-obsidian-100:#e7e7e7;--black-obsidian-200:#cececf;--black-obsidian-300:#b5b6b7;--black-obsidian-400:#9d9ea0;--black-obsidian-500:#848688;--black-obsidian-600:#6b6e70;--black-obsidian-700:#535659;--black-obsidian-800:#3a3e42;--black-obsidian-900:#22252a;--black-obsidian-1000:#0b0c10;--white-paper-100:#fff;--white-paper-200:#fffefd;--white-paper-300:#fffefc;--white-paper-400:#fffdfb;--white-paper-500:#fffdf9;--white-paper-600:#fffdf8;--white-paper-700:#fefdf7;--white-paper-800:#fefcf6;--white-paper-900:#fdfcf5;--white-paper-1000:#fdfcf5;--white-ghost-100:#fff;--white-ghost-200:#fefeff;--white-ghost-300:#fdfefe;--white-ghost-400:#fcfdfe;--white-ghost-500:#fbfcfd;--white-ghost-600:#fafbfc;--white-ghost-700:#f9fbfc;--white-ghost-800:#f8fafb;--white-ghost-900:#f8f9fb;--white-ghost-1000:#f8f9fa;--white-smoke-100:#fff;--white-smoke-200:#fefefe;--white-smoke-300:#fdfdfd;--white-smoke-400:#fcfcfc;--white-smoke-500:#fbfbfb;--white-smoke-600:#f9f9f9;--white-smoke-700:#f7f7f7;--white-smoke-800:#f5f5f5;--white-smoke-900:#f3f3f3;--white-smoke-1000:#f2f2f2;--safety-orange-100:#fff5ee;--safety-orange-500:#ffcbaa;--safety-orange-1000:#ff6b00;--safety-blue-100:#e6f0fa;--safety-blue-500:#80b4e6;--safety-blue-1000:#0056b3;--safety-yellow-100:#fefaf3;--safety-yellow-500:#fae8c3;--safety-yellow-1000:#f4d03f;--safety-green-100:#eafaf1;--safety-green-500:#97e6b8;--safety-green-1000:#2ecc71;--color-bg-primary:var(--white-paper-1000);--color-bg-secondary:var(--white-ghost-1000);--color-bg-inverse:var(--black-oil-1000);--color-text-primary:var(--black-oil-1000);--color-text-secondary:var(--black-oil-700);--color-text-inverse:var(--white-paper-100);--color-border-primary:var(--black-oil-200);--color-border-focus:var(--safety-blue-1000);--color-interactive-primary:var(--safety-blue-1000);--color-interactive-primary-hover:var(--safety-blue-900);--font-family-base:var(--font-inter,"Inter"),system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--radius-sm:0.125rem;--radius-md:0.25rem;--radius-lg:0.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);--transition-fast:150ms ease;--transition-normal:250ms ease;--z-dropdown:1000;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--grid-columns:12;--grid-gutter:var(--spacing-4);--grid-container-max:1200px;--content-width-narrow:480px;--content-width-medium:768px;--content-width-full:none}.dark{--color-bg-primary:var(--black-oil-1000);--color-bg-secondary:var(--black-oil-900);--color-text-primary:var(--white-paper-100);--color-text-secondary:var(--white-paper-300);--color-border-primary:var(--black-oil-700)}.button,.button--error,.button--ghost,.button--primary,.button--success,.button--warning{-webkit-appearance:none;text-align:center;cursor:pointer;font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);line-height:var(--line-height-normal);padding:var(--spacing-2) var(--spacing-4);border:2px solid var(--white-ghost-100);border-radius:2rem;background:transparent;color:var(--white-ghost-100);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);transition:all var(--transition-fast);position:relative;white-space:nowrap}.button--error:hover:not(:disabled),.button--ghost:hover:not(:disabled),.button--primary:hover:not(:disabled),.button--success:hover:not(:disabled),.button--warning:hover:not(:disabled),.button:hover:not(:disabled){background:var(--color-bg-secondary)}.button--error:active:not(:disabled),.button--ghost:active:not(:disabled),.button--primary:active:not(:disabled),.button--success:active:not(:disabled),.button--warning:active:not(:disabled),.button:active:not(:disabled){transform:translateY(1px)}.button--error:focus-visible,.button--ghost:focus-visible,.button--primary:focus-visible,.button--success:focus-visible,.button--warning:focus-visible,.button:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.button--disabled,.button--error:disabled,.button--ghost:disabled,.button--primary:disabled,.button--success:disabled,.button--warning:disabled,.button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button svg,.button--error svg,.button--ghost svg,.button--primary svg,.button--success svg,.button--warning svg{flex-shrink:0;width:1.25rem;height:1.25rem}.button--primary{border-color:var(--safety-blue-1000);color:var(--safety-blue-1000)}.button--primary:hover:not(:disabled){background:var(--safety-blue-100)}.button--success{border-color:var(--safety-green-1000);color:var(--safety-green-1000)}.button--success:hover:not(:disabled){background:var(--safety-green-100)}.button--warning{border-color:var(--safety-yellow-1000);color:var(--safety-yellow-1000)}.button--warning:hover:not(:disabled){background:var(--safety-yellow-100)}.button--error{border-color:var(--safety-orange-1000);color:var(--safety-orange-1000)}.button--error:hover:not(:disabled){background:var(--safety-orange-100)}.button--ghost{border-color:var(--white-ghost-100)}.button--ghost:hover:not(:disabled){background:var(--color-bg-secondary)}.button--small{font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3)}.button--small svg{width:1rem;height:1rem}.button--large{font-size:var(--font-size-lg);padding:var(--spacing-4) var(--spacing-6)}.button--large svg{width:1.5rem;height:1.5rem}.button--icon-only{padding:var(--spacing-3);aspect-ratio:1}.button--icon-only.button--small{padding:var(--spacing-2)}.button--icon-only.button--large{padding:var(--spacing-4)}.button--full-width{width:100%}