.yn{max-width:560px;margin:0 auto;width:100%;display:grid;gap:12px;justify-items:center}.yn-presets{justify-self:center}.yn-stage{position:relative;width:min(100%,400px);aspect-ratio:1}.yn-svg{width:100%;height:100%;display:block;filter:drop-shadow(0 6px 14px rgb(0 0 0 / .18))}.yn-label{fill:#fff;font-weight:800;font-family:var(--font);paint-order:stroke;stroke:#00000040;stroke-width:2px;letter-spacing:.02em;pointer-events:none;user-select:none}.yn-pointer{position:absolute;top:-6px;left:50%;width:0;height:0;margin-left:-14px;border-left:14px solid transparent;border-right:14px solid transparent;border-top:28px solid var(--text);filter:drop-shadow(0 2px 2px rgb(0 0 0 / .3));transform-origin:50% 0;z-index:2}.yn-flick{animation:yn-flick .12s ease-out}@keyframes yn-flick{50%{transform:rotate(-14deg)}}.yn-hub{position:absolute;top:50%;left:50%;width:22%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:4px solid var(--surface);background:var(--text);color:var(--bg);font-weight:900;font-size:clamp(.75rem,3.6vw,1rem);letter-spacing:.06em;cursor:pointer;box-shadow:0 2px 8px #0000004d}.yn-hub:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.yn-spinning .yn-hub{cursor:progress}.yn-result{font-size:clamp(1.8rem,9vw,2.6rem);font-weight:900;min-height:1.3em;text-align:center;line-height:1.2;overflow-wrap:anywhere}.yn-res-yes{color:var(--good)}.yn-res-no{color:var(--danger)}.yn-res-maybe{color:var(--warn)}.yn-spin{min-width:200px;min-height:50px;font-size:1.1rem}.yn-editwrap{width:100%;display:grid;gap:6px}.yn-editwrap[hidden]{display:none}.yn-editlabel{font-weight:600;font-size:.9rem}.yn-edit{width:100%;font:inherit;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);resize:vertical;box-sizing:border-box}.yn-results{width:100%}.yn-results h3{font-size:1rem;margin:4px 0 8px}.yn-tally{display:grid;gap:6px}.yn-trow{display:grid;grid-template-columns:minmax(60px,120px) 1fr 40px;gap:8px;align-items:center;font-size:.92rem}.yn-tname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yn-tbar{height:12px;border-radius:6px;background:var(--surface-2);overflow:hidden}.yn-tfill{height:100%;border-radius:6px;transition:width .3s}.yn-trow b{text-align:right;font-variant-numeric:tabular-nums}.yn-history p{margin:8px 0 0;font-size:.9rem}@media (prefers-reduced-motion: reduce){.yn-flick{animation:none}}