:root{--bg-primary:#0f0f0f;--bg-secondary:#1a1a2e;--bg-card:#16213e;--bg-input:#1a1a2e;--text-primary:#e8e8e8;--text-secondary:#a0a0b0;--text-muted:#6b6b7b;--accent:#4e9af1;--accent-hover:#3d7dd4;--accent-dim:rgba(78, 154, 241, 0.15);--success:#4caf50;--warning:#ff9800;--danger:#f44336;--border:#2a2a3e;--radius:8px;--radius-lg:12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.breadcrumb{max-width:900px;margin:0 auto;padding:16px 20px;font-size:.875rem;color:var(--text-muted)}.breadcrumb a{color:var(--accent);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.container{max-width:900px;margin:0 auto;padding:0 20px 40px}.tool-header{margin-bottom:32px}.tool-header h1{font-size:1.75rem;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.subtitle{color:var(--text-secondary);font-size:1rem}.input-section{margin-bottom:28px}#text-input{width:100%;min-height:200px;padding:16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:1rem;line-height:1.7;resize:vertical;font-family:inherit;transition:border-color .2s}#text-input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}#text-input::placeholder{color:var(--text-muted)}.input-actions{display:flex;gap:10px;margin-top:12px;justify-content:flex-end}.btn{padding:8px 18px;border:none;border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s}.btn:active{transform:scale(.97)}.btn-secondary{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border);color:var(--text-primary)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:32px}.metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;text-align:center;display:flex;flex-direction:column;gap:6px}.metric-value{font-size:1.5rem;font-weight:700;color:var(--accent)}.metric-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.density-section,.info-section,.reading-level-section,.social-limits-section{margin-bottom:32px}.density-section h2,.info-section h2,.reading-level-section h2,.social-limits-section h2{font-size:1.25rem;margin-bottom:16px;color:var(--text-primary)}.density-table-wrapper{overflow-x:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.density-table{width:100%;border-collapse:collapse;font-size:.9rem}.density-table th{background:var(--bg-secondary);color:var(--text-secondary);text-align:left;padding:10px 14px;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.density-table td{padding:10px 14px;border-top:1px solid var(--border);color:var(--text-primary)}.density-table tbody tr:hover{background:rgba(78,154,241,.05)}.empty-state{text-align:center;color:var(--text-muted);padding:24px 14px!important;font-style:italic}.social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.social-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.social-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.social-name{font-weight:600;color:var(--text-primary);font-size:.95rem}.social-limit{color:var(--text-muted);font-size:.85rem}.social-bar-container{height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden;margin-bottom:8px}.social-bar{height:100%;width:0%;border-radius:3px;background:var(--success);transition:width .3s ease,background-color .3s}.social-bar.warning{background:var(--warning)}.social-bar.danger{background:var(--danger)}.social-remaining{font-size:.8rem;color:var(--text-muted)}.reading-level-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.level-indicator{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.level-label{display:block;font-size:1.2rem;font-weight:700;color:var(--accent);margin-bottom:4px}.level-description{font-size:.9rem;color:var(--text-secondary)}.level-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.level-stat{text-align:center}.level-stat-value{display:block;font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.level-stat-label{font-size:.78rem;color:var(--text-muted)}.info-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.info-section h2{font-size:1.1rem;margin-bottom:12px}.info-section p{color:var(--text-secondary);font-size:.9rem;margin-bottom:10px}.info-section p:last-child{margin-bottom:0}@media (max-width:600px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.social-grid{grid-template-columns:1fr}.tool-header h1{font-size:1.4rem}}