.word-counter-container{max-width:1200px;margin:0 auto;padding:20px;width:100%}.header-section{text-align:center;margin-bottom:40px}.header-section h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--primary-color);margin-bottom:12px;letter-spacing:-.025em}[data-theme=dark] .header-section h1{color:var(--color-color3)}.header-section p{font-size:1.2rem;color:var(--text-color);opacity:.8;max-width:600px;margin:0 auto}.input-section{margin-bottom:40px}.word-counter-textarea{width:100%;min-height:300px;padding:20px;font-size:16px;line-height:1.6;border:2px solid var(--color-midGray);border-radius:16px;resize:vertical;font-family:inherit;background-color:var(--bg-color);color:var(--text-color);transition:all .3s ease;box-sizing:border-box}[data-theme=dark] .word-counter-textarea{background-color:var(--color-lightBlack);border-color:var(--color-midDarkBlue)}.word-counter-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3273961a}.word-counter-textarea::placeholder{color:var(--text-color);opacity:.5}.input-controls{display:flex;justify-content:space-between;align-items:center;margin-top:16px;gap:16px}.clear-btn{display:flex;align-items:center;gap:8px;background:#e74c3c;color:#fff;border:none;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;width:auto}.clear-btn:hover{background:#c0392b;transform:translateY(-1px)}.quick-stats{display:flex;gap:20px;font-size:14px;color:var(--text-color);opacity:.8;font-weight:500}.stats-section{margin-bottom:40px;padding:24px;background:var(--color-lightGray);border-radius:16px;border:1px solid var(--color-midGray)}.stats-section.reduce-margin-bottom{margin-bottom:0}[data-theme=dark] .stats-section{background:var(--color-lightBlack);border-color:var(--color-midDarkBlue)}.stats-section h2{font-size:1.5rem;font-weight:600;color:var(--primary-color);margin-bottom:20px;display:flex;align-items:center;gap:8px}[data-theme=dark] .stats-section h2{color:var(--color-color3)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-card{background:var(--bg-color);padding:20px;border-radius:12px;text-align:center;border:1px solid var(--color-midGray);transition:all .2s ease}[data-theme=dark] .stat-card{background:var(--color-midDarkBlue);border-color:var(--color-lightDarkBlue)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}[data-theme=dark] .stat-card:hover{box-shadow:0 4px 12px #0000004d}.stat-number{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:4px}[data-theme=dark] .stat-number{color:var(--color-color3)}.stat-label{font-size:.9rem;color:var(--text-color);opacity:.8;font-weight:500}.time-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.time-card{background:var(--bg-color);padding:24px;border-radius:16px;border:1px solid var(--color-midGray);display:flex;align-items:center;gap:20px;transition:all .2s ease}[data-theme=dark] .time-card{background:var(--color-midDarkBlue);border-color:var(--color-lightDarkBlue)}.time-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}[data-theme=dark] .time-card:hover{box-shadow:0 6px 20px #0000004d}.time-icon{font-size:2.5rem;flex-shrink:0}.time-content{flex:1}.time-number{font-size:1.8rem;font-weight:700;color:var(--primary-color);margin-bottom:4px}[data-theme=dark] .time-number{color:var(--color-color3)}.time-label{font-size:1rem;font-weight:600;color:var(--text-color);margin-bottom:2px}.time-subtitle{font-size:.8rem;color:var(--text-color);opacity:.6}.advanced-stats{display:flex;flex-direction:column;gap:16px}.advanced-stat{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--bg-color);border-radius:12px;border:1px solid var(--color-midGray)}[data-theme=dark] .advanced-stat{background:var(--color-midDarkBlue);border-color:var(--color-lightDarkBlue)}.advanced-label{font-weight:500;color:var(--text-color)}.advanced-value{font-weight:600;color:var(--primary-color)}[data-theme=dark] .advanced-value{color:var(--color-color3)}.words-list{display:flex;flex-wrap:wrap;gap:12px}.word-item{display:flex;align-items:center;gap:8px;background:var(--bg-color);padding:10px 16px;border-radius:20px;border:1px solid var(--color-midGray);font-size:.9rem}[data-theme=dark] .word-item{background:var(--color-midDarkBlue);border-color:var(--color-lightDarkBlue)}.word-text{font-weight:500;color:var(--text-color)}.word-count{background:var(--primary-color);color:#fff;padding:2px 8px;border-radius:12px;font-size:.8rem;font-weight:600;min-width:20px;text-align:center}.social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.social-card{background:var(--bg-color);padding:20px;border-radius:16px;border:1px solid var(--color-midGray);transition:all .2s ease}[data-theme=dark] .social-card{background:var(--color-midDarkBlue);border-color:var(--color-lightDarkBlue)}.social-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}[data-theme=dark] .social-card:hover{box-shadow:0 4px 12px #0000004d}.social-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.social-name{font-weight:600;color:var(--text-color);font-size:1rem}.social-remaining{font-size:.85rem;color:var(--text-color);opacity:.8}.social-progress{height:8px;background:var(--color-midGray);border-radius:4px;overflow:hidden;margin-bottom:8px}[data-theme=dark] .social-progress{background:var(--color-lightDarkBlue)}.social-progress-bar{height:100%;background:var(--primary-color);transition:all .3s ease;border-radius:4px}.social-progress-bar.warning{background:#f39c12}.social-progress-bar.over-limit{background:#e74c3c}.social-info{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-color);opacity:.8}.features-section{margin-top:60px;text-align:center}.features-section h2{font-size:2rem;font-weight:600;color:var(--primary-color);margin-bottom:40px}[data-theme=dark] .features-section h2{color:var(--color-color3)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.feature-card{background:var(--color-lightGray);padding:32px 24px;border-radius:16px;border:1px solid var(--color-midGray);text-align:center;transition:all .3s ease}[data-theme=dark] .feature-card{background:var(--color-lightBlack);border-color:var(--color-midDarkBlue)}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}[data-theme=dark] .feature-card:hover{box-shadow:0 8px 25px #0000004d}.feature-icon{font-size:2.5rem;margin-bottom:16px}.feature-card h3{font-size:1.2rem;font-weight:600;color:var(--text-color);margin-bottom:12px}.feature-card p{color:var(--text-color);opacity:.8;line-height:1.5;margin:0}@media (max-width: 768px){.word-counter-container{padding:16px}.header-section{margin-bottom:32px}.header-section h1{font-size:2rem}.header-section p{font-size:1rem}.word-counter-textarea{min-height:250px;padding:16px;font-size:15px}.input-controls{flex-direction:column;align-items:stretch;gap:12px}.quick-stats{justify-content:center;order:-1}.clear-btn{justify-content:center}.stats-section{padding:20px;margin-bottom:32px}.stats-section h2{font-size:1.3rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.stat-card{padding:16px}.stat-number{font-size:1.5rem}.time-grid{grid-template-columns:1fr;gap:16px}.time-card{padding:20px;gap:16px}.time-icon{font-size:2rem}.time-number{font-size:1.5rem}.advanced-stat{flex-direction:column;align-items:flex-start;gap:8px;text-align:left}.social-grid{grid-template-columns:1fr;gap:16px}.features-grid{grid-template-columns:1fr;gap:20px}.feature-card{padding:24px 20px}.features-section{margin-top:40px}.features-section h2{font-size:1.8rem;margin-bottom:32px}}@media (max-width: 480px){.word-counter-container{padding:12px}.word-counter-container .donation-cta-header p{font-size:.85rem}.stats-grid{grid-template-columns:1fr 1fr}.time-card{flex-direction:column;text-align:center;gap:12px}.words-list{justify-content:center}}@media (max-width: 376px){.header-section p{font-size:.95rem}}