.cosmic-checkbox{--size:22px;--clr-idle:#8b8fa3;--clr-active:#a855f7;--clr-glow:#c084fc;--clr-core:#e9d5ff;--clr-spark:#f0abfc;--duration:0.6s;display:inline-flex;cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%}.cosmic-checkbox.disabled{cursor:not-allowed;opacity:.5}.cosmic-checkbox input{display:none}.checkbox-container{display:flex;align-items:center;gap:12px;width:100%;padding:11px 18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:14px;transition:all .3s ease}.cosmic-checkbox input:checked~.checkbox-container{background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.3)}.cosmic-checkbox:not(.disabled):hover .checkbox-container{border-color:rgba(192,132,252,.4);background:rgba(255,255,255,.06)}.cosmic-checkbox:not(.disabled) input:checked~.checkbox-container:hover{background:rgba(139,92,246,.15)}.checkbox-box{position:relative;width:var(--size);height:var(--size);border:1.5px solid var(--clr-idle);border-radius:6px;transition:border-color .3s,background .3s,box-shadow .3s,transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cosmic-checkbox:not(.disabled):hover .checkbox-box{border-color:var(--clr-glow);box-shadow:0 0 6px rgba(168,85,247,.15)}.checkbox-bg{position:absolute;inset:0;border-radius:4px;background:linear-gradient(135deg,#7c3aed,#a855f7);opacity:0;transform:scale(.5);transition:opacity .4s ease,transform .4s cubic-bezier(.34,1.56,.64,1);z-index:1}.cosmic-checkbox input:checked~.checkbox-container .checkbox-bg{opacity:1;transform:scale(1);box-shadow:0 0 8px rgba(168,85,247,.35),0 0 18px rgba(168,85,247,.12),inset 0 0 6px rgba(233,213,255,.1)}.checkmark{width:13px;height:13px;color:#fff;opacity:0;transform:scale(0) rotate(-20deg);transition:opacity .25s ease,transform .4s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:2;pointer-events:none}.checkmark path{stroke-dasharray:28;stroke-dashoffset:28;transition:stroke-dashoffset .5s cubic-bezier(.65,0,.35,1) .15s}.label-text{font-family:var(--mapleos-font),system-ui,-apple-system,sans-serif;font-size:15px;font-weight:400;color:var(--clr-idle);letter-spacing:.3px;transition:color .35s;user-select:none;display:flex;flex-direction:column;gap:2px}.label-text .label-main{color:rgba(255,255,255,.7);font-size:14px;font-weight:400;letter-spacing:.3px;text-shadow:0 0 0 transparent;transition:color .4s ease,text-shadow .4s ease,letter-spacing .4s ease}.label-text .label-sub{color:rgba(255,255,255,.35);font-size:11px;transition:color .4s ease}.particle{width:4px;height:4px;background:var(--clr-spark);top:50%;left:50%;z-index:3}.particle,.ring{position:absolute;border-radius:50%;opacity:0;pointer-events:none}.ring{inset:-6px;border:1px solid var(--clr-glow);z-index:1}.spark{position:absolute;width:1.5px;height:8px;background:linear-gradient(to top,var(--clr-spark),transparent);opacity:0;top:50%;left:50%;transform-origin:center center;pointer-events:none;border-radius:2px;z-index:3}.s1{transform:rotate(0deg) translateY(-2px)}.s2{transform:rotate(45deg) translateY(-2px)}.s3{transform:rotate(90deg) translateY(-2px)}.s4{transform:rotate(135deg) translateY(-2px)}.s5{transform:rotate(180deg) translateY(-2px)}.s6{transform:rotate(225deg) translateY(-2px)}.s7{transform:rotate(270deg) translateY(-2px)}.s8{transform:rotate(315deg) translateY(-2px)}.cosmic-checkbox input:checked~.checkbox-container .checkbox-box{border-color:var(--clr-active);transform:scale(1);animation:cosmic-box-pulse .5s ease}@keyframes cosmic-box-pulse{0%{transform:scale(1)}30%{transform:scale(.9)}60%{transform:scale(1.08)}to{transform:scale(1)}}.cosmic-checkbox input:checked~.checkbox-container .checkmark{opacity:1;transform:scale(1) rotate(0deg)}.cosmic-checkbox input:checked~.checkbox-container .checkmark path{stroke-dashoffset:0}.cosmic-checkbox input:checked~.checkbox-container .label-main{color:var(--clr-core);font-weight:400;letter-spacing:.1px;text-shadow:0 0 12px rgba(168,85,247,.3),0 0 4px rgba(233,213,255,.15)}.cosmic-checkbox input:checked~.checkbox-container .p1{animation:cosmic-particle-fly .65s ease-out forwards;--angle:-45deg;--dist:16px;--clr:#f0abfc}.cosmic-checkbox input:checked~.checkbox-container .p2{animation:cosmic-particle-fly .6s ease-out .05s forwards;--angle:-90deg;--dist:19px;--clr:#c084fc}.cosmic-checkbox input:checked~.checkbox-container .p3{animation:cosmic-particle-fly .55s ease-out .08s forwards;--angle:0deg;--dist:15px;--clr:#e879f9}.cosmic-checkbox input:checked~.checkbox-container .p4{animation:cosmic-particle-fly .7s ease-out .03s forwards;--angle:45deg;--dist:17px;--clr:#d946ef}.cosmic-checkbox input:checked~.checkbox-container .p5{animation:cosmic-particle-fly .5s ease-out .1s forwards;--angle:135deg;--dist:14px;--clr:#a78bfa}.cosmic-checkbox input:checked~.checkbox-container .p6{animation:cosmic-particle-fly .65s ease-out .06s forwards;--angle:-135deg;--dist:17px;--clr:#818cf8}@keyframes cosmic-particle-fly{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0) scale(1);background:var(--clr)}60%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(var(--dist) * -1)) scale(1.1)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(var(--dist) * -1.4)) scale(0)}}.cosmic-checkbox input:checked~.checkbox-container .ring-1{animation:cosmic-shockwave .9s ease-out forwards}.cosmic-checkbox input:checked~.checkbox-container .ring-2{animation:cosmic-shockwave .9s ease-out .15s forwards}.cosmic-checkbox input:checked~.checkbox-container .ring-3{animation:cosmic-shockwave .9s ease-out .3s forwards}@keyframes cosmic-shockwave{0%{opacity:.3;transform:scale(.6);border-color:rgba(192,132,252,.4)}40%{opacity:.15;border-color:rgba(240,171,252,.25)}to{opacity:0;transform:scale(1.8);border-color:transparent}}.cosmic-checkbox input:checked~.checkbox-container .s1{animation:cosmic-spark-burst .5s ease-out .05s forwards;--rot:0deg}.cosmic-checkbox input:checked~.checkbox-container .s2{animation:cosmic-spark-burst .45s ease-out .08s forwards;--rot:45deg}.cosmic-checkbox input:checked~.checkbox-container .s3{animation:cosmic-spark-burst .5s ease-out .03s forwards;--rot:90deg}.cosmic-checkbox input:checked~.checkbox-container .s4{animation:cosmic-spark-burst .55s ease-out .1s forwards;--rot:135deg}.cosmic-checkbox input:checked~.checkbox-container .s5{animation:cosmic-spark-burst .5s ease-out .06s forwards;--rot:180deg}.cosmic-checkbox input:checked~.checkbox-container .s6{animation:cosmic-spark-burst .45s ease-out .09s forwards;--rot:225deg}.cosmic-checkbox input:checked~.checkbox-container .s7{animation:cosmic-spark-burst .5s ease-out .04s forwards;--rot:270deg}.cosmic-checkbox input:checked~.checkbox-container .s8{animation:cosmic-spark-burst .55s ease-out .07s forwards;--rot:315deg}@keyframes cosmic-spark-burst{0%{opacity:.8;transform:rotate(var(--rot)) translateY(-3px) scaleY(.5)}50%{opacity:.6;transform:rotate(var(--rot)) translateY(-14px) scaleY(1);background:linear-gradient(to top,var(--clr-active),transparent)}to{opacity:0;transform:rotate(var(--rot)) translateY(-22px) scaleY(.3)}}.checkbox-box:before{content:"";position:absolute;inset:-3px;border-radius:10px;background:radial-gradient(circle,rgba(168,85,247,.12),transparent 70%);opacity:0;animation:cosmic-idle-breathe 3s ease-in-out infinite;pointer-events:none}@keyframes cosmic-idle-breathe{0%,to{opacity:0;transform:scale(.95)}50%{opacity:1;transform:scale(1.15)}}.cosmic-checkbox input:checked~.checkbox-container .checkbox-box:before{animation:none;opacity:.4;transform:scale(1.1);background:radial-gradient(circle,rgba(168,85,247,.18),transparent 70%);transition:opacity .5s,transform .5s}.checkbox-box:after{content:"";position:absolute;inset:0;border-radius:8px;opacity:0;background:linear-gradient(135deg,rgba(255,255,255,.25),transparent 50%,rgba(255,255,255,.1));pointer-events:none;transition:opacity .4s .2s}.cosmic-checkbox input:checked~.checkbox-container .checkbox-box:after{opacity:1}.cosmic-checkbox input:not(:checked)~.checkbox-container .checkbox-box{background:transparent;box-shadow:none}.cosmic-checkbox input:not(:checked)~.checkbox-container .checkmark{opacity:0;transform:scale(0) rotate(-20deg)}.cosmic-checkbox input:not(:checked)~.checkbox-container .checkmark path{stroke-dashoffset:28}.cosmic-checkbox input:focus-visible~.checkbox-container .checkbox-box{outline:2px solid var(--clr-glow);outline-offset:3px}@media (max-width:768px){.checkbox-container{padding:10px 16px;border-radius:12px;gap:10px}.label-text .label-main{font-size:13px}.label-text .label-sub{font-size:10px}}