:root{color-scheme:light;--cream:#FFF8F2;--cotton:#FBE3E7;--surface-2:#FAF1E8;--plum:#2B1E33;--ink-muted:#5C4D63;--ink-subtle:#857794;--berry:#D94E7C;--berry-hover:#C4456F;--berry-active:#B23E64;--mint:#8ECDB0;--lemon:#F5C14E;--success-ink:#1F6C4D;--warning-ink:#7A5A14;--danger-ink:#9C2A4F;--line:rgba(43,30,51,.12);--line-strong:rgba(43,30,51,.32);--plum-06:rgba(43,30,51,.06);--plum-54:rgba(43,30,51,.54);--plum-72:rgba(43,30,51,.72);--sans:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;--serif:Georgia,"Times New Roman",Times,serif;--mono:ui-monospace,"SF Mono",Menlo,Monaco,"Cascadia Mono","Roboto Mono",monospace}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--plum);font:16px/1.5 var(--sans)}
header,main,footer{max-width:36rem;margin:0 auto;padding-inline:20px}
header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.lockup{direction:ltr;display:inline-flex;align-items:baseline;gap:8px;color:var(--plum);text-decoration:none}
.lockup__mark{font:700 22px/1 var(--serif);letter-spacing:-.01em}
.lockup__word{font:700 16px/1 var(--serif);letter-spacing:-.01em;color:var(--plum-72)}
.meta{display:flex;flex-direction:column;align-items:end;gap:6px;font:12px/1.2 var(--mono);color:var(--ink-subtle);letter-spacing:.02em;text-align:end}
.languages{display:flex;flex-wrap:wrap;justify-content:end;gap:10px}
.languages a{color:var(--ink-subtle);text-decoration:none}
.languages a:hover{text-decoration:underline}
.languages a[aria-current]{color:var(--plum);font-weight:600}
h1{font-size:28px;line-height:1.2;letter-spacing:-.01em;margin:28px 0 12px}
h2{font-size:22px;line-height:1.25;margin:36px 0 8px}
a{color:var(--plum);text-decoration-color:var(--berry);text-underline-offset:3px}
.button,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 20px;border-radius:999px;border:1px solid var(--berry);background:var(--berry);color:var(--cream);font:600 16px/1 var(--sans);letter-spacing:-.005em;text-decoration:none;cursor:pointer;margin:0 0 8px;margin-inline-end:8px;transition:background 120ms ease,transform 120ms ease}
.button:hover,button:hover{background:var(--berry-hover)}
.button:active,button:active{background:var(--berry-active);transform:translateY(1px)}
.secondary{background:transparent;color:var(--plum);border-color:var(--line-strong)}
.secondary:hover,.secondary:active{background:var(--plum-06)}
.danger{height:36px;padding:0 12px;border-radius:6px;border-color:transparent;background:transparent;color:var(--danger-ink);font-size:14px}
.danger:hover,.danger:active{background:rgba(217,78,124,.08)}
button:disabled{opacity:.5;cursor:progress}
form[data-phone] button:disabled{cursor:not-allowed}
:focus-visible{outline:3px solid var(--berry);outline-offset:2px}
label{display:block;font-weight:600;margin:16px 0 4px}
input,select{font:inherit;width:100%;height:48px;padding:0 12px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface-2);color:var(--plum);margin-bottom:16px}
fieldset{border:0;padding:0;margin:0 0 8px}
.check{display:flex;gap:12px;align-items:flex-start;font-weight:400;margin:0 0 16px}
.check input{flex:none;width:20px;height:20px;margin:2px 0 0;padding:0;accent-color:var(--berry)}
[hidden]{display:none!important}
.notice{background:var(--cotton);border-radius:16px;padding:12px 16px;margin:16px 0}
.notice p{margin:0}
.signal{display:flex;gap:10px;align-items:flex-start}
.glyph{flex:none;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;color:var(--plum);font:700 13px/1 var(--sans);margin-top:1px}
.glyph--whooray{background:var(--mint)}
.glyph--whoa{background:var(--lemon)}
.glyph--whoops{background:var(--berry);color:var(--cream)}
.notice--whooray strong,[data-status].signal--whooray strong{color:var(--success-ink)}
.notice--whoa strong,[data-status].signal--whoa strong{color:var(--warning-ink)}
.notice--whoops strong,[data-status].signal--whoops strong{color:var(--danger-ink)}
.small,[data-status]{color:var(--ink-muted);font-size:14px}
[data-status].signal{color:var(--plum)}
.line{color:var(--ink-muted);font-size:14px;margin:0 0 12px}
.action{margin:16px 0}
.step{font:600 12px/1.2 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-subtle);margin:28px 0 0}
.step+h2,.step+.notice+h2{margin-top:4px}
details.help{margin:0 0 16px;font-size:14px;color:var(--ink-muted)}
details.help>summary{display:inline-flex;align-items:center;gap:4px;cursor:pointer;color:var(--plum);font-weight:500;list-style:none}
details.help>summary::-webkit-details-marker{display:none}
details.help>summary::after{content:"\25BE";font-size:9px;color:var(--plum-54);transition:transform 120ms ease}
details.help[open]>summary::after{transform:rotate(180deg)}
details.help>div{background:var(--surface-2);border-radius:10px;padding:4px 16px;margin-top:8px;line-height:1.55}
details.help ol,details.help ul,.happens{padding-inline-start:20px}
details.help li,.happens li{margin:6px 0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.passkeys,.details{list-style:none;padding:0}
.passkeys li,.details li{border:1px solid var(--line);border-radius:16px;padding:12px 16px;margin:8px 0}
.passkeys form{margin-top:8px}
.suggestions{list-style:none;margin:-12px 0 16px;padding:4px;border:1px solid var(--line-strong);border-radius:10px;background:var(--cream)}
.suggestions li{padding:10px 12px;border-radius:8px;cursor:pointer}
.suggestions li[aria-selected="true"],.suggestions li:hover{background:var(--cotton)}
.row{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.row form{margin:0}
.quiet{height:36px;padding:0 12px;border-radius:6px;border-color:transparent;background:transparent;color:var(--plum);font-size:14px}
.quiet:hover,.quiet:active{background:var(--plum-06)}
.codes{font:18px/1.8 var(--mono);letter-spacing:.05em}
footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:36px;padding-top:16px;padding-bottom:28px;border-top:1px solid var(--line);color:var(--ink-subtle);font:12px/1.4 var(--mono);letter-spacing:.02em;text-align:center}
.dot{width:4px;height:4px;border-radius:50%;background:var(--line-strong)}
footer .legal{flex-basis:100%;display:flex;justify-content:center;gap:16px;margin-top:4px}
footer .legal a{color:var(--ink-subtle)}
.legal-text h2{font-size:18px;margin:28px 0 8px}
.legal-text ul{padding-inline-start:20px}
.legal-text li{margin:6px 0}
mark{background:rgba(245,193,78,.35);color:inherit;border-radius:2px;padding:0 2px}
.stores{list-style:none;padding:0}
.stores>li{border:1px solid var(--line);border-radius:16px;padding:12px 16px;margin:12px 0}
.stores h3{font:600 15px/1.3 var(--mono);margin:0 0 8px;overflow-wrap:anywhere}
.lines{list-style:none;padding:0;margin:0 0 8px}
.lines li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:6px 0;border-bottom:1px solid var(--line)}
.lines .from-store{flex-basis:100%}
.amount{margin-inline-start:auto;font-variant-numeric:tabular-nums;white-space:nowrap}
.mono{font:13px/1.4 var(--mono);overflow-wrap:anywhere}
.delivery p{margin:6px 0}
.totals{width:100%;border-collapse:collapse;margin:8px 0}
.totals th{text-align:start;font-weight:400;padding:4px 0}
.totals td{text-align:end;padding:4px 0}
.totals tr.total th,.totals tr.total td{font-weight:700;border-top:1px solid var(--line-strong)}
.from-store{background:var(--surface-2);border-inline-start:3px solid var(--lemon);border-radius:6px;padding:8px 12px;margin:8px 0;text-align:start}
.from-store p{margin:4px 0}
details.from-store>summary{cursor:pointer;font-size:14px;font-weight:600}
.store-words{white-space:pre-line;overflow-wrap:anywhere}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}