.oc-anim-notif{--notif-jade:var(--jade,#42b655);--notif-jade-2:#5bd06f;--notif-amber:#e0ac3a;--notif-ember:#e26a5b;--notif-intel:#4c8fd8;--notif-bg-a:#0e1318;--notif-bg-b:#0a0d11;--notif-text:#e8ecef;--notif-mute:#99a4ae;--notif-dim:#6b7682;--notif-card:hsla(0,0%,100%,.025);--notif-line:hsla(0,0%,100%,.07);--notif-tick-in:480ms;--notif-tick-stagger:140ms;--notif-tick-feed:2600ms;--notif-tick-single:3200ms;background:linear-gradient(160deg,var(--notif-bg-a) 0,var(--notif-bg-b) 100%);border:1px solid hsla(0,0%,100%,.06);border-radius:var(--radius-lg,22px);box-shadow:0 60px 120px -50px rgba(0,0,0,.9),inset 0 1px 0 hsla(0,0%,100%,.04);color:var(--notif-text);contain:paint;font-family:var(--font-display,"Montserrat","Helvetica Neue",Arial,sans-serif);margin:0 auto;max-width:520px;overflow:hidden;padding:24px 24px 20px;position:relative}.oc-anim-notif[data-bg=midnight]{background:linear-gradient(160deg,#050810,#0a0f1a)}.oc-anim-notif[data-bg=transparent]{background:transparent;border-color:transparent;box-shadow:none}.oc-anim-notif[data-tick=calm]{--notif-tick-stagger:220ms;--notif-tick-feed:4000ms;--notif-tick-single:4800ms}.oc-anim-notif[data-tick=lively]{--notif-tick-stagger:80ms;--notif-tick-feed:1500ms;--notif-tick-single:2000ms}.oc-anim-notif__glow{animation:oc-notif-glow 14s ease-in-out infinite alternate;background:radial-gradient(circle at 30% 20%,rgba(66,182,85,.25),transparent 60%);filter:blur(50px);inset:-10%;opacity:.4;pointer-events:none;position:absolute;z-index:0}.oc-anim-notif[data-glow=false] .oc-anim-notif__glow{display:none}@keyframes oc-notif-glow{0%{transform:translate(0) scale(1)}to{transform:translate(30px,-20px) scale(1.15)}}.oc-anim-notif__head{align-items:center;display:flex;gap:10px;margin-bottom:14px;position:relative;z-index:1}.oc-anim-notif__eyebrow{color:var(--notif-jade);font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.oc-anim-notif__title{color:#fff;font-size:16px;font-weight:800;letter-spacing:-.01em;margin-left:-2px}.oc-anim-notif__live{align-items:center;color:var(--notif-jade-2);display:inline-flex;font-size:10px;font-weight:700;gap:6px;letter-spacing:.14em;margin-left:auto}.oc-anim-notif__live:before{animation:oc-notif-pulse 1.4s ease-in-out infinite;background:var(--notif-jade-2);border-radius:999px;box-shadow:0 0 8px var(--notif-jade-2);content:"";height:6px;width:6px}@keyframes oc-notif-pulse{0%,to{opacity:1}50%{opacity:.35}}.oc-anim-notif__feed{display:flex;flex-direction:column;gap:10px;min-height:60px;position:relative;z-index:1}.oc-anim-notif__card{align-items:flex-start;animation:oc-notif-slide-in var(--notif-tick-in) cubic-bezier(.2,.7,.3,1) forwards;animation-delay:var(--enter-delay,0s);background:var(--notif-card);border:1px solid var(--notif-line);border-left:3px solid var(--card-tone,var(--notif-jade));border-radius:10px;display:grid;gap:12px;grid-template-columns:36px 1fr auto;opacity:0;padding:14px 14px 14px 18px;position:relative;transform:translateY(-12px) scale(.98);transition:transform .3s cubic-bezier(.2,.7,.3,1),opacity .35s,max-height .45s,padding .35s,margin .35s,border-width .35s}.oc-anim-notif__card.is-leaving{animation:oc-notif-slide-out .45s cubic-bezier(.2,.7,.3,1) forwards}@keyframes oc-notif-slide-in{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes oc-notif-slide-out{0%{max-height:200px;opacity:1;transform:translateY(0) scale(1)}to{border-width:0;margin-top:-10px;max-height:0;opacity:0;padding-bottom:0;padding-top:0;transform:translateY(-8px) scale(.98)}}.oc-anim-notif__card--success{--card-tone:var(--notif-jade);--card-tone-soft:rgba(66,182,85,.16)}.oc-anim-notif__card--fail{--card-tone:var(--notif-ember);--card-tone-soft:rgba(226,106,91,.16)}.oc-anim-notif__card--warn{--card-tone:var(--notif-amber);--card-tone-soft:rgba(224,172,58,.16)}.oc-anim-notif__card--info{--card-tone:var(--notif-intel);--card-tone-soft:rgba(76,143,216,.16)}.oc-anim-notif__card--neutral{--card-tone:hsla(0,0%,100%,.4);--card-tone-soft:hsla(0,0%,100%,.08)}.oc-anim-notif__card--success{background:linear-gradient(180deg,rgba(66,182,85,.05),rgba(66,182,85,.02))}.oc-anim-notif__card--fail{background:linear-gradient(180deg,rgba(226,106,91,.06),rgba(226,106,91,.02))}.oc-anim-notif__card--warn{background:linear-gradient(180deg,rgba(224,172,58,.05),rgba(224,172,58,.02))}.oc-anim-notif__card--info{background:linear-gradient(180deg,rgba(76,143,216,.05),rgba(76,143,216,.02))}.oc-anim-notif__icon{background:var(--card-tone-soft,rgba(66,182,85,.16));border:1px solid var(--card-tone-soft,rgba(66,182,85,.18));border-radius:9px;color:var(--card-tone,var(--notif-jade));display:grid;height:36px;place-items:center;position:relative;width:36px}.oc-anim-notif__icon svg{height:18px;width:18px}.oc-anim-notif__icon{font-size:18px}.oc-anim-notif__icon .svg-inline--fa,.oc-anim-notif__icon i[class*=fa-]{color:inherit;height:1em;width:1em}.oc-anim-notif__icon:after{animation:oc-notif-icon-ping 2.2s ease-out infinite;border-radius:inherit;box-shadow:0 0 0 0 var(--card-tone,transparent);content:"";inset:-3px;pointer-events:none;position:absolute}@keyframes oc-notif-icon-ping{0%{opacity:.5;transform:scale(.9)}to{opacity:0;transform:scale(1.5)}}.oc-anim-notif__body{min-width:0}.oc-anim-notif__title-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.oc-anim-notif__card-title{color:#fff;font-size:13.5px;font-weight:700;letter-spacing:-.01em}.oc-anim-notif__card-body{color:var(--notif-mute);font-size:12.5px;line-height:1.45;margin-top:4px}.oc-anim-notif__card-meta{align-items:center;color:var(--notif-dim);display:flex;font-size:11px;gap:6px;margin-top:8px}.oc-anim-notif__card-cta{align-items:center;background:transparent;border:1px solid;border-radius:6px;color:var(--card-tone,var(--notif-jade));cursor:pointer;display:inline-flex;font-family:inherit;font-size:11px;font-weight:700;gap:6px;margin-top:10px;padding:5px 11px;transition:background .15s,transform .15s}.oc-anim-notif__card-cta:hover{background:var(--card-tone-soft);transform:translateY(-1px)}.oc-anim-notif__card-cta svg{height:10px;width:10px}.oc-anim-notif__dismiss{align-self:flex-start;background:transparent;border:0;border-radius:6px;color:var(--notif-dim);cursor:pointer;display:grid;font-family:inherit;font-size:14px;height:22px;line-height:1;place-items:center;transition:background .15s,color .15s;width:22px}.oc-anim-notif__dismiss:hover{background:hsla(0,0%,100%,.05);color:#fff}.oc-anim-notif__dismiss svg{height:12px;width:12px}.oc-anim-notif__feed:empty:before{color:var(--notif-dim);content:"Listening for events…";display:block;font-size:12px;padding:12px 0;text-align:center}@media (prefers-reduced-motion:reduce){.oc-anim-notif,.oc-anim-notif *,.oc-anim-notif :after,.oc-anim-notif :before{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.oc-anim-notif__card{opacity:1;transform:none}}.oc-anim-notif.is-paused .oc-anim-notif__glow,.oc-anim-notif.is-paused .oc-anim-notif__icon:after,.oc-anim-notif.is-paused .oc-anim-notif__live:before{animation-play-state:paused}[data-theme=light] .oc-anim-notif{--notif-bg-a:#f4f6f9;--notif-bg-b:#e9eef3;--notif-text:#1e2630;--notif-mute:#5a6573;--notif-dim:#8a95a2;--notif-line:rgba(15,20,26,.06);--notif-card:hsla(0,0%,100%,.6);background:linear-gradient(160deg,var(--notif-bg-a) 0,var(--notif-bg-b) 100%);border-color:var(--notif-line);box-shadow:0 30px 60px -30px rgba(15,20,26,.15),inset 0 1px 0 hsla(0,0%,100%,.6)}[data-theme=light] .oc-anim-notif__card-title,[data-theme=light] .oc-anim-notif__title{color:#0f141a}[data-theme=light] .oc-anim-notif__card{background:hsla(0,0%,100%,.85)}[data-theme=light] .oc-anim-notif__card--success{background:linear-gradient(180deg,rgba(66,182,85,.1),hsla(0,0%,100%,.7))}[data-theme=light] .oc-anim-notif__card--fail{background:linear-gradient(180deg,rgba(226,106,91,.1),hsla(0,0%,100%,.7))}[data-theme=light] .oc-anim-notif__card--warn{background:linear-gradient(180deg,rgba(224,172,58,.1),hsla(0,0%,100%,.7))}[data-theme=light] .oc-anim-notif__card--info{background:linear-gradient(180deg,rgba(76,143,216,.1),hsla(0,0%,100%,.7))}[data-theme=light] .oc-anim-notif__dismiss:hover{background:rgba(15,20,26,.05);color:#0f141a}[data-theme=light] .oc-anim-notif__glow{opacity:.25}