html,body,#root{min-height:100%;margin:0}body{color:#111;-webkit-font-smoothing:antialiased;background:#fff;font-family:system-ui,Segoe UI,Roboto,sans-serif}.page{box-sizing:border-box;flex-direction:column;align-items:center;min-height:100svh;padding:32px 24px 48px;display:flex}.header{text-align:center}.header h1{letter-spacing:-.03em;color:#111;margin:0;font-size:40px;font-weight:600;line-height:1.1}.subtitle{color:#6b6b6b;margin:4px 0 0}.choices{justify-content:center;align-items:flex-start;gap:24px;width:min(100%,640px);margin-top:120px;display:flex}.choice{flex-direction:column;flex:220px;align-items:center;gap:12px;min-width:0;max-width:280px;display:flex}.holder{cursor:pointer;width:100%;height:200px;font:inherit;color:#9a9a9a;background:#f3f3f3;border:2px solid #d4d4d4;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.holder:focus-visible{outline-offset:3px;outline:2px solid #111}.holder.selected{border-color:#111}.holder img{object-fit:cover;width:100%;height:100%;display:block}.placeholder{font-size:14px}.description{color:#444;text-align:center;margin:0;font-size:15px;line-height:1.5}@media (width<=520px){.choices{flex-direction:column;align-items:center}.choice{flex:none;width:min(280px,100%)}}