.word-counter-page{--wc-primary: #3b82f6;--wc-border: #e5e7eb;--wc-bg-light: #f9fafb;--wc-text: #111827;--wc-text-muted: #6b7280}.word-counter-page .hero{text-align:center;padding:3rem 1.5rem;background:linear-gradient(135deg, var(--wc-primary) 0%, #2563eb 100%);color:#fff;margin-bottom:2rem}.word-counter-page .hero .eyebrow{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;opacity:.9;margin-bottom:.5rem}.word-counter-page .hero h1{font-size:2rem;font-weight:700;margin:0 0 1rem;line-height:1.2}.word-counter-page .hero .subtitle{font-size:1rem;opacity:.95;max-width:600px;margin:0 auto 1.5rem;line-height:1.6}.word-counter-page .hero .hero-badges{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.word-counter-page .hero .hero-badges .badge{background:hsla(0,0%,100%,.2);padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;backdrop-filter:blur(10px)}.word-counter-page .wc-main{max-width:1200px;margin:0 auto 3rem;padding:0 1.5rem;display:grid;grid-template-columns:1fr 400px;gap:2rem;align-items:start}@media(max-width: 968px){.word-counter-page .wc-main{grid-template-columns:1fr}}.word-counter-page .wc-editor-panel{background:#fff;border:1px solid var(--wc-border);border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1);height:100%}.word-counter-page .wc-toolbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--wc-border);background:var(--wc-bg-light);flex-wrap:wrap;gap:1rem}.word-counter-page .wc-count-display{display:flex;gap:2rem}.word-counter-page .wc-count-item{display:flex;align-items:baseline;gap:.375rem}.word-counter-page .wc-count-item strong{font-size:1.5rem;font-weight:700;color:var(--wc-primary)}.word-counter-page .wc-count-item span{font-size:.875rem;color:var(--wc-text-muted)}.word-counter-page .wc-actions{display:flex;gap:.5rem}.word-counter-page .btn-secondary{padding:.5rem 1rem;font-size:.875rem;border:1px solid var(--wc-border);background:#fff;color:var(--wc-text);border-radius:.375rem;cursor:pointer;transition:all .2s}.word-counter-page .btn-secondary:hover{background:var(--wc-bg-light);border-color:var(--wc-primary)}.word-counter-page #wcInput{width:100%;min-height:calc(100% - 80px);padding:1.5rem;border:none;font-family:inherit;font-size:1rem;line-height:1.6;color:var(--wc-text);resize:vertical;outline:none}.word-counter-page #wcInput::placeholder{color:var(--wc-text-muted)}.word-counter-page .wc-stats-panel{display:flex;flex-direction:column;gap:1.5rem}.word-counter-page .wc-stats-card{background:#fff;border:1px solid var(--wc-border);border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.word-counter-page .wc-stats-card h3{font-size:1.125rem;font-weight:600;margin:0 0 1rem;color:var(--wc-text)}.word-counter-page .wc-stats-list{list-style:none;padding:0;margin:0}.word-counter-page .wc-stats-list li{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--wc-border)}.word-counter-page .wc-stats-list li:last-child{border-bottom:none}.word-counter-page .wc-stats-list li span{color:var(--wc-text-muted);font-size:.875rem}.word-counter-page .wc-stats-list li strong{color:var(--wc-text);font-weight:600}.word-counter-page .wc-keyword-list{max-height:300px;overflow-y:auto}.word-counter-page .wc-keyword-list .wc-empty-state{color:var(--wc-text-muted);font-size:.875rem;text-align:center;padding:2rem 0}.word-counter-page .wc-keyword-item{display:flex;justify-content:space-between;align-items:center;padding:.625rem 0;border-bottom:1px solid var(--wc-border)}.word-counter-page .wc-keyword-item:last-child{border-bottom:none}.word-counter-page .wc-keyword-item .wc-keyword-word{font-weight:500;color:var(--wc-text);flex:1}.word-counter-page .wc-keyword-item .wc-keyword-count{font-size:.875rem;color:var(--wc-text-muted);margin-right:1rem}.word-counter-page .wc-keyword-item .wc-keyword-percent{font-size:.875rem;font-weight:600;color:var(--wc-primary);min-width:50px;text-align:right}.word-counter-page .wc-info{max-width:1200px;margin:0 auto 3rem;padding:0 1.5rem}.word-counter-page .wc-info h2{font-size:1.75rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.word-counter-page .wc-sample{max-width:1200px;margin:0 auto 3rem;padding:0 1.5rem}.word-counter-page .wc-sample h2{font-size:1.75rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.word-counter-page .wc-sample-box{background:#fff;border:1px solid var(--wc-border);border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)}.word-counter-page .wc-sample-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:var(--wc-bg-light);border-bottom:1px solid var(--wc-border);gap:1rem;flex-wrap:wrap}.word-counter-page .wc-sample-header h3{font-size:1.125rem;font-weight:600;margin:0;color:var(--wc-text)}.word-counter-page .wc-sample-text{padding:1.5rem;font-size:.9375rem;line-height:1.7;color:var(--wc-text);max-height:300px;overflow-y:auto}.word-counter-page .wc-sample-text p{margin:0 0 1rem}.word-counter-page .wc-sample-text p:last-child{margin-bottom:0}.word-counter-page .wc-info-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1.5rem}.word-counter-page .wc-info-item{background:#fff;border:1px solid var(--wc-border);border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.word-counter-page .wc-info-item strong{display:block;font-size:1.125rem;margin-bottom:.5rem;color:var(--wc-text)}.word-counter-page .wc-info-item p{font-size:.875rem;color:var(--wc-text-muted);margin:0;line-height:1.5}.word-counter-page .article-section{max-width:1200px;margin:0 auto 3rem;padding:0 1.5rem}.word-counter-page .article-section .article-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.word-counter-page .article-section .article-heading h2{font-size:1.5rem;font-weight:700;margin:0}.word-counter-page .article-section .article-heading p{font-size:.875rem;color:var(--wc-text-muted);margin:.25rem 0 0}.word-counter-page .article-section .btn-toggle{padding:.625rem 1.25rem;background:var(--wc-primary);color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s}.word-counter-page .article-section .btn-toggle:hover{background:#2563eb}.word-counter-page .article-section .article-content{position:relative;max-height:300px;overflow:hidden;transition:max-height .3s ease}.word-counter-page .article-section .article-content.is-expanded{max-height:none}.word-counter-page .article-section .article-content.is-expanded .article-fade{display:none}.word-counter-page .article-section .article-fade{position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to bottom, transparent, white);pointer-events:none}.word-counter-page .article-section .article-content__inner{background:#fff;border:1px solid var(--wc-border);border-radius:.75rem;padding:2rem;font-size:.9375rem;line-height:1.7;color:var(--wc-text)}