*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}body{line-height:1.6;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit}:root{--radius: .625rem;--background: oklch(1 0 0);--foreground: oklch(.145 0 0);--card: oklch(1 0 0);--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: oklch(.205 0 0);--primary-foreground: oklch(.985 0 0);--secondary: oklch(.97 0 0);--secondary-foreground: oklch(.205 0 0);--muted: oklch(.97 0 0);--muted-foreground: oklch(.556 0 0);--accent: oklch(.97 0 0);--accent-foreground: oklch(.205 0 0);--destructive: oklch(.577 .245 27.325);--border: oklch(.922 0 0);--input: oklch(.922 0 0);--ring: oklch(.708 0 0);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: oklch(.205 0 0);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0);--bg-primary: var(--background);--bg-secondary: var(--muted);--bg-tertiary: var(--muted);--bg-card: var(--card);--text-primary: var(--foreground);--text-secondary: var(--muted-foreground);--text-tertiary: var(--muted-foreground);--primary-dark: oklch(.15 0 0);--success: #00ba7c;--warning: #ffad1f;--shadow: rgba(101, 119, 134, .2);--radius-sm: .5rem;--transition: all .2s ease}[data-theme=dark],.dark{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.205 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.205 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.922 0 0);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.704 .191 22.216);--border: oklch(1 0 0 / 10%);--input: oklch(1 0 0 / 15%);--ring: oklch(.556 0 0);--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.269 0 0);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(1 0 0 / 10%);--sidebar-ring: oklch(.556 0 0);--primary-dark: oklch(.95 0 0);--shadow: rgba(255, 255, 255, .1)}body{font-family:Plus Jakarta Sans,sans-serif;font-optical-sizing:auto;font-style:normal;background:var(--bg-primary);color:var(--text-primary);transition:var(--transition)}.container{max-width:1440px;margin:0 auto;padding:0 20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.btn{padding:12px 24px;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:15px;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:8px}.btn-primary{background:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--secondary);color:var(--secondary-foreground)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-primary)}.btn-outline:hover{background:var(--bg-tertiary)}.icon-btn{width:40px;height:40px;border:none;border-radius:50%;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:var(--transition);position:relative}.icon-btn:hover{background:var(--bg-tertiary)}.badge{position:absolute;top:-4px;right:-4px;background:var(--destructive);color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;font-weight:600}.hidden{display:none!important}.empty-state{text-align:center;color:var(--text-secondary);padding:48px}.error-message{background:var(--destructive);color:var(--primary);padding:16px;border-radius:var(--radius-sm);margin:16px 0;line-height:1.6;white-space:normal;word-wrap:break-word}.loading{text-align:center;padding:48px}.loader{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}h2 i,h3 i,h4 i{margin-right:8px}.btn i,.action-btn i{margin-right:4px}.header{background:var(--bg-card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-content{display:flex;justify-content:space-between;align-items:center;padding:16px 0;flex-wrap:wrap;gap:16px}.logo{font-size:24px;font-weight:800;margin:0}.header-actions{display:flex;gap:12px;align-items:center}.theme-icon{color:var(--foreground);transition:color .2s ease}[data-theme=dark] .theme-icon,.dark .theme-icon{color:var(--foreground)}.fa-bookmark{color:var(--foreground);transition:color .2s ease}[data-theme=dark] .fa-bookmark,.dark .fa-bookmark{color:var(--foreground)}.api-key-icon{color:#0f0f0f;transition:color .2s ease}[data-theme=dark] .api-key-icon,.dark .api-key-icon{color:#fff}.main{padding:16px 0 32px;min-height:calc(100vh - 100px)}.dashboard-grid{display:flex;gap:32px;align-items:flex-start}.search-column{flex:0 0 60%;max-width:60%;min-width:0;display:flex;flex-direction:column;gap:24px}.insights-column{flex:0 0 40%;max-width:40%;min-width:320px;display:flex;flex-direction:column;gap:24px}.page-heading-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:flex;justify-content:space-between;gap:16px}.page-heading-text h2{margin:8px 0;font-size:32px}.eyebrow{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin:0}.subtext{margin:0;color:var(--text-secondary)}.meta-label{font-size:13px;color:var(--text-secondary)}.heading-meta span{color:var(--primary);font-weight:600}.search-section{margin-bottom:32px}.search-tabs{display:flex;gap:12px;margin-bottom:24px}.tab-btn{padding:10px 18px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition)}.tab-btn.active{background:var(--primary);color:var(--primary-foreground);border-color:transparent}.search-container{background:var(--bg-card);padding:24px;border-radius:var(--radius);border:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.search-label{font-size:15px;font-weight:600;color:var(--text-secondary)}.query-field{position:relative;width:100%}.query-icon{color:var(--text-secondary);display:flex;align-items:center;justify-content:center;padding:0 8px}.query-field input{width:100%}.query-btn{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;padding:0;border:none;background:var(--primary);color:var(--primary-foreground);display:flex;align-items:center;justify-content:center;gap:0;white-space:nowrap;transition:var(--transition);cursor:pointer}.query-btn:hover{background:var(--primary-dark)}.query-btn .fa-arrow-up{font-size:18px}.query-btn i{margin:0;line-height:1}.filters{margin-top:16px;border-top:1px solid var(--border);padding-top:16px}.filter-toggle{background:none;border:none;color:var(--primary);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px}.filter-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:16px;max-height:0;overflow:hidden;transition:max-height .3s ease}.filters:not(.collapsed) .filter-content{max-height:200px}.filters:not(.collapsed) .arrow{transform:rotate(180deg)}.arrow{transition:transform .3s ease;display:inline-block}.filter-group label{display:block;margin-bottom:8px;font-weight:600;font-size:14px;color:var(--text-secondary)}.filter-group input,.filter-group select{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary)}.filter-group input[type=checkbox]{width:auto;height:auto;margin-right:8px;padding:0}.max-results-slider{width:100%;height:6px;border-radius:3px;background:var(--bg-tertiary);outline:none;-webkit-appearance:none;appearance:none}.max-results-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary);cursor:pointer;transition:var(--transition)}.max-results-slider::-webkit-slider-thumb:hover{background:var(--primary-dark);transform:scale(1.1)}.max-results-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--primary);cursor:pointer;border:none;transition:var(--transition)}.max-results-slider::-moz-range-thumb:hover{background:var(--primary-dark);transform:scale(1.1)}.max-results-slider::-moz-range-track{height:6px;border-radius:3px;background:var(--bg-tertiary)}#maxResultsValue{color:var(--primary);font-weight:600}.filter-checkbox{display:flex;align-items:center;gap:8px}.filter-note{margin-top:8px;font-size:12px;color:var(--text-tertiary)}.score-filter-slider:disabled{opacity:.4;cursor:not-allowed}.api-key-input{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);font-family:monospace;font-size:14px;transition:var(--transition)}.api-key-input:focus{outline:none;border-color:var(--primary)}.api-key-form{display:flex;flex-direction:column;gap:12px}.api-key-form p{margin:0;color:var(--text-secondary);line-height:1.6}.api-key-form small{color:var(--text-secondary);font-size:13px}.api-key-form a{color:var(--primary);text-decoration:none}.api-key-form a:hover{text-decoration:underline}.api-key-actions{display:flex;justify-content:flex-end}.nl-query-section{margin-bottom:32px}.nl-query-card{background:var(--bg-card);padding:24px;border-radius:var(--radius);border:1px solid var(--border)}.nl-query-card h3{margin-bottom:16px;font-size:20px}.nl-query-subtext{margin:0 0 12px;color:var(--text-secondary);font-size:14px;line-height:1.6}.nl-query-box{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.nl-query-input-wrapper{position:relative}#searchInput,.nl-query-input{width:100%;padding:14px 60px 14px 20px;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:15px;background:var(--bg-secondary);color:var(--text-primary);transition:var(--transition)}#searchInput:focus,.nl-query-input:focus{outline:none;border-color:var(--primary)}.chatbot-send{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:none;background:var(--primary);color:var(--primary-foreground);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.chatbot-send:hover{background:var(--primary-dark)}.chatbot-send i{font-size:16px}.nl-query-response{margin-top:16px;padding:16px;background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border)}.nl-query-answer{color:var(--text-primary)}.nl-query-question{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:14px}.nl-query-text{line-height:1.8;color:var(--text-primary)}.nl-query-text p{margin-bottom:12px;line-height:1.8}.nl-query-text p:last-child{margin-bottom:0}.nl-query-text strong{font-weight:600;color:var(--text-primary)}.nl-query-text em{font-style:italic;color:var(--text-secondary)}.nl-query-text code{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;color:var(--primary)}.nl-query-text ul,.nl-query-text ol{margin:12px 0;padding-left:24px;line-height:1.8}.nl-query-text ul{list-style-type:disc}.nl-query-text ol{list-style-type:decimal}.nl-query-text li{margin-bottom:8px}.nl-query-text li:last-child{margin-bottom:0}.nl-query-text li strong{display:inline-block;margin-right:4px}.insights-tabs{display:flex;flex-direction:column;gap:16px}.ai-tabs{display:flex;gap:16px;border-bottom:1px solid var(--border);padding-bottom:8px}.ai-tab{border:none;background:none;color:var(--text-secondary);font-weight:600;cursor:pointer;padding-bottom:8px;position:relative}.ai-tab.active{color:var(--text-primary)}.ai-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:3px;background:var(--primary);border-radius:999px}.ai-copy-panel{display:flex;flex-direction:column;gap:12px}.ai-copy-panel p{color:var(--text-secondary);line-height:1.6;margin:0}.ai-section{position:sticky;top:calc(var(--header-height, 72px) + 24px);margin-bottom:32px}.ai-card{background:var(--card);padding:24px;border-radius:var(--radius);color:var(--card-foreground);border:1px solid var(--border)}.btn-sm{padding:8px 16px;font-size:14px}.btn-lg{padding:16px 28px;font-size:16px}.ai-content{background:var(--muted);padding:16px;border-radius:var(--radius-sm);min-height:60px}.summary-launcher{min-height:320px;display:flex;flex-direction:column;gap:16px;justify-content:flex-start}.summary-launcher--idle{justify-content:center}#generateSummary{align-self:flex-start}.summary-launcher--idle #generateSummary{align-self:center}.ai-summary-content+#generateSummary{margin-top:24px}#generateSummary+#xContent{margin-top:20px}.x-content-section{display:flex;flex-direction:column;gap:12px}.summary-launcher--idle .x-content-section{align-items:center}.x-content-section .summary-action{align-self:flex-start}.summary-launcher--idle .x-content-section .summary-action{align-self:center}.x-content-output{width:100%}.ai-summary-content{color:var(--card-foreground)}.ai-summary-text{line-height:1.8;margin-bottom:24px;font-size:15px}.ai-insights-section,.ai-influencers-section{margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}.x-content-card{margin-top:8px;background:var(--muted);border-radius:var(--radius-sm);padding:16px;border:1px dashed var(--border)}.x-content-output .x-content-text{font-size:14px;line-height:1.6;color:var(--card-foreground);margin:0}.x-content-output .x-content-meta{margin-top:12px;font-size:12px;color:var(--muted-foreground);letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between;gap:12px}.x-content-copy{border:1px solid var(--border);background:transparent;color:var(--muted-foreground);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}.x-content-copy:hover,.x-content-copy:focus-visible{border-color:var(--card-foreground);color:var(--card-foreground);background:var(--bg-tertiary)}.x-content-copy.copied{border-color:var(--success);color:var(--success)}.ai-insights-section h4,.ai-influencers-section h4{margin-bottom:12px;font-size:16px;font-weight:600}.insights-list{list-style:none;padding:0;margin:0}.insights-list li{padding:8px 0 8px 24px;position:relative;line-height:1.6}.insights-list li:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:8px;top:2.5em;transform:translateY(-50%);color:var(--muted-foreground);font-size:.5em}.influencers-list{display:flex;flex-direction:column;gap:12px}.influencer-item{background:var(--muted);padding:12px;border-radius:var(--radius-sm)}.influencer-item strong{display:block;margin-bottom:4px;color:var(--card-foreground)}.influencer-handle{color:var(--muted-foreground);font-size:13px;margin-left:8px}.influencer-reason{margin-top:8px;font-size:13px;color:var(--card-foreground);line-height:1.5}.sentiment-analysis{margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}.sentiment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.sentiment-header h4{margin:0;font-size:16px;font-weight:600}.sentiment-overall{font-size:16px;font-weight:600;text-transform:capitalize}.sentiment-bars{display:flex;flex-direction:column;gap:12px}.sentiment-bar-item{display:flex;flex-direction:column;gap:6px}.sentiment-label{display:flex;justify-content:space-between;font-size:13px;color:var(--card-foreground)}.sentiment-bar{height:8px;background:var(--muted);border-radius:4px;overflow:hidden}.sentiment-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.results-actions{display:flex;gap:12px;align-items:center}.view-selector{padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);cursor:pointer}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.results-grid.list-view{grid-template-columns:1fr}.post-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:var(--transition);cursor:pointer}.post-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px var(--shadow)}.post-header{display:flex;gap:12px;margin-bottom:12px}.author-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.author-info{flex:1}.author-name{font-weight:700;font-size:15px}.author-handle{color:var(--text-secondary);font-size:14px}.post-content{margin:12px 0;font-size:15px;line-height:1.5}.post-content img{width:30%;max-width:30%;height:auto;border-radius:8px;margin-top:8px;display:block;object-fit:cover}.post-meta{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-size:13px;color:var(--text-secondary)}.engagement-stats{display:flex;gap:16px}.stat{display:flex;align-items:center;gap:4px}.stat i{font-size:.9em}.post-actions{display:flex;gap:8px}.action-btn{padding:6px 12px;border:none;color:var(--primary);background:var(--bg-tertiary);border-radius:var(--radius-sm);cursor:pointer;font-size:12px;transition:var(--transition)}.action-btn:hover{box-shadow:0 2px 8px peru}.cluster-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:var(--transition);cursor:pointer}.cluster-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px var(--shadow)}.cluster-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:12px}.cluster-category{display:inline-block;padding:4px 12px;background:var(--bg-tertiary);color:var(--foreground);border-radius:16px;font-size:12px;font-weight:600;transition:color .2s ease}.engagement-badge{background:var(--bg-tertiary);color:var(--foreground);padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:4px;transition:color .2s ease}.cluster-summary{margin:16px 0;color:var(--text-primary);font-size:14px;line-height:1.6}.cluster-stats{display:flex;gap:24px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border);font-size:13px}.modal{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--bg-card);border-radius:var(--radius);max-width:600px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-content.large{max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border)}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition)}.modal-close:hover{background:var(--bg-tertiary)}.modal-body{padding:24px;overflow-y:auto}@media(max-width:1200px){.dashboard-grid{flex-direction:column}.search-column,.insights-column{flex:1 1 100%;max-width:100%;min-width:0}}@media(max-width:768px){.header-content{flex-direction:column;align-items:flex-start}.dashboard-grid{flex-direction:column}.insights-column{width:100%}.results-header{flex-direction:column;gap:16px;align-items:flex-start}.search-column{max-height:none;overflow:visible}.results-section{flex:unset;min-height:auto;overflow:visible;padding-right:0}.results-grid{grid-template-columns:1fr}}