:root{--km-yellow: #ffb700;--km-yellow-dark: #ffa500;--km-blue: #00449e;--km-blue-dark: #002d6c;--km-gray: #7f7f7f;--km-gray-dark: #202020;--km-purple: #8b5a9f;--km-purple-dark: #6b4a7f;--km-green: #5a8b5a;--km-green-dark: #4a7f4a;--km-orange: #cc8b5a;--km-orange-dark: #b8734a;--km-red: #b85a5a;--km-red-dark: #a54a4a;--km-white: #ffffff;--km-black: #000000;--km-primary: var(--km-yellow);--km-primary-hover: var(--km-yellow-dark);--km-primary-content: var(--km-gray-dark);--km-secondary: var(--km-blue);--km-secondary-content: var(--km-white);--km-accent: var(--km-purple);--km-accent-content: var(--km-white);--km-neutral: var(--km-gray);--km-neutral-content: var(--km-gray-dark);--km-info: var(--km-blue);--km-info-content: var(--km-white);--km-success: var(--km-green);--km-success-content: var(--km-white);--km-warning: var(--km-orange);--km-warning-content: var(--km-gray-dark);--km-error: var(--km-red);--km-error-content: var(--km-white);--km-bg: var(--km-white);--km-surface: #f4f4f5;--km-surface-2: #e5e5e5;--km-border: rgba(127, 127, 127, .25);--km-text: var(--km-gray-dark);--km-text-muted: var(--km-gray);--km-font-sans: "Inter var", Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--km-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--km-text-xs: .75rem;--km-text-sm: .875rem;--km-text-base: 1rem;--km-text-lg: 1.125rem;--km-text-xl: 1.5rem;--km-text-2xl: 2rem;--km-text-3xl: 3rem;--km-radius-box: .5rem;--km-radius-btn: .5rem;--km-radius-card: .5rem;--km-radius-input: 0;--km-space-1: .25rem;--km-space-2: .5rem;--km-space-3: .75rem;--km-space-4: 1rem;--km-space-6: 1.5rem;--km-space-8: 2rem;--km-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .08);--km-shadow-lg: 0 10px 25px rgba(0, 0, 0, .15)}[data-theme=km-dark]{--km-bg: var(--km-black);--km-surface: var(--km-gray-dark);--km-surface-2: #0f0f0f;--km-border: rgba(127, 127, 127, .3);--km-text: var(--km-gray);--km-text-muted: #5a5a5a;--km-neutral-content: var(--km-gray);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=km-light]){--km-bg: var(--km-black);--km-surface: var(--km-gray-dark);--km-surface-2: #0f0f0f;--km-border: rgba(127, 127, 127, .3);--km-text: var(--km-gray);--km-text-muted: #5a5a5a;--km-neutral-content: var(--km-gray);color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;background:var(--km-bg);color:var(--km-text);font-family:var(--km-font-sans);font-size:var(--km-text-base);line-height:1.5}a{color:var(--km-secondary);text-decoration:none}a:hover{text-decoration:underline}.wordmark{font-weight:800;letter-spacing:-.02em;line-height:1.05;margin:0}.wordmark .gonzo{color:var(--km-text)}.wordmark .metro{color:var(--km-primary)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:var(--km-space-4);padding:var(--km-space-4) var(--km-space-6);border-bottom:1px solid var(--km-border);background:var(--km-surface)}.site-header .wordmark{font-size:var(--km-text-xl)}.site-header nav{display:flex;gap:var(--km-space-4);font-weight:600}.site-header nav a.active{color:var(--km-primary)}main{max-width:1000px;margin:0 auto;padding:var(--km-space-6)}.card{background:var(--km-surface);border:1px solid var(--km-border);border-radius:var(--km-radius-card);box-shadow:var(--km-shadow);padding:var(--km-space-6)}.field{display:flex;flex-direction:column;gap:var(--km-space-1)}.field>label{font-size:var(--km-text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--km-text-muted)}select,input[type=number]{font:inherit;color:var(--km-text);background:var(--km-bg);border:1px solid var(--km-border);border-radius:var(--km-radius-input);padding:var(--km-space-2) var(--km-space-3)}select:focus,input:focus{outline:2px solid var(--km-primary);outline-offset:1px}.btn{font:inherit;font-weight:600;cursor:pointer;color:var(--km-text);background:var(--km-bg);border:1px solid var(--km-border);border-radius:var(--km-radius-btn);padding:var(--km-space-2) var(--km-space-4)}.btn:hover{border-color:var(--km-primary)}.btn.on,.btn-primary{background:var(--km-primary);color:var(--km-primary-content);border-color:var(--km-primary)}.muted{color:var(--km-text-muted)}footer{max-width:1000px;margin:0 auto;padding:var(--km-space-8) var(--km-space-6);color:var(--km-text-muted);font-size:var(--km-text-sm);border-top:1px solid var(--km-border)}