*,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0}:root{ --ink: #0B1020;--ink-2: #1A2040;--indigo: #4F46E5;--indigo-2: #6366F1;--indigo-deep: #4338CA;--indigo-soft: #EEF0FF;--slate-50: #FBFAFC;--slate-100: #F4F5F8;--slate-200: #E7E9EF;--slate-300: #D2D6E0;--slate-400: #9AA0B4;--slate-500: #6B7090;--slate-600: #454A6A;--signal-up: #10B981;--signal-up-soft: #E7F8F1;--signal-dn: #E45858;--signal-dn-soft: #FDECEC;--rating-amber: #E0A93B;--rating-amber-soft: #FBF1DC; --bg: var(--slate-50);--card: #FFFFFF;--border: var(--slate-200);--border-strong: var(--slate-300);--text: var(--ink);--text-secondary: var(--slate-600);--text-muted: var(--slate-500);--text-light: var(--slate-400); --chart-grid: rgba(11,16,32,0.05);--chart-tick: var(--slate-500);--chart-1: var(--indigo);--chart-2: var(--ink);--chart-3: var(--slate-500);--chart-4: var(--signal-up);--chart-5: var(--rating-amber);--chart-up: var(--signal-up);--chart-dn: var(--signal-dn);--chart-neutral: var(--slate-300);--shadow-card: 0 24px 60px -34px rgba(15,21,53,0.18),0 1px 0 rgba(15,21,53,0.02);--shadow-card-strong: 0 24px 60px -28px rgba(15,21,53,0.22),0 2px 0 rgba(15,21,53,0.02); --navy: var(--ink);--navy-light: var(--ink-2);--teal: var(--signal-up);--teal-light: var(--signal-up-soft);--teal-mid: var(--signal-up);--blue: var(--indigo);--coral: var(--rating-amber);--purple: var(--indigo-2);--red: var(--signal-dn);--amber: var(--rating-amber);--gray: var(--slate-500)}:root.dark{--ink: #EEF0F8;--ink-2: #C7CCDD;--indigo: #818CF8;--indigo-2: #A5B4FC;--indigo-deep: #6366F1;--indigo-soft: rgba(129,140,248,0.12);--slate-50: #0B1020;--slate-100: #11172B;--slate-200: rgba(255,255,255,0.08);--slate-300: rgba(255,255,255,0.16);--slate-400: #6B7090;--slate-500: #9AA0B4;--slate-600: #C7CCDD;--signal-up: #34D399;--signal-up-soft: rgba(52,211,153,0.14);--signal-dn: #F87171;--signal-dn-soft: rgba(248,113,113,0.14);--rating-amber: #FBBF77;--rating-amber-soft: rgba(251,191,119,0.14);--bg: #0B1020;--card: #11172B;--border: rgba(255,255,255,0.08);--border-strong: rgba(255,255,255,0.16);--text: var(--ink);--text-secondary: var(--slate-600);--text-muted: var(--slate-500);--text-light: var(--slate-400);--chart-grid: rgba(255,255,255,0.06);--chart-tick: var(--slate-500);--chart-1: var(--indigo-2);--chart-2: var(--ink);--chart-3: var(--slate-500);--chart-4: var(--signal-up);--chart-5: var(--rating-amber);--shadow-card: 0 1px 0 rgba(255,255,255,0.02);--shadow-card-strong: 0 1px 0 rgba(255,255,255,0.04); --navy: var(--ink);--navy-light: var(--ink-2);--teal: var(--signal-up);--teal-light: var(--signal-up-soft);--teal-mid: var(--signal-up);--blue: var(--indigo);--coral: var(--rating-amber);--purple: var(--indigo-2);--red: var(--signal-dn);--amber: var(--rating-amber);--gray: var(--slate-500)} body{font-family: 'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background: var(--bg);color: var(--text);font-size: 14px;line-height: 1.55;letter-spacing: -0.005em;min-height: 100vh;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}.mono,.mono *{font-family: 'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace} .metric-value,.plat-score,.kw-count,.star-count,.rank-cell,table td,table th{font-variant-numeric: tabular-nums} .topnav{background: var(--card);border-bottom: 1px solid var(--border);padding: 0 24px;display: flex;align-items: center;justify-content: center;height: 56px;position: sticky;top: 0;z-index: 100}.topnav-inner{max-width: 960px;width: 100%;display: flex;align-items: center;justify-content: space-between;gap: 16px}.topnav-brand{display: flex;align-items: center;gap: 9px;color: var(--text);font-size: 15px;font-weight: 700;letter-spacing: -0.01em;text-decoration: none}.topnav-brand-mark{width: 22px;height: 22px;border-radius: 6px;background: linear-gradient(135deg,#5B52F0,#3B30CC);display: grid;place-items: center;color: #fff;font-size: 11px;font-weight: 800;letter-spacing: -0.02em;box-shadow: 0 1px 0 rgba(255,255,255,0.18) inset,0 4px 12px -4px rgba(79,70,229,0.4)}.topnav-meta{display: flex;align-items: center;gap: 14px}.topnav-link{color: var(--text-muted);font-size: 13px;font-weight: 500;text-decoration: none;transition: color .12s ease}.topnav-link:hover{color: var(--text)}.topnav-badge{background: var(--signal-up-soft);color: var(--signal-up);font-size: 10px;padding: 2px 9px 3px;border-radius: 999px;font-weight: 600;letter-spacing: 0.02em;display: inline-flex;align-items: center;gap: 6px}.topnav-badge::before{content: '';width: 6px;height: 6px;border-radius: 50%;background: var(--signal-up);box-shadow: 0 0 0 3px rgba(16,185,129,0.18)} .theme-toggle{display: flex;align-items: center;gap: 7px;cursor: pointer;user-select: none}.theme-toggle-track{width: 34px;height: 18px;border-radius: 999px;background: var(--slate-200);position: relative;transition: background .15s ease}.theme-toggle-track::after{content: '';position: absolute;top: 2px;left: 2px;width: 14px;height: 14px;border-radius: 50%;background: var(--card);box-shadow: 0 1px 2px rgba(11,16,32,0.16);transition: transform .15s ease}.theme-toggle.active .theme-toggle-track{background: var(--indigo)}.theme-toggle.active .theme-toggle-track::after{transform: translateX(16px)}.theme-icon{color: var(--slate-400);transition: color .15s ease}.theme-icon-sun{color: var(--slate-600)}.theme-toggle.active .theme-icon-sun{color: var(--slate-400)}.theme-toggle.active .theme-icon-moon{color: var(--slate-600)} .report-header{background: var(--bg);padding: 32px 0 22px;border-bottom: 1px solid var(--border)}.report-header-row{display: flex;justify-content: space-between;align-items: flex-start;gap: 16px;margin-bottom: 14px}.report-header-type{display: inline-flex;align-items: center;gap: 7px;font-size: 11px;font-weight: 600;color: var(--text-secondary);letter-spacing: 0.02em;background: var(--card);border: 1px solid var(--border);padding: 5px 11px 6px;border-radius: 999px}.report-header-type::before{content: '';width: 6px;height: 6px;border-radius: 50%;background: var(--indigo);box-shadow: 0 0 0 3px rgba(79,70,229,0.16)}.report-header-links{display: flex;gap: 6px;align-items: center;flex-wrap: wrap;font-size: 11px}.report-header-links a{color: var(--text-muted);text-decoration: none;font-weight: 500;transition: color .12s ease}.report-header-links a:hover{color: var(--text)}.report-header-links .current{color: var(--text);font-weight: 600}.report-header-links .sep{color: var(--slate-300)}.report-header-title{font-size: clamp(1.6rem,2.6vw,2rem);font-weight: 800;color: var(--text);letter-spacing: -0.025em;line-height: 1.1;margin-bottom: 10px;max-width: 60ch}.report-header-meta{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 10px}.report-header-meta-left{display: flex;align-items: center;gap: 12px;flex-wrap: wrap}.report-header-date{font-size: 11.5px;color: var(--text-muted);font-family: 'JetBrains Mono',ui-monospace,monospace;letter-spacing: 0}.screenshot-btn{display: inline-flex;align-items: center;gap: 7px;font-size: 12px;font-weight: 500;color: var(--text-secondary);background: var(--card);border: 1px solid var(--border);padding: 7px 12px;border-radius: 8px;cursor: pointer;transition: border-color .12s ease,color .12s ease,transform .12s ease;font-family: inherit;line-height: 1}.screenshot-btn:hover{color: var(--text);border-color: var(--border-strong);transform: translateY(-1px)}.screenshot-btn:disabled{opacity: 0.5;cursor: not-allowed;transform: none}.screenshot-btn svg{flex-shrink: 0} .tabnav{background: var(--bg);border-bottom: 1px solid var(--border);padding: 14px 24px;display: flex;justify-content: center;overflow-x: auto}.tabnav-inner{max-width: 960px;width: 100%;display: inline-flex;align-items: center;gap: 4px;background: var(--card);border: 1px solid var(--border);border-radius: 12px;padding: 4px;align-self: center;margin: 0 auto;box-shadow: 0 1px 0 rgba(11,16,32,0.02)}.tab{padding: 8px 14px 9px;font-size: 12.5px;font-weight: 500;color: var(--text-muted);cursor: pointer;border-radius: 8px;transition: color .12s ease,background-color .12s ease;user-select: none;white-space: nowrap;position: relative}.tab:hover{color: var(--text)}.tab.active{color: var(--text);background: var(--bg)}.tab.active::after{content: '';position: absolute;left: 14px;right: 14px;bottom: 4px;height: 2px;background: var(--indigo);border-radius: 2px} .page{display: none;padding: 28px 0 64px}.page.active{display: block}.page-preload{display: block;visibility: hidden;height: 0;overflow: hidden;pointer-events: none}.container{max-width: 960px;margin: 0 auto;padding: 0 24px} .section-label{font-size: 11px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.06em;color: var(--text-muted);margin-bottom: 12px;margin-top: 28px}.section-label:first-child,.container > .section-label:first-of-type{margin-top: 0} .metrics-row{display: grid;grid-template-columns: repeat(5,minmax(0,1fr));gap: 10px;margin-bottom: 22px}.metrics-row-4{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 10px;margin-bottom: 22px}.metrics-row-6{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 10px;margin-bottom: 22px}.metric{background: var(--card);border-radius: 10px;padding: 14px 16px;border: 1px solid var(--border);display: flex;flex-direction: column;gap: 6px}.metric-label{font-size: 10px;font-weight: 600;color: var(--text-muted);text-transform: uppercase;letter-spacing: 0.06em}.metric-value{font-size: 26px;font-weight: 700;color: var(--text);letter-spacing: -0.025em;line-height: 1.05}.metric-value span{font-size: 13px;font-weight: 500;color: var(--text-muted);margin-left: 1px}.metric-value.is-down{color: var(--signal-dn)}.metric-value.is-up{color: var(--signal-up)}.metric-sub{font-size: 11.5px;color: var(--text-muted)}.metric-platform{display: flex;align-items: center;gap: 6px}.platform-dot{width: 6px;height: 6px;border-radius: 50%;flex-shrink: 0} .grid-2-1{display: grid;grid-template-columns: 1fr;gap: 14px;margin-bottom: 16px}.grid-2{display: grid;grid-template-columns: 1fr 1fr;gap: 14px;margin-bottom: 16px}.grid-3{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 14px;margin-bottom: 16px}@media (min-width: 720px){.grid-2-1{grid-template-columns: 2fr 1fr}} .card{background: var(--card);border-radius: 12px;border: 1px solid var(--border);padding: 22px;margin-bottom: 14px}.card-title{font-size: 14px;font-weight: 700;color: var(--text);margin-bottom: 4px;letter-spacing: -0.015em}.card-subtitle{font-size: 12px;color: var(--text-muted);margin-bottom: 18px} .platform-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 8px;margin-bottom: 14px}.plat-card{background: var(--bg);border-radius: 8px;border: 1px solid var(--border);padding: 11px 13px}.plat-name{font-size: 10.5px;color: var(--text-muted);margin-bottom: 5px;display: flex;align-items: center;gap: 6px;text-transform: uppercase;letter-spacing: 0.04em;font-weight: 600}.plat-score{font-size: 22px;font-weight: 700;color: var(--text);letter-spacing: -0.02em;line-height: 1}.plat-score span{font-size: 12px;font-weight: 500;color: var(--text-muted)}.plat-total{font-size: 11px;color: var(--text-muted);margin-top: 3px} .star-row{display: flex;align-items: center;gap: 8px;margin-bottom: 5px}.star-label{font-size: 11.5px;color: var(--text-muted);min-width: 12px;text-align: right;font-variant-numeric: tabular-nums}.star-track{flex: 1;height: 6px;background: var(--bg);border: 1px solid var(--border);border-radius: 4px;overflow: hidden}.star-fill{height: 100%;border-radius: 3px;background: var(--indigo)}.star-fill.dim{background: var(--slate-300)}.star-count{font-size: 11px;color: var(--text-muted);min-width: 28px;text-align: right;font-family: 'JetBrains Mono',monospace} .kw-section-title{font-size: 10px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.06em;color: var(--text-muted);margin-bottom: 10px}.kw-row{display: flex;align-items: center;gap: 8px;margin-bottom: 7px}.kw-label{font-size: 12px;color: var(--text);min-width: 85px;font-weight: 500}.kw-track{flex: 1;height: 5px;background: var(--bg);border: 1px solid var(--border);border-radius: 4px;overflow: hidden}.kw-fill{height: 100%;border-radius: 3px;background: var(--indigo)}.kw-fill.positive{background: var(--signal-up)}.kw-fill.negative{background: var(--signal-dn)}.kw-count{font-size: 11px;color: var(--text-muted);min-width: 26px;text-align: right;font-family: 'JetBrains Mono',monospace} .insights-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 12px;margin-bottom: 24px}.insight-card{background: var(--card);border-radius: 10px;border: 1px solid var(--border);padding: 16px 16px 14px;position: relative;display: flex;flex-direction: column;gap: 8px}.insight-type{font-size: 9.5px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em;display: inline-flex;align-items: center;gap: 6px;padding: 3px 8px 4px;border-radius: 999px;align-self: flex-start;background: var(--indigo-soft);color: var(--indigo)}.insight-type::before{content: '';width: 5px;height: 5px;border-radius: 50%;background: currentColor}.insight-card.warning .insight-type{background: var(--rating-amber-soft);color: var(--rating-amber)}.insight-card.negative .insight-type{background: var(--signal-dn-soft);color: var(--signal-dn)}.insight-card.positive .insight-type,.insight-card.strength .insight-type{background: var(--signal-up-soft);color: var(--signal-up)}.insight-title{font-size: 13.5px;font-weight: 700;color: var(--text);letter-spacing: -0.015em;line-height: 1.35}.insight-body{font-size: 12.5px;color: var(--text-secondary);line-height: 1.5}.insight-action{font-size: 11px;font-weight: 500;color: var(--text-muted);border-top: 1px solid var(--border);padding-top: 10px;margin-top: 4px;display: inline-flex;align-items: center;gap: 7px}.insight-action::before{content: '→';color: var(--indigo);font-weight: 600} .reviews-wrap{overflow-x: auto;-webkit-overflow-scrolling: touch}table{width: 100%;border-collapse: collapse;font-size: 12.5px}thead th{text-align: left;font-size: 10px;font-weight: 600;color: var(--text-muted);text-transform: uppercase;letter-spacing: 0.06em;padding: 10px 12px;background: var(--bg);border-bottom: 1px solid var(--border);white-space: nowrap}tbody td{padding: 11px 12px;border-bottom: 1px solid var(--border);vertical-align: middle;color: var(--text)}tbody tr:last-child td{border-bottom: none}tbody tr:hover td{background: var(--bg)} td .row-name{font-weight: 600;color: var(--text);letter-spacing: -0.01em}td .row-meta{font-size: 11px;color: var(--text-muted);margin-top: 2px} .sentiment-badge{font-size: 10px;font-weight: 600;padding: 2px 8px 3px;border-radius: 999px;white-space: nowrap;letter-spacing: 0.02em}.badge-positive{background: var(--signal-up-soft);color: var(--signal-up)}.badge-negative{background: var(--signal-dn-soft);color: var(--signal-dn)}.badge-neutral{background: var(--bg);color: var(--text-muted);border: 1px solid var(--border)}.platform-tag{display: inline-flex;align-items: center;gap: 6px;font-size: 11px;font-weight: 500;white-space: nowrap;color: var(--text-secondary)}.status-badge{font-size: 10px;font-weight: 600;padding: 2px 8px 3px;border-radius: 999px;white-space: nowrap;text-transform: uppercase;letter-spacing: 0.04em}.status-badge.urgent{background: var(--signal-dn-soft);color: var(--signal-dn)}.status-badge.watch{background: var(--rating-amber-soft);color: var(--rating-amber)}.status-badge.good{background: var(--signal-up-soft);color: var(--signal-up)}.status-dot{width: 7px;height: 7px;border-radius: 50%;display: inline-block;flex-shrink: 0;vertical-align: -1px}.status-dot.green{background: var(--signal-up);box-shadow: 0 0 0 3px var(--signal-up-soft)}.status-dot.amber{background: var(--rating-amber);box-shadow: 0 0 0 3px var(--rating-amber-soft)}.status-dot.red{background: var(--signal-dn);box-shadow: 0 0 0 3px var(--signal-dn-soft)}.urgency-pill{font-size: 10px;font-weight: 600;padding: 2px 8px 3px;border-radius: 999px;white-space: nowrap;letter-spacing: 0.02em}.urgency-pill.high{background: var(--signal-dn-soft);color: var(--signal-dn)}.urgency-pill.medium{background: var(--rating-amber-soft);color: var(--rating-amber)}.urgency-pill.low{background: var(--bg);color: var(--text-muted);border: 1px solid var(--border)} .chart-legend{display: flex;flex-wrap: wrap;gap: 14px;margin-bottom: 14px}.legend-item{display: flex;align-items: center;gap: 6px;font-size: 11px;color: var(--text-secondary);font-weight: 500}.legend-swatch{width: 10px;height: 10px;border-radius: 2px;flex-shrink: 0}.legend-swatch.line{height: 2px;border-radius: 1px} .footer{text-align: center;padding: 40px 32px 12px;border-top: 1px solid var(--border);font-size: 11.5px;color: var(--text-muted);display: flex;align-items: center;justify-content: center;gap: 8px;margin-top: 32px}.footer-dot{width: 4px;height: 4px;background: var(--indigo);border-radius: 50%;opacity: 0.6}.footer-demo-link{font-size: 11.5px;color: var(--text-muted);text-decoration: none;transition: color .12s ease}.footer-demo-link:hover{color: var(--indigo)} .heatmap-grid{display: grid;grid-template-columns: repeat(7,1fr);gap: 3px}.heatmap-cell{aspect-ratio: 1;border-radius: 4px;font-size: 10px;display: flex;align-items: center;justify-content: center;font-family: 'JetBrains Mono',ui-monospace,monospace;min-width: 0;font-variant-numeric: tabular-nums}.heatmap-header{font-size: 9.5px;font-weight: 600;color: var(--text-muted);text-align: center;padding: 4px 0;text-transform: uppercase;letter-spacing: 0.06em} .rank-cell{font-size: 12px;font-weight: 600;font-family: 'JetBrains Mono',monospace;font-variant-numeric: tabular-nums;padding: 5px 10px;border-radius: 6px;text-align: center;min-width: 44px;display: inline-block;background: var(--bg);border: 1px solid var(--border);color: var(--text-secondary)}.rank-cell.top3{background: var(--signal-up-soft);color: var(--signal-up);border-color: transparent}.rank-cell.top10{background: var(--card);color: var(--text);border-color: var(--border-strong)}.rank-cell.top20{background: var(--card);color: var(--text-secondary)}.rank-cell.low{background: var(--signal-dn-soft);color: var(--signal-dn);border-color: transparent}.rank-cell.na{background: var(--bg);color: var(--text-light)} .alert-row{background: var(--card);border-radius: 10px;border: 1px solid var(--border);padding: 14px 16px;margin-bottom: 8px;display: flex;align-items: flex-start;gap: 12px}.alert-icon{width: 28px;height: 28px;border-radius: 8px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;font-size: 13px;font-weight: 700}.alert-icon.red{background: var(--signal-dn-soft);color: var(--signal-dn)}.alert-icon.amber{background: var(--rating-amber-soft);color: var(--rating-amber)}.alert-icon.indigo{background: var(--indigo-soft);color: var(--indigo)}.alert-title{font-size: 13px;font-weight: 700;color: var(--text);margin-bottom: 2px;letter-spacing: -0.01em}.alert-body{font-size: 12.5px;color: var(--text-secondary);line-height: 1.5} .filter-bar{display: flex;align-items: center;gap: 6px;margin-bottom: 16px;flex-wrap: wrap}.filter-btn{font-size: 11.5px;font-weight: 500;padding: 6px 12px 7px;border-radius: 999px;background: var(--card);color: var(--text-muted);border: 1px solid var(--border);cursor: pointer;transition: color .12s ease,border-color .12s ease,background-color .12s ease;font-family: inherit;letter-spacing: -0.005em}.filter-btn:hover{color: var(--text);border-color: var(--border-strong)}.filter-btn.active{background: var(--ink);color: var(--card);border-color: var(--ink)}:root.dark .filter-btn.active{background: var(--ink-2);color: var(--bg)} .progress-bar{height: 6px;background: var(--bg);border: 1px solid var(--border);border-radius: 4px;overflow: hidden}.progress-fill{height: 100%;border-radius: 3px;transition: width .3s ease;background: var(--indigo)}.progress-fill.up{background: var(--signal-up)}.progress-fill.down{background: var(--signal-dn)}.progress-fill.neutral{background: var(--rating-amber)} .perf-card{background: var(--card);border-radius: 10px;border: 1px solid var(--border);padding: 14px 16px;margin-bottom: 8px;display: flex;align-items: center;justify-content: space-between;gap: 12px}.perf-card-text{display: flex;flex-direction: column;gap: 2px;min-width: 0}.perf-card-name{font-weight: 600;font-size: 13px;color: var(--text);letter-spacing: -0.01em}.perf-card-meta{font-size: 11.5px;color: var(--text-muted)}.perf-card-meta .mono{font-family: 'JetBrains Mono',monospace;font-variant-numeric: tabular-nums}.perf-card-pill{flex-shrink: 0} @media (max-width: 720px){.report-header-row{flex-direction: column;align-items: flex-start;gap: 8px}.report-header-meta{gap: 14px}}@media (max-width: 640px){.metrics-row{grid-template-columns: repeat(2,1fr)}.metrics-row-4{grid-template-columns: repeat(2,1fr)}.metrics-row-6{grid-template-columns: repeat(2,1fr)}.insights-grid{grid-template-columns: 1fr}.grid-2{grid-template-columns: 1fr}.grid-3{grid-template-columns: 1fr}.platform-grid{grid-template-columns: 1fr}.heatmap-cell{font-size: 8.5px}.tab{padding: 7px 11px 8px;font-size: 12px}.tabnav{padding: 12px 14px}.tabnav-inner{width: max-content;min-width: 100%}.container{padding: 0 18px}} @media (prefers-reduced-motion: reduce){*,*::before,*::after{transition: none !important;animation-duration: 0.01ms !important}}