:root{--bg0: #0b0b12;--bg1: #151029;--card: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .14);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .68);--focus: rgba(255, 255, 255, .24);--shadow: rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--text);background:radial-gradient(1200px 800px at 20% 15%,#2a1240 0%,transparent 55%),radial-gradient(900px 650px at 85% 25%,#3a1330 0%,transparent 58%),linear-gradient(180deg,var(--bg0),var(--bg1));font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95em}.page{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;gap:22px;padding:24px}.top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;max-width:980px;width:100%;margin:0 auto}.brand{display:flex;gap:14px;align-items:center}.logo{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#ffffff14;border:1px solid var(--border);box-shadow:0 18px 40px var(--shadow)}.h1{margin:0;font-size:clamp(20px,3.2vw,32px);letter-spacing:-.02em}.h2{margin:0;font-size:clamp(18px,2.4vw,22px);letter-spacing:-.01em}.h3{margin:0;font-size:16px;letter-spacing:-.01em}.muted{margin:6px 0 0;color:var(--muted);line-height:1.6}.main{max-width:980px;width:100%;margin:0 auto}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 70px var(--shadow)}.cardHead{margin-bottom:14px}.stack{display:grid;gap:14px}.lead{margin:0;font-size:16px;line-height:1.75}.tiny{margin:0;font-size:13px}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:4px}.btn{border:1px solid var(--border);background:#ffffff0f;color:var(--text);padding:10px 14px;border-radius:14px;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.btn:hover{transform:translateY(-1px);background:#ffffff17}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.btn.primary{background:#ffffff1f;border-color:#ffffff38}.callout{border:1px dashed rgba(255,255,255,.24);background:#ffffff0f;border-radius:16px;padding:14px}.calloutText{margin:0;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (max-width: 760px){.top{flex-direction:column;align-items:stretch}.grid{grid-template-columns:1fr}}.reason{border:1px solid rgba(255,255,255,.12);background:#0000001f;border-radius:16px;padding:14px;transition:transform .16s ease,background .16s ease}.reason:hover{transform:translateY(-1px);background:#0000002e}.reasonTop{display:flex;align-items:center;gap:10px;margin-bottom:6px}.emoji{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f}.pillRow{border:1px solid rgba(255,255,255,.12);background:#0000001f;border-radius:16px;padding:12px 14px}.pillTitle{font-weight:600}.pillNote{margin:6px 0 0}.footer{max-width:980px;width:100%;margin:0 auto;padding-bottom:8px}.switchIn{animation:in .36s cubic-bezier(.2,.8,.2,1);transform-origin:50% 30%}@keyframes in{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.stepper{display:flex;gap:10px;padding:10px 12px;border-radius:999px;border:1px solid var(--border);background:#ffffff0f}.step{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;color:var(--muted);font-size:13px;-webkit-user-select:none;user-select:none}.step .dot{width:8px;height:8px;border-radius:999px;background:#ffffff42}.step.active{color:var(--text);background:#ffffff1a}.step.active .dot{background:#ffffffbf}