*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;width:100%}:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--secondary-color: #64748b;--success-color: #10b981;--youtube-red: #ff0000;--youtube-hover: #cc0000;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-card: #ffffff;--bg-hover: #f1f5f9;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border-color: #e2e8f0;--shadow: 0 1px 3px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .1);--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--border-radius: 8px;--transition: all .2s ease}.dark-mode{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--bg-hover: #334155;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: #334155;--shadow: 0 1px 3px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-secondary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;transition:var(--transition)}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:var(--spacing-xl);box-shadow:var(--shadow)}.header-content h1{font-size:2rem;margin-bottom:var(--spacing-xs);color:var(--text-primary)}.subtitle{color:var(--text-secondary);font-size:1rem}.keyphrases-grid{max-width:1400px;margin:0 auto;padding:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg);width:100%}.keyphrase-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--shadow);transition:var(--transition)}.keyphrase-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.card-title{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.card-title h3{font-size:1.1rem;font-family:Courier New,monospace;color:var(--text-primary)}.favorite-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted);transition:var(--transition)}.favorite-btn:hover{color:var(--text-primary);transform:scale(1.1)}.favorite-btn.active{color:#fbbf24}.source-badge{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--border-radius);font-size:.8rem;font-weight:600}.card-body{margin-bottom:var(--spacing-md)}.info-row{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:.9rem}.info-row .label{font-weight:600;color:var(--text-secondary);min-width:70px}.variable-range{font-family:Courier New,monospace;color:var(--text-primary)}.example{font-family:Courier New,monospace;color:var(--primary-color);font-weight:600}.additional-info{color:var(--text-secondary)}.file-formats{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.format-badge{padding:2px var(--spacing-xs);background-color:var(--bg-secondary);color:var(--text-secondary);border-radius:4px;font-size:.75rem;font-family:Courier New,monospace}.generated-query{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color)}.generated-query code{font-family:Courier New,monospace;color:var(--primary-color);font-weight:600;word-break:break-all}.card-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.btn{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--secondary-color);color:#fff}.btn-secondary:hover{background-color:#475569}.btn-secondary.success{background-color:var(--success-color)}.btn-youtube{background-color:var(--youtube-red);color:#fff}.btn-youtube:hover{background-color:var(--youtube-hover)}.app-footer{background-color:var(--bg-primary);border-top:1px solid var(--border-color);padding:var(--spacing-lg) var(--spacing-xl);text-align:center;color:var(--text-secondary);font-size:.9rem;margin-top:auto}@media (max-width: 768px){.app-header{padding:var(--spacing-lg)}.header-content h1{font-size:1.5rem}.keyphrases-grid{grid-template-columns:1fr;padding:var(--spacing-md)}}