@charset "UTF-8";.container{width:100%!important;max-width:480px!important;margin:0 auto!important;padding:12px;min-height:100vh;background:#fff;display:flex;flex-direction:column;justify-content:flex-start!important;box-sizing:border-box}.header{display:flex;align-items:center;justify-content:space-between;padding:8px 4px 16px}.header .menu-btn,.header .bell-btn{background:transparent;border:none;cursor:pointer;padding:6px;color:#333;display:flex;align-items:center;justify-content:center}.header .menu-btn:active,.header .bell-btn:active{transform:scale(.95)}.loyalty-card{position:relative;width:100%;max-width:456px;margin:0 auto;aspect-ratio:1.57/1;border-radius:20px;overflow:hidden;container-type:inline-size;box-shadow:0 14px 32px #0000001f,0 2px 6px #0000000f;animation:fadeUp .4s ease}.loyalty-card .card-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;user-select:none;pointer-events:none}.loyalty-card .brand{position:absolute;top:4.5cqw;left:5cqw;z-index:1;font-size:5.5cqw;font-weight:900;letter-spacing:1.5px;color:#111;line-height:1;font-family:-apple-system,Segoe UI,Helvetica Neue,Arial,sans-serif}.loyalty-card .tier-label{position:absolute;top:5cqw;right:5cqw;z-index:1;font-size:2.6cqw;font-weight:600;letter-spacing:1.3px;color:#111;line-height:1}.loyalty-card .name{position:absolute;top:50%;left:5cqw;transform:translateY(-50%);z-index:1;font-size:4.2cqw;font-weight:700;line-height:1.15;color:#111;letter-spacing:.5px;text-transform:uppercase;max-width:42%;word-break:break-word}.loyalty-card .points-value{position:absolute;top:55%;left:69%;transform:translate(-50%,-50%);z-index:1;font-size:5.5cqw;font-weight:700;color:#111;line-height:1;text-align:center;letter-spacing:-.5px}.loyalty-card .year{position:absolute;bottom:4cqw;right:5cqw;z-index:1;font-size:2.6cqw;font-weight:600;color:#111;line-height:1}.loyalty-card.tier-diamond .brand,.loyalty-card.tier-diamond .tier-label,.loyalty-card.tier-diamond .name,.loyalty-card.tier-diamond .year,.loyalty-card.tier-diamond .points-value{color:#fff}@supports not (container-type: inline-size){.loyalty-card .brand{font-size:clamp(16px,5.5vw,26px);top:clamp(10px,4vw,20px);left:clamp(12px,4.5vw,24px)}.loyalty-card .tier-label{font-size:clamp(9px,2.6vw,13px);top:clamp(12px,5vw,22px);right:clamp(12px,4.5vw,24px)}.loyalty-card .name{font-size:clamp(14px,4.2vw,22px);left:clamp(12px,4.5vw,24px)}.loyalty-card .points-value{font-size:clamp(18px,5.5vw,28px)}.loyalty-card .year{font-size:clamp(10px,2.6vw,13px);bottom:clamp(10px,4vw,18px);right:clamp(12px,4.5vw,24px)}}.action-primary{margin-top:16px;width:100%;max-width:456px;margin-left:auto;margin-right:auto;background:#fff;border:none;border-radius:18px;padding:18px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:500;color:#222;cursor:pointer;box-shadow:0 4px 14px #0000000f,0 1px 2px #0000000a;transition:transform .15s ease,box-shadow .2s ease}.action-primary .icon{display:inline-flex}.action-primary:hover{box-shadow:0 6px 18px #00000014,0 1px 3px #0000000d}.action-primary:active{transform:scale(.98)}.action-grid{margin:12px auto 0;max-width:456px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.action-grid .action-item{background:#fff;border:none;border-radius:18px;padding:16px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-size:13.5px;font-weight:500;color:#222;box-shadow:0 4px 14px #0000000f,0 1px 2px #0000000a;transition:transform .15s ease,box-shadow .2s ease;min-height:78px}.action-grid .action-item .icon{display:inline-flex;color:#333}.action-grid .action-item .label{line-height:1.1;text-align:center}.action-grid .action-item:hover{box-shadow:0 6px 18px #00000014,0 1px 3px #0000000d}.action-grid .action-item:active{transform:scale(.97)}.empty{text-align:center;margin-top:40px;color:#999}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}