#sentinel-animation{--ns-bg:#080f1c;--ns-surface:#111e30;--ns-ink:#e6edf8;--ns-muted:#92a5be;--ns-line:#263c55;--ns-good:#53e3ba;--ns-bad:#ff7894;--ns-glow:rgba(83,227,186,.09);font-family:Inter,system-ui,sans-serif;color:var(--ns-ink);background:var(--ns-bg);border-radius:20px;overflow:hidden;transition:background .35s,color .35s;color-scheme:dark}
    #sentinel-animation[data-theme="light"]{--ns-bg:#f4f7fb;--ns-surface:#fff;--ns-ink:#172a41;--ns-muted:#566b83;--ns-line:#ccd9e7;--ns-good:#087e64;--ns-bad:#ca3558;--ns-glow:rgba(8,126,100,.06);color-scheme:light}
    #sentinel-animation *{box-sizing:border-box}
    #sentinel-animation .ns-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px;border-bottom:1px solid var(--ns-line);flex-wrap:wrap}
    #sentinel-animation .ns-brand{font-size:12px;letter-spacing:3px;font-weight:600}
    #sentinel-animation .ns-controls{display:flex;gap:8px}
    #sentinel-animation button{font:500 12px system-ui;color:var(--ns-ink);background:var(--ns-surface);border:1px solid var(--ns-line);border-radius:9px;padding:10px 14px;min-height:44px}
    #sentinel-animation button:focus-visible{outline:2px solid var(--ns-good);outline-offset:3px}
    #sentinel-animation .ns-title{padding:28px 28px 0}
    #sentinel-animation .ns-eyebrow{color:var(--ns-good);font:500 11px system-ui;letter-spacing:2px;margin-bottom:10px}
    #sentinel-animation h2{font:500 clamp(24px,4vw,34px)/1.2 system-ui;margin:0 0 8px;letter-spacing:-1px;color:var(--ns-ink)}
    #sentinel-animation p{font:400 13px/1.6 system-ui;color:var(--ns-muted);margin:0}
    #sentinel-animation canvas{width:100%;height:330px;display:block;background:radial-gradient(ellipse at center,var(--ns-glow),transparent 65%)}
    #sentinel-animation .ns-bottom{padding:18px 28px;display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--ns-line);font:400 11px/1.5 system-ui;color:var(--ns-muted)}
    #sentinel-animation .ns-legend{display:flex;gap:18px;flex-wrap:wrap}
    #sentinel-animation .ns-good{color:var(--ns-good)}
    #sentinel-animation .ns-bad{color:var(--ns-bad)}
    @media(max-width:440px){#sentinel-animation .ns-top{padding:18px}#sentinel-animation .ns-title{padding:24px 18px 0}#sentinel-animation .ns-bottom{padding:18px}#sentinel-animation canvas{height:360px}}