.review-grid.a-only{grid-template-columns:repeat(2,minmax(0,1fr));max-width:868px}.type-b #app,.embedded body.type-b{background:#fafafa}.type-b .b-header{background:#fafafa}.type-b .a-status{background:#fafafa}.b-main{padding:0 21px 109px}.b-greeting{padding:19px 6px 21px}.b-greeting>span{font-size:calc(15px + 2pt);color:#929496;font-weight:400}.b-greeting h1{font-size:21px;line-height:1.4;font-weight:650;letter-spacing:-.8px;margin:3px 0 0}.b-balance-card{border-radius:17px;background:white;box-shadow:0 4px 6px #2533450b;overflow:hidden}.b-balance-main{padding:24px 24px 23px;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:116px}.b-balance-amount{text-align:left;padding:0}.b-balance-amount>span{font-size:13px;font-weight:400;color:#9b9da0;display:block;margin-bottom:7px}.b-balance-amount strong{font-size:30px;font-weight:700;letter-spacing:-1px}.b-pay-button{background:#1688f5;color:white;border-radius:11px;padding:13px 17px;font-size:15px;font-weight:600;white-space:nowrap}.b-recent{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 24px;background:#fbfbfc;border-top:1px solid #f6f6f6;font-size:11px;color:#96999e}.b-recent strong{font-weight:500;color:#555e68;margin-left:6px}.b-recent>span:last-child{display:flex;align-items:center;gap:2px}.b-recent .chev{width:12px;height:12px}.b-service-grid{margin-top:25px;display:grid;grid-template-columns:1.03fr 1fr;grid-template-rows:77px 77px;gap:14px;position:relative}.b-service-grid button{background:white;border:1px solid #ebebed;border-radius:18px}.b-guide-wrap{grid-row:1/3;position:relative}.b-guide{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.b-guide>img{width:100px;height:100px;object-fit:contain}.b-service-grid h2{font-size:18px;font-weight:650;line-height:1.3;letter-spacing:-.6px}.b-side-card{display:flex;align-items:center;gap:9px;text-align:left;padding:10px 12px;position:relative}.b-side-card>img{width:43px;height:47px;object-fit:contain;flex-shrink:0}.b-side-card h2{font-size:16px;white-space:nowrap}.b-kakao>img{width:43px;height:43px}.b-bubble{position:absolute;z-index:2;white-space:nowrap;border-radius:20px;font-size:11px;font-weight:400;line-height:1.1;padding:6px 9px;pointer-events:none;animation:bubble-appear .5s both,bubble-float 3.2s .5s ease-in-out infinite}.b-bubble:after{content:'';position:absolute;width:7px;height:7px;transform:rotate(45deg);bottom:-4px;left:24px}.b-bubble-outline{top:-13px;left:8px;color:#ef8500;background:white;border:1px solid #ff9800}.b-bubble-outline:after{background:white;border-right:1px solid #ff9800;border-bottom:1px solid #ff9800}.b-bubble-solid{right:4px;bottom:-11px;color:white;background:#ff9200;animation-delay:.2s,1.1s}.b-bubble-solid:after{background:#ff9200;top:-3px;left:auto;right:24px}.b-quick{display:flex;align-items:center;margin-top:25px;background:white;border:1px solid #ebebed;border-radius:18px;padding:17px 4px 15px}.b-quick button{flex:1;padding:0;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:13px;font-weight:400;white-space:nowrap}.b-quick img{height:43px;width:48px;object-fit:contain}.b-ad{margin:25px -21px 0;background:#d3eaff;width:calc(100% + 42px);height:119px;position:relative;text-align:left;padding:22px 27px;overflow:hidden;display:block}.b-ad h2{font-size:21px;font-weight:650;line-height:1.45;letter-spacing:-.7px;position:relative;z-index:1}.b-ad img{position:absolute;right:14px;bottom:-4px;width:124px;height:124px;object-fit:contain}.type-b .b-nav{height:76px;background:transparent;border:none;backdrop-filter:none;overflow:visible;padding:17px 17px 11px;align-items:flex-end;isolation:isolate}.b-nav-border{position:absolute;inset:0;width:100%;height:100%;z-index:-1;filter:drop-shadow(0 -3px 3px #00000004);stroke-linecap:butt;stroke-linejoin:round}.type-b .b-nav a{padding:0;font-size:10px;color:#959ba1;font-weight:400}.type-b .b-nav a.active{color:#202a35}.type-b .b-nav svg:not(.b-nav-border){height:23px;width:23px;margin-bottom:6px}.type-b .b-nav .b-center{position:relative;padding-top:0;overflow:visible}.b-pay-circle{display:grid;place-items:center;width:60px;height:60px;background:#111;border-radius:50%;color:white;margin:-35px auto 7px}.type-b .b-nav .b-pay-circle svg{margin:0;width:25px;height:25px}.type-b .a-blank{background:white}@keyframes bubble-appear{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}@keyframes bubble-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@media(hover:hover){.b-service-grid button:hover{box-shadow:0 4px 12px #2434400a}.b-guide-wrap:hover .b-bubble,.b-kakao:hover .b-bubble{animation-play-state:paused}}@media(max-width:700px){.review-grid.a-only{display:flex;max-width:420px}.review-grid.a-only .device{max-width:100%}}@media(prefers-reduced-motion:reduce){.b-bubble{animation:none}}
.type-b .b-nav .b-nav-border{position:absolute;inset:0;width:100%;height:100%;margin:0;fill:none;stroke:none;z-index:-1}

.type-b .b-nav .b-nav-border{top:-20px;bottom:auto;height:96px}

/* Concentric 30px action button and 40px outer semicircle. */
.type-b .b-nav{height:70px}
.type-b .b-nav .b-nav-border{top:-40px;height:110px;filter:none}
.type-b .b-nav .b-center{position:static;height:41px;display:flex;align-items:flex-end;justify-content:center}
.type-b .b-nav .b-pay-circle{position:absolute;left:50%;top:-30px;transform:translateX(-50%);width:60px;height:60px;margin:0}
.b-side-card[data-go="installment"]>img{object-fit:cover}
.b-quick img{transform:scale(1.3)}
.b-quick button[data-go="cards-accounts"] img{transform:scale(1.05)}

.b-balance-ref{background:white;border-radius:20px;box-shadow:0 3px 8px #2533450b}
.b-balance-top{display:flex;align-items:center;justify-content:space-between;width:100%;padding:22px 23px 20px;min-height:78px;text-align:left}
.b-balance-label{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#303b46}
.b-won{display:grid;place-items:center;background:#1688f5;color:white;width:24px;height:24px;border-radius:7px;font-size:15px;letter-spacing:0}
.b-balance-total{display:flex;align-items:center;gap:9px;font-size:28px;font-weight:700;letter-spacing:-.8px}
.b-balance-total .chev{width:16px;height:16px;color:#a3aab1}
.b-balance-actions{margin:0 23px;border-top:1px solid #f1f3f5;padding:3px 0}
.b-balance-pay{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:15px 0;font-size:16px;font-weight:600}
.b-balance-pay>svg:first-child{color:#1688f5;width:23px;height:23px}
.b-balance-pay>.chev{width:14px;height:14px;color:#a3aab1;margin-left:2px}
.b-balance-ref .b-recent{background:#f5f8fb;border-top:0;padding:17px 23px;font-size:11px}
.b-balance-ref .b-recent strong{color:#303b46;font-size:13px;font-weight:600}

.b-charge-actions{display:flex;align-items:center;margin:0 23px;padding:17px 0 20px;border-top:1px solid #f1f3f5}
.b-charge-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;padding:2px 0;font-size:16px;font-weight:500;line-height:22px}
.b-charge-actions button+button{border-left:1px solid #e9edf1}
.b-charge-actions svg{width:23px;height:23px;color:#5a6a78;stroke-width:1.8}
.b-points{display:flex;align-items:center;width:100%;padding:15px 23px;background:#f5f8fb;gap:9px;font-size:14px;font-weight:400;text-align:left;min-height:59px}
.b-points>img{width:29px;height:29px;object-fit:contain;transform:scale(1.2)}
.b-points>span{color:#7d8892}
.b-points>strong{margin-left:auto;color:#303b46;font-size:18px;font-weight:650;letter-spacing:-.4px}
.b-points>.chev{width:14px;height:14px;color:#a3aab1;margin-left:0}

.b-charge-actions{padding:10px 0 11px}
.b-points{padding:8px 23px;min-height:45px}

.b-guide-scene{display:block;position:relative;flex:none;width:100%;height:100px;overflow:hidden;isolation:isolate}
.b-scene-store{position:absolute;left:50%;top:0;transform:translateX(-50%);width:100px;height:100px;object-fit:contain;z-index:0}
.b-scene-rider{position:absolute;left:0;bottom:-1px;width:61px;height:61px;z-index:2;animation:b-rider-arrive 8s infinite}
.b-scene-rider>img{width:100%;height:100%;object-fit:contain;animation:b-rider-idle .32s ease-in-out infinite}
.b-scene-owner{position:absolute;right:0;bottom:0;width:40px;height:80px;z-index:1;animation:b-owner-arrive 8s infinite}
.b-owner-walk{display:block;width:40px;height:80px;background:url('b-owner-walk.png') 0 0/300% 100% no-repeat;animation:b-owner-gait 8s steps(1,end) infinite}
@keyframes b-rider-arrive{0%,4%{opacity:0;transform:translateX(-65px)}8%{opacity:1}38%,78%{opacity:1;transform:translateX(1px)}88%,100%{opacity:0;transform:translateX(1px)}}
@keyframes b-owner-arrive{0%,4%{opacity:0;transform:translateX(48px)}8%{opacity:1}40%,78%{opacity:1;transform:translateX(0)}88%,100%{opacity:0;transform:translateX(0)}}
@keyframes b-owner-gait{0%,6%,18%,30%,40%,100%{background-position:0 0}10%,22%,34%{background-position:50% 0}14%,26%,38%{background-position:100% 0}}
@keyframes b-rider-idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-.8px)}}
@media(prefers-reduced-motion:reduce){.b-scene-rider,.b-scene-owner{animation:none;opacity:1;transform:none}.b-scene-rider>img,.b-owner-walk{animation:none}}

.b-scene-owner{animation:none;opacity:1;transform:none}
.b-owner-static{display:block;width:40px;height:80px;object-fit:cover}
.b-scene-owner,.b-owner-static{width:48px;height:96px}
.b-scene-rider{width:54px;height:54px}
.b-guide>img.b-guide-composite{width:150px;height:100px;max-width:100%;object-fit:contain}

.type-b .b-nav svg.b-bottom-icon{width:26px;height:26px;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;margin-bottom:5px}
.type-b .b-nav .b-pay-circle svg.b-bottom-icon{width:27px;height:27px;margin:0;stroke-width:2.1}
.b-service-grid button,.b-quick{box-shadow:0 4px 12px #2434400a}
.b-service-grid button:hover,.b-quick:hover{box-shadow:0 4px 12px #2434400a}
.type-b .b-header .a-logo{width:80px}
.b-quick img{transform:scale(1.5)}
.b-quick button[data-go="cards-accounts"] img{transform:scale(1.21)}

/* Guide: the rider reaches the store in sync with a quick celebratory burst. */
.b-guide-motion{position:relative;display:block;flex:none;width:150px;height:100px;max-width:100%;overflow:hidden;isolation:isolate}
.b-guide-motion>.b-guide-composite{display:block;width:100%;height:100%;object-fit:contain}
.b-guide-delivery{position:absolute;left:0;bottom:0;width:46px;height:46px;z-index:2;animation:b-guide-delivery 4s cubic-bezier(.22,.7,.3,1) infinite}
.b-guide-delivery>img{width:100%;height:100%;object-fit:contain}
.b-guide-pop{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:visible}
.b-guide-burst{transform-origin:84px 49px;animation:b-guide-burst 4s ease-out infinite}
@keyframes b-guide-delivery{0%,4%{opacity:0;transform:translateX(-49px)}7%{opacity:1}18%,83%{opacity:1;transform:translateX(0)}91%,100%{opacity:0;transform:translateX(0)}}
@keyframes b-guide-burst{0%,14%{opacity:0;transform:scale(.35)}19%{opacity:1;transform:scale(1.12)}25%{opacity:1;transform:scale(1)}38%,100%{opacity:0;transform:scale(1.15)}}
@media(prefers-reduced-motion:reduce){.b-guide-delivery{animation:none;opacity:1;transform:none}.b-guide-burst{animation:none;opacity:0}}

.b-guide-phone{position:absolute;left:52.45%;top:50.55%;width:5.48%;height:16.65%;background:white;border-radius:1px;display:grid;place-items:center;z-index:1;overflow:hidden;animation:b-guide-screen 4s linear infinite}
.b-guide-phone:after{content:'';position:absolute;top:.25px;left:36%;width:28%;height:.45px;border-radius:1px;background:#142b47}
.b-guide-phone>img{width:76%;height:auto;object-fit:contain}
@keyframes b-guide-screen{0%,14%{opacity:0}18%,85%{opacity:1}90%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.b-guide-phone{animation:none;opacity:1}}

.b-greeting .b-store-name{color:#000;font-weight:700;text-decoration:none;background:linear-gradient(transparent 65%,#ffdbad 65%,#ffdbad 96%,transparent 96%);padding:0 1px}

/* Supplied toolbar artwork, sized by visible bounds to match the reference. */
.type-b .b-nav svg.b-toolbar-home{width:28px;height:27px;margin-bottom:9px;stroke:none}
.type-b .b-nav svg.b-toolbar-user{width:23px;height:27px;margin-bottom:9px;stroke:none}
.type-b .b-nav .b-pay-circle svg.b-toolbar-card{width:30px;height:24px;margin:0;stroke:none;filter:brightness(0) invert(1)}