.card { border-radius: 0.75rem; border: 1px solid #1e293b; background: rgba(15, 23, 42, 0.6); padding: 1rem; }
table.data th { text-align: left; font-weight: 600; color: #94a3b8; font-size: 0.72rem; text-transform: uppercase; letter-spacing: .04em; padding: .4rem .5rem; }
table.data td { padding: .4rem .5rem; border-top: 1px solid #1e293b; font-variant-numeric: tabular-nums; }
.pill { display: inline-block; padding: .1rem .55rem; border-radius: 999px; font-size: .7rem; font-weight: 600; }
.pill-long { background: rgba(16,185,129,.15); color: #34d399; }
.pill-neutral { background: rgba(148,163,184,.15); color: #cbd5e1; }
.pill-avoid { background: rgba(244,63,94,.15); color: #fb7185; }
.pill-aside { background: rgba(245,158,11,.15); color: #fbbf24; }
input, select, textarea { color-scheme: dark; }
.field { width: 100%; border-radius: .375rem; border: 1px solid #334155; background: #020617; padding: .5rem .75rem; font-size: .875rem; color: #f1f5f9; }
.field:focus { outline: none; border-color: #10b981; }
details > summary { list-style: none; }