:root{--u: min(1px, calc(100dvh / 844), calc(100vw / 390));--btn-h: calc(70 * 5 / 6 * var(--u));--btn-lone: calc(296 * var(--u));--input-h: var(--btn-h);--shadow-y2: 0 2px 8px rgba(0, 0, 0, .32);--m: 16px;--cw: calc(100% - 2 * var(--m));--color-line: #DCE3EE;--color-black: #000000;--color-content: #000000;--color-muted: #8B95A8;--color-muted-2: #4B5568;--color-faint: var(--color-card);--color-primary: #0B7A45;--color-primary-soft: #E3F5EC;--color-info: #1E6DF7;--color-info-soft: #E8F0FE;--color-brand: #1E6DF7;--grad-brand: var(--color-brand);--grad-primary: var(--color-primary);--grad-warning: var(--color-warning);--grad-error: var(--color-error);--color-error: #C42B3F;--color-error-soft: #FDE8EB;--color-warning: #F5B301;--color-warning-text: #8A5F00;--color-warning-soft: #FEF5D9;--color-white: #FFFFFF;--color-gray: var(--color-line);--color-card: #ECF0F8;--color-surface: var(--color-card);--font-base: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-display: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-condensed: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--fs-amount-2: calc(48 * var(--u));--fs-hero: calc(34 * var(--u));--fs-h1: calc(28 * var(--u));--fs-numpad: calc(28 * var(--u));--fs-title: calc(28 * var(--u));--fs-h2: calc(22 * var(--u));--fs-content-1: calc(22 * var(--u));--fs-content-2: calc(18 * var(--u));--fs-caption: calc(16 * var(--u));--fs-small: calc(14 * var(--u));--lh-small: calc(20 * var(--u));--lh-caption: calc(24 * var(--u));--lh-content-2: calc(24 * var(--u));--lh-content-1: calc(28 * var(--u));--lh-h2: calc(28 * var(--u));--lh-title: calc(36 * var(--u));--lh-h1: calc(36 * var(--u));--lh-numpad: calc(36 * var(--u));--lh-hero: calc(40 * var(--u));--lh-amount-2: calc(56 * var(--u));--is-num: calc(24 * var(--u));--is-h2: calc(22 * var(--u));--is-content-1: calc(22 * var(--u));--is-content-2: calc(18 * var(--u));--is-caption: calc(16 * var(--u));--ib-content-1: calc(var(--fs-content-1) * 1.2);--ib-content-2: calc(var(--fs-content-2) * 1.2);--ib-caption: calc(var(--fs-caption) * 1.2);--it: calc(24 * var(--u));--it-gap: 0px;--screen-max: 430px;--fw-light: 300;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 600}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button,input,textarea,select{font-family:inherit}html,body,#root{height:100%;width:100%;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font-family:var(--font-base);font-size:var(--fs-content-1);line-height:var(--lh-content-1);color:var(--color-content);background:var(--color-white);-webkit-font-smoothing:antialiased}@media (min-width: 481px){body{background:#e1e7ed}#root{width:var(--screen-max);margin:0 auto;transform:scale(.93);border-radius:44px;overflow:hidden;box-shadow:0 0 0 11px #0e1216,0 0 0 13px #3c424a,0 26px 60px #0e12164d}}.screen{position:relative;display:grid;grid-template-rows:repeat(10,1fr);row-gap:calc(16 * var(--u));grid-template-columns:minmax(0,1fr);height:100dvh;max-width:var(--screen-max);margin:0 auto;background:var(--color-white);overflow:hidden;padding:0 calc(20 * var(--u))}.full-bleed{margin-left:calc(-20 * var(--u));margin-right:calc(-20 * var(--u))}.scroll-thin{overflow-y:auto;margin-right:calc(-20 * var(--u));padding-right:calc(12 * var(--u));scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--color-gray) transparent}.scroll-thin::-webkit-scrollbar{width:calc(8 * var(--u))}.scroll-thin::-webkit-scrollbar-track{background:transparent}.scroll-thin::-webkit-scrollbar-thumb{background:var(--color-gray);border-radius:4px}.scroll-hidden{overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.scroll-hidden::-webkit-scrollbar{width:0;height:0;display:none}.row-1{grid-row:1}.row-2{grid-row:2}.row-3{grid-row:3}.row-4{grid-row:4}.row-5{grid-row:5}.row-6{grid-row:6}.row-7{grid-row:7}.row-8{grid-row:8}.row-9{grid-row:9}.row-10{grid-row:10}.row-1-5{grid-row:1 / 6}.row-3-5{grid-row:3 / 6}.row-1-9{grid-row:1 / 10}.center{display:flex;align-items:center;justify-content:center}.col{display:flex;flex-direction:column}.screen-title{font-family:var(--font-display);color:var(--color-black);font-size:var(--fs-h1);line-height:var(--lh-h1);align-items:flex-end}.sheet-title{position:absolute;left:0;right:0;top:0;height:calc(70 * var(--u));display:flex;align-items:flex-end;justify-content:center;font-family:var(--font-display);color:var(--color-black);font-size:var(--fs-title);line-height:var(--lh-title);font-weight:var(--fw-semibold)}.logo-lockup{position:absolute;top:20.38dvh;left:calc(50% + 1.9px);transform:translate(-50%);width:min(51.23vw,calc(var(--screen-max) * .5123))}.num{font-family:var(--font-condensed)}.btn{display:flex;align-items:center;justify-content:center;font-family:var(--font-condensed);font-size:var(--fs-content-1);line-height:var(--lh-content-1);font-weight:var(--fw-semibold);border-radius:16px;border:none;cursor:pointer;padding:0 calc(16 * var(--u));height:var(--btn-h);min-height:var(--btn-h);transition:opacity .15s}.btn:disabled{opacity:1!important;background:var(--color-line)!important;color:var(--color-muted)!important;box-shadow:none!important;cursor:default}:root{--btn-grad-brand: var(--color-brand);--btn-grad-white: var(--color-white);--btn-grad-success: var(--color-primary);--btn-grad-error: var(--color-error)}.btn-primary{background:var(--btn-grad-brand);color:var(--color-white);box-shadow:var(--shadow-y2)}.btn-secondary{background:var(--btn-grad-white);color:var(--color-black);border:1.5px solid var(--color-gray);box-shadow:var(--shadow-y2)}.btn-success{background:var(--btn-grad-success);color:var(--color-white);border:none;box-shadow:var(--shadow-y2)}.btn-error{background:var(--btn-grad-error);color:var(--color-white);border:none;box-shadow:var(--shadow-y2)}.row10-single,.row10-dual{position:absolute;grid-row:auto;left:var(--m);right:var(--m);top:81.52dvh;height:8.29dvh;display:flex;align-items:center;justify-content:center;gap:calc(16 * var(--u))}.row10-single .btn{width:var(--btn-lone)}.row10-dual .btn{flex:1}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:100}.popup-card{position:absolute;top:30dvh;left:50%;transform:translate(-50%,-50%);width:min(calc(100vw * 5 / 6),calc(var(--screen-max) * 5 / 6));max-height:56dvh;overflow-y:auto;background:var(--color-white);border-radius:16px;padding:calc(24 * var(--u)) calc(16 * var(--u));display:flex;flex-direction:column;gap:calc(16 * var(--u));scrollbar-width:none;-ms-overflow-style:none}.popup-card::-webkit-scrollbar{width:0;height:0;display:none}.popup-title{font-family:var(--font-display);color:var(--color-black);font-size:var(--fs-h2);line-height:var(--lh-h2);font-weight:var(--fw-semibold);text-align:center}.popup-actions{display:flex;gap:calc(16 * var(--u))}.popup-actions .btn{flex:1}.numpad{display:grid;grid-template-rows:repeat(4,1fr);height:100%}.numpad-row{display:grid;grid-template-columns:repeat(3,1fr)}.numpad-key{display:flex;align-items:center;justify-content:center;font-family:var(--font-condensed);font-size:var(--fs-numpad);line-height:var(--lh-numpad);font-weight:var(--fw-medium);color:var(--color-black);background:none;border:none;cursor:pointer;border-radius:16px;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.numpad-key:active{background:#0000000f}.numpad-key.empty{pointer-events:none}.numpad.disabled{opacity:.2;pointer-events:none}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;z-index:100;display:flex;align-items:flex-end;justify-content:center}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet{width:100%;max-width:var(--screen-max);height:45dvh;background:var(--color-card);border-radius:16px 16px 0 0;padding:0 calc(20 * var(--u));display:flex;flex-direction:column;animation:sheet-up .28s ease}.numpad-gray .numpad,.numpad-gray .numpad-row{gap:calc(8 * var(--u))}.numpad-gray .numpad-key{background:var(--btn-grad-white);border-radius:16px;box-shadow:var(--shadow-y2)}.numpad-gray .numpad-key:active{background:#0000000f}.numpad-gray .numpad-key.empty{background:transparent;box-shadow:none}@keyframes caret-blink{0%,50%{opacity:1}51%,to{opacity:0}}.caret{display:inline-block;margin-left:calc(2 * var(--u));color:var(--color-content);font-weight:var(--fw-normal);animation:caret-blink 1.1s step-end infinite}.row-1-2{grid-row:1 / 3}.row-7-8{grid-row:7 / 9}.row-2-8{grid-row:2 / 9;display:flex;flex-direction:column;align-items:center;justify-content:center}.navbar{grid-row:10;display:grid;grid-template-columns:repeat(4,1fr);background:var(--color-surface);box-shadow:inset 0 10px 12px -8px #0006;overflow:hidden;margin:0 calc(-20 * var(--u))}.navbar-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(2 * var(--u));font-family:var(--font-condensed);font-size:var(--fs-content-2);line-height:var(--lh-content-2);font-weight:var(--fw-semibold);color:var(--color-muted);background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .1s}.navbar-btn.active{background:var(--color-white);box-shadow:var(--shadow-y2);color:var(--color-black)}.token-icon{width:calc(34 * var(--u));height:calc(34 * var(--u));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--fs-small);line-height:var(--lh-small);font-weight:var(--fw-bold);color:var(--color-white);flex-shrink:0}.action-grid{display:grid;grid-template-columns:1fr 1.24fr 1fr;align-items:center;margin-bottom:2dvh;gap:calc(8 * var(--u))}.action-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(2 * var(--u));height:6.64dvh;min-height:calc(44 * var(--u));border-radius:28px;border:none;background:var(--btn-grad-white);color:var(--color-black);font-family:var(--font-condensed);font-size:var(--fs-caption);line-height:var(--lh-caption);font-weight:var(--fw-semibold);cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:var(--shadow-y2)}.action-card.primary{height:7.58dvh;min-height:calc(50 * var(--u));border-radius:32px;background:var(--btn-grad-brand);color:var(--color-white);font-size:var(--fs-content-2);line-height:var(--lh-content-2)}.memo-row{display:flex;height:var(--input-h);box-sizing:border-box;align-items:center;gap:calc(8 * var(--u));border:none;background:var(--color-surface);border-radius:16px;padding:calc(8 * var(--u)) calc(16 * var(--u))}.memo-input{flex:1;border:none;outline:none;font-family:var(--font-base);font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--color-black);background:transparent}.memo-input::placeholder{color:var(--color-muted)}.confirm-box{width:100%;border:none;border-radius:16px;background:var(--color-card);overflow:hidden}.confirm-row{display:flex;align-items:center;justify-content:space-between;position:relative;padding:calc(20 * var(--u)) calc(8 * var(--u))}.confirm-row:not(:last-child):after{content:"";position:absolute;left:calc(8 * var(--u));right:calc(8 * var(--u));bottom:0;height:.5px;background:var(--color-muted)}.confirm-label{font-size:var(--fs-content-2);line-height:var(--lh-content-2);color:var(--color-muted-2);flex-shrink:0}.confirm-value{font-size:var(--fs-content-2);line-height:var(--lh-content-2);font-weight:var(--fw-semibold);color:var(--color-content);text-align:right;word-break:break-all;margin-left:calc(8 * var(--u))}.warning-badge{background:var(--color-warning-soft);border:none;border-radius:16px;padding:calc(10 * var(--u)) calc(12 * var(--u));font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--color-content);text-align:center}.address-input{width:100%;height:var(--input-h);box-sizing:border-box;display:flex;align-items:center;border:none;background:var(--color-surface);border-radius:16px;padding:calc(8 * var(--u)) calc(16 * var(--u));font-family:var(--font-base);font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--color-black);resize:none;outline:none}.address-input.error{box-shadow:inset 0 0 0 1.5px var(--color-error)}.address-input::placeholder{color:var(--color-muted)}.menu-item{display:flex;align-items:center;min-height:calc(56 * var(--u));flex-shrink:0;padding:0 calc(4 * var(--u));gap:calc(12 * var(--u));border:none;background:none;cursor:pointer;font-family:var(--font-base);width:100%;text-align:left;color:var(--color-black);-webkit-text-fill-color:var(--color-black)}[style*="var(--fs-small)"]{line-height:var(--lh-small)}[style*="var(--fs-caption)"]{line-height:var(--lh-caption)}[style*="var(--fs-content-2)"]{line-height:var(--lh-content-2)}[style*="var(--fs-content-1)"]{line-height:var(--lh-content-1)}[style*="var(--fs-h2)"]{line-height:var(--lh-h2)}[style*="var(--fs-title)"]{line-height:var(--lh-title)}[style*="var(--fs-h1)"]{line-height:var(--lh-h1)}[style*="var(--fs-numpad)"]{line-height:var(--lh-numpad)}[style*="var(--fs-hero)"]{line-height:var(--lh-hero)}[style*="var(--fs-amount-2)"]{line-height:var(--lh-amount-2)}