:root{--primary:#4361ee;--secondary:#3a0ca3;--accent:#7209b7;--light:#f8f9fa;--dark:#212529;--success:#4cc9f0;--warning:#f72585;--info:#4895ef;--border-radius:12px;--box-shadow:0 4px 20px rgba(0, 0, 0, 0.1);--transition:all 0.3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--dark);background-color:#f5f7ff;padding:20px}.container{max-width:1200px;margin:0 auto}header{text-align:center;margin-bottom:30px;padding:20px 0}h1{font-size:2.5rem;color:var(--primary);margin-bottom:10px}.description{color:#666;font-size:1.1rem;max-width:700px;margin:0 auto}.main-content{display:grid;grid-template-columns:1fr;gap:30px}@media (min-width:992px){.main-content{grid-template-columns:1fr 1fr}}.input-section{background:#fff;border-radius:var(--border-radius);padding:25px;box-shadow:var(--box-shadow)}.input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.input-header h2{font-size:1.5rem;color:var(--secondary)}.button-group{display:flex;gap:10px}button{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:var(--transition)}.btn-clear{background-color:#ffebe6;color:var(--warning)}.btn-clear:hover{background-color:#ffcec5}.btn-copy{background-color:#e6f4ff;color:var(--info)}.btn-copy:hover{background-color:#c5e5ff}textarea{width:100%;min-height:300px;padding:15px;border:1px solid #ddd;border-radius:var(--border-radius);font-size:1rem;resize:vertical;transition:var(--transition)}textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgb(67 97 238 / .2)}.results-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.metric-card{background:#fff;border-radius:var(--border-radius);padding:20px;box-shadow:var(--box-shadow);transition:var(--transition)}.metric-card:hover{transform:translateY(-5px);box-shadow:0 6px 25px rgb(0 0 0 / .12)}.metric-title{font-size:.9rem;color:#666;margin-bottom:8px;display:flex;align-items:center;gap:8px}.metric-value{font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:5px}.metric-subtext{font-size:.85rem;color:#888}.keyword-section{margin-top:30px;background:#fff;border-radius:var(--border-radius);padding:25px;box-shadow:var(--box-shadow);grid-column:1 / -1}.keyword-section h2{font-size:1.5rem;color:var(--secondary);margin-bottom:20px}.keyword-tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.keyword-table{width:100%;border-collapse:collapse}.keyword-table th{text-align:left;padding:12px 15px;background-color:#f8f9fa;border-bottom:2px solid #e9ecef}.keyword-table td{padding:12px 15px;border-bottom:1px solid #e9ecef}.keyword-table tr:last-child td{border-bottom:none}@media (max-width:768px){h1{font-size:2rem}.metric-value{font-size:1.7rem}.button-group{flex-direction:column;width:100%}.input-header{flex-direction:column;align-items:flex-start;gap:15px}}button:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:2px}.collapsible{cursor:pointer}@media (max-width:576px){.keyword-tables{grid-template-columns:1fr}.results-section{grid-template-columns:1fr}}