@property --cos-ang{syntax:"<angle>";inherits:false;initial-value:0deg}.cos-deco-wrap{z-index:2;pointer-events:none;position:absolute;inset:-20%}.cos-deco{width:100%;height:100%;display:block;overflow:visible}.cos-deco *{transform-box:view-box;transform-origin:0 0}.cos-deco[data-anim=hover] *{animation-play-state:paused}.cos-host:hover .cos-deco[data-anim=hover] *,.cos-av:hover .cos-deco[data-anim=hover] *,.cos-live .cos-deco[data-anim=hover] *{animation-play-state:running}.cos-glow{filter:drop-shadow(0 0 2.5px var(--c1))}.cos-spin{animation:6s linear infinite cos-rotate}.cos-spin.cos-rev{animation-duration:4.5s;animation-direction:reverse}.cos-spin.cos-slow{animation-duration:28s}.cos-spin.cos-orbit{animation-duration:3.4s}.cos-flame{transform-box:fill-box;transform-origin:50% 100%;animation:.9s ease-in-out infinite alternate cos-flicker}.cos-sway{animation:3.2s ease-in-out infinite alternate cos-sway}.cos-twinkle{animation:1.8s ease-in-out infinite cos-twinkle}.cos-pulse{animation:1.6s ease-in-out infinite cos-pulse}.cos-bob{animation:2.4s ease-in-out infinite cos-bob}.cos-glitch-a{animation:1.1s step-end infinite cos-glitch-a}.cos-glitch-b{animation:1.3s step-end infinite cos-glitch-b}.cos-shimmer{animation:3.8s linear infinite cos-rotate}@keyframes cos-rotate{to{transform:rotate(360deg)}}@keyframes cos-flicker{0%{transform:scale(.9,.78)skew(-4deg)}to{transform:scale(1.08,1.3)skew(5deg)}}@keyframes cos-sway{0%{transform:rotate(-10deg)}to{transform:rotate(10deg)}}@keyframes cos-twinkle{0%,to{opacity:.25;transform:scale(.6)}50%{opacity:1;transform:scale(1.15)}}@keyframes cos-pulse{0%,to{opacity:.25}50%{opacity:.9}}@keyframes cos-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes cos-glitch-a{0%{transform:translate(0)}20%{transform:translate(-1.6px,.6px)}45%{transform:translate(1.2px,-.8px)}70%{transform:translate(-.6px,-1.2px)}85%{transform:translate(0)}}@keyframes cos-glitch-b{0%{transform:translate(0)}30%{transform:translate(1.8px,-.6px)}55%{transform:translate(-1.4px,.8px)}80%{transform:translate(.6px,1px)}}.cos-host{isolation:isolate;position:relative}.cos-plate{z-index:-1;border-radius:inherit;pointer-events:none;background-color:var(--c1);position:absolute;inset:0;overflow:hidden}.cos-plate:before,.cos-plate:after{content:"";position:absolute;inset:0}.cos-plate:after{background:linear-gradient(90deg,#00000080,#00000029 65%,#0000)}.cos-plate-cover img,.cos-plate-cover video{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.cos-plate-cover:after{background:linear-gradient(90deg,#000000c7,#00000080 55%,#0000002e)}.cos-plate[data-anim=hover],.cos-plate[data-anim=hover]:before{animation-play-state:paused}.cos-host:hover>.cos-plate[data-anim=hover],.cos-host:hover>.cos-plate[data-anim=hover]:before,.cos-live .cos-plate[data-anim=hover],.cos-live .cos-plate[data-anim=hover]:before{animation-play-state:running}.cos-plate[data-fx=aurora]{background:linear-gradient(100deg, var(--c1), var(--c2), var(--c3), var(--c1));background-size:250% 100%;animation:7s linear infinite cos-pan}.cos-plate[data-fx=aurora]:before{background:radial-gradient(60% 120% at 30% 0,#ffffff59,#0000 70%);animation:5s ease-in-out infinite alternate cos-drift-x}.cos-plate[data-fx=galaxy]{background:radial-gradient(ellipse at 18% 30%, var(--c3) 0, transparent 48%), linear-gradient(120deg, var(--c1), var(--c2))}.cos-plate[data-fx=galaxy]:before{background-image:radial-gradient(1px 1px at 12% 28%,#fff,#0000),radial-gradient(1.4px 1.4px at 38% 70%,#fff,#0000),radial-gradient(1px 1px at 55% 22%,#fff,#0000),radial-gradient(1.4px 1.4px at 72% 60%,#fff,#0000),radial-gradient(1px 1px at 88% 30%,#fff,#0000),radial-gradient(1px 1px at 27% 85%,#fff,#0000);animation:2.6s ease-in-out infinite cos-twinkle-bg}.cos-plate[data-fx=web]{background:var(--c1)}.cos-plate[data-fx=web]:before{background:repeating-conic-gradient(from 270deg at 0% 100%, transparent 0 9deg, #fff3 9deg 9.8deg), repeating-radial-gradient(circle at 0% 100%, transparent 0 9px, #ffffff29 9px 10px);animation:4s ease-in-out infinite cos-twinkle-bg}.cos-plate[data-fx=flames]{background:linear-gradient(0deg, var(--c2), var(--c1) 80%)}.cos-plate[data-fx=flames]:before{background:radial-gradient(ellipse 30% 90% at 18% 130%, var(--c3), transparent 70%), radial-gradient(ellipse 26% 80% at 52% 135%, var(--c3), transparent 70%), radial-gradient(ellipse 30% 95% at 86% 130%, var(--c3), transparent 70%);transform-origin:50% 100%;animation:.8s ease-in-out infinite alternate cos-flame-bg}.cos-plate[data-fx=ocean]{background:linear-gradient(180deg, var(--c3), var(--c2) 45%, var(--c1))}.cos-plate[data-fx=ocean]:before{background:repeating-radial-gradient(circle at 50% 180%,#0000 0 8px,#ffffff38 8px 10px) 0 0/60px 100%;animation:3.2s linear infinite cos-wave}.cos-plate[data-fx=sakura]{background:linear-gradient(90deg, var(--c1), color-mix(in srgb, var(--c2) 45%, var(--c1)))}.cos-plate[data-fx=sakura]:before{background-image:radial-gradient(ellipse 4px 2.5px at 15% 20%, var(--c3), transparent), radial-gradient(ellipse 3px 2px at 40% 60%, var(--c2), transparent), radial-gradient(ellipse 4px 2.5px at 65% 30%, var(--c3), transparent), radial-gradient(ellipse 3px 2px at 85% 75%, var(--c2), transparent);background-size:100px 44px;animation:5s linear infinite cos-petal-bg}.cos-plate[data-fx=cyber]{background:linear-gradient(110deg, var(--c1), #130a2b)}.cos-plate[data-fx=cyber]:before{background:linear-gradient(var(--c2) 1px, transparent 1px) 0 0 / 14px 14px, linear-gradient(90deg, var(--c2) 1px, transparent 1px) 0 0 / 14px 14px;opacity:.22;animation:2.4s linear infinite cos-grid}.cos-plate[data-fx=gold]{background:linear-gradient(110deg, var(--c1), var(--c2) 38%, var(--c3) 50%, var(--c2) 62%, var(--c1));background-size:260% 100%;animation:4.5s linear infinite cos-pan}@keyframes cos-pan{to{background-position:-250% 0}}@keyframes cos-drift-x{to{transform:translate(40%)}}@keyframes cos-twinkle-bg{0%,to{opacity:.35}50%{opacity:1}}@keyframes cos-flame-bg{0%{opacity:.7;transform:scaleY(.85)}to{opacity:1;transform:scaleY(1.2)}}@keyframes cos-wave{to{background-position:60px 0}}@keyframes cos-petal-bg{to{background-position:-100px 44px}}@keyframes cos-grid{to{background-position:14px 14px}}.cos-fx{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden;container-type:size}.cos-fx>i{left:var(--x);color:var(--pc);animation-delay:var(--dl);animation-duration:var(--du);animation-iteration-count:infinite;display:block;position:absolute;top:0}.cos-fx[data-fx=confetti]>i{width:calc(4px + var(--sz) * 5px);height:calc(7px + var(--sz) * 6px);background:var(--pc);animation-name:cos-fall;animation-timing-function:linear;top:-14px}.cos-fx[data-fx=snow]>i{width:calc(3px + var(--sz) * 5px);height:calc(3px + var(--sz) * 5px);background:var(--pc);opacity:.85;animation-name:cos-fall-soft;animation-timing-function:linear;animation-duration:calc(var(--du) * 1.6);border-radius:50%;top:-10px}.cos-fx[data-fx=glow]>i{top:calc((var(--dr) + 1) * 46%);width:calc(8px + var(--sz) * 10px);height:calc(8px + var(--sz) * 10px);background:var(--pc);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation-name:cos-spark;animation-timing-function:ease-in-out;animation-duration:calc(var(--du) * .45)}.cos-fx[data-fx=lightning]>i{width:calc(22px + var(--sz) * 26px);opacity:0;height:64%;filter:drop-shadow(0 0 6px var(--pc));animation-name:cos-bolt;animation-timing-function:linear;animation-duration:calc(var(--du) * .8);top:0}.cos-fx[data-fx=lightning]:after{content:"";opacity:0;background:radial-gradient(at 50% 0,#bed7ff80,#0000 70%);animation:3.6s linear infinite cos-flash;position:absolute;inset:0}.cos-fx[data-fx=bubbles]>i{width:calc(8px + var(--sz) * 18px);height:calc(8px + var(--sz) * 18px);border:1px solid var(--pc);background:radial-gradient(circle at 30% 30%,#ffffff80,#0000 60%);border-radius:50%;animation-name:cos-rise;animation-timing-function:ease-in;top:auto;bottom:-24px}.cos-fx[data-fx=petals]>i{width:calc(8px + var(--sz) * 7px);height:calc(6px + var(--sz) * 5px);background:var(--pc);animation-name:cos-fall;animation-timing-function:ease-in-out;animation-duration:calc(var(--du) * 1.4);border-radius:100% 0;top:-14px}.cos-fx[data-fx=pixels]>i{width:calc(4px + var(--sz) * 6px);height:calc(4px + var(--sz) * 6px);background:var(--pc);animation-name:cos-rise-steps;animation-timing-function:steps(9,end);top:auto;bottom:-10px}.cos-fx[data-fx=smoke]>i{width:calc(70px + var(--sz) * 70px);height:calc(70px + var(--sz) * 70px);background:radial-gradient(circle, var(--pc), transparent 65%);filter:blur(9px);opacity:0;animation-name:cos-smoke;animation-timing-function:ease-out;animation-duration:calc(var(--du) * 1.8);border-radius:50%;margin-left:-40px;top:auto;bottom:-60px}@keyframes cos-fall{0%{transform:translate(0,0)rotate(0)}to{transform:translate3d(calc(var(--dr) * 34px), 112cqh, 0) rotate(560deg)}}@keyframes cos-fall-soft{0%{transform:translate(0,0)}50%{transform:translate3d(calc(var(--dr) * 14px), 56cqh, 0)}to{transform:translate3d(calc(var(--dr) * -10px), 112cqh, 0)}}@keyframes cos-rise{0%{opacity:.9;transform:translate(0,0)}to{transform:translate3d(calc(var(--dr) * 24px), -112cqh, 0);opacity:.2}}@keyframes cos-rise-steps{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translateY(-112cqh)}}@keyframes cos-spark{0%,to{opacity:0;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1)rotate(45deg)}}@keyframes cos-bolt{0%,86%,to{opacity:0}88%{opacity:1}90%{opacity:.15}92%{opacity:.95}96%{opacity:0}}@keyframes cos-flash{0%,86%,to{opacity:0}88%{opacity:.8}92%{opacity:.2}96%{opacity:0}}@keyframes cos-smoke{0%{opacity:0;transform:translate(0,0)scale(.7)}25%{opacity:.4}to{transform:translate3d(calc(var(--dr) * 30px), -70cqh, 0) scale(1.5);opacity:0}}.cos-frame{z-index:4;box-sizing:border-box;border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;padding:3px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.cos-frame[data-fx=gold]{background:conic-gradient(from var(--cos-ang), var(--c1), var(--c2), var(--c3), var(--c2), var(--c1), var(--c2), var(--c3), var(--c1));animation:9s linear infinite cos-ang}.cos-frame[data-fx=neon]{background:conic-gradient(from var(--cos-ang), transparent 0 40%, var(--c1) 70%, var(--c2) 90%, transparent);filter:drop-shadow(0 0 4px var(--c1));animation:3.5s linear infinite cos-ang}.cos-frame[data-fx=rainbow]{background:conic-gradient(from var(--cos-ang), var(--c1), var(--c2), var(--c3), var(--c4), var(--c5), var(--c1));animation:6s linear infinite cos-ang}.cos-frame[data-fx=ember]{background:linear-gradient(0deg, var(--c1), var(--c2));filter:drop-shadow(0 0 5px var(--c1));animation:1.4s ease-in-out infinite cos-pulse}.cos-frame[data-fx=frost]{background:linear-gradient(135deg, var(--c1), var(--c2), var(--c1), var(--c2), var(--c1));background-size:300% 300%;animation:6s linear infinite cos-pan-2}.cos-frame[data-fx=vines]{background:repeating-linear-gradient(45deg, var(--c1) 0 7px, var(--c2) 7px 11px, transparent 11px 15px);padding:4px}.cos-frame[data-fx=pixel]{background:repeating-conic-gradient(var(--c1) 0 25%, var(--c2) 0 50%) 0 0 / 10px 10px;padding:5px}.cos-frame[data-fx=holo]{background:linear-gradient(120deg, var(--c1), var(--c2), var(--c3), var(--c1));background-size:300% 100%;animation:5s linear infinite cos-pan}@keyframes cos-ang{to{--cos-ang:360deg}}@keyframes cos-pan-2{to{background-position:300% 300%}}.cos-name{font-weight:700}.cos-name[data-font=serif]{font-family:Georgia,Times New Roman,serif}.cos-name[data-font=mono]{letter-spacing:.01em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.cos-name[data-font=round]{font-family:Trebuchet MS,Arial Rounded MT Bold,system-ui,sans-serif}.cos-name[data-font=display]{letter-spacing:.03em;font-family:Impact,Arial Black,Helvetica Neue,sans-serif;font-weight:400}.cos-name[data-font=script]{font-family:Snell Roundhand,Segoe Script,Brush Script MT,cursive;font-size:1.1em}.cos-name[data-fx=shimmer],.cos-name[data-fx=rainbow],.cos-name[data-fx=fire],.cos-name[data-fx=ice],.cos-name[data-fx=script],.cos-name[data-fx=aurora]{color:#0000;-webkit-background-clip:text;background-clip:text;animation:3.2s linear infinite cos-text-pan}.cos-host:hover .cos-name,.cos-name:hover,.cos-live .cos-name{animation-play-state:running!important}.cos-name[data-fx=shimmer]{background-image:linear-gradient(110deg, var(--c1) 38%, var(--c2) 50%, var(--c1) 62%);background-size:250% 100%}.cos-name[data-fx=rainbow]{background-image:linear-gradient(90deg, var(--c1), var(--c2), var(--c3), var(--c4), var(--c5), var(--c1));background-size:300% 100%}.cos-name[data-fx=fire]{background-image:linear-gradient(90deg, var(--c1), var(--c2), var(--c1));filter:drop-shadow(0 0 3px color-mix(in srgb, var(--c1) 60%, transparent));background-size:200% 100%}.cos-name[data-fx=ice],.cos-name[data-fx=script],.cos-name[data-fx=aurora]{background-image:linear-gradient(90deg, var(--c1), var(--c2), var(--c1));background-size:200% 100%}.cos-name[data-fx=neon]{color:var(--c2);text-shadow:0 0 4px var(--c1), 0 0 10px var(--c1)}.cos-name[data-fx=glitch]{color:#fff;text-shadow:1px 0 var(--c2), -1px 0 var(--c1);animation:1.4s step-end infinite paused cos-text-glitch}@keyframes cos-text-pan{to{background-position:-200% 0}}@keyframes cos-text-glitch{0%,to{text-shadow:1px 0 var(--c2), -1px 0 var(--c1)}30%{text-shadow:-2px 1px var(--c2), 2px -1px var(--c1)}60%{text-shadow:2px 0 var(--c2), -2px 0 var(--c1)}}.cos-flap{animation:1.1s ease-in-out infinite alternate cos-flap}.cos-beat{animation:1.1s ease-in-out infinite cos-beat}.cos-floaty{animation:3.4s ease-in-out infinite alternate cos-floaty}.cos-float{animation:2.6s ease-in-out infinite alternate cos-floaty}.cos-flutter{animation:.5s ease-in-out infinite alternate cos-flutter}.cos-twitch{animation:3s ease-in-out infinite cos-twitch}@keyframes cos-flap{0%{transform:rotate(10deg)scaleY(.96)}to{transform:rotate(-16deg)scaleY(1.04)}}@keyframes cos-beat{0%,to{transform:scale(1)}18%{transform:scale(1.22)}36%{transform:scale(.96)}54%{transform:scale(1.14)}}@keyframes cos-floaty{0%{transform:translate(-1px,2px)}to{transform:translate(1.5px,-3px)}}@keyframes cos-flutter{0%{transform:scaleX(1)}to{transform:scaleX(.25)}}@keyframes cos-twitch{0%,70%,to{transform:rotate(0)}78%{transform:rotate(-10deg)}86%{transform:rotate(3deg)}}.cos-plate[data-fx=sunset]{background:linear-gradient(100deg, var(--c1), var(--c2), var(--c3), var(--c2), var(--c1));background-size:300% 100%;animation:10s linear infinite cos-pan3}.cos-plate[data-fx=sunset]:before{background:radial-gradient(circle at 88% 125%,#fff0c899,#0000 52%);animation:4s ease-in-out infinite cos-twinkle-bg}.cos-plate[data-fx=synth]{background:radial-gradient(circle at 80% 58%, #ffd86b 0 13%, transparent 14%), linear-gradient(180deg, var(--c1), var(--c2))}.cos-plate[data-fx=synth]:before{background:linear-gradient(var(--c3) 1px, transparent 1px) 0 0 / 100% 8px, linear-gradient(90deg, var(--c3) 1px, transparent 1px) 0 0 / 22px 100%;opacity:.6;animation:1.2s linear infinite cos-grid-y;-webkit-mask-image:linear-gradient(#0000 40%,#000);mask-image:linear-gradient(#0000 40%,#000)}.cos-plate[data-fx=code]{background:radial-gradient(ellipse at 100% 50%, color-mix(in srgb, var(--c2) 28%, transparent), transparent 62%), var(--c1)}.cos-plate[data-fx=code]:before{background:repeating-linear-gradient(180deg, var(--c2) 0 3px, transparent 3px 8px);opacity:.38;animation:1s linear infinite cos-code;-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 3px,#0000 3px 11px);mask-image:repeating-linear-gradient(90deg,#000 0 3px,#0000 3px 11px)}.cos-plate[data-fx=candy]{background:repeating-linear-gradient(45deg, var(--c1) 0 12px, var(--c2) 12px 24px);animation:1.6s linear infinite cos-stripes}.cos-plate[data-fx=halftone]{background:var(--c1)}.cos-plate[data-fx=halftone]:before{background:radial-gradient(circle, var(--c2) 1.6px, transparent 2.2px) 0 0 / 10px 10px;animation:2.4s linear infinite cos-dots;-webkit-mask-image:linear-gradient(90deg,#0000 15%,#000);mask-image:linear-gradient(90deg,#0000 15%,#000)}.cos-plate[data-fx=lava]{background:linear-gradient(135deg, var(--c1), var(--c2))}.cos-plate[data-fx=lava]:before{background:radial-gradient(circle at 20% 70%, var(--c3) 0 16%, transparent 17%), radial-gradient(circle at 55% 30%, var(--c3) 0 12%, transparent 13%), radial-gradient(circle at 85% 65%, var(--c3) 0 18%, transparent 19%);filter:blur(7px);opacity:.8;animation:5s ease-in-out infinite alternate cos-lava;inset:-25%}.cos-plate[data-fx=rainy]{background:linear-gradient(180deg, var(--c1), var(--c2))}.cos-plate[data-fx=rainy]:before{background:var(--c3);opacity:.55;-webkit-mask-composite:source-in;animation:.6s linear infinite cos-rain-bg;inset:-10%;transform:skew(-12deg);-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 1.5px,#0000 1.5px 13px),linear-gradient(#000 0 11px,#0000 11px 27px);mask-image:repeating-linear-gradient(90deg,#000 0 1.5px,#0000 1.5px 13px),linear-gradient(#000 0 11px,#0000 11px 27px);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:100% 100%,100% 27px;mask-size:100% 100%,100% 27px;-webkit-mask-repeat:no-repeat,repeat-y;mask-repeat:no-repeat,repeat-y;-webkit-mask-composite:source-in;mask-composite:intersect}.cos-plate[data-fx=night]{background:radial-gradient(circle at 88% 40%, var(--c3) 0 6%, color-mix(in srgb, var(--c3) 30%, transparent) 7% 13%, transparent 24%), linear-gradient(120deg, var(--c1), var(--c2))}.cos-plate[data-fx=night]:before{background-image:radial-gradient(1px 1px at 10% 30%,#fff,#0000),radial-gradient(1.3px 1.3px at 30% 72%,#fff,#0000),radial-gradient(1px 1px at 48% 22%,#fff,#0000),radial-gradient(1.3px 1.3px at 64% 64%,#fff,#0000),radial-gradient(1px 1px at 76% 18%,#fff,#0000);animation:2.2s ease-in-out infinite cos-twinkle-bg}.cos-plate[data-fx=forest]{background:linear-gradient(180deg, var(--c1), var(--c2))}.cos-plate[data-fx=forest]:before{background:conic-gradient(from 150deg at 50% 100%, var(--c3) 0 60deg, transparent 60deg) 0 100% / 26px 30px repeat-x, conic-gradient(from 150deg at 50% 100%, color-mix(in srgb, var(--c3) 65%, #000) 0 60deg, transparent 60deg) 13px 100% / 26px 22px repeat-x;height:62%;animation:14s linear infinite cos-pines;top:auto}.cos-plate[data-fx=prism]{background:linear-gradient(110deg, var(--c1), var(--c2), var(--c3), var(--c1));background-size:200% 100%;animation:6s linear infinite cos-pan2}.cos-plate[data-fx=prism]:before{background:linear-gradient(105deg,#0000 40%,#ffffff8c 50%,#0000 60%);animation:3s ease-in-out infinite cos-shine;transform:translate(-100%)}@keyframes cos-pan2{to{background-position:200% 0}}@keyframes cos-pan3{to{background-position:150% 0}}@keyframes cos-grid-y{to{background-position:0 8px,22px 0}}@keyframes cos-code{to{background-position:0 8px}}@keyframes cos-stripes{to{background-position:34px 0}}@keyframes cos-dots{to{background-position:10px 10px}}@keyframes cos-lava{0%{transform:translate(-9%,4%)scale(1)}to{transform:translate(9%,-4%)scale(1.18)}}@keyframes cos-rain-bg{to{-webkit-mask-position:0 0,0 27px;mask-position:0 0,0 27px}}@keyframes cos-pines{to{background-position:26px 100%,39px 100%}}@keyframes cos-shine{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}.cos-fx[data-fx=meteors]>i{top:calc((var(--dr) + 1) * 20%);left:calc(var(--x) * .6);width:calc(60px + var(--sz) * 50px);background:linear-gradient(90deg, transparent, var(--pc));opacity:0;height:2px;animation-name:cos-meteor;animation-timing-function:ease-in;animation-duration:calc(var(--du) * .8);border-radius:2px}.cos-fx[data-fx=meteors]>i:after{content:"";width:6px;height:6px;box-shadow:0 0 8px 3px var(--pc);background:#fff;border-radius:50%;position:absolute;top:-2px;right:-1px}.cos-fx[data-fx=hearts]>i{width:calc(10px + var(--sz) * 14px);height:calc(9px + var(--sz) * 13px);background:var(--pc);animation-name:cos-rise;animation-timing-function:ease-in-out;animation-duration:calc(var(--du) * 1.1);top:auto;bottom:-26px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 21C-6 8 4 -3 12 5C20 -3 30 8 12 21Z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 21C-6 8 4 -3 12 5C20 -3 30 8 12 21Z'/%3E%3C/svg%3E") 50%/contain no-repeat}.cos-fx[data-fx=rain]>i{width:1.5px;height:calc(14px + var(--sz) * 16px);background:linear-gradient(180deg, transparent, var(--pc));opacity:.8;animation-name:cos-rain;animation-timing-function:linear;animation-duration:calc(var(--du) * .14);top:-40px}.cos-fx[data-fx=rain]:after{content:"";background:linear-gradient(#14285a47,#0000 70%);position:absolute;inset:0}.cos-fx[data-fx=leaffall]>i{width:calc(10px + var(--sz) * 8px);height:calc(10px + var(--sz) * 8px);background:var(--pc);animation-name:cos-leaf;animation-timing-function:ease-in-out;animation-duration:calc(var(--du) * 1.5);border-radius:0 100%;top:-18px}.cos-fx[data-fx=fireworks]>i{top:calc(8% + (var(--dr) + 1) * 20%);left:calc(10% + var(--x) * .8);width:calc(64px + var(--sz) * 50px);height:calc(64px + var(--sz) * 50px);background:repeating-conic-gradient(from 0deg, var(--pc) 0 3deg, transparent 3deg 22.5deg);filter:drop-shadow(0 0 4px var(--pc));opacity:0;animation-name:cos-firework;animation-timing-function:ease-out;animation-duration:calc(var(--du) * .9);border-radius:50%;-webkit-mask-image:radial-gradient(circle,#0000 36%,#000 40% 64%,#0000 70%);mask-image:radial-gradient(circle,#0000 36%,#000 40% 64%,#0000 70%)}.cos-fx[data-fx=fireworks]>i:before{content:"";background:repeating-conic-gradient(from 11deg, #fff 0 2deg, transparent 2deg 22.5deg);border-radius:50%;position:absolute;inset:18%;-webkit-mask-image:radial-gradient(circle,#0000 36%,#000 42% 64%,#0000 72%);mask-image:radial-gradient(circle,#0000 36%,#000 42% 64%,#0000 72%)}.cos-fx[data-fx=northern]>i{top:calc(var(--sz) * 40% - 6%);width:130%;height:calc(34% + var(--sz) * 22%);background:repeating-linear-gradient(90deg, transparent 0 14px, #ffffff24 14px 18px), linear-gradient(90deg, transparent 0, var(--pc) 30%, color-mix(in srgb, var(--pc) 55%, #fff) 55%, var(--pc) 75%, transparent);filter:blur(10px);opacity:.6;mix-blend-mode:screen;animation-name:cos-aurora;animation-timing-function:ease-in-out;animation-direction:alternate;animation-duration:calc(var(--du) * 1.3);border-radius:50%;left:-15%;-webkit-mask-image:linear-gradient(#0000,#000 40%,#0000);mask-image:linear-gradient(#0000,#000 40%,#0000)}.cos-fx[data-fx=matrix]>i{width:12px;height:calc(30% + var(--sz) * 30%);background:linear-gradient(180deg, transparent 0, var(--pc) 85%, #eaffee 100%);-webkit-mask-composite:source-in;opacity:.9;animation-name:cos-matrix;animation-timing-function:linear;animation-duration:calc(var(--du) * .7);top:0;-webkit-mask-image:repeating-linear-gradient(#000 0 5px,#0000 5px 9px),repeating-linear-gradient(90deg,#000 0 3px,#0000 3px 5px);mask-image:repeating-linear-gradient(#000 0 5px,#0000 5px 9px),repeating-linear-gradient(90deg,#000 0 3px,#0000 3px 5px);-webkit-mask-composite:source-in;mask-composite:intersect}.cos-fx[data-fx=matrix]:after{content:"";background:#0019054d;position:absolute;inset:0}.cos-fx[data-fx=fireflies]>i{top:calc(12% + (var(--dr) + 1) * 38%);width:calc(4px + var(--sz) * 4px);height:calc(4px + var(--sz) * 4px);background:var(--pc);box-shadow:0 0 8px 3px color-mix(in srgb, var(--pc) 70%, transparent);opacity:.1;animation-name:cos-firefly;animation-timing-function:ease-in-out;animation-duration:calc(var(--du) * 1.1);border-radius:50%}.cos-fx[data-fx=sakura]>i{width:calc(9px + var(--sz) * 7px);height:calc(8px + var(--sz) * 6px);background:linear-gradient(135deg, var(--pc), color-mix(in srgb, var(--pc) 60%, #fff));animation-name:cos-sakura;animation-timing-function:ease-in-out;animation-duration:calc(var(--du) * 1.6);border-radius:100% 0 100% 40%;top:-16px}.cos-fx[data-fx=soap]>i{width:calc(14px + var(--sz) * 28px);height:calc(14px + var(--sz) * 28px);border:1px solid color-mix(in srgb, var(--pc) 70%, #fff);background:radial-gradient(circle at 32% 28%, #fff 0 6%, transparent 17%), radial-gradient(circle, transparent 52%, color-mix(in srgb, var(--pc) 55%, transparent) 74%, #ffffff4d 100%);opacity:0;animation-name:cos-soap;animation-timing-function:ease-in-out;animation-duration:calc(var(--du) * 1.4);border-radius:50%;top:auto;bottom:-50px}.cos-fx[data-fx=blizzard]>i{width:calc(5px + var(--sz) * 9px);height:calc(5px + var(--sz) * 9px);background:var(--pc);opacity:.9;filter:blur(calc(var(--sz) * 1.6px));animation-name:cos-blizzard;animation-timing-function:linear;animation-duration:calc(var(--du) * .5);border-radius:50%;top:-20px}.cos-fx[data-fx=glitter]>i{top:calc((var(--dr) + 1) * 46%);width:calc(5px + var(--sz) * 8px);height:calc(5px + var(--sz) * 8px);background:var(--pc);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 2px var(--pc));opacity:0;animation-name:cos-spark;animation-timing-function:ease-in-out;animation-duration:calc(var(--du) * .4)}.cos-fx[data-fx=waves]>i{top:auto;left:0;bottom:calc(var(--sz) * -6% - 4%);width:200%;height:calc(22% + var(--sz) * 26%);background:var(--pc);opacity:.4;animation-name:cos-wave-x;animation-timing-function:linear;animation-duration:calc(var(--du) * 1.2);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'%3E%3Cpath d='M0 12 Q25 0 50 12 T100 12 V20 H0Z'/%3E%3C/svg%3E") 0 0/25% 100% repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'%3E%3Cpath d='M0 12 Q25 0 50 12 T100 12 V20 H0Z'/%3E%3C/svg%3E") 0 0/25% 100% repeat-x}.cos-fx[data-fx=flutter]>i{width:calc(12px + var(--sz) * 8px);height:calc(10px + var(--sz) * 6px);opacity:0;animation-name:cos-butterfly;animation-timing-function:ease-in-out;animation-duration:calc(var(--du) * 1.8);top:0}.cos-fx[data-fx=flutter]>i:before,.cos-fx[data-fx=flutter]>i:after{content:"";background:var(--pc);width:50%;height:100%;animation:.26s ease-in-out infinite alternate cos-wingflap;position:absolute;top:0}.cos-fx[data-fx=flutter]>i:before{transform-origin:100%;border-radius:90% 10% 50% 80%;right:50%}.cos-fx[data-fx=flutter]>i:after{transform-origin:0;border-radius:10% 90% 80% 50%;left:50%}@keyframes cos-meteor{0%{opacity:0;transform:translate(0,0)rotate(33deg)}4%{opacity:1}18%{opacity:1}24%,to{opacity:0;transform:translate(55cqw,36cqw)rotate(33deg)}}@keyframes cos-rain{0%{transform:translate(0,0)rotate(10deg)}to{transform:translate(22px,calc(112cqh + 40px))rotate(10deg)}}@keyframes cos-leaf{0%{transform:translate(0,0)rotate(0)}25%{transform:translate3d(calc(var(--dr) * 26px), 28cqh, 0) rotate(120deg)}50%{transform:translate3d(calc(var(--dr) * -20px), 56cqh, 0) rotate(250deg)}75%{transform:translate3d(calc(var(--dr) * 30px), 84cqh, 0) rotate(380deg)}to{transform:translate3d(calc(var(--dr) * -10px), 114cqh, 0) rotate(520deg)}}@keyframes cos-sakura{0%{transform:translate(0,0)rotate3d(1,1,0,0)}25%{transform:translate3d(calc(var(--dr) * 24px), 28cqh, 0) rotate3d(1, 1, 0, 140deg)}50%{transform:translate3d(calc(var(--dr) * -22px), 56cqh, 0) rotate3d(1, 1, 0, 280deg)}75%{transform:translate3d(calc(var(--dr) * 28px), 84cqh, 0) rotate3d(1, 1, 0, 420deg)}to{transform:translate3d(calc(var(--dr) * -8px), 114cqh, 0) rotate3d(1, 1, 0, 560deg)}}@keyframes cos-firework{0%{opacity:0;transform:translate(-50%,-50%)scale(.05)}6%{opacity:1}38%{opacity:1;transform:translate(-50%,-50%)scale(1)}52%,to{opacity:0;transform:translate(-50%,-50%)scale(1.12)}}@keyframes cos-aurora{0%{transform:translate(-9%)scaleY(.8)rotate(-7deg)}to{transform:translate(9%,7%)scaleY(1.3)rotate(-3deg)}}@keyframes cos-matrix{0%{transform:translateY(-100%)}to{transform:translateY(calc(100cqh + 100%))}}@keyframes cos-firefly{0%,to{opacity:.1;transform:translate(0,0)}20%{opacity:1;transform:translate3d(calc(var(--dr) * 18px), -10px, 0)}45%{opacity:.25;transform:translate3d(calc(var(--dr) * -14px), -22px, 0)}70%{opacity:1;transform:translate3d(calc(var(--dr) * 22px), -8px, 0)}}@keyframes cos-soap{0%{opacity:0;transform:translate(0,0)}8%{opacity:.9}25%{transform:translate3d(calc(var(--dr) * 18px), -28cqh, 0)}50%{transform:translate3d(calc(var(--dr) * -14px), -56cqh, 0)}75%{transform:translate3d(calc(var(--dr) * 16px), -84cqh, 0)}88%{opacity:.9}to{opacity:0;transform:translateY(-118cqh)}}@keyframes cos-blizzard{0%{transform:translate(0,0)}to{transform:translate3d(calc(-50px - var(--sz) * 70px), calc(112cqh + 20px), 0)}}@keyframes cos-wave-x{to{transform:translate(-50%)}}@keyframes cos-butterfly{0%{opacity:0;transform:translateY(108cqh)}8%{opacity:1}25%{transform:translate3d(calc(var(--dr) * 30px), 78cqh, 0)}50%{transform:translate3d(calc(var(--dr) * -24px), 50cqh, 0)}75%{transform:translate3d(calc(var(--dr) * 36px), 24cqh, 0)}92%{opacity:1}to{opacity:0;transform:translateY(-12cqh)}}@keyframes cos-wingflap{0%{transform:scaleX(1)}to{transform:scaleX(.25)}}.cos-frame[data-fx=aurora]{background:conic-gradient(from var(--cos-ang), var(--c1), var(--c2), var(--c3), var(--c2), var(--c1));filter:drop-shadow(0 0 5px color-mix(in srgb, var(--c2) 60%, transparent));animation:8s linear infinite cos-ang}.cos-frame[data-fx=candy]{background:repeating-linear-gradient(45deg, var(--c1) 0 8px, var(--c2) 8px 16px);padding:5px;animation:1.4s linear infinite cos-stripes-f}.cos-frame[data-fx=lights]{background:repeating-conic-gradient(from var(--cos-ang), var(--c1) 0 5deg, transparent 5deg 10deg, var(--c2) 10deg 15deg, transparent 15deg 20deg);padding:5px;animation:14s linear infinite cos-ang}.cos-frame[data-fx=plasma]{background:radial-gradient(circle at 20% 20%, var(--c1), transparent 50%), radial-gradient(circle at 80% 30%, var(--c2), transparent 50%), radial-gradient(circle at 50% 90%, var(--c3), transparent 55%), linear-gradient(var(--c1), var(--c2));background-size:220% 220%;padding:4px;animation:5s ease-in-out infinite alternate cos-plasma}.cos-frame[data-fx=glass]{background:conic-gradient(from var(--cos-ang), #ffffff2e, var(--c1) 8%, #ffffffe6 14%, var(--c2) 20%, #ffffff2e 30% 55%, var(--c1) 62%, #ffffffd9 68%, #ffffff2e 80%);animation:7s linear infinite cos-ang}.cos-frame[data-fx=void]{background:linear-gradient(135deg, var(--c1), var(--c2));filter:drop-shadow(0 0 7px var(--c1));animation:2.4s ease-in-out infinite cos-pulse}.cos-frame[data-fx=electric]{background:conic-gradient(from var(--cos-ang), transparent 0 20%, var(--c1) 28%, #fff 31%, var(--c1) 34%, transparent 42% 70%, var(--c2) 78%, #fff 80%, var(--c2) 82%, transparent 90%);filter:drop-shadow(0 0 4px var(--c1));animation:2.4s linear infinite cos-ang}.cos-frame[data-fx=sunrise]{background:linear-gradient(90deg, var(--c1), var(--c2), var(--c3), var(--c2), var(--c1));background-size:200% 100%;padding:4px;animation:5s linear infinite cos-pan2}@keyframes cos-stripes-f{to{background-position:22.63px 0}}@keyframes cos-plasma{0%{background-position:0 0}to{background-position:100% 100%}}