:root{--font-heading: Georgia, "Times New Roman", serif;--font-body: system-ui, -apple-system, sans-serif;--accent: #16161d;--accent-ink: #fff;--radius: 12px}html,body{margin:0}.confirmation-widget{--ink: #16161d;--ink-soft: #5c5c6b;--ink-faint: #8e8e9c;--line: #e8e8ee;--surface: #fff;--yes: #0f7a52;--no: #6b6b7a;--danger: #a32020;--ease: cubic-bezier(.23, 1, .32, 1);--gap-block: 28px;--gap-apart: 16px;--gap-join: 10px;box-sizing:border-box;display:flex;flex-direction:column;min-height:100dvh;padding:48px 32px 24px;background:var(--surface);color:var(--ink);font-family:var(--font-body);font-size:16px;font-weight:400;line-height:1.55;-webkit-font-smoothing:antialiased}.confirmation-widget *{box-sizing:border-box}.confirmation-widget :where(p){margin:0}.widget-main{display:flex;flex-direction:column;gap:var(--gap-block);width:100%;max-width:400px;margin:0 auto;text-align:center;text-wrap:balance}.widget-foot{display:grid;gap:18px}.widget-foot:empty{display:none}.widget-links{display:flex;flex-wrap:wrap;justify-content:center;gap:0 24px}.widget-head{display:flex;flex-direction:column}.widget-greeting{margin-bottom:var(--gap-apart);font-size:15px;color:var(--ink-soft)}.widget-greeting:has(+.widget-mark){margin-bottom:12px}.widget-context{margin-top:var(--gap-join);font-size:14px;color:var(--ink-soft)}.confirmation-widget h1{margin:0;font-family:var(--font-heading);font-size:clamp(26px,6.5vw,31px);line-height:1.2;font-weight:400;letter-spacing:-.015em;text-wrap:balance}.widget-note{margin-top:var(--gap-join);font-size:15px;color:var(--ink-soft)}.widget-actions{display:grid;gap:10px}@media(min-width:400px){.widget-actions{grid-template-columns:1fr 1fr}}.confirmation-widget button{appearance:none;font:inherit;font-size:15px;font-weight:700;min-height:50px;padding:13px 20px;border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);cursor:pointer;transition:transform .14s var(--ease),background-color .14s var(--ease),border-color .14s var(--ease),opacity .14s var(--ease)}.confirmation-widget button:active{transform:scale(.98)}.confirmation-widget button.widget-ghost{background:var(--surface);border-color:var(--line);color:var(--ink)}.confirmation-widget button.widget-quiet{min-height:0;border-radius:4px;padding:10px 0;border:0;background:none;color:var(--ink-soft);font-size:14px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line);justify-self:center;align-self:center}.confirmation-widget button.widget-quiet:hover{color:var(--ink)}.confirmation-widget button:disabled{opacity:.5;cursor:default}.confirmation-widget :focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(hover:hover)and (pointer:fine){.confirmation-widget button:not(.widget-quiet):not(:disabled):hover{opacity:.88}}.widget-mark{align-self:center;margin-bottom:var(--gap-apart);width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:color-mix(in oklab,var(--tone) 12%,transparent);animation:widget-mark-in .34s var(--ease) both}.widget-mark[data-tone=yes]{--tone: var(--accent);--len: 20.2}.widget-mark[data-tone=no]{--tone: var(--no);--len: 12}.widget-mark svg{display:block;width:24px;height:24px}.widget-mark path{fill:none;stroke:var(--tone);stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:widget-draw .42s var(--ease) .12s both}@keyframes widget-mark-in{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes widget-draw{to{stroke-dashoffset:0}}.widget-reveal{animation:widget-rise .26s var(--ease) both}.widget-reveal[data-delay="1"]{animation-delay:70ms}.widget-reveal[data-delay="2"]{animation-delay:.14s}.widget-reveal[data-delay="3"]{animation-delay:.21s}.widget-reveal[data-delay="4"]{animation-delay:.28s}@keyframes widget-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.widget-questions{display:grid;gap:var(--gap-apart);padding-top:var(--gap-block);border-top:1px solid var(--line)}.widget-questions h2{margin:0;font-family:var(--font-heading);font-size:19px;font-weight:400;letter-spacing:-.01em}.widget-field{display:grid;gap:7px}.widget-field label{font-size:14px;color:var(--ink-soft)}.widget-field input,.widget-field select{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:inherit;font-size:16px;text-align:start;transition:border-color .14s var(--ease)}.widget-field input:focus-visible,.widget-field select:focus-visible{border-color:var(--accent);outline-color:var(--accent);outline-offset:1px}.widget-answer{font-size:15px;color:var(--ink)}.widget-answers{display:grid;gap:20px}.widget-step{display:grid;gap:18px;justify-items:stretch}.widget-step .widget-quiet{justify-self:center}.widget-step-exit{min-height:40px;display:flex;justify-content:center;align-items:flex-start}.widget-answers-done{font-size:15px;color:var(--ink-soft)}.widget-error{padding:16px 18px;border:1px solid color-mix(in oklab,var(--danger) 22%,var(--line));border-radius:var(--radius);color:var(--danger);font-size:15px;display:grid;gap:10px;justify-items:center}.widget-skeleton{display:grid;gap:14px}.widget-skeleton-line,.widget-skeleton-actions{display:block;border-radius:8px;background:var(--line);animation:widget-pulse 1.4s ease-in-out infinite}.widget-skeleton-line{height:14px}.widget-skeleton-line[data-width=short]{width:38%}.widget-skeleton-line[data-width=title]{height:30px;width:74%;margin-top:6px}.widget-skeleton-line[data-width=meta]{width:52%}.widget-skeleton-actions{height:50px;margin-top:14px;border-radius:var(--radius)}@keyframes widget-pulse{0%,to{opacity:1}50%{opacity:.45}}.widget-preview{align-self:center;padding:4px 10px;border-radius:999px;background:#f4f4f7;color:var(--ink-faint);font-size:12px}.widget-footer{margin-top:auto;display:flex;justify-content:center;padding-top:var(--gap-block)}.widget-footer a{display:block;opacity:.55;transition:opacity .14s var(--ease)}.widget-footer a:hover,.widget-footer a:focus-visible{opacity:.85}.widget-footer img{display:block;width:84px;height:auto}@media(max-width:380px){.confirmation-widget{padding:36px 22px 18px}}@media(prefers-reduced-motion:reduce){.widget-mark{animation:widget-fade .2s ease both}.widget-mark path{stroke-dasharray:none;stroke-dashoffset:0;animation:none}.widget-reveal{animation:widget-fade .2s ease both}.confirmation-widget button:active{transform:none}.widget-skeleton-line,.widget-skeleton-actions{animation:none}@keyframes widget-fade{0%{opacity:0}to{opacity:1}}}
