:root{color-scheme:light dark;font-family:system-ui,sans-serif;color:#172033;background:#f5f7fb}body{margin:0;padding:24px}main{max-width:760px;margin:24px auto;background:#fff;border:1px solid #dbe1eb;border-radius:20px;padding:clamp(20px,5vw,40px)}h1{font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.15}p,li{line-height:1.65}label{display:block;margin-top:20px;font-weight:600}input,select,textarea{display:block;box-sizing:border-box;width:100%;margin-top:7px;padding:13px;border:1px solid #b6c0d0;border-radius:10px;font:inherit;background:#fff;color:#172033}button,.button{display:inline-block;padding:13px 20px;background:#4f46e5;border:0;border-radius:10px;color:white;font:inherit;font-weight:600;cursor:pointer;margin-top:22px}button:disabled{opacity:.55;cursor:wait}a{color:#4338ca}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.65}small{font-weight:400}nav{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0}#receipt{border-top:1px solid #dbe1eb;padding-top:24px}:focus-visible{outline:3px solid #818cf8;outline-offset:3px}[hidden]{display:none!important}@media(prefers-color-scheme:dark){:root{background:#0f172a;color:#e2e8f0}main{background:#182237;border-color:#334155}input,select,textarea{background:#0f172a;color:#e2e8f0;border-color:#64748b}a{color:#a5b4fc}}

:root{--primary:#4f46e5}.custom-select{margin-top:7px}.custom-select-trigger{margin-top:0;font-family:inherit}.custom-select-menu .custom-select-option{margin-top:0;font-family:inherit}