:root{--bg-0: #070b12;--bg-1: #0d1220;--bg-2: #131b2e;--bg-3: #1e293b;--fg-0: #e2e8f0;--fg-1: #94a3b8;--fg-2: #64748b;--accent-cyan: #06b6d4;--accent-blue: #3b82f6;--accent-red: #dc2626;--accent-amber: #f59e0b;--accent-green: #22c55e;--accent-purple: #a855f7;--accent-lime: #84cc16;--accent-pink: #ec4899;--force-blue: #3b82f6;--force-red: #dc2626;--force-green: #22c55e;--force-yellow: #f59e0b;--force-purple: #a855f7;--force-orange: #f97316;--threat-flash: #ef4444;--threat-imminent: #f97316;--threat-priority: #fbbf24;--threat-elevated: #eab308;--threat-routine: #6b7280;--font-mono: "JetBrains Mono", "Fira Code", Menlo, Consolas, monospace;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--easing-quick: cubic-bezier(.2, 0, 0, 1);--dur-fast: 90ms;--dur-med: .18s;--dur-slow: .3s;--pdl-bg-0: var(--bg-0);--pdl-bg-1: var(--bg-1);--pdl-bg-2: var(--bg-2);--pdl-bg-3: var(--bg-3);--pdl-fg-0: var(--fg-0);--pdl-fg-1: var(--fg-1);--pdl-fg-2: var(--fg-2);--pdl-fg-3: #475569;--pdl-brand-primary: var(--accent-blue);--pdl-brand-primary-dim: #1e3a5f;--pdl-brand-secondary: var(--accent-cyan);--pdl-brand-tertiary: var(--accent-purple);--pdl-border-0: rgba(255,255,255,.06);--pdl-border-1: rgba(255,255,255,.1);--pdl-border-2: rgba(255,255,255,.18);--pdl-success: var(--accent-green);--pdl-warning: var(--accent-amber);--pdl-danger: #ef4444;--pdl-info: var(--accent-blue);--pdl-mil-friendly: var(--force-blue);--pdl-mil-hostile: var(--force-red);--pdl-mil-neutral: var(--force-green);--pdl-mil-unknown: var(--force-yellow);--pdl-mil-pending: var(--force-purple);--pdl-mil-suspect: var(--force-orange);--pdl-font-sans: var(--font-sans);--pdl-font-mono: var(--font-mono);--pdl-r-sm: 4px;--pdl-r-md: 6px;--pdl-r-lg: 8px;--pdl-r-xl: 12px;--pdl-r-2xl: 16px;--pdl-r-full: 9999px;--pdl-sp-1: 4px;--pdl-sp-2: 8px;--pdl-sp-3: 12px;--pdl-sp-4: 16px;--pdl-sp-5: 20px;--pdl-sp-6: 24px;--pdl-sp-8: 32px;--pdl-sp-10: 40px;--pdl-sp-12: 48px;--pdl-dur-fast: var(--dur-fast);--pdl-dur-normal: var(--dur-med);--pdl-dur-slow: var(--dur-slow);--pdl-ease: var(--easing-quick);--pdl-ease-out: cubic-bezier(0,0,.2,1);--pdl-shadow-sm: 0 1px 2px rgba(0,0,0,.4);--pdl-shadow-md: 0 4px 12px rgba(0,0,0,.5);--pdl-shadow-lg: 0 8px 24px rgba(0,0,0,.6);--pdl-shadow-xl: 0 16px 48px rgba(0,0,0,.7);--pdl-overlay: rgba(7,11,18,.88);--pdl-focus-color: #3b82f6;--pdl-focus-offset: 2px;--pdl-z-dropdown: 100;--pdl-z-sticky: 200;--pdl-z-modal: 500;--pdl-z-toast: 600;--pdl-z-tooltip: 700}.c2-panel{background:var(--bg-1);border:1px solid var(--bg-2);border-radius:6px;color:var(--fg-0)}.c2-panel-header{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--bg-2);font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--accent-cyan);font-family:var(--font-mono)}.c2-btn{background:var(--bg-2);border:1px solid var(--bg-3);color:var(--fg-0);padding:4px 10px;border-radius:4px;font-family:var(--font-mono);font-size:10px;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all var(--dur-fast) var(--easing-quick)}.c2-btn:hover{background:var(--bg-3);border-color:var(--accent-cyan);color:var(--accent-cyan)}.c2-btn:active{transform:translateY(1px)}.c2-btn.primary{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.c2-btn.primary:hover{filter:brightness(1.15)}.c2-btn.danger{background:var(--accent-red);border-color:var(--accent-red);color:#fff}.c2-btn.ghost{background:transparent}.c2-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.c2-chip.blue{background:#3b82f629;color:var(--force-blue);border:1px solid var(--force-blue)}.c2-chip.red{background:#dc262629;color:var(--force-red);border:1px solid var(--force-red)}.c2-chip.green{background:#22c55e29;color:var(--force-green);border:1px solid var(--force-green)}.c2-chip.yellow{background:#f59e0b29;color:var(--force-yellow);border:1px solid var(--force-yellow)}.c2-chip.gray{background:#64748b29;color:var(--fg-1);border:1px solid var(--fg-2)}.kbd{display:inline-block;padding:1px 6px;background:var(--bg-2);border:1px solid var(--bg-3);border-bottom-width:2px;border-radius:3px;font-family:var(--font-mono);font-size:10px;color:var(--fg-0);line-height:1.2}@keyframes c2-pulse-red{0%,to{background:#dc262638}50%{background:#dc262685}}@keyframes c2-pulse-amber{0%,to{background:#f59e0b2e}50%{background:#f59e0b73}}.c2-alert-banner-red{animation:c2-pulse-red 1.4s ease-in-out infinite}.c2-alert-banner-amber{animation:c2-pulse-amber 1.8s ease-in-out infinite}.c2-scrubber-track{position:relative;height:4px;background:linear-gradient(to right,var(--accent-red) 0%,var(--accent-amber) 50%,var(--accent-cyan) 86%,var(--accent-purple) 100%);border-radius:2px;cursor:pointer}.c2-scrubber-playhead{position:absolute;top:-6px;width:3px;height:16px;background:var(--fg-0);box-shadow:0 0 8px var(--accent-cyan);border-radius:1px;transition:left var(--dur-fast) var(--easing-quick)}.c2-scrubber-now-marker{position:absolute;top:-3px;width:1px;height:10px;background:var(--fg-1)}.c2-sidebar{background:var(--bg-1);border-right:1px solid var(--bg-2);display:flex;flex-direction:column;transition:width var(--dur-med) var(--easing-quick);overflow:hidden}.c2-sidebar.right{border-right:none;border-left:1px solid var(--bg-2)}.c2-scroll{overflow:auto}.c2-scroll::-webkit-scrollbar{width:6px;height:6px}.c2-scroll::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:3px}.c2-scroll::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}.c2-mono{font-family:var(--font-mono)}.c2-muted{color:var(--fg-2)}.c2-dim{color:var(--fg-1)}.c2-palette-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9000;display:flex;justify-content:center;padding-top:12vh}.c2-palette{width:min(640px,90vw);background:var(--bg-1);border:1px solid var(--accent-cyan);border-radius:10px;box-shadow:0 20px 60px #06b6d433;overflow:hidden}.c2-palette input{width:100%;padding:14px 16px;background:transparent;border:none;outline:none;color:var(--fg-0);font-size:15px;border-bottom:1px solid var(--bg-2);font-family:var(--font-sans)}.c2-palette .row{padding:8px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;font-size:12px}.c2-palette .row.active{background:#06b6d41f}.c2-palette .row:hover{background:#06b6d414}