/*! UX by Example — © 2026 Chris Daniels. All rights reserved. */
.peak__lead{font-size:var(--step-1);line-height:var(--leading-snug);max-inline-size:60ch;margin-block-end:var(--space-m)}.peak__which{font-family:var(--font-display);font-size:var(--step--1);color:var(--muted);margin-block-end:var(--space-xs)}.peak__moment{display:flex;flex-direction:column;gap:var(--space-2xs);min-block-size:5.5rem;margin-block-end:var(--space-s)}.peak__mood{align-self:flex-start;font-family:var(--font-display);font-size:var(--step--1);font-weight:600;padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-s)}.peak__mood.is-low{color:light-dark(#b23b13,#f4ac80);background:light-dark(#fbe9e1,#3a2418)}.peak__mood.is-mid{color:var(--muted);background:var(--surface-2)}.peak__mood.is-high{color:var(--accent-strong);background:var(--accent-soft)}.peak__moment-label{font-size:var(--step-1);line-height:var(--leading-snug);max-inline-size:54ch}.peak__meter{inline-size:100%;block-size:0.9rem;background:var(--surface-2);border-radius:var(--radius-s);overflow:hidden;margin-block-end:var(--space-2xs)}.peak__meter-fill{display:block;block-size:100%;inline-size:50%;transition:inline-size .3s,background .3s}.peak__meter-fill.is-low{background:light-dark(#b23b13,#f4ac80)}.peak__meter-fill.is-mid{background:var(--muted)}.peak__meter-fill.is-high{background:var(--accent)}.peak__progress{font-family:var(--font-display);font-size:var(--step--1);color:var(--muted);margin-block-end:var(--space-s)}.peak__choice-q{font-size:var(--step-1);margin-block-end:var(--space-s)}.peak__choice-actions{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.peak__results-title{font-size:var(--step-1);margin-block-end:var(--space-s)}.peak__verdict{max-inline-size:60ch;margin-block-end:var(--space-m)}.peak__tally{display:grid;gap:var(--space-2xs);margin-block-end:var(--space-m)}.peak__tally div{display:flex;flex-wrap:wrap;gap:var(--space-2xs) var(--space-s);padding:var(--space-2xs) var(--space-xs);background:var(--surface-2);border-radius:var(--radius-s)}.peak__tally dt{font-weight:600;color:var(--ink)}.peak__tally dd{margin:0;color:var(--muted);font-size:var(--step--1)}.peak__alt{margin-block-start:var(--space-l);border-block-start:1px solid var(--line);padding-block-start:var(--space-m)}.peak__alt summary{cursor:pointer;font-weight:600;color:var(--accent-strong)}.peak__alt[open] summary{margin-block-end:var(--space-s)}