.num-stage{align-content:start;gap:18px}.num-result{place-items:center;width:100%;min-height:clamp(120px,26vw,200px);padding:8px 0;display:grid}.num-result__empty{aspect-ratio:1;background:var(--surface);width:clamp(110px,30vw,150px);box-shadow:inset 0 0 0 clamp(5px, 1vw, 8px) var(--line-strong), var(--shadow-1);color:var(--ink-3);border-radius:50%;place-items:center;font-size:clamp(3rem,12vw,4.5rem);font-weight:800;line-height:1;display:grid}.num-result__list{flex-wrap:wrap;justify-content:center;gap:10px;max-width:100%;margin:0;padding:0;list-style:none;display:flex}.num-result__list:empty{display:none}.num-result__list li{background:var(--hub-bg);min-width:2.2em;color:var(--hub-ink);letter-spacing:-.03em;font-variant-numeric:tabular-nums;box-shadow:0 0 0 .09em var(--accent);overflow-wrap:anywhere;border-radius:999px;place-items:center;padding:.12em .42em;font-weight:800;line-height:1.15;display:grid}.num-result.is-one .num-result__list li{min-width:1.9em;min-height:1.9em;box-shadow:0 0 0 .09em var(--accent), 0 10px 26px #16142b4d;padding:0 .3em;font-size:clamp(3.2rem,15vw,6.5rem)}.num-result.is-few .num-result__list li{font-size:clamp(1.9rem,7vw,3rem)}.num-result.is-some .num-result__list li{font-size:clamp(1.15rem,3.6vw,1.6rem)}.num-result.is-many .num-result__list{gap:6px;max-height:46vh;padding:6px;overflow:auto}.num-result.is-many .num-result__list li{box-shadow:none;font-size:.95rem;font-weight:700}.num-result.is-rolling .num-result__list li{box-shadow:0 0 0 .09em var(--line-strong)}.num-result.is-animated .num-result__list li{animation:num-in .42s var(--ease-out) backwards}@keyframes num-in{0%{opacity:0;transform:translateY(10px)scale(.8)}}@media (prefers-reduced-motion:reduce){.num-result.is-animated .num-result__list li{animation:none}}.num-form{justify-items:center;gap:14px;width:100%;max-width:520px;display:grid}.num-fields{grid-template-columns:1fr 1fr .8fr;gap:10px;width:100%;display:grid}.num-presets{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.num-presets .chip{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-variant-numeric:tabular-nums}.num-presets .chip:hover{background:var(--surface-2)}.num-form .field-error{text-align:center;justify-self:stretch}.num-options{border-radius:var(--radius-m);background:color-mix(in srgb, var(--surface) 55%, transparent);justify-self:stretch;gap:2px;padding:6px 16px;display:grid}.num-kept{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;justify-self:stretch;align-items:center;gap:4px 12px;padding:0 16px;font-weight:620;display:flex}.num-kept .link-btn{margin:0}.num-history{background:var(--surface);border-radius:var(--radius-l);box-shadow:var(--shadow-1);align-content:start;gap:10px;min-width:0;padding:18px 20px 20px;display:grid}.num-history__list li{font-variant-numeric:tabular-nums;font-weight:650}.num-history__list li:first-child{font-size:1.05rem}@media (max-width:599px){.num-stage{gap:14px}.num-fields{gap:8px}.num-field input{padding:0 10px;font-size:1.15rem}}.stage.is-present .num-fields,.stage.is-present .num-presets,.stage.is-present .num-options,.stage.is-present .num-kept{display:none}.stage.is-present .num-result{min-height:50vh}.stage.is-present .num-result.is-one .num-result__list li{font-size:clamp(5rem,26vh,16rem)}.stage.is-present .num-result.is-few .num-result__list li{font-size:clamp(3rem,12vh,7rem)}.stage.is-present .num-result.is-some .num-result__list li{font-size:clamp(1.6rem,5vh,3rem)}.stage.is-present .num-result.is-many .num-result__list{max-height:70vh}.stage.is-present .num-result.is-many .num-result__list li{font-size:clamp(1rem,2.6vh,1.6rem)}
