:root{--bg-top:#f0f3f3;--bg-bottom:#c1e5e5;--purple:#7376f8;--impay:#009c8a;--gtoken-top:#006cbe;--gtoken-bottom:#0c84e1;--green:#14b18b;--green-press:#0e9b78;--check:#00be85;--ink:#16191d;--ink-sub:#3a3f45;--gray:#8b9096;--gray-2:#aeb4ba;--line:#eef0f2;--card-radius:22px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{height:100%}body{color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior:none;background:#0c1512;font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}.stage{background:radial-gradient(130% 100% at 50% 0,#0f5340 0%,#072a20 55%,#041712 100%);justify-content:center;align-items:center;min-height:100%;display:flex}.device{background:linear-gradient(180deg, var(--bg-top), var(--bg-bottom));isolation:isolate;width:min(100vw,400px);height:100dvh;max-height:880px;position:relative;overflow:hidden}@media (width>=440px){.device{border-radius:44px;box-shadow:0 40px 90px -20px #0009,0 0 0 11px #0b0b0d,0 0 0 13px #23232a}}.screen{will-change:transform, opacity;flex-direction:column;display:flex;position:absolute;inset:0}.screen.on-white{background:#fff}.screen.on-mint{background:linear-gradient(180deg, var(--bg-top), var(--bg-bottom))}.screen.on-dark{background:#2b2d31}.scroll{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.scroll::-webkit-scrollbar{width:0;height:0}.statusbar{height:46px;color:var(--ink);z-index:5;flex:0 0 46px;justify-content:space-between;align-items:center;padding:0 24px 0 26px;font-size:15px;font-weight:700;display:flex}.statusbar.light{color:#fff}.statusbar .sb-right{align-items:center;gap:6px;display:flex}.statusbar .sb-right svg{display:block}.topbar{height:52px;color:var(--ink);flex:0 0 52px;align-items:center;gap:10px;padding:0 18px;font-size:19px;font-weight:700;display:flex}.topbar .tb-back{place-items:center;width:28px;height:28px;margin-left:-4px;display:grid}.topbar .tb-title{flex:1}.topbar .tb-icons{color:#26292e;align-items:center;gap:14px;display:flex}.topbar.light{color:#fff}.btn{background:var(--green);color:#fff;letter-spacing:-.3px;border-radius:14px;justify-content:center;align-items:center;height:56px;font-size:18px;font-weight:700;transition:transform 80ms,background .12s,opacity .2s;display:flex}.btn:active{background:var(--green-press);transform:scale(.985)}.btn:disabled{color:#fff;cursor:default;background:#cfd4d8}.btn-block{margin:0 20px 22px}.home-indicator{flex:0 0 26px;place-items:center;height:26px;display:grid}.home-indicator:after{content:"";opacity:.85;background:#111;border-radius:3px;width:134px;height:5px}.home-indicator.light:after{background:#fff}.won-strike{color:var(--gray-2);font-weight:600;text-decoration:line-through}.keypad{grid-template-columns:repeat(3,1fr);display:grid}.key{color:#16191d;-webkit-user-select:none;user-select:none;place-items:center;height:62px;font-size:25px;font-weight:600;display:grid;position:relative;overflow:hidden}.key:active{color:#000}.key .kdot{background:#14b18b1f;border-radius:50%;width:46px;height:46px;animation:.34s ease-out forwards kdot;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}@keyframes kdot{0%{opacity:.85;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.chips{gap:10px;padding:0 20px;display:flex}.chip{color:#3f444a;background:#fff;border:1px solid #e2e5e8;border-radius:10px;flex:1;place-items:center;height:40px;font-size:14px;font-weight:600;display:grid}.chip:active{background:#f4f6f7}.list-day{color:var(--gray);padding:20px 22px 8px;font-size:13px;font-weight:600}.row{align-items:center;gap:12px;padding:12px 22px;display:flex}.row .ic{border-radius:50%;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.row .rc{flex:1;min-width:0}.row .r-top{color:var(--gray);justify-content:space-between;font-size:12.5px;display:flex}.row .r-bot{justify-content:space-between;align-items:baseline;margin-top:3px;display:flex}.row .r-title{color:var(--ink);white-space:nowrap;font-size:16px;font-weight:700}.row .r-amt{color:var(--ink);white-space:nowrap;flex-shrink:0;font-size:17px;font-weight:800}.row .rc .r-bot{gap:10px}.amt-plus{color:var(--impay)}.disc{color:#12b886;font-weight:700}.home-head{flex:0 0 58px;justify-content:space-between;align-items:center;height:58px;padding:2px 20px 0;display:flex}.logo{align-items:center;gap:7px;display:flex}.logo-word{color:#383d43;letter-spacing:-1px;font-size:22px;font-weight:800}.greeting{padding:12px 24px 10px}.g-sub{color:#93a1a6;font-size:16px;font-weight:500}.g-main{color:#1b2b2b;letter-spacing:-.5px;margin-top:6px;font-size:22px;font-weight:800}.heart{font-size:18px}.wallet{padding:6px 20px 0}.wcard{border-radius:20px;justify-content:space-between;align-items:flex-start;padding:0 22px;display:flex;position:relative;box-shadow:0 12px 22px -16px #142d5a80}.wcard.purple{background:var(--purple);z-index:1;height:84px;padding-top:20px}.wcard.impay{background:var(--impay);z-index:2;height:84px;margin-top:-26px;padding-top:20px}.wcard.gtoken{z-index:3;background:linear-gradient(#0670c4 0%,#0b83de 100%);flex-direction:column;justify-content:flex-start;align-items:stretch;margin-top:-26px;padding:0;overflow:hidden}.wcard.gtoken:after{content:"";pointer-events:none;background:radial-gradient(58% 58% at 60% 42%,#ffffff24,#fff0 70%);width:260px;height:200px;position:absolute;top:22px;right:-46px;transform:rotate(-8deg)}.wc-l{color:#fff;font-size:17px;font-weight:700}.wc-r{color:#ffffffeb;font-size:15px}.wc-r.strong{color:#fff;font-size:16px;font-weight:800}.gt-head{color:#fff;z-index:1;align-items:center;gap:6px;padding:32px 22px 0;font-size:16px;font-weight:700;display:flex;position:relative}.token-mark{display:inline-flex}.gt-body{z-index:1;padding:22px 22px 20px;position:relative}.gt-label{color:#ffffffd9;font-size:14px}.gt-amt-row{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.gt-amt{color:#fff;letter-spacing:-.5px;font-size:30px;font-weight:800}.gt-charge{color:#fff;background:#ffffff38;border-radius:10px;padding:8px 16px;font-size:14px;font-weight:700}.gt-charge:active{background:#ffffff57}.gt-strip{border-top:1px solid #ffffff38;align-items:center;height:56px;display:flex}.gt-strip-btn{color:#fff;flex:1;height:100%;font-size:16px;font-weight:700}.gt-strip-btn:active{background:#ffffff1a}.gt-strip-div{background:#ffffff4d;width:1px;height:22px}.fab{z-index:6;background:#fff;border-radius:50%;place-items:center;width:58px;height:58px;margin-left:-29px;display:grid;position:absolute;bottom:52px;left:50%;box-shadow:0 10px 24px #0000002e}.pay-target{padding:16px 22px 0}.pay-wallet{color:var(--gray);align-items:center;gap:7px;font-size:15px;display:flex}.pay-wallet b{color:var(--ink);font-weight:700}.pay-to{color:var(--ink);margin-top:16px;font-size:18px;font-weight:800}.pay-to .to-suffix{color:var(--gray);margin-left:2px;font-size:15px;font-weight:500}.pay-acc{color:var(--gray-2);margin-top:4px;font-size:14px}.amount-area{text-align:center;padding:30px 20px 6px}.amount-krw{color:var(--gray-2);min-height:20px;font-size:15px;font-weight:500}.amount-big{justify-content:center;align-items:center;gap:10px;margin-top:6px;display:flex}.numwon{align-items:baseline;display:inline-flex}.amount-big .num{color:var(--ink);letter-spacing:-.5px;font-size:32px;font-weight:800}.amount-big .num.zero,.amount-big .won.zero{color:#c4c9ce}.amount-big .won{color:var(--ink);margin-left:3px;font-size:30px;font-weight:800}.amount-big .clr{color:#fff;background:#c9ced3;border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;font-weight:700;display:grid}.pay-avail{text-align:center;color:var(--gray);margin:18px 0 22px;font-size:15px}.pay-avail b{color:var(--ink);text-underline-offset:3px;font-weight:800;text-decoration:underline}.keypad-wrap{margin-top:auto}.qr-modal{background:#2b2d31}.qr-top{justify-content:flex-end;align-items:center;height:48px;padding:6px 20px;display:flex}.qr-x{color:#fff}.qr-tabs{background:#3a3d42;border-radius:12px;gap:4px;margin:6px 20px 0;padding:5px;display:flex}.qr-tab{color:#cfd2d6;border-radius:9px;flex:1;height:44px;font-size:16px;font-weight:700}.qr-tab.active{color:#16191d;background:#fff}.qr-tab.active.dark{background:#fff}.qr-cam{background:#1c1d20;border-radius:14px;height:300px;margin:20px 20px 0;position:relative;overflow:hidden}.qr-cam .cam-img{background-position:50%;background-size:cover;position:absolute;inset:0}.qr-brackets{pointer-events:none;position:absolute;inset:0}.qr-brackets span{border:4px solid #21e59a;width:34px;height:34px;position:absolute}.qr-brackets .tl{border-bottom:none;border-right:none;border-radius:8px 0 0;top:8px;left:8px}.qr-brackets .tr{border-bottom:none;border-left:none;border-radius:0 8px 0 0;top:8px;right:8px}.qr-brackets .bl{border-top:none;border-right:none;border-radius:0 0 0 8px;bottom:8px;left:8px}.qr-brackets .br{border-top:none;border-left:none;border-radius:0 0 8px;bottom:8px;right:8px}.qr-scanline{background:linear-gradient(90deg,#0000,#21e59a 15% 85%,#0000);border-radius:3px;height:3px;position:absolute;left:10px;right:10px;box-shadow:0 0 16px 3px #21e59a8c}.qr-hint{text-align:center;color:#ffffffd1;padding:26px 20px;font-size:15px;line-height:1.6}.qr-reco{color:#fff;background:#00be85f5;border-radius:100px;align-items:center;gap:8px;padding:12px 20px;font-size:16px;font-weight:800;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #00966480}.qr-foot{opacity:.9;justify-content:center;align-items:center;gap:8px;margin-top:auto;padding:18px;display:flex}.qrgen{background:#eef1f2}.qrgen-box{background:#fff;border-radius:18px;margin:24px 24px 0;padding:34px;position:relative;box-shadow:0 12px 30px -16px #0003}.qrgen-box .genline{background:#21c58a;height:3px;position:absolute;left:30px;right:30px;box-shadow:0 0 12px 2px #21c58a80}.qrgen-timer{text-align:center;color:var(--gray);justify-content:center;align-items:center;gap:8px;margin-top:20px;font-weight:700;display:flex}.qrgen-sheet{background:#fff;border-radius:20px 20px 0 0;align-items:center;gap:12px;margin-top:auto;padding:20px 22px;display:flex;box-shadow:0 -8px 24px -14px #00000026}.qrgen-sheet .gt-ic{background:linear-gradient(160deg,#0b83de,#0a6fc4);border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.qrgen-sheet .gt-tt{flex-direction:column;flex:1;gap:2px;display:flex}.qrgen-sheet .gt-tt .t1{color:var(--gray);font-size:13px}.qrgen-sheet .gt-tt .t2{color:var(--ink);font-size:19px;font-weight:800}.success{background:#fff}.success-body{flex-direction:column;flex:1;align-items:center;padding:20px;display:flex}.check-wrap{margin-top:40px}.success-title{text-align:center;margin-top:22px}.success-title .st-merchant{color:var(--ink);font-size:20px;font-weight:800}.success-title .st-amt{margin-top:4px;font-size:20px}.success-title .st-amt .final{color:var(--ink);font-weight:800}.success-title .st-msg{color:var(--ink);margin-top:2px;font-size:20px;font-weight:800}.success-card{border:1px solid #e9ebed;border-radius:16px;align-self:stretch;margin:40px 22px 0;padding:20px 22px}.sc-row{justify-content:space-between;font-size:15px;display:flex}.sc-row+.sc-row{margin-top:14px}.sc-row .k{color:var(--ink-sub)}.sc-row.head .k{color:var(--ink);font-weight:800}.sc-row.head .v{color:var(--green);font-weight:800}.sc-row .sub-k{color:var(--gray)}.sc-row .sub-v{color:var(--ink);font-weight:600}.cal{padding:8px 22px 0}.cal-yr{justify-content:center;align-items:center;gap:20px;padding:10px 0;font-size:19px;font-weight:800;display:flex}.cal-yr .sel{align-items:center;gap:6px;display:inline-flex}.cal-grid{text-align:center;grid-template-columns:repeat(7,1fr);display:grid}.cal-grid .dow{color:var(--gray);padding:8px 0 6px;font-size:13px}.cal-grid .dow.sun{color:#eb5757}.cal-grid .dow.sat{color:#2f80ed}.cal-cell{padding:4px 0 2px;position:relative}.cal-day{width:34px;height:34px;color:var(--ink);border-radius:50%;place-items:center;margin:0 auto;font-size:16px;font-weight:700;display:grid}.cal-day.sun{color:#eb5757}.cal-day.sat{color:#12b886}.cal-day.selected{background:var(--check);color:#fff}.cal-day.selected.blue{background:#2f80ed}.cal-daytot{white-space:nowrap;height:14px;margin-top:3px;font-size:11px;font-weight:700}.cal-caret{color:var(--gray-2);place-items:center;padding:6px 0 2px;display:grid}.hist-div{background:var(--line);height:1px;margin:6px 0 0}.row .ic.recv{background:#e7f6ef}.row .ic.pay{background:#eef1f4}.row .ic.charge{background:#e7f6ef}.row .ic.sale{background:#e8f0fb}.row .ic.cash{background:#eef1f4}.newpill{background:var(--check);color:#fff;vertical-align:middle;border-radius:100px;margin-left:8px;padding:2px 7px;font-size:10px;font-weight:800;display:inline-block}.row.highlight{background:#00be8514;border-radius:14px}.seg{background:#f0f2f4;border-radius:11px;width:200px;padding:4px;display:inline-flex;position:relative}.seg-btn{z-index:1;color:#8b9096;border-radius:8px;flex:1;height:34px;font-size:14px;font-weight:700}.seg-btn.on{color:#16191d}.seg-thumb{background:#fff;border-radius:8px;width:calc(50% - 4px);height:34px;transition:transform .22s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;left:4px;box-shadow:0 1px 3px #0000001f}.spinner{border:5px solid #0000001a;border-top-color:var(--green);border-radius:50%;width:52px;height:52px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.proc-center{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;display:flex}.proc-text{color:#3a3f45;font-size:17px;font-weight:600}.cam-scene{position:absolute;inset:-9%}.cam-bokeh{filter:blur(2px);background:radial-gradient(circle at 24% 28%,#d2be96e6 0 8%,#0000 34%),radial-gradient(circle at 78% 18%,#b4a582cc 0 7%,#0000 32%),radial-gradient(circle at 62% 82%,#786e56cc 0 10%,#0000 38%),linear-gradient(135deg,#3c3327 0%,#2b2620 60%,#211f1b 100%);position:absolute;inset:0}.standee{background:#fff;border-radius:8px;flex-direction:column;align-items:center;gap:7px;padding:15px 17px 11px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-4deg);box-shadow:0 18px 34px #00000073}.standee-label{color:#1b3a6b;letter-spacing:-.3px;font-size:15px;font-weight:800}.standee-qr{line-height:0}.standee-brand{color:#2b6fd6;font-size:11px;font-weight:700}.standee-brand b{color:#1b3a6b}.qr-brackets.locked span{border-color:#37f0a8;box-shadow:0 0 14px #21e59ad9}.qr-tabs.light{background:#e3e6e8}.qr-tabs.light .qr-tab{color:#9aa0a6}.qr-tabs.light .qr-tab.active{color:#16191d;background:#fff}.qrgen-box{position:relative}