:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#47303b;background:#fff7fa}*{box-sizing:border-box}body{margin:0;line-height:1.65}main{width:min(100% - 36px,620px);margin:44px auto;padding-bottom:max(30px,env(safe-area-inset-bottom))}.badge{width:48px;height:48px;display:grid;place-items:center;border:1px solid #edb9cc;border-radius:16px;color:#b54d79;background:#fff;font-size:28px}.eyebrow{font-size:13px;letter-spacing:.08em;color:#a15c7a;margin:20px 0 10px}h1{font-size:clamp(30px,7.5vw,44px);line-height:1.3;letter-spacing:-.03em;margin:0 0 18px;font-weight:750}.intro{color:#806674;font-size:15px;margin:0 0 27px}.steps{display:grid;gap:12px}section{display:flex;gap:15px;padding:19px;background:white;border:1px solid #f0dce5;border-radius:17px}section>span{width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;background:#f8edf2;border-radius:50%;color:#a4778b;font-size:13px;font-weight:700}h2{margin:0 0 4px;font-size:16px}section p{margin:0;font-size:13px;color:#8c7580}section[data-state=success]{border-color:#a8cbb9}section[data-state=success]>span{background:#e7f3eb;color:#387c57}section[data-state=working]{border-color:#d28ba7}section[data-state=working]>span{background:#f5d9e5;color:#a14670}section[data-state=error]{border-color:#deafaa}section[data-state=error]>span{background:#f9e5e2;color:#b45448}.actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:25px}button{font:inherit;cursor:pointer;border:0;border-radius:13px;min-height:49px;font-weight:650;padding:12px 18px;background:#a64f76;color:white;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:default}.secondary{background:#fff;border:1px solid #dcbbca;color:#8d5070}.text-button{background:transparent;color:#946b80;padding:4px 0;min-height:36px;font-size:13px;text-decoration:underline;font-weight:400}#message{font-size:14px;margin:18px 0 7px;color:#796270}#message.error{color:#ac4f44}.muted{font-size:12px;color:#987e8b}.result{border-radius:12px;padding:14px;color:#267449;background:#e8f5ec;font-weight:700;text-align:center}aside{margin-top:30px;border-top:1px solid #eedce4;padding-top:20px;color:#8a7580;font-size:12px}aside strong{color:#6f5964;font-size:13px}aside p{margin:7px 0}button:focus-visible{outline:3px solid #b98ae6;outline-offset:3px}@media(min-width:540px){.actions{grid-template-columns:1fr 1.3fr}}@media(prefers-reduced-motion:no-preference){section{transition:border-color .18s ease}}