:root{--accent: #5b34a3;--accent-fg: #ffffff;--bg1: #f3f0fb;--bg2: #ece7f6;--card: #ffffff;--fg: #191428;--muted: #6b6580;--line: #ece8f4;--tile: #ffffff;--tile-line: #e7e2f0;--tile-hover: #faf8fe;--note-bg: #fbf4e6;--note-fg: #8a5a12;--err: #b42318;--radius: 15px;--shadow: 0 1px 2px rgba(25, 20, 40, .05), 0 18px 44px -12px rgba(59, 34, 110, .22);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}@media(prefers-color-scheme:dark){:root{--bg1: #14111d;--bg2: #0e0c16;--card: #1c1926;--fg: #f2effb;--muted: #a49dbb;--line: #2a2637;--tile: #232030;--tile-line: #35314a;--tile-hover: #29253a;--note-bg: #2c2410;--note-fg: #e8c98a;--err: #ff6b5e;--shadow: 0 1px 2px rgba(0, 0, 0, .45), 0 22px 50px -14px rgba(0, 0, 0, .6)}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg2);color:var(--fg);overflow-x:hidden}.page{min-height:100dvh;display:flex;align-items:flex-start;justify-content:center;padding:clamp(14px,4vw,48px) 16px calc(28px + env(safe-area-inset-bottom));background:radial-gradient(120% 60% at 50% -10%,var(--bg1),transparent 60%),var(--bg2)}.card{width:100%;max-width:460px;background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:clamp(20px,5.5vw,30px);display:flex;flex-direction:column;gap:16px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.brandmark{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:750;letter-spacing:-.01em;color:var(--fg)}.brand-dot{width:15px;height:15px;border-radius:5px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#ff5db1));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--card) 60%,transparent)}.brand-logo{width:22px;height:22px;object-fit:contain;display:block}.bank-img{width:40px;height:40px;object-fit:contain;border-radius:12px;display:block}.lang{display:inline-flex;gap:2px;padding:3px;background:color-mix(in srgb,var(--fg) 4%,var(--card));border:1px solid var(--tile-line);border-radius:999px}.lang-btn{border:0;background:transparent;color:var(--muted);font-size:11.5px;font-weight:700;letter-spacing:.03em;padding:5px 9px;border-radius:999px;cursor:pointer;transition:background .14s ease,color .14s ease}.lang-btn.on{background:var(--card);color:var(--fg);box-shadow:0 1px 2px #00000024}.head{display:flex;align-items:center;gap:12px}.avatar{width:46px;height:46px;border-radius:14px;background:linear-gradient(150deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#000));color:var(--accent-fg);display:grid;place-items:center;font-weight:800;font-size:17px;letter-spacing:-.02em;flex:0 0 auto;box-shadow:0 6px 16px -6px color-mix(in srgb,var(--accent) 55%,transparent)}.avatar-img{background:#fff;padding:6px;box-shadow:0 6px 16px -8px #100c2859,inset 0 0 0 1px #100c280f}.avatar-img img{width:100%;height:100%;object-fit:contain;display:block}.mname{font-weight:680;font-size:16px;line-height:1.2}.amount-block{display:flex;flex-direction:column;gap:3px;padding:2px 0}.amount{font-size:clamp(36px,11vw,48px);font-weight:820;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.order{font-size:12.5px}.bank-section{display:flex;flex-direction:column;gap:11px}.section-label{font-size:11.5px;font-weight:750;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:380px){.grid{grid-template-columns:repeat(3,1fr)}}.tile{position:relative;appearance:none;background:var(--tile);border:1.5px solid var(--tile-line);border-radius:var(--radius);padding:15px 8px 12px;display:flex;flex-direction:column;align-items:center;gap:9px;cursor:pointer;color:var(--fg);transition:border-color .14s ease,transform .09s ease,background .14s ease,box-shadow .14s ease}.tile:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--tile-line));background:var(--tile-hover);transform:translateY(-1px)}.tile:active{transform:translateY(0) scale(.985)}.tile.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--tile));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.tile.soft :is(svg,.tlabel){opacity:.62}.tcheck{position:absolute;top:7px;right:7px;width:18px;height:18px;border-radius:50%;background:var(--accent);color:var(--accent-fg);font-size:11px;line-height:18px;text-align:center;font-weight:800;transform:scale(0);transition:transform .14s cubic-bezier(.34,1.56,.64,1)}.tile.on .tcheck{transform:scale(1)}.tlabel{font-size:12px;font-weight:640;text-align:center;line-height:1.16;letter-spacing:-.01em}.note{background:var(--note-bg);color:var(--note-fg);font-size:12.5px;font-weight:640;padding:10px 12px;border-radius:11px;text-align:center}.pay{position:relative;margin-top:2px;border:0;border-radius:14px;background:var(--accent);color:var(--accent-fg);font-size:15.5px;font-weight:720;letter-spacing:-.01em;padding:16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 10px 22px -10px color-mix(in srgb,var(--accent) 70%,transparent);transition:filter .14s ease,transform .09s ease,opacity .14s ease}.pay:hover:not(:disabled){filter:brightness(1.07)}.pay:active:not(:disabled){transform:scale(.99)}.pay:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.spin{width:15px;height:15px;border-radius:50%;border:2px solid color-mix(in srgb,var(--accent-fg) 40%,transparent);border-top-color:var(--accent-fg);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.err{color:var(--err);font-size:13px;font-weight:640;text-align:center}.expires{font-size:12px;text-align:center}.foot{text-align:center;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:15px;margin-top:2px}.lock{font-size:11px}.muted{color:var(--muted)}.status{text-align:center;padding:30px 8px 18px;display:flex;flex-direction:column;align-items:center;gap:8px}.status-icon{font-size:44px;line-height:1;filter:saturate(1.1)}.status-title{font-size:20px;font-weight:760;letter-spacing:-.01em;margin:6px 0 0}.skeleton-wrap{display:flex;flex-direction:column;gap:14px}.sk{border-radius:12px;background:linear-gradient(100deg,color-mix(in srgb,var(--fg) 6%,var(--card)) 30%,color-mix(in srgb,var(--fg) 11%,var(--card)),color-mix(in srgb,var(--fg) 6%,var(--card)) 70%);background-size:200% 100%;animation:sheen 1.3s ease-in-out infinite}.sk-head{height:46px;width:62%}.sk-amount{height:44px;width:45%}.sk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sk-tile{height:92px}.sk-pay{height:52px}@keyframes sheen{to{background-position:-200% 0}}:where(button):focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,.sk{transition:none!important;animation:none!important}}