body{font-family:'Inter',sans-serif}.my-word-character-counter-plugin-container{background-color:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 25px rgb(0 0 0 / .1);width:100%;max-width:800px;margin:20px auto;box-sizing:border-box;border:1px solid #e0e0e0}.my-word-character-counter-plugin-container h2{text-align:center;margin-bottom:40px}.my-word-character-counter-plugin-container h2 span{display:block;font-size:4rem;font-weight:800;background:linear-gradient(135deg,#6d28d9,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;color:#fff0;text-shadow:2px 2px 8px rgb(0 0 0 / .2);transition:all 0.3s ease-in-out;line-height:1.2}.my-word-character-counter-plugin-container h2 span:hover{transform:scale(1.02);text-shadow:3px 3px 10px rgb(0 0 0 / .3)}.my-word-character-counter-plugin-container textarea{width:100%;min-height:200px;padding:15px;border:2px solid #a78bfa;border-radius:10px;font-size:1rem;line-height:1.5;resize:vertical;outline:none;transition:border-color 0.3s ease-in-out,box-shadow 0.3s ease-in-out;box-sizing:border-box;margin-bottom:20px}.my-word-character-counter-plugin-container textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px rgb(139 92 246 / .2)}.count-button{display:block;width:100%;padding:15px 25px;background:linear-gradient(135deg,#6d28d9,#8b5cf6);color:#fff;font-size:1.2rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 5px 15px rgb(109 40 217 / .3);margin-bottom:30px;text-transform:uppercase;letter-spacing:1px}.count-button:hover{background:linear-gradient(135deg,#4c1d95,#6d28d9);box-shadow:0 8px 20px rgb(109 40 217 / .4);transform:translateY(-2px)}.count-button:active{transform:translateY(0);box-shadow:0 3px 10px rgb(109 40 217 / .2)}.my-word-character-counter-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-top:25px}.my-word-character-counter-item{background-color:#ede9fe;padding:20px 25px;border-radius:12px;text-align:center;box-shadow:0 5px 15px rgb(0 0 0 / .08);transition:transform 0.3s ease,background-color 0.3s ease,box-shadow 0.3s ease;cursor:pointer;border:1px solid #dcd0ff}.my-word-character-counter-item:hover{transform:translateY(-5px) scale(1.02);background-color:#dbd2fe;box-shadow:0 8px 20px rgb(0 0 0 / .12)}.my-word-character-counter-item strong{display:block;font-size:2.5rem;color:#6d28d9;margin-bottom:8px;transition:color 0.3s ease}.my-word-character-counter-item:hover strong{color:#4c1d95}.my-word-character-counter-item span{font-size:1.1rem;color:#5b21b6;font-weight:600}@media (max-width:640px){.my-word-character-counter-plugin-container{padding:20px}.my-word-character-counter-display{grid-template-columns:1fr}.my-word-character-counter-item{width:100%;max-width:250px;margin:0 auto}.my-word-character-counter-item strong{font-size:2rem}.my-word-character-counter-item span{font-size:1rem}}