:root{--bg-color: #f8f9fa;--card-bg: #ffffff;--text-primary: #212529;--text-secondary: #6c757d;--accent-color: #0d6efd;--shadow-subtle: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--border-radius: 12px}body{background-color:var(--bg-color);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0;line-height:1.5}.container{max-width:1200px;margin:0 auto;padding:2rem}.header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:3rem;border-bottom:1px solid #dee2e6;padding-bottom:1rem}.brand{font-size:1.5rem;font-weight:800;letter-spacing:-.05em}.live-count{font-size:.875rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.live-dot{width:8px;height:8px;background-color:#198754;border-radius:50%}.footer{margin-top:4rem;padding-top:2rem;border-top:1px solid #dee2e6;color:var(--text-secondary);font-size:.875rem;text-align:center}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.trend-card{background:var(--card-bg);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow-subtle);border:1px solid #eceeef;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;gap:1rem}.trend-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.card-category{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--accent-color);letter-spacing:.05em}.card-title{margin:0;font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.card-summary{margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.6}.card-link{margin-top:auto;font-weight:600;text-decoration:none;color:var(--text-primary);font-size:.875rem}