/* ai-tracker-page.css — extracted from inline <style> of ai-tracker.html (Phase 1) */

        .search-interface::before { display:none !important; }
        .search-interface { overflow:visible; }
        .search-interface.glass-panel { backdrop-filter:none; -webkit-backdrop-filter:none; }
        .feature-card.glass-panel { backdrop-filter:none; -webkit-backdrop-filter:none; }
        .feature-card:hover { transform:none !important; }
        .run-btn{margin-top:0}

        .at-textarea { width:100%;min-height:120px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:14px 16px;color:var(--text-main);font-family:var(--font-body);font-size: var(--fs-sm);outline:none;resize:vertical;line-height:1.7; }
        .at-textarea:focus { border-color:var(--primary-text); }
        .at-textarea::placeholder { color:rgba(148,163,184,0.5); }

        .at-input { width:100%;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:12px 16px;color:var(--text-main);font-family:var(--font-body);font-size: var(--fs-base);outline:none;box-sizing:border-box; }
        .at-input:focus { border-color:var(--primary-text); }
        .at-input::placeholder { color:rgba(148,163,184,0.5); }
        .at-label { font-size: var(--fs-xs);color:var(--text-secondary);margin-bottom:6px;font-weight:600; }

        /* Source toggle buttons */
        .source-toggles { display:flex;gap:6px;flex-wrap:wrap; }
        .source-btn { padding:7px 14px;border-radius:10px;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.03);color:var(--text-dim);font-family:var(--font-body);font-size: var(--fs-sm);font-weight:500;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;gap:7px;user-select:none;position:relative;height:38px;box-sizing:border-box; }
        .source-btn:hover { border-color:rgba(255,255,255,0.15);background:rgba(255,255,255,0.05);color:var(--text-secondary); }
        .source-btn.active { border-color:rgba(var(--primary-rgb), 0.5);background:rgba(var(--primary-rgb), 0.12);color:var(--primary-text); }
        .source-letter { width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;font-size: var(--fs-2xs);font-weight:700;color:var(--text-dim);transition:all 0.2s;letter-spacing:-0.5px; }
        .source-btn.active .source-letter { background:var(--primary);color:white;box-shadow:0 0 8px rgba(var(--primary-rgb), 0.3); }
        .source-info { width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,0.05);display:flex;align-items:center;justify-content:center;font-size: var(--fs-2xs);font-weight:700;color:var(--text-secondary);cursor:help;margin-left:2px;flex-shrink:0;border:1px solid rgba(255,255,255,0.15);transition:all 0.15s; }
        .source-info:hover { background:rgba(255,255,255,0.1);color:var(--text-secondary);border-color:rgba(255,255,255,0.3); }
        .source-tooltip { display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--bg-surface-2);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:10px 12px;font-size: var(--fs-xs);color:var(--text-secondary);line-height:1.5;width:220px;z-index:100;box-shadow:0 8px 24px rgba(0,0,0,0.4);pointer-events:none;font-weight:400;text-align:left; }
        .source-tooltip::after { content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:rgba(255,255,255,0.1); }
        .source-info:hover + .source-tooltip { display:block; }

        /* Results */
        .results-section { display:none;width:100%; }
        .results-section.visible { display:block; }

        .summary-row { display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px; }
        .summary-card { background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:10px;padding:16px;text-align:center; }
        .summary-card .sc-num { font-size:1.5rem;font-weight:700;font-family:var(--font-heading); }
        .summary-card .sc-label { font-size: var(--fs-xs);color:var(--text-dim);margin-top:4px; }

        .domain-table { width:100%;border-collapse:collapse;table-layout:fixed; font-size: var(--fs-xs); }
        .domain-table th { text-align:left;font-size: var(--fs-2xs);color:var(--text-dim);font-weight: 500;text-transform:uppercase;letter-spacing:0.5px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,0.06); }
        .domain-table td { padding:10px 12px;color:var(--text-main);border-bottom:1px solid rgba(255,255,255,0.03);text-align:left;vertical-align:middle; font-weight: 400; }
        .domain-table th:nth-child(1), .domain-table td:nth-child(1) { width:44px;text-align:center; }
        .domain-table th:nth-child(2), .domain-table td:nth-child(2) { width:38%; }
        .domain-table th:nth-child(3), .domain-table td:nth-child(3) { width:auto; }
        .domain-table td:nth-child(3) { overflow:hidden;text-overflow:ellipsis; }
        .domain-table th:nth-child(4), .domain-table td:nth-child(4) { width:90px;text-align:center; }
        .domain-table tr:hover td { background:rgba(255,255,255,0.02); }
        .domain-table .your-domain { background:rgba(var(--primary-rgb), 0.06); }
        .domain-table .your-domain td { border-bottom-color:rgba(var(--primary-rgb), 0.15); }

        .pos-badge { display:inline-block;min-width:28px;text-align:center;padding:3px 8px;border-radius:6px;font-weight:400;font-size: var(--fs-xs); }
        .pos-1 { background:rgba(var(--success-rgb), 0.15);color:var(--success); }
        .pos-2 { background:rgba(var(--success-rgb), 0.10);color:var(--success); }
        .pos-3 { background:rgba(var(--success-rgb), 0.08);color:var(--success); }
        .pos-mid { background:rgba(var(--warning-rgb), 0.10);color:var(--warning); }
        .pos-low { background:rgba(107,114,128,0.10);color:var(--text-secondary); }

        .source-tag { display:inline-block;padding:2px 8px;border-radius:4px;font-size: var(--fs-2xs);font-weight:600;margin-right:4px; }
        .tag-chatgpt { background:rgba(var(--success-rgb), 0.10);color:var(--success); }
        .tag-perplexity { background:rgba(var(--primary-rgb), 0.10);color:var(--primary-text); }
        .tag-gemini { background:rgba(var(--info-rgb), 0.10);color:var(--info); }
        .tag-copilot { background:rgba(34,211,238,0.10);color:#06b6d4; }
        .tag-grok { background:rgba(var(--warning-rgb), 0.10);color:var(--warning); }
        .tag-google_ai { background:rgba(var(--danger-rgb), 0.10);color:var(--danger); }

        .citation-text { font-size: var(--fs-xs);color:var(--text-dim);line-height:1.5;margin-top:4px;font-style:italic; }

        .query-block { margin-bottom:24px; }
        .query-header { font-family:var(--font-heading);font-size: var(--fs-base);font-weight:600;color:var(--text-main);margin-bottom:12px;display:flex;align-items:center;gap:8px; }
        .query-header .query-num { font-size: var(--fs-xs);color:var(--text-dim);background:rgba(255,255,255,0.05);padding:2px 8px;border-radius:4px; }

        @media(max-width:640px) { h2{font-size:2rem!important;} .demo-section{padding:0;} .demo-frame{border-radius:14px 14px 0 0;} .demo-frame-inner{border-radius:12px 12px 0 0;} .demo-frame::before{border-radius:14px 14px 0 0;} .demo-section::after{border-radius:0;}
            .source-toggles { gap:5px; }
            .source-btn { padding:6px 10px;font-size: var(--fs-xs); }
            .summary-row { grid-template-columns:1fr 1fr; }
            .pass-toggles { font-size: var(--fs-xs); }
            .pass-btn { padding:5px 10px;font-size: var(--fs-xs); }
            .at-select { font-size: var(--fs-sm);padding:8px 10px; }
            .domain-table th:nth-child(2), .domain-table td:nth-child(2) { width:35%; }
        }
        /* Demo section */
        .demo-section { padding:16px 0 0; max-width:1440px; margin:0 auto; position:relative; }
        .demo-section::after { content:''; position:absolute; bottom:0; left:0; width:100%; height:30%; background:linear-gradient(to top, var(--bg-main, var(--bg-dark)) 5%, rgba(3,3,8,0.85) 35%, transparent 100%); pointer-events:none; z-index:2; border-radius:0 0 20px 20px; }
        .demo-frame { position:relative; border-radius:20px; overflow:hidden; border:2px solid rgba(255,255,255,0.1); background:linear-gradient(135deg, rgba(var(--primary-rgb), 0.08), rgba(var(--primary-rgb), 0.06)); padding:3px; }
        .demo-frame::before { content:''; position:absolute; inset:-2px; border-radius:20px; padding:3px; background:linear-gradient(135deg, rgba(var(--primary-rgb), 0.5), rgba(var(--primary-rgb), 0.4), rgba(var(--primary-rgb), 0.15)); -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; z-index:1; }
        .demo-frame-inner { border-radius:17px; overflow:hidden; background:var(--bg-dark); position:relative; }
        .demo-frame-img-wrap { position:relative; }
        .demo-frame-img-wrap img { display:block; width:100%; height:auto; }
        .demo-frame-img-wrap::after { content:''; position:absolute; bottom:0; left:0; width:100%; height:14%; background:linear-gradient(to top, var(--bg-dark) 8%, rgba(3,3,8,0.9) 35%, transparent 100%); pointer-events:none; }
        .demo-glow { position:absolute; top:30%; left:50%; transform:translateX(-50%); width:80%; height:60%; background:radial-gradient(ellipse, rgba(var(--primary-rgb), 0.2) 0%, rgba(var(--primary-rgb), 0.1) 30%, transparent 70%); filter:blur(60px); z-index:-1; pointer-events:none; }

        /* Multi-pass toggle */
        .pass-toggles { display:inline-flex;border:1px solid rgba(255,255,255,0.1);border-radius:10px;overflow:hidden;height:38px;box-sizing:border-box; }
        .pass-btn { padding:0 16px;background:rgba(255,255,255,0.04);border:none;color:var(--text-dim);font-family:var(--font-body);font-size: var(--fs-sm);font-weight:600;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center;min-width:44px; }
        .pass-btn:hover { color:var(--text-secondary);background:rgba(255,255,255,0.06); }
        .pass-btn.active { background:rgba(var(--primary-rgb), 0.15);color:var(--primary-text); }
        .pass-btn + .pass-btn { border-left:1px solid rgba(255,255,255,0.06); }

        /* Stability badge */
        .stab-badge { display:inline-block;padding:2px 7px;border-radius:5px;font-size: var(--fs-2xs);font-weight:700;letter-spacing:-0.3px; }
        .stab-high { background:rgba(var(--success-rgb), 0.12);color:var(--success); }
        .stab-mid { background:rgba(var(--warning-rgb), 0.10);color:var(--warning); }
        .stab-low { background:rgba(107,114,128,0.10);color:var(--text-secondary); }

        .tag-claude { background:rgba(217,119,87,0.12);color:#d97757; }

        /* Answer preview */
        .answer-toggle { font-size: var(--fs-xs);color:var(--primary);cursor:pointer;background:none;border:none;font-family:var(--font-body);font-weight:500;padding:2px 0; }
        .answer-toggle:hover { color:var(--primary-text); }
        .answer-preview { display:none;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:8px;padding:14px 16px;margin:8px 0 12px;font-size: var(--fs-sm);color:var(--text-secondary);line-height:1.65;max-height:400px;overflow-y:auto;text-align:left;white-space:normal; }
        .answer-preview.visible { display:block; }
        .answer-preview p { margin:0 0 10px;line-height:1.65; }
        .answer-preview p:last-child { margin-bottom:0; }
        .answer-preview ul, .answer-preview ol { margin:6px 0 10px;padding-left:22px; }
        .answer-preview li { margin-bottom:4px;line-height:1.55; }
        .answer-preview strong, .answer-preview b { color:var(--text-secondary);font-weight:600; }
        .answer-preview code { background:rgba(255,255,255,0.06);padding:1px 5px;border-radius:3px;font-size: var(--fs-xs); }
        .answer-preview .your-mention { background:rgba(var(--primary-rgb), 0.18);color:var(--primary-text);padding:1px 4px;border-radius:3px;font-weight:600; }
        .answer-preview a.cite-ref { display:inline-block;min-width:16px;text-align:center;padding:0 4px;margin:0 1px;background:rgba(var(--primary-rgb), 0.12);color:var(--primary-text);font-size: var(--fs-xs);font-weight:600;border-radius:3px;text-decoration:none;line-height:1.4;vertical-align:baseline; }
        .answer-preview a.cite-ref:hover { background:rgba(var(--primary-rgb), 0.25);color:var(--primary-text); }

        /* SoV bar */
        .sov-bar-wrap { margin:8px 0 16px;display:flex;height:4px;border-radius:2px;overflow:hidden;background:rgba(255,255,255,0.04); }
        @keyframes modalFadeIn { from { opacity:0; } to { opacity:1; } }
        @keyframes modalSlideIn { from { opacity:0; transform:translateY(-10px); } to { opacity:1; transform:translateY(0); } }
        .sov-segment { height:100%;transition:width 0.3s; }
        .sov-legend { display:flex;flex-wrap:wrap;gap:10px;margin-bottom:6px;font-size: var(--fs-xs);color:var(--text-secondary); }
        .sov-legend-dot { width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:4px;vertical-align:middle; }

        /* Progress */
        .progress-section { display:none;margin:12px 0; }
        .progress-section.visible { display:block; }
        .progress-item { display:flex;align-items:center;gap:10px;padding:4px 0;font-size: var(--fs-sm); }
        .progress-dot { width:8px;height:8px;border-radius:50%;flex-shrink:0; }
        .progress-dot.waiting { background:var(--text-dim); }
        .progress-dot.running { background:var(--warning);animation:pulse 1s infinite; }
        .progress-dot.done { background:var(--success); }
        .progress-dot.error { background:var(--danger); }
        @keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.4} }

        .at-select { background-color:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:10px 14px;color:var(--text-main);font-family:var(--font-body);font-size: var(--fs-sm);outline:none;box-sizing:border-box;cursor:pointer; }
        .at-select:focus { border-color:var(--primary-text); }
        .at-select option { background-color:var(--bg-surface-2);color:var(--text-secondary); }

        /* Help button + modal */
        .help-btn { display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:10px;border:1px solid rgba(var(--primary-rgb), 0.25);background:rgba(var(--primary-rgb), 0.06);color:var(--primary-text);font-family:var(--font-body);font-size: var(--fs-sm);font-weight:600;cursor:pointer;transition:all 0.2s;box-sizing:border-box;white-space:nowrap; }
        .help-btn:hover { background:rgba(var(--primary-rgb), 0.12);border-color:rgba(var(--primary-rgb), 0.4);color:var(--primary-text); }
        .help-btn svg { flex-shrink:0; }

        .help-modal-overlay { display:none;position:fixed;inset:0;background:rgba(0,0,0,0.75);z-index:9999;align-items:flex-start;justify-content:center;padding:40px 20px;overflow-y:auto;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px); }
        .help-modal-overlay.visible { display:flex; }
        .help-modal { background:linear-gradient(180deg,var(--bg-surface-2),var(--bg-surface));border:1px solid rgba(255,255,255,0.08);border-radius:16px;max-width:820px;width:100%;max-height:calc(100vh - 80px);overflow-y:auto;box-shadow:0 24px 60px rgba(0,0,0,0.6);position:relative; }
        .help-modal-header { position:sticky;top:0;padding:20px 28px;background:linear-gradient(180deg,var(--bg-surface-2) 70%,rgba(20,20,33,0.9));border-bottom:1px solid rgba(255,255,255,0.06);display:flex;align-items:center;justify-content:space-between;z-index:2; }
        .help-modal-header h2 { margin:0;font-family:var(--font-heading);font-size:1.3rem;font-weight:600;color:var(--text-main); }
        .help-modal-close { background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);width:32px;height:32px;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:1.1rem;line-height:1;transition:all 0.2s;display:flex;align-items:center;justify-content:center; }
        .help-modal-close:hover { background:rgba(255,255,255,0.1);color:var(--text-secondary); }
        .help-modal-body { padding:24px 28px 32px; }
        .help-modal-body h3 { font-family:var(--font-heading);font-size:1.05rem;font-weight:600;color:var(--text-secondary);margin:24px 0 10px;display:flex;align-items:center;gap:8px; }
        .help-modal-body h3:first-child { margin-top:0; }
        .help-modal-body h3 .step-num { display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--primary-text),var(--primary));color:white;font-size: var(--fs-xs);font-weight:700; }
        .help-modal-body p { margin:0 0 10px;font-size: var(--fs-sm);color:var(--text-secondary);line-height:1.65; }
        .help-modal-body strong { color:var(--text-secondary); }
        .help-modal-body ul { margin:8px 0 14px;padding-left:20px; }
        .help-modal-body li { font-size: var(--fs-sm);color:var(--text-secondary);line-height:1.65;margin-bottom:5px; }
        .help-modal-body code { background:rgba(255,255,255,0.06);padding:1px 6px;border-radius:4px;font-size: var(--fs-sm);color:var(--primary-text); }
        .help-box { border:1px solid rgba(255,255,255,0.06);border-radius:10px;padding:14px 16px;margin:10px 0;background:rgba(255,255,255,0.02); }
        .help-box.info { border-color:rgba(var(--primary-rgb), 0.25);background:rgba(var(--primary-rgb), 0.06); }
        .help-box.warn { border-color:rgba(var(--warning-rgb), 0.2);background:rgba(var(--warning-rgb), 0.05); }

        .help-box.tip { border-color:rgba(var(--success-rgb), 0.2);background:rgba(var(--success-rgb), 0.05); }
        .help-box-title { font-size: var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:6px; }
        .help-box.info .help-box-title { color:var(--primary-text); }
        .help-box.warn .help-box-title { color:var(--warning); }
        .help-box.tip .help-box-title { color:var(--success); }
        .help-source-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:12px 0; }
        .help-source-card { padding:12px 14px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:8px; }
        .help-source-card .name { font-weight:500;font-size: var(--fs-xs);margin-bottom:3px;display:flex;align-items:center;gap:6px; }
        .help-source-card .desc { font-size: var(--fs-xs);color:var(--text-secondary);line-height:1.5; }
        /* Responsive override for "What we don't do" 2x2 grid — embedded so it works regardless of style.css cache */
        @media (max-width: 768px) {
            .dont-grid { grid-template-columns: 1fr !important; }
            .dont-grid > div { border-right: 0 !important; }
            .dont-grid > div:not(:last-child) { border-bottom: 1px solid rgba(255,255,255,0.06) !important; }
        }

/* moved from inline <style> in markup (.ai-projects-link) */
                    .ai-projects-link { display:inline-flex; align-items:center; padding:10px 18px; background:rgba(var(--primary-rgb), 0.08); border:1px solid rgba(var(--primary-rgb), 0.2); border-radius:10px; color:var(--primary-text); font-size: var(--fs-sm); font-weight:500; text-decoration:none; transition:all 0.15s; font-family:var(--font-body); }
                    .ai-projects-link:hover { background:rgba(var(--primary-rgb), 0.15); border-color:rgba(var(--primary-rgb), 0.35); color:#e9d5ff; transform:translateY(-1px); }