.graphite{--bg:#0b0b0d;--surface:#1b1b20;--surface-card:#131316;--surface-input:#0e0e11;--brand-blue:#4da2ff;--brand-blue-ink:#06121f;--brand-green:#34d399;--brand-red:#f87171;--chart-green:#34d399;--warn-amber:#fbbf24;--white:#fafafa;--gray-200:#e4e4e7;--gray-300:#d4d4d8;--gray-400:#a1a1aa;--gray-500:#70707a;--gray-600:#52525b;--gray-700:#3f3f46;--white-a01:hsla(0,0%,100%,.015);--white-a02:hsla(0,0%,100%,.03);--white-a03:hsla(0,0%,100%,.045);--white-a04:hsla(0,0%,100%,.06);--white-a06:hsla(0,0%,100%,.08);--white-a08:hsla(0,0%,100%,.1);--white-a10:hsla(0,0%,100%,.12);--white-a12:hsla(0,0%,100%,.14);--white-a15:hsla(0,0%,100%,.17);--text-primary:var(--white);--text-body:var(--gray-300);--text-secondary:var(--gray-400);--text-muted:var(--gray-500);--text-faint:var(--gray-600);--border-hairline:var(--white-a04);--border-subtle:var(--white-a06);--border-default:var(--white-a08);--border-hover:var(--white-a12);--border-strong:var(--white-a15);--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:rgba(77,162,255,.08);--blue-a08:rgba(77,162,255,.1);--blue-a15:rgba(77,162,255,.16);--blue-a20:rgba(77,162,255,.28);--green-a06:rgba(52,211,153,.08);--green-a10:rgba(52,211,153,.12);--green-a20:rgba(52,211,153,.25);--red-a06:hsla(0,91%,71%,.08);--red-a10:hsla(0,91%,71%,.12);--red-a20:hsla(0,91%,71%,.25);--amber-a06:rgba(251,191,36,.08);--amber-a20:rgba(251,191,36,.25);--font-sans:inherit;--font-mono:var(--font-jetbrains),"JetBrains Mono","Roboto 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:7px;--radius-md:8px;--radius-lg:10px;--radius-xl:14px;--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:inset 0 1px 0 hsla(0,0%,100%,.035),0 1px 2px rgba(0,0,0,.35);--shadow-card-hover:inset 0 1px 0 hsla(0,0%,100%,.05),0 2px 8px rgba(0,0,0,.45);--shadow-btn-primary:inset 0 1px 0 hsla(0,0%,100%,.3);--shadow-dialog:0 25px 50px -12px rgba(0,0,0,.6);--shadow-glow-blue:0 0 20px rgba(77,162,255,.15);--shadow-glow-green:0 0 20px rgba(52,211,153,.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:var(--bg);color:var(--text-body);font-family:var(--font-sans);letter-spacing:var(--tracking-tight);border-radius:var(--radius-xl)}.graphite.graphite-empty{background:transparent;border-radius:0}.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:44px;padding:0 18px;border:none;border-radius:var(--radius-lg);background:var(--brand-blue);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:#222228}.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 .seg{display:inline-flex;padding:3px;gap:2px;background:var(--surface-input);border:1px solid var(--border-subtle);border-radius:9px}.graphite .seg-item{padding:5px 12px;border:none;border-radius:6px;background:transparent;font-family:var(--font-sans);font-size:var(--text-12);font-weight:500;color:var(--text-faint);cursor:pointer;transition:all var(--dur-fast);white-space:nowrap}.graphite .seg-item-active{background:var(--surface);color:var(--white);box-shadow:inset 0 0 0 1px var(--border-strong)}.graphite .data-label{font-family:var(--font-sans);font-size:var(--text-12);font-weight:500;letter-spacing:-.005em;text-transform:none;color:var(--text-muted);white-space:nowrap}.graphite .data-value{font-family:var(--font-mono);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-num);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)}