@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121826;color:#f9fafb;line-height:1.6}.app-container{width:100%;max-width:900px;margin:0 auto;padding:40px 20px;display:flex;flex-direction:column;gap:40px}.app-header{text-align:center;animation:fadeInDown .8s ease-out}.app-header h1{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:8px}.app-header p{font-size:1.1rem;color:#a3aabf}.word-counter-container{background-color:#1a2233;border-radius:16px;padding:32px;box-shadow:0 10px 30px #0003;border:1px solid #2a344a;display:flex;flex-direction:column;gap:32px;animation:fadeInUp .8s ease-out}.results-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.stat-card{background-color:#2a344a;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00bfff1a}.stat-card svg{width:28px;height:28px;color:#00bfff}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.75rem;font-weight:700;color:#fff}.stat-label{font-size:.9rem;color:#a3aabf;text-transform:uppercase;letter-spacing:.5px}.text-area-container{position:relative}.text-input{width:100%;min-height:250px;background-color:#121826;border:1px solid #2a344a;border-radius:12px;padding:20px;font-family:Poppins,sans-serif;font-size:1rem;color:#f9fafb;resize:vertical;transition:border-color .3s ease,box-shadow .3s ease}.text-input::placeholder{color:#6b7280}.text-input:focus{outline:none;border-color:#00bfff;box-shadow:0 0 0 3px #00bfff33}.btn-reset{position:absolute;bottom:15px;right:15px;background-color:#2a344a;color:#a3aabf;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease,color .3s ease,transform .3s ease;opacity:0;animation:fadeIn .5s forwards}.btn-reset:hover{background-color:#00bfff;color:#fff;transform:rotate(90deg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.app-header h1{font-size:2rem}.results-bar{grid-template-columns:1fr}.word-counter-container{padding:24px}}@media (max-width: 480px){.app-container{padding:20px 15px}.app-header h1{font-size:1.8rem}.app-header p{font-size:1rem}.stat-card{flex-direction:column;align-items:flex-start;text-align:left}}