@import "https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap";
.input-field{color:#f3f4f6;width:100%;font:inherit;background:#0c1016;border:1px solid #4b5563;border-radius:6px;margin-top:8px;padding:12px 14px;display:block}.input-field:focus-visible{outline-offset:2px;outline:2px solid #4ade80}.input-field::placeholder{color:#9ca3af}textarea.input-field{resize:vertical}:root{--font-family-primary:"Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-family-mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-size-4xl:36px;--font-weight-base:400;--line-height-base:20px;--color-text-primary:#878c99;--color-text-secondary:#d7d9dd;--color-text-tertiary:#b5b8c0;--color-text-inverse:#5f6570;--color-text-bright:#f8fafc;--color-surface-base:#000;--color-surface-muted:#15171a;--color-surface-raised:#121317;--color-surface-strong:#0003;--color-border-default:#e5e7eb;--color-border-muted:#1c1e21;--color-border-subtle:#262930;--color-accent-green:#22c55e;--color-accent-green-dim:#22c55e24;--color-accent-amber:#f59e0b;--color-accent-amber-dim:#f59e0b24;--color-accent-indigo:#6366f1;--color-accent-indigo-dim:#6366f126;--color-accent-cyan:#06b6d4;--color-accent-rose:#ef4444;--color-accent-rose-dim:#ef444424;--space-1:4px;--space-2:6px;--space-3:8px;--space-4:12px;--space-5:14px;--space-6:18px;--space-7:24px;--radius-xs:4px;--radius-sm:33554400px;--motion-duration-instant:.15s;--motion-duration-fast:.3s}@supports (color:lab(0% 0 0)){:root{--color-surface-strong:lab(0% 0 0/.2);--color-border-default:lab(91.6229% -.159115 -2.26791)}}*,:before,:after{box-sizing:border-box;min-width:0;margin:0;padding:0}html{background-color:var(--color-surface-base);color:var(--color-text-secondary);font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-base);line-height:var(--line-height-base);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-surface-base);color:var(--color-text-primary);width:100%;min-height:100vh;position:relative;overflow-x:hidden}.bg-trigger-grid{background-image:linear-gradient(to right, var(--color-border-muted) 1px, transparent 1px), linear-gradient(to bottom, var(--color-border-muted) 1px, transparent 1px);background-size:64px 64px}.bg-radial-glow{background:radial-gradient(circle at 50% 0,#22c55e17 0%,#6366f10d 35%,#0000 70%)}:focus-visible{outline:2px solid var(--color-border-default);outline-offset:2px}.skip-link{top:-48px;left:var(--space-4);background:var(--color-accent-green);color:var(--color-surface-base);padding:var(--space-3) var(--space-4);border-radius:var(--radius-xs);z-index:9999;transition:top var(--motion-duration-instant) ease;font-weight:600;position:absolute}.skip-link:focus-visible{top:var(--space-4)}h1,h2,h3,h4{color:var(--color-text-secondary);letter-spacing:-.025em;word-break:break-word}code,pre,.mono{font-family:var(--font-family-mono)}a{color:inherit;transition:color var(--motion-duration-instant) ease, border-color var(--motion-duration-instant) ease;text-decoration:none}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:500;line-height:var(--line-height-base);padding:var(--space-3) var(--space-5);border-radius:var(--radius-xs);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background-color var(--motion-duration-instant) ease, color var(--motion-duration-instant) ease, border-color var(--motion-duration-instant) ease, transform var(--motion-duration-instant) ease, opacity var(--motion-duration-instant) ease;border:1px solid #0000;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn-primary{background-color:var(--color-accent-green);color:var(--color-surface-base);border-color:var(--color-accent-green);font-weight:600}.btn-primary:hover:not(:disabled){background-color:#4ade80;border-color:#4ade80}.btn-secondary{background-color:var(--color-surface-muted);color:var(--color-text-secondary);border-color:var(--color-border-muted)}.btn-secondary:hover:not(:disabled){border-color:var(--color-border-subtle);color:var(--color-text-bright);background-color:#1e2025}.btn-warning{background-color:var(--color-accent-amber-dim);color:var(--color-accent-amber);border-color:#f59e0b59}.btn-warning:hover:not(:disabled){background-color:#f59e0b3d}.btn-danger{background-color:var(--color-accent-rose-dim);color:var(--color-accent-rose);border-color:#ef444459}.btn-danger:hover:not(:disabled){background-color:#ef44443d}.badge-pill{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);padding:3px var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border-muted);background-color:var(--color-surface-muted);color:var(--color-text-tertiary);white-space:nowrap;font-weight:500;display:inline-flex}.badge-green{background-color:var(--color-accent-green-dim);color:var(--color-accent-green);border-color:#22c55e4d}.badge-amber{background-color:var(--color-accent-amber-dim);color:var(--color-accent-amber);border-color:#f59e0b4d}.badge-indigo{background-color:var(--color-accent-indigo-dim);color:#818cf8;border-color:#6366f14d}.badge-rose{background-color:var(--color-accent-rose-dim);color:var(--color-accent-rose);border-color:#ef44444d}.container-frame{border-left:1px solid var(--color-border-muted);border-right:1px solid var(--color-border-muted);width:100%;max-width:1260px;margin:0 auto;padding:0 24px}.section-border{border-bottom:1px solid var(--color-border-muted)}.surface-card{background-color:var(--color-surface-raised);border:1px solid var(--color-border-muted);border-radius:var(--radius-xs);transition:border-color var(--motion-duration-instant) ease;width:100%;max-width:100%}.surface-card:hover{border-color:var(--color-border-subtle)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.88)}}.pulse-dot{border-radius:var(--radius-sm);flex-shrink:0;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse-dot;display:inline-block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-surface-base)}::-webkit-scrollbar-thumb{background:var(--color-border-muted);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-inverse)}@media (max-width:768px){.container-frame{border-left:none!important;border-right:none!important;padding-left:16px!important;padding-right:16px!important}.grid-2col-responsive{grid-template-columns:1fr!important;gap:16px!important}.grid-3col-responsive{grid-template-columns:1fr!important;gap:14px!important}.form-row-responsive{grid-template-columns:1fr!important}.btn-group-responsive{flex-direction:column!important;width:100%!important}.btn-group-responsive .btn{width:100%!important}.hide-mobile{display:none!important}.header-actions-mobile{gap:6px!important}.header-actions-mobile .btn{padding:6px 10px!important;font-size:11px!important}.badge-pill{white-space:normal!important;word-break:break-word!important;padding:3px 8px!important;font-size:11px!important}}