1* {
2 margin: 0;
3 padding: 0;
4 box-sizing: border-box;
5}
6
7:root {
8 --bg: #fff;
9 --text: #1a1a1a;
10 --text-dim: #666;
11 --text-faint: #999;
12 --accent: oklch(48% 0.25 350);
13 --rule: #e8e6e2;
14}
15
16.theme-dark {
17 --bg: #1a1a1a;
18 --text: #f5f3ef;
19 --text-dim: #9a9590;
20 --text-faint: #666;
21 --accent: oklch(60% 0.25 350);
22 --rule: #2a2a2a;
23}
24
25body {
26 background: var(--bg);
27 color: var(--text);
28 font-family: -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
29 font-size: 12px;
30 line-height: 1.5;
31 padding: 12px 14px;
32}
33
34/* Empty / no-findings states */
35
36.state {
37 color: var(--text-faint);
38 font-size: 12px;
39 font-style: italic;
40 padding: 4px 0;
41}
42
43.state strong {
44 color: var(--text-dim);
45 font-style: normal;
46 font-weight: 600;
47}
48
49/* Finding list */
50
51.finding + .finding {
52 margin-top: 14px;
53 padding-top: 14px;
54 border-top: 1px solid var(--rule);
55}
56
57.finding-header {
58 display: flex;
59 align-items: baseline;
60 justify-content: space-between;
61 gap: 8px;
62 margin-bottom: 6px;
63}
64
65.finding-name {
66 font-weight: 600;
67 font-size: 12px;
68 color: var(--text);
69 letter-spacing: -0.005em;
70}
71
72.finding-name .marker {
73 color: var(--accent);
74 margin-right: 4px;
75}
76
77.finding-kind {
78 font-size: 9px;
79 font-weight: 600;
80 text-transform: uppercase;
81 letter-spacing: 0.08em;
82 color: var(--text-faint);
83 flex-shrink: 0;
84}
85
86.finding-detail {
87 font-family: ui-monospace, 'SF Mono', 'Cascadia Code', monospace;
88 font-size: 11px;
89 color: var(--text-dim);
90 margin-bottom: 6px;
91}
92
93.finding-description {
94 font-size: 11px;
95 color: var(--text-dim);
96 line-height: 1.55;
97}