.counter-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:all .2s}.counter-btn:hover{transform:scale(1.1)}.counter-value{min-width:30px;text-align:center;font-weight:600}.happy-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.gradient-text{background-clip:text;-webkit-background-clip:text;color:transparent;background-image:linear-gradient(45deg,#ef476f,#ffd166)}.when-to-use.svelte-duurrh{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;overflow:hidden}.when-to-use-toggle.svelte-duurrh{padding:12px 16px;font-size:.82rem;font-weight:600;color:var(--text-2);cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px}.when-to-use-toggle.svelte-duurrh::-webkit-details-marker{display:none}.when-to-use-toggle.svelte-duurrh:before{content:"▸";font-size:.7rem;transition:transform .15s ease!important}.when-to-use[open].svelte-duurrh .when-to-use-toggle:where(.svelte-duurrh):before{transform:rotate(90deg)}.when-to-use-toggle.svelte-duurrh:hover{color:var(--text)}.when-to-use-list.svelte-duurrh{padding:0 16px 14px 32px;margin:0;display:flex;flex-direction:column;gap:6px}.when-to-use-list.svelte-duurrh li:where(.svelte-duurrh){font-size:.82rem;line-height:1.5;color:var(--text-2)}.when-to-use-list.svelte-duurrh strong:where(.svelte-duurrh){color:var(--text)}