:root{--wc-color-accent:#3b82f6;--wc-spacing:8px}.word-counter{max-width:1200px;margin:0 auto;padding:24px;font-family:system-ui}.word-counter__header{text-align:center;border-bottom:2px solid var(--wc-color-accent);margin-bottom:32px;padding-bottom:24px}.word-counter__header h1{color:var(--wc-color-accent);margin:0 0 8px;font-size:28px}.word-counter__header p{color:#666;margin:0}.word-counter__main{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px;display:grid}@media (max-width:768px){.word-counter__main{grid-template-columns:1fr}}.word-counter__section{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a}.word-counter__section h2{margin:0 0 16px;font-size:18px}.word-counter__section h3{margin:16px 0 12px;font-size:14px}.word-counter__label{margin-bottom:8px;font-weight:600;display:block}.word-counter__textarea{border:1px solid #e0e0e0;border-radius:4px;width:100%;min-height:250px;padding:8px;font-family:monospace;font-size:14px}.word-counter__textarea:focus{border-color:var(--wc-color-accent);outline:none;box-shadow:0 0 0 3px #3b82f61a}.word-counter__button-group{gap:8px;margin-top:16px;display:flex}.word-counter__button{background-color:var(--wc-color-accent);color:#fff;cursor:pointer;border:none;border-radius:4px;flex:1;padding:8px 16px;font-weight:600}.word-counter__button:disabled{opacity:.5;cursor:not-allowed}.word-counter__success{color:#065f46;background-color:#10b9811a;border:1px solid #10b981;border-radius:4px;margin-top:8px;padding:8px;font-size:14px}.word-counter__stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.word-counter__stat{text-align:center;background:#f9fafb;border-radius:4px;padding:12px}.word-counter__stat-value{color:var(--wc-color-accent);font-size:24px;font-weight:700}.word-counter__stat-label{color:#666;margin-top:4px;font-size:12px}.word-counter__word-list{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.word-counter__word-item{background:#f9fafb;border-radius:4px;justify-content:space-between;padding:8px;font-size:13px;display:flex}.word-counter__word-count{color:var(--wc-color-accent);font-weight:700}.word-counter__footer{text-align:center;color:#666;border-top:1px solid #e0e0e0;padding-top:16px;font-size:12px}.word-counter__link{color:var(--wc-color-accent);text-decoration:none}