.cl-card{position:relative}.cl-visual{--cl-blue:#00c8f2;--cl-blue-soft:#00c8f229;--cl-blue-line:#00c8f28c;--cl-red:#ff6470;--cl-red-soft:#ff647026;--cl-red-line:#ff6470b3;--cl-amber:#ffb54d;--cl-amber-soft:#ffb54d29;--cl-amber-line:#ffb54d8c;--cl-ink:#dce6f0;--cl-ink-soft:#92a6ba;--cl-track:#94aac43d;--cl-surface:#ffffff0d;--cl-surface-line:#78a5d74d;--cl-chip-shadow:none;aspect-ratio:300/280;border-radius:var(--radius-lg) var(--radius-lg) 0 0;isolation:isolate;background:var(--bg-page);transition:filter .3s var(--ease-out);margin:-28px -28px 4px;position:relative;overflow:hidden}.cl-svg{z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.cl-protect,.cl-aura,.cl-threat,.cl-sync,.cl-cloud-img,.cl-warn,.cl-op-flag,.cl-op-bottleneck,.cl-scan,.cl-comp-shield{transform-box:fill-box;transform-origin:50%;will-change:transform, opacity}.cl-flow{stroke-dasharray:2 6.5;animation:1.7s linear infinite cl-flow}@keyframes cl-flow{to{stroke-dashoffset:-34px}}.cl-attack{stroke:var(--cl-red-line);stroke-width:1.4px;stroke-linecap:round;opacity:.6;fill:none}.cl-aura{fill:var(--cl-blue-soft)}.cl-protect{fill:none;stroke:var(--cl-blue);stroke-width:1.2px;opacity:0;animation:4s ease-out infinite cl-protect}@keyframes cl-protect{0%{opacity:.5;transform:scale(.55)}70%{opacity:0}to{opacity:0;transform:scale(1.9)}}.cl-shield{fill:var(--cl-blue-soft);stroke:var(--cl-blue);stroke-width:1.8px;stroke-linejoin:round;filter:drop-shadow(0 2px 8px #00c8f259)}.cl-shield-check{fill:none;stroke:var(--cl-blue);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.cl-threat{animation:3.4s ease-in-out infinite cl-breathe-o}@keyframes cl-breathe-o{0%,to{opacity:.9}50%{opacity:1}}.cl-threat-node{fill:var(--cl-red-soft);stroke:var(--cl-red-line);stroke-width:1px}.cl-ico{fill:none;stroke:var(--cl-red);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.cl-ico-fill{fill:var(--cl-red);stroke:none}.cl-conn{stroke:var(--cl-blue-line);stroke-width:1.3px;stroke-linecap:round;fill:none}.cl-conn--dim{opacity:.5}.cl-sync{fill:none;stroke:var(--cl-blue);stroke-width:1.1px;opacity:0;animation:4.4s ease-out infinite cl-sync}@keyframes cl-sync{0%{opacity:.45;transform:scale(.62)}to{opacity:0;transform:scale(1.9)}}.cl-cloud-disc{fill:var(--cl-surface);stroke:var(--cl-surface-line);stroke-width:1.2px;filter:var(--cl-chip-shadow)}.cl-cloud-img{animation:4.6s ease-in-out infinite cl-cloud-breathe}@keyframes cl-cloud-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.cl-chip{fill:var(--cl-surface);stroke:var(--cl-surface-line);stroke-width:1px;filter:var(--cl-chip-shadow)}.cl-chip-label{fill:var(--cl-ink);font:600 10.5px var(--font-sans,sans-serif);letter-spacing:.01em}.cl-chip-sub{fill:var(--cl-ink-soft);font:600 8px var(--font-sans,sans-serif);letter-spacing:.12em}.cl-logo{pointer-events:none}.cl-logo-light{display:inline}.cl-logo-dark,[data-theme=dark] .cl-logo-light{display:none}[data-theme=dark] .cl-logo-dark{display:inline}.cl-logo-oracle{fill:#c74634;font:800 11px var(--font-sans,sans-serif);letter-spacing:.04em}.cl-panel{fill:var(--cl-surface);stroke:var(--cl-surface-line);stroke-width:1.2px;filter:var(--cl-chip-shadow)}.cl-comp-shield{fill:var(--cl-blue-soft);stroke:var(--cl-blue);stroke-width:1.4px;stroke-linejoin:round;animation:4s ease-in-out infinite cl-cloud-breathe}.cl-head-label{fill:var(--cl-ink-soft);font:700 10px var(--font-sans,sans-serif);letter-spacing:.16em}.cl-menu-dot{fill:var(--cl-ink-soft)}.cl-divider{stroke:var(--cl-surface-line);stroke-width:1px}.cl-fw-label{fill:var(--cl-ink);font:600 10.5px var(--font-sans,sans-serif);letter-spacing:.01em}.cl-track{fill:var(--cl-track)}.cl-progress{fill:var(--cl-blue)}.cl-warn{animation:2.6s ease-in-out infinite cl-breathe-o}.cl-warn-tri{fill:var(--cl-amber-soft);stroke:var(--cl-amber);stroke-width:1.3px;stroke-linejoin:round}.cl-warn-mark{stroke:var(--cl-amber);stroke-width:1.4px;stroke-linecap:round}.cl-warn-dot{fill:var(--cl-amber)}.cl-scan{fill:url(#cl-scan-grad);opacity:0;animation:6s ease-in-out infinite cl-scan}@keyframes cl-scan{0%{opacity:0;transform:translateY(0)}8%{opacity:1}88%{opacity:1}to{opacity:0;transform:translateY(150px)}}.cl-stage-label{fill:var(--cl-ink-soft);font:600 10.5px var(--font-sans,sans-serif);letter-spacing:.01em}.cl-link{stroke:var(--cl-blue-line);stroke-width:1.5px;stroke-linecap:round;fill:none}.cl-link--stall{stroke:var(--cl-amber-line)}.cl-detour{stroke:var(--cl-amber-line);stroke-width:1.4px;opacity:.85}.cl-manual-box{fill:var(--cl-amber-soft);stroke:var(--cl-amber);stroke-width:1.3px}.cl-manual-label{fill:var(--cl-amber);font:600 11px var(--font-sans,sans-serif);letter-spacing:.01em}.cl-op-node{fill:var(--cl-surface);stroke:var(--cl-blue);stroke-width:1.8px;filter:var(--cl-chip-shadow)}.cl-op-node--amber{stroke:var(--cl-amber);stroke-width:2.2px}.cl-op-ico{fill:none;stroke:var(--cl-blue);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.cl-op-ico--amber{stroke:var(--cl-amber)}.cl-op-bottleneck{animation:2.8s ease-in-out infinite cl-bottleneck}@keyframes cl-bottleneck{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.cl-op-flag{fill:var(--cl-amber);animation:1.8s ease-in-out infinite cl-blink}@keyframes cl-blink{0%,to{opacity:.4}50%{opacity:1}}.cl-card:hover .cl-visual{filter:brightness(1.04)saturate(1.04)}.cl-card:hover .cl-flow{animation-duration:1.05s}.cl-card:hover .cl-protect,.cl-card:hover .cl-sync{animation-duration:2.6s}.cl-card:hover .cl-op-flag,.cl-card:hover .cl-warn{animation-duration:1.3s}.cl-tag{border-top:1px solid var(--border-default);align-items:center;gap:12px;margin-top:auto;padding-top:16px;display:flex}.cl-tag-ico{border-radius:var(--radius-md);width:38px;height:38px;transition:transform .22s var(--ease-out);flex-shrink:0;place-items:center;display:grid}.cl-tag-ico svg{stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.cl-card:hover .cl-tag-ico{transform:scale(1.08)}.cl-tag-txt{flex-direction:column;line-height:1.25;display:flex}.cl-tag-txt strong{letter-spacing:-.01em;font-size:15px;font-weight:700}.cl-tag-txt span{color:var(--text-secondary);font-size:13px}.cl-tag--red .cl-tag-ico{color:#f94543;background:#f945431f}.cl-tag--red .cl-tag-ico svg{stroke:#f94543}.cl-tag--red .cl-tag-txt strong{color:#f94543}.cl-tag--blue .cl-tag-ico{background:var(--brand-primary-dim);color:var(--brand-primary)}.cl-tag--blue .cl-tag-ico svg{stroke:var(--brand-primary)}.cl-tag--blue .cl-tag-txt strong{color:var(--brand-primary)}.cl-tag--amber .cl-tag-ico{color:#e59a2b;background:#f0a02e24}.cl-tag--amber .cl-tag-ico svg{stroke:#e59a2b}.cl-tag--amber .cl-tag-txt strong{color:#d98a1f}[data-theme=light] .cl-visual{--cl-blue:#009ec9;--cl-blue-soft:#00a9d61a;--cl-blue-line:#00a9d66b;--cl-red:#e5484d;--cl-red-soft:#e5484d1a;--cl-red-line:#e5484d8c;--cl-amber:#ef9f2c;--cl-amber-soft:#ef9f2c24;--cl-amber-line:#ef9f2c80;--cl-ink:#1f3a52;--cl-ink-soft:#6b7e8e;--cl-track:#e2e8f0;--cl-surface:#fff;--cl-surface-line:#1c375a1f;--cl-chip-shadow:drop-shadow(0 1px 2.5px #18325a1a)}[data-theme=light] .cl-shield{filter:drop-shadow(0 2px 8px #00a9d640)}[data-theme=light] .cl-tag--red .cl-tag-ico,[data-theme=light] .cl-tag--red .cl-tag-ico svg{color:#dc3b40;stroke:#dc3b40}[data-theme=light] .cl-tag--red .cl-tag-txt strong{color:#dc3b40}@media (max-width:560px){.cl-visual{border-radius:var(--radius-md);margin:0 0 8px}}@media (prefers-reduced-motion:reduce){.cl-svg *,.cl-tag-ico{animation:none!important}.cl-protect,.cl-sync,.cl-scan{opacity:0}}
