.decide { display: grid; gap: var(--sp-2); text-align: center; }
.pick-result { height: 3.5rem; display: grid; place-items: center; }
.pick-result span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; overflow-wrap: anywhere; font-size: var(--fs-2xl); font-weight: 600; line-height: 1.1; }
.pick-result .is-long { font-size: var(--fs-xl); }
.pick-result [data-state="idle"] { font: 500 var(--fs-lg)/1.3 var(--font); }
.pick-result :not([data-state="picked"]), .count, .opt.is-out .input, .hint, .pick-log .of { color: var(--text-3); }
.pick-result [data-state="picked"] { animation: pop var(--dur-3) var(--ease); }
@keyframes pop { from { opacity: 0; transform: scale(.94); } }
.pick-btn { width: 100%; justify-self: center; }
.touch .opts { gap: var(--sp-3); }
.add-row, .opt { display: flex; gap: var(--sp-2); align-items: center; }
.add-row .input, .opt .input { flex: 1; }
.count { font-weight: 400; }
.opt-list, .pick-log { list-style: none; margin: 0; padding: 0; }
.opt-list { display: grid; gap: var(--sp-1); }
.opt .icon-btn { flex: none; color: var(--text-2); }
.opt.is-picked .input { border-color: var(--accent); background: var(--accent-soft); font-weight: 500; }
.opt.is-out .input { text-decoration: line-through; }
.opt-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sp-2) var(--sp-3); }
@container (max-width: 20rem) { .opt-foot .btn .icon { display: none; } }
.opt-foot .toggle { justify-content: start; }
.hint, .pick-log .of { font-size: var(--fs-sm); }
.history { display: grid; gap: var(--sp-4); }
.history > .btn { justify-self: start; }
.history-title { font-size: var(--fs-md); }
@media (max-width: 47.99em) { .app[data-layout="stage"] { padding-top: var(--sp-2); } }
@media (min-width: 48em) {
  .pick-result { height: 5rem; }
  .pick-result span { font-size: var(--fs-3xl); }
  .pick-result .is-long { font-size: var(--fs-2xl); }
  .pick-btn { width: min(100%, 20rem); }
}