.oc-anim-ops{--ops-jade:var(--jade,#42b655);--ops-jade-2:#5bd06f;--ops-amber:#e0ac3a;--ops-ember:#e26a5b;--ops-intel:#4c8fd8;--ops-bg-a:#0e1318;--ops-bg-b:#0a0d11;--ops-text:#e8ecef;--ops-mute:#99a4ae;--ops-dim:#6b7682;--ops-card:hsla(0,0%,100%,.025);--ops-line:hsla(0,0%,100%,.06);--ops-tick-pulse:1.8s;color:var(--ops-text);contain:layout;font-family:var(--font-display,"Montserrat","Helvetica Neue",Arial,sans-serif);overflow:visible;padding:56px 40px 80px;position:relative}.oc-anim-ops__chrome{background:linear-gradient(160deg,var(--ops-bg-a) 0,var(--ops-bg-b) 100%);border:1px solid hsla(0,0%,100%,.08);border-radius:18px;box-shadow:0 60px 120px -50px rgba(0,0,0,.9),0 0 0 1px hsla(0,0%,100%,.02),inset 0 1px 0 hsla(0,0%,100%,.04);overflow:hidden;position:relative;z-index:1}.oc-anim-ops[data-bg=midnight] .oc-anim-ops__chrome{background:linear-gradient(160deg,#050810,#0a0f1a)}.oc-anim-ops[data-bg=transparent] .oc-anim-ops__chrome{background:transparent;border-color:hsla(0,0%,100%,.06);box-shadow:none}.oc-anim-ops[data-tick=calm]{--ops-tick-pulse:2.6s}.oc-anim-ops[data-tick=lively]{--ops-tick-pulse:1.2s}.oc-anim-ops__bar{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.05);display:flex;gap:8px;padding:14px 18px;position:relative}.oc-anim-ops__dot{background:hsla(0,0%,100%,.12);border-radius:999px;height:11px;width:11px}.oc-anim-ops__dot:first-child{background:#ff5f57}.oc-anim-ops__dot:nth-child(2){background:#febc2e}.oc-anim-ops__dot:nth-child(3){background:#28c840}.oc-anim-ops__url{color:var(--ops-mute);font-family:var(--font-mono,ui-monospace,Menlo,monospace);font-size:13px;letter-spacing:-.01em;margin:0 auto}.oc-anim-ops[data-chrome=false] .oc-anim-ops__bar{display:none}.oc-anim-ops__body{min-height:380px;padding:64px 36px 36px;position:relative}@media (max-width:720px){.oc-anim-ops{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:32px 14px 40px}.oc-anim-ops__body{padding:48px 16px 20px}}.oc-anim-ops[data-grid=true] .oc-anim-ops__body:before{background-image:linear-gradient(hsla(0,0%,100%,.04) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.04) 1px,transparent 0);background-size:40px 40px;content:"";inset:0;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%);pointer-events:none;position:absolute}.oc-anim-ops__glow{animation:oc-ops-glow 16s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 30%,rgba(66,182,85,.3),transparent 55%),radial-gradient(circle at 80% 80%,rgba(76,143,216,.2),transparent 55%);filter:blur(80px);inset:-10%;opacity:.35;pointer-events:none;position:absolute;z-index:0}.oc-anim-ops[data-glow=false] .oc-anim-ops__glow{display:none}@keyframes oc-ops-glow{0%{transform:translate(0) scale(1)}to{transform:translate(30px,-20px) scale(1.1)}}.oc-anim-ops__h{color:#fff;font-size:clamp(24px,3vw,34px);font-weight:800;letter-spacing:-.02em;margin:0 0 22px;position:relative;z-index:1}.oc-anim-ops__stats{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px;position:relative;z-index:1}@media (max-width:720px){.oc-anim-ops__stats{grid-template-columns:repeat(2,1fr)}}.oc-anim-ops__stat{animation:oc-ops-stat-in .55s cubic-bezier(.2,.7,.3,1) forwards;animation-delay:var(--enter-delay,0s);background:hsla(0,0%,100%,.02);border:1px solid var(--ops-line);border-radius:10px;border-top:2px solid var(--stat-tone,var(--ops-jade-2));opacity:0;padding:14px 16px;transform:translateY(8px)}@keyframes oc-ops-stat-in{to{opacity:1;transform:translateY(0)}}.oc-anim-ops__stat--success{--stat-tone:var(--ops-jade-2)}.oc-anim-ops__stat--warn{--stat-tone:var(--ops-amber)}.oc-anim-ops__stat--fail{--stat-tone:var(--ops-ember)}.oc-anim-ops__stat--info{--stat-tone:var(--ops-intel)}.oc-anim-ops__stat--neutral{--stat-tone:hsla(0,0%,100%,.18)}.oc-anim-ops__stat-val{color:var(--stat-tone,#fff);font-size:26px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.02em}.oc-anim-ops__stat--neutral .oc-anim-ops__stat-val{color:#fff}.oc-anim-ops__stat-lbl{color:var(--ops-mute);font-size:12px;margin-top:3px}.oc-anim-ops__rows{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;position:relative;z-index:1}.oc-anim-ops__row{align-items:center;animation:oc-ops-row-in .55s cubic-bezier(.2,.7,.3,1) forwards;animation-delay:var(--enter-delay,0s);background:hsla(0,0%,100%,.02);border:1px solid var(--ops-line);border-radius:10px;display:grid;gap:14px;grid-template-columns:14px 1fr auto auto;opacity:0;padding:14px 16px;transform:translateY(6px)}@keyframes oc-ops-row-in{to{opacity:1;transform:translateY(0)}}.oc-anim-ops__row-dot{animation:oc-ops-pulse var(--ops-tick-pulse) ease-in-out infinite;background:var(--dot,var(--ops-jade-2));border-radius:999px;box-shadow:0 0 10px var(--dot,var(--ops-jade-2));height:10px;width:10px}.oc-anim-ops__row[data-dot-tone=success]{--dot:var(--ops-jade-2)}.oc-anim-ops__row[data-dot-tone=warn]{--dot:var(--ops-amber)}.oc-anim-ops__row[data-dot-tone=fail]{--dot:var(--ops-ember)}.oc-anim-ops__row[data-dot-tone=info]{--dot:var(--ops-intel)}.oc-anim-ops__row-title{color:#fff;font-size:14px;font-weight:700}.oc-anim-ops__row-meta{color:var(--ops-mute);font-size:12.5px}@keyframes oc-ops-pulse{0%,to{opacity:1}50%{opacity:.4}}.oc-anim-ops__pill{align-items:center;animation:oc-ops-pill-pulse 2.8s ease-in-out infinite;background:var(--p-soft,rgba(66,182,85,.12));border:1px solid var(--p-soft,rgba(66,182,85,.22));border-radius:999px;color:var(--p,var(--ops-jade-2));display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.05em;padding:4px 10px}@keyframes oc-ops-pill-pulse{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 10px -2px var(--p,transparent)}}.oc-anim-ops__pill--success{--p:var(--ops-jade-2);--p-soft:rgba(66,182,85,.12)}.oc-anim-ops__pill--warn{--p:var(--ops-amber);--p-soft:rgba(224,172,58,.14);animation-delay:.3s}.oc-anim-ops__pill--fail{--p:var(--ops-ember);--p-soft:rgba(226,106,91,.14);animation-delay:.15s}.oc-anim-ops__pill--info{--p:var(--ops-intel);--p-soft:rgba(76,143,216,.14)}.oc-anim-ops__pill--neutral{--p:var(--ops-mute);--p-soft:hsla(0,0%,100%,.06)}.oc-anim-ops__stage{position:relative}.oc-anim-ops__floats{inset:0;pointer-events:none;position:absolute;z-index:6}.oc-anim-ops__floats>*{pointer-events:auto}.oc-anim-ops__notif{align-items:center;animation:oc-ops-float-in .8s cubic-bezier(.2,.7,.3,1) var(--enter-delay,.35s) forwards,oc-ops-float 5s ease-in-out 1.2s infinite alternate;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(13,17,21,.94);border:1px solid hsla(0,0%,100%,.1);border-radius:14px;box-shadow:0 24px 60px -28px rgba(0,0,0,.8),0 0 0 1px hsla(0,0%,100%,.02);display:flex;gap:12px;left:var(--nx,22%);max-width:300px;opacity:0;padding:12px 16px;position:absolute;top:var(--ny,8%);transform:translateY(-6px);translate:-50% -50%;width:max-content;z-index:5}.oc-anim-ops__notif>div{min-width:0}.oc-anim-ops__notif-title{overflow-wrap:anywhere}@media (max-width:720px){.oc-anim-ops__floats{display:none}}@keyframes oc-ops-float-in{to{opacity:1;transform:translateY(0)}}@keyframes oc-ops-float{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.oc-anim-ops__notif-ico{background:var(--ico-soft,rgba(76,143,216,.18));border-radius:9px;color:var(--ico,var(--ops-intel));display:grid;flex:0 0 32px;font-size:16px;height:32px;place-items:center;width:32px}.oc-anim-ops__notif-ico .svg-inline--fa,.oc-anim-ops__notif-ico i[class*=fa-]{color:inherit;height:1em;width:1em}.oc-anim-ops__notif-ico svg{height:16px;width:16px}.oc-anim-ops__notif--jade{--ico:var(--ops-jade-2);--ico-soft:rgba(66,182,85,.16)}.oc-anim-ops__notif--intel{--ico:var(--ops-intel);--ico-soft:rgba(76,143,216,.16)}.oc-anim-ops__notif--amber{--ico:var(--ops-amber);--ico-soft:rgba(224,172,58,.16)}.oc-anim-ops__notif--ember{--ico:var(--ops-ember);--ico-soft:rgba(226,106,91,.16)}.oc-anim-ops__notif--neutral{--ico:hsla(0,0%,100%,.7);--ico-soft:hsla(0,0%,100%,.08)}.oc-anim-ops__notif-title{color:#fff;font-size:13px;font-weight:700;letter-spacing:-.01em}.oc-anim-ops__notif-meta{color:var(--ops-mute);font-size:11.5px;margin-top:2px}.oc-anim-ops__notif-dot{background:var(--ops-jade-2);border-radius:999px;box-shadow:0 0 6px var(--ops-jade-2);height:7px;position:absolute;right:10px;top:10px;width:7px}.oc-anim-ops__badge{align-items:center;animation:oc-ops-badge-in .7s cubic-bezier(.2,.7,.3,1) 1.1s forwards,oc-ops-badge-bob 2.4s ease-in-out 1.8s infinite alternate;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(13,17,21,.94);border:1px solid hsla(0,0%,100%,.1);border-radius:14px;box-shadow:0 24px 60px -28px rgba(0,0,0,.8);display:flex;gap:12px;left:var(--nx,80%);max-width:320px;opacity:0;padding:12px 16px;position:absolute;top:var(--ny,94%);transform:translateY(12px) scale(.96);translate:-50% -50%;width:max-content;z-index:5}@keyframes oc-ops-badge-in{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes oc-ops-badge-bob{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.oc-anim-ops__badge-ico{background:var(--ico-soft,rgba(66,182,85,.16));border-radius:8px;color:var(--ico,var(--ops-jade-2));display:grid;flex:0 0 28px;font-size:14px;height:28px;place-items:center;width:28px}.oc-anim-ops__badge-ico .svg-inline--fa,.oc-anim-ops__badge-ico i[class*=fa-]{color:inherit;height:1em;width:1em}.oc-anim-ops__badge>div{min-width:0}.oc-anim-ops__badge-title{overflow-wrap:anywhere}.oc-anim-ops__badge-ico svg{height:14px;width:14px}.oc-anim-ops__badge--jade{--ico:var(--ops-jade-2);--ico-soft:rgba(66,182,85,.16)}.oc-anim-ops__badge--intel{--ico:var(--ops-intel);--ico-soft:rgba(76,143,216,.16)}.oc-anim-ops__badge--amber{--ico:var(--ops-amber);--ico-soft:rgba(224,172,58,.16)}.oc-anim-ops__badge--ember{--ico:var(--ops-ember);--ico-soft:rgba(226,106,91,.16)}.oc-anim-ops__badge-title{color:#fff;font-size:13px;font-weight:700}.oc-anim-ops__badge-meta{color:var(--ops-mute);font-size:11.5px;margin-top:2px}@media (prefers-reduced-motion:reduce){.oc-anim-ops,.oc-anim-ops *,.oc-anim-ops :after,.oc-anim-ops :before{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.oc-anim-ops__badge,.oc-anim-ops__notif,.oc-anim-ops__row,.oc-anim-ops__stat{opacity:1;transform:none}}.oc-anim-ops.is-paused .oc-anim-ops__badge,.oc-anim-ops.is-paused .oc-anim-ops__glow,.oc-anim-ops.is-paused .oc-anim-ops__notif,.oc-anim-ops.is-paused .oc-anim-ops__pill,.oc-anim-ops.is-paused .oc-anim-ops__row-dot{animation-play-state:paused}[data-theme=light] .oc-anim-ops{--ops-text:#1e2630;--ops-mute:#5a6573;--ops-dim:#8a95a2;--ops-card:hsla(0,0%,100%,.75);--ops-line:rgba(15,20,26,.06)}[data-theme=light] .oc-anim-ops__chrome{background:linear-gradient(160deg,#f4f6f9,#e9eef3);border-color:rgba(15,20,26,.08)}[data-theme=light] .oc-anim-ops__badge-title,[data-theme=light] .oc-anim-ops__h,[data-theme=light] .oc-anim-ops__notif-title,[data-theme=light] .oc-anim-ops__row-title{color:#0f141a}[data-theme=light] .oc-anim-ops__bar{border-bottom-color:rgba(15,20,26,.06)}[data-theme=light] .oc-anim-ops__url{color:#5a6573}[data-theme=light] .oc-anim-ops__row,[data-theme=light] .oc-anim-ops__stat{background:hsla(0,0%,100%,.85)}[data-theme=light] .oc-anim-ops__badge,[data-theme=light] .oc-anim-ops__notif{background:hsla(0,0%,100%,.95);border-color:rgba(15,20,26,.1)}[data-theme=light] .oc-anim-ops__glow{opacity:.25}[data-theme=light] .oc-anim-ops[data-grid=true] .oc-anim-ops__body:before{background-image:linear-gradient(rgba(15,20,26,.05) 1px,transparent 0),linear-gradient(90deg,rgba(15,20,26,.05) 1px,transparent 0)}