:root{color-scheme:light;--bg:#f5f7fa;--paper:#fff;--ink:#20252b;--muted:#626d7c;--blue:#0869f7;--blue-hover:#0059db;--line:#e7ebf1;--soft:#edf4ff;--green:#117253;--red:#b32f35;--radius:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;border:0}button:disabled{cursor:default;opacity:.55}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #79adff}a{color:var(--blue);text-decoration:none}p{margin:0 0 20px}h1,h2,h3{margin:0;font-weight:650;line-height:1.15;letter-spacing:-.04em}h1{font-size:clamp(1.8rem,3vw,2.4rem)}h2{font-size:1.625rem}h3{font-size:1.125rem}small,.small{font-size:.8125rem;color:var(--muted)}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.topbar{max-width:1220px;padding:26px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:auto}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-size:21px;font-weight:750;letter-spacing:-.05em;white-space:nowrap}.brand-mark{width:34px;height:34px;background:var(--blue);border-radius:11px;color:#fff;display:grid;place-items:center}.brand-mark svg{width:24px;height:24px;stroke-width:2.3}.topbar nav{display:flex;gap:6px;align-items:center}.nav-link{color:var(--muted);font-size:14px;font-weight:600;padding:11px 17px;border-radius:14px;min-height:44px;display:inline-flex;align-items:center;gap:7px}.nav-link[aria-current=page]{color:var(--ink);background:#e9edf2}.topbar .text-button{font-size:14px}.page{max-width:1060px;margin:60px auto 40px;padding:0 30px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.13fr);gap:80px;align-items:start}.intro{padding:20px 0}.eyebrow{font-size:.75rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}.intro>p:not(.eyebrow){color:var(--muted);margin-top:18px;max-width:330px}.steps{list-style:none;padding:0;margin:38px 0;display:grid;gap:24px}.steps li{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:14px}.step-number{width:30px;height:30px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#e7ecf2;font-size:12px;font-weight:700}.steps li.active{color:var(--ink);font-weight:600}.steps li.active .step-number{color:#fff;background:var(--blue)}.steps li.done .step-number{background:#deeee7;color:var(--green)}.quiet-note{display:flex;gap:10px;color:var(--muted);font-size:.8125rem;max-width:290px}.quiet-note svg{width:18px;height:18px;margin-top:2px}.card{background:var(--paper);border-radius:var(--radius);padding:32px;box-shadow:0 6px 30px #26384c04;min-width:0;max-width:500px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}.card-heading p{margin:0}.card>p,.lead{color:var(--muted);font-size:14px}.card h2+p{margin-top:12px}.icon-tile{width:52px;height:52px;border-radius:17px;background:var(--soft);color:var(--blue);display:grid;place-items:center;margin-bottom:24px}.icon-tile svg{width:26px;height:26px}.screen{animation:enter .24s ease-out}.form-stack{display:grid;gap:20px}label{display:grid;gap:8px;font-size:14px;font-weight:550}input,select,textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:14px;background:#fff;padding:13px 15px;color:var(--ink);font-size:16px;line-height:1.35;min-height:48px}input::placeholder,textarea::placeholder{color:#8b93a0}input:hover,select:hover{border-color:#c7d1df}input:focus,select:focus,textarea:focus{border-color:var(--blue)}textarea{resize:vertical}.input-wrap{display:flex;align-items:center;border:1px solid var(--line);border-radius:14px;overflow:hidden}.input-wrap input{border:0;border-radius:0}.input-wrap:focus-within{border-color:var(--blue)}.input-wrap .icon-button{flex-shrink:0}.primary,.secondary,.danger{min-height:48px;padding:13px 18px;border-radius:14px;font-weight:650;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-align:center;transition:background .18s,transform .18s,box-shadow .18s;width:100%;line-height:1.4}.primary{background:var(--blue);color:white}.primary:hover:not(:disabled){background:var(--blue-hover);box-shadow:0 4px 14px #0869f726}.secondary{background:#f0f3f7;color:var(--ink)}.secondary:hover:not(:disabled){background:#e8edf4}.danger{background:#fff0f0;color:var(--red)}.primary:active:not(:disabled),.secondary:active:not(:disabled),.icon-button:active{transform:scale(.985)}.text-button,.icon-button{min-height:44px;min-width:44px;padding:10px;background:transparent;color:var(--muted);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:550}.text-button:hover,.icon-button:hover{background:#eaf0f7;color:var(--ink)}.text-button{font-size:14px}.actions{display:flex;gap:10px;margin-top:24px;align-items:center}.actions>*{flex:1}.actions .back{flex:0 0 auto}.or{display:flex;align-items:center;gap:14px;margin:20px 0;color:#858e9c;font-size:12px}.or:before,.or:after{content:"";height:1px;background:var(--line);flex:1}.hint{font-weight:400;font-size:12px;color:var(--muted);line-height:1.5}.inline-error{font-size:14px;color:var(--red);margin:12px 0 0}.inline-error:empty{display:none}.notice{background:var(--soft);border-radius:14px;padding:14px 16px;color:#33527d;font-size:14px;margin:20px 0}.notice p:last-child{margin:0}.notice.warn{background:#fff6e8;color:#775526}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.amount-field{position:relative}.amount-field input{font-size:2.4rem;font-weight:600;letter-spacing:-.04em;padding:15px 0;border:0;border-radius:0;border-bottom:1px solid var(--line);background:transparent}.amount-row{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:10px;align-items:center}.amount-row select{background:#f0f3f7;border:0;font-size:14px;font-weight:650;padding:12px}.section-label{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin:22px 0 10px;font-weight:550}.section-label .small{font-size:12px;font-weight:400}.fee-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:5px;background:#f0f3f7;border-radius:16px;margin:0;border:0;min-width:0}.fee-option{position:relative;display:block;min-width:0}.fee-option input{position:absolute;width:1px;height:1px;min-height:0;padding:0;opacity:0}.fee-option span{min-height:50px;padding:7px 4px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;font-size:15px;line-height:1.35;font-weight:650;cursor:pointer;transition:background .2s,box-shadow .2s,color .2s}.fee-option small{font-size:11px;line-height:1.5;font-weight:400;color:inherit;opacity:.8}.fee-option input:checked+span{color:var(--blue);background:white;box-shadow:0 2px 5px #2232490c}.fee-option input:focus-visible+span{outline:3px solid #79adff;outline-offset:1px}.summary{margin:20px 0;padding:0;display:grid;gap:13px;font-size:14px}.summary>div{display:flex;justify-content:space-between;gap:18px;align-items:baseline}.summary dt{color:var(--muted)}.summary dd{margin:0;text-align:right;font-weight:550;overflow-wrap:anywhere;min-width:0}.summary .total{border-top:1px solid var(--line);padding-top:16px;font-size:17px}.summary .total dt{color:var(--ink);font-weight:600}.summary .total dd{font-weight:700}.merchant{display:flex;align-items:center;gap:12px;padding:15px;background:var(--bg);border-radius:16px;font-size:14px;overflow-wrap:anywhere}.merchant svg{color:var(--blue)}.merchant small{display:block}.status-visual{height:86px;display:flex;align-items:center;justify-content:center;margin:8px 0 24px}.status-ring{width:72px;height:72px;display:grid;place-items:center;background:var(--soft);color:var(--blue);border-radius:50%;position:relative}.status-ring svg{width:30px;height:30px}.status-ring.wait:after{content:"";position:absolute;inset:-6px;border:2px solid #dceaff;border-top-color:var(--blue);border-radius:50%;animation:spin 2s linear infinite}.status-ring.success{background:#e3f4ec;color:var(--green)}.center{text-align:center}.deposit-amount{font-size:1.9rem;letter-spacing:-.04em;font-weight:650;overflow-wrap:anywhere;margin:8px 0 20px}.address{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;overflow-wrap:anywhere;word-break:break-all;padding:16px;border:1px solid var(--line);border-radius:14px;margin:10px 0}.countdown{font-variant-numeric:tabular-nums;font-size:14px;font-weight:650;color:var(--blue);background:var(--soft);border-radius:10px;display:inline-block;padding:6px 11px}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:550;border-radius:9px;background:var(--soft);color:var(--blue);padding:5px 9px;white-space:nowrap}.pill.success{background:#e3f4ec;color:var(--green)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.wide-page{max-width:1040px;padding:0 30px;margin:45px auto}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.toolbar select{max-width:180px;background:white}.tabs{display:inline-flex;gap:5px;padding:4px;border-radius:14px;background:#e9edf2}.tabs button{min-height:40px;padding:8px 16px;background:transparent;color:var(--muted);border-radius:10px;font-size:14px;font-weight:600}.tabs button[aria-selected=true]{background:white;color:var(--ink);box-shadow:0 2px 5px #20304f06}.order-grid,.balance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.order-card{background:white;border-radius:22px;padding:24px;min-width:0}.order-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.coin{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--blue);font-size:16px;font-weight:700}.order-amount{font-size:27px;font-weight:650;letter-spacing:-.035em;margin-bottom:2px;overflow-wrap:anywhere}.order-card .secondary{margin-top:20px}.order-card .summary{font-size:13px}.empty{padding:52px 24px;text-align:center;background:white;border-radius:24px;grid-column:1/-1}.empty .icon-tile{margin:0 auto 20px}.empty p{color:var(--muted);max-width:330px;margin:14px auto 24px;font-size:14px}.empty button{max-width:240px}.history{margin-top:34px}.history-row{background:white;border-radius:16px;padding:18px 22px;margin:10px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px}.history-row p{margin:0}.history-row small{display:block;overflow-wrap:anywhere}.history-row .right{text-align:right}.footer{max-width:1100px;margin:54px auto 20px;padding:0 30px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;color:var(--muted)}.footer .text-button{font-size:12px}.loading{border-radius:18px;min-height:130px;background:linear-gradient(100deg,#e9edf3 30%,#f4f6f9 45%,#e9edf3 60%);background-size:240% 100%;animation:shimmer 1.6s ease-in-out infinite}.spinner{width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:spin .8s linear infinite}.dialog{max-width:450px;width:calc(100% - 28px);max-height:calc(100dvh - 32px);border:0;border-radius:26px;padding:28px;color:var(--ink);background:white;box-shadow:0 20px 100px #172a492e;overflow:auto}.dialog::backdrop{background:#202b4352;backdrop-filter:blur(3px)}.dialog[open]{animation:enter .2s ease-out}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-4px -7px 18px 0}.dialog h2{font-size:24px}.dialog video{width:100%;border-radius:16px;aspect-ratio:1;object-fit:cover;background:#111}.dialog .receipt-image{max-width:100%;height:auto;border-radius:10px}.toast{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);border-radius:14px;background:var(--ink);color:white;font-size:14px;padding:12px 20px;box-shadow:0 6px 25px #0002;z-index:10;pointer-events:none}.toast:empty{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{to{background-position:-140% 0}}@media(max-width:850px){.page{gap:36px;margin-top:32px}.topbar{padding:22px 26px}.order-grid,.balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro h1{font-size:30px}.card{padding:26px}.topbar nav .nav-link{padding:10px 13px}}@media(max-width:620px){.topbar{padding:17px 20px 10px;gap:10px;flex-wrap:wrap}.brand{font-size:20px}.brand-mark{width:31px;height:31px;border-radius:10px}.topbar nav{order:3;width:100%;justify-content:center;background:#e9edf2;border-radius:14px;padding:4px;margin-top:13px;gap:3px}.nav-link{flex:1;justify-content:center;font-size:14px;min-height:40px}.nav-link[aria-current=page]{background:white;box-shadow:0 2px 4px #20304f05}.page{display:flex;flex-direction:column;gap:20px;padding:0 20px;margin:23px auto 0;max-width:490px}.intro{padding:0;width:100%}.intro .eyebrow,.intro>p,.intro .quiet-note{display:none}.intro h1{font-size:26px}.steps{display:flex;gap:10px;margin:18px 0 0;justify-content:space-between}.steps li{gap:7px;font-size:12px}.step-number{width:23px;height:23px;font-size:10px}.steps .step-label{display:none}.steps li.active .step-label{display:inline}.steps li.active{margin-right:auto}.card{width:100%;padding:24px;max-width:none;border-radius:22px}.card h2{font-size:24px}.icon-tile{width:46px;height:46px;border-radius:15px;margin-bottom:20px}.card-heading{margin-bottom:20px}.wide-page{padding:0 20px;margin:28px auto}.page-heading{margin-bottom:22px}.page-heading h1{font-size:27px}.page-heading .eyebrow{margin-bottom:8px}.order-grid,.balance-grid{grid-template-columns:1fr;gap:12px}.order-card{padding:22px}.order-top{margin-bottom:14px}.order-card .summary{margin:14px 0}.order-card .secondary{margin-top:8px}.toolbar{gap:10px}.tabs button{padding:8px 12px}.toolbar select{max-width:118px;font-size:14px}.footer{padding:0 20px;margin-top:32px;gap:7px}.fee-option span{min-height:48px;font-size:14px}.fee-option small{font-size:11px}.dialog{padding:24px}.history-row{padding:17px;align-items:flex-start}.notice{font-size:13px}.quiet-note{font-size:12px}}@media(max-width:360px){.topbar,.page,.wide-page{padding-left:14px;padding-right:14px}.card{padding:20px}.brand{font-size:19px}.nav-link{padding-left:9px!important;padding-right:9px!important}.card h2{font-size:22px}.amount-field input{font-size:2.1rem}.fee-options{gap:4px;padding:4px}.actions{gap:8px}.primary,.secondary{font-size:14px;padding:12px}.dialog{padding:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:620px){.topbar>#account{max-width:94px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.field-row{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:8px}.field-row select{padding-left:10px;padding-right:8px}}@media(max-width:360px){.topbar>#account{max-width:88px;font-size:13px}}
.form-stack>p{margin-bottom:0}input[type=file]{font-size:14px;padding:7px;overflow:hidden}input[type=file]::file-selector-button{border:0;background:var(--soft);color:var(--blue);padding:9px 11px;border-radius:9px;font:inherit;font-weight:600;margin-right:10px;cursor:pointer}

/* Full-screen camera: the controls stay clear of the QR and device safe areas. */
.dialog.scanner-fullscreen{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border-radius:0;background:#141a20;color:#fff;overflow:hidden;box-shadow:none}
.scanner-fullscreen #qr-video{position:absolute;inset:0;width:100%;height:100%;border-radius:0;aspect-ratio:auto;object-fit:cover;opacity:0;transition:opacity .22s ease}
.scanner-fullscreen.camera-ready #qr-video{opacity:1}
.scanner-top{position:absolute;inset:0 0 auto;z-index:2;display:flex;align-items:center;gap:12px;padding:calc(14px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 24px max(16px,env(safe-area-inset-left));background:linear-gradient(#0009,transparent);font-size:15px;font-weight:600}
.scanner-tools{display:flex;gap:8px;margin-left:auto}
.scanner-control{width:44px;height:44px;flex:0 0 44px;display:inline-grid;place-items:center;border:1px solid #ffffff25;border-radius:50%;background:#263139b3;color:#fff;transition:background .18s,transform .18s}
.scanner-control:active{transform:scale(.94)}.scanner-control[aria-pressed=true]{background:#fff;color:#20252b}.scanner-control:disabled{opacity:.38}
.scanner-viewfinder{position:absolute;width:min(74vw,340px,48dvh);height:min(74vw,340px,48dvh);top:43%;left:50%;transform:translate(-50%,-50%);border-radius:24px;box-shadow:0 0 0 150vmax #0004;pointer-events:none}
.scanner-viewfinder i{position:absolute;width:36px;height:36px;border:4px solid white;border-radius:16px}
.scanner-viewfinder i:nth-child(1){top:0;left:0;border-right:0;border-bottom:0;border-radius:16px 0 0}
.scanner-viewfinder i:nth-child(2){top:0;right:0;border-left:0;border-bottom:0;border-radius:0 16px 0 0}
.scanner-viewfinder i:nth-child(3){bottom:0;left:0;border-right:0;border-top:0;border-radius:0 0 0 16px}
.scanner-viewfinder i:nth-child(4){bottom:0;right:0;border-left:0;border-top:0;border-radius:0 0 16px}
.scanner-sweep{position:absolute;top:10%;left:9%;right:9%;height:2px;background:#fff9;box-shadow:0 0 12px #fff6;opacity:0;animation:scan-sweep 2.4s ease-in-out infinite alternate;animation-play-state:paused}
.camera-ready .scanner-sweep{opacity:1;animation-play-state:running}
.scanner-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;flex-direction:column;gap:14px;padding:40px 20px max(20px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#10171ed9 30%);text-align:center}
#scan-message{font-size:14px;max-width:350px;margin:0;color:#f6f8fb;line-height:1.45}
.scanner-caption{display:flex;align-items:center;gap:16px;max-width:350px;font-size:13px;color:#dbe0e6}
.scanner-retry{padding:11px 22px;min-height:44px;border-radius:24px;background:white;color:#20252b;font-size:14px;font-weight:650}
.scanner-paste{background:#ffffff15;color:white;font-size:13px;min-height:44px;padding:10px 18px;border-radius:24px}
@keyframes scan-sweep{from{transform:translateY(0)}to{transform:translateY(min(58vw,260px,36dvh))}}
@media(max-height:520px) and (orientation:landscape){.scanner-viewfinder{top:50%;left:35%}.scanner-top{padding-top:10px}.scanner-bottom{left:auto;width:36%;top:70px;justify-content:center;padding:15px;gap:8px;background:none}.scanner-caption{font-size:12px}.scanner-top>span{font-size:14px}}

/* The illustrated guide floats above the page as a compact island. */
.dialog.help-island{position:fixed;inset:auto 0 0;width:calc(100% - 24px);max-width:420px;max-height:calc(100dvh - 24px);margin:0 auto max(12px,env(safe-area-inset-bottom));padding:0;border-radius:30px;overflow:auto;overscroll-behavior:contain}
.help-island[open]{animation:island-enter .32s cubic-bezier(.2,.8,.2,1)}
.island-handle{width:36px;height:4px;border-radius:4px;background:#dfe3e8;margin:10px auto 0}
.help-top{display:flex;align-items:center;justify-content:space-between;padding:2px 16px 0 24px;color:var(--muted);font-size:13px}
.help-window{overflow:hidden;touch-action:pan-y;outline-offset:-4px}
.help-track{display:flex;align-items:stretch;transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.help-slide{flex:0 0 100%;min-width:0;text-align:center;padding:0 26px 10px}
.help-art{height:154px;display:grid;place-items:center;margin:4px 0 14px;background:#f6f8fb;border-radius:22px}
.help-art img{width:128px;height:128px;object-fit:contain}
.help-slide h2{font-size:26px;letter-spacing:-.04em;max-width:290px;margin:auto}
.help-slide p{font-size:14px;line-height:1.6;color:var(--muted);margin:14px auto 0;max-width:320px}
.help-footer{padding:10px 24px 24px}.help-dots{display:flex;justify-content:center;gap:0;margin-bottom:10px}
.help-dots button{width:32px;height:32px;padding:0;background:transparent;position:relative}
.help-dots button:after{content:"";display:block;margin:auto;width:6px;height:6px;border-radius:8px;background:#cbd2dc;transition:width .25s,background .25s}
.help-dots button[aria-current=step]:after{width:20px;background:var(--blue)}
.help-actions{display:flex;gap:12px}.help-actions .icon-button{background:var(--bg);flex:0 0 48px}.help-actions .primary{flex:1}
@keyframes island-enter{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:360px){.help-slide{padding-left:20px;padding-right:20px}.help-slide h2{font-size:23px}.help-art{height:138px}.help-footer{padding:8px 20px 20px}}
@media(prefers-reduced-motion:reduce){.scanner-sweep{display:none}}

/* September V4 — timer/status focus UI */
body.status-created,body.status-awaiting_escrow{--payment-mood:#56616f}body.status-escrow_assigned{--payment-mood:#34495e}body.status-onchain_confirmed,body.status-seeking_local_payer{--payment-mood:#0a84ff}body.status-pending_local,body.status-claimed_by_local{--payment-mood:#6d5bd7}body.status-local_paid,body.status-confirmed,body.status-refunded,body.status-returned{--payment-mood:#0f9f67}body.status-dispute{--payment-mood:#d92d20}body.status-no_local{--payment-mood:#bd7a00}body.status-claim_back,body.status-pending_return{--payment-mood:#5f6670}
body.payment-flow-active{background:var(--payment-mood,#56616f);transition:background-color .65s cubic-bezier(.2,.8,.2,1)}
body.payment-flow-active .topbar,body.payment-flow-active .footer{color:#fff}body.payment-flow-active .brand,body.payment-flow-active .nav-link,body.payment-flow-active .topbar .text-button,body.payment-flow-active .footer .text-button{color:#fff}body.payment-flow-active .topbar nav{background:#ffffff18}body.payment-flow-active .nav-link[aria-current=page]{background:#fff;color:#20252b}body.payment-flow-active .page{align-items:center}body.payment-flow-active #payment-card{box-shadow:0 24px 80px #09192b22}
.active-status-screen #status-actions{margin-top:20px}.timer-panel{margin:22px auto 18px;padding:14px 16px;border-radius:18px;background:var(--soft);text-align:center;display:grid;gap:2px;max-width:310px}.timer-panel>span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.timer-panel strong{font-size:38px;line-height:1.05;letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:var(--blue)}.timer-panel small{margin-top:5px}.timer-panel small b{font-variant-numeric:tabular-nums;color:inherit}.payment-details{margin-top:20px;border-top:1px solid var(--line);padding-top:14px}.payment-details summary{cursor:pointer;list-style:none;text-align:center;color:var(--muted);font-size:13px;font-weight:600}.payment-details summary::-webkit-details-marker{display:none}
.order-card{transition:transform .16s ease,box-shadow .16s ease}.order-compact{display:flex;align-items:center;gap:14px}.order-copy{min-width:0;flex:1}.order-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.order-network{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-reward{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-open{width:44px;height:44px;flex:0 0 44px;border-radius:14px;background:var(--soft);color:var(--blue);display:grid;place-items:center}.order-open:hover{background:#dceaff}.order-open svg{width:20px;height:20px}.order-status-pending_local,.order-status-claimed_by_local{box-shadow:inset 3px 0 0 #6d5bd7}.order-status-local_paid,.order-status-confirmed{box-shadow:inset 3px 0 0 #0f9f67}.order-status-dispute{box-shadow:inset 3px 0 0 #d92d20}.order-status-no_local{box-shadow:inset 3px 0 0 #bd7a00}
.dialog.local-order-sheet{max-width:430px}.local-order-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:8px}.local-order-head .deposit-amount{margin:0;text-align:right}.local-order-copy{margin:14px 0 18px}.local-timer-panel{margin:16px 0 14px;padding:16px;border-radius:18px;background:#f4f6f9;display:grid;text-align:center;gap:2px}.local-timer-panel>span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}.local-timer-panel strong{font-size:42px;line-height:1.05;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.local-timer-panel small{margin-top:5px}.receipt-quick{display:grid;gap:8px;text-align:center}.receipt-pick{display:flex;align-items:center;justify-content:center;cursor:pointer}.local-release{margin-top:4px;width:100%}
.island-drag-zone{height:30px;display:grid;place-items:start center;touch-action:none;cursor:grab}.island-drag-zone:active{cursor:grabbing}.island-drag-zone .island-handle{margin-top:10px}.dialog.help-island.island-dragging{transition:none!important;user-select:none}.dialog.help-island.island-snapback{transition:transform .18s cubic-bezier(.2,.8,.2,1),opacity .18s ease!important}

@media(max-width:620px){
 body.payment-flow-active{min-height:100dvh;color:#fff;overflow-x:hidden}body.payment-flow-active .topbar,body.payment-flow-active .footer,body.payment-flow-active .intro{display:none!important}body.payment-flow-active .page{display:block;max-width:560px;min-height:100dvh;margin:0 auto;padding:0}body.payment-flow-active #payment-card{width:100%;max-width:none;min-height:100dvh;border-radius:0;background:transparent;box-shadow:none;color:#fff;padding:max(44px,env(safe-area-inset-top)) 22px max(30px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center}body.payment-flow-active #payment-card .screen{width:100%;max-width:430px}body.payment-flow-active .active-status-screen .lead,body.payment-flow-active .active-status-screen .hint,body.payment-flow-active .active-status-screen small,body.payment-flow-active .payment-details summary{color:#ffffffc7}body.payment-flow-active .status-ring{background:#ffffff1f;color:#fff}body.payment-flow-active .status-ring.wait:after{border-color:#ffffff36;border-top-color:#fff}body.payment-flow-active .status-ring.success{background:#ffffff20;color:#fff}body.payment-flow-active .timer-panel{background:#ffffff1b;color:#fff}body.payment-flow-active .timer-panel>span,body.payment-flow-active .timer-panel small{color:#ffffffc7}body.payment-flow-active .timer-panel strong{color:#fff}body.payment-flow-active .payment-details{border-color:#ffffff35}body.payment-flow-active .primary{background:#fff;color:var(--payment-mood,#20252b)}body.payment-flow-active .primary svg{stroke:currentColor}body.payment-flow-active .secondary{background:#ffffff18;color:#fff;border-color:#ffffff3d}body.payment-flow-active .text-button{color:#fff}body.payment-flow-active .address{border-color:#ffffff35;background:#ffffff12}body.payment-flow-active .section-label{color:#ffffffd8}
 .wide-page{padding:0 14px;margin:20px auto}.page-heading{margin-bottom:14px}.page-heading .eyebrow{display:none}.page-heading h1{font-size:24px}.toolbar{margin:0 0 12px;gap:8px}.tabs{flex:1}.tabs button{padding:7px 9px}.toolbar select{max-width:84px;padding:10px 8px}.order-grid{gap:8px}.order-card{padding:13px 12px;border-radius:17px}.order-topline{margin-bottom:4px}.order-card .pill{font-size:10px;padding:3px 7px}.order-amount{font-size:22px;margin:0}.order-reward{font-size:11px;margin-top:2px}.order-network{font-size:11px}.order-open{width:40px;height:40px;flex-basis:40px;border-radius:12px}.order-grid .order-card .summary,.order-grid .order-card>.order-top,.order-grid .order-card>.small,.order-grid .order-card>.secondary{display:none!important}
 .dialog.local-order-sheet{position:fixed;inset:auto 0 0;width:calc(100% - 12px);max-width:520px;max-height:calc(100dvh - 12px);margin:0 auto 6px;padding:20px 18px max(18px,env(safe-area-inset-bottom));border-radius:28px}.local-order-sheet .dialog-top{margin-bottom:12px}.local-order-sheet .dialog-top h2{font-size:19px}.local-order-head{margin:0 0 6px}.local-order-head .deposit-amount{font-size:30px}.local-timer-panel{padding:13px;margin:10px 0 12px}.local-timer-panel strong{font-size:46px}.local-order-copy{font-size:13px;margin:10px 0 14px}.local-order-sheet .primary,.local-order-sheet .secondary{min-height:48px}.local-order-sheet .form-stack{gap:9px}
 .dialog.help-island{width:calc(100% - 12px);margin-bottom:6px;border-radius:28px}.help-art{height:132px}.help-slide{padding-bottom:4px}.help-slide p{margin-top:10px}.help-footer{padding-bottom:max(18px,env(safe-area-inset-bottom))}
}


/* September V5 — stable desktop state surfaces, result feedback and celebration */
.pill.pending{background:#fff3d8;color:#8b5b00}.pill.approved{background:#e8f0ff;color:#245eb7}.pill.paid{background:#e3f4ec;color:#117253}.pill.rejected{background:#fde8e8;color:#b32f35}

/* Desktop keeps the page neutral. State color belongs to the changing payment surface only. */
@media(min-width:621px){
 body.payment-flow-active{background:var(--bg);color:var(--ink);transition:none}
 body.payment-flow-active .topbar,body.payment-flow-active .footer{color:var(--muted)}
 body.payment-flow-active .brand{color:var(--ink)}
 body.payment-flow-active .nav-link,body.payment-flow-active .topbar .text-button,body.payment-flow-active .footer .text-button{color:var(--muted)}
 body.payment-flow-active .topbar nav{background:transparent}
 body.payment-flow-active .nav-link[aria-current=page]{background:#e9edf2;color:var(--ink)}
 body.payment-flow-active #payment-card{position:relative;border-top:5px solid var(--payment-mood,#56616f);box-shadow:0 14px 44px #172a490d}
 body.payment-flow-active .status-ring{background:#f3f5f8;color:var(--payment-mood,#56616f)}
 body.payment-flow-active .status-ring.wait:after{border-color:#e8ebef;border-top-color:var(--payment-mood,#56616f)}
 body.payment-flow-active .status-ring.success{background:#eef7f3;color:var(--payment-mood,#0f9f67)}
 body.payment-flow-active .timer-panel{background:#f5f7fa}
 body.payment-flow-active .timer-panel strong{color:var(--payment-mood,#0869f7)}
 body.payment-flow-active .active-status-screen #status-actions .primary{background:var(--blue);color:#fff}
 body.payment-flow-active .active-status-screen #status-actions .primary:hover:not(:disabled){filter:brightness(.94)}
}
@media(max-width:620px){body.payment-flow-active{background:var(--payment-mood,#56616f)}}

.confetti-stage{position:fixed;inset:0;z-index:120;pointer-events:none;overflow:hidden;perspective:900px}
.confetti-stage i{position:absolute;top:-24px;left:0;width:var(--size);height:calc(var(--size)*1.75);border-radius:2px;opacity:0;transform-origin:center;will-change:transform,opacity;animation:confetti-fall var(--dur) cubic-bezier(.18,.72,.25,1) var(--delay) forwards;box-shadow:0 2px 5px #0002}
@keyframes confetti-fall{0%{opacity:0;transform:translate3d(var(--x),-8vh,120px) rotateX(0) rotateY(0) rotateZ(0)}8%{opacity:1}78%{opacity:1}100%{opacity:0;transform:translate3d(calc(var(--x) + var(--drift)),108vh,-160px) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz))}}
body.status-confirmed .status-ring.success{animation:confirmed-pop .72s cubic-bezier(.16,1,.3,1)}
@keyframes confirmed-pop{0%{transform:scale(.72)}52%{transform:scale(1.13)}100%{transform:scale(1)}}

.scanner-result{position:absolute;inset:18%;display:grid;place-items:center;align-content:center;gap:12px;border-radius:28px;background:#111b;color:#fff;opacity:0;transform:scale(.9);transition:opacity .18s ease,transform .2s cubic-bezier(.2,.8,.2,1);backdrop-filter:blur(8px);z-index:4}
.scanner-result-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#20252b;box-shadow:0 10px 35px #0004}
.scanner-result-icon:before{font-size:30px;font-weight:800;line-height:1}
.scanner-result strong{font-size:15px;letter-spacing:-.01em}
.scanner-result.success .scanner-result-icon:before{content:'✓';color:#117253}
.scanner-result.error .scanner-result-icon:before{content:'×';color:#b32f35}
.scanner-result-visible .scanner-result{opacity:1;transform:scale(1)}
.scanner-result-visible .scanner-sweep{opacity:0}
@media(prefers-reduced-motion:reduce){.confetti-stage{display:none}.scanner-result{transition:none}}

/* September V6 — unambiguous action contrast and canonical state aliases */
body.status-disputed{--payment-mood:#d92d20}body.status-completed{--payment-mood:#0f9f67}
@media(max-width:620px){
 body.payment-flow-active #status-actions .primary{background:#fff!important;color:#20252b!important;box-shadow:0 8px 24px #0002}
 body.payment-flow-active #status-actions .secondary{background:#20252be8!important;color:#fff!important;border:1px solid #ffffff38!important}
 body.payment-flow-active #status-actions .text-button{color:#fff!important;background:transparent!important;text-decoration:underline;text-decoration-color:#ffffff70;text-underline-offset:4px}
 body.payment-flow-active #status-actions button:focus-visible{outline-color:#fff}
}

/* September V7 — compact mobile shell, animated tabs and stable dialogs */
.topbar nav{position:relative;isolation:isolate;background:#e9edf2;border-radius:15px;padding:4px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:260px;overflow:hidden}
.topbar nav::before{content:"";position:absolute;z-index:-1;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/3);border-radius:11px;background:#fff;box-shadow:0 2px 8px #172a4908;transform:translateX(calc(var(--nav-index,0)*100%));transition:transform .32s cubic-bezier(.22,.82,.2,1)}
.nav-link,.nav-link[aria-current=page]{background:transparent!important;box-shadow:none!important;transition:color .25s ease,transform .25s ease}.nav-link[aria-current=page]{color:var(--ink)}
body.tab-navigating .nav-link{transition:color .16s ease}
.home-icon{width:58px;height:58px;border:1px solid var(--line);border-radius:17px;display:grid;place-items:center;margin:0 auto 22px;color:var(--ink);background:#fff}.home-icon svg{width:29px;height:29px}.home-title{text-align:center;font-size:34px}.home-subtitle{text-align:center;margin:12px 0 22px!important;font-size:16px!important}.home-scan{min-height:58px;font-size:17px}.home-scan svg{width:23px;height:23px}.home-form{gap:12px}.home-input{background:#fff}.home-input input{font-size:16px}.paste-button{margin-right:3px}.home-secondary-links{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}.home-link,.language-trigger{min-height:42px;padding:8px 10px;border-radius:12px;background:transparent;color:var(--blue);font-weight:650;font-size:14px}.language-trigger{border:1px solid var(--line);color:var(--ink)}
.language-dialog{max-width:430px}.language-search{display:block;margin-bottom:14px}.language-list{display:grid;gap:6px}.language-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 13px;border-radius:14px;background:transparent;color:var(--ink);text-align:start}.language-row:hover{background:#f3f6f9}.language-row>span:first-child{display:grid}.language-row strong{font-size:15px}.language-row small{font-size:12px}.language-current{font-size:12px;color:var(--blue);font-weight:700}.language-empty{text-align:center;color:var(--muted);font-size:14px;margin:20px 0 4px}
.dialog.confirm-dialog .secondary{background:#edf1f6!important;color:#20252b!important;border:1px solid #dce3ec!important}.dialog.confirm-dialog .secondary:hover{background:#e3e9f0!important}.dialog.confirm-dialog .primary{background:var(--blue)!important;color:#fff!important}.dialog.confirm-dialog .danger{background:#fff0f0!important;color:var(--red)!important}
.local-order-sheet #local-actions{margin-top:12px}.local-order-sheet .receipt-quick{gap:10px}.local-order-sheet .receipt-pick{margin-top:2px}
body.payment-success{background:#f5f7fa}.success-minimal{text-align:center}.success-minimal .status-visual{margin:2px 0 18px}.success-minimal .status-ring{width:76px;height:76px;background:#e2f3ec;color:var(--green)}.success-minimal h2{font-size:32px}.success-minimal .lead{max-width:330px;margin:14px auto 24px}.success-minimal #status-actions{max-width:360px;margin-inline:auto}.success-minimal .payment-details{max-width:360px;margin-inline:auto}
.mobile-confetti{perspective:none}.mobile-confetti i{box-shadow:none;will-change:transform;animation-name:confetti-mobile;animation-timing-function:cubic-bezier(.18,.74,.25,1)}
@keyframes confetti-mobile{0%{opacity:0;transform:translate3d(var(--x),-10vh,0) rotate(0deg)}10%{opacity:1}82%{opacity:1}100%{opacity:0;transform:translate3d(calc(var(--x) + var(--drift)),106vh,0) rotate(var(--rz))}}
html[dir=rtl] .language-row{text-align:right}html[dir=rtl] .order-open svg,html[dir=rtl] .primary svg{transform:scaleX(-1)}

@media(max-width:620px){
 .topbar{padding:14px 16px 7px;gap:8px}.brand{font-size:18px;gap:8px}.brand-mark{width:30px;height:30px;border-radius:9px}.brand-mark svg{width:21px;height:21px}.account-button{font-size:13px!important;padding:7px;min-height:38px;max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar nav{order:3;width:100%;min-width:0;margin-top:8px;padding:3px;border-radius:14px}.topbar nav::before{top:3px;bottom:3px;left:3px;width:calc((100% - 6px)/3);border-radius:11px}.nav-link{min-height:38px;padding:7px 8px;font-size:13px}
 body.home-page:not(.payment-flow-active):not(.payment-success) .intro{display:none}.home-page:not(.payment-flow-active):not(.payment-success) .page{display:block;max-width:520px;margin:0 auto;padding:8px 18px 18px}.home-page:not(.payment-flow-active):not(.payment-success) .home-card{max-width:440px;margin:0 auto;padding:clamp(24px,5vh,48px) 0 14px;background:transparent;box-shadow:none;border-radius:0;min-height:calc(100dvh - 165px);display:flex;flex-direction:column;justify-content:center}.home-page:not(.payment-flow-active):not(.payment-success) .home-icon{width:52px;height:52px;margin-bottom:17px;border-radius:16px}.home-page:not(.payment-flow-active):not(.payment-success) .home-title{font-size:30px;line-height:1.06}.home-page:not(.payment-flow-active):not(.payment-success) .home-subtitle{font-size:14px!important;margin:10px 0 18px!important}.home-page:not(.payment-flow-active):not(.payment-success) .home-scan{min-height:54px;border-radius:16px;font-size:16px}.home-page:not(.payment-flow-active):not(.payment-success) .home-or{margin:13px 0;font-size:12px}.home-page:not(.payment-flow-active):not(.payment-success) .home-form{gap:10px}.home-page:not(.payment-flow-active):not(.payment-success) .home-input{height:52px;border-radius:15px}.home-page:not(.payment-flow-active):not(.payment-success) .home-input input{min-height:50px;padding:11px 13px}.home-page:not(.payment-flow-active):not(.payment-success) .home-continue{min-height:52px;border-radius:15px}.home-page:not(.payment-flow-active):not(.payment-success) .home-secondary-links{margin-top:15px;gap:4px 8px}.home-page:not(.payment-flow-active):not(.payment-success) .home-link,.home-page:not(.payment-flow-active):not(.payment-success) .language-trigger{font-size:13px;min-height:38px;padding:6px 9px}.home-page:not(.payment-flow-active):not(.payment-success) .footer{display:none}
 body.payment-success .intro{display:none}.home-page.payment-success .page{display:block;max-width:520px;margin:18px auto 0;padding:0 18px}.home-page.payment-success #payment-card{max-width:440px;margin:auto;padding:28px 22px;border-radius:24px;box-shadow:0 10px 38px #172a4908}.home-page.payment-success .footer{margin-top:26px}.success-minimal h2{font-size:28px}.success-minimal .status-ring{width:70px;height:70px}
 .dialog.confirm-dialog .actions{gap:10px}.dialog.confirm-dialog .actions>*{min-width:0}.local-order-sheet #local-actions{margin-top:11px}.local-order-sheet .receipt-quick{gap:11px}
 .language-dialog{position:fixed;inset:auto 0 0;width:calc(100% - 12px);max-width:520px;max-height:min(74dvh,650px);margin:0 auto 6px;border-radius:28px;padding:20px 18px max(18px,env(safe-area-inset-bottom))}.language-list{max-height:52dvh;overflow:auto}
}
@media(max-width:370px){.home-page:not(.payment-flow-active):not(.payment-success) .home-card{padding-top:18px}.home-page:not(.payment-flow-active):not(.payment-success) .home-title{font-size:27px}.home-page:not(.payment-flow-active):not(.payment-success) .home-icon{width:48px;height:48px}.home-page:not(.payment-flow-active):not(.payment-success) .home-secondary-links{margin-top:11px}}
.page,.wide-page{transition:opacity .17s ease,transform .17s ease}body.tab-navigating .page,body.tab-navigating .wide-page{opacity:.72;transform:translateY(3px)}


/* September V8 — localization/auth stability and interaction polish */
[data-auth-pending]{visibility:hidden}
.topbar nav .nav-link{justify-content:center;white-space:nowrap;line-height:1;padding-top:0;padding-bottom:0}
.toast.success{display:flex;align-items:center;gap:9px;background:#123f31}.toast.success:before{content:"✓";width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#dff4e9;color:#117253;font-weight:800;font-size:13px;flex:0 0 21px}
.otp-field{position:relative;margin-top:2px}.otp-native{position:absolute;inset:0;width:100%;height:100%;opacity:.01;z-index:2;cursor:text;color:transparent;caret-color:transparent;border:0}.otp-boxes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;direction:ltr}.otp-box{height:54px;border:1px solid #dce3ec;border-radius:13px;background:#f7f9fb;display:grid;place-items:center;font-size:23px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}.otp-box.filled{background:#fff;border-color:#cbd6e4}.otp-box.active{border-color:var(--blue);box-shadow:0 0 0 2px #0869f714}
@media(min-width:621px){
 .topbar{padding-top:20px;padding-bottom:20px}
 .topbar nav{height:52px}.topbar nav .nav-link{min-height:44px}
 .dialog::backdrop{backdrop-filter:none!important;background:#202b4342}
 .dialog[open]{animation:v8-dialog-in .15s cubic-bezier(.2,.75,.25,1);will-change:transform,opacity}
 .help-island[open]{animation:v8-dialog-in .16s cubic-bezier(.2,.75,.25,1)!important}
}
@keyframes v8-dialog-in{from{opacity:0;transform:translateY(5px) scale(.992)}to{opacity:1;transform:none}}
@media(max-width:620px){
 .home-page:not(.payment-flow-active):not(.payment-success) .footer{display:flex;position:fixed;z-index:5;left:0;right:0;bottom:max(8px,env(safe-area-inset-bottom));margin:0;padding:0;justify-content:center;pointer-events:none}
 .home-page:not(.payment-flow-active):not(.payment-success) .footer>span,.home-page:not(.payment-flow-active):not(.payment-success) .footer [data-help]{display:none}
 .home-page:not(.payment-flow-active):not(.payment-success) .footer [data-language]{display:inline-flex;pointer-events:auto;min-height:38px;padding:7px 13px;border:1px solid #dfe5ed;background:#ffffffed;box-shadow:0 3px 16px #172a4910;border-radius:13px;color:var(--muted);font-size:12px;backdrop-filter:blur(10px)}
 .home-page:not(.payment-flow-active):not(.payment-success) .home-secondary-links{margin-top:12px}
 .home-page:not(.payment-flow-active):not(.payment-success) .home-card{padding-bottom:56px}
 .otp-boxes{gap:6px}.otp-box{height:50px;border-radius:12px;font-size:21px}
}

/* September V9 — non-blocking language controls, compact help, stable tap states */
#recovery:hover,#recovery:active,#recovery:focus{background:transparent!important}
body.payment-flow-active #recovery:hover,body.payment-flow-active #recovery:active,body.payment-flow-active #recovery:focus{background:transparent!important;color:#fff!important}
.dialog:focus{outline:none}
@media(max-width:620px){
 /* Keep language access at the bottom of the document, never floating above a payment step. */
 .home-page:not(.payment-flow-active):not(.payment-success) .footer{display:flex;position:static;z-index:auto;left:auto;right:auto;bottom:auto;margin:2px auto max(14px,env(safe-area-inset-bottom));padding:0 18px;justify-content:center;pointer-events:auto}
 .home-page:not(.payment-flow-active):not(.payment-success) .footer>span,.home-page:not(.payment-flow-active):not(.payment-success) .footer [data-help]{display:none}
 .home-page:not(.payment-flow-active):not(.payment-success) .footer [data-language]{display:inline-flex;pointer-events:auto;min-height:36px;padding:6px 12px;border:0;background:transparent;box-shadow:none;border-radius:12px;color:var(--muted);font-size:12px;backdrop-filter:none}
 .home-page:not(.payment-flow-active):not(.payment-success) .home-card{padding-bottom:14px;min-height:auto}
 .help-slide{padding-bottom:0}
 .help-slide p{margin-top:8px;line-height:1.48}
 .help-footer{padding-top:0}
 .help-dots{margin-top:0;margin-bottom:5px}
 .help-dots button{height:20px}
}
@media(max-width:620px){
 body.home-page:not(.payment-flow-active):not(.payment-success){min-height:100dvh;display:flex;flex-direction:column}
 body.home-page:not(.payment-flow-active):not(.payment-success) .page{flex:1}
 body.home-page:not(.payment-flow-active):not(.payment-success) .footer{margin-top:auto}
}


/* September V10 — mobile parity, asset pickers, success state and balance actions */
.asset-picker-trigger{width:100%;min-height:52px;padding:8px 11px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);display:flex;align-items:center;gap:10px;text-align:start;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.asset-picker-trigger:hover{border-color:#c7d1df;background:#fbfcfe}.asset-picker-trigger:focus-visible{border-color:var(--blue)}
.asset-icon{width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:#f0f4f9;display:grid;place-items:center;font-size:17px;font-weight:750;line-height:1}
.asset-picker-copy,.asset-choice-copy{min-width:0;flex:1;display:grid}.asset-picker-copy strong,.asset-choice-copy strong{font-size:14px;line-height:1.25}.asset-picker-copy small,.asset-choice-copy small{font-size:11px;line-height:1.3;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asset-picker-chevron{font-size:18px;color:var(--muted);line-height:1;transform:translateY(-1px)}
.asset-choice{justify-content:flex-start!important}.asset-choice .language-current{margin-inline-start:auto}.asset-choice-list .asset-icon{background:#f3f6fa}.asset-search{margin-bottom:10px}
.amount-compose{display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:10px;align-items:stretch;margin-bottom:16px}.amount-with-prefix{position:relative}.amount-prefix{position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);font-size:2rem;font-weight:650;color:var(--ink);pointer-events:none;z-index:1}.amount-with-prefix input{padding-inline-start:42px}.amount-compose .fiat-picker{height:100%;min-height:58px}.asset-picker-row{margin-top:4px}.asset-picker-row label{align-content:start}
.balance-grid .order-card>.secondary{display:inline-flex!important;margin-top:10px}.balance-grid .order-card .summary{display:grid!important}
.balance-actions{display:flex;gap:10px;align-items:center}
@media(max-width:620px){
 .home-page:not(.payment-flow-active):not(.payment-success) .home-scan,.home-page:not(.payment-flow-active):not(.payment-success) .home-form,.home-page:not(.payment-flow-active):not(.payment-success) .home-input,.home-page:not(.payment-flow-active):not(.payment-success) .home-continue{width:100%;max-width:none}
 .home-page:not(.payment-flow-active):not(.payment-success) .home-card{max-width:none;width:100%}
 .home-page:not(.payment-flow-active):not(.payment-success) .footer{display:flex!important;position:static!important;margin:18px auto max(16px,env(safe-area-inset-bottom))!important;padding:0 18px!important;width:100%;justify-content:center!important;align-items:center;gap:12px;pointer-events:auto!important;flex-wrap:wrap}
 .home-page:not(.payment-flow-active):not(.payment-success) .footer>span,.home-page:not(.payment-flow-active):not(.payment-success) .footer [data-help],.home-page:not(.payment-flow-active):not(.payment-success) .footer [data-language]{display:inline-flex!important}
 .home-page:not(.payment-flow-active):not(.payment-success) .footer>span{font-size:11px;color:var(--muted)}
 .home-page:not(.payment-flow-active):not(.payment-success) .footer [data-help],.home-page:not(.payment-flow-active):not(.payment-success) .footer [data-language]{min-height:34px;padding:5px 7px;border:0;background:transparent;box-shadow:none;border-radius:10px;color:var(--muted);font-size:11px}
 .amount-compose{grid-template-columns:minmax(0,1fr) 126px;gap:8px}.amount-prefix{font-size:1.75rem}.amount-with-prefix input{font-size:2.1rem;padding-inline-start:36px}.asset-picker-trigger{min-height:50px;padding:7px 9px;gap:8px}.asset-icon{width:31px;height:31px;flex-basis:31px;border-radius:10px;font-size:16px}.asset-picker-row{grid-template-columns:1fr 1fr;gap:8px}
 .balance-grid .order-card{padding:18px}.balance-grid .order-card .order-top{display:flex!important}.balance-grid .order-card>.small{display:block!important}.balance-grid .order-card>.secondary{display:inline-flex!important;min-height:48px}
 body.payment-success{background:#0f9f67!important;color:#fff;min-height:100dvh}
 body.payment-success .topbar{background:transparent;color:#fff}body.payment-success .brand,body.payment-success .account-button{color:#fff}body.payment-success .brand-mark{background:#fff;color:#0f9f67}
 body.payment-success .topbar nav{background:#ffffff1f}body.payment-success .topbar nav::before{background:#fff}body.payment-success .nav-link{color:#ffffffc9}body.payment-success .nav-link[aria-current=page]{color:#0c5d40}
 .home-page.payment-success .page{margin:0 auto;padding:20px 18px;min-height:calc(100dvh - 145px);display:grid;place-items:center}
 .home-page.payment-success #payment-card{max-width:430px;width:100%;padding:24px 18px;background:transparent;box-shadow:none;border-radius:0;color:#fff}
 .success-minimal .status-ring{width:82px;height:82px;background:#fff;color:#0f9f67;box-shadow:0 12px 30px #075d3e28}
 .success-minimal h2{font-size:31px;color:#fff}.success-minimal .lead{color:#eafff5;font-size:15px}
 .success-minimal #status-actions .primary{background:#fff!important;color:#0f7e55!important;box-shadow:0 8px 24px #075d3e26}
 .success-minimal .payment-details{border-color:#ffffff38}.success-minimal .payment-details summary,.success-minimal .payment-details .hint,.success-minimal #recovery{color:#fff!important}
 .home-page.payment-success .footer{color:#fff;margin-top:0;padding-bottom:max(14px,env(safe-area-inset-bottom))}.home-page.payment-success .footer .text-button{color:#fff}
 .mobile-confetti i{animation-duration:var(--dur)!important}
}

@media(max-width:620px){
 body.payment-success .topbar,body.payment-success .footer{display:none!important}
 .home-page.payment-success .page{min-height:100dvh}
}

/* September V11 — theme, audit timelines, speed fee and accessibility polish */
.top-actions{display:flex;align-items:center;gap:4px}.theme-toggle{flex:0 0 44px}.theme-toggle svg{width:20px;height:20px}.amount-prefix{color:var(--muted)!important}.speed-disclaimer{display:flex;gap:7px;align-items:flex-start;margin-top:10px;color:var(--muted);font-size:11.5px;line-height:1.45}.speed-disclaimer svg{width:16px;height:16px;margin-top:1px}.timeline-wrap{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.timeline-title{font-size:13px;font-weight:700;margin-bottom:12px}.timeline-tree{list-style:none;margin:0;padding:0;display:grid;gap:0}.timeline-tree li{position:relative;padding:0 0 16px 26px;min-height:42px}.timeline-tree li:not(:last-child):before{content:"";position:absolute;left:6px;top:14px;bottom:-2px;width:1px;background:var(--line)}.timeline-tree li:after{content:"";position:absolute;left:2px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--paper);border:2px solid var(--blue)}.timeline-tree li:last-child:after{background:var(--blue)}.timeline-tree strong{display:block;font-size:13px;line-height:1.3}.timeline-tree time{display:block;font-size:11px;color:var(--muted);margin-top:2px;font-variant-numeric:tabular-nums}.timeline-note{display:block;font-size:11px;color:var(--red);margin-top:3px}.history-row{cursor:pointer}.history-row:focus-visible{outline:3px solid #79adff;outline-offset:3px}.confirm-actions button{white-space:nowrap;min-width:0}.asset-icon svg{width:22px;height:22px;display:block}.asset-icon.brand-bitcoin{background:#f7931a;color:#fff}.asset-icon.brand-ethereum{background:#eef1ff;color:#627eea}.asset-icon.brand-tron{background:#fff1f2;color:#ef0027}.asset-icon.brand-usdt{background:#e9f8f4;color:#26a17b}.asset-icon.brand-usdc{background:#eef6ff;color:#2775ca}.asset-icon.brand-generic{color:var(--muted)}
html[data-theme=dark]{color-scheme:dark;--bg:#0f1217;--paper:#171b22;--ink:#f4f6f8;--muted:#9aa5b4;--blue:#4d95ff;--blue-hover:#6aa6ff;--line:#2a313b;--soft:#17263a;--green:#5bd2a0;--red:#ff7d82}html[data-theme=dark] body{background:var(--bg);color:var(--ink)}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#12161c;color:var(--ink);border-color:var(--line)}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#6f7a89}html[data-theme=dark] .nav-link[aria-current=page],html[data-theme=dark] .tabs,html[data-theme=dark] .secondary,html[data-theme=dark] .amount-row select,html[data-theme=dark] .fee-options{background:#202630}html[data-theme=dark] .tabs button[aria-selected=true],html[data-theme=dark] .fee-option input:checked+span{background:#313946;color:#fff}html[data-theme=dark] .card,html[data-theme=dark] .order-card,html[data-theme=dark] .dialog-inner,html[data-theme=dark] dialog.dialog>div,html[data-theme=dark] .asset-picker-trigger,html[data-theme=dark] .language-row{background:var(--paper);color:var(--ink)}html[data-theme=dark] .asset-picker-trigger:hover,html[data-theme=dark] .language-row:hover{background:#1d232c}html[data-theme=dark] .merchant,html[data-theme=dark] .otp-box,html[data-theme=dark] .local-timer-panel,html[data-theme=dark] .timer-panel{background:#121820}html[data-theme=dark] .otp-box.filled{background:#20262f}html[data-theme=dark] .address{background:#11151a}html[data-theme=dark] .notice{background:#17263a;color:#bdd6ff}html[data-theme=dark] .notice.warn{background:#2a2113;color:#ffd590}html[data-theme=dark] .danger{background:#321b1e;color:#ff9ca0}html[data-theme=dark] .asset-icon{background:#222a34}html[data-theme=dark] .asset-icon.brand-ethereum{background:#242a45}html[data-theme=dark] .asset-icon.brand-tron{background:#391a20}html[data-theme=dark] .asset-icon.brand-usdt{background:#16332d}html[data-theme=dark] .asset-icon.brand-usdc{background:#172d46}html[data-theme=dark] .text-button:hover,html[data-theme=dark] .icon-button:hover{background:#202732;color:#fff}html[data-theme=dark] .footer,html[data-theme=dark] .footer .text-button{color:var(--muted)}html[data-theme=dark] .dialog::backdrop{background:#05070aa8}html[data-theme=dark] .confetti-stage{filter:saturate(.95)}
@media(max-width:620px){.top-actions{gap:0}.theme-toggle{min-width:38px;width:38px;padding:8px}.account-button{padding-inline:7px}.confirm-actions{gap:8px}.confirm-actions button{font-size:13px;padding-inline:10px}.success-minimal{width:100%}.home-page.payment-success #payment-card{max-width:560px;width:100%;padding:26px 8px}.success-minimal h2{font-size:34px}.timeline-tree li{padding-left:24px}}

/* V11 final audit polish */
.status-reason{margin:12px 0 16px;padding:11px 13px;border-radius:12px;background:#fff5df;color:#7b570c;font-size:13px;line-height:1.45;text-align:left}.home-page.payment-success .page{max-width:760px!important;width:100%}.home-page.payment-success #payment-card{max-width:680px!important;width:100%!important}.success-minimal .lead,.success-minimal #status-actions,.success-minimal .payment-details{max-width:520px}
html[data-theme=dark] .status-reason{background:#352c18;color:#ffd98c}
@media(max-width:620px){.home-page.payment-success .page{padding-inline:18px!important}.home-page.payment-success #payment-card{max-width:none!important;padding-inline:18px!important}.success-minimal .lead,.success-minimal #status-actions,.success-minimal .payment-details{max-width:none}}


/* September V12 — dark-theme surface audit and contrast normalization */
html[data-theme=dark]{--bg:#0c1016;--paper:#151a22;--paper-raised:#1b212b;--ink:#f4f7fb;--muted:#9aa7b7;--line:#2a3340;--soft:#19293e;--blue:#5598ff;--blue-hover:#72aaff;--green:#63d5a6;--red:#ff8589}
html[data-theme=dark] body:not(.payment-flow-active):not(.payment-success){background:var(--bg);color:var(--ink)}
html[data-theme=dark] .topbar nav{background:#202732!important;border-color:#2b3441!important}
html[data-theme=dark] .topbar nav::before{background:#353e4b!important;box-shadow:0 2px 10px #0003!important}
html[data-theme=dark] .nav-link{color:#9eabba!important}
html[data-theme=dark] .nav-link[aria-current=page]{color:#fff!important}
html[data-theme=dark] .card,
html[data-theme=dark] .order-card,
html[data-theme=dark] .empty,
html[data-theme=dark] .history-row,
html[data-theme=dark] .dialog,
html[data-theme=dark] .dialog.help-island,
html[data-theme=dark] .dialog.local-order-sheet,
html[data-theme=dark] .asset-picker-trigger,
html[data-theme=dark] .language-row{background:var(--paper)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme=dark] .dialog>div,
html[data-theme=dark] dialog.dialog>div{background:transparent!important;color:inherit!important}
html[data-theme=dark] .dialog-top,
html[data-theme=dark] .help-top,
html[data-theme=dark] .help-footer{background:transparent!important;color:var(--muted)!important}
html[data-theme=dark] .dialog-top h2,
html[data-theme=dark] .help-slide h2{color:var(--ink)!important}
html[data-theme=dark] .help-art{background:#202630!important;border:1px solid var(--line)}
html[data-theme=dark] .help-dots button:after{background:#556171}
html[data-theme=dark] .help-dots button[aria-current=step]:after{background:var(--blue)}
html[data-theme=dark] .help-actions .icon-button{background:#202630!important;color:var(--ink)!important}
html[data-theme=dark] .home-icon,
html[data-theme=dark] .home-input,
html[data-theme=dark] .input-wrap{background:#12171e!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme=dark] input,
html[data-theme=dark] select,
html[data-theme=dark] textarea{background:#11161d!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme=dark] input::placeholder,
html[data-theme=dark] textarea::placeholder{color:#748193!important}
html[data-theme=dark] input:hover,
html[data-theme=dark] select:hover,
html[data-theme=dark] textarea:hover{border-color:#435064!important}
html[data-theme=dark] input:focus,
html[data-theme=dark] select:focus,
html[data-theme=dark] textarea:focus,
html[data-theme=dark] .input-wrap:focus-within{border-color:var(--blue)!important}
html[data-theme=dark] .secondary{background:#222a35!important;color:var(--ink)!important;border-color:#303a47!important}
html[data-theme=dark] .secondary:hover:not(:disabled){background:#293340!important}
html[data-theme=dark] .danger{background:#351c21!important;color:#ff9da1!important;border-color:#52272e!important}
html[data-theme=dark] .dialog.confirm-dialog .secondary{background:#222a35!important;color:var(--ink)!important;border-color:#303a47!important}
html[data-theme=dark] .dialog.confirm-dialog .secondary:hover{background:#293340!important}
html[data-theme=dark] .dialog.confirm-dialog .danger{background:#351c21!important;color:#ff9da1!important;border-color:#52272e!important}
html[data-theme=dark] .toolbar select,
html[data-theme=dark] .fee-options,
html[data-theme=dark] .tabs{background:#202630!important;color:var(--ink)!important}
html[data-theme=dark] .tabs button{color:var(--muted)!important}
html[data-theme=dark] .tabs button[aria-selected=true],
html[data-theme=dark] .fee-option input:checked+span{background:#343d4a!important;color:#fff!important;box-shadow:none!important}
html[data-theme=dark] .merchant,
html[data-theme=dark] .otp-box,
html[data-theme=dark] .local-timer-panel,
html[data-theme=dark] .timer-panel,
html[data-theme=dark] .address{background:#10161d!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme=dark] .otp-box.filled{background:#252d38!important}
html[data-theme=dark] .notice{background:#182942!important;color:#c9dcff!important}
html[data-theme=dark] .notice.warn{background:#302512!important;color:#ffda94!important}
html[data-theme=dark] .status-reason{background:#332817!important;color:#ffdc97!important}
html[data-theme=dark] .asset-icon{background:#242c37;color:var(--muted)}
html[data-theme=dark] .language-row:hover,
html[data-theme=dark] .asset-picker-trigger:hover{background:#1e252f!important}
html[data-theme=dark] .text-button:hover,
html[data-theme=dark] .icon-button:hover{background:#222a35!important;color:#fff!important}
html[data-theme=dark] .or{color:#7f8b9b}
html[data-theme=dark] .or:before,
html[data-theme=dark] .or:after{background:var(--line)}
html[data-theme=dark] .pill{background:#1b2a3d;color:#8eb9ff}
html[data-theme=dark] .pill.success{background:#173127;color:#76ddb2}
html[data-theme=dark] .footer,
html[data-theme=dark] .footer .text-button{color:var(--muted)!important}
html[data-theme=dark] .dialog::backdrop{background:#03060bc7!important;backdrop-filter:none!important}
html[data-theme=dark] .toast{background:#eef3fa;color:#151a22;box-shadow:0 12px 36px #0007}
html[data-theme=dark] .primary{color:#fff}
html[data-theme=dark] .brand{color:var(--ink)}
html[data-theme=dark] .theme-toggle{color:var(--ink)}
/* Payment mood/success screens intentionally own their palette and stay readable in either theme. */
html[data-theme=dark] body.payment-flow-active .dialog,
html[data-theme=dark] body.payment-success .dialog{background:var(--paper)!important;color:var(--ink)!important}



html[data-theme=dark] .primary{background:#2563eb!important;color:#fff!important}
html[data-theme=dark] .primary:hover:not(:disabled){background:#326fe7!important;box-shadow:0 4px 16px #0004!important}
html[data-theme=dark] a:not(.primary):not(.secondary):not(.brand):not(.nav-link){color:#78aefe}

/* September V14 — mobile dark-mode hardening, readable account identity, compact Earn tabs */
.account-button{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-theme=dark] .history,
html[data-theme=dark] #withdrawals,
html[data-theme=dark] .balance-grid,
html[data-theme=dark] .order-grid{background:transparent!important;color:var(--ink)!important}
html[data-theme=dark] .history-row{background:var(--paper)!important;color:var(--ink)!important;border:1px solid var(--line)!important;box-shadow:none!important}
html[data-theme=dark] .history-row p{color:var(--ink)!important}
html[data-theme=dark] .history-row small{color:var(--muted)!important}
html[data-theme=dark] .loading{background:linear-gradient(100deg,#171d25 30%,#222a35 45%,#171d25 60%)!important;background-size:240% 100%!important}
html[data-theme=dark] .wide-page,
html[data-theme=dark] .page-heading,
html[data-theme=dark] .toolbar{color:var(--ink)}
html[data-theme=dark] .dialog{border:1px solid var(--line)!important;box-shadow:0 24px 80px #0008!important}
html[data-theme=dark] .dialog .lead,
html[data-theme=dark] .dialog .hint,
html[data-theme=dark] .dialog small{color:var(--muted)!important}
html[data-theme=dark] .dialog .primary{color:#fff!important}
html[data-theme=dark] .language-search input{background:#11161d!important;color:var(--ink)!important}
html[data-theme=dark] .asset-picker-copy strong,
html[data-theme=dark] .asset-choice-copy strong{color:var(--ink)!important}
html[data-theme=dark] .asset-picker-copy small,
html[data-theme=dark] .asset-choice-copy small{color:var(--muted)!important}
html[data-theme=dark] .pill.pending{background:#382e1a!important;color:#ffd68a!important}
html[data-theme=dark] .pill.approved{background:#192a45!important;color:#9bc1ff!important}
html[data-theme=dark] .pill.paid{background:#173127!important;color:#79ddb4!important}
html[data-theme=dark] .pill.rejected{background:#351c21!important;color:#ff9da1!important}
@media(max-width:620px){
 .top-actions{min-width:0;max-width:62%;flex-shrink:1}
 .account-button{max-width:calc(100vw - 222px)!important;min-width:72px;font-size:12px!important;padding-inline:5px!important}
 .tabs{display:grid!important;grid-template-columns:1fr 1fr;width:100%;max-width:none}
 .tabs button{width:100%;padding-inline:10px!important;white-space:nowrap}
 html[data-theme=dark] body:not(.payment-flow-active):not(.payment-success){background:#0c1016!important}
 html[data-theme=dark] .topbar{background:#0c1016!important;color:var(--ink)!important}
 html[data-theme=dark] .wide-page{background:transparent!important}
 html[data-theme=dark] .footer{background:transparent!important}
 html[data-theme=dark] .history{background:transparent!important}
 html[data-theme=dark] .history-row,
 html[data-theme=dark] .order-card,
 html[data-theme=dark] .empty{background:#151a22!important;color:var(--ink)!important;border:1px solid #2a3340!important}
 html[data-theme=dark] .history-row:active,
 html[data-theme=dark] .order-card:active{background:#1a2029!important}
 html[data-theme=dark] .dialog{background:#151a22!important;color:var(--ink)!important}
 html[data-theme=dark] .asset-picker-trigger,
 html[data-theme=dark] .language-row{background:#151a22!important;color:var(--ink)!important}
 html[data-theme=dark] .text-button:active,
 html[data-theme=dark] .icon-button:active{background:#202732!important;color:#fff!important}
}
@media(max-width:620px){
 .account-button{max-width:calc(100vw - 220px)!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;line-height:1.08!important;text-align:right;justify-content:flex-end;overflow-wrap:anywhere}
}
html[data-theme=dark] input:-webkit-autofill,
html[data-theme=dark] input:-webkit-autofill:hover,
html[data-theme=dark] input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink)!important;box-shadow:0 0 0 1000px #11161d inset!important;transition:background-color 9999s ease-out 0s}
html[data-theme=dark] select option{background:#11161d;color:var(--ink)}
html[data-theme=dark] .account-button{color:var(--muted)!important}
html[data-theme=dark] .account-button:hover{color:var(--ink)!important}
/* V14 mobile identity fit: show the complete signed-in email without forcing a third header row. */
@media(max-width:620px){
 .top-actions{flex:0 1 auto!important;max-width:calc(100% - 132px)!important;margin-left:auto}
 .account-button{width:min(164px,calc(100vw - 222px))!important;max-width:min(164px,calc(100vw - 222px))!important;min-width:0!important;overflow-wrap:anywhere;word-break:break-word}
}


/* September V15 — screenshot-matched mobile polish and legacy dispute compatibility */
/* The first payment card must blend into the dark page, not become a second dark rectangle. */
html[data-theme=dark] body.home-page:not(.payment-flow-active):not(.payment-success) #payment-card.home-card{
 background:transparent!important;border:0!important;box-shadow:none!important;color:var(--ink)!important;
}
html[data-theme=dark] body.home-page:not(.payment-flow-active):not(.payment-success) .page{background:transparent!important}

/* A coloured in-progress screen owns its contrast; timeline metadata must not inherit dark/light muted tokens. */
body.payment-flow-active .timeline-wrap{border-color:#ffffff52!important}
body.payment-flow-active .timeline-title,
body.payment-flow-active .timeline-tree strong{color:#fff!important}
body.payment-flow-active .timeline-tree time{color:#ffffffd9!important}
body.payment-flow-active .timeline-tree li:not(:last-child):before{background:#ffffffa6!important}
body.payment-flow-active .timeline-tree li:after{background:var(--payment-mood,#0a84ff)!important;border-color:#fff!important;box-shadow:0 0 0 2px #ffffff26}
body.payment-flow-active .timeline-tree li:last-child:after{background:#fff!important;border-color:#fff!important}

/* Let the illustrated guide shrink to the current slide instead of reserving the tallest slide's height. */
.help-window{height:auto;transition:height .2s cubic-bezier(.2,.8,.2,1)}
.help-track{align-items:flex-start!important}
.help-slide{align-self:flex-start!important}
@media(max-width:620px){
 .help-slide{padding-bottom:0!important}
 .help-slide p{margin-bottom:0!important}
 .help-footer{padding-top:2px!important}
 .help-dots{margin-top:0!important;margin-bottom:4px!important}
}

/* Full-width, calm completion screen on phones. */
@media(max-width:620px){
 body.payment-success .page{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:none!important;min-height:100dvh!important;margin:0!important;padding:clamp(34px,7dvh,72px) 24px max(28px,env(safe-area-inset-bottom))!important}
 body.payment-success #payment-card{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
 body.payment-success .success-minimal{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;max-width:none!important;margin:0!important;text-align:center!important}
 body.payment-success .success-minimal .status-visual{align-self:center!important;margin:0 0 28px!important}
 body.payment-success .success-minimal h2{width:100%!important;max-width:none!important;margin:0!important;font-size:clamp(34px,10vw,46px)!important;line-height:1.04!important;text-wrap:balance}
 body.payment-success .success-minimal .lead{width:100%!important;max-width:420px!important;margin:18px auto 30px!important;font-size:18px!important;line-height:1.45!important;color:#eafff5!important}
 body.payment-success .success-minimal #status-actions{width:100%!important;max-width:none!important;margin:0!important}
 body.payment-success .success-minimal #status-actions .primary{width:100%!important;min-height:58px!important;white-space:nowrap!important;font-size:17px!important}
 body.payment-success .success-minimal .payment-details{width:100%!important;max-width:none!important;margin:28px 0 0!important}
}

/* Dispute Messenger */
.chat-shell{display:grid;grid-template-rows:auto auto minmax(260px,52vh) auto auto;min-height:0}
.chat-context{display:flex;gap:11px;align-items:flex-start;padding:14px 18px;background:var(--fill);border-radius:15px;margin:14px 16px 10px}
.chat-context>div{display:grid;min-width:0}.chat-context strong{font-size:14px}.chat-context small{font-size:12px;line-height:1.4;margin-top:2px}
.chat-status-dot{width:10px;height:10px;margin-top:5px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px color-mix(in srgb,var(--orange) 16%,transparent)}
.chat-tabs{margin:0 16px 10px;padding:3px;display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--fill);border-radius:12px}
.chat-tabs button{min-height:36px;border-radius:9px;background:transparent;color:var(--muted);font-weight:600}
.chat-tabs button[aria-selected=true]{background:var(--paper-raised);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.chat-messages{overflow:auto;overscroll-behavior:contain;padding:10px 16px 18px;scrollbar-width:thin;display:flex;flex-direction:column;gap:9px;background:transparent}
.chat-message{display:flex;flex-direction:column;max-width:min(82%,460px);align-self:flex-start;gap:3px}
.chat-message.mine{align-self:flex-end;align-items:flex-end}.chat-message.from-admin:not(.mine){align-self:flex-start}
.chat-bubble{padding:9px 12px;border-radius:18px 18px 18px 5px;background:var(--fill);color:var(--ink);overflow-wrap:anywhere}
.chat-message.mine .chat-bubble{background:var(--blue);color:#fff;border-radius:18px 18px 5px 18px}
.chat-message.from-admin:not(.mine) .chat-bubble{background:color-mix(in srgb,var(--blue) 10%,var(--paper));}
.chat-bubble p{margin:0;white-space:normal}.chat-meta{display:flex;gap:6px;font-size:10px;color:var(--tertiary);padding-inline:4px}.chat-meta time{font-variant-numeric:tabular-nums}
.chat-attachment{width:100%;margin-top:6px;display:flex;gap:8px;align-items:center;text-align:left;background:rgba(255,255,255,.16);color:inherit;padding:8px;border-radius:12px}.chat-attachment span{display:grid;min-width:0}.chat-attachment strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-attachment small{font-size:10px;color:inherit!important;opacity:.75}
.chat-composer{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:7px;align-items:end;border-top:1px solid var(--hairline);padding:10px 12px max(10px,env(safe-area-inset-bottom));background:var(--paper)}
.chat-compose-field{min-width:0;border:1px solid var(--line);border-radius:19px;padding:5px 11px;background:var(--paper-raised)}
.chat-compose-field textarea{min-height:32px!important;max-height:112px;padding:5px 0;border:0!important;box-shadow:none!important;background:transparent!important;resize:none;font-size:15px}
.chat-attach,.chat-send{width:44px;height:44px;min-width:44px;border-radius:50%;display:grid;place-items:center}.chat-attach{background:var(--fill);color:var(--blue)}.chat-send{background:var(--blue);color:#fff}.chat-send svg{width:18px;height:18px}.chat-file-chip{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-bottom:3px}.chat-empty{margin:auto;text-align:center;max-width:280px;color:var(--muted);padding:30px 10px}.chat-empty strong{display:block;color:var(--ink);font-size:15px}.chat-empty p{font-size:13px;margin:5px 0}.chat-empty-icon{width:48px;height:48px;border-radius:50%;background:var(--fill);display:grid;place-items:center;margin:0 auto 12px;color:var(--blue)}.chat-error{padding:0 16px 10px}.dispute-chat-dialog{width:min(560px,calc(100vw - 28px));max-width:560px!important;padding:0!important}
html[data-theme=dark] .chat-composer{background:var(--paper)}



/* V17 — V15 visual language with V16 functionality. */
[hidden]{display:none!important}
.footer{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.footer .footer-theme-toggle{width:40px;height:40px;min-width:40px;border-radius:14px}.footer [data-language]{min-height:40px}
.payment-details summary{display:flex;justify-content:center;gap:4px;align-items:center}.payment-details summary:after{content:none!important}.details-state{font-weight:450}
.timeline-note{margin:5px 0 0;font-size:12px;line-height:1.45;color:var(--ink);background:var(--soft);border-radius:10px;padding:8px 10px;overflow-wrap:anywhere}.payment-flow-active .timeline-note{color:#fff;background:rgba(255,255,255,.14)}
.notice.warn{border-color:rgba(191,126,0,.28);background:rgba(255,193,7,.12);color:var(--ink)}.availability-warning{display:grid;gap:4px}.availability-warning strong{font-size:13px}.availability-warning span{font-size:12px;line-height:1.45;color:var(--muted)}
.address-delay{margin-top:14px}
body.payment-flow-active .inline-error:not(:empty),body.status-dispute .chat-error:not(:empty),body.status-disputed .chat-error:not(:empty){color:#fff!important;background:rgba(0,0,0,.28)!important;border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:10px 12px;margin:10px 0;font-weight:650}
/* Chat is messenger-like but deliberately keeps the V15 materials. */
.chat-context{background:var(--soft);border:1px solid var(--line);border-radius:16px}.chat-context-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(15,112,255,.10);color:var(--blue);flex:0 0 auto}.chat-context-icon svg{width:20px;height:20px}.chat-context small{color:var(--muted)}
.chat-tabs{background:var(--soft)}.chat-tabs button[aria-selected=true]{background:var(--paper);color:var(--ink)}
.chat-compose-field{border-color:var(--line);background:var(--paper)}.chat-compose-field:focus-within{border-color:var(--line);box-shadow:none!important;outline:none!important}.chat-compose-field textarea,.chat-compose-field textarea:focus{outline:0!important;box-shadow:none!important;border:0!important;background:transparent!important;color:var(--ink)!important;-webkit-tap-highlight-color:transparent}.chat-send,.chat-attach{border:0}.chat-resolved{margin:0 12px 12px;padding:12px 14px;border-radius:14px;background:var(--soft);display:flex;gap:10px;align-items:center;color:var(--ink)}.chat-resolved[hidden]{display:none!important}.chat-resolved svg{width:20px;height:20px;color:var(--green)}.chat-resolved div{display:grid}.chat-resolved small{color:var(--muted);font-size:12px}
.account-button{position:relative;max-width:min(250px,32vw);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-badge{position:absolute;inset-block-start:-5px;inset-inline-end:-7px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#d92d20;color:#fff;font-size:10px;line-height:18px;text-align:center;font-weight:800;box-shadow:0 0 0 2px var(--bg)}
.account-summary{padding:4px 2px 14px;overflow-wrap:anywhere;color:var(--muted)}.account-summary strong{color:var(--ink)}.account-menu{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}.account-menu button{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;padding:13px 15px;min-height:50px;background:var(--paper);color:var(--ink);font-size:14px}.account-menu svg{width:19px;height:19px;color:var(--blue)}.settings-glyph{font-size:19px;width:22px;text-align:center}.menu-count{background:#d92d20;color:#fff;border-radius:999px;min-width:22px;padding:3px 6px;text-align:center;font-size:10px}.message-inbox{display:grid;gap:8px;max-height:min(62vh,560px);overflow:auto}.message-inbox-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:12px;text-align:left;color:var(--ink)}.message-inbox-row>span:nth-child(2){display:grid}.message-inbox-row small{color:var(--muted);margin-top:2px}.message-inbox-icon{width:40px;height:40px;border-radius:12px;background:var(--soft);display:grid;place-items:center;color:var(--blue)}.message-inbox-icon svg{width:19px}.unread-dot{width:9px;height:9px;border-radius:50%;background:#d92d20}.settings-form{display:grid;gap:20px}.settings-form section{display:grid;gap:12px}.settings-form h3{margin:0;font-size:15px}.settings-form label:not(.switch-row):not(.check-row){display:grid;gap:6px}.switch-row,.check-row{display:flex!important;align-items:center;justify-content:space-between;gap:12px}.switch-row input,.check-row input{width:20px;height:20px}.settings-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.settings-filter{display:grid;gap:8px}.settings-dialog{max-width:560px!important}
html[data-theme=dark] .account-menu button,html[data-theme=dark] .message-inbox-row,html[data-theme=dark] .chat-compose-field{background:var(--paper)}
@media(max-width:620px){.account-button{max-width:125px}.chat-compose-field textarea{font-size:16px!important}.chat-context{margin-top:8px}.footer{padding-bottom:max(18px,env(safe-area-inset-bottom))}.settings-check-grid{grid-template-columns:1fr 1fr}}
/* V17 compatibility aliases for the V16 messenger on the V15 palette. */
:root{--fill:#f0f3f7;--paper-raised:#fff;--hairline:var(--line);--tertiary:#8b93a0;--orange:#a86400}
html[data-theme=dark]{--fill:#202630;--paper-raised:#171b22;--hairline:var(--line);--tertiary:#758091;--orange:#e0a33b}
canvas.confetti-stage{position:fixed;inset:0;width:100vw;height:100dvh;z-index:100;pointer-events:none;contain:strict}
@media(prefers-reduced-motion:reduce){canvas.confetti-stage{display:none!important}}

/* September V18 — stable locale handoff, unified page geometry and final theme polish. */
:root{--shell-max:1100px;--shell-gutter:clamp(14px,3vw,30px)}
.topbar,.wide-page,.footer{width:100%;max-width:var(--shell-max);box-sizing:border-box;padding-inline:var(--shell-gutter)}
.wide-page>*{width:100%;min-width:0;box-sizing:border-box}
.toolbar{display:grid;grid-template-columns:minmax(280px,360px) minmax(200px,260px);align-items:stretch;justify-content:space-between}
.toolbar .tabs,.toolbar .earn-currency-trigger{width:100%;max-width:none;min-width:0;box-sizing:border-box}
.toolbar .earn-currency-trigger{height:100%}
.order-grid,.balance-grid,.history,#withdrawals{width:100%;min-width:0;box-sizing:border-box}
.order-grid>* ,.balance-grid>* ,#withdrawals>*{min-width:0;max-width:100%;box-sizing:border-box}
.theme-toggle .theme-moon{width:23px;height:23px}
.theme-toggle .theme-moon path{fill:currentColor!important;stroke:none!important}
html[data-theme=dark] .amount-field input#amount{background:transparent!important}
@media(max-width:620px){
 .topbar,.wide-page,.footer{padding-inline:var(--shell-gutter)}
 .toolbar{grid-template-columns:minmax(0,1fr);gap:10px}
 .toolbar .tabs,.toolbar .earn-currency-trigger{width:100%;max-width:none}
 .wide-page{margin-top:24px}
}

/* September V19 — explicit loading, recoverable errors and paint-stable navigation. */
.inline-error:not(:empty){display:block;color:#8f1d24;background:#fff0f1;border:1px solid #efc5c8;border-radius:13px;padding:11px 13px;margin:12px 0 0;font-size:13px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}
.inline-error:not(:empty):before{content:"!";display:inline-grid;place-items:center;width:18px;height:18px;margin-inline-end:8px;border-radius:50%;background:#c9363e;color:#fff;font-size:12px;font-weight:850;vertical-align:-2px}
.error-panel{display:flex;align-items:flex-start;gap:11px;padding:14px;border:1px solid #efc5c8;border-radius:15px;background:#fff0f1;color:#7b1d23;line-height:1.45}
.error-panel .error-mark{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:#c9363e;color:#fff;font-size:13px;font-weight:850}
.error-panel>div{display:grid;gap:7px;min-width:0}.error-panel strong{font-size:13px;overflow-wrap:anywhere}.error-panel .error-retry{justify-self:start;min-height:34px;padding:4px 8px;color:inherit;font-size:12px}
.modal-loading{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-radius:17px;background:var(--soft);color:var(--muted);text-align:center}.modal-loading .spinner{width:24px;height:24px;border-width:2.5px;color:var(--blue)}.modal-loading strong{font-size:13px}
.message-inbox>.error-panel{margin-top:2px}.message-inbox>.message-inbox-row+.error-panel,.message-inbox>.inbox-empty+.error-panel{margin-top:8px}
.toast.error{background:#8f1d24;color:#fff}.toast.success{background:#12694d;color:#fff}
html[data-theme=dark] .inline-error:not(:empty),html[data-theme=dark] .error-panel{background:#321a1e;color:#ffb4b8;border-color:#5a282e}
html[data-theme=dark] .inline-error:not(:empty):before,html[data-theme=dark] .error-panel .error-mark{background:#d94b53;color:#fff}
html[data-theme=dark] .modal-loading{background:#11161d;color:var(--muted);border:1px solid var(--line)}
html[data-theme=dark] .toast.error{background:#ff9ba0;color:#301014}
/* V22 restores the original loading transition: the current content softens
   while the segmented marker moves, then the destination renders its shimmer. */

/* September V23 — the inline first-paint theme selector is intentionally more
   specific than ordinary body rules, so the active payment state must override
   it explicitly on phones. Otherwise a light-theme page becomes white-on-white. */
@media(max-width:620px){
 html[data-theme=light] body.payment-flow-active,
 html[data-theme=dark] body.payment-flow-active{background:var(--payment-mood,#56616f)!important;color:#fff!important}
}


/* September V24 — state-surface ownership, Earn clarity and stable dispute messenger. */
@media(max-width:620px){
 html.payment-flow-active-root,
 html.payment-flow-active-root body.payment-flow-active,
 html.payment-flow-active-root body.payment-flow-active .page{background:var(--payment-screen-mood,#56616f)!important}
 html.payment-flow-active-root body.payment-flow-active #payment-card{background:transparent!important}
}
.local-order-meta{margin:-2px 0 10px;text-align:right;color:var(--muted);font-size:12px;font-weight:600;overflow-wrap:anywhere}
.order-network{max-width:62%}
.dialog.dispute-chat-dialog{width:min(560px,calc(100vw - 24px));height:min(760px,calc(100dvh - 24px));max-width:560px!important;max-height:calc(100dvh - 24px)!important;padding:0!important;overflow:hidden!important;overscroll-behavior:none;display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--paper)!important;color:var(--ink)!important}
.dispute-chat-dialog>.dialog-top{margin:0!important;padding:14px 16px 11px;border-bottom:1px solid var(--line);background:var(--paper)!important;position:relative;z-index:3}
.dispute-chat-dialog>.dialog-top h2{font-size:20px;min-width:0}
.dispute-chat-dialog>.chat-shell{height:100%;min-height:0;overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;background:var(--paper)!important}
.dispute-chat-dialog .chat-context{margin:12px 14px 8px;padding:12px 13px;background:var(--soft)!important;border-color:var(--line)!important;color:var(--ink)!important}
.dispute-chat-dialog .chat-context small{color:var(--muted)!important}
.dispute-chat-dialog .chat-tabs{margin:0 14px 8px;background:var(--soft)!important}
.dispute-chat-dialog .chat-tabs button{color:var(--muted)!important}
.dispute-chat-dialog .chat-tabs button[aria-selected=true]{background:var(--paper)!important;color:var(--ink)!important}
.dispute-chat-dialog .chat-messages{min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:8px 14px 14px}
.dispute-chat-dialog .chat-bubble{background:var(--soft);color:var(--ink)}
.dispute-chat-dialog .chat-message.mine .chat-bubble{background:var(--blue);color:#fff}
.dispute-chat-dialog .chat-composer{position:relative!important;inset:auto!important;transform:none!important;min-height:64px;flex:0 0 auto;border-top:1px solid var(--line)!important;padding:9px 11px max(9px,env(safe-area-inset-bottom));background:var(--paper)!important;z-index:4}
.dispute-chat-dialog .chat-compose-field{background:var(--paper)!important;border-color:var(--line)!important;color:var(--ink)!important}
.dispute-chat-dialog .chat-compose-field textarea{display:block;color:var(--ink)!important}
.dispute-chat-dialog .chat-attach{background:var(--soft)!important;color:var(--blue)!important}
.dispute-chat-dialog .chat-send{background:var(--blue)!important;color:#fff!important}
.dispute-chat-dialog .chat-attach svg,.dispute-chat-dialog .chat-send svg{stroke:currentColor!important}
.dispute-chat-dialog .chat-error{margin:0;padding:0 12px 10px;background:var(--paper)!important}
.dispute-chat-dialog .chat-error:empty{display:none!important}
.dispute-chat-dialog .chat-resolved{margin:0 12px 10px;background:var(--soft)!important;color:var(--ink)!important}
html[data-theme=dark] .dialog.dispute-chat-dialog,html[data-theme=dark] .dispute-chat-dialog>.dialog-top,html[data-theme=dark] .dispute-chat-dialog>.chat-shell,html[data-theme=dark] .dispute-chat-dialog .chat-composer,html[data-theme=dark] .dispute-chat-dialog .chat-error{background:var(--paper)!important;color:var(--ink)!important}
@media(max-width:620px){
 .dialog.dispute-chat-dialog{position:fixed!important;inset:6px!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;margin:0!important;border-radius:24px!important}
 .dispute-chat-dialog>.dialog-top{padding:12px 12px 9px}.dispute-chat-dialog>.dialog-top h2{font-size:18px}
 .dispute-chat-dialog .chat-context{margin:8px 10px 7px;padding:10px 11px}.dispute-chat-dialog .chat-context-icon{width:34px;height:34px;border-radius:10px}
 .dispute-chat-dialog .chat-tabs{margin:0 10px 7px}.dispute-chat-dialog .chat-tabs button{min-height:34px;font-size:13px}
 .dispute-chat-dialog .chat-messages{padding:7px 10px 10px}.dispute-chat-dialog .chat-message{max-width:88%}
 .dispute-chat-dialog .chat-composer{grid-template-columns:42px minmax(0,1fr) 42px;gap:6px;padding:8px 9px max(8px,env(safe-area-inset-bottom))}.dispute-chat-dialog .chat-attach,.dispute-chat-dialog .chat-send{width:42px;height:42px;min-width:42px}
 .local-order-meta{text-align:left;margin:0 0 8px}
}

/* September V25 — settings search list, inbox counters, and active-state contrast fixes. */
.settings-fiat-search{margin-top:2px}
.settings-fiat-list{display:grid;gap:8px;max-height:min(34vh,260px);overflow:auto;padding:2px 1px 1px}
.settings-fiat-row{display:grid!important;grid-template-columns:20px 24px minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--paper);cursor:pointer}
.settings-fiat-row input{width:18px;height:18px;margin:0}
.settings-fiat-flag{font-size:18px;line-height:1;text-align:center}
.settings-fiat-copy{display:grid;min-width:0}
.settings-fiat-copy strong{font-size:14px;line-height:1.25}
.settings-fiat-copy small{color:var(--muted);line-height:1.3}
.settings-fiat-empty{margin:2px 0 0;text-align:center;color:var(--muted)}
.message-inbox-row{grid-template-columns:40px minmax(0,1fr) auto;align-items:center}
.message-inbox-row strong{font-size:14px;line-height:1.25}
.message-inbox-row small{display:block}
.ticket-count{justify-self:end;min-width:24px;padding:4px 7px;font-size:11px;line-height:1.05}
.ticket-status{justify-self:end;color:var(--muted);font-size:11px;text-align:right}

html[data-theme=dark] body.payment-flow-active .timer-panel,
html[data-theme=dark] body.payment-flow-active .local-timer-panel,
html[data-theme=light] body.payment-flow-active .timer-panel,
html[data-theme=light] body.payment-flow-active .local-timer-panel{background:rgba(255,255,255,.16)!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)}
html[data-theme=dark] body.payment-flow-active .timer-panel strong,
html[data-theme=dark] body.payment-flow-active .local-timer-panel strong,
html[data-theme=light] body.payment-flow-active .timer-panel strong,
html[data-theme=light] body.payment-flow-active .local-timer-panel strong{color:#fff!important}
html[data-theme=dark] body.payment-flow-active .timer-panel>span,
html[data-theme=dark] body.payment-flow-active .timer-panel small,
html[data-theme=dark] body.payment-flow-active .local-timer-panel>span,
html[data-theme=dark] body.payment-flow-active .local-timer-panel small,
html[data-theme=light] body.payment-flow-active .timer-panel>span,
html[data-theme=light] body.payment-flow-active .timer-panel small,
html[data-theme=light] body.payment-flow-active .local-timer-panel>span,
html[data-theme=light] body.payment-flow-active .local-timer-panel small{color:rgba(255,255,255,.84)!important}

body.payment-flow-active .timeline-tree li:not(:last-child):before,
.active-status-screen .timeline-tree li:not(:last-child):before{background:rgba(255,255,255,.65)!important}
body.payment-flow-active .timeline-tree li:after,
.active-status-screen .timeline-tree li:after{background:transparent!important;border-color:#fff!important;box-shadow:0 0 0 2px rgba(255,255,255,.18)!important}
body.payment-flow-active .timeline-tree li:last-child:after,
.active-status-screen .timeline-tree li:last-child:after{background:#fff!important;border-color:#fff!important}
body.payment-flow-active .timeline-tree strong,
body.payment-flow-active .timeline-tree time,
.active-status-screen .timeline-tree strong,
.active-status-screen .timeline-tree time{color:#fff!important}
body.payment-flow-active .timeline-note,
.active-status-screen .timeline-note{color:#fff!important;background:rgba(255,255,255,.14)!important}

/* V26 resolved dispute card */
.chat-resolved{display:flex;align-items:flex-start;gap:10px;margin:0 12px 10px;padding:12px 13px;border-radius:14px;background:var(--soft);color:var(--ink)}
.chat-resolved>svg{width:20px;height:20px;flex:0 0 20px;color:var(--green)}
.chat-resolved>div{display:grid;gap:3px;min-width:0}
.chat-resolved strong{font-size:13px}
.chat-resolved small{font-size:12px;line-height:1.45;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}

/* September V27 — compact mobile fiat picker and notification settings save. */
.settings-fiat-row{
 position:relative!important;
 display:grid!important;
 grid-template-columns:28px minmax(0,1fr) 28px!important;
 min-height:58px!important;
 gap:10px!important;
 align-items:center!important;
 padding:9px 11px!important;
 overflow:hidden!important;
}
.settings-fiat-check{
 position:absolute!important;
 inline-size:1px!important;
 block-size:1px!important;
 width:1px!important;
 height:1px!important;
 min-width:0!important;
 min-height:0!important;
 padding:0!important;
 margin:0!important;
 opacity:0!important;
 pointer-events:none!important;
}
.settings-fiat-flag{
 width:28px!important;
 height:28px!important;
 display:grid!important;
 place-items:center!important;
 font-size:19px!important;
 line-height:1!important;
 overflow:visible!important;
}
.settings-fiat-copy{min-width:0!important;gap:1px!important}
.settings-fiat-copy strong,.settings-fiat-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.settings-fiat-selected{
 width:24px;height:24px;border-radius:8px;
 display:grid;place-items:center;
 justify-self:end;
 background:transparent;color:transparent;
 border:1px solid var(--line);
 font-size:14px;font-weight:800;line-height:1;
 transition:background .15s,border-color .15s,color .15s;
}
.settings-fiat-check:checked~.settings-fiat-selected{background:var(--blue);border-color:var(--blue);color:#fff}
.settings-fiat-check:focus-visible~.settings-fiat-selected{outline:3px solid #79adff;outline-offset:2px}
.settings-fiat-row:has(.settings-fiat-check:checked){border-color:color-mix(in srgb,var(--blue) 48%,var(--line));background:color-mix(in srgb,var(--blue) 7%,var(--paper))}
@media(max-width:620px){
 .settings-dialog{width:calc(100vw - 16px)!important;max-width:none!important;max-height:calc(100dvh - 16px)!important;padding:18px 16px max(16px,env(safe-area-inset-bottom))!important}
 .settings-fiat-list{max-height:230px!important;gap:6px!important}
 .settings-fiat-row{min-height:54px!important;border-radius:13px!important;padding:8px 10px!important}
 .settings-fiat-search{margin-bottom:4px!important}
 .settings-fiat-search input{min-height:46px!important;padding:10px 13px!important}
}

/* September V30 — desktop active-state timer must remain readable on the neutral card. */
@media(min-width:621px){
 html[data-theme=light] body.payment-flow-active .timer-panel,
 html[data-theme=dark] body.payment-flow-active .timer-panel{background:var(--soft)!important;color:var(--ink)!important;border:1px solid var(--line)!important}
 html[data-theme=light] body.payment-flow-active .timer-panel strong,
 html[data-theme=dark] body.payment-flow-active .timer-panel strong{color:var(--payment-mood,#0869f7)!important}
 html[data-theme=light] body.payment-flow-active .timer-panel>span,
 html[data-theme=light] body.payment-flow-active .timer-panel small,
 html[data-theme=dark] body.payment-flow-active .timer-panel>span,
 html[data-theme=dark] body.payment-flow-active .timer-panel small{color:var(--muted)!important}
 body.payment-flow-active .timeline-tree strong{color:var(--ink)!important}
 body.payment-flow-active .timeline-tree time{color:var(--muted)!important}
 body.payment-flow-active .timeline-tree li:not(:last-child):before{background:var(--line)!important}
 body.payment-flow-active .timeline-tree li:after{background:var(--paper)!important;border-color:var(--payment-mood,#0869f7)!important;box-shadow:none!important}
 body.payment-flow-active .timeline-tree li:last-child:after{background:var(--payment-mood,#0869f7)!important;border-color:var(--payment-mood,#0869f7)!important}
}
/* V36: keep the account notification badge outside the clipped email label. */
.account-button{position:relative!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important}
.account-button>.account-label{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}
.account-badge{z-index:3;inset-block-start:-6px;inset-inline-end:-6px;pointer-events:none}

/* V47: hidden is state, independent of component display rules. */
html body [hidden][hidden],html body .dispute-chat-dialog .chat-composer[hidden],html body .settings-fiat-row[hidden]{display:none!important}
.timeline-tree{--timeline-axis:7px}
.timeline-tree li{padding-inline-start:27px}
.timeline-tree li::after{box-sizing:border-box!important;left:var(--timeline-axis)!important;top:6px!important;width:10px!important;height:10px!important;transform:translateX(-50%)}
.timeline-tree li:not(:last-child)::before{left:var(--timeline-axis)!important;top:16px!important;bottom:-6px!important;width:2px!important;transform:translateX(-50%)}
html[dir=rtl] .timeline-tree li::after,html[dir=rtl] .timeline-tree li::before{left:auto!important;right:var(--timeline-axis)!important;transform:translateX(50%)}
.currency-flag{display:block;max-width:100%;width:24px;height:18px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px #0000000d}
.crypto-logo{display:block;width:30px;height:30px;max-width:100%;object-fit:contain}
.coin .crypto-logo{width:28px;height:28px}
.asset-icon.official-brand{background:transparent!important;border-radius:0!important}
.settings-fiat-flag{display:grid;place-items:center}
.settings-fiat-copy strong,.settings-fiat-copy small{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.merchant-preview{width:100%;text-align:start;color:var(--ink);cursor:pointer;justify-content:space-between}
.merchant-preview>span{flex:1;min-width:0}
.payment-payload{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.5 ui-monospace,monospace;padding:16px;border:1px solid var(--line);border-radius:14px;max-height:55vh;overflow:auto}
.payment-data-dialog>.primary{margin-top:12px}
.chat-back{flex:0 0 38px;min-width:38px;padding:6px}
.dispute-chat-dialog .dialog-top h2{flex:1}
.chat-tabs button{display:flex;justify-content:center;align-items:center;gap:7px}
.chat-tabs .menu-count{min-width:18px;height:18px;line-height:18px;padding:0 4px;font-size:10px}
.chat-photo{display:block!important;width:min(300px,65vw);max-width:100%;padding:0!important;border:0!important;overflow:hidden;border-radius:12px;background:transparent!important;color:inherit!important}
.chat-photo img{display:block;width:100%;min-height:100px;max-height:360px;object-fit:contain;background:color-mix(in srgb,var(--paper) 80%,transparent)}
.chat-photo span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px;font-size:11px}
.media-lightbox{position:fixed;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;margin:0;border:0;background:#0b0d12f2;padding:50px 16px 16px;overflow:auto}
.media-lightbox::backdrop{background:#000a}
.media-lightbox>.icon-button{position:absolute;top:6px;right:10px;color:#fff;background:#ffffff15}
.media-lightbox a{display:grid;min-height:100%;place-items:center}
.media-lightbox img{display:block;max-width:100%;max-height:85dvh;object-fit:contain}
.chat-attach svg,.chat-send svg{width:22px;height:22px;fill:none;stroke-width:1.9}
.chat-email-signin{font-size:12px;padding:4px 12px;min-height:32px}
/* Transparent overlay never paints viewport/safe-area bars. */
html body canvas.confetti-stage{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;filter:none!important;contain:none!important;perspective:none!important;pointer-events:none;z-index:200}
@media(max-width:620px){.settings-form .field-row{grid-template-columns:1fr 1fr;gap:10px}.settings-form .field-row label{font-size:13px;line-height:1.4}.transaction-summary>div{gap:12px}.transaction-summary dd{max-width:62%;font-size:13px}.chat-photo img{max-height:42dvh}}

.home-input textarea{border:0;border-radius:0;resize:vertical;min-height:56px;max-height:200px;background:transparent;color:inherit;padding:15px 18px;font-size:16px}
@media(max-width:620px){body:is(.payment-flow-active,.payment-success) .transaction-summary dt{color:#ffffffdb}body:is(.payment-flow-active,.payment-success) .transaction-summary dd{color:#fff}body.payment-success .active-status-screen .text-button{color:#fff}}

/* V48: compact, naturally growing manual data field. */
html body .home-input{height:auto!important;min-height:52px;align-items:center;padding:0!important}
html body .home-input textarea{display:block;flex:1;min-width:0;width:100%;height:50px;min-height:50px;max-height:148px;line-height:24px;margin:0;padding:13px 14px!important;resize:none;box-shadow:none;overflow-y:auto}
.help-ticket-id{display:block;margin-top:3px;font-size:11px;font-weight:600;overflow-wrap:anywhere;color:var(--muted)}
.payment-help{display:flex;justify-content:center;align-items:center;gap:8px;min-height:42px}
.payment-help svg{width:20px;height:20px}
.payment-help .menu-count{border-radius:12px;min-width:20px;line-height:20px;background:var(--blue);color:white}
.chat-file-chip{white-space:normal!important;padding:0!important;max-width:100%;background:transparent!important}
.attachment-draft{display:flex;align-items:center;gap:7px;margin:6px 0;max-width:100%;min-width:0}
.attachment-draft-preview{display:flex!important;align-items:center;gap:9px;min-width:0;max-width:100%;padding:6px!important;border:1px solid var(--line);border-radius:10px!important;background:var(--paper)!important;color:var(--ink)!important;text-align:start}
.attachment-draft-preview img{display:block;width:62px;height:62px;flex:0 0 62px;object-fit:cover;border-radius:6px}
.attachment-draft-name{min-width:0;max-width:160px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.attachment-draft-type{display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;border-radius:7px;background:var(--soft);font-size:12px;font-weight:700}
.attachment-draft-remove{flex-shrink:0;width:28px!important;min-height:28px!important;padding:0!important;font-size:20px;background:transparent!important;color:var(--muted)!important}
.media-lightbox>img{display:block;max-height:calc(100dvh - 80px);margin:auto}
@media(max-width:620px){.attachment-draft-name{max-width:90px}.attachment-draft-preview img{width:52px;height:52px;flex-basis:52px}}
/* Hidden tabs/banners must not shift the message or composer into another grid row. */
.dispute-chat-dialog>.chat-shell{display:flex!important;flex-direction:column;height:100%;min-height:0}
.dispute-chat-dialog .chat-context,.dispute-chat-dialog .chat-tabs,.dispute-chat-dialog .chat-resolved,.dispute-chat-dialog .chat-composer,.dispute-chat-dialog .chat-error,.dispute-chat-dialog .chat-email-signin{flex:0 0 auto}
.dispute-chat-dialog .chat-messages{flex:1 1 0;min-height:0;min-width:0}

/* October: timeline colors are scoped to the surface, not to an order status. */
html body .active-status-screen .timeline-tree{text-align:start;color:var(--ink);--timeline-line:var(--line);--timeline-dot:var(--blue);--timeline-time:var(--muted);--timeline-paper:var(--paper)}
html body .active-status-screen .timeline-tree strong{color:var(--ink)!important}
html body .active-status-screen .timeline-tree time{color:var(--timeline-time)!important}
html body .active-status-screen .timeline-tree li:not(:last-child)::before{background:var(--timeline-line)!important}
html body .active-status-screen .timeline-tree li::after{background:var(--timeline-paper)!important;border-color:var(--timeline-dot)!important;box-shadow:none!important}
html body .active-status-screen .timeline-tree li:last-child::after{background:var(--timeline-dot)!important}
html body .active-status-screen .timeline-note{color:inherit;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:620px){
 html.payment-flow-active-root,html.payment-flow-active-root body{background:var(--payment-screen-mood,#0a84ff)!important}
 html body.payment-flow-active .active-status-screen .timeline-tree,html body.payment-success .active-status-screen .timeline-tree{--ink:#fff;--timeline-time:#ffffffd9;--timeline-line:#ffffffa6;--timeline-dot:#fff;--timeline-paper:var(--payment-screen-mood,#0a84ff)}
}
.review-rate{display:grid;gap:5px;margin:12px 0 18px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;text-align:start}
.review-rate strong{font-size:14px}.review-rate small{color:var(--muted);font-size:11px;line-height:1.5}
html body div.confetti-stage{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:200;background:transparent!important;border:0;box-shadow:none;filter:none;isolation:isolate}
.confetti-stage>i{position:absolute;bottom:-12px;display:block;width:6px;height:11px;animation:wndr-confetti 3.2s ease-out both;will-change:transform,opacity}
@keyframes wndr-confetti{0%{transform:translate(0,0) rotate(0);opacity:0}8%{opacity:1}48%{transform:translate(calc(var(--dx)*.65),var(--dy)) rotate(calc(var(--spin)*.55));opacity:1}100%{transform:translate(var(--dx),20dvh) rotate(var(--spin));opacity:0}}
@media(prefers-reduced-motion:reduce){.confetti-stage{display:none!important}}
.link-status-page{min-height:100dvh;display:grid;place-items:center;padding:24px}.link-status-card{width:min(100%,480px);padding:32px}.link-status-card .primary{display:flex;justify-content:center;text-decoration:none;margin-top:24px}

/* October mobile celebration hardening: visualViewport-sized canvas, no dynamic-vh compositor bands. */
html body canvas.confetti-stage{
 position:fixed!important;
 inset:auto!important;
 width:auto!important;
 height:auto!important;
 margin:0!important;
 padding:0!important;
 display:block!important;
 background:transparent!important;
 border:0!important;
 box-shadow:none!important;
 filter:none!important;
 contain:none!important;
 pointer-events:none!important;
 z-index:200!important;
}
@media(max-width:620px){
 html.payment-flow-active-root,
 html.payment-flow-active-root body.payment-success{
  background:var(--payment-screen-mood,#0f9f67)!important;
 }
 body.payment-success{min-height:100svh!important;overflow-x:hidden!important;}
 body.payment-success .page{
  min-height:100svh!important;
  padding-top:max(34px,env(safe-area-inset-top))!important;
  padding-bottom:max(28px,env(safe-area-inset-bottom))!important;
 }
}

/* October 11: consistent branding and stable navigation. */
@font-face{font-family:'Cal Sans';src:url('fonts/CalSans-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.brand-word{font-family:'Cal Sans',Arial,Helvetica,sans-serif!important;font-weight:400;letter-spacing:-.035em}
.brand-mark{background:transparent!important;border-radius:0!important;width:39px!important;height:23px!important;color:var(--ink)}
.brand-mark img{width:100%;height:auto;display:block}
html[data-theme=dark] .brand-mark img,body.payment-success .brand-mark img{filter:invert(1)}
body.tab-navigating .page,body.tab-navigating .wide-page{opacity:1;transform:none}
.page,.wide-page{transition:none}
.local-payment-source{padding:16px;background:var(--bg);border:1px solid var(--line);border-radius:16px;margin:16px 0 22px;min-width:0}
.local-payment-source .section-label{display:block;margin:0 0 10px}
.payment-payload{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:100%;min-width:0;font-size:13px;line-height:1.6}
.payment-source-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.payment-source-actions>*{flex:1;min-width:120px}
.crypto-choice-intro{margin:24px 0 14px}.crypto-choice-intro strong{display:block;font-size:15px}.crypto-choice-intro p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.6}
.selected-crypto-note{margin:10px 0 20px;color:var(--blue);font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.review-rate{display:grid;gap:5px}.review-rate a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.changelog-page .topbar nav::before{display:none}.changelog-page .wide-page{max-width:1040px}.changelog-heading{max-width:660px;margin:25px 0 55px}.changelog-heading h1{font-size:clamp(34px,5vw,54px);letter-spacing:-.045em;line-height:1.1}.changelog-heading p{color:var(--muted);line-height:1.65;margin:18px 0 0}.release{display:grid;grid-template-columns:150px minmax(0,1fr);gap:28px;margin-bottom:48px}.release-date{color:var(--muted);font-size:13px;padding-top:8px}.release-date time{display:block;margin-bottom:12px}.release-version{display:inline-block;border:1px solid var(--line);padding:6px 9px;border-radius:9px;font-size:12px}.release-content{padding-left:28px;border-left:1px solid var(--line);min-width:0}.release-content h2{font-size:26px;letter-spacing:-.035em;margin:4px 0 18px}.release-content h3{font-size:16px;margin:25px 0 9px}.release-content p,.release-content li{font-size:14px;line-height:1.8;color:var(--muted)}.release-content ul{padding-inline-start:20px;margin:0}.release-tag{display:inline-block;border-radius:7px;padding:4px 8px;font-size:11px;font-weight:650;background:var(--soft);color:var(--blue);margin-bottom:10px}.release-hero{padding:35px;border:1px solid var(--line);border-radius:20px;background:var(--paper);margin:22px 0 28px;text-align:center}.release-hero .brand{display:inline-flex;font-size:32px}.release-hero .brand-mark{width:64px!important;height:30px!important}.release-hero p{font-size:12px;margin-bottom:0}@media(max-width:620px){.changelog-heading{margin:20px 0 36px}.release{grid-template-columns:1fr;gap:14px}.release-date{display:flex;gap:12px;align-items:center}.release-date time{margin:0}.release-content{padding-left:18px}.release-hero{padding:25px 16px}.release-hero .brand{font-size:27px}.footer{flex-wrap:wrap}}

/* October 12: compact actions, stable layouts and gentle navigation. */
.payment-source-actions{display:flex;align-items:stretch;gap:8px;flex-wrap:nowrap!important}
.payment-source-actions>*{min-width:0;white-space:nowrap;margin:0!important;min-height:44px}
.payment-source-actions .secondary{flex:0 0 auto;width:auto;padding:11px 12px;gap:6px;font-size:14px}
.payment-source-actions .primary{flex:1;width:auto;padding:11px 12px;font-size:14px;gap:6px;white-space:nowrap}
.payment-source-actions .primary span{white-space:nowrap}
.payment-source-actions svg{flex-shrink:0;width:18px;height:18px}
.toolbar .tabs{width:max-content;max-width:100%;flex:0 0 auto;justify-content:flex-start}
.toolbar .tabs button{flex:0 0 auto}
.dialog.withdrawal-detail{width:min(550px,calc(100vw - 32px));max-width:550px;scrollbar-width:thin;scrollbar-color:#a4afbf transparent;scrollbar-gutter:stable}
.dialog.withdrawal-detail::-webkit-scrollbar{width:6px}.dialog.withdrawal-detail::-webkit-scrollbar-thumb{background:#a4afbf;border-radius:8px}.dialog.withdrawal-detail::-webkit-scrollbar-track{background:transparent}
.dispute-chat-dialog .chat-compose-field,html[data-theme=dark] .dispute-chat-dialog .chat-compose-field{background:transparent!important;border:0!important;box-shadow:none!important}
html.payment-flow-active-root{background:var(--payment-screen-mood)!important;color-scheme:light!important}
.payment-flow-active-root body{background:var(--payment-screen-mood)!important;min-height:100svh}
body.payment-success .topbar,body.payment-success .footer{background:transparent!important}
.home-page.payment-success #payment-card{width:100%!important;max-width:500px!important;min-width:0}
.confetti-stage{position:fixed!important;inset:0!important;width:auto!important;height:auto!important;overflow:hidden!important;background:transparent!important;box-shadow:none!important;filter:none!important;pointer-events:none;z-index:200}
.celebration-piece{position:absolute;top:-24px;display:block;opacity:0;animation:confetti-fall 2800ms ease-in both}
@keyframes confetti-fall{8%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translate(var(--drift),var(--fall)) rotate(var(--spin))}}
body.tab-navigating main{opacity:1!important;transform:none!important}
body.page-arriving main.page,body.page-arriving main.wide-page,body.page-arriving main.changelog-main{animation:page-arrival 240ms ease both}
@keyframes page-arrival{from{opacity:.92;transform:translateY(8px)}to{opacity:1;transform:none}}
@supports (mask-image:url('logo.svg?v=20261013.2')){.brand-mark{background:currentColor!important;color:inherit!important;-webkit-mask:url('logo.svg?v=20261013.2') center/contain no-repeat;mask:url('logo.svg?v=20261013.2') center/contain no-repeat}.brand-mark img{visibility:hidden}}
@media(min-width:621px){.home-page.payment-success .page{max-width:1060px!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.13fr);gap:80px;padding-inline:30px!important;box-sizing:border-box;width:100%}.home-page.payment-success .intro{display:block!important}}
@media(max-width:620px){.home-page.payment-success .page{display:block!important;max-width:560px!important;padding-inline:18px!important}.toolbar .tabs{width:100%;flex:1}.toolbar .tabs button{flex:1}.payment-source-actions .secondary{font-size:0;width:44px;min-width:44px;max-width:44px;padding:10px;gap:0}.payment-source-actions .secondary span{font-size:0}.dialog.withdrawal-detail{width:calc(100vw - 24px);padding:18px}}
@media(prefers-reduced-motion:reduce){body.page-arriving main{animation:none!important}.celebration-piece{animation:none}}

/* Status-screen color belongs to the mobile payment layout. */
@media(min-width:621px){html.payment-flow-active-root,html.payment-flow-active-root body,html[data-theme=light] body.home-page.payment-success{background:var(--bg)!important;color:var(--ink)!important}html[data-theme=dark] body.home-page.payment-success{background:#0c1016!important;color:var(--ink)!important}.home-page.payment-success .intro,.home-page.payment-success .topbar,.home-page.payment-success .footer{display:flex!important;color:var(--muted)!important}.home-page.payment-success .intro{display:block!important}.home-page.payment-success .intro h1,.home-page.payment-success .brand{color:var(--ink)!important}.home-page.payment-success .intro p,.home-page.payment-success .steps,.home-page.payment-success .footer .text-button{color:var(--muted)!important}.home-page.payment-success .page{min-height:0!important}.home-page.payment-success #payment-card{background:var(--paper)!important;color:var(--ink)!important;border-radius:24px!important;padding:34px!important}.home-page.payment-success .topbar nav{background:transparent!important}.home-page.payment-success .nav-link{color:var(--muted)!important}.home-page.payment-success .nav-link[aria-current=page]{color:var(--ink)!important}.home-page.payment-success .nav-link[aria-current=page]:before{background:var(--paper)!important}}
.confetti-stage{display:contents!important;position:static!important;perspective:none!important;contain:none!important;background:none!important;overflow:visible!important;will-change:auto!important}
.confetti-stage .celebration-piece{position:fixed!important;top:-24px!important;z-index:200;pointer-events:none;box-shadow:none!important;will-change:auto!important;animation:confetti-fall 2800ms ease-in both}
@media(prefers-reduced-motion:reduce){.confetti-stage .celebration-piece{display:none!important}}
.brand-word{display:inline-flex;align-items:center;font-size:inherit!important;letter-spacing:0!important;line-height:1!important}.brand-wordmark{display:inline-block;width:5.559em;height:.743em;flex:none;background:currentColor;-webkit-mask:url('wordmark.svg?v=20261013.2') center/contain no-repeat;mask:url('wordmark.svg?v=20261013.2') center/contain no-repeat}.admin-brand .brand-word{display:flex;flex-direction:column;align-items:start}.admin-brand .brand-word small{font-size:10px;letter-spacing:.06em!important}
.security-settings-button{margin:0 0 24px;width:100%;gap:9px}.reservation-rules{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:18px 22px;margin:0 0 20px;color:var(--ink);font-size:13px}.reservation-rules strong{font-size:14px}.reservation-rules p{margin:8px 0 0;line-height:1.6}.reservation-rules .risk-stats{font-size:12px;color:var(--muted)}.finality-progress{padding:12px 14px;border:1px solid var(--line);border-radius:12px;margin:16px 0;background:var(--soft);font-size:12px;color:var(--ink);text-align:center;line-height:1.6}.finality-progress strong{font-weight:550}.finality-progress span{display:block;color:var(--muted);margin-top:4px}.finality-progress.verified{background:var(--paper)}.funding-window{font-size:12px;color:var(--muted);margin-top:10px}@media(max-width:620px){.reservation-rules{padding:15px 17px}}
/* Lock the celebration color while Safari repaints its browser/PWA chrome. */
@media(max-width:620px){html.payment-flow-active-root:has(body.payment-success),html.payment-flow-active-root body.payment-success{background:#0f9f67!important;transition:none!important;color-scheme:light!important}body.home-page.payment-success{min-height:100svh;transition:none!important}}
/* Compact limits help; details live in the accessible modal. */
.reservation-rules-help{display:flex;justify-content:flex-end;margin:0 0 10px;min-height:30px}.reservation-rules-button{min-height:30px;padding:2px 5px;font-size:12px;gap:6px}.rules-question{display:inline-grid;place-items:center;width:17px;height:17px;border:1px solid currentColor;border-radius:50%;font-size:11px;line-height:1;font-weight:600}.reservation-rules-sheet{width:min(460px,calc(100% - 24px))}.reservation-rules-details p{font-size:14px;line-height:1.65}.reservation-rules-details .hint,.reservation-rules-details .risk-stats{font-size:12px;color:var(--muted)}
/* Two staggered cannon bursts with an upward arc, tumbling and gravity. */
.confetti-stage .celebration-piece{animation-name:confetti-burst;animation-timing-function:linear;transform-origin:center;opacity:0}
@keyframes confetti-burst{0%{opacity:0;transform:translate3d(0,0,0) rotate(0deg) rotateY(0deg);animation-timing-function:cubic-bezier(.12,.7,.35,1)}5%{opacity:1}38%{opacity:1;transform:translate3d(calc(var(--burst-x)*.58),var(--burst-rise),0) rotate(calc(var(--burst-turn)*.38)) rotateY(calc(var(--burst-flip)*.4));animation-timing-function:cubic-bezier(.45,0,.9,.65)}78%{opacity:1;transform:translate3d(calc(var(--burst-x)*.87),calc(var(--burst-rise)*.2),0) rotate(calc(var(--burst-turn)*.78)) rotateY(calc(var(--burst-flip)*.8))}100%{opacity:0;transform:translate3d(var(--burst-x),var(--burst-end),0) rotate(var(--burst-turn)) rotateY(var(--burst-flip))}}

/* Deposit detection is a waiting state, never a second request to send funds. */
.deposit-waiting{margin:26px auto 30px;max-width:320px;text-align:center}.deposit-counter{display:block;color:var(--ink);font-size:clamp(20px,5vw,28px);font-weight:600;line-height:1.4;font-variant-numeric:tabular-nums}.deposit-meter{height:5px;margin-top:18px;overflow:hidden;border-radius:99px;background:var(--line)}.deposit-meter span{display:block;height:100%;border-radius:inherit;background:var(--blue);transition:width .35s ease}.status-ring.deposit-pulse{animation:deposit-heartbeat 1.7s ease-in-out infinite}.deposit-pulse svg{animation:deposit-clock 3s linear infinite}
@keyframes deposit-heartbeat{0%,100%{transform:scale(1);opacity:.85}20%{transform:scale(1.06);opacity:1}38%{transform:scale(1)}52%{transform:scale(1.035);opacity:1}}
@keyframes deposit-clock{to{transform:rotate(360deg)}}
/* One transparent surface replaces hundreds of fixed, animated DOM nodes. */
html body canvas.payment-celebration{position:fixed!important;inset:auto!important;display:block!important;z-index:200!important;pointer-events:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;filter:none!important;contain:strict!important;perspective:none!important}
@media(prefers-reduced-motion:reduce){.status-ring.deposit-pulse,.deposit-pulse svg{animation:none!important}.deposit-meter span{transition:none}canvas.payment-celebration{animation:none!important}}

/* Long order IDs and deposit addresses must stay inside the admin grid. */
.admin-page-head>div{min-width:0;max-width:100%}.admin-page-head h1{overflow-wrap:anywhere}.admin-audit-box{min-width:0}.admin-audit-box .mono{overflow-wrap:anywhere}

/* Address QR stays in a small dialog; never changes the deposit layout. */
.deposit-address-actions{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}
.deposit-address-actions .text-button{min-height:40px;white-space:nowrap;padding:7px 5px;gap:5px}
.dialog.deposit-qr-dialog{width:calc(100% - 32px);max-width:360px;padding:24px;overflow-x:hidden}
.deposit-qr-dialog .dialog-top{gap:12px;margin-bottom:6px}
.deposit-qr-dialog .dialog-top h2{min-width:0;font-size:20px;line-height:1.3}
.deposit-qr-network{margin:0 0 18px;text-align:center;color:var(--muted);font-size:13px;overflow-wrap:anywhere}
.deposit-qr-dialog .deposit-address-qr{display:block;width:100%;max-width:256px;height:auto;aspect-ratio:1;margin:0 auto;background:#fff;fill:none;stroke:none;border-radius:12px}
.deposit-qr-address{margin:16px 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.6;text-align:center;overflow-wrap:anywhere;user-select:text}
.deposit-qr-dialog .deposit-qr-copy{width:100%;min-height:44px;background:var(--bg)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:14px}
.deposit-qr-dialog .deposit-qr-hint{margin:14px 0 0;color:var(--muted)!important;text-align:center;font-size:12px;line-height:1.6}
@media(max-width:360px){.deposit-address-actions{gap:4px}.deposit-address-actions .text-button{font-size:12px}.dialog.deposit-qr-dialog{padding:20px}.deposit-qr-dialog .dialog-top h2{font-size:18px}}