.namepicker{display:grid;gap:var(--space-4);container-type:inline-size}.namepicker > *{min-width:0;margin:0}.namepicker__controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.namepicker__controls > .btn{flex:1 1 14rem;max-width:24rem}.namepicker__note{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4)}.namepicker__stage{display:grid;gap:var(--space-4);align-items:center}.namepicker__card{min-height:11rem}.namepicker__card .result-card__text{font-size:clamp(2.25rem,1rem + 9cqi,5rem);overflow-wrap:anywhere}.namepicker__wheel{display:grid;place-items:center}.namepicker__wheel canvas{width:min(100%,26rem);height:auto;aspect-ratio:1}.namepicker[data-view="wheel"] .namepicker__card{min-height:7rem}.namepicker[data-view="wheel"] .namepicker__card .result-card__text{font-size:clamp(1.75rem,1rem + 5cqi,3rem)}@container (min-width:44rem){.namepicker[data-view="wheel"] .namepicker__stage{grid-template-columns:minmax(0,26rem) minmax(0,1fr)}}.namepicker__progress{display:grid;gap:var(--space-2)}.namepicker__progress progress{appearance:none}.namepicker__progress progress::-webkit-progress-bar{background:var(--line)}.namepicker__progress progress::-webkit-progress-value{border-radius:var(--radius-pill);background:var(--brand);transition:width 0.3s var(--ease)}.namepicker__progress progress::-moz-progress-bar{border-radius:var(--radius-pill);background:var(--brand)}.namepicker__history-title{margin:0 0 var(--space-2);font-size:var(--step-0)}.namepicker__picked{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none;counter-reset:pick}.namepicker__picked li{padding:var(--space-1) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);font-size:var(--step--1);overflow-wrap:anywhere;counter-increment:pick}.namepicker__picked li::before{content:counter(pick) ". ";color:var(--ink-muted);font-weight:700}.namepicker__privacy{display:flex;align-items:center;gap:var(--space-2)}.namepicker .roster{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.namepicker .roster > summary{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--space-2);min-height:var(--tap);padding:var(--space-2) var(--space-4);font-size:var(--step--1);cursor:pointer}.namepicker .roster > summary::after{content:"Change";margin-left:auto;color:var(--link);font-weight:700}.namepicker .roster[open] > summary::after{content:"Close"}.namepicker .roster__label{font-weight:700}.namepicker .roster__body{padding:var(--space-2) var(--space-4) var(--space-4)}@media print{.namepicker__print-title{margin-bottom:4mm;font:700 16pt / 1.2 var(--font-display)}.namepicker__card{display:none}.namepicker__picked{display:block;columns:3}.namepicker__picked li{padding:1mm 0;border:0;font-size:11pt;break-inside:avoid}}