@font-face{font-family:"LINE Seed KR";src:url("fonts/LINESeedKR-Rg.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"LINE Seed KR";src:url("fonts/LINESeedKR-Bd.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}

.mp3-app{
  --mp3-blue:#0878ff;
  --mp3-blue-deep:#0066eb;
  --mp3-blue-soft:#eef5ff;
  --mp3-panel:#f5f8fc;
  --mp3-text:#121923;
  --mp3-muted:#7b8492;
  --mp3-line:#e5eaf1;
  --mp3-green:#13a86b;
  min-height:100vh;
  color:var(--mp3-text);
  background:#f3f6fa;
  font-family:"LINE Seed KR",Pretendard,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",system-ui,sans-serif;
  font-weight:400;
}
.mp3-app *{box-sizing:border-box}
.mp3-app a{color:inherit;text-decoration:none}
.mp3-app button,.mp3-app input{font:inherit}
.mp3-app button{cursor:pointer}
.mp3-sprite{position:absolute;width:0;height:0;overflow:hidden}
.mp3-sprite symbol,.mp3-app svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mp3-screen{width:min(100%,430px);min-height:100vh;margin:0 auto;position:relative;overflow:hidden;background:radial-gradient(circle at 92% 10%,rgba(8,120,255,.045),transparent 25%),linear-gradient(180deg,#fff 0%,#fff 72%,#fbfdff 100%);box-shadow:0 0 70px rgba(42,69,104,.09)}
.mp3-appbar{height:78px;padding:18px 22px 10px;display:flex;align-items:center;justify-content:space-between}
.mp3-brand{display:flex;align-items:center;gap:10px}
.mp3-brand>strong{font-size:14px;font-weight:800;letter-spacing:-.02em}
.mp3-logo{width:34px;height:34px;display:grid;place-items:center;position:relative;color:#fff;font-weight:800;font-style:italic}
.mp3-logo::before,.mp3-logo::after{content:"";position:absolute;top:5px;width:15px;height:25px;border-radius:8px 8px 9px 9px;background:var(--mp3-blue)}
.mp3-logo::before{left:3px;transform:rotate(-2deg)}
.mp3-logo::after{right:3px;transform:rotate(2deg);background:#3e9cff}
.mp3-logo b{position:relative;z-index:1;font-size:12px}
.mp3-app-actions{display:flex;gap:6px}
.mp3-app-actions a{width:38px;height:38px;display:grid;place-items:center;border-radius:13px}
.mp3-app-actions svg{width:20px;height:20px}
.mp3-content{padding:10px 22px 112px}
.mp3-home-content{padding-top:20px}
.mp3-title-row{display:flex;align-items:center;gap:10px;margin:2px 0 18px}
.mp3-title-row h1{margin:0;font-size:23px;font-weight:700;letter-spacing:-.04em}
.mp3-back{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:var(--mp3-panel)}
.mp3-back svg{width:18px;height:18px}
.mp3-kicker{display:inline-flex;align-items:center;gap:6px;margin:0 0 12px;padding:7px 10px;border-radius:999px;color:var(--mp3-blue);background:#edf5ff;font-size:12px;font-weight:700}
.mp3-kicker svg{width:15px;height:15px}
.mp3-headline{margin:5px 0 28px;font-size:34px;line-height:1.22;font-weight:700;letter-spacing:-.055em}
.mp3-headline em{color:var(--mp3-blue);font-style:normal}
.mp3-label{display:block;color:#64728a;font-size:13px}
.mp3-section-title{margin:23px 0 12px;font-size:16px;font-weight:750;letter-spacing:-.02em}
.mp3-empty{margin:0;padding:28px 10px;text-align:center;color:#9aa2ad;font-size:13px}

.mp3-home-headline{margin:0 0 45px;font-size:35px;line-height:1.3;font-weight:750;letter-spacing:-.055em}
.mp3-home-headline em{color:var(--mp3-blue);font-style:normal}
.mp3-home-balance{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.mp3-home-balance>div>span{display:block;margin-bottom:8px;color:var(--mp3-muted);font-size:15px}
.mp3-home-balance strong{display:block;font-size:39px;line-height:1;font-weight:800;letter-spacing:-.055em}
.mp3-home-balance strong small{margin-left:4px;font-size:18px;font-weight:700}
.mp3-home-balance p{margin:10px 0 0;color:var(--mp3-muted);font-size:16px}
.mp3-pay-cta{width:120px;height:82px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:22px;color:#fff;background:linear-gradient(135deg,#006fff,#168bff);box-shadow:0 14px 30px rgba(8,120,255,.22)}
.mp3-pay-cta svg{width:28px;height:28px}.mp3-pay-cta b{font-size:19px}
.mp3-home-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:34px 0 28px}
.mp3-home-actions a{height:82px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:22px;background:var(--mp3-panel)}
.mp3-home-actions svg{width:30px;height:30px;color:var(--mp3-blue)}
.mp3-home-actions b{font-size:17px}
.mp3-asset-panel{padding:20px;border:1px solid var(--mp3-line);border-radius:23px;background:#fff}
.mp3-section-label{display:block;margin-bottom:19px;font-size:17px;font-weight:750}
.mp3-asset-row{display:flex;align-items:center;gap:12px}
.mp3-asset-logo{width:48px;height:48px;display:grid;place-items:center;border-radius:17px;color:#fff;background:linear-gradient(145deg,#0878ff,#49a6ff);font-weight:800;box-shadow:0 10px 22px rgba(8,120,255,.18)}
.mp3-asset-row>div{display:flex;flex:1;flex-direction:column}.mp3-asset-row>div b{font-size:18px}.mp3-asset-row>div small{margin-top:3px;color:var(--mp3-muted)}
.mp3-asset-row em{padding:7px 9px;border-radius:10px;color:var(--mp3-green);background:#eaf9f2;font-style:normal;font-size:12px}
.mp3-asset-row>svg{width:18px;height:18px;color:#9099a6}
.mp3-wallet-card{height:188px;margin-top:17px;padding:22px;position:relative;overflow:hidden;border-radius:27px;color:#fff;background:linear-gradient(145deg,#075ce9 0%,#1288ff 54%,#6abfff 100%);box-shadow:0 18px 38px rgba(8,120,255,.2)}
.mp3-wallet-card::before,.mp3-wallet-card::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.18)}
.mp3-wallet-card::before{width:230px;height:230px;right:-78px;top:-125px}.mp3-wallet-card::after{width:150px;height:150px;right:-27px;top:-84px}
.mp3-wallet-card>div{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.mp3-wallet-card>div>small{color:rgba(255,255,255,.7);letter-spacing:.08em}
.mp3-card-brand{display:flex;align-items:center;gap:8px}.mp3-card-brand i{width:31px;height:31px;display:grid;place-items:center;border-radius:11px;color:var(--mp3-blue);background:#fff;font-style:italic;font-weight:800}.mp3-card-brand b{font-size:13px;letter-spacing:.08em}
.mp3-wallet-card>strong{display:block;margin-top:28px;position:relative;z-index:1;font-size:27px;letter-spacing:-.04em}.mp3-wallet-card>p{margin:24px 0 0;position:relative;z-index:1;text-align:right;color:rgba(255,255,255,.76);letter-spacing:.08em}
.mp3-reward-banner{min-height:150px;margin-top:17px;padding:24px 135px 22px 22px;display:flex;align-items:center;position:relative;overflow:hidden;border-radius:26px;background:linear-gradient(145deg,#edf5ff,#f8fbff)}
.mp3-reward-banner>div:first-child{display:flex;flex-direction:column;gap:8px}.mp3-reward-banner b{font-size:22px;line-height:1.35;letter-spacing:-.04em}.mp3-reward-banner b em{color:var(--mp3-blue);font-style:normal}.mp3-reward-banner>div>span{color:var(--mp3-blue);font-size:13px}
.mp3-reward-banner>svg{width:20px;height:20px;position:absolute;right:13px;color:#7f8a99}
.mp3-gift-art{width:92px;height:92px;position:absolute;right:32px;bottom:22px;border-radius:50%;background:#dcecff}
.mp3-gift-art i{width:56px;height:48px;position:absolute;left:18px;bottom:17px;border-radius:12px;background:#fff;box-shadow:0 12px 25px rgba(52,108,179,.13)}
.mp3-gift-art i::before{content:"";position:absolute;left:23px;width:10px;height:48px;background:var(--mp3-blue)}.mp3-gift-art i::after{content:"";position:absolute;left:0;top:13px;width:56px;height:9px;background:#d9ebff}
.mp3-gift-art b{width:21px;height:21px;position:absolute;left:36px;top:8px;border:6px solid var(--mp3-blue);border-radius:14px 4px 14px 4px;transform:rotate(45deg)}
.mp3-recent{margin-top:28px}.mp3-section-head{display:flex;align-items:center;justify-content:space-between}.mp3-section-head h2{margin:0;font-size:18px}.mp3-section-head a{display:flex;align-items:center;color:var(--mp3-muted);font-size:13px}.mp3-section-head svg{width:16px;height:16px}

.mp3-v3-hero{padding:22px;position:relative;overflow:hidden;border-radius:27px;background:linear-gradient(145deg,#f0f6ff 0%,#f8fbff 55%,#eaf4ff 100%);box-shadow:0 18px 45px rgba(61,108,166,.1)}
.mp3-v3-hero::before{content:"";position:absolute;width:170px;height:170px;right:-75px;top:-80px;border-radius:50%;background:radial-gradient(circle,rgba(8,120,255,.15),rgba(8,120,255,0) 70%)}
.mp3-recipient{margin-top:14px;padding:15px;display:flex!important;align-items:center;gap:12px;position:relative;border-radius:20px;background:#fff;box-shadow:0 10px 26px rgba(68,108,156,.08)}
.mp3-recipient>i{width:48px;height:48px;display:grid;place-items:center;border-radius:17px;color:#fff;background:linear-gradient(145deg,#0878ff,#59b2ff);font-style:normal;font-weight:700;box-shadow:0 10px 22px rgba(8,120,255,.18)}
.mp3-recipient>span{min-width:0;display:block;flex:1}.mp3-recipient input{width:100%!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;font-size:15px!important;font-weight:750}.mp3-recipient small{display:block;margin-top:4px;color:var(--mp3-muted);font-size:11px}.mp3-recipient>em{color:var(--mp3-blue);font-style:normal;font-size:13px}
.mp3-people{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px}.mp3-people button{padding:0;display:flex;flex-direction:column;align-items:center;gap:7px;border:0;color:#657080;background:transparent;font-size:11px}.mp3-people button i{width:48px;height:48px;display:grid;place-items:center;border-radius:17px;color:#31679f;background:#fff;box-shadow:0 7px 18px rgba(65,97,136,.08);font-style:normal;font-weight:700}.mp3-people button svg{width:18px;height:18px}
.mp3-v3-amount{margin-top:15px;padding:19px;border:1px solid #e3eaf3;border-radius:24px;background:#fff;box-shadow:0 14px 34px rgba(72,104,145,.07)}
.mp3-amount-input{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;position:relative}.mp3-amount-input input{width:100%!important;min-height:48px!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:32px!important;font-weight:800}.mp3-amount-input>b{padding:0 0 8px;font-size:16px}.mp3-amount-input>small{position:absolute;right:0;top:7px;color:var(--mp3-muted);font-size:12px}
.mp3-pills{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.mp3-pills button{padding:8px 12px;border:0;border-radius:999px;color:#536072;background:var(--mp3-panel);font-size:13px}.mp3-pills button.active{color:var(--mp3-blue);background:#e8f2ff}
.mp3-safety{margin-top:12px;padding-top:12px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0f4;color:#768194;font-size:12px}.mp3-safety b{display:flex;align-items:center;gap:6px;color:var(--mp3-green)}.mp3-safety svg{width:16px;height:16px}
.mp3-pin-field{margin-top:14px;padding:14px 16px!important;display:grid!important;grid-template-columns:88px 1fr;align-items:center;gap:10px!important;border-radius:17px;background:var(--mp3-panel)}.mp3-pin-field>span{font-size:13px!important;font-weight:750!important}.mp3-pin-field input{min-height:42px!important;border:0!important;border-radius:12px!important;box-shadow:none!important;background:#fff!important;font-size:14px!important}
.mp3-primary{width:100%;min-height:56px;margin-top:18px;padding:0 16px;border:0;border-radius:17px;color:#fff;background:linear-gradient(135deg,#006fff,#168bff);font-weight:750;box-shadow:0 14px 30px rgba(8,120,255,.24)}

.mp3-coin-hero{min-height:156px;padding-right:142px}.mp3-coin-hero>strong{display:block;margin-top:8px;font-size:28px;letter-spacing:-.04em}.mp3-coin-hero>p{margin:5px 0;color:var(--mp3-muted);font-size:13px}.mp3-coin-hero>em{display:inline-flex;margin-top:7px;padding:6px 9px;border-radius:999px;color:var(--mp3-green);background:#eaf9f2;font-style:normal;font-size:12px}
.mp3-coins{width:122px;height:92px;position:absolute;right:16px;bottom:10px}.mp3-coins i{width:58px;height:58px;position:absolute;display:grid;place-items:center;border:7px solid #dcecff;border-radius:50%;color:var(--mp3-blue);background:linear-gradient(145deg,#fff,#eef6ff);font-style:normal;font-weight:750;box-shadow:0 15px 28px rgba(50,113,186,.18)}.mp3-coins i:first-child{left:5px;bottom:5px;transform:rotate(-12deg)}.mp3-coins i:last-child{right:2px;top:5px;transform:rotate(10deg)}
.mp3-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mp3-choice-grid button{min-height:70px;padding:14px;border:1px solid transparent;border-radius:20px;color:var(--mp3-text);background:var(--mp3-panel);text-align:left}.mp3-choice-grid b,.mp3-choice-grid span{display:block}.mp3-choice-grid b{font-weight:750}.mp3-choice-grid span{margin-top:5px;color:var(--mp3-muted);font-size:12px}.mp3-choice-grid button.active{border-color:#80baff;background:linear-gradient(145deg,#edf6ff,#f8fbff)}.mp3-choice-grid button.active b{color:var(--mp3-blue)}
.mp3-field{margin-top:14px;display:grid!important;gap:7px!important}.mp3-field>span{font-size:13px!important;font-weight:750!important}.mp3-field>div{min-height:56px;padding:0 14px;display:flex;align-items:center;border:1px solid var(--mp3-line);border-radius:17px;background:#fff}.mp3-field input{width:100%!important;min-height:50px!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}.mp3-field b{color:#86909d}
.mp3-method{min-height:64px;padding:0 16px;display:flex;align-items:center;gap:12px;border:1px solid #78b4ff;border-radius:18px;background:#f3f8ff}.mp3-method>i{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;color:var(--mp3-blue);background:#fff}.mp3-method svg{width:19px;height:19px}.mp3-method b{font-size:14px}.mp3-method span{margin-left:auto;color:var(--mp3-muted);font-size:11px}

.mp3-scan-panel{padding:16px;position:relative;overflow:hidden;border-radius:29px;background:radial-gradient(circle at 50% 45%,#fafdff,#e9f3ff);box-shadow:0 18px 44px rgba(51,107,175,.12)}
.mp3-scan-panel::before,.mp3-scan-panel::after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;filter:blur(20px);opacity:.48}.mp3-scan-panel::before{left:-45px;top:35px;background:#a8d2ff}.mp3-scan-panel::after{right:-45px;bottom:20px;background:#c8e3ff}
.mp3-scan-status{padding:4px 5px 13px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;color:#637086;font-size:12px}.mp3-scan-status b{display:flex;align-items:center;gap:6px;color:var(--mp3-green)}.mp3-scan-status svg{width:15px;height:15px}
.mp3-scanner{width:248px;height:248px;margin:2px auto;position:relative;z-index:1;display:grid;place-items:center;border-radius:28px;background:#fff;box-shadow:0 18px 45px rgba(48,105,175,.12)}.mp3-qr-art{width:122px;height:122px;color:#172132;fill:currentColor!important;stroke:none!important}.mp3-scanner>i{position:absolute;left:38px;right:38px;top:50%;height:2px;background:linear-gradient(90deg,transparent,var(--mp3-blue),transparent)}
.mp3-corner{width:47px;height:47px;position:absolute;border-color:var(--mp3-blue);border-style:solid}.mp3-corner.one{left:17px;top:17px;border-width:4px 0 0 4px;border-radius:17px 0 0}.mp3-corner.two{right:17px;top:17px;border-width:4px 4px 0 0;border-radius:0 17px 0 0}.mp3-corner.three{left:17px;bottom:17px;border-width:0 0 4px 4px;border-radius:0 0 0 17px}.mp3-corner.four{right:17px;bottom:17px;border-width:0 4px 4px 0;border-radius:0 0 17px}
.mp3-card-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.mp3-card-row button{min-height:88px;padding:15px;display:flex;flex-direction:column;justify-content:space-between;border:0;border-radius:20px;color:var(--mp3-text);background:var(--mp3-panel);text-align:left}.mp3-card-row button>svg{width:21px;height:21px;color:var(--mp3-blue)}.mp3-card-row button b{font-weight:750}
.mp3-direct-pay{margin-top:18px;padding:18px;border:1px solid var(--mp3-line);border-radius:23px;background:#fff}.mp3-direct-pay>h2{margin:0 0 5px;font-size:16px}

.mp3-chart{padding:21px;border-radius:28px;background:linear-gradient(145deg,#edf5ff,#f9fbff);box-shadow:0 18px 44px rgba(49,102,164,.1)}.mp3-chart-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.mp3-chart-meta span{color:#64728a;font-size:13px}.mp3-chart-meta strong{display:block;margin-top:6px;font-size:30px;letter-spacing:-.04em}.mp3-chart-meta em{padding:7px 10px;border-radius:999px;color:var(--mp3-green);background:#fff;font-style:normal;font-size:12px;box-shadow:0 6px 16px rgba(65,112,162,.08)}.mp3-chart>svg{width:100%;height:82px;margin-top:13px;color:var(--mp3-blue)}.mp3-chart>svg path:first-of-type{stroke:currentColor;stroke-width:4;stroke-linecap:round}.mp3-chart-labels{display:flex;justify-content:space-between;color:#9aa5b3;font-size:11px}
.mp3-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.mp3-stats>div{padding:17px;border-radius:19px;background:var(--mp3-panel)}.mp3-stats span{display:block;color:var(--mp3-muted);font-size:12px}.mp3-stats strong{display:block;margin-top:8px;color:var(--mp3-green);font-size:18px}.mp3-stats>div:last-child strong{color:var(--mp3-blue)}
.mp3-list{margin-top:12px}.mp3-list-row{min-height:72px;padding:12px 2px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--mp3-line)}.mp3-list-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;color:#536072;background:var(--mp3-panel)}.mp3-list-icon svg{width:19px;height:19px}.mp3-list-copy{min-width:0;display:flex;flex:1;flex-direction:column}.mp3-list-copy b{font-size:14px}.mp3-list-copy small{margin-top:4px;overflow:hidden;color:var(--mp3-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.mp3-list-row>strong{font-size:14px;text-align:right}.mp3-list-row>strong.plus{color:var(--mp3-green)}

.mp3-reward{min-height:190px;padding:23px 138px 22px 22px;position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(145deg,#eaf4ff 0%,#f8fbff 60%,#e9f3ff 100%);box-shadow:0 18px 45px rgba(56,107,170,.11)}.mp3-reward>span{color:#64728a;font-size:13px}.mp3-reward>strong{display:block;margin:8px 0;font-size:31px;letter-spacing:-.04em}.mp3-reward>p,.mp3-reward>small{display:block;margin:0;color:var(--mp3-muted);font-size:11px}.mp3-progress{height:8px;margin:17px 0 8px;overflow:hidden;border-radius:999px;background:#dce9f8}.mp3-progress i{display:block;height:100%;background:var(--mp3-blue)}
.mp3-gift-scene{width:120px;height:120px;position:absolute;right:10px;bottom:18px}.mp3-gift-scene>i{width:76px;height:63px;position:absolute;left:20px;bottom:8px;border-radius:16px;background:linear-gradient(145deg,#fff,#edf5ff);box-shadow:0 18px 32px rgba(57,108,167,.18)}.mp3-gift-scene>i::before{content:"";position:absolute;left:31px;top:0;width:14px;height:63px;background:linear-gradient(#0878ff,#49a8ff)}.mp3-gift-scene>i::after{content:"";position:absolute;left:0;top:16px;width:76px;height:12px;background:#d9eaff}.mp3-gift-scene>b{width:30px;height:30px;position:absolute;left:47px;top:11px;border:8px solid var(--mp3-blue);border-radius:20px 5px 20px 5px;transform:rotate(45deg);z-index:2}.mp3-gift-scene>em{position:absolute;right:4px;top:4px;color:var(--mp3-blue);font-style:normal;font-size:20px}
.mp3-offer{padding:16px;display:flex;align-items:center;gap:13px;border-radius:21px;background:#f6f8fb}.mp3-offer+.mp3-offer{margin-top:10px}.mp3-offer>span{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;color:var(--mp3-blue);background:#fff;box-shadow:0 8px 20px rgba(70,105,150,.08)}.mp3-offer>span svg{width:21px;height:21px}.mp3-offer>div{min-width:0;display:flex;flex:1;flex-direction:column}.mp3-offer>div b{font-size:14px}.mp3-offer>div small{margin-top:5px;color:var(--mp3-muted);font-size:11px}.mp3-offer>strong{color:var(--mp3-blue);font-size:14px}

.mp3-profile{padding:20px;position:relative;overflow:hidden;border-radius:26px;color:#fff;background:linear-gradient(135deg,#0878ff,#309cff);box-shadow:0 17px 38px rgba(8,120,255,.24)}.mp3-profile::after{content:"";position:absolute;width:150px;height:150px;right:-45px;top:-66px;border:28px solid rgba(255,255,255,.11);border-radius:50%}.mp3-profile-row{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.mp3-profile-row>span{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;color:var(--mp3-blue);background:#fff;font-weight:800}.mp3-profile-row>div{display:flex;flex:1;flex-direction:column}.mp3-profile-row small{margin-top:4px;color:rgba(255,255,255,.82);font-size:11px}.mp3-profile-row>svg{width:20px;height:20px}.mp3-profile-stats{margin-top:17px;padding-top:15px;display:grid;grid-template-columns:repeat(2,1fr);position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.24)}.mp3-profile-stats span{font-size:12px;color:rgba(255,255,255,.78)}.mp3-profile-stats strong{display:block;margin-top:5px;font-size:14px}
.mp3-menu-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:15px}.mp3-menu-quick a{min-height:92px;padding:12px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border-radius:19px;background:var(--mp3-panel);font-size:12px}.mp3-menu-quick svg{width:38px;height:38px;padding:10px;border-radius:13px;color:var(--mp3-blue);background:#fff}
.mp3-menu-group{overflow:hidden;border-radius:20px;background:var(--mp3-panel)}.mp3-menu-group>a{min-height:61px;padding:0 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e8edf3}.mp3-menu-group>a:last-child{border-bottom:0}.mp3-menu-group>a>svg:first-child{width:19px;height:19px}.mp3-menu-group>a>b{flex:1;font-size:14px}.mp3-menu-group>a>svg:last-child{width:17px;height:17px;color:#929ba8}.mp3-menu-group>a>span{color:var(--mp3-green);font-size:12px}
.mp3-security-block{margin-top:28px}.mp3-security-head{display:flex;align-items:center;justify-content:space-between}.mp3-security-head h2{font-size:19px}.mp3-security-head span{padding:6px 9px;border-radius:9px;color:var(--mp3-green);background:#eaf9f2;font-size:11px}.mp3-security-summary{padding:15px;display:flex;align-items:center;gap:11px;border-radius:19px;background:#edf6ff}.mp3-security-summary>svg{width:25px;height:25px;color:var(--mp3-blue)}.mp3-security-summary>div{min-width:0;display:flex;flex:1;flex-direction:column}.mp3-security-summary>div b{font-size:13px}.mp3-security-summary>div small{margin-top:3px;color:var(--mp3-muted);font-size:10px}.mp3-security-summary>strong{color:var(--mp3-blue);font-size:13px}
.mp3-settings-card{margin-top:12px;padding:16px;border:1px solid var(--mp3-line);border-radius:20px;background:#fff}.mp3-settings-card>h3{margin:0 0 9px;font-size:15px}.mp3-setting-step{padding:13px 0;display:flex;align-items:center;gap:10px;border-top:1px solid #edf0f4}.mp3-setting-step>i{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;color:#768190;background:#f1f4f8;font-style:normal;font-weight:800}.mp3-setting-step.done>i{color:var(--mp3-green);background:#eaf9f2}.mp3-setting-step>p{min-width:0;margin:0;display:flex;flex:1;flex-direction:column}.mp3-setting-step>p b{font-size:13px}.mp3-setting-step>p small{overflow:hidden;color:var(--mp3-muted);font-size:10px;text-overflow:ellipsis}.mp3-setting-step>button{padding:8px 10px;border:0;border-radius:9px;color:#fff;background:var(--mp3-blue);font-size:11px}.mp3-setting-step>em{color:var(--mp3-green);font-style:normal;font-size:11px}.mp3-settings-form{margin:0 0 10px;padding:13px;border-radius:15px;background:var(--mp3-panel)}.mp3-settings-form label{margin-top:10px}.mp3-settings-form label>span{font-size:12px!important}.mp3-settings-form input{border-color:var(--mp3-line)!important}.mp3-settings-form .mp3-primary{margin-top:10px}

.mp3-generic-hero{padding:19px;display:flex;align-items:center;gap:14px;border-radius:24px;background:linear-gradient(145deg,#edf5ff,#f8fbff)}.mp3-generic-hero>i{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;color:#fff;background:var(--mp3-blue);font-style:normal;font-size:23px}.mp3-generic-hero>div{display:flex;flex-direction:column}.mp3-generic-hero small{margin-top:4px;color:var(--mp3-muted)}.mp3-fee-note{margin:10px 0 0;padding:11px 13px;border-radius:13px;color:#657080;background:var(--mp3-panel);font-size:12px}.mp3-asset-route{height:66px;margin-top:15px;display:flex;align-items:center;justify-content:center;gap:22px;border-radius:18px;background:var(--mp3-panel)}.mp3-asset-route span{padding:9px 15px;border-radius:11px;background:#fff;font-size:13px;font-weight:750}

.mp3-bottom{width:min(100%,430px);height:82px;padding:7px 8px 10px;position:fixed;z-index:50;left:50%;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);transform:translateX(-50%);border-top:1px solid #edf0f4;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);box-shadow:0 -10px 28px rgba(68,92,124,.05)}
.mp3-bottom>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#8b939d;font-size:11px}.mp3-bottom>a>svg{width:21px;height:21px}.mp3-bottom>a.active{color:var(--mp3-blue)}.mp3-bottom .mp3-center{transform:translateY(-14px)}.mp3-bottom .mp3-center>i{width:54px;height:54px;display:grid;place-items:center;border-radius:19px;color:#fff;background:var(--mp3-blue);box-shadow:0 9px 22px rgba(8,120,255,.24)}.mp3-bottom .mp3-center>i svg{width:23px;height:23px}.mp3-bottom .mp3-center>span{margin-top:-2px}

.mp3-app .toast{bottom:95px}
@media(max-width:460px){.mp3-content{padding-left:22px;padding-right:22px}.mp3-headline{font-size:31px}.mp3-home-headline{font-size:32px}.mp3-home-balance strong{font-size:35px}.mp3-pay-cta{width:112px}.mp3-reward{padding-right:125px}.mp3-coin-hero{padding-right:128px}}
@media(min-width:700px){.mp3-app{padding:24px 0}.mp3-screen{min-height:calc(100vh - 48px);border-radius:30px}.mp3-bottom{bottom:24px;border-radius:0 0 30px 30px}.mp3-content{min-height:820px}}
@media(prefers-reduced-motion:reduce){.mp3-app *{scroll-behavior:auto!important;transition:none!important}}

/* MAYPAY readability refinement — UI only (2026-08-26) */
.mp4-app{--mp3-blue:#0878ff;--mp3-blue-deep:#0068ee;--mp3-blue-soft:#edf5ff;--mp3-text:#111820;--mp3-muted:#65717f;--mp3-line:#e5eaf0;--mp3-panel:#f5f8fc;--mp3-green:#12a56a;background:#fff}
.mp4-app .mp3-screen{box-shadow:none;background:radial-gradient(circle at 96% 3%,rgba(8,120,255,.08),transparent 23%),#fff}
.mp4-app .mp3-appbar{height:66px;padding:14px 24px 8px}.mp4-app .mp3-brand>strong,.mp4-app .mp3-logo{font-weight:500}.mp4-app .mp3-app-actions{gap:4px}.mp4-app .mp3-app-actions a{width:40px;height:40px;border-radius:14px}
.mp4-app .mp3-content{padding:12px 24px 106px}.mp4-app .mp3-home-content{padding-top:12px}.mp4-app .mp3-title-row{margin:0 0 16px}.mp4-app .mp3-title-row h1{font-size:24px;line-height:1.3;font-weight:500}.mp4-app .mp3-kicker{font-weight:500}.mp4-app .mp3-headline{margin:5px 0 24px;font-size:31px;line-height:1.24;font-weight:500}.mp4-app .mp3-section-title{font-size:20px;line-height:1.35;font-weight:500}
.mp4-app .mp3-label,.mp4-app .mp3-field>span,.mp4-app .mp3-pin-field>span{font-weight:500!important}.mp4-app .mp3-primary,.mp4-app .mp3-choice-grid b,.mp4-app .mp3-recipient input{font-weight:500}.mp4-app .mp3-v3-hero,.mp4-app .mp3-chart,.mp4-app .mp3-reward{border-radius:24px}.mp4-app .mp3-v3-amount,.mp4-app .mp3-direct-pay{border-radius:20px}.mp4-app .mp3-list-copy b,.mp4-app .mp3-list-row>strong{font-weight:500}.mp4-app .mp3-list-copy small{font-size:12px;line-height:1.45;color:var(--mp3-muted)}
.mp4-eyebrow{margin:0 0 12px;color:var(--mp3-blue);font-size:12px;font-weight:500;letter-spacing:.1em}.mp4-h1{margin:0;font-size:31px;line-height:1.24;font-weight:500;letter-spacing:-.055em}.mp4-h1 em{color:var(--mp3-blue);font-style:normal}.mp4-h2{margin:0;font-size:20px;line-height:1.35;font-weight:500;letter-spacing:-.035em}.mp4-h3{margin:0;font-size:16px;line-height:1.4;font-weight:500;letter-spacing:-.025em}.mp4-h4{margin:0;font-size:14px;line-height:1.45;font-weight:500;letter-spacing:-.015em}
.mp4-section{margin-top:20px}.mp4-section-head{margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.mp4-section-head>a,.mp4-section-head>span{display:flex;align-items:center;gap:3px;color:var(--mp3-muted);font-size:13px}.mp4-section-head svg{width:15px;height:15px}
.mp4-balance{margin-top:20px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.mp4-balance-copy>span{display:flex;align-items:center;gap:7px;color:var(--mp3-muted);font-size:14px;line-height:1.45}.mp4-balance-copy>span svg{width:16px;height:16px}.mp4-balance-copy>strong{display:flex;align-items:baseline;margin-top:8px;font-size:35px;line-height:1;font-weight:500;letter-spacing:-.055em}.mp4-balance-copy>strong small{margin-left:4px;font-size:17px;font-weight:500}.mp4-balance-copy>p{margin:9px 0 0;color:var(--mp3-muted);font-size:14px;line-height:1.45}
.mp4-pay{width:112px;height:72px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:20px;color:#fff!important;background:linear-gradient(135deg,var(--mp3-blue-deep),#188cff);box-shadow:0 14px 30px rgba(8,120,255,.21);font-weight:500}.mp4-pay svg{width:23px;height:23px}.mp4-quick{height:58px;margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--mp3-line);border-bottom:1px solid var(--mp3-line)}.mp4-quick a{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500}.mp4-quick a+a{border-left:1px solid var(--mp3-line)}.mp4-quick svg{width:19px;height:19px;color:var(--mp3-blue)}
.mp4-card-section{margin-top:13px}.mp4-wallet-card{height:148px;padding:18px;position:relative;overflow:hidden;border-radius:24px;color:#fff;background:linear-gradient(145deg,#0c1d46 0%,#075de5 58%,#42a4ff 100%);box-shadow:0 18px 40px rgba(9,74,172,.2)}.mp4-wallet-card::before{content:"";position:absolute;width:210px;height:210px;right:-72px;top:-112px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 34px rgba(255,255,255,.05),0 0 0 68px rgba(255,255,255,.035)}.mp4-wallet-card>div{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.mp4-card-brand{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.08em}.mp4-card-brand i{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;color:var(--mp3-blue);background:#fff;font-style:italic;font-weight:500}.mp4-wallet-card>div>small{color:rgba(255,255,255,.66);font-size:11px;letter-spacing:.08em}.mp4-wallet-card>strong{display:block;margin-top:18px;position:relative;z-index:1;font-size:25px;font-weight:500;letter-spacing:-.04em}.mp4-wallet-card>p{margin:18px 0 0;display:flex;justify-content:space-between;position:relative;z-index:1;color:rgba(255,255,255,.74);font-size:11px;letter-spacing:.06em}
.mp4-assets-preview{margin-top:17px}.mp4-asset-row,.mp4-asset-item{min-height:58px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;border-bottom:1px solid var(--mp3-line)}.mp4-asset-logo{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(145deg,var(--mp3-blue),#4aa7ff);font-style:italic;font-weight:500}.mp4-asset-row>span:nth-child(2),.mp4-asset-item>span:nth-child(2){display:flex;flex-direction:column}.mp4-asset-row small,.mp4-asset-item small{display:block;margin-top:4px;color:var(--mp3-muted);font-size:12px;line-height:1.45}.mp4-asset-row>span:last-child,.mp4-asset-item>span:last-child{text-align:right}.mp4-asset-row>span:last-child b,.mp4-asset-item>span:last-child b{font-size:14px;font-weight:500}.mp4-asset-row>span:last-child small{color:var(--mp3-green);font-size:11px}
.mp4-benefit-banner{width:100%;min-height:76px;margin-top:12px;padding:15px 72px 15px 16px;display:flex;align-items:center;position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,#eef6ff,#f8fbff)}.mp4-benefit-banner>span{display:flex;flex-direction:column;gap:4px}.mp4-benefit-banner b{font-size:15px;font-weight:500}.mp4-benefit-banner small{color:var(--mp3-blue);font-size:12px}.mp4-benefit-banner>i{width:48px;height:48px;position:absolute;right:14px;border-radius:50%;background:#dcecff}.mp4-benefit-banner>i::before{content:"";position:absolute;width:30px;height:27px;left:9px;bottom:10px;border-radius:7px;background:#fff;box-shadow:0 8px 16px rgba(44,104,173,.12)}.mp4-benefit-banner>i::after{content:"";position:absolute;width:7px;height:27px;left:21px;bottom:10px;background:var(--mp3-blue)}.mp4-recent{margin-top:17px}

.mp4-benefit-hero{margin-top:24px;padding:22px;position:relative;border-radius:24px;background:linear-gradient(135deg,#eaf4ff,#f8fbff)}
.mp4-benefit-hero>div:first-child{display:flex;flex-direction:column;position:relative;z-index:1}.mp4-benefit-hero>div:first-child span{color:var(--mp3-muted);font-size:13px;line-height:1.45}.mp4-benefit-hero>div:first-child strong{margin-top:6px;font-size:26px;font-weight:500;letter-spacing:-.04em}.mp4-benefit-hero>div:first-child small,.mp4-benefit-hero>small{margin-top:5px;color:var(--mp3-muted);font-size:12px;line-height:1.45}
.mp4-gift-icon{width:64px;height:64px;display:grid;place-items:center;position:absolute;right:22px;top:24px;border-radius:22px;color:#fff;background:linear-gradient(145deg,var(--mp3-blue),#55adff);box-shadow:0 14px 30px rgba(8,120,255,.2)}.mp4-gift-icon svg{width:29px;height:29px}.mp4-progress{height:7px;margin-top:22px;overflow:hidden;border-radius:999px;background:#d9e7f7}.mp4-progress i{display:block;height:100%;border-radius:inherit;background:var(--mp3-blue)}.mp4-benefit-hero>small{display:block;margin-top:9px}
.mp4-benefit-quick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.mp4-benefit-quick a{min-height:78px;padding:14px;display:grid;grid-template-columns:28px 1fr 16px;align-items:center;gap:8px;border-radius:18px;background:var(--mp3-panel)}.mp4-benefit-quick a>svg:first-child{width:20px;color:var(--mp3-blue)}.mp4-benefit-quick a>svg:last-child{width:15px;color:var(--mp3-muted)}.mp4-benefit-quick a>span{display:flex;flex-direction:column;gap:4px}.mp4-benefit-quick small{color:var(--mp3-muted);font-size:12px}.mp4-benefit-quick b{font-size:14px;font-weight:500}
.mp4-mission{min-height:70px;padding:10px 0;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:10px;border-bottom:1px solid var(--mp3-line)}.mp4-mission>span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:var(--mp3-blue);background:var(--mp3-blue-soft)}.mp4-mission>span svg{width:18px;height:18px}.mp4-mission>div{display:flex;flex-direction:column;gap:4px}.mp4-mission small{color:var(--mp3-muted);font-size:12px;line-height:1.45}.mp4-mission>strong{color:var(--mp3-blue);font-size:14px;font-weight:500}
.mp4-brand-offer{min-height:84px;margin-top:16px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;border-radius:20px;background:linear-gradient(135deg,#f2f6fb,#edf5ff)}.mp4-brand-offer>span:first-child{display:flex;flex-direction:column;gap:6px}.mp4-brand-offer small{color:var(--mp3-muted);font-size:12px}.mp4-brand-offer b{font-size:14px;font-weight:500}.mp4-brand-offer>span:last-child{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;color:var(--mp3-blue);background:#fff}.mp4-brand-offer svg{width:22px;height:22px}
.mp4-pay-stage{min-height:260px;margin-top:24px;padding:24px;display:flex;align-items:center;flex-direction:column;border-radius:24px;background:linear-gradient(160deg,#0e234e,#0878ff);color:#fff;box-shadow:0 18px 42px rgba(8,85,190,.2)}.mp4-pay-stage>span{font-size:13px;color:rgba(255,255,255,.82)}.mp4-pay-stage>strong{margin-top:8px;font-size:34px;font-weight:500;letter-spacing:-.04em}.mp4-pay-stage>strong small{margin-left:4px;font-size:16px}.mp4-pay-stage>a{width:92px;height:92px;margin-top:24px;display:grid;place-items:center;border-radius:24px;color:var(--mp3-blue);background:#fff;box-shadow:0 15px 35px rgba(0,38,93,.24)}.mp4-pay-stage>a svg{width:38px;height:38px}.mp4-pay-stage p{margin:17px 0 0;color:rgba(255,255,255,.84);font-size:12px;line-height:1.45}
.mp4-payment-source{min-height:62px;padding:9px 0;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:11px;border-bottom:1px solid var(--mp3-line)}.mp4-payment-source>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.mp4-payment-source small{color:var(--mp3-muted);font-size:12px}.mp4-payment-source em{padding:5px 8px;border-radius:9px;color:var(--mp3-blue);background:var(--mp3-blue-soft);font-style:normal;font-size:12px}.mp4-payment-source>svg{width:17px;color:var(--mp3-muted)}.mp4-mini-card{width:40px;height:28px;border-radius:9px;background:linear-gradient(145deg,#10214a,#1384ff);box-shadow:0 6px 14px rgba(16,51,111,.18)}
.mp4-pay-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.mp4-pay-options a{height:54px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:16px;background:var(--mp3-panel);font-size:13px;font-weight:500}.mp4-pay-options svg{width:19px;color:var(--mp3-blue)}.mp4-direct-pay{margin-top:18px!important;padding:18px!important}.mp4-direct-pay .mp4-section-head>span{color:var(--mp3-green)}
.mp4-asset-hero{margin-top:24px;padding:22px 22px 14px;overflow:hidden;border-radius:24px;background:linear-gradient(145deg,#f2f7ff,#fff)}.mp4-asset-hero>span{color:var(--mp3-muted);font-size:13px}.mp4-asset-hero>strong{display:block;margin-top:8px;font-size:31px;font-weight:500;letter-spacing:-.045em}.mp4-asset-hero>strong small{margin-left:4px;font-size:16px}.mp4-asset-hero>div{margin-top:9px;display:flex;align-items:center;gap:8px;font-size:12px}.mp4-asset-hero>div b{padding:5px 8px;border-radius:9px;color:var(--mp3-green);background:#eaf8f2;font-weight:500}.mp4-asset-hero>div span{color:var(--mp3-muted)}.mp4-asset-hero>svg{width:100%;height:72px;margin-top:3px}.mp4-asset-hero>svg path:last-child{fill:none;stroke:var(--mp3-blue);stroke-width:3;stroke-linecap:round}
.mp4-asset-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.mp4-asset-metrics a{min-height:102px;padding:15px;display:flex;align-items:flex-start;flex-direction:column;border-radius:20px;background:var(--mp3-panel)}.mp4-asset-metrics small{color:var(--mp3-muted);font-size:12px}.mp4-asset-metrics b{margin-top:8px;font-size:16px;font-weight:500}.mp4-asset-metrics span{margin-top:auto;color:var(--mp3-blue);font-size:12px}.mp4-asset-history{margin-top:18px}
.mp4-profile-card{min-height:74px;margin-top:24px;padding:12px 14px;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:11px;border-radius:20px;background:linear-gradient(135deg,#eef6ff,#f9fbff)}.mp4-profile-card>span:first-child{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(145deg,var(--mp3-blue),#51aaff);font-style:italic;font-weight:500}.mp4-profile-card>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.mp4-profile-card small{color:var(--mp3-muted);font-size:12px}.mp4-profile-card>svg{width:18px;color:var(--mp3-muted)}
.mp4-search{height:48px;margin-top:14px;padding:0 15px;display:flex;align-items:center;gap:9px;border-radius:16px;background:var(--mp3-panel)}.mp4-search svg{width:18px;color:var(--mp3-muted)}.mp4-search input{width:100%;min-height:0!important;padding:0!important;border:0!important;outline:0;box-shadow:none!important;background:transparent!important;font-size:13px!important}
.mp4-menu-section{margin-top:22px}.mp4-menu-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:12px}.mp4-menu-grid a{min-height:74px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:8px;border-right:1px solid var(--mp3-line);font-size:12px}.mp4-menu-grid a:last-child{border-right:0}.mp4-menu-grid svg{width:20px;color:var(--mp3-blue)}.mp4-menu-list>a{min-height:64px;padding:8px 0;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;border-bottom:1px solid var(--mp3-line)}.mp4-menu-list>a>span:first-child{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;color:var(--mp3-blue);background:var(--mp3-blue-soft)}.mp4-menu-list>a>span:first-child.purple{color:#7357e8;background:#f0edff}.mp4-menu-list>a>span:first-child svg{width:17px}.mp4-menu-list>a>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.mp4-menu-list small{color:var(--mp3-muted);font-size:12px}.mp4-menu-list>a>svg{width:17px;color:var(--mp3-muted)}.mp4-support{margin-top:18px;display:flex;gap:18px}.mp4-support a{color:var(--mp3-muted);font-size:12px}
.mp4-app .mp3-bottom{width:min(100%,430px);height:82px;padding:7px 8px 10px;border-top:1px solid var(--mp3-line);border-radius:0;background:rgba(255,255,255,.97);box-shadow:none;backdrop-filter:blur(14px)}.mp4-app .mp3-bottom>a{gap:5px;color:#7c8793;font-size:12px}.mp4-app .mp3-bottom>a>svg{width:20px;height:20px}.mp4-app .mp3-bottom>a.active{color:var(--mp3-blue)}.mp4-app .mp3-bottom .mp3-center{transform:translateY(-14px)}.mp4-app .mp3-bottom .mp3-center>i{width:52px;height:52px;border-radius:18px;background:var(--mp3-blue);box-shadow:0 9px 22px rgba(8,120,255,.22)}.mp4-app .mp3-bottom .mp3-center>span{margin-top:-2px}

/* Premium type polish: variable-first Korean stack and stable financial figures. */
.mp4-app{font-family:"LINE Seed KR","Pretendard Variable","SUIT Variable",Pretendard,SUIT,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",system-ui,sans-serif;letter-spacing:-.012em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-feature-settings:"kern" 1,"ss05" 1}
.mp4-app h1,.mp4-app h2,.mp4-app h3,.mp4-app h4,.mp4-app b,.mp4-app strong{font-weight:500!important}
.mp4-app strong,.mp4-app b,.mp4-app input{font-variant-numeric:tabular-nums;font-feature-settings:"kern" 1,"ss05" 1,"tnum" 1}.mp4-h1{letter-spacing:-.045em}.mp4-h2{letter-spacing:-.03em}.mp4-h3{letter-spacing:-.018em}.mp4-h4{letter-spacing:-.01em}.mp4-eyebrow{letter-spacing:.14em}.mp4-balance-copy>strong,.mp4-pay-stage>strong,.mp4-asset-hero>strong,.mp4-benefit-hero>div:first-child strong{letter-spacing:-.035em}
@media(max-width:390px){.mp4-app .mp3-content{padding-left:20px;padding-right:20px}.mp4-h1{font-size:30px}.mp4-balance-copy>strong{font-size:32px}.mp4-pay{width:104px}}

/* MAYPAY Meta-style typography system — UI only (2026-08-26)
   Uses the approved Meta scale with Inter + Noto Sans KR as the deployable web stack. */
.mp4-app{
  font-family:Inter,"LINE Seed KR","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;
  font-size:16px;
  line-height:1.5;
  font-weight:400;
  letter-spacing:-.16px;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  font-feature-settings:"kern" 1,"ss01" 1,"ss02" 1;
}
.mp4-app h1,.mp4-app h2{font-weight:500!important}
.mp4-app h3,.mp4-app h4,.mp4-app b,.mp4-app strong{font-weight:700!important}
.mp4-app .mp4-h1{font-size:36px;line-height:1.28;font-weight:500!important;letter-spacing:-.035em}
.mp4-app .mp4-h2{font-size:24px;line-height:1.25;font-weight:500!important;letter-spacing:-.02em}
.mp4-app .mp4-h3{font-size:18px;line-height:1.44;font-weight:700!important;letter-spacing:-.01em}
.mp4-app .mp4-h4{font-size:14px;line-height:1.43;font-weight:700!important;letter-spacing:-.14px}
.mp4-app .mp3-title-row h1{font-size:24px;line-height:1.25;font-weight:500!important;letter-spacing:-.02em}
.mp4-app .mp3-headline{font-size:36px;line-height:1.28;font-weight:500!important;letter-spacing:-.035em}
.mp4-app .mp3-section-title,.mp4-app .mp3-security-head h2,.mp4-app .mp3-settings-card h2{font-size:24px;line-height:1.25;font-weight:500!important;letter-spacing:-.02em}
.mp4-app .mp3-settings-card h3{font-size:18px;line-height:1.44;font-weight:700!important;letter-spacing:-.01em}
.mp4-app .mp4-eyebrow,.mp4-app .mp3-kicker{font-size:12px;line-height:1.33;font-weight:500!important;letter-spacing:.12em}
.mp4-app small,.mp4-app .mp3-list-copy small,.mp4-app .mp4-asset-row small,.mp4-app .mp4-asset-item small,.mp4-app .mp4-mission small{font-size:12px;line-height:1.33;font-weight:400;letter-spacing:0}
.mp4-app .mp4-balance-copy>span,.mp4-app .mp4-balance-copy>p,.mp4-app .mp3-label,.mp4-app .mp3-field>span{font-size:14px;line-height:1.43;letter-spacing:-.14px}
.mp4-app .mp4-balance-copy>strong{font-size:48px;line-height:1.17;font-weight:500!important;letter-spacing:-.035em}
.mp4-app .mp4-balance-copy>strong small{font-size:18px;line-height:1.44;font-weight:400}
.mp4-app .mp4-wallet-card>strong{font-size:28px;line-height:1.21;font-weight:500!important;letter-spacing:-.025em}
.mp4-app .mp4-benefit-hero>div:first-child strong{font-size:28px;line-height:1.21;font-weight:300!important;letter-spacing:-.02em}
.mp4-app .mp4-asset-hero>strong{font-size:48px;line-height:1.17;font-weight:500!important;letter-spacing:-.035em}
.mp4-app .mp4-pay,.mp4-app .mp4-quick a,.mp4-app .mp3-primary,.mp4-app .mp4-pay-options a,.mp4-app .mp4-menu-grid a,.mp4-app .mp3-pills button{
  font-size:14px;
  line-height:1.43;
  font-weight:700!important;
  letter-spacing:-.14px;
}
.mp4-app .mp3-list-copy b,.mp4-app .mp3-list-row>strong,.mp4-app .mp4-benefit-banner b,.mp4-app .mp4-benefit-quick b,.mp4-app .mp4-brand-offer b,.mp4-app .mp4-asset-metrics b{font-weight:700!important}

/* Payment page completion: preserves the existing links and form behavior. */
.mp4-pay-panel{margin-top:24px;padding:22px;border:1px solid #dfe9f6;border-radius:24px;background:linear-gradient(155deg,#f7fbff,#edf5ff);box-shadow:0 18px 42px rgba(8,85,190,.09)}
.mp4-pay-panel-head{display:flex;align-items:center;justify-content:space-between;color:var(--mp3-muted);font-size:14px;line-height:1.43;letter-spacing:-.14px}
.mp4-pay-panel-head em{display:flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;color:var(--mp3-green);background:#eaf8f2;font-style:normal;font-size:12px;line-height:1.33}
.mp4-pay-panel-head svg{width:15px;height:15px}
.mp4-app .mp4-pay-panel-value{display:flex;align-items:baseline;margin-top:10px;font-size:48px;line-height:1.17;font-weight:500!important;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.mp4-pay-panel-value small{margin-left:4px;font-size:18px;font-weight:400}
.mp4-pay-panel-wallet{min-height:64px;margin-top:20px;padding:10px 12px;display:grid;grid-template-columns:40px 1fr 18px;align-items:center;gap:11px;border:1px solid #e1e9f2;border-radius:18px;background:#fff}
.mp4-pay-panel-wallet>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.mp4-pay-panel-wallet small{color:var(--mp3-muted)}.mp4-pay-panel-wallet>svg{width:17px;color:var(--mp3-muted)}
.mp4-pay-panel-cta{height:58px;margin-top:12px;padding:0 16px;display:grid;grid-template-columns:22px 1fr 18px;align-items:center;gap:10px;border-radius:18px;color:#fff!important;background:linear-gradient(135deg,var(--mp3-blue-deep),#188cff);box-shadow:0 12px 27px rgba(8,120,255,.2);font-size:14px;line-height:1.43;font-weight:700!important;letter-spacing:-.14px}
.mp4-pay-panel-cta svg{width:20px;height:20px}.mp4-pay-panel-cta svg:last-child{width:17px}.mp4-pay-panel-cta span{text-align:center}

@media(max-width:390px){
  .mp4-app .mp4-h1,.mp4-app .mp3-headline{font-size:34px}
  .mp4-app .mp4-balance-copy>strong,.mp4-app .mp4-asset-hero>strong,.mp4-pay-panel-value{font-size:44px}
  .mp4-pay-panel{padding:20px}
}

/* MAYPAY operating features v6 */
.mp6-flow-note{margin:13px 0 0;padding:13px 14px;border-radius:14px;color:#536176;background:#f3f7fc;font-size:13px;line-height:1.55}
.mp6-bank-required{margin-top:28px;padding:28px 22px;text-align:center;border:1px solid var(--mp3-line);border-radius:24px;background:#fff}
.mp6-bank-required>svg{width:52px;height:52px;margin:auto;color:var(--mp3-blue)}
.mp6-bank-required h1{margin:14px 0 7px;font-size:22px}.mp6-bank-required p{margin:0 0 20px;color:var(--mp3-muted);font-size:14px}
.mp6-qr-modal{position:fixed;z-index:9998;inset:0;padding:18px;display:grid;place-items:center;background:rgba(7,17,31,.72);backdrop-filter:blur(7px)}
.mp6-qr-modal[hidden]{display:none}.mp6-qr-sheet{width:min(420px,100%);padding:18px;border-radius:24px;background:#fff;box-shadow:0 25px 80px rgba(0,0,0,.28)}
.mp6-qr-sheet header{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.mp6-qr-sheet h2{margin:0;font-size:20px}.mp6-qr-sheet header button{width:38px;height:38px;border:0;border-radius:12px;background:#f0f4f9;font-size:25px}
#qrReader{overflow:hidden;border:0!important;border-radius:18px;background:#111827}#qrReader video{border-radius:16px}#qrReader img{display:none}.mp6-qr-sheet>p{margin:12px 2px 0;color:var(--mp3-muted);font-size:13px}
.mp6-profile-block{margin:16px 0;padding:18px;border:1px solid var(--mp3-line);border-radius:22px;background:#fff}.mp6-profile-block>h2{margin:0 0 15px;font-size:18px}
.mp6-bank-status{display:flex;align-items:center;gap:12px;margin-bottom:15px;padding:13px;border-radius:15px;background:#eef6ff}.mp6-bank-status>svg{width:30px;height:30px;color:var(--mp3-blue)}.mp6-bank-status>span{display:flex;flex-direction:column}.mp6-bank-status small{color:var(--mp3-muted)}
.mp6-referral{display:flex;align-items:center;gap:12px;padding:14px;border-radius:15px;background:#f3f7fc}.mp6-referral>span{display:flex;flex:1;min-width:0;flex-direction:column}.mp6-referral small{overflow:hidden;color:var(--mp3-muted);text-overflow:ellipsis;white-space:nowrap}.mp6-referral button{flex:0 0 auto;border:0;border-radius:11px;padding:10px 12px;color:#fff;background:var(--mp3-blue);font-weight:700}
.mp6-benefit-list .mp4-mission>div{min-width:0}.mp6-benefit-list .mp4-mission em{display:block;margin-top:4px;color:var(--mp3-blue);font-size:11px;font-style:normal}.mp6-benefit-list .mp4-mission>strong{max-width:90px;text-align:right}
@media(max-width:560px){.mp6-profile-block{padding:16px 14px}.mp6-referral{align-items:flex-start;flex-direction:column}.mp6-referral button{width:100%}}

/* MAYPAY major-page UX suite — view and style layer only (2026-08-26). */
.mp5-app{
  --mp5-radius-lg:24px;
  --mp5-radius-md:18px;
  --mp5-shadow:0 18px 42px rgba(37,88,148,.09);
}
.mp5-app .mp3-screen{background:radial-gradient(circle at 92% 8%,rgba(8,120,255,.055),transparent 27%),linear-gradient(180deg,#fff 0%,#fff 74%,#fbfdff 100%)}
.mp5-app .mp4-eyebrow{margin:0 0 10px;color:var(--mp3-blue);font-weight:700!important}
.mp5-app .mp4-h1{margin:0;color:var(--mp3-text)}
.mp5-app .mp4-h1 em{color:var(--mp3-blue);font-style:normal}
.mp5-app .mp4-section{margin-top:22px}
.mp5-app .mp4-section-head{min-height:32px}
.mp5-app .mp4-section-head>a{display:flex;align-items:center;gap:2px;color:var(--mp3-muted);font-size:12px}
.mp5-app .mp4-section-head>a svg{width:16px;height:16px}

.mp5-focus-appbar{height:76px;padding:16px 20px 8px;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:8px}
.mp5-nav-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;color:var(--mp3-text);background:var(--mp3-panel)}
.mp5-nav-icon svg{width:19px;height:19px}
.mp5-focus-brand{display:flex;align-items:center;justify-content:center;gap:9px}
.mp5-focus-brand .mp3-logo{width:29px;height:29px}.mp5-focus-brand .mp3-logo::before,.mp5-focus-brand .mp3-logo::after{width:13px;height:22px;top:4px}.mp5-focus-brand .mp3-logo b{font-size:10px}
.mp5-focus-brand>strong{font-size:14px;line-height:1.43;font-weight:700!important;letter-spacing:-.14px}
.mp5-focus-content{padding-top:16px;padding-bottom:calc(132px + env(safe-area-inset-bottom, 0px))!important}
.mp5-focus-content>.mp4-h1,.mp5-flow>.mp4-h1{margin-bottom:0}

.mp5-steps{margin:22px 0 24px;display:grid;grid-template-columns:repeat(3,1fr);position:relative}
.mp5-steps::before{content:"";height:1px;position:absolute;left:16.66%;right:16.66%;top:13px;background:#dce3ec}
.mp5-steps>span{display:flex;align-items:center;flex-direction:column;gap:7px;position:relative;color:#9aa3af;font-size:11px;line-height:1.33}
.mp5-steps i{width:26px;height:26px;display:grid;place-items:center;border:1px solid #dce3ec;border-radius:50%;background:#fff;font-style:normal;font-size:11px;line-height:1}
.mp5-steps b{font-weight:700!important}
.mp5-steps .active{color:var(--mp3-blue)}.mp5-steps .active i{border-color:var(--mp3-blue);color:#fff;background:var(--mp3-blue);box-shadow:0 7px 16px rgba(8,120,255,.18)}

.mp5-flow-section>.mp4-h2{margin:0 0 10px}
.mp5-spaced{margin-top:22px}
.mp5-recipient{min-height:72px;padding:10px 14px;display:grid!important;grid-template-columns:46px 1fr 18px;align-items:center;gap:11px;border:1px solid #dfe8f2;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(52,97,150,.055)}
.mp5-recipient>i{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(145deg,var(--mp3-blue),#56adff);font-style:normal;font-size:14px;font-weight:700;box-shadow:0 9px 20px rgba(8,120,255,.18)}
.mp5-recipient>span{min-width:0;display:flex;flex-direction:column;gap:4px}
.mp5-recipient input{width:100%!important;min-height:22px!important;padding:0!important;border:0!important;outline:0;box-shadow:none!important;background:transparent!important;font-size:14px!important;line-height:1.43!important;font-weight:700!important}
.mp5-recipient input::placeholder{color:#c1c8d2!important;opacity:1;font-weight:400!important}
.mp5-recipient small{color:var(--mp3-muted);font-size:11px!important;line-height:1.33}
.mp5-recipient>svg{width:17px;height:17px;color:var(--mp3-muted)}
.mp5-people{margin-top:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.mp5-people button{padding:0;display:flex;align-items:center;flex-direction:column;gap:6px;border:0;color:var(--mp3-muted);background:transparent;font-size:11px;line-height:1.33}
.mp5-people button i{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;color:#315f94;background:var(--mp3-panel);font-style:normal;font-weight:700}
.mp5-people button svg{width:17px;height:17px}

.mp5-amount-box{padding:18px;border-radius:22px;background:var(--mp3-panel)}
.mp5-amount-box>span{color:var(--mp3-muted);font-size:12px;line-height:1.33}
.mp5-amount-box>div{margin-top:8px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;border-bottom:2px solid var(--mp3-blue)}
.mp5-amount-box input{width:100%!important;min-height:48px!important;padding:0 0 8px!important;border:0!important;outline:0;box-shadow:none!important;background:transparent!important;font-size:36px!important;line-height:1.28!important;font-weight:500!important;letter-spacing:-.035em!important}
.mp5-amount-box>div b{padding-bottom:9px;font-size:18px;line-height:1.44}
.mp5-amount-box>small{display:block;margin-top:8px;color:var(--mp3-muted);font-size:12px;line-height:1.33}
.mp5-pills{margin-top:10px;display:flex;gap:7px;flex-wrap:wrap}
.mp5-pills button{padding:8px 11px;border:0;border-radius:999px;color:#536072;background:var(--mp3-panel);font-size:12px;line-height:1.33;font-weight:700}
.mp5-memo{height:52px;margin-top:13px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--mp3-line);border-radius:16px;color:var(--mp3-muted);background:#fff;font-size:14px}
.mp5-memo b{color:var(--mp3-text)}
.mp5-source{min-height:72px;padding:10px 14px;display:grid;grid-template-columns:44px 1fr 18px;align-items:center;gap:11px;border:1px solid var(--mp3-line);border-radius:20px;background:#fff}
.mp5-source>i{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:var(--mp3-blue);background:var(--mp3-blue-soft)}
.mp5-source>i svg{width:19px;height:19px}.mp5-source>span{display:flex;flex-direction:column;gap:3px}.mp5-source small{color:var(--mp3-muted)}.mp5-source>svg{width:17px;color:var(--mp3-muted)}
.mp5-preview{margin-top:12px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:16px;background:var(--mp3-panel);font-size:13px}.mp5-preview span{color:var(--mp3-muted)}.mp5-preview b{text-align:right}
.mp5-pin{margin-top:16px!important;border:1px solid transparent;background:var(--mp3-panel)}
.mp5-primary{min-height:58px;display:flex!important;align-items:center;justify-content:center;gap:9px;border-radius:18px!important;text-decoration:none}
.mp5-primary svg{width:19px;height:19px}.mp5-primary svg:last-child{width:17px}

.mp5-scan-panel{min-height:238px;padding:20px;display:flex;align-items:center;flex-direction:column;border-radius:24px;background:linear-gradient(155deg,#f7fbff,#edf5ff);box-shadow:var(--mp5-shadow)}
.mp5-scan-panel>span{color:var(--mp3-blue);font-size:12px;line-height:1.33;font-weight:700;letter-spacing:.08em}
.mp5-scan-panel h2{margin:7px 0 0!important;text-align:center}.mp5-scan-panel p{margin:6px 0 0;color:var(--mp3-muted);font-size:14px;line-height:1.43;text-align:center}
.mp5-scanner{width:96px;height:96px;margin-top:17px;display:grid;place-items:center;position:relative;border-radius:24px;background:#fff;box-shadow:0 14px 34px rgba(35,90,150,.13)}
.mp5-scanner::before{content:"";width:55px;height:55px;position:absolute;border:3px solid var(--mp3-blue);border-top-color:transparent;border-bottom-color:transparent;border-radius:14px}.mp5-scanner::after{content:"";width:38px;height:2px;position:absolute;background:linear-gradient(90deg,transparent,var(--mp3-blue),transparent);box-shadow:0 0 12px rgba(8,120,255,.5)}
.mp5-scanner svg{width:28px;height:28px;color:var(--mp3-blue)}
.mp5-pay-method{margin-top:22px}.mp5-payment-card{height:142px;margin-top:10px}
.mp5-card-balance{margin-top:17px!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;position:relative;z-index:1}
.mp5-card-balance>span{display:flex;flex-direction:column;color:rgba(255,255,255,.68);font-size:11px;line-height:1.33}.mp5-card-balance strong{margin-top:4px;color:#fff;font-size:24px!important;line-height:1.25;font-weight:500!important;letter-spacing:-.03em}.mp5-card-balance>small{color:rgba(255,255,255,.74)!important;font-size:11px!important;letter-spacing:.06em}
.mp5-safety{margin:10px 0 0;display:flex;align-items:center;gap:7px;color:var(--mp3-muted);font-size:12px;line-height:1.33}.mp5-safety svg{width:15px;height:15px;color:var(--mp3-green)}
.mp5-scan-cta{margin-top:18px}.mp5-scan-cta svg{width:20px!important}.mp5-app .mp4-direct-pay{margin-top:14px!important;border-color:#e5ebf2;background:#fbfcfe;box-shadow:none}

.mp5-month{margin-top:22px;display:flex;align-items:center;justify-content:space-between}
.mp5-month button{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:12px;color:var(--mp3-muted);background:var(--mp3-panel)}.mp5-month button svg{width:17px;height:17px}.mp5-month>b{font-size:18px;line-height:1.44}
.mp5-spend-summary{margin-top:12px;padding:20px;border-radius:24px;background:linear-gradient(145deg,#f7fbff,#edf5ff);box-shadow:var(--mp5-shadow)}
.mp5-spend-summary>span{color:var(--mp3-muted);font-size:13px}.mp5-spend-summary>div{margin-top:6px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.mp5-spend-summary>div>strong{font-size:36px;line-height:1.28;font-weight:500!important;letter-spacing:-.035em}.mp5-spend-summary>div>strong small{margin-left:3px;font-size:16px}.mp5-spend-summary em{padding:5px 8px;border-radius:9px;color:var(--mp3-blue);background:#fff;font-size:11px;font-style:normal;white-space:nowrap}.mp5-spend-summary>p{margin:14px 0 0;padding-top:12px;display:flex;justify-content:space-between;gap:10px;border-top:1px solid rgba(112,143,180,.16);color:var(--mp3-muted);font-size:11px}
.mp5-filters{margin-top:14px;display:flex;gap:7px}.mp5-filters button{padding:8px 12px;border:0;border-radius:999px;color:var(--mp3-muted);background:var(--mp3-panel);font-size:12px;line-height:1.33}.mp5-filters button.active{color:#fff;background:var(--mp3-blue);font-weight:700}
.mp5-date-label{display:block;margin:18px 0 2px;color:var(--mp3-muted);font-size:12px}.mp5-history-list{margin-top:0}

@media(max-width:390px){
  .mp5-focus-appbar{padding-left:18px;padding-right:18px}
  .mp5-app .mp5-focus-content{padding-left:20px;padding-right:20px}
  .mp5-amount-box input{font-size:34px!important}
  .mp5-spend-summary>div>strong{font-size:32px}
}

/* MAYPAY navigation visibility and focus-screen safe spacing — v20260826.4 */
.mp4-app .mp3-bottom{height:calc(82px + env(safe-area-inset-bottom, 0px));padding:7px 8px calc(10px + env(safe-area-inset-bottom, 0px));border-top-color:#cfd8e4;background:rgba(239,244,249,.98);box-shadow:0 -10px 28px rgba(24,50,84,.12)}
.mp4-app .mp3-bottom>a{color:#536173;font-weight:600}
.mp4-app .mp3-bottom>a>svg{stroke-width:2}
.mp4-app .mp3-bottom>a.active{color:#0069ed}
.mp4-app .mp3-bottom .mp3-center>i{background:#006ff4;box-shadow:0 9px 22px rgba(0,85,204,.32)}

/* MAYPAY member transaction policy — v20260826.8 */
.mp4-app .mp3-app-actions .mp6-top-logout{width:auto;min-width:76px;height:38px;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #dce4ee;color:#3c4b5e;background:#f1f5f9;font-size:12px;font-weight:700}
.mp4-app .mp3-app-actions .mp6-top-logout svg{width:16px;height:16px}
@media(max-width:390px){.mp4-app .mp3-appbar{padding-left:18px;padding-right:18px}.mp4-app .mp3-app-actions .mp6-top-logout{min-width:68px;padding:0 8px;font-size:11px}}

/* MAYPAY familiar-pay layout — v20261008.10 */
.mp7-app{
  --mp3-blue:#6f35e8;
  --mp3-blue-deep:#5421c8;
  --mp3-blue-soft:#f2edff;
  --mp3-panel:#f7f5fb;
  --mp3-text:#241c35;
  --mp3-muted:#7c748b;
  --mp3-line:#e9e4f1;
  --mp3-green:#1b9b78;
  background:#eeeaf4;
}
.mp7-app .mp3-screen{background:#fff;box-shadow:0 12px 55px rgba(59,32,95,.12)}
.mp7-app .mp3-appbar{height:68px;padding:12px 20px 8px;border-bottom:1px solid rgba(92,55,145,.07);background:rgba(255,255,255,.96)}
.mp7-app .mp3-logo::before{background:linear-gradient(180deg,#ff3dac,#f12681)}
.mp7-app .mp3-logo::after{background:linear-gradient(180deg,#8460ff,#5b2bd8)}
.mp7-app .mp3-brand>strong{font-size:15px;letter-spacing:.02em}
.mp7-app .mp3-app-actions>a:not(.mp6-top-logout){color:#5f2cd4;background:#f5f1ff}
.mp7-app .mp3-app-actions .mp6-top-logout{border-color:#e5dff0;color:#5f5570;background:#f8f6fb}
.mp7-app .mp3-content{padding-left:18px;padding-right:18px}
.mp7-app .mp3-home-content{padding-top:13px;padding-bottom:116px}

.mp7-welcome{display:flex;flex-direction:column;gap:3px;margin:2px 2px 15px}.mp7-welcome span{color:#81778f;font-size:12px}.mp7-welcome strong{font-size:20px;line-height:1.35;letter-spacing:-.03em}
.mp7-balance-card{min-height:174px;padding:20px 20px 17px;display:flex;flex-direction:column;position:relative;overflow:hidden;border-radius:24px;color:#fff;background:linear-gradient(135deg,#4320bb 0%,#7b39ed 55%,#d632bc 116%);box-shadow:0 18px 36px rgba(92,42,190,.28)}
.mp7-balance-card::before{content:"";width:210px;height:210px;position:absolute;right:-115px;top:-110px;border-radius:50%;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 0 30px rgba(255,255,255,.055),0 0 0 61px rgba(255,255,255,.035)}
.mp7-balance-card::after{content:"M";position:absolute;right:20px;bottom:-17px;color:rgba(255,255,255,.08);font-size:104px;font-weight:700;font-style:italic;line-height:1}
.mp7-balance-top,.mp7-balance-bottom{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.mp7-balance-top>span{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.82);font-size:13px}.mp7-balance-top>span svg{width:17px;height:17px}.mp7-balance-top em{display:flex;align-items:center;gap:2px;color:rgba(255,255,255,.76);font-size:11px;font-style:normal}.mp7-balance-top em svg{width:14px;height:14px}
.mp7-balance-card>strong{margin-top:14px;position:relative;z-index:1;font-size:38px!important;line-height:1.12;font-weight:700!important;letter-spacing:-.035em}.mp7-balance-card>strong small{margin-left:5px;font-size:16px;font-weight:400}.mp7-balance-bottom{margin-top:auto;padding-top:13px;border-top:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.72);font-size:11px}.mp7-balance-bottom b{font-weight:700!important}
.mp7-services{margin-top:23px}.mp7-section-head{min-height:31px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.mp7-section-head h2{margin:0;font-size:18px;line-height:1.4;letter-spacing:-.025em}.mp7-section-head a{display:flex;align-items:center;gap:1px;color:#81788e;font-size:11px}.mp7-section-head a svg{width:14px;height:14px}
.mp7-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mp7-service-grid>a{min-height:113px;padding:13px 7px 10px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #eee9f4;border-radius:19px;background:#fff;box-shadow:0 7px 19px rgba(67,42,98,.055)}.mp7-service-grid i{width:45px;height:45px;display:grid;place-items:center;border-radius:16px;font-style:normal}.mp7-service-grid i svg{width:21px;height:21px}.mp7-service-grid b{margin-top:8px;font-size:13px}.mp7-service-grid small{margin-top:2px;color:#958d9f;font-size:10px!important}.mp7-service-grid .violet{color:#6531dc;background:#eee7ff}.mp7-service-grid .pink{color:#d72883;background:#ffe8f3}.mp7-service-grid .blue{color:#2379d9;background:#e6f3ff}.mp7-service-grid .mint{color:#138d70;background:#e5f8f2}.mp7-service-grid .orange{color:#d9771e;background:#fff0df}.mp7-service-grid .slate{color:#59677c;background:#edf1f6}
.mp7-notice{min-height:86px;margin-top:20px;padding:13px 12px;display:grid;grid-template-columns:42px minmax(0,1fr) 17px;align-items:center;gap:10px;border:1px solid #ebe5f3;border-radius:19px;background:linear-gradient(135deg,#faf7ff,#fff7fc)}.mp7-notice-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(145deg,#7436ea,#dc36a4);box-shadow:0 8px 18px rgba(121,49,207,.19)}.mp7-notice-icon svg{width:19px;height:19px}.mp7-notice>span:nth-child(2){min-width:0;display:flex;flex-direction:column}.mp7-notice small{color:#7b3dde;font-size:10px!important;font-weight:700}.mp7-notice b{overflow:hidden;margin-top:2px;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.mp7-notice em{overflow:hidden;margin-top:2px;color:#8f869b;font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.mp7-notice>svg{width:16px;height:16px;color:#9c94a6}
.mp7-helper{min-height:102px;margin-top:10px;padding:17px 17px 16px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;border-radius:20px;background:linear-gradient(135deg,#38206d,#6a35b4);color:#fff}.mp7-helper>span{display:flex;flex-direction:column}.mp7-helper small{color:#d8c9f5;font-size:10px!important;font-weight:700;letter-spacing:.06em}.mp7-helper b{margin-top:4px;font-size:15px}.mp7-helper em{margin-top:3px;color:#d7cee5;font-size:10px;font-style:normal}.mp7-helper>i{width:54px;height:54px;display:grid;place-items:center;flex:0 0 auto;border-radius:18px;background:rgba(255,255,255,.14);font-style:normal}.mp7-helper svg{width:25px;height:25px}
.mp7-recent{margin-top:22px}.mp7-recent .mp3-list-row{min-height:64px}.mp7-recent .mp3-list-icon{color:#6f35e8;background:#f0ebff}.mp7-recent .mp3-list-row>strong{font-size:12px!important}.mp7-recent .mp3-list-row>strong.plus{color:#2376d1}

.mp7-app .mp4-h1 em,.mp7-app .mp4-eyebrow{color:#6f35e8}.mp7-app .mp4-wallet-card{background:linear-gradient(145deg,#3d2375 0%,#6f35e8 58%,#d33aa7 125%);box-shadow:0 18px 38px rgba(85,42,156,.22)}
.mp7-app .mp3-primary,.mp7-app .mp5-primary{background:linear-gradient(135deg,#5c2bd7,#8d43ed)!important;box-shadow:0 12px 24px rgba(101,48,214,.22)!important}
.mp7-app .mp5-steps .active i,.mp7-app .mp5-filters button.active{border-color:#6f35e8;background:#6f35e8}.mp7-app .mp5-amount-box>div{border-bottom-color:#6f35e8}.mp7-app .mp5-scan-panel,.mp7-app .mp5-spend-summary{background:linear-gradient(155deg,#faf8ff,#f1ebff)}.mp7-app .mp5-scanner::before{border-left-color:#6f35e8;border-right-color:#6f35e8}.mp7-app .mp5-scanner::after{background:linear-gradient(90deg,transparent,#6f35e8,transparent)}
.mp7-app .mp4-asset-logo,.mp7-app .mp4-profile-card>span:first-child,.mp7-app .mp5-recipient>i{background:linear-gradient(145deg,#6730dc,#d838a8)}
.mp7-app .mp3-bottom{height:calc(78px + env(safe-area-inset-bottom,0px));padding:6px 6px calc(9px + env(safe-area-inset-bottom,0px));border-top-color:#d9d0e6;background:rgba(248,246,251,.98);box-shadow:0 -9px 26px rgba(55,33,82,.13)}.mp7-app .mp3-bottom>a{color:#62596e;font-size:11px;font-weight:700}.mp7-app .mp3-bottom>a.active{color:#6b32dc}.mp7-app .mp3-bottom .mp3-center>i{background:linear-gradient(145deg,#5b29d1,#963fe8);box-shadow:0 9px 22px rgba(86,40,193,.34)}
@media(min-width:700px){.mp7-app .mp3-screen{border-radius:29px}.mp7-app .mp3-bottom{border-radius:0 0 29px 29px}}
@media(max-width:390px){.mp7-app .mp3-content{padding-left:15px;padding-right:15px}.mp7-balance-card{min-height:166px}.mp7-service-grid{gap:7px}.mp7-service-grid>a{min-height:108px}.mp7-app .mp3-app-actions .mp6-top-logout span{display:none}.mp7-app .mp3-app-actions .mp6-top-logout{min-width:38px;width:38px;padding:0}}
/* Central wallet additions */
[hidden]{display:none!important}.ops-card input[type="checkbox"]{width:18px;height:18px;padding:0;margin:0 8px 0 0;vertical-align:middle;accent-color:#6f35e8}.central-balances strong b{margin-left:4px}
.central-balances{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.central-balances a{display:flex;flex-direction:column;gap:8px;padding:20px 15px;background:#f4efff;border:1px solid #e8defb;border-radius:20px;color:#302046;text-decoration:none;min-width:0}.central-balances a:nth-child(2){background:#fff0f6;border-color:#f7dfe9}.central-balances small{font-size:12px;color:#776780}.central-balances strong{font-size:23px;overflow-wrap:anywhere}.central-balances strong b{font-size:12px}.central-balances em{font-size:11px;font-style:normal;color:#816479}.central-field{display:flex;flex-direction:column;gap:9px;margin:22px 0}.central-field span{font-size:14px;font-weight:700}.central-field input,.central-field select{width:100%;box-sizing:border-box;border:1px solid #e5ddec;border-radius:15px;padding:15px;background:#fff;color:#352944;font:inherit}.central-quote{padding:20px;border-radius:18px;background:#f4efff;color:#49305d;white-space:pre-line;line-height:1.8;margin:20px 0;overflow-wrap:anywhere}.central-history{margin-top:28px}.central-record{display:flex;flex-direction:column;gap:7px;padding:16px 0;border-bottom:1px solid #eee7f3}.central-record b,.central-record span{font-size:14px}.central-record small{color:#8b7b96;font-size:11px;overflow-wrap:anywhere}.central-pair{border-top:1px solid #ede8f3;padding:18px 0}.central-pair h3{margin:0 0 16px}.secret-box{overflow-wrap:anywhere}.central-balances a:focus-visible,.central-field input:focus-visible,.central-field select:focus-visible{outline:3px solid #b997ee;outline-offset:3px}