.clm-widget *{box-sizing:border-box}.clm-widget{position:relative;max-width:680px;margin:24px auto;padding:24px;border-radius:24px;background:linear-gradient(140deg,#ff9a9e 0%,#fad0c4 35%,#a1c4fd 70%,#c2e9fb 100%);color:#2d2d2d;box-shadow:0 16px 40px rgb(255 87 138 / .22);overflow:hidden}.clm-header h2{margin:0;color:#3f004e;font-size:1.75rem;line-height:1.2}.clm-header p{margin:8px 0 20px;font-size:.96rem;color:#4f174f}.clm-form{display:grid;gap:10px}.clm-label{font-weight:700;color:#34013f}.clm-input{width:100%;padding:12px 14px;border:2px solid #ff82a9;border-radius:10px;font-size:16px;outline:0;background:rgb(255 255 255 / .95)}.clm-input:focus{border-color:#5f4bc3;box-shadow:0 0 0 3px rgb(95 75 195 / .2)}.clm-button{margin-top:6px;border:0;border-radius:999px;padding:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff4f81,#8f44ff);cursor:pointer;transition:transform 0.2s ease,opacity 0.2s ease}.clm-button:hover:not(:disabled){transform:translateY(-1px)}.clm-button:disabled{opacity:.65;cursor:not-allowed}.clm-loading{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.45s ease,visibility 0.45s ease}.clm-loading.clm-loading-visible{opacity:1;visibility:visible;pointer-events:auto}.clm-loading-backdrop{position:absolute;inset:0;background:rgb(255 210 220 / .52);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.clm-loading-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgb(255 120 160 / .35) 0%,transparent 55%),radial-gradient(circle at 20% 80%,rgb(143 68 255 / .18) 0%,transparent 45%),radial-gradient(circle at 80% 20%,rgb(255 180 200 / .2) 0%,transparent 40%);animation:clmGlowPulse 3s ease-in-out infinite}.clm-music-toggle{position:absolute;top:14px;right:14px;z-index:3;width:42px;height:42px;border:0;border-radius:50%;background:rgb(255 255 255 / .88);box-shadow:0 6px 18px rgb(80 0 80 / .15);cursor:pointer;font-size:1.1rem;line-height:1;transition:transform 0.2s ease,background 0.2s ease}.clm-music-toggle:hover{transform:scale(1.06);background:#fff}.clm-loading-stage{position:relative;z-index:2;width:230px;height:230px;display:flex;align-items:center;justify-content:center}.clm-loading-orbit{position:absolute;inset:0;animation:clmOrbitSpin 6s linear infinite}.clm-orbit-item{position:absolute;font-size:.78rem;color:#ff4f81;text-shadow:0 0 10px rgb(255 79 129 / .75);animation:clmOrbitPulse 1.6s ease-in-out infinite}.clm-orbit-item:nth-child(1){top:4px;left:50%;transform:translateX(-50%)}.clm-orbit-item:nth-child(2){top:22%;right:6px;animation-delay:0.2s}.clm-orbit-item:nth-child(3){bottom:22%;right:10px;animation-delay:0.4s}.clm-orbit-item:nth-child(4){bottom:4px;left:50%;transform:translateX(-50%);animation-delay:0.6s}.clm-orbit-item:nth-child(5){bottom:22%;left:6px;animation-delay:0.8s}.clm-orbit-item:nth-child(6){top:22%;left:10px;animation-delay:1s}.clm-progress-ring{position:absolute;width:176px;height:176px;transform:rotate(-90deg)}.clm-progress-track{fill:none;stroke:rgb(255 255 255 / .35);stroke-width:5}.clm-progress-fill{fill:none;stroke:#ff4f81;stroke-width:5;stroke-linecap:round;stroke-dasharray:264;stroke-dashoffset:264;filter:drop-shadow(0 0 6px rgb(255 79 129 / .65))}.clm-loading-visible .clm-progress-fill.clm-progress-animate{animation:clmProgressFill 5s linear forwards}.clm-loading-hearts{position:absolute;inset:0;pointer-events:none}.clm-float-heart{position:absolute;font-size:.85rem;color:#ff4f81;opacity:0;animation:clmFloatHeart 2.6s ease-in-out infinite;text-shadow:0 0 8px rgb(255 79 129 / .6)}.clm-float-heart:nth-child(1){top:18%;left:22%;animation-delay:0s}.clm-float-heart:nth-child(2){top:12%;right:20%;animation-delay:0.4s}.clm-float-heart:nth-child(3){bottom:22%;left:16%;animation-delay:0.8s}.clm-float-heart:nth-child(4){bottom:14%;right:18%;animation-delay:1.2s}.clm-float-heart:nth-child(5){top:42%;left:8%;animation-delay:1.6s}.clm-float-heart:nth-child(6){top:38%;right:6%;animation-delay:2s}.clm-loading-core{position:relative;z-index:2;width:72px;height:72px;display:flex;align-items:center;justify-content:center;animation:clmHeartFloat 3.2s ease-in-out infinite}.clm-heart-glow{position:absolute;inset:-18px;border-radius:50%;background:radial-gradient(circle,rgb(255 79 129 / .55) 0%,#fff0 70%);animation:clmHeartGlow 1.4s ease-in-out infinite}.clm-heart-icon{position:relative;font-size:2.8rem;line-height:1;animation:clmHeartbeat 1.4s ease-in-out infinite;filter:drop-shadow(0 0 16px rgb(255 79 129 / .9))}.clm-loading-text{position:absolute;bottom:-38px;left:50%;width:max-content;max-width:260px;min-height:1.4em;margin:0;transform:translateX(-50%);font-size:.98rem;font-weight:700;color:#4a0a52;text-align:center;opacity:0;transition:opacity 0.35s ease}.clm-loading-text.clm-text-visible{opacity:1}.clm-loading-text.clm-typing::after{content:'|';margin-left:2px;animation:clmBlink 0.75s step-end infinite}.clm-result-card{position:relative;margin-top:22px;border-radius:18px;padding:18px;background:rgb(255 255 255 / .95);color:#301047;border:1px solid rgb(255 255 255 / .7);box-shadow:0 10px 28px rgb(40 0 60 / .12);opacity:0;transform:scale(.94) translateY(14px);overflow:hidden}.clm-result-card.clm-result-reveal{animation:clmResultIn 0.75s cubic-bezier(.22,1,.36,1) forwards}.clm-celebration{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}.clm-burst-particle,.clm-soft-particle{position:absolute;top:42%;left:50%;font-size:1rem;opacity:0;transform:translate(-50%,-50%)}.clm-burst-particle{animation:clmBurstOut 2.2s ease-out var(--delay) forwards}.clm-soft-particle{font-size:.9rem;animation:clmSoftFloat 3.8s ease-in-out var(--delay) forwards;transform:translate(-50%,-50%)}.clm-hidden{display:none}.clm-result-top{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.95rem}.clm-result-label{font-weight:700}.clm-result-pair{font-weight:700}.clm-percentage-wrap{margin:14px 0;text-align:center;padding:18px;border-radius:16px;background:linear-gradient(130deg,#ff6f91,#fcb045);color:#fff}.clm-percent{font-size:3rem;line-height:1;font-weight:900;display:block;font-variant-numeric:tabular-nums}.clm-percent.clm-percent-pop{animation:clmPercentPop 0.85s cubic-bezier(.34,1.56,.64,1) 0.15s both}.clm-percent-text{display:block;margin-top:6px;font-size:1rem;font-weight:600}.clm-result-message{margin:0 0 16px;line-height:1.5;font-size:1.05rem;font-weight:700;text-align:center;opacity:0;transform:translateY(8px)}.clm-result-message.clm-message-reveal{animation:clmMessageIn 0.65s ease forwards}.clm-share-btn{display:block;width:fit-content;margin:0 auto;border:0;font-family:inherit;cursor:pointer;padding:11px 18px;border-radius:10px;font-weight:700;color:#fff;background:linear-gradient(135deg,#1fa855,#128c7e);box-shadow:0 8px 20px rgb(18 140 126 / .28);transition:transform 0.2s ease,opacity 0.2s ease}.clm-share-btn:hover:not(:disabled){transform:translateY(-1px)}.clm-share-btn:disabled{opacity:.7;cursor:wait}.clm-share-btn.clm-share-loading{position:relative;opacity:.85;pointer-events:none}.clm-share-btn.clm-share-loading::after{content:'';position:absolute;right:12px;top:50%;width:16px;height:16px;margin-top:-8px;border:2px solid rgb(255 255 255 / .35);border-top-color:#fff;border-radius:50%;animation:clmShareSpin 0.7s linear infinite}@keyframes clmShareSpin{to{transform:rotate(360deg)}}.clm-share-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:16px}.clm-share-modal.clm-hidden{display:none!important}body.clm-share-open{overflow:hidden}.clm-share-modal-backdrop{position:absolute;inset:0;z-index:1;background:rgb(25 0 35 / .68);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);cursor:pointer}.clm-share-modal-panel{position:relative;z-index:2;width:min(100%, 380px);max-height:calc(100vh - 32px);overflow-y:auto;padding:18px;border-radius:18px;background:#fff;box-shadow:0 20px 50px rgb(40 0 60 / .28);text-align:center;pointer-events:auto}.clm-share-modal-title{margin:0 0 6px;color:#3f004e;font-size:1.15rem}.clm-share-help{margin:0 0 12px;color:#7b3f86;font-size:.85rem;line-height:1.4}.clm-share-preview{display:block;width:100%;max-width:320px;min-height:200px;height:auto;margin:0 auto;border:0;border-radius:14px;box-shadow:0 10px 24px rgb(255 79 129 / .18);background:#fce9f0;object-fit:contain;transition:opacity 0.25s ease}.clm-share-caption{margin:12px 0 14px;color:#4f174f;font-size:.88rem;line-height:1.45;white-space:pre-line}.clm-share-actions{display:grid;gap:8px}.clm-share-download-btn,.clm-share-whatsapp-btn,.clm-share-close-btn{border:0;border-radius:10px;padding:11px 14px;font-family:inherit;font-weight:700;cursor:pointer}.clm-share-download-btn{color:#fff;background:linear-gradient(135deg,#ff4f81,#8f44ff)}.clm-share-whatsapp-btn{color:#fff;background:linear-gradient(135deg,#1fa855,#128c7e)}.clm-share-close-btn{color:#4f174f;background:#f3edf5}@keyframes clmGlowPulse{0%,100%{opacity:.75}50%{opacity:1}}@keyframes clmOrbitSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes clmOrbitPulse{0%,100%{opacity:.7}50%{opacity:1}}@keyframes clmProgressFill{to{stroke-dashoffset:0}}@keyframes clmHeartFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes clmHeartGlow{0%,100%{transform:scale(.95);opacity:.65}50%{transform:scale(1.08);opacity:1}}@keyframes clmHeartbeat{0%,100%{transform:scale(1)}14%{transform:scale(1.18)}28%{transform:scale(1)}42%{transform:scale(1.12)}70%{transform:scale(1)}}@keyframes clmFloatHeart{0%{opacity:0;transform:translateY(8px) scale(.7)}35%{opacity:.95}100%{opacity:0;transform:translateY(-28px) scale(1.1)}}@keyframes clmBlink{50%{opacity:0}}@keyframes clmResultIn{from{opacity:0;transform:scale(.92) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes clmPercentPop{from{opacity:0;transform:scale(.25)}to{opacity:1;transform:scale(1)}}@keyframes clmMessageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes clmBurstOut{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateX(0) scale(.4)}15%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateX(var(--distance)) scale(1.15)}}@keyframes clmSoftFloat{0%{opacity:0;transform:translate(-50%,-50%) translateY(12px) scale(.8)}20%{opacity:.85}100%{opacity:0;transform:translate(-50%,-50%) translateY(-36px) scale(1)}}@media (max-width:600px){.clm-widget{margin:14px 12px;padding:16px}.clm-loading-stage{width:200px;height:200px}.clm-progress-ring{width:152px;height:152px}.clm-heart-icon{font-size:2.3rem}.clm-loading-text{font-size:.88rem;bottom:-32px}.clm-percentage-wrap{padding:14px}.clm-percent{font-size:2.5rem}}@media (prefers-reduced-motion:reduce){.clm-loading-glow,.clm-loading-orbit,.clm-orbit-item,.clm-float-heart,.clm-loading-core,.clm-heart-glow,.clm-heart-icon,.clm-progress-fill.clm-progress-animate,.clm-result-card.clm-result-reveal,.clm-percent.clm-percent-pop,.clm-result-message.clm-message-reveal,.clm-burst-particle,.clm-soft-particle{animation:none}.clm-loading,.clm-loading-text,.clm-result-card{transition:none}.clm-result-card.clm-result-reveal,.clm-result-message.clm-message-reveal{opacity:1;transform:none}.clm-loading-visible .clm-progress-fill.clm-progress-animate{stroke-dashoffset:0}.clm-loading-text.clm-typing::after{content:none}}