:root{--colors-primary: #000000;--colors-ink-deep: #090909;--colors-canvas: #ffffff;--colors-surface-soft: #fafafa;--colors-surface-dark: #171717;--colors-hairline: #e5e5e5;--colors-hairline-strong: #d4d4d4;--colors-ink: #000000;--colors-charcoal: #525252;--colors-body: #737373;--colors-mute: #a3a3a3;--colors-on-dark: #ffffff;--colors-on-dark-mute: rgba(255, 255, 255, .7);--colors-terminal-red: #ff5f56;--colors-terminal-yellow: #ffbd2e;--colors-terminal-green: #27c93f;--colors-focus-ring: rgba(59, 130, 246, .5);--spacing-xxs: 2px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-xxl: 32px;--spacing-section: 88px;--rounded-sm: 6px;--rounded-md: 8px;--rounded-lg: 12px;--rounded-full: 9999px;--font-display: "SF Pro Rounded", "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.5;color:var(--colors-ink);background:var(--colors-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--colors-ink);text-decoration:underline;text-underline-offset:2px}a.mute{color:var(--colors-body)}button{font-family:inherit;cursor:pointer}h1,h2,h3,h4{font-family:var(--font-display);margin:0;color:var(--colors-ink);letter-spacing:0}h1{font-size:36px;font-weight:500;line-height:1.11}h2{font-size:30px;font-weight:500;line-height:1.2}h3{font-size:24px;font-weight:600;line-height:1.33}h4{font-size:20px;font-weight:500;line-height:1.4}p{margin:0;color:var(--colors-body)}code,pre{font-family:var(--font-mono)}.btn-primary{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);height:36px;padding:0 20px;font-size:14px;font-weight:500;color:var(--colors-canvas);background:var(--colors-primary);border:none;border-radius:var(--rounded-full);transition:background .12s ease}.btn-primary:active{background:var(--colors-ink-deep)}.btn-primary:disabled{background:var(--colors-surface-soft);color:var(--colors-mute);cursor:not-allowed}.btn-secondary{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);height:36px;padding:0 20px;font-size:14px;font-weight:500;color:var(--colors-ink);background:var(--colors-canvas);border:1px solid var(--colors-hairline-strong);border-radius:var(--rounded-full)}.input-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:40px;padding:0 16px;font-size:16px;color:var(--colors-ink);background:var(--colors-canvas);border:1px solid var(--colors-hairline);border-radius:var(--rounded-full);outline:none;transition:border-color .12s ease;width:100%}.input-pill:focus{border-color:var(--colors-ink)}.search-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:36px;padding:0 16px;font-size:14px;background:var(--colors-surface-soft);border:1px solid transparent;border-radius:var(--rounded-full);outline:none;color:var(--colors-ink)}.search-pill:focus{background:var(--colors-canvas);border-color:var(--colors-hairline)}.card{background:var(--colors-canvas);border:1px solid var(--colors-hairline);border-radius:var(--rounded-lg);padding:var(--spacing-xl)}.card-dense{padding:var(--spacing-lg)}.card-dark{background:var(--colors-surface-dark);color:var(--colors-on-dark);border:none;border-radius:var(--rounded-lg);padding:var(--spacing-xl)}.card-dark p,.card-dark .caption{color:var(--colors-on-dark-mute)}.traffic-lights{display:inline-flex;gap:var(--spacing-xs)}.traffic-lights span{width:12px;height:12px;border-radius:var(--rounded-full);display:inline-block}.traffic-lights span:nth-child(1){background:var(--colors-terminal-red)}.traffic-lights span:nth-child(2){background:var(--colors-terminal-yellow)}.traffic-lights span:nth-child(3){background:var(--colors-terminal-green)}table.data-table{width:100%;border-collapse:collapse;font-size:14px}table.data-table thead th{text-align:left;font-weight:500;color:var(--colors-body);padding:12px 16px;border-bottom:1px solid var(--colors-hairline);background:var(--colors-canvas);white-space:nowrap}table.data-table tbody td{padding:14px 16px;border-bottom:1px solid var(--colors-hairline);color:var(--colors-ink);vertical-align:middle}table.data-table tbody tr:last-child td{border-bottom:none}table.data-table tbody td.mute{color:var(--colors-body)}.chip{display:inline-flex;align-items:center;height:22px;padding:0 10px;font-size:12px;border-radius:var(--rounded-full);background:var(--colors-surface-soft);color:var(--colors-charcoal);border:1px solid var(--colors-hairline)}.chip-strong{background:var(--colors-primary);color:var(--colors-on-dark);border-color:var(--colors-primary)}.chip-mute{color:var(--colors-mute)}.stack{display:flex;flex-direction:column}.stack-sm>*+*{margin-top:var(--spacing-sm)}.stack-md>*+*{margin-top:var(--spacing-md)}.stack-lg>*+*{margin-top:var(--spacing-lg)}.stack-xl>*+*{margin-top:var(--spacing-xl)}.row{display:flex;align-items:center;gap:var(--spacing-md)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.caption{font-size:12px;color:var(--colors-mute)}:focus-visible{outline:3px solid var(--colors-focus-ring);outline-offset:2px}