.graphite{--bg:rgb(var(--c-bg));--surface:rgb(var(--c-surface-2));--surface-card:rgb(var(--c-surface));--surface-input:rgb(var(--c-bg));--brand-blue:rgb(var(--c-accent));--brand-blue-ink:rgb(var(--c-on-accent));--brand-green:rgb(var(--c-yield));--brand-red:rgb(var(--c-danger));--chart-green:rgb(var(--c-yield));--warn-amber:rgb(var(--c-warn));--white:rgb(var(--c-fg));--gray-200:rgb(var(--c-gray-200));--gray-300:rgb(var(--c-gray-300));--gray-400:rgb(var(--c-gray-400));--gray-500:rgb(var(--c-gray-500));--gray-600:rgb(var(--c-gray-600));--gray-700:rgb(var(--c-gray-700));--white-a01:rgb(var(--c-ink)/0.015);--white-a02:rgb(var(--c-ink)/0.03);--white-a03:rgb(var(--c-ink)/0.045);--white-a04:rgb(var(--c-ink)/0.06);--white-a06:rgb(var(--c-ink)/0.08);--white-a08:rgb(var(--c-ink)/0.1);--white-a10:rgb(var(--c-ink)/0.12);--white-a12:rgb(var(--c-ink)/0.14);--white-a15:rgb(var(--c-ink)/0.17);--text-primary:var(--white);--text-body:rgb(var(--c-fg-2));--text-secondary:rgb(var(--c-fg-2));--text-muted:rgb(var(--c-fg-3));--text-faint:rgb(var(--c-fg-3));--border-hairline:rgb(var(--c-border));--border-subtle:rgb(var(--c-border));--border-default:rgb(var(--c-border));--border-hover:rgb(var(--c-border-strong));--border-strong:rgb(var(--c-border-strong));--fill-hover:var(--white-a06);--fill-row-hover:var(--white-a02);--fill-chip:var(--white-a04);--fill-track:var(--surface);--accent-positive:var(--brand-green);--accent-negative:var(--brand-red);--accent-link:var(--brand-blue);--blue-a06:rgb(var(--c-accent)/0.08);--blue-a08:rgb(var(--c-accent)/0.1);--blue-a15:rgb(var(--c-accent)/0.16);--blue-a20:rgb(var(--c-accent)/0.28);--green-a06:rgb(var(--c-yield)/0.08);--green-a10:rgb(var(--c-yield)/0.12);--green-a20:rgb(var(--c-yield)/0.25);--red-a06:rgb(var(--c-danger)/0.08);--red-a10:rgb(var(--c-danger)/0.12);--red-a20:rgb(var(--c-danger)/0.25);--amber-a06:rgb(var(--c-warn)/0.08);--amber-a20:rgb(var(--c-warn)/0.25);--font-sans:inherit;--font-mono:inherit;--font-address:var(--font-code),"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--text-10:10px;--text-11:11px;--text-12:12px;--text-13:13px;--text-14:14px;--text-15:15px;--text-16:16px;--text-18:18px;--text-20:20px;--text-22:22px;--text-24:24px;--text-30:30px;--text-40:40px;--tracking-tight:-0.01em;--tracking-num:-0.03em;--leading-tight:1.1;--leading-relaxed:1.6;--radius-sm:var(--r-control);--radius-md:var(--r-control);--radius-lg:var(--r-control);--radius-xl:var(--r-panel);--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--content-max:1120px;--widget-max:470px;--dialog-max:440px;--header-h:56px;--shadow-card:none;--shadow-card-hover:var(--shadow-pop);--shadow-btn-primary:none;--shadow-dialog:0 25px 50px -12px rgba(0,0,0,.6);--shadow-glow-blue:0 0 20px rgb(var(--c-accent)/0.15);--shadow-glow-green:0 0 20px rgb(var(--c-yield)/0.15);--ease-out:cubic-bezier(0,0,0.2,1);--ease-bounce:cubic-bezier(0.5,0,0,1);--dur-fast:150ms;--dur-enter:220ms;--dur-slow:450ms;background:transparent;color:var(--text-body);font-family:var(--font-sans);font-variant-numeric:tabular-nums;border-radius:var(--radius-xl)}.graphite .card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.graphite .card-hover{transition:all var(--dur-fast)}.graphite .card-hover:hover{border-color:var(--border-hover);box-shadow:var(--shadow-card-hover)}.graphite .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;height:40px;padding:0 16px;border:none;border-radius:var(--radius-lg);background:rgb(var(--c-accent-fill));color:var(--brand-blue-ink);font-family:var(--font-sans);font-weight:600;font-size:var(--text-14);letter-spacing:-.01em;cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-btn-primary);transition:all var(--dur-fast)}.graphite .btn-primary:hover{filter:brightness(1.08)}.graphite .btn-primary:active{transform:scale(.99);filter:brightness(.95)}.graphite .btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;filter:none}.graphite .btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 16px;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);color:var(--white);font-family:var(--font-sans);font-size:var(--text-13);font-weight:600;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;transition:all var(--dur-fast)}.graphite .btn-secondary:hover{border-color:var(--white-a15);background:rgb(var(--c-surface-2))}.graphite .btn-secondary:active{transform:scale(.98)}.graphite .btn-secondary:disabled{opacity:.4;cursor:not-allowed;transform:none}.graphite .btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:transparent;color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-13);font-weight:500;white-space:nowrap;cursor:pointer;transition:all var(--dur-fast)}.graphite .btn-ghost:hover{color:var(--white);border-color:var(--border-hover);background:var(--white-a02)}.graphite .tab{padding:7px 13px;border:none;border-radius:var(--radius-md);background:transparent;font-family:var(--font-sans);font-size:var(--text-14);font-weight:500;letter-spacing:-.01em;transition:all var(--dur-fast);cursor:pointer;text-decoration:none;display:inline-block;white-space:nowrap}.graphite .tab-active{background:var(--surface);color:var(--white);box-shadow:inset 0 0 0 1px var(--border-subtle)}.graphite .tab-inactive{color:var(--text-secondary)}.graphite .tab-inactive:hover{color:var(--gray-300);background:var(--white-a02)}.graphite .data-value{font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--white)}.graphite ::-webkit-scrollbar{width:5px;height:5px}.graphite ::-webkit-scrollbar-track{background:transparent}.graphite ::-webkit-scrollbar-thumb{background:var(--white-a08);border-radius:3px}.graphite ::-webkit-scrollbar-thumb:hover{background:var(--white-a15)}