.avatar{overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.identity{display:flex;gap:12px;align-items:center;min-width:0}.identity>div:last-child{min-width:0}.identity h2{font-size:20px;overflow-wrap:anywhere}.self-avatar{width:56px;height:56px;font-size:25px}.welcome{gap:10px;align-items:flex-start}.welcome>#logout{padding:10px 12px;min-height:42px;margin-top:5px}.photo-link{padding:0;min-height:28px;background:none;color:#bd3568;font-size:11px;text-align:left}.balance-button{background:#ffe0ec;color:#7d264b;width:100%;margin-top:20px}.back-button{background:none;color:#aa3563;padding:4px 0 16px;min-height:44px;font-size:13px}.page-title{font-size:32px;line-height:1.2;max-width:330px;letter-spacing:-1.2px;margin:10px 0 14px}.wallet-strip{display:flex;justify-content:space-between;gap:12px;background:#fbe1ec;padding:15px 17px;border-radius:13px;margin:24px 0 18px;font-size:12px}.wallet-strip strong{color:#a52d5d}.rate-note{display:flex;align-items:center;gap:14px;padding:10px 0 24px}.coin-symbol{display:grid;place-items:center;border:1px solid #c99939;background:#f7e6b3;color:#8d6619;width:40px;height:40px;border-radius:50%;font-size:22px}.rate-note strong{font-size:14px}.rate-note p{font-size:11px;color:#916e7f;margin:4px 0 0}.package-card{position:relative;background:#fff;border:1px solid #f0d5e1;border-radius:20px;padding:23px;margin-bottom:18px;overflow:hidden}.package-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.package-heading h3{font-size:25px;letter-spacing:-1px;margin:0}.coin-pill{font-size:10px;font-weight:650;background:#f4ecd7;color:#7c5d20;padding:7px 10px;border-radius:20px;white-space:nowrap}.package-subtitle{font-size:12px;color:#916e7f;margin:7px 0 18px}.package-price{display:flex;align-items:baseline;gap:11px}.package-price strong{font-size:36px;letter-spacing:-1px}.package-price del{font-size:14px;color:#8b968e}.package-saving{font-size:12px;font-weight:650;color:#bd3568;margin:8px 0}.package-detail{font-size:12px;color:#916e7f;margin:8px 0}.package-card button{width:100%;margin-top:15px}.featured-package{border:2px solid #bd3568;background:#fff7fb;padding-top:48px}.package-ribbon{position:absolute;top:0;left:0;right:0;padding:9px 22px;background:#bd3568;color:white;font-size:9px;letter-spacing:1.8px;font-weight:650}.shop-note{font-size:11px;color:#957183;text-align:center;line-height:1.8;padding:0 10px}.checkout-card{margin-top:25px}.checkout-card h3{font-size:22px;margin:10px 0 25px;letter-spacing:-.6px}.receipt-row{display:flex;justify-content:space-between;gap:12px;margin:17px 0;font-size:13px}.receipt-row>span:first-child{color:#916e7f}.discount-row strong{color:#bd3568}.receipt-total{border-top:1px solid #efd6e1;padding-top:22px;margin-top:22px;font-size:20px}.receipt-total strong:last-child{font-size:28px;letter-spacing:-.8px}.currency-note{font-size:10px;color:#957183;margin-bottom:0}.payment-notice{background:#fce7ef;color:#8c365b}.payment-notice p{font-size:12px;margin-bottom:0}.payment-disabled{width:100%;opacity:.65!important;background:#b994a5}.photo-editor{text-align:center;margin-top:24px}.profile-preview{width:150px;height:150px;margin:10px auto 18px;font-size:60px;border:5px solid #fae1ed}.photo-editor #profileName{font-weight:650;font-size:18px}.photo-editor>button{width:100%}.photo-editor #savePhoto{margin-top:10px}.call #callAvatar{width:116px;height:116px;border:5px solid #fae1ed;font-size:45px}.call-self{display:flex;justify-content:center;gap:8px;align-items:center;margin:18px 0;color:#916e7f;font-size:11px}.call .call-self .avatar{height:30px;width:30px;font-size:13px;margin:0}.call #callTime{font-size:27px}@media(max-width:350px){.self-avatar{width:42px;height:42px;font-size:20px}.identity{gap:8px}.identity h2{font-size:17px}.package-card{padding-left:18px;padding-right:18px}.coin-pill{font-size:9px}.package-price strong{font-size:32px}}
.app-header{position:sticky;top:0;z-index:10;background:#fff5f8;padding:12px 0;margin-top:-12px;gap:10px}.app-header .brand{flex:1;min-width:0}.app-header .logo{width:46px;height:46px;flex-shrink:0;font-size:25px}.app-header h1{font-size:24px}.app-header .badge{font-size:7px;margin-left:5px;padding:4px}.app-header p{font-size:10px}.header-logout{padding:10px 12px;min-height:42px;font-size:12px;white-space:nowrap}.app-header:has(.header-logout:not([hidden])) .badge{display:none}@media(max-width:350px){.app-header{gap:8px}.app-header .logo{width:36px;height:36px;font-size:22px}.app-header h1{font-size:21px}.app-header p{font-size:9px}.header-logout{padding:8px 10px;font-size:11px}}