:root{--ink: #10201d;--ink-soft: #4a5f5a;--quiet: #78908a;--hair: #dfe8e5;--paper: #fbfcfb;--card: #ffffff;--brand: #0a6358;--brand-dark: #06403a;--brand-wash: #e1f5ee;--warn: #bf8a30;--warn-wash: #faeeda;--r: 14px;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;display:flex;justify-content:center;align-items:flex-start;padding:24px 16px 48px}.tabular{font-variant-numeric:tabular-nums}.sheet{width:100%;max-width:420px}.who{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;margin-bottom:22px}.who__logo{width:56px;height:56px;border-radius:12px;object-fit:contain;background:var(--card);border:1px solid var(--hair)}.who__initial{width:56px;height:56px;border-radius:12px;display:grid;place-items:center;background:var(--brand-wash);color:var(--brand);font-weight:700;font-size:22px}.who__name{font-weight:650;letter-spacing:-.01em}.card{background:var(--card);border:1px solid var(--hair);border-radius:var(--r);padding:24px 20px}.what{text-align:center;padding-bottom:20px;border-bottom:1px solid var(--hair);margin-bottom:20px}.what__title{color:var(--ink-soft);font-size:15px}.what__amount{font-size:clamp(38px,12vw,52px);font-weight:750;letter-spacing:-.04em;line-height:1.1;margin:6px 0 2px}.what__currency{font-size:13px;color:var(--quiet);font-family:var(--mono)}.label{display:block;font-size:13px;font-weight:600;color:var(--ink-soft);margin-bottom:7px}.phone{width:100%;font:inherit;font-family:var(--mono);font-size:18px;letter-spacing:.02em;padding:13px 14px;border:1px solid var(--hair);border-radius:10px;background:var(--paper);color:var(--ink)}.phone:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.nets{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.net{font:inherit;font-size:13px;padding:7px 12px;border:1px solid var(--hair);border-radius:999px;background:var(--card);color:var(--ink-soft);cursor:pointer}.net[aria-pressed=true]{border-color:var(--brand);background:var(--brand-wash);color:var(--brand-dark);font-weight:600}.pay{width:100%;margin-top:20px;padding:15px;border:0;border-radius:10px;background:var(--brand);color:#fff;font:inherit;font-size:16px;font-weight:650;cursor:pointer}.pay:disabled{opacity:.4;cursor:default}.pay:focus-visible{outline:2px solid var(--brand-dark);outline-offset:2px}.wait{text-align:center;padding:8px 0 4px}.handset{width:132px;margin:0 auto 20px;border:2px solid var(--ink);border-radius:16px;padding:14px 10px;background:var(--card);text-align:left}.handset__bar{height:4px;width:34px;border-radius:2px;background:var(--hair);margin:0 auto 12px}.handset__line{height:6px;border-radius:3px;background:var(--hair);margin-bottom:7px}.handset__line--short{width:60%}.handset__pin{margin-top:12px;display:flex;gap:5px}.handset__dot{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--brand)}.handset__dot--on{background:var(--brand)}@keyframes fill{0%,to{background:transparent}50%{background:var(--brand)}}.handset__dot--pulse{animation:fill 2s ease-in-out infinite}.handset__dot--pulse:nth-child(2){animation-delay:.5s}.handset__dot--pulse:nth-child(3){animation-delay:1s}.handset__dot--pulse:nth-child(4){animation-delay:1.5s}.wait__what{font-weight:650;font-size:18px;letter-spacing:-.01em}.wait__why{color:var(--ink-soft);font-size:14px;margin-top:6px}.done{text-align:center;padding:8px 0}.done__tick{width:54px;height:54px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;background:var(--brand-wash);color:var(--brand);font-size:26px}.done__what{font-weight:700;font-size:20px;letter-spacing:-.02em}.receipt{margin-top:20px;border-top:1px solid var(--hair);padding-top:16px;font-size:14px}.receipt__row{display:flex;justify-content:space-between;padding:6px 0}.receipt__row span:first-child{color:var(--quiet)}.receipt__row span:last-child{font-family:var(--mono)}.notice{border-radius:10px;padding:12px 14px;font-size:14px;background:var(--warn-wash);color:#6b4c12;margin-bottom:16px}.gone{text-align:center;color:var(--ink-soft);padding:20px 0}.gone strong{display:block;color:var(--ink);font-size:18px;margin-bottom:8px}.by{text-align:center;margin-top:22px;font-size:12px;color:var(--quiet)}.by strong{color:var(--ink-soft);font-weight:650}.lang{display:block;margin:14px auto 0;font:inherit;font-size:12px;color:var(--quiet);background:none;border:0;text-decoration:underline;cursor:pointer}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.slip{text-align:center;padding-bottom:18px;border-bottom:1px solid var(--hair);margin-bottom:18px}.slip__for{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--quiet)}.slip__ref{font-family:var(--mono);font-size:21px;font-weight:600;letter-spacing:.01em;color:var(--ink);margin-top:4px;overflow-wrap:anywhere}.slip__who{font-size:14px;color:var(--ink-soft);margin-top:4px}.slip__note{font-size:13px;color:var(--quiet);margin-top:6px}.owed{font-size:12.5px;line-height:1.6;color:var(--quiet);margin:8px 0 18px}.owed strong{color:var(--ink);font-weight:650}.amount{display:flex;align-items:center;gap:10px;border:1px solid var(--hair);border-radius:10px;padding:4px 14px;background:var(--card)}.amount:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-wash)}.amount__unit{font-family:var(--mono);font-size:13px;color:var(--quiet)}.amount__field{flex:1;min-width:0;font:inherit;font-size:26px;font-weight:700;letter-spacing:-.02em;padding:9px 0;border:0;outline:none;background:none;color:var(--ink)}.hint{font-size:12.5px;color:var(--quiet);margin:7px 0 18px}.done__facts{margin:20px 0 4px;border-top:1px solid var(--hair)}.fact{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--hair);font-size:14px}.fact span{color:var(--quiet)}.fact strong{font-weight:650;text-align:right;overflow-wrap:anywhere}.done__note{font-size:13px;line-height:1.6;color:var(--ink-soft);margin-top:16px}