.word-counter{max-width:800px;margin:0 auto}.word-input-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.word-info{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border)}.word-char-count{color:var(--text-muted);font-size:.875rem}.word-clear-btn{background:none;border:1px solid var(--border);color:var(--text-muted);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem}.word-clear-btn:hover{border-color:var(--danger);color:var(--danger)}.word-results{display:flex;flex-direction:column;gap:var(--space-lg)}.word-stats{padding:var(--space-md)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-md)}.stat-item{text-align:center;padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border);transition:transform var(--transition-fast)}.stat-item:hover{transform:translateY(-2px);border-color:var(--accent)}.stat-number{display:block;font-size:1.5rem;font-weight:700;color:var(--accent);font-family:var(--font-mono);margin-bottom:var(--space-xs)}.stat-label{font-size:.875rem;color:var(--text-muted);font-weight:500}.keyword-density{padding:var(--space-md)}.keyword-list{display:flex;flex-direction:column;gap:var(--space-sm)}.keyword-item{display:grid;grid-template-columns:40px 1fr auto auto;align-items:center;gap:var(--space-md);padding:var(--space-sm);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border)}.keyword-rank{font-weight:600;color:var(--accent);font-family:var(--font-mono);text-align:center}.keyword-word{font-weight:500;color:var(--text-primary)}.keyword-count{color:var(--text-muted);font-family:var(--font-mono);text-align:right}.keyword-percentage{color:var(--accent);font-family:var(--font-mono);font-weight:600;text-align:right;min-width:50px}.tool-guide{max-width:800px;margin:0 auto;padding:40px 0}.guide-section{margin-bottom:60px}.guide-section h2{color:var(--text-primary);font-size:2rem;margin-bottom:24px;font-family:Syne,sans-serif;border-bottom:2px solid var(--accent);padding-bottom:8px}.guide-section h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:12px}.guide-section p{color:var(--text-secondary);line-height:1.7;margin-bottom:16px}.guide-steps{display:flex;flex-direction:column;gap:32px}.step{display:flex;gap:24px;align-items:flex-start}.step-number{width:48px;height:48px;background:var(--accent);color:var(--bg-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0}.step-content{flex:1}.step-content h3{color:var(--accent);margin-bottom:12px;font-size:1.3rem}.step-content p{color:var(--text-secondary);line-height:1.7;margin:0}.faq-list{display:flex;flex-direction:column;gap:24px}.faq-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:24px;transition:all .3s ease}.faq-item:hover{border-color:var(--accent);box-shadow:0 4px 12px #0000001a}.faq-item h3{color:var(--text-primary);margin-bottom:12px;font-size:1.1rem}.faq-item p{color:var(--text-secondary);line-height:1.6;margin:0}.related-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.related-tool{display:block;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:24px;text-decoration:none;transition:all .3s ease}.related-tool:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.tool-icon{color:var(--accent);font-weight:600;font-size:1.1rem;margin-bottom:8px}.tool-description{color:var(--text-secondary);line-height:1.5;font-size:.9rem}@media(max-width:768px){.stat-grid{grid-template-columns:repeat(2,1fr)}.keyword-item{grid-template-columns:30px 1fr 40px 40px;gap:var(--space-sm);font-size:.875rem}.word-info{flex-direction:column;gap:var(--space-sm);align-items:flex-start}.tool-guide{padding:20px 0}.guide-section h2{font-size:1.5rem}.step{gap:16px}.step-number{width:40px;height:40px;font-size:1rem}.related-tools{grid-template-columns:1fr}}.last-updated{text-align:center;padding:24px 0;border-top:1px solid var(--border);margin-top:60px}.last-updated p{color:var(--text-muted);font-size:14px;margin:0}@media(max-width:480px){.guide-section{margin-bottom:40px}.faq-item,.related-tool{padding:16px}}