.cz-modes { display: flex; gap: .4rem; flex-wrap: wrap; border: 0; padding: 0; margin: 0 0 .8rem; }
.cz-modes label { display: inline-flex; align-items: center; gap: .35rem; padding: .35rem .8rem; border: 1px solid var(--line); border-radius: 999px; cursor: pointer; }
.cz-modes label:has(input:checked) { border-color: var(--rose-700); background: var(--surface-2); }
.cz-modes legend { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
#cz-res[hidden], .field[hidden] { display: none; }
.cz-card { display: flex; gap: 1rem; align-items: center; padding: 1rem; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-2); margin: .8rem 0; }
.cz-emoji { font-size: 3rem; line-height: 1; }
.cz-card b { display: block; font-size: 1.6rem; color: var(--rose-700); line-height: 1.2; }
.cz-card span { color: var(--muted); }
#cz-err { color: var(--rose-700); }
#cz-err:empty, #cz-note:empty { display: none; }