@layer components{.er{--er-soft:color-mix(in oklab, var(--color-surface-alt) 55%, var(--color-surface));--er-line:var(--color-border-strong);inline-size:100%;max-inline-size:34rem;margin-inline:auto;container:er/inline-size}.er h2{font-size:var(--text-2);margin-block-end:.75rem;line-height:1.2}.er h3{font-size:var(--text-1);margin-block-end:.6rem;line-height:1.25}.er p{max-inline-size:none}.er .wide{inline-size:100%}.er-progress{border-radius:var(--pill);background:var(--er-soft);block-size:6px;margin-block-end:1.75rem;overflow:hidden}.er-progress span{border-radius:var(--pill);background:var(--color-secondary);block-size:100%;inline-size:0;transition:inline-size .5s;display:block}.er-screen{display:none}.er-screen.is-active{display:block}.er-lead{color:var(--color-text-secondary);margin-block-end:1.25rem}.er-note{color:var(--color-text-secondary);margin-block-start:1rem;font-size:.95rem}.er-note a{min-block-size:var(--tap);align-items:center;display:inline-flex}.er-other{color:var(--color-text-secondary);margin-block-start:1rem}.er-say{border-radius:var(--radius);background:var(--er-soft);margin-block-end:1rem;padding:1rem 1.15rem;font-size:1.08rem;line-height:1.45}.er-say.is-strong{background:var(--color-primary);color:var(--color-text-on-primary)}.er-say.is-rest{background:color-mix(in oklab, var(--color-secondary) 16%, var(--color-surface))}.er-say:not(.is-strong) strong{color:var(--color-primary)}.er-actions{flex-direction:column;gap:.6rem;margin-block-start:1.4rem;display:flex}.er-back,.er-link{min-block-size:var(--tap);cursor:pointer;background:0 0;border:0;align-items:center;gap:.35rem;padding:0 .1rem;font-size:.95rem;display:inline-flex}.er-back{color:var(--color-text-secondary);margin-block-end:.4rem;margin-inline-start:-.1rem}.er-back svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;block-size:16px;inline-size:16px}.er-link{color:var(--color-link);text-underline-offset:3px;align-self:center;font-weight:700;text-decoration:underline;text-decoration-thickness:1px}.er-choices{gap:.6rem;display:grid}.er-choice{border:2px solid var(--er-line);border-radius:var(--radius);background:var(--color-surface);inline-size:100%;color:var(--color-text);text-align:start;cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.1rem;display:flex}.er-choice strong{color:var(--color-primary);font-size:1.1rem;display:block}.er-choice span span{color:var(--color-text-secondary);margin-block-start:.1rem;font-size:.95rem;display:block}.er-choice:after{content:"";background:var(--color-secondary);border-radius:50%;flex:none;block-size:12px;inline-size:12px}.er-choice.is-chosen{background:var(--color-primary);border-color:var(--color-primary)}.er-choice.is-chosen :is(strong,span span){color:var(--color-text-on-primary)}.er-choice.is-chosen:after{background:var(--color-text-on-primary)}@media (hover:hover){.er-choice:hover{border-color:var(--color-primary)}}.er-chips{flex-wrap:wrap;gap:.5rem;display:flex}.er-chip{min-block-size:var(--tap);border:2px solid var(--er-line);border-radius:var(--pill);background:var(--color-surface);cursor:pointer;align-items:center;padding:.5rem 1rem;font-weight:600;line-height:1.25;display:inline-flex;position:relative}.er-chip input{opacity:0;block-size:1px;inline-size:1px;margin:0;position:absolute;inset-block-start:50%;inset-inline-start:50%}.er-chip:has(input:checked){background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-primary)}.er-chip:has(input:focus-visible){outline:3px solid var(--color-accent);outline-offset:2px;box-shadow:0 0 0 2px var(--color-primary)}@media (hover:hover){.er-chip:hover{border-color:var(--color-primary)}}.er-more{margin-block-start:1rem}.er-more summary{min-block-size:var(--tap);cursor:pointer;color:var(--color-link);align-items:center;font-weight:700;list-style:none;display:inline-flex}.er-more summary::-webkit-details-marker{display:none}.er-more summary:before{content:"+";inline-size:1.1em;font-size:1.15rem}.er-more[open] summary:before{content:"–"}.er-more p{color:var(--color-text-secondary);margin-block-start:.6rem}.er-input{inline-size:100%;min-block-size:var(--tap);border:2px solid var(--er-line);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);margin-block-start:.5rem;padding:.7rem .9rem}.er-input::placeholder{color:var(--color-text-secondary);opacity:1}.er-stones{gap:.35rem;margin-block:.5rem .25rem;display:grid}.er-stone{min-block-size:var(--tap);border-radius:var(--radius);cursor:pointer;grid-template-columns:3.75rem 1fr;align-items:center;gap:.75rem;padding:.2rem .6rem;display:grid;position:relative}.er-stone input{opacity:0;block-size:1px;inline-size:1px;margin:0;position:absolute;inset-block-start:50%;inset-inline-start:50%}.er-stone i{background:var(--er-soft);border:2px solid var(--er-line);border-radius:50%;justify-self:center;transition:transform .2s,background .2s;display:block}.er-stone span{color:var(--color-text-secondary);font-size:.95rem;line-height:1.2}.er-stone:has(input:checked) i{background:var(--color-secondary-hover);border-color:var(--color-primary);transform:scale(1.1)}.er-stone:has(input:checked) span{color:var(--color-primary);font-weight:800}.er-stone:has(input:focus-visible){outline:3px solid var(--color-accent);outline-offset:2px;box-shadow:0 0 0 2px var(--color-primary)}@media (hover:hover){.er-stone:hover i{border-color:var(--color-primary)}}.er-stone[data-v="1"] i{block-size:24px;inline-size:24px}.er-stone[data-v="2"] i{block-size:32px;inline-size:32px}.er-stone[data-v="3"] i{block-size:40px;inline-size:40px}.er-stone[data-v="4"] i{block-size:48px;inline-size:48px}.er-stone[data-v="5"] i{block-size:56px;inline-size:56px}@container er (width>=30rem){.er-stones{grid-template-columns:repeat(5,1fr);align-items:end;gap:.25rem}.er-stone{text-align:center;grid-template-columns:none;justify-items:center;gap:.6rem;padding:.5rem .15rem}.er-stone span{font-size:.82rem}}.er-balance{margin-block:.5rem .25rem}.er-balance input[type=range]{appearance:none;inline-size:100%;block-size:var(--tap);cursor:pointer;background:0 0;margin:0;display:block}.er-balance input[type=range]::-webkit-slider-runnable-track{border-radius:var(--pill);background:linear-gradient(90deg, color-mix(in oklab, var(--color-secondary) 55%, var(--color-surface)), var(--er-soft) 50%, var(--color-accent-soft));block-size:10px}.er-balance input[type=range]::-moz-range-track{border-radius:var(--pill);background:linear-gradient(90deg, color-mix(in oklab, var(--color-secondary) 55%, var(--color-surface)), var(--er-soft) 50%, var(--color-accent-soft));block-size:10px}.er-balance input[type=range]::-webkit-slider-thumb{appearance:none;border:3px solid var(--color-surface);background:var(--color-primary);border-radius:50%;block-size:30px;inline-size:30px;margin-block-start:-10px;box-shadow:0 1px 6px #0115224d}.er-balance input[type=range]::-moz-range-thumb{border:3px solid var(--color-surface);background:var(--color-primary);border-radius:50%;block-size:30px;inline-size:30px;box-shadow:0 1px 6px #0115224d}.er-ends{color:var(--color-primary);justify-content:space-between;gap:1rem;font-size:.92rem;font-weight:700;display:flex}.er-read{min-block-size:2.6em;margin-block-start:1rem;font-size:1.05rem}.er-pacer{text-align:center;justify-items:center;padding-block:1rem .25rem;display:grid}.er-ring{background:var(--color-secondary-hover);block-size:150px;inline-size:150px;color:var(--color-text-on-primary);box-shadow:0 10px 30px color-mix(in oklab, var(--color-secondary) 35%, transparent);border-radius:50%;place-items:center;font-size:1.1rem;font-weight:800;transition:transform 4s ease-in-out;display:grid;transform:scale(.8)}.er-ring.is-in{transition-duration:4s;transform:scale(1.18)}.er-ring.is-out{transition-duration:6s;transform:scale(.8)}.er-pacer p{color:var(--color-text-secondary);margin-block-start:1.1rem}.er-scale-track{color:var(--color-text-secondary);grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;margin-block:2.6rem 2.9rem;font-size:.85rem;display:grid}.er-track{border-radius:var(--pill);background:var(--er-soft);block-size:10px;margin-inline:12px;position:relative}.er-mark{border-radius:50%;block-size:22px;inline-size:22px;position:absolute;inset-block-start:50%;translate:-50% -50%}.er-mark small{white-space:nowrap;font-size:.82rem;position:absolute;inset-inline-start:50%;translate:-50%}.er-mark.is-before{background:var(--color-border-strong);border:2px solid var(--color-surface)}.er-mark.is-before small{color:var(--color-text-secondary);inset-block-start:-1.65rem}.er-mark.is-now{z-index:1;background:var(--color-primary);border:3px solid var(--color-surface);box-shadow:0 1px 6px #0115224d}.er-mark.is-now small{color:var(--color-primary);font-weight:800;inset-block-start:1.6rem}.er-recap{border-block-start:1px solid var(--color-border);grid-template-columns:minmax(6rem,auto) 1fr;margin-block-start:1rem;display:grid}.er-recap dt,.er-recap dd{border-block-end:1px solid var(--color-border);margin:0;padding-block:.6rem;font-size:.98rem}.er-recap dt{color:var(--color-text-secondary);padding-inline-end:1rem}.er-cta{border-radius:var(--radius);background:var(--er-soft);margin-block-start:1.6rem;padding:1.25rem}.er-cta p{color:var(--color-text-secondary);margin-block-end:1rem;font-size:.98rem}.er-cta .btn{inline-size:100%}.er-foot{border-block-start:1px solid var(--color-border);margin-block-start:1.75rem;padding-block-start:.5rem;font-size:.92rem}.er-foot a{min-block-size:var(--tap);align-items:center;font-weight:700;display:inline-flex}}@layer motion{@media (prefers-reduced-motion:no-preference){.er-screen.is-active{animation:.32s er-fade}}@keyframes er-fade{0%{opacity:0;translate:0 6px}}@media (prefers-reduced-motion:reduce){.er-progress span,.er-stone i{transition:none}.er-ring,.er-ring.is-in,.er-ring.is-out{transition:none;transform:none}}}