:root { --accent: #2b7a78; }
.asp { display: grid; grid-template-columns: 110px 1fr 60px; gap: 10px; align-items: center; font-size: 13px; margin-bottom: 8px; cursor: pointer; }
.asp .div { display: flex; height: 16px; border-radius: 4px; overflow: hidden; background: var(--panel-2); }
.asp .div .n { background: var(--bad); }
.asp .div .p { background: var(--good); }
.asp .div .z { background: var(--line); }
.cloud { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline; margin-top: 6px; }
.cloud span { line-height: 1.2; }
.list { max-height: 560px; overflow: auto; margin-top: 10px; }
.rv { padding: 10px 0; border-bottom: 1px solid var(--line); font-size: 14px; }
.rv .meta { display: flex; gap: 8px; align-items: center; font-size: 12px; color: var(--muted); margin-bottom: 4px; flex-wrap: wrap; }
.rv mark.pos { background: color-mix(in srgb, var(--good) 22%, transparent); color: inherit; border-radius: 3px; }
.rv mark.neg { background: color-mix(in srgb, var(--bad) 22%, transparent); color: inherit; border-radius: 3px; }
.stars { color: #f59e0b; letter-spacing: 1px; }
.reply { margin-top: 8px; padding: 8px 12px; background: var(--panel-2); border-radius: 8px; border-left: 3px solid var(--accent); white-space: pre-wrap; }
.sum-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.sum-grid ul { padding-left: 18px; margin: 6px 0 0; font-size: 14px; }
@media (max-width: 900px) { .sum-grid { grid-template-columns: 1fr; } }
.heat td { text-align: center; font: 600 11px var(--mono); padding: 6px 4px; border-radius: 4px; min-width: 42px; }
.heat th { font-size: 11px; }
.heat td.lbl { text-align: left; font: 500 13px Inter, sans-serif; white-space: nowrap; }
.phr { display: grid; grid-template-columns: minmax(0, 1fr) 60px 70px; gap: 10px; padding: 6px 0; border-bottom: 1px solid var(--line); font-size: 14px; align-items: center; }
.cmp { display: grid; grid-template-columns: 150px 1fr 1fr 70px; gap: 12px; align-items: center; padding: 6px 0; border-bottom: 1px solid var(--line); font-size: 13px; }
.cmp .bar { height: 12px; }
.rep textarea { min-height: 90px; font-size: 14px; }