@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";:root{--c-purple-950:#221e3b;--c-purple-900:#2a2547;--c-purple-800:#312c51;--c-purple-700:#3b355f;--c-purple-600:#48426d;--c-purple-500:#5a547d;--c-purple-400:#6f689b;--c-purple-300:#8b85a8;--c-sand-600:#e8b074;--c-sand-500:#f0c38e;--c-sand-400:#f5d2a8;--c-sand-300:#fbe4c4;--c-coral-500:#f1aa9b;--c-coral-400:#f6c4b8;--c-bg-light:#f4f1ea;--c-text-light:#f8f5f2;--c-text-muted:#d9d2e6;--c-text-dim:#d9d2e68c;--c-text-dark:#2f2a45;--c-divider:#ffffff14;--r-sm:12px;--r-md:18px;--r-lg:22px;--r-xl:28px;--r-pill:999px;--sh-soft:0 8px 20px #0f082838, 0 2px 6px #0f08281a;--sh-card:0 14px 32px #0a051e4d, 0 2px 6px #0a051e1f;--sh-clay-dark:0 14px 30px #0a051e52, inset 0 1px 0 #ffffff0d, inset 0 -1px 0 #0000001a;--sh-clay-light:0 12px 24px #b4783c2e, inset 0 1px 0 #ffffff80}*{box-sizing:border-box}html,body,#root{background:#ece7dc;min-height:100vh;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}body{background:radial-gradient(circle at 20% 10%,#f4f1ea 0%,#e8e2d4 70%,#ddd6c4 100%) fixed;justify-content:center;align-items:center;padding:28px 20px;display:flex}.hf{-webkit-font-smoothing:antialiased;font-feature-settings:"cv11" on, "ss01" on;font-family:Inter,system-ui,-apple-system,sans-serif}.hf-screen{background:var(--c-purple-800);width:100%;height:100%;color:var(--c-text-light);background-image:radial-gradient(circle at 0 0,#5f558759 0%,#0000 45%),radial-gradient(circle at 100% 100%,#281e5080 0%,#0000 50%);font-family:Inter,system-ui;position:relative;overflow:hidden}.hf-card{border-radius:var(--r-lg);box-shadow:var(--sh-clay-dark);background:linear-gradient(#3f396a 0%,#322c56 100%);position:relative}.hf-card-sand{color:var(--c-text-dark);border-radius:var(--r-lg);box-shadow:var(--sh-clay-light);background:linear-gradient(#f5d2a8 0%,#efbc83 100%);position:relative}.hf-card-coral{color:var(--c-text-dark);border-radius:var(--r-lg);box-shadow:var(--sh-clay-light);background:linear-gradient(#f6c4b8 0%,#efa293 100%)}.hf-card-soft{border-radius:var(--r-lg);background:linear-gradient(#ffffff12 0%,#ffffff08 100%);border:1px solid #ffffff0f;box-shadow:inset 0 1px #ffffff0a}.hf-pill{border-radius:var(--r-pill);height:30px;color:var(--c-text-light);background:#ffffff12;justify-content:center;align-items:center;padding:0 12px;font-family:Inter;font-size:12px;font-weight:600;display:inline-flex}.hf-btn{border-radius:var(--r-pill);cursor:pointer;-webkit-user-select:none;user-select:none;border:0;justify-content:center;align-items:center;height:48px;padding:0 22px;font-family:Inter;font-size:15px;font-weight:600;transition:transform 80ms,filter .12s;display:inline-flex}.hf-btn:active{transform:scale(.97)}.hf-btn-sand{color:var(--c-text-dark);background:linear-gradient(#f5d2a8 0%,#efbc83 100%);box-shadow:0 8px 20px #f0c38e4d}.hf-btn-sand:hover{filter:brightness(1.04)}.hf-btn-dark{background:var(--c-purple-900);color:var(--c-text-light);box-shadow:0 6px 16px #0000004d}.hf-btn-soft{color:var(--c-text-light);background:#ffffff14}.hf-icon-btn{width:44px;height:44px;box-shadow:var(--sh-soft);color:var(--c-text-light);cursor:pointer;background:linear-gradient(#3f396a 0%,#322c56 100%);border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.hf-icon-btn-sand{color:var(--c-text-dark);background:linear-gradient(#f5d2a8 0%,#efbc83 100%);box-shadow:0 6px 14px #f0c38e4d}.hf-av{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Inter;font-weight:700;display:inline-flex;position:relative;box-shadow:0 2px 6px #0003}.hf-slider-track{background:#0000002e;border-radius:999px;height:8px;position:relative;box-shadow:inset 0 1px 2px #0003}.hf-slider-fill{background:linear-gradient(90deg,#f1aa9b,#f0c38e);border-radius:999px;height:100%;position:absolute;top:0;left:0;box-shadow:0 1px 4px #f0aa964d}.hf-slider-thumb{cursor:grab;background:linear-gradient(#f5d2a8 0%,#efbc83 100%);border:2px solid #2a2547;border-radius:50%;width:22px;height:22px;position:absolute;top:-7px;box-shadow:0 4px 8px #0000004d}.hf-method{cursor:pointer;height:34px;color:var(--c-text-muted);white-space:nowrap;background:#ffffff0f;border:0;border-radius:999px;align-items:center;padding:0 14px;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex}.hf-method.active{color:var(--c-text-dark);background:linear-gradient(#f5d2a8 0%,#efbc83 100%);box-shadow:0 6px 14px #f0c38e47}.hf-qr{background:#fff;border-radius:14px;width:180px;height:180px;padding:10px;position:relative}.hf-tabbar{-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);z-index:100;background:#140e32c7;border:1px solid #ffffff0f;border-radius:999px;justify-content:space-around;align-items:center;height:64px;padding:0 12px;display:flex;position:absolute;bottom:22px;left:16px;right:16px;box-shadow:0 18px 40px #0006,inset 0 1px #ffffff0f}.hf-tab{color:#d9d2e6bf;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:color .15s;display:inline-flex}.hf-tab:hover{color:#f8f5f2}.hf-tab.active{color:var(--c-text-dark);background:linear-gradient(#f5d2a8 0%,#efbc83 100%);box-shadow:0 6px 14px #f0c38e52}.hf-screen .hf-content{height:100%;padding-top:56px;overflow:hidden}.hf-receipt-perf{background-image:radial-gradient(circle at 6px 6px, var(--c-purple-800) 5px, transparent 5.5px);background-size:12px 12px;height:12px}.hf-header{justify-content:space-between;align-items:center;padding:8px 20px 4px;display:flex}.hf-title-block .greet{color:var(--c-text-muted);opacity:.8;font-size:12px}.hf-title-block .name{color:var(--c-text-light);letter-spacing:-.01em;font-size:22px;font-weight:700}.hf-amount{letter-spacing:-.02em;font-feature-settings:"tnum" on, "cv11" on;font-family:Plus Jakarta Sans,Inter,system-ui;font-weight:800}.hf-scroll{height:100%;padding-bottom:110px;overflow-y:auto}.hf-scroll::-webkit-scrollbar{display:none}.hf-ticket-side{background-image:radial-gradient(circle at 7px 7px, var(--c-purple-800) 5px, transparent 5.5px);background-position:50%;background-size:14px 14px;width:14px}.hf-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}@keyframes hfFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hf-fade{animation:.22s ease-out hfFade}.app-stage{flex-direction:column;align-items:center;gap:14px;display:flex}.app-stage .label{color:#2f2a458c;letter-spacing:.04em;text-transform:uppercase;font-family:Inter,system-ui;font-size:12px;font-weight:500}.nav-strip{flex-wrap:wrap;justify-content:center;gap:6px;max-width:420px;display:flex}.nav-strip button{color:#2f2a45;cursor:pointer;background:#2f2a4514;border:0;border-radius:999px;padding:6px 12px;font-family:Inter;font-size:11px;font-weight:600}.nav-strip button.on{color:#f0c38e;background:#2a2547}