.x-icon::before{content:'×';font-weight:bold;font-size:1.5em;line-height:.6}body{background:linear-gradient(135deg,#F5F0FF 0%,#F0F0FF 100%)}.gradient-text{background:linear-gradient(135deg,#B066FF 0%,#4785FF 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.card-bg{background:rgba(255,255,255,.9);backdrop-filter:blur(10px);transition:all .3s ease}.card-bg:hover{background:rgba(255,255,255,.95);transform:translateY(-2px);box-shadow:0 4px 12px rgba(176,102,255,.1)}.category-pill{transition:all .3s ease}.category-pill.active{background:linear-gradient(135deg,#B066FF 0%,#4785FF 100%);color:white}.category-pill:hover:not(.active){background:rgba(176,102,255,.1)}.tag{background-color:var(--tag-bg);color:var(--tag-text);transition:all .2s ease}.tag:hover{background-color:rgba(176,102,255,.2);cursor:pointer}.tag.active-tag{background:linear-gradient(135deg,#B066FF 0%,#4785FF 100%);color:white}.tool-card{display:none}.tool-card.show{display:block;animation:fadeIn .3s ease-in-out}.subcategory{display:none}.subcategory.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.no-results{text-align:center;padding:2rem;color:var(--text-gray);display:none}.no-results.show{display:block}