.sw-root{position:fixed;right:20px;bottom:20px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:14px;font-family:inherit}.sw-fab{position:relative;width:60px;height:60px;border:none;border-radius:50%;cursor:pointer;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6 55%,#a855f7);box-shadow:0 10px 28px #7c3aed73,inset 0 1px #ffffff40;display:grid;place-items:center;animation:sw-fab-in .6s cubic-bezier(.34,1.56,.64,1) both;transition:transform .18s ease,box-shadow .18s ease}.sw-fab:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 14px 34px #7c3aed8c}.sw-fab:active{transform:scale(.96)}.sw-fab svg{width:30px;height:30px}.sw-fab:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:0 0 #8b5cf680;animation:sw-ring 2.2s ease-out infinite}.sw-fab.sw-quiet:after{animation:none}.sw-badge{position:absolute;top:-3px;right:-3px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;box-shadow:0 2px 6px #00000040;animation:sw-pop .3s cubic-bezier(.34,1.56,.64,1) both}.sw-panel{width:344px;max-width:calc(100vw - 32px);height:460px;max-height:calc(100vh - 120px);background:#fff;border-radius:20px;box-shadow:0 24px 60px #0f172a47;display:flex;flex-direction:column;overflow:hidden;transform-origin:bottom right;animation:sw-panel-in .32s cubic-bezier(.16,1,.3,1) both}.sw-head{display:flex;align-items:center;gap:11px;padding:15px 16px;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6 60%,#a855f7)}.sw-head-avatar{width:38px;height:38px;border-radius:50%;background:#ffffff2e;display:grid;place-items:center;flex:0 0 auto}.sw-head-avatar svg{width:22px;height:22px}.sw-head-title{font-weight:700;font-size:15px;line-height:1.2}.sw-head-status{font-size:12px;opacity:.9;display:flex;align-items:center;gap:6px}.sw-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 #4ade80b3;animation:sw-dot 1.8s ease-out infinite}.sw-close{margin-left:auto;border:none;background:#ffffff26;color:#fff;width:30px;height:30px;border-radius:9px;font-size:18px;cursor:pointer;display:grid;place-items:center;transition:background .15s}.sw-close:hover{background:#ffffff47}.sw-body{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:9px;background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.sw-body::-webkit-scrollbar{width:6px}.sw-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.sw-empty{margin:auto;text-align:center;color:#94a3b8;padding:20px}.sw-empty svg{width:44px;height:44px;margin-bottom:10px;opacity:.7}.sw-empty-title{font-weight:600;color:#64748b;font-size:14px;margin-bottom:4px}.sw-empty-sub{font-size:12.5px;line-height:1.4}.sw-msg{max-width:82%;padding:9px 13px;border-radius:15px;font-size:14px;line-height:1.4;white-space:pre-wrap;word-break:break-word;animation:sw-msg-in .28s cubic-bezier(.16,1,.3,1) both}.sw-msg.sw-mine{align-self:flex-end;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-bottom-right-radius:5px;box-shadow:0 3px 10px #7c3aed40}.sw-msg.sw-theirs{align-self:flex-start;background:#fff;color:#0f172a;border:1px solid #e8edf3;border-bottom-left-radius:5px;box-shadow:0 2px 6px #0f172a0d}.sw-who{font-size:11px;font-weight:600;color:#8b5cf6;margin-bottom:3px}.sw-err{font-size:12.5px;color:#dc2626;padding:6px 16px;background:#fef2f2}.sw-note{font-size:12px;color:#64748b;text-align:center;padding:6px 14px}.sw-input-row{display:flex;gap:9px;align-items:center;padding:12px;border-top:1px solid #eef2f7;background:#fff}.sw-input{flex:1;border:1.5px solid #e2e8f0;border-radius:13px;padding:11px 14px;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit}.sw-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf624}.sw-send{flex:0 0 auto;width:44px;height:44px;border:none;border-radius:13px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;cursor:pointer;display:grid;place-items:center;transition:transform .15s,opacity .15s}.sw-send svg{width:20px;height:20px}.sw-send:hover:not(:disabled){transform:scale(1.06)}.sw-send:disabled{opacity:.45;cursor:default}@media (max-width: 560px){.sw-root{right:14px;bottom:14px}.sw-panel{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:100%;max-height:100%;border-radius:0;transform-origin:center bottom;animation:sw-sheet-in .3s cubic-bezier(.16,1,.3,1) both}.sw-head{padding-top:calc(15px + env(safe-area-inset-top,0px))}.sw-input-row{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.sw-open .sw-fab{display:none}}@keyframes sw-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sw-fab-in{0%{transform:scale(0) rotate(-45deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes sw-ring{0%{box-shadow:0 0 #8b5cf680}70%{box-shadow:0 0 0 16px #8b5cf600}to{box-shadow:0 0 #8b5cf600}}@keyframes sw-panel-in{0%{transform:translateY(16px) scale(.94);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes sw-msg-in{0%{transform:translateY(7px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes sw-dot{0%{box-shadow:0 0 #4ade80b3}70%{box-shadow:0 0 0 6px #4ade8000}to{box-shadow:0 0 #4ade8000}}@keyframes sw-pop{0%{transform:scale(0)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.sw-fab,.sw-panel,.sw-msg,.sw-badge{animation-duration:1ms}.sw-fab:after,.sw-dot{animation:none}}@font-face{font-family:Golos Text;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/golos-text-400-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Golos Text;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/golos-text-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Golos Text;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/golos-text-500-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Golos Text;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/golos-text-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Golos Text;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/golos-text-600-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Golos Text;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/golos-text-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Golos Text;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/golos-text-700-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Golos Text;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/golos-text-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-mono-600-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-mono-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #eceef1;--page-bg: #f4f5f7;--card: #ffffff;--ink: #1a1c1e;--muted: #6b7280;--faint: #9ca3af;--line: #e6e8eb;--soft: #f4f5f7;--dot: rgba(26, 28, 30, .1);--primary: #1a1c1e;--primary-press: #0b0c0d;--primary-vivid: #1a1c1e;--primary-tint-6: rgba(26, 28, 30, .05);--primary-tint-16: rgba(26, 28, 30, .12);--primary-soft: #f4f5f7;--primary-soft-line: #e6e8eb;--primary-dot: rgba(26, 28, 30, .35);--green: var(--primary);--red: #dc2b3a;--warn-bg: #fffbeb;--warn-line: #fde68a;--warn-ink: #92400e;--num-font: "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--fs-xl: 40px;--fs-lg: 16px;--fs-md: 13px;--fs-sm: 12px;--r-card: 12px;--r-lg: 8px;--r-md: 6px;--r-sm: 4px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}:focus:not(:focus-visible){outline:none}.btn,.row-copy,.accordion-head,.amount-sub,.device-tab,.bank-btn,a{touch-action:manipulation}html,body{background-color:var(--page-bg, #f2f4f6);color:var(--ink);font-family:Golos Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}#root,.demo-preview{container-type:inline-size;container-name:form}.page{min-height:100vh;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));display:flex;flex-direction:column}.form-header{margin:-18px -18px 0;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--soft);font-size:var(--fs-md)}.form-header .lang{color:var(--muted);font-weight:600;display:inline-flex;align-items:center;gap:6px}.form-header .lang-switch{gap:4px}.form-header .lang-btn{border:1px solid var(--line, #e5e7eb);background:transparent;color:var(--muted);font:inherit;font-weight:700;font-size:var(--fs-sm, 12px);line-height:1;padding:3px 7px;border-radius:7px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.form-header .lang-btn:hover{color:var(--fg, #111827)}.form-header .lang-btn.on{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground, #fff)}.form-header .secure{margin-left:auto;color:var(--primary-vivid, #1a1c1e);font-weight:700}.form-header.branded{padding:12px 16px}.form-header.branded .brand{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:10px}.form-header.branded .brand-name{font-weight:700;font-size:14px;color:var(--ink);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-avatar{width:30px;height:30px;border-radius:9px;flex:none;object-fit:cover;background:var(--soft);border:1px solid var(--line)}.brand-avatar--letter{display:grid;place-items:center;font-weight:700;font-size:15px;line-height:1;background:var(--primary);color:var(--primary-foreground, #fff);border:0}.form-header.branded .brand-right{flex:none;display:flex;align-items:center;gap:12px;white-space:nowrap}.form-header.branded .secure{margin-left:0;font-size:var(--fs-sm);display:inline-flex;align-items:center;gap:5px}.card{width:100%;max-width:440px;margin:auto;background:var(--card);border:none;box-shadow:0 0 0 1px #1018280a,0 1px 3px #1018280f,0 12px 28px -8px #1018281f,0 28px 56px -20px #10182824;border-radius:var(--r-card);padding:18px;display:flex;flex-direction:column;gap:14px;overflow:hidden}.amount-card{position:relative;background:var(--primary-tint-6, rgba(26, 28, 30, .05));border:1px solid transparent;border-radius:var(--r-lg);padding:16px;display:flex;flex-direction:column;gap:5px}.amount-card:has(.timer-ring){padding-right:84px}.amount-card .amount-label{color:var(--muted)}.cur-sign{font-size:.4em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-self:baseline}.amt-frac{font-size:.46em;font-weight:600;color:var(--muted);letter-spacing:0}.amt-int{font-weight:700}.amount-label{font-size:var(--fs-sm);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.amount-value{font-size:var(--fs-xl);font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.05;display:flex;align-items:baseline;gap:3px}.amount-sub{font-size:var(--fs-sm);font-weight:500;color:var(--muted)}.amount-sub.id-copy{align-self:flex-start;max-width:100%;display:flex;align-items:center;justify-content:flex-start;text-align:left;overflow-wrap:anywhere;gap:4px;border:none;background:transparent;cursor:pointer;border-radius:8px;margin:0 -6px;padding:2px 6px;transition:background .15s,color .15s}.amount-sub.id-copy .copy{color:var(--faint);padding:0}.amount-sub.id-copy:hover{background:#f1f5f9;color:var(--ink)}.amount-sub.id-copy:hover .copy{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--r-md);padding:13px 18px;font:inherit;font-size:var(--fs-lg);font-weight:700;cursor:pointer;text-decoration:none;transition:background .15s,opacity .15s}.btn.block{width:100%}.btn.primary{background:var(--primary);color:var(--primary-foreground, #fff)}.btn.primary:hover{background:var(--primary-press)}.btn.primary:disabled{background:color-mix(in srgb,var(--primary) 42%,#ffffff);cursor:default}.btn.ghost{background:#fff;color:var(--primary);border:1.5px solid var(--primary)}.btn.ghost:hover{background:var(--soft)}.btn.success{background:var(--primary);color:var(--primary-foreground, #fff);flex:1 1 auto}.btn.success:hover{background:var(--primary-press)}.btn.outline{background:#fff;color:#475569;border-color:var(--line);flex:0 0 auto;padding-left:26px;padding-right:26px}.btn-row{display:flex;gap:12px}.trust-block{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;padding:13px 18px;margin:0 -18px -18px;background:var(--soft);border-top:1px solid var(--line)}.trust-item{display:inline-flex;align-items:center;gap:5px;color:var(--pfaint, #93a099);font-weight:500;font-size:var(--fs-sm)}.trust-item svg{color:var(--pfaint, #93a099)}.ssl{color:var(--primary-vivid, var(--green));font-weight:600;font-size:var(--fs-md)}.pay-logos{display:flex;gap:8px;border-top:1px solid var(--line);padding-top:12px}.paylogo{border:1px solid var(--line);border-radius:8px;padding:6px 12px;font-weight:800;font-size:var(--fs-md);letter-spacing:.04em}.paylogo.visa{color:#1a1f71}.paylogo.mc{color:#eb001b}.paylogo.mir{color:#0f754e}.paylogo.sbp{color:#5b2d8e}.card-foot{display:flex;flex-direction:column;gap:12px}.post-claim{display:flex;flex-direction:column;gap:8px}.thanks{font-weight:700}.receipt{display:flex;flex-direction:column;gap:10px;margin-top:4px}.receipt h3{font-size:var(--fs-lg)}.receipt-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px}.receipt-head h3{margin:0}.receipt-head .guide-link{margin:0;padding:4px 0;flex-shrink:0}.rich-link{color:#2563eb;text-decoration:underline;text-underline-offset:2px;word-break:break-word}.rich-link:hover{color:#1d4ed8}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;min-height:78px;padding:30px 16px;border:1.5px dashed var(--line);border-radius:12px;background:var(--soft);color:var(--muted);cursor:pointer;transition:border-color .15s}.dropzone:hover{border-color:var(--primary)}.dropzone.has{border-style:solid;border-color:var(--ink);color:var(--ink);font-weight:600;padding:18px 16px}.dz-ico{display:inline-flex;color:var(--faint);margin-bottom:2px}.dz-main{font-size:var(--fs-lg);font-weight:600;color:var(--ink)}.dz-hint{font-size:var(--fs-sm);color:var(--faint)}.receipt-err{color:var(--red);font-size:var(--fs-md)}.receipt.done{flex-direction:row;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.done-check{flex:none;width:34px;height:34px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center}.done-text{display:flex;flex-direction:column;gap:1px}.done-title{font-weight:600;font-size:var(--fs-lg);color:var(--ink)}.done-sub{font-size:var(--fs-md);color:var(--muted)}.small-icon{width:32px;height:32px;font-size:18px;margin:0}.page-foot{text-align:center;color:var(--muted);font-size:var(--fs-sm);font-weight:500;margin:12px auto 0}.deeplink-hero{display:grid;gap:12px}.deeplink-cta{display:flex;flex-direction:column;gap:10px}.qr-wrap{display:none}.qr-wrap.show{display:flex}@container form (min-width: 760px){.form-header,.page-foot{max-width:460px}.form-header.wide,.page-foot.wide{max-width:860px}.card.deeplink-layout{max-width:860px;display:grid;gap:16px;grid-template-columns:1.1fr minmax(260px,.9fr);grid-template-areas:"head head" "title title" "info info" "hero hero" "req warn" "apps apps" "acc acc" "foot foot";align-items:start}.card.deeplink-layout>.pay-from-info{grid-area:info}.card.deeplink-layout>.pay-apps{grid-area:apps}.card.deeplink-layout>.form-header{grid-area:head;max-width:none;width:auto;margin:0;padding:0 2px 4px}.card.deeplink-layout>.form-title{grid-area:title;margin:0;padding:0 2px}.card.deeplink-layout>.amount-card{grid-area:amount}.card.deeplink-layout>.deeplink-hero{grid-area:hero;grid-template-columns:1fr;justify-items:center;align-items:center}.card.deeplink-layout .deeplink-cta{display:none}.card.deeplink-layout .qr-heading{display:block;font-size:var(--fs-lg);font-weight:700;color:var(--ink);text-align:center;margin-top:6px}.card.deeplink-layout>.req-block{grid-area:req;align-self:stretch;min-width:0}.card.deeplink-layout>.warn{grid-area:warn}.card.deeplink-layout>.accordion{grid-area:acc}.card.deeplink-layout>.card-foot{grid-area:foot}.card.deeplink-layout .live-status{justify-content:flex-start;background:transparent;border:none;padding:2px 2px 0;font-size:var(--fs-md)}.card.deeplink-layout .post-claim{max-width:none;width:100%;background:var(--card);border-radius:18px;box-shadow:0 6px 22px #0f172a0a;padding:22px 24px 24px}.deeplink-layout .qr-wrap{display:flex!important}}.hint{text-align:center;font-size:var(--fs-md);font-weight:500;line-height:1.4;color:var(--muted);margin-top:-4px}.qr-wrap{flex-direction:column;align-items:center;gap:8px;padding:0}.qr-wrap .muted.small{font-size:var(--fs-md);font-weight:500;line-height:1.4;text-align:center;max-width:170px}.qr{padding:8px;background:#fff;border:none;border-radius:var(--r-lg)}.qr.qr-img{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.qr.qr-img img{width:176px;height:176px;display:block;opacity:0;transition:opacity .2s ease}.qr.qr-img img.shown{opacity:1}.qr-skeleton{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:10px;background:linear-gradient(100deg,#eef1f6 30%,#f7f9fc,#eef1f6 70%);background-size:200% 100%;animation:qr-shimmer 1.2s infinite linear}@keyframes qr-shimmer{to{background-position:-200% 0}}.sk{display:block;border-radius:var(--r-sm);background:linear-gradient(100deg,#e6e8ee 30%,#f2f4f8,#e6e8ee 70%);background-size:200% 100%;animation:sk-shimmer 1.3s infinite linear}@keyframes sk-shimmer{to{background-position:-200% 0}}.card.skeleton{animation:sk-fade .25s ease both}@keyframes sk-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.status-icon{animation:status-pop .4s cubic-bezier(.2,.9,.25,1) both}@keyframes status-pop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.sk,.card.skeleton,.status-icon{animation:none}.sk{background:#e6e8ee}}.qr-fallback{display:flex;flex-direction:column;align-items:center;gap:8px;width:176px;text-align:center;font-size:var(--fs-md);color:var(--muted)}.qr-lead{display:flex;align-items:center;gap:8px;font-weight:600;font-size:var(--fs-lg)}.req-block{border:1px solid var(--line);border-radius:var(--r-lg);padding:4px 20px;box-sizing:border-box}.row{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:12px 0}.row+.row:before{content:"";position:absolute;top:0;left:12px;right:12px;height:1px;background:var(--line)}.row-label{color:var(--muted);font-size:var(--fs-md);font-weight:500;flex:0 0 auto}.row-value{position:relative;display:flex;align-items:center;justify-content:space-between;gap:9px;font-weight:600;font-size:var(--fs-lg);min-width:0}.row-value b{font-weight:inherit;flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.row-value.mono b{font-family:var(--num-font);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.copy{flex-shrink:0;border:none;background:transparent;color:var(--faint);font-size:var(--fs-lg);cursor:pointer;padding:2px 4px;display:inline-flex;align-items:center;justify-content:center;transition:color .15s}.copy:hover{color:var(--muted)}.copy.copy-done{color:var(--ink);gap:4px;white-space:nowrap;font-size:var(--fs-sm);font-weight:600}.row-copy{cursor:pointer;border-radius:var(--r-md);margin:0 -12px;padding-left:12px;padding-right:12px;transition:background .15s}.row-copy:hover{background:transparent}.row-copy:hover .copy{color:var(--ink)}.row-copy.copied .copy{opacity:0}.copy-badge{position:absolute;right:0;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:5px;background:var(--ink);color:#fff;font-size:var(--fs-sm);font-weight:600;padding:5px 11px;border-radius:999px;white-space:nowrap;box-shadow:0 6px 16px #10182838;pointer-events:none;animation:copy-pop .22s cubic-bezier(.2,.9,.25,1)}.copy-badge svg{color:#fff}@keyframes copy-pop{0%{transform:translateY(-50%) scale(.7);opacity:0}to{transform:translateY(-50%) scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.copy-badge{animation:none}}.warn{display:flex;gap:9px;background:transparent;border:none;border-left:2px solid var(--primary);color:var(--muted);border-radius:0;padding:2px 0 2px 12px;font-size:var(--fs-md);font-weight:500;line-height:1.5}.warn b,.warn strong{color:var(--ink);font-weight:600}.warn svg{color:var(--primary);flex:none}.expired-note{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--ink);font-size:var(--fs-lg);font-weight:700}.warn-ico{flex-shrink:0;color:#92400e;margin-top:1px}.lang,.secure,.ssl,.timer,.accordion-title,.file-name{display:inline-flex;align-items:center;gap:6px}.ssl{align-items:flex-start}.ssl>svg{margin-top:1px;flex-shrink:0}.page-foot{display:flex;align-items:center;justify-content:center;gap:6px}.accordion{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.accordion-head{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--card);border:none;color:var(--ink);padding:14px 20px 14px 14px;font:inherit;font-weight:700;font-size:var(--fs-lg);cursor:pointer}.accordion-title svg{color:var(--primary)}.accordion.open .chevron{transform:rotate(180deg)}.chevron{transition:transform .3s ease;color:var(--muted)}.accordion-body-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}.accordion.open .accordion-body-wrap{grid-template-rows:1fr}.accordion-body{overflow:hidden;padding:0 16px;transition:padding .35s ease}.accordion.open .accordion-body{padding:6px 16px 14px}.steps{margin-left:18px;display:flex;flex-direction:column;gap:6px;font-size:var(--fs-md);color:#334155}.steps-num{list-style:none;display:flex;flex-direction:column}.steps-num li{display:flex;align-items:flex-start;gap:13px;padding:13px 0}.steps-num li+li{border-top:1px solid var(--line)}.step-num{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:color-mix(in srgb,var(--primary) 13%,transparent);color:var(--primary);font-family:var(--num-font);font-variant-numeric:tabular-nums;font-size:var(--fs-sm);font-weight:600;display:inline-flex;align-items:center;justify-content:center;margin-top:1px}.step-text{font-size:var(--fs-md);font-weight:500;line-height:1.5;color:var(--muted);padding-top:1px}.pending{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:16px 0}.spinner{width:38px;height:38px;border:3px solid var(--line);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.bank-picker{display:flex;flex-direction:column;gap:10px}.bank-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@container form (max-width: 380px){.bank-grid{grid-template-columns:1fr}}.bank-btn{display:flex;align-items:center;gap:10px;justify-content:flex-start;padding:12px 14px;border:1px solid var(--line);background:var(--card, #fff);border-radius:var(--r-md);font-weight:600;cursor:pointer}.bank-btn:hover{border-color:var(--primary)}.bank-btn.selected{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary) inset;background:color-mix(in srgb,var(--primary) 8%,var(--card, #fff))}.bank-btn span{flex:1;text-align:left}.bank-pay{display:flex;flex-direction:column;gap:10px}.bank-pay-btn{width:100%;gap:8px;background:var(--bp-bg, var(--primary));color:var(--bp-fg, var(--primary-foreground, #fff));border:1px solid transparent;height:47px;padding-top:0;padding-bottom:0}.bank-pay-btn:hover{background:var(--bp-hover, var(--primary-press))}.bp-label{font-weight:700}.bp-wordmark{font-weight:800;font-size:15px;letter-spacing:.2px}.bank-pay-btn svg{display:block;flex:none}.pay-logo-tbank{height:30px;width:auto;display:block;flex:none}.pay-badge-alfa{display:inline-flex;align-items:center;flex:none;background:#fff;border-radius:6px;padding:7px 11px}.pay-badge-alfa img{height:16px;width:auto;display:block;transform:translateY(2px)}.bank-picker .actions{margin-top:4px}.bank-picker .act-pay:disabled{opacity:.5;cursor:default}.bank-opening{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:12px 0}.bank-opening-spinner{margin:6px auto}.actions{display:flex;flex-direction:column;align-items:stretch;gap:8px}.actions .timer{align-self:center;display:flex;justify-content:center;margin-bottom:2px}.act-pay{width:100%}.act-cancel{align-self:center;width:auto;background:transparent;border:none;color:var(--muted);font-weight:600;font-size:var(--fs-md);padding:8px 14px}.act-cancel:hover{color:var(--ink);background:transparent;text-decoration:underline;text-underline-offset:3px}.timer{color:var(--muted);font-weight:600}.timer-val{color:var(--red);font-weight:800;font-variant-numeric:tabular-nums}.timer.urgent{color:var(--red)}.timer-ring{position:relative;width:56px;height:56px;flex:none;display:grid;place-items:center}.tr-svg{position:absolute;top:0;right:0;bottom:0;left:0}.tr-track{fill:none;stroke:#eef1f5;stroke-width:5}.tr-fill{fill:none;stroke:var(--green);stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .3s}.tr-time{font-family:var(--num-font);font-size:var(--fs-sm);font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.3px;z-index:1}.timer-ring.urgent .tr-fill{stroke:var(--red)}.timer-ring.urgent .tr-time{color:var(--red)}.amount-card .timer-ring{position:absolute;top:50%;right:16px;transform:translateY(-50%)}.live-status{display:flex;align-items:center;justify-content:flex-start;gap:8px;font-size:var(--fs-md);font-weight:500;color:var(--muted);padding:2px}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);flex:none;animation:live-pulse 1.6s infinite}@keyframes live-pulse{0%{box-shadow:0 0 0 0 var(--primary-dot)}70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#0f172a;color:#fff;padding:10px 16px;border-radius:12px;font-size:var(--fs-md);font-weight:600;display:inline-flex;align-items:center;gap:8px;box-shadow:0 12px 30px #0f172a4d;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:100}.toast.show{opacity:1;transform:translate(-50%)}.toast svg{color:var(--primary-vivid)}.muted{color:var(--muted);font-weight:500}.small{font-size:var(--fs-md)}.status{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;padding:26px 10px 22px}.status-title{font-size:17px;font-weight:700;letter-spacing:-.01em;line-height:1.3;color:var(--ink);text-wrap:balance}.st-amount{font-family:var(--num-font);font-variant-numeric:tabular-nums;font-weight:700}.status-sub{font-size:var(--fs-md);color:var(--muted);font-family:var(--num-font);font-variant-numeric:tabular-nums}.status-back{margin-top:6px;max-width:240px}.status-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:#fff;margin-bottom:4px}.status-icon.success{background:var(--green)}.status-icon.error{background:var(--red)}.form-title,.pay-heading{display:none}.form-title-left h1{font-size:var(--fs-lg);font-weight:800;letter-spacing:-.02em;color:var(--ink);line-height:1.1}.form-id{margin-top:6px;display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-family:var(--num-font);font-variant-numeric:tabular-nums;font-weight:500;font-size:var(--fs-md)}.form-id .copy{border:none;background:none;color:var(--muted);cursor:pointer;display:inline-flex;padding:2px}.form-title-right{display:flex;align-items:center;gap:18px}.form-title-amount{display:flex;flex-direction:column;align-items:flex-end}.qr-heading{display:none}.form-title-amount .amount-value{font-size:var(--fs-xl);margin-top:4px}.form-title-amount .cur-sign{font-size:1em;font-weight:800;color:var(--ink)}.pay-heading{font-size:var(--fs-lg);font-weight:600;color:#475569}.deeplink-cta .pay-heading{text-align:center}.deeplink-cta:empty{display:none}@container form (min-width: 760px){.form-title{display:flex;justify-content:space-between;align-items:flex-end;width:100%;max-width:860px;margin:0 auto;padding:0 4px}.pay-heading{display:block}.card.deeplink-layout>.amount-card{display:none}.card.deeplink-layout>.deeplink-hero{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px}.card.deeplink-layout .deeplink-cta .btn.primary.block{width:auto;align-self:flex-start;padding:16px 28px}.card.deeplink-layout .deeplink-cta .hint{text-align:left;font-size:var(--fs-md);max-width:300px;margin-top:14px}.page-foot.wide{display:none}.card.deeplink-layout{background:#eef1f5;border:none;border-radius:18px;box-shadow:0 30px 60px -28px #0f172a47,0 0 0 1px #0f172a0d;padding:26px 32px 32px;flex:none}.card.deeplink-layout>.req-block,.card.deeplink-layout>.accordion{background:var(--card);box-shadow:0 6px 22px #0f172a0a}.card.deeplink-layout>.warn{align-self:stretch}.card.deeplink-layout>.accordion .accordion-head{background:var(--card)}.card.deeplink-layout>.deeplink-hero{box-shadow:0 6px 22px #0f172a0a}.card.deeplink-layout>.deeplink-hero .qr-wrap{align-items:center;text-align:center}.card.deeplink-layout .accordion-body .steps-num{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,auto);grid-auto-flow:column;gap:0 32px}.card.deeplink-layout .accordion-body .steps-num li{border-top:none;border-bottom:1px solid #f1f5f9}.card.deeplink-layout .accordion-body .steps-num li:last-child{border-bottom:none}}.pay-from-bank{font-size:var(--fs-md);font-weight:500;color:var(--ink);background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:8px 12px}.pay-from-bank b{font-weight:700}.sender-bank-caption{margin:4px 0 0;font-size:var(--fs-md);font-weight:500;color:var(--muted)}.sender-bank-caption b{font-weight:600;color:var(--ink)}.bank-apps{display:flex;flex-direction:column;align-items:center;gap:10px}.pay-from-info{margin:4px 0 0}.bank-apps-title{font-size:var(--fs-md);font-weight:600;color:var(--ink);margin:0}.bank-apps-row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.bank-app{display:flex;flex-direction:column;align-items:center;gap:6px}.bank-app-logo{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:22px;box-shadow:0 1px 3px #10182824}.bank-app-name{font-size:var(--fs-md);font-weight:500;color:var(--muted)}.pay-from-info{align-items:stretch;gap:9px}.pay-from-info .bank-apps-title{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-weight:500;color:var(--muted);font-size:var(--fs-md)}.pay-from-info .bank-apps-title svg{color:var(--primary);flex:none}.pay-from-info .bank-apps-row{justify-content:flex-start;gap:8px}.pay-from-info .bank-app{flex-direction:row;align-items:center;gap:8px;padding:7px 12px 7px 8px;border:1px solid var(--line);border-radius:12px;background:var(--card)}.pay-from-info .bank-app-name{font-size:var(--fs-md);font-weight:600;color:var(--ink)}.pay-from-info .bank-app-logo{width:28px;height:28px;border-radius:8px;font-size:14px}.pay-from-info .bank-icon-crop,.pay-from-info .bank-icon-inline{width:28px;height:28px}.pay-from-info .bank-icon-crop img{height:28px}.bank-app-logo-img{background:transparent!important;box-shadow:0 1px 3px #10182824;padding:0;overflow:hidden}.bank-app-logo-img svg{display:block;width:100%;height:100%}.bank-logo-img{height:26px;width:auto;max-width:160px;object-fit:contain;display:block}.bank-apps-row{align-items:center}.bank-icon-crop{height:40px;overflow:hidden;display:inline-flex;align-items:center;border-radius:8px}.bank-icon-crop img{height:40px;width:auto;max-width:none;display:block}.bank-icon-crop[data-bank=Сбер],.bank-icon-crop[data-bank=Сбербанк]{width:42px}.bank-icon-crop[data-bank=ВТБ]{width:36px}.bank-icon-inline{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center}.guide-link{display:inline-flex;align-items:center;gap:6px;margin:10px auto 0;padding:6px 8px;background:none;border:0;cursor:pointer;color:var(--primary);font:inherit;font-size:var(--fs-md);font-weight:600}.guide-link:hover{text-decoration:underline}.guide-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0f172a73;display:flex;align-items:flex-end;justify-content:center}.guide-sheet{width:100%;max-height:88vh;display:flex;flex-direction:column;background:var(--card);border-radius:16px 16px 0 0;box-shadow:0 -8px 40px #0f172a47;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0px)}@media (min-width: 560px){.guide-backdrop{align-items:center;padding:16px}.guide-sheet{max-width:420px;max-height:82vh;border-radius:16px;box-shadow:0 20px 50px #0f172a40;padding-bottom:0}}.guide-head{display:flex;align-items:center;gap:8px;padding:12px 12px 10px;border-bottom:1px solid var(--line)}.guide-head h3{flex:1;margin:0;text-align:center;font-size:var(--fs-lg);font-weight:700}.guide-icon-btn{width:32px;height:32px;flex:none;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;border-radius:8px;cursor:pointer;color:var(--muted)}.guide-icon-btn:hover{background:var(--soft);color:var(--ink)}.guide-icon-btn.placeholder{pointer-events:none}.guide-body{padding:14px;overflow-y:auto}.guide-step{margin:0 0 10px;font-size:var(--fs-md);font-weight:600;color:var(--muted)}.guide-row{width:100%;margin-bottom:8px;padding:12px 14px;display:flex;align-items:center;gap:10px;background:var(--soft);border:1px solid var(--line);border-radius:10px;font:inherit;font-size:var(--fs-md);font-weight:600;color:var(--ink);text-align:left;cursor:pointer}.guide-row:hover{border-color:var(--primary);background:#fff}.guide-banks{display:flex;flex-direction:column}.guide-steps{margin:0 0 12px;padding-left:20px}.guide-steps li{margin-bottom:8px;font-size:var(--fs-md);line-height:1.45}.guide-note{margin:0 0 12px;padding:10px 12px;background:var(--warn-bg);border:1px solid var(--warn-line);border-radius:10px;color:var(--warn-ink);font-size:var(--fs-md)}.warn-more{margin:8px 0 0;padding-top:8px;border-top:1px solid var(--warn-line)}.receipt+.guide-link{display:flex}.device-switch{margin-top:12px}.device-tabs{display:flex;gap:6px;padding:4px;border-radius:10px;background:var(--surface-2, rgba(127, 127, 127, .08));margin-bottom:12px}.device-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 8px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:var(--fs-md);font-weight:500;line-height:1.2;cursor:pointer;transition:background .15s,color .15s}.device-tab.active{background:var(--card, #fff);color:var(--foreground, #111);font-weight:600;box-shadow:0 1px 2px #00000014}.device-steps{text-align:left;width:fit-content;margin:0 auto 12px;padding-left:22px;color:var(--muted);font-size:var(--fs-md);font-weight:500;line-height:1.65}.device-steps li+li{margin-top:2px}@media (max-width: 380px){.device-tab{font-size:12px;padding:8px 4px}}.demo-studio{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:start}@media (max-width: 860px){.demo-studio{grid-template-columns:1fr}}.demo-field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#475569}.demo-field select,.demo-field textarea{font:inherit;font-weight:500;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:transparent;color:inherit}.demo-check{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#334155;cursor:pointer}.demo-preview{min-width:0}.pay-apps{margin:6px 0 4px}.pay-apps .pay-heading{margin-bottom:8px}.demo-banks-list{display:flex;flex-direction:column;gap:2px;padding:4px 0}.demo-bank-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:3px 0}.demo-btn-check{color:#64748b;font-size:12px}.demo-btn-check.off{opacity:.4}.demo-field .demo-text{font:inherit;font-weight:500;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:transparent;color:inherit}.demo-steps-modes{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.demo-steps-list{display:flex;flex-direction:column;gap:6px}.demo-step-row{display:flex;align-items:center;gap:6px}.demo-step-row .demo-text{flex:1;min-width:0;padding:6px 8px}.demo-step-num{flex:0 0 20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);font-size:11px;font-weight:700}.demo-step-del{border:none;background:transparent;color:var(--muted);font-size:13px;line-height:1;cursor:pointer;padding:4px 6px;border-radius:6px}.demo-step-del:hover{background:#fee2e2;color:#b91c1c}.demo-gate{max-width:380px;margin:48px auto;display:flex;flex-direction:column;gap:10px;background:var(--card, #fff);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 1px 3px #0f172a0f}.demo-gate h2{font-size:17px;font-weight:800;margin:0}.demo-gate .btn.primary{align-self:flex-start}.demo-studio.config-collapsed{grid-template-columns:min-content 1fr}.demo-collapse{border:none;background:transparent;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;padding:4px 6px;border-radius:8px}.demo-collapse:hover{background:#f1f5f9;color:var(--ink)}.demo-reopen{align-self:start;position:sticky;top:16px;writing-mode:vertical-rl;transform:rotate(180deg);padding:12px 8px;border:1px solid var(--line);border-radius:12px;background:var(--card, #fff);color:#475569;font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 1px 3px #0f172a0f}.demo-reopen:hover{color:var(--primary);border-color:var(--primary)}.demo-preview-wrap{min-width:0;display:flex;flex-direction:column;gap:10px;position:sticky;top:16px;align-self:start}@media (max-width: 860px){.demo-preview-wrap{position:static}}.demo-preview-scroll{align-self:stretch;overflow-x:auto}.demo-width-bar{align-self:stretch;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;background:var(--card, #fff);border:1px solid var(--line);border-radius:12px}.demo-w-chip{border:1px solid var(--line);background:transparent;color:#475569;font:inherit;font-size:12px;font-weight:600;padding:4px 8px;border-radius:8px;cursor:pointer}.demo-w-chip:hover{border-color:var(--primary)}.demo-w-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.demo-w-range{flex:1 1 140px;min-width:120px;accent-color:var(--primary)}.demo-preview{flex:0 0 auto}.demo-panel{position:sticky;top:16px;align-self:start;background:var(--card, #fff);border:1px solid var(--line);border-radius:16px;box-shadow:0 1px 3px #0f172a0f;overflow:hidden;display:flex;flex-direction:column}.demo-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;background:color-mix(in srgb,var(--muted) 6%,var(--card, #fff));border-bottom:1px solid var(--line)}.demo-tb-scn{display:flex;align-items:center;gap:8px;margin-right:auto;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.demo-tb-scn select{font:inherit;font-size:13px;font-weight:600;text-transform:none;letter-spacing:0;color:var(--ink);padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--card, #fff);min-width:190px}.demo-badge{font-size:11px;font-weight:600;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent);border-radius:999px;padding:3px 9px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.demo-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--primary)}.demo-tb-actions{display:flex;align-items:center;gap:8px}.demo-tb-btn{font:inherit;font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--line);background:var(--card, #fff);color:#475569;border-radius:9px;padding:6px 10px;display:inline-flex;align-items:center;gap:6px;transition:border-color .15s,color .15s,background .15s}.demo-tb-btn:hover{border-color:var(--primary);color:var(--ink)}.demo-tb-btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.demo-tb-btn.primary:hover{filter:brightness(1.05)}.demo-tabs{display:flex;gap:2px;padding:8px 12px 0;flex-wrap:wrap;border-bottom:1px solid var(--line)}.demo-tab{position:relative;font:inherit;font-size:13px;font-weight:600;border:0;background:transparent;color:var(--muted);padding:8px 12px;border-radius:8px 8px 0 0;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.demo-tab:hover:not(:disabled){color:var(--ink)}.demo-tab[aria-selected=true]{color:var(--ink)}.demo-tab[aria-selected=true]:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;background:var(--primary);border-radius:2px}.demo-tab:disabled{color:color-mix(in srgb,var(--muted) 55%,transparent);cursor:not-allowed}.demo-tab-lock{opacity:.7}.demo-pane{padding:16px;display:flex;flex-direction:column;gap:14px}.demo-locked{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:var(--muted);background:color-mix(in srgb,var(--muted) 6%,transparent);border:1px dashed var(--line);border-radius:12px;padding:22px 18px}.demo-locked p{margin:0;font-size:13px;line-height:1.45}.demo-locked svg{color:var(--muted)}body.demo-dark{background:#0d0f13;min-height:100vh}.demo-page,.demo-gate{--card: #171a20;--line: #272c35;--muted: #8b93a0;--ink: #e7e9ee;--ink-soft: #bcc2cc;--inset: #12151b;--primary: #2bbd6a;--primary-press: #22a15a;color:var(--ink)}.demo-page{min-height:100vh;background:#0d0f13;padding:20px;display:flex;flex-direction:column;gap:14px}.demo-preview{--card: #ffffff;--line: #e6e8eb;--muted: #6b7280;--ink: #1a1c1e;--ink-soft: #475569;--primary: #1a1c1e;--primary-press: #0b0c0d;--bg: #eceef1;--soft: #f4f5f7;color:var(--ink)}.demo-preview .page{background:transparent}.demo-preview-cap{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:2px 2px 0}.demo-preview-scroll{align-self:stretch;overflow-x:auto;display:flex;justify-content:center;padding:20px;border-radius:16px;border:1px solid var(--line);background:radial-gradient(circle at 1px 1px,var(--line) 1px,transparent 0) 0 0 / 16px 16px,var(--inset)}.demo-field,.demo-check{color:var(--ink-soft)}.demo-btn-check{color:var(--muted)}.demo-tb-btn,.demo-w-chip,.demo-reopen{color:var(--ink-soft)}.demo-collapse:hover{background:color-mix(in srgb,var(--muted) 16%,transparent);color:var(--ink)}.demo-step-del:hover{background:#f0616d29;color:#f0616d}.demo-width-bar{align-self:stretch}.demo-w-range{flex:0 1 300px;min-width:180px;max-width:380px;height:22px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.demo-w-range::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:var(--line)}.demo-w-range::-moz-range-track{height:6px;border-radius:999px;background:var(--line)}.demo-w-range::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin-top:-7px;width:20px;height:20px;border-radius:50%;background:var(--primary);border:3px solid var(--card);box-shadow:0 1px 4px #0006;cursor:grab}.demo-w-range::-webkit-slider-thumb:active{cursor:grabbing}.demo-w-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary);border:3px solid var(--card);box-shadow:0 1px 4px #0006;cursor:grab}.demo-w-val{min-width:48px;text-align:right;font-variant-numeric:tabular-nums}.demo-field textarea,.demo-field .demo-text,.demo-text{background:var(--card);color:var(--ink);border-color:var(--line)}.demo-field select,.demo-tb-scn select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:var(--card);color:var(--ink);border:1px solid var(--line);background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 16px) 55%,calc(100% - 11px) 55%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:32px}.demo-check input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:17px;height:17px;flex:none;border:1.5px solid var(--line);border-radius:5px;background:var(--card);cursor:pointer;position:relative;transition:background .15s,border-color .15s}.demo-check input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary)}.demo-check input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.demo-check input[type=checkbox]:disabled{opacity:.45;cursor:not-allowed}.warn code,.post-claim code,.hint code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;background:#0f172a0f;padding:1px 5px;border-radius:5px}.qr-wrap .device-switch{width:100%;max-width:320px;margin:14px auto 0}.qr-wrap .qr-save{width:100%;margin-top:6px}.page.mfs{--mfs-accent: #e8332a}.mfs-card{width:100%;max-width:470px;margin:0 auto;background:#fff;border-radius:22px;border-top:4px solid var(--mfs-accent);box-shadow:0 18px 50px #14143247;overflow:hidden;color:#14142b}.mfs-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:22px 22px 18px}.mfs-brand{display:flex;gap:12px;align-items:center}.mfs-logo{width:46px;height:46px;object-fit:contain;border-radius:10px}.mfs-logo-fallback{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--mfs-accent);color:#fff;font-weight:800;font-size:22px}.mfs-brand-text b{display:block;font-size:17px;font-weight:800;line-height:1.25}.mfs-brand-text span{display:block;font-size:13px;color:#6b6b83;margin-top:3px;line-height:1.35}.mfs-lang{display:inline-flex;border:1px solid #e4e4ee;border-radius:999px;overflow:hidden;flex:none}.mfs-lang button{border:0;background:#fff;color:#6b6b83;font-size:13px;font-weight:700;padding:6px 12px;cursor:pointer}.mfs-lang button.on{background:var(--mfs-accent);color:#fff}.mfs-req{padding:18px 22px;border-top:1px solid #eef0f4}.mfs-req-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.mfs-mini{display:block;font-size:13px;color:#6b6b83}.mfs-number{display:block;font-size:26px;font-weight:800;letter-spacing:.5px;margin-top:2px}.mfs-amount-label{margin-top:12px}.mfs-amount{display:block;font-size:24px;font-weight:800;color:var(--mfs-accent);margin-top:2px}.mfs-copy{flex:none;display:inline-flex;align-items:center;gap:6px;cursor:pointer;border:1.5px solid var(--mfs-accent);color:var(--mfs-accent);background:#fff;border-radius:12px;padding:9px 16px;font-weight:700;font-size:14px}.mfs-copy:active{background:#fff4f3}.mfs-trx{padding:18px 22px;border-top:1px solid #eef0f4}.mfs-trx-head{display:flex;align-items:center;gap:8px;font-weight:800;font-size:15px;color:var(--mfs-accent);flex-wrap:wrap}.mfs-trx-head svg{color:var(--mfs-accent)}.mfs-required{color:var(--mfs-accent);font-weight:700}.mfs-trx-label{display:block;font-weight:800;font-size:14px;margin:14px 0 4px;color:#14142b}.mfs-trx-hint{font-size:13px;color:#6b6b83;margin:0 0 10px;line-height:1.4}.mfs-input{width:100%;box-sizing:border-box;border:1.5px solid #dcdce6;border-radius:12px;padding:14px 16px;font-size:16px;color:#14142b;outline:none}.mfs-input:focus{border-color:var(--mfs-accent)}.mfs-err{color:var(--mfs-accent);font-size:13px;margin:8px 0 0}.mfs-note{color:var(--ink);font-size:13px;margin:8px 0 0}.mfs-confirm{width:100%;margin-top:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--mfs-accent);color:#fff;border:0;border-radius:14px;padding:15px 16px;font-size:16px;font-weight:800;cursor:pointer}.mfs-confirm:disabled{opacity:.6;cursor:default}.mfs-how{padding:18px 22px 22px;border-top:1px solid #eef0f4}.mfs-how h3{margin:0 0 12px;font-size:16px;font-weight:800}.mfs-step{display:flex;gap:12px;margin-bottom:12px}.mfs-step-n{flex:none;width:24px;height:24px;border-radius:999px;background:var(--mfs-accent);color:#fff;font-weight:800;font-size:13px;display:grid;place-items:center}.mfs-step p{margin:0;font-size:14px;color:#2a2a3c;line-height:1.45}.mfs-caution{margin-top:10px;background:#f4f5f8;border-radius:12px;padding:12px 14px;font-size:13px;font-weight:700;color:#3a3a52;line-height:1.45}.mfs-result{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:30px 22px 26px;border-top:1px solid #eef0f4}.mfs-result:first-child{border-top:0}.mfs-result-title{font-size:21px;font-weight:800;line-height:1.3;color:#14142b}.mfs-result-id{font-size:13px;color:#6b6b83}.mfs-expired-icon{background:var(--mfs-accent);width:60px;height:60px}.mfs-grace{padding:18px 22px 22px;border-top:1px solid #eef0f4}.mfs-grace .mfs-trx-head{margin-bottom:4px}.mfs-grace-note{margin:0 22px 22px}.bank-pay-item{display:flex;flex-direction:column;gap:6px}.bp-loading{display:inline-flex;align-items:center;justify-content:center;gap:8px}.bp-spin{animation:bp-spin .8s linear infinite}@keyframes bp-spin{to{transform:rotate(360deg)}}.bank-pay-btn[disabled]{opacity:.85;cursor:default}.bank-pay-hint{margin:0;font-size:13px;line-height:1.4;color:var(--muted);text-align:center}.other-device{display:flex;flex-direction:column;gap:10px;margin:4px 0}.other-device-qr{display:flex;flex-direction:column;align-items:center;gap:8px}.other-device-qr .hint{text-align:center;margin:0}