.word-counting-container{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;max-width:800px;margin:0 auto;padding:20px}.word-counting-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgb(0 0 0 / .08);padding:30px;transition:all 0.3s ease}.word-counting-card:hover{box-shadow:0 8px 30px rgb(0 0 0 / .12)}.word-counting-title{color:#6528F7;font-size:28px;font-weight:700;margin:0 0 25px 0;text-align:center}.word-counting-input-container{margin-bottom:25px}.word-counting-textarea{width:100%;min-height:200px;padding:16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;line-height:1.6;resize:vertical;transition:border-color 0.3s ease,box-shadow 0.3s ease;background-color:#fff;color:#333}.word-counting-textarea:focus{outline:none;border-color:#6528F7;box-shadow:0 0 0 3px rgb(101 40 247 / .15)}.word-counting-textarea::placeholder{color:#9e9e9e}.word-counting-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.word-counting-result-box{display:flex;align-items:center;background-color:#F2F0FE;padding:20px;border-radius:10px;transition:transform 0.3s ease,box-shadow 0.3s ease}.word-counting-result-box:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgb(101 40 247 / .1)}.word-counting-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:#6528F7;color:#fff;border-radius:50%;margin-right:15px;font-size:20px}.word-counting-result-content{display:flex;flex-direction:column}.word-counting-result-label{font-size:14px;color:#666;margin-bottom:5px;font-weight:500}.word-counting-result-value{font-size:28px;font-weight:700;color:#6528F7}@media (max-width:768px){.word-counting-container{padding:15px}.word-counting-card{padding:20px}.word-counting-results{grid-template-columns:1fr}.word-counting-title{font-size:24px}}@media (max-width:480px){.word-counting-card{padding:15px}.word-counting-result-box{flex-direction:column;text-align:center;padding:15px}.word-counting-icon{margin-right:0;margin-bottom:10px}}@media (prefers-contrast:high){.word-counting-textarea{border-width:3px}.word-counting-result-box{border:2px solid #6528F7}}@media (prefers-reduced-motion:reduce){.word-counting-card,.word-counting-result-box,.word-counting-textarea{transition:none}.word-counting-result-box:hover{transform:none}}.word-counting-textarea:focus-visible,.word-counting-result-box:focus-visible{outline:2px solid #6528F7;outline-offset:2px}@media (prefers-color-scheme:dark){.word-counting-card{background-color:#2d2d2d;color:#f0f0f0}.word-counting-textarea{background-color:#3d3d3d;border-color:#555;color:#f0f0f0}.word-counting-textarea::placeholder{color:#aaa}.word-counting-result-label{color:#ccc}}