.appy-recharge{color:var(--ink)}.appy-recharge .head{padding-block:14px 22px}.appy-recharge .head .tag{font-family:var(--mono);font-size:12px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em}.appy-recharge .head h1{margin:8px 0 0;font-size:1.75rem;font-weight:700;letter-spacing:-.03em}.appy-recharge .head p{margin:8px 0 0;font-size:14.5px;color:var(--ink-2);max-width:60ch}.appy-recharge .bal{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:13px;color:var(--ink-2);background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:7px 14px;box-shadow:var(--card-shadow)}.appy-recharge .bal b{color:var(--ink);font-variant-numeric:tabular-nums}.appy-recharge .bal .ic{display:inline-flex}.appy-recharge .bal .ic svg{width:15px;height:15px;color:var(--ink-3)}.appy-recharge .layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start;padding-bottom:64px}.appy-recharge .packs{display:flex;flex-direction:column;gap:12px}.appy-recharge .pack{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;text-align:left;width:100%;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:18px 20px;cursor:pointer;box-shadow:var(--card-shadow);font-family:var(--font);transition:border-color var(--appy-motion-fast),box-shadow var(--appy-motion-fast),transform var(--appy-motion-fast) var(--ease)}.appy-recharge .pack:hover{border-color:var(--ink-3);transform:translateY(-1px)}.appy-recharge .pack.on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink),var(--card-shadow-lg)}.appy-recharge .pack-radio{width:22px;height:22px;border-radius:999px;border:2px solid var(--line);flex-shrink:0;position:relative;transition:border-color var(--appy-motion-fast)}.appy-recharge .pack.on .pack-radio{border-color:var(--ink)}.appy-recharge .pack.on .pack-radio:after{content:"";position:absolute;inset:3px;border-radius:999px;background:var(--ink)}.appy-recharge .pack-name{font-size:16px;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;gap:9px}.appy-recharge .pack-credits{font-family:var(--mono);font-size:12.5px;color:var(--ink-2);margin-top:3px;display:block}.appy-recharge .pack-unit{font-size:11.5px;color:var(--ink-3);margin-top:1px;display:block}.appy-recharge .pack-price{text-align:right}.appy-recharge .pack-price b{font-size:20px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.appy-recharge .best-tag{font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--appy-bg-primary);background:var(--ink);border-radius:999px;padding:3px 8px}.appy-recharge .save-tag{font-family:var(--mono);font-size:10px;font-weight:600;color:var(--ink-2);border:1px solid var(--line);background:var(--appy-surface-2);border-radius:6px;padding:2px 7px;margin-top:6px;display:inline-block}.appy-recharge .reassure{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin-top:20px}.appy-recharge .reassure div{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-2)}.appy-recharge .reassure .ic{color:var(--ink-3);flex-shrink:0;display:inline-flex}.appy-recharge .reassure .ic svg{width:15px;height:15px}.appy-recharge .summary{position:sticky;top:20px;background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--card-shadow-lg);overflow:hidden}.appy-recharge .sum-h{padding:18px 20px;border-bottom:1px solid var(--line);font-size:14px;font-weight:700}.appy-recharge .sum-b{padding:18px 20px}.appy-recharge .sum-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13.5px;margin-bottom:12px}.appy-recharge .sum-row .l{color:var(--ink-2)}.appy-recharge .sum-row .v{font-weight:600;font-variant-numeric:tabular-nums}.appy-recharge .sum-row.muted .v{color:var(--ink-2);font-weight:500}.appy-recharge .sum-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;margin-top:2px;border-top:1px solid var(--line);font-size:15px;font-weight:700}.appy-recharge .sum-total .v{font-variant-numeric:tabular-nums}.appy-recharge .pay{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:50px;margin-top:16px;border:0;border-radius:12px;background:var(--ink);color:var(--appy-bg-primary);font-family:var(--font);font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 1px 2px rgba(20,23,28,.2),0 10px 24px -10px rgba(20,23,28,.5);transition:opacity var(--appy-motion-fast),transform var(--appy-motion-fast) var(--ease)}.appy-recharge .pay:hover{opacity:.92;transform:translateY(-1px)}.appy-recharge .pay .ic{display:inline-flex}.appy-recharge .pay .ic svg{width:17px;height:17px}.appy-recharge .pay:disabled{cursor:wait}.appy-recharge .pay .spin{width:17px;height:17px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:999px;animation:appy-spin .7s linear infinite}.appy-recharge .methods{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;color:var(--ink-3)}.appy-recharge .methods .ic{display:inline-flex}.appy-recharge .methods .ic svg{width:16px;height:16px}.appy-recharge .methods span{font-family:var(--mono);font-size:10.5px;letter-spacing:.04em}.appy-recharge .sum-note{font-size:11.5px;line-height:1.5;color:var(--ink-3);margin-top:14px;text-align:center}.appy-recharge .sum-note a{color:var(--ink-2);text-decoration:underline;text-underline-offset:2px}.appy-recharge .done{width:100%;max-width:400px;margin:60px auto;background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:var(--card-shadow-lg);padding:32px;text-align:center}.appy-recharge .done-ic{width:56px;height:56px;margin:0 auto;border-radius:999px;background:rgba(47,143,91,.12);color:var(--ok);display:flex;align-items:center;justify-content:center}.appy-recharge .done-ic svg{width:28px;height:28px}.appy-recharge .done h2{margin:16px 0 0;font-size:1.3rem;font-weight:700;letter-spacing:-.02em}.appy-recharge .done p{margin:8px 0 0;font-size:14px;color:var(--ink-2);line-height:1.55}.appy-recharge .done .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;margin-top:22px;border-radius:12px;background:var(--ink);color:var(--appy-bg-primary);font-size:14.5px;font-weight:600}.appy-recharge .done .btn .ic{display:inline-flex}.appy-recharge .done .btn .ic svg{width:16px;height:16px}@media (max-width:860px){.appy-recharge .layout{grid-template-columns:1fr}.appy-recharge .summary{position:static}.appy-recharge .reassure{grid-template-columns:1fr}}