:root{--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--font-size-0: 12px;--font-size-1: 14px;--font-size-2: 16px;--font-size-3: 20px;--font-size-4: 28px;--line-height: 1.55;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--container-max: 960px;--color-neutral-50: #fafafa;--color-neutral-100: #f5f5f5;--color-neutral-200: #e5e5e5;--color-neutral-300: #d4d4d4;--color-neutral-400: #a3a3a3;--color-neutral-500: #737373;--color-neutral-600: #525252;--color-neutral-700: #404040;--color-neutral-800: #262626;--color-neutral-900: #171717;--color-primary-500: #2563eb;--color-primary-600: #1d4ed8;--color-danger-500: #dc2626;--color-code-bg: #f4f4f5;--radius-1: 4px;--radius-2: 8px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .05);--control-height: 36px;--control-padding-x: 12px;--control-padding-y: 8px;--focus-ring: var(--color-primary-500);--focus-ring-width: 2px}:root{--color-bg: var(--color-neutral-50);--color-fg: var(--color-neutral-900);--color-muted: var(--color-neutral-600);--color-border: var(--color-neutral-200);--color-primary: var(--color-primary-500);--color-primary-hover: var(--color-primary-600);--color-danger: var(--color-danger-500);--color-code-bg: var(--color-code-bg);--color-input-bg: #ffffff;--color-table-row-hover: var(--color-neutral-100)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--font-size-2);line-height:var(--line-height);color:var(--color-fg);background-color:var(--color-bg);margin:0;min-height:100vh}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:2px}button{font-family:inherit;font-size:inherit;cursor:pointer}button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:2px}input,textarea,select{font-family:inherit;font-size:inherit}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:0}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:var(--space-2) var(--space-3)}.container{max-width:var(--container-max);margin:0 auto;padding:var(--space-6) var(--space-4)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack--sm{gap:var(--space-2)}.stack--lg{gap:var(--space-6)}.row{display:flex;flex-direction:row;align-items:center;gap:var(--space-3)}.card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-2);box-shadow:var(--shadow-1);padding:var(--space-5)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-height);padding:var(--control-padding-y) var(--control-padding-x);font-family:inherit;font-size:var(--font-size-1);border:1px solid var(--color-border);border-radius:var(--radius-1);background:#fff;color:var(--color-fg);cursor:pointer;transition:background .15s,border-color .15s}.btn:hover{background:var(--color-neutral-100);border-color:var(--color-neutral-300)}.btn:active{background:var(--color-neutral-200)}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-primary:active{background:var(--color-primary-600)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--color-neutral-100)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.label{font-size:var(--font-size-1);font-weight:500;color:var(--color-fg)}.help{font-size:var(--font-size-0);color:var(--color-muted)}.error{font-size:var(--font-size-0);color:var(--color-danger)}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:#fef2f2;border:1px solid var(--color-danger-500);border-radius:var(--radius-1);color:var(--color-danger-500);font-size:var(--font-size-1)}.error-banner__dismiss{flex-shrink:0;padding:var(--space-1);font-size:var(--font-size-3);line-height:1}input[type=text],input[type=email],input[type=password],input[type=tel],textarea,select{min-height:var(--control-height);padding:var(--control-padding-y) var(--control-padding-x);background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-1)}textarea{min-height:80px;resize:vertical}.table{border:1px solid var(--color-border);border-radius:var(--radius-2);overflow:hidden}.table th,.table td{border-bottom:1px solid var(--color-border)}.table tbody tr:hover{background:var(--color-table-row-hover)}.table tbody tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:var(--space-1) var(--space-2);font-size:var(--font-size-0);font-weight:500;border-radius:999px;background:var(--color-neutral-200);color:var(--color-neutral-700)}.codeblock{font-family:var(--font-mono);font-size:var(--font-size-1);background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:var(--radius-1);padding:var(--space-4);overflow-x:auto}.muted{color:var(--color-muted);font-size:var(--font-size-1)}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);background:#fff}.header__brand{font-size:var(--font-size-3);font-weight:600;color:var(--color-fg);text-decoration:none}.header__brand:hover{text-decoration:none;color:var(--color-primary)}.header__nav{display:flex;align-items:center;gap:var(--space-5)}.nav-link{font-size:var(--font-size-1);color:var(--color-muted)}.nav-link:hover{color:var(--color-fg)}