body:has(.letter-picker-page){background:#faf8f2}body:has(.letter-picker-page):before{border-color:#eeeee5}.letter-picker-page{color:#203b35;min-width:0;font-family:Atkinson,Arial,sans-serif}.letter-picker-page h1,.letter-picker-page h2,.letter-picker-page h3{color:#203b35;font-family:inherit}.letter-picker-page a{color:#14685e}.letter-picker-page .eyebrow{color:#52635c}.letter-picker-page .letter-picker-shell{padding-block:1.5rem 3rem}main.letter-picker-page h1{overflow-wrap:anywhere;margin-bottom:.75rem;font-size:clamp(1.875rem,3.5vw,2.625rem);font-weight:800;line-height:1.1}main.letter-picker-page .letter-picker-intro{max-width:60rem;margin:0 0 2rem}main.letter-picker-page .product-hero-description{font:inherit;color:#52635c;font-size:1.0625rem;line-height:1.5}main.letter-picker-page .letter-picker-guide :is(h2,h3){color:#203b35;font-family:Atkinson,Arial,sans-serif}main.letter-picker-page .letter-picker-guide :is(p,li){color:#52635c}.letter-picker,.letter-workspace>*,.letter-picker fieldset{min-width:0}.letter-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.letter-settings,.letter-stage{background:#fff;border:1px solid #79877e;border-radius:.75rem;padding:clamp(1rem,3vw,1.75rem)}.letter-settings h2{margin:0 0 1.25rem;font-size:1.5rem}.letter-picker fieldset{border:0;margin:0;padding:0}.letter-picker label{margin:1rem 0 .5rem;font-weight:700;display:block}.letter-picker select,.letter-picker textarea{color:#203b35;width:100%;min-width:0;max-width:100%;font:inherit;background:#fff;border:1px solid #79877e;border-radius:.3rem;min-height:44px;padding:.65rem}.letter-picker textarea{resize:vertical}.letter-help,.letter-round-mode{color:#52635c;font-size:.95rem;line-height:1.5}.letter-set-count{overflow-wrap:anywhere;font-weight:700;line-height:1.6}.letter-actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.letter-picker .button,.letter-confirmation .button{color:#fff;box-shadow:none;font:inherit;white-space:normal;overflow-wrap:anywhere;cursor:pointer;background:#14685e;border:1px solid #14685e;border-radius:.35rem;max-width:100%;min-height:44px;padding:.7rem 1rem;font-weight:700}.letter-picker .button:hover,.letter-confirmation .button:hover{background:#0d5149}.letter-picker .letter-secondary,.letter-confirmation .letter-secondary{color:#14685e;background:#fff}.letter-picker .letter-secondary:hover,.letter-confirmation .letter-secondary:hover{background:#eeeee5}.letter-picker .button:disabled,.letter-picker fieldset:disabled .button{opacity:.6;cursor:not-allowed}.letter-picker :is(button,select,textarea):focus-visible,.letter-confirmation button:focus-visible{outline-offset:3px;outline:3px solid #8044a2}.letter-pending{border-left:3px solid #14685e;padding-left:.75rem}.letter-error{color:#a52f35;font-weight:700}.letter-round-mode{text-align:center;margin-top:0}.letter-wheel-stage{aspect-ratio:1;width:min(100%,24rem);margin:1.5rem auto;position:relative}.letter-wheel-clip{border:2px solid #203b35;border-radius:50%;position:absolute;inset:0;overflow:hidden}.letter-wheel-disc{border-radius:50%;width:100%;height:100%;transition-property:transform;transition-timing-function:cubic-bezier(.12,.7,.12,1)}.letter-wheel-disc svg{width:100%;height:100%}.letter-wheel-disc text{font-family:Atkinson,Arial,sans-serif;font-size:18px;font-weight:800}.letter-wheel-pointer{z-index:2;border-top:24px solid #203b35;border-left:10px solid #0000;border-right:10px solid #0000;width:0;height:0;position:absolute;top:-10px;left:calc(50% - 10px)}.letter-wheel-hub{color:#203b35;background:#faf8f2;border:1px solid #79877e;border-radius:50%;place-items:center;font-size:.85rem;font-weight:800;display:grid;position:absolute;inset:calc(50% - 1.6rem)}.letter-result{text-align:center;overflow-wrap:anywhere;background:#deeee7;border:1px solid #79877e;border-radius:.5rem;padding:1rem}.letter-result>span{display:block}.letter-result strong{color:#184c43;font-size:4rem;font-weight:800;line-height:1.2;display:block}.letter-result p{margin-bottom:0}.letter-pick-actions{justify-content:center}.letter-set{margin-top:2rem}.letter-set ul{flex-wrap:wrap;gap:.5rem;padding:0;list-style:none;display:flex}.letter-set li{overflow-wrap:anywhere;background:#fff;border:1px solid #79877e;border-radius:.35rem;flex-direction:column;flex:0 5.5rem;align-items:center;min-width:0;padding:.6rem;display:flex}.letter-set li strong{font-size:1.4rem}.letter-set li span{font-size:.8rem}.letter-set li[data-used=true]{background:#eeeee5}.letter-set li[data-used=true] strong{text-decoration:line-through}.letter-set li[data-winner=true]{border:2px solid #14685e}.letter-confirmation{color:#203b35;overflow-wrap:anywhere;background:#faf8f2;border:1px solid #79877e;border-radius:.75rem;width:min(32rem,100% - 2rem);max-width:calc(100% - 2rem);max-height:calc(100dvh - 2rem);padding:clamp(1rem,4vw,1.75rem);font-family:Atkinson,Arial,sans-serif;overflow:auto}.letter-confirmation::backdrop{background:#203b3570}.letter-confirmation h2{color:#203b35;font:inherit;font-size:1.5rem;font-weight:800}.letter-picker-page .letter-picker-guide{max-width:65rem;margin-top:2.5rem}@media (max-width:700px){.letter-workspace{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.letter-wheel-disc{transition-duration:0s!important}}