.m-tabbar{z-index:var(--m-z-tabbar);height:calc(60px + env(safe-area-inset-bottom));background:var(--m-surface-0);border-top:1px solid var(--m-neutral-200);padding-bottom:env(safe-area-inset-bottom);box-shadow:var(--m-shadow-tab);justify-content:space-around;align-items:center;max-width:480px;margin-inline:auto;display:flex;position:fixed;bottom:0;left:0;right:0}@media (width>=768px){.m-tabbar{display:none!important}}.m-tabbar-item{color:var(--m-neutral-400);font-size:11px;font-weight:var(--m-weight-medium);cursor:pointer;-webkit-tap-highlight-color:transparent;height:52px;transition:color var(--m-duration-fast), transform var(--m-duration-fast);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;text-decoration:none;display:flex;position:relative}.m-tabbar-item:active{transform:scale(.92)}.m-tabbar-item.is-active{color:var(--m-primary);font-weight:var(--m-weight-semibold)}.m-tabbar-icon-wrap{justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:relative}.m-tabbar-icon{width:22px;height:22px;transition:transform var(--m-duration-fast)}.m-tabbar-item.is-active .m-tabbar-icon{transform:translateY(-1px)}.m-tabbar-badge{background:var(--m-danger);color:#fff;border-radius:var(--m-radius-full);border:2px solid var(--m-surface-0);justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-2px;right:-6px;box-shadow:0 1px 3px #0003}.m-tabbar-pulse-dot{background:var(--m-warning);border:1.5px solid var(--m-surface-0);border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulse-ring;position:absolute;top:0;right:-2px}@keyframes pulse-ring{0%{box-shadow:0 0 #f59e0bb3}70%{box-shadow:0 0 0 6px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.m-desktop-nav{display:none}@media (width>=768px){.m-desktop-nav{z-index:var(--m-z-sticky);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--m-neutral-200);background:#fffffff2;display:block;position:sticky;top:0;left:0;right:0;box-shadow:0 1px 4px #0000000a}[data-theme=dark] .m-desktop-nav{background:#0b1426eb;border-bottom:1px solid #24385f}[data-theme=dark] .m-desktop-brand-text{color:#fff}[data-theme=dark] .m-desktop-link{color:#94a3b8}[data-theme=dark] .m-desktop-link:hover{color:#fff;background:#ffffff14}.m-desktop-nav-inner{max-width:1200px;padding:0 var(--m-sp-6);justify-content:space-between;align-items:center;gap:var(--m-sp-6);height:68px;margin-inline:auto;display:flex}.m-desktop-brand{cursor:pointer;align-items:center;gap:10px;text-decoration:none;display:flex}.m-desktop-brand-icon{background:linear-gradient(135deg, var(--m-primary) 0%, #059669 100%);color:#fff;width:38px;height:38px;box-shadow:0 4px 12px var(--m-primary-glow);border-radius:10px;justify-content:center;align-items:center;font-size:20px;display:flex}.m-desktop-brand-text{font-size:var(--m-text-lg);font-weight:var(--m-weight-extrabold);color:var(--m-neutral-900);letter-spacing:-.02em}.m-desktop-links{align-items:center;gap:6px;display:flex}.m-desktop-link{border-radius:var(--m-radius-md);font-size:var(--m-text-sm);font-weight:var(--m-weight-semibold);color:var(--m-neutral-600);align-items:center;gap:8px;padding:8px 16px;text-decoration:none;transition:all .15s;display:flex;position:relative}.m-desktop-link:hover{color:var(--m-neutral-900);background:var(--m-neutral-100)}.m-desktop-link.is-active{color:var(--m-primary);background:var(--m-primary-light)}[data-theme=dark] .m-desktop-link.is-active{color:var(--m-primary);background:#10b98126}.m-desktop-badge{background:var(--m-danger);color:#fff;border-radius:var(--m-radius-full);padding:1px 6px;font-size:10px;font-weight:700}.m-desktop-right{align-items:center;gap:14px;display:flex}.m-desktop-points-pill{background:var(--m-neutral-100);border-radius:var(--m-radius-full);border:1px solid var(--m-neutral-200);font-size:var(--m-text-xs);font-weight:var(--m-weight-bold);color:var(--m-neutral-800);align-items:center;gap:6px;padding:6px 14px;display:flex}}.m-auth-screen{min-height:100dvh;padding:calc(32px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom));background:var(--m-surface-0);flex-direction:column;justify-content:space-between;max-width:480px;margin-inline:auto;display:flex}.m-auth-header{text-align:center;margin-top:var(--m-sp-4)}.m-auth-logo-badge{background:linear-gradient(135deg, var(--m-primary) 0%, #059669 100%);color:#fff;width:64px;height:64px;box-shadow:0 8px 20px var(--m-primary-glow);border-radius:18px;justify-content:center;align-items:center;margin:0 auto 16px;font-size:32px;display:flex}.m-auth-title{font-size:var(--m-text-2xl);font-weight:var(--m-weight-extrabold);color:var(--m-neutral-900);margin-bottom:8px}.m-auth-subtitle{font-size:var(--m-text-sm);color:var(--m-neutral-600);line-height:var(--m-lh-normal);max-width:300px;margin:0 auto}.m-auth-body{gap:var(--m-sp-5);flex-direction:column;margin:32px 0 auto;display:flex}.m-auth-wa-pill{color:#128c7e;border-radius:var(--m-radius-full);font-size:var(--m-text-xs);font-weight:var(--m-weight-semibold);background:#25d3661f;justify-content:center;align-items:center;gap:8px;margin-bottom:8px;padding:8px 16px;display:flex}.m-auth-resend{text-align:center;font-size:var(--m-text-sm);color:var(--m-neutral-500)}.m-auth-resend-btn{color:var(--m-primary);font-weight:var(--m-weight-bold);cursor:pointer;background:0 0;border:none;padding:4px 8px}.m-auth-resend-btn:disabled{color:var(--m-neutral-400);cursor:not-allowed}.m-auth-lockout-box{border-radius:var(--m-radius-md);text-align:center;background:#ef444414;border:1px solid #ef444433;padding:16px}.m-auth-lockout-time{font-size:var(--m-text-2xl);font-weight:var(--m-weight-bold);color:var(--m-danger);font-family:var(--m-font-mono);margin:8px 0}.m-auth-footer{text-align:center;font-size:var(--m-text-xs);color:var(--m-neutral-400);margin-top:24px;line-height:1.5}.m-modal-backdrop{background:var(--m-surface-overlay);-webkit-backdrop-filter:blur(6px);z-index:var(--m-z-overlay);justify-content:center;align-items:flex-end;animation:.2s forwards modal-fade-in;display:flex;position:fixed;inset:0}.m-bottom-sheet{background:var(--m-surface-0);border-top-left-radius:var(--m-radius-xl);border-top-right-radius:var(--m-radius-xl);width:100%;max-width:480px;padding:12px 20px calc(24px + env(safe-area-inset-bottom));flex-direction:column;max-height:85vh;animation:.3s cubic-bezier(.16,1,.3,1) forwards sheet-slide-up;display:flex;box-shadow:0 -10px 30px #00000040}.m-sheet-drag-handle{background:var(--m-neutral-300);border-radius:var(--m-radius-full);width:40px;height:4px;margin:0 auto 16px}.m-sheet-header{margin-bottom:var(--m-sp-4);justify-content:space-between;align-items:center;display:flex}.m-sheet-title{font-size:var(--m-text-lg);font-weight:var(--m-weight-bold);color:var(--m-neutral-900)}.m-sheet-close{background:var(--m-neutral-100);width:32px;height:32px;color:var(--m-neutral-600);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.m-sheet-close:hover{background:var(--m-neutral-200)}.m-sheet-body{padding-bottom:var(--m-sp-4);flex:1;overflow-y:auto}.m-sheet-promo-banner{border-radius:var(--m-radius-lg);color:#fff;margin-bottom:var(--m-sp-4);padding:24px 20px;position:relative;overflow:hidden}.m-sheet-terms{margin-top:var(--m-sp-4)}.m-sheet-terms-title{font-size:var(--m-text-sm);font-weight:var(--m-weight-semibold);color:var(--m-neutral-800);margin-bottom:8px}.m-sheet-terms-list{font-size:var(--m-text-xs);color:var(--m-neutral-600);line-height:var(--m-lh-loose);padding-left:20px}.m-sheet-claim-banner{background:var(--m-primary-light);color:var(--m-primary-dark);border-radius:var(--m-radius-md);font-size:var(--m-text-xs);font-weight:var(--m-weight-semibold);margin-bottom:var(--m-sp-4);align-items:center;gap:8px;padding:10px 14px;display:flex}@media (width>=640px){.m-modal-backdrop{align-items:center;padding:24px}.m-bottom-sheet{border-radius:var(--m-radius-xl);max-width:520px;padding:24px;animation:.25s cubic-bezier(.16,1,.3,1) forwards modal-zoom-in;box-shadow:0 20px 50px #0000004d}.m-sheet-drag-handle{display:none}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes modal-zoom-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.m-home-header-card{border-radius:var(--m-radius-xl);color:#fff;margin-bottom:var(--m-sp-4);-webkit-user-select:none;user-select:none;padding:24px;position:relative;overflow:hidden;box-shadow:0 10px 24px #00000026}.m-tier-gradient--bronze{background:linear-gradient(135deg,#a75d28 0%,#d49a6a 100%)}.m-tier-gradient--silver{background:linear-gradient(135deg,#475569 0%,#94a3b8 100%)}.m-tier-gradient--gold{background:linear-gradient(135deg,#b45309 0%,#f59e0b 50%,#d97706 100%)}.m-tier-gradient--platinum{background:linear-gradient(135deg,#4c1d95 0%,#8b5cf6 50%,#6d28d9 100%)}.m-home-header-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.m-home-user-greeting{font-size:var(--m-text-md);font-weight:var(--m-weight-medium);opacity:.95}.m-home-points-label{font-size:var(--m-text-xs);text-transform:uppercase;letter-spacing:.08em;opacity:.85;margin-bottom:4px}.m-home-points-val{font-size:var(--m-text-4xl);font-weight:var(--m-weight-extrabold);line-height:var(--m-lh-tight);text-shadow:0 2px 4px #0003;align-items:baseline;gap:6px;display:flex}.m-home-points-pts{font-size:var(--m-text-lg);font-weight:var(--m-weight-semibold);opacity:.9}.m-tier-progress-box{border-radius:var(--m-radius-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000026;margin-top:20px;padding:10px 14px}.m-tier-progress-bar{border-radius:var(--m-radius-full);background:#ffffff4d;height:6px;margin-bottom:6px;overflow:hidden}.m-tier-progress-fill{border-radius:var(--m-radius-full);background:#fff;height:100%;transition:width .8s}.m-tier-progress-text{font-size:var(--m-text-xs);opacity:.92;justify-content:space-between;display:flex}.m-expiry-banner{border-radius:var(--m-radius-md);margin-bottom:var(--m-sp-4);box-shadow:var(--m-shadow-sm);background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:1px solid #fde68a;align-items:center;gap:12px;padding:12px 16px;display:flex}[data-theme=dark] .m-expiry-banner{background:#f59e0b1f;border:1px solid #f59e0b59;box-shadow:0 4px 14px #0000004d}.m-expiry-banner-icon{flex-shrink:0;font-size:22px}.m-expiry-banner-content{flex:1}.m-expiry-banner-title{font-size:var(--m-text-xs);font-weight:var(--m-weight-bold);color:#92400e}[data-theme=dark] .m-expiry-banner-title{color:#fef08a}.m-expiry-banner-desc{font-size:var(--m-text-xs);color:#b45309;line-height:1.4}[data-theme=dark] .m-expiry-banner-desc{color:#fde68a}.m-shortcuts-grid{margin-bottom:var(--m-sp-6);grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.m-shortcut-item{background:var(--m-surface-0);border-radius:var(--m-radius-lg);border:1px solid var(--m-neutral-200);box-shadow:var(--m-shadow-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}[data-theme=dark] .m-shortcut-item{background:#121e38d1;border:1px solid #24385fd9;box-shadow:0 4px 14px #00000059}[data-theme=dark] .m-shortcut-item:hover{background:#1c2e54f2;border-color:#fbbf2473;transform:translateY(-2px)}.m-shortcut-item:active{transform:scale(.94)}.m-shortcut-icon-circle{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.m-shortcut-label{font-size:11px;font-weight:var(--m-weight-semibold);color:var(--m-neutral-700);text-align:center;white-space:nowrap}[data-theme=dark] .m-shortcut-label{color:#f1f5f9}.m-promo-carousel-wrap{scroll-snap-type:x mandatory;padding-inline:16px;scrollbar-width:none;gap:14px;margin-inline:-16px;padding-bottom:8px;display:flex;overflow-x:auto}.m-promo-carousel-wrap::-webkit-scrollbar{display:none}.m-promo-carousel-item{scroll-snap-align:start}.m-tx-row{background:var(--m-surface-0);border-radius:var(--m-radius-md);border:1px solid var(--m-neutral-200);justify-content:space-between;align-items:center;margin-bottom:8px;padding:14px 16px;display:flex}.m-tx-left{align-items:center;gap:12px;display:flex}.m-tx-icon-box{border-radius:var(--m-radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.m-tx-title{font-size:var(--m-text-sm);font-weight:var(--m-weight-semibold);color:var(--m-neutral-900);line-height:1.3}.m-tx-meta{font-size:var(--m-text-xs);color:var(--m-neutral-500)}.m-tx-points{font-size:var(--m-text-sm);font-weight:var(--m-weight-bold);text-align:right}.m-tx-points--earn{color:var(--m-primary)}.m-tx-points--redeem{color:var(--m-danger)}.m-tx-points--expired{color:var(--m-neutral-400)}@media (width>=768px){.m-home-top-grid{grid-template-columns:1.15fr .85fr;align-items:stretch;gap:24px;margin-bottom:24px;display:grid}.m-home-header-card{flex-direction:column;justify-content:space-between;height:100%;margin-bottom:0;display:flex}.m-home-top-right{flex-direction:column;justify-content:space-between;gap:16px;display:flex}.m-shortcuts-grid{flex:1;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:0;display:grid}.m-shortcut-item{justify-content:center;padding:16px 12px}.m-shortcut-label{font-size:12px}.m-promo-carousel-wrap{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-inline:0;padding-inline:0;display:grid;overflow-x:visible}.m-card--promo{width:100%}.m-tx-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;display:grid}}.m-header{z-index:var(--m-z-sticky);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--m-neutral-200);padding-top:env(safe-area-inset-top);background:#ffffffeb;width:100%;max-width:100%;margin-inline:auto;transition:background-color .2s;position:sticky;top:0;left:0;right:0}@media (width>=768px){.m-header{display:none}}[data-theme=dark] .m-header{border-bottom-color:var(--m-neutral-200);background:#0f172ae6}.m-header-inner{height:56px;padding:0 var(--m-sp-4);justify-content:space-between;align-items:center;gap:var(--m-sp-2);max-width:480px;margin-inline:auto;display:flex}.m-header-left,.m-header-right{align-items:center;gap:var(--m-sp-2);min-width:40px;display:flex}.m-header-right{justify-content:flex-end}.m-header-title-wrap{text-align:center;flex:1;overflow:hidden}.m-header-title{font-size:var(--m-text-lg);font-weight:var(--m-weight-bold);color:var(--m-neutral-900);white-space:nowrap;text-overflow:ellipsis;line-height:1.2;overflow:hidden}.m-header-subtitle{font-size:var(--m-text-xs);color:var(--m-neutral-500)}.m-header-btn{border-radius:var(--m-radius-full);width:40px;height:40px;color:var(--m-neutral-700);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.m-header-btn:active{background:var(--m-neutral-100)}.m-tab-pills{background:var(--m-neutral-100);border-radius:var(--m-radius-md);margin-bottom:var(--m-sp-4);gap:4px;padding:4px;display:flex}.m-tab-pill-btn{text-align:center;border-radius:var(--m-radius-sm);font-size:var(--m-text-sm);font-weight:var(--m-weight-medium);color:var(--m-neutral-600);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;transition:all .2s;display:flex}.m-tab-pill-btn.is-active{background:var(--m-surface-0);color:var(--m-neutral-900);font-weight:var(--m-weight-semibold);box-shadow:0 1px 3px #00000014}.m-msg-item{background:var(--m-surface-0);border-radius:var(--m-radius-md);border:1px solid var(--m-neutral-200);cursor:pointer;align-items:flex-start;gap:12px;margin-bottom:8px;padding:16px;transition:background-color .15s,transform .15s;display:flex;position:relative}.m-msg-item:active{transform:scale(.99)}.m-msg-item.is-unread{background:#10b98108;border-color:#10b9814d}.m-msg-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.m-msg-content{flex:1;min-width:0}.m-msg-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.m-msg-title{font-size:var(--m-text-sm);font-weight:var(--m-weight-bold);color:var(--m-neutral-900);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.m-msg-time{color:var(--m-neutral-400);white-space:nowrap;margin-left:8px;font-size:11px}.m-msg-preview{font-size:var(--m-text-xs);color:var(--m-neutral-600);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.m-msg-unread-dot{background:var(--m-primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.m-msg-delete-btn{color:var(--m-neutral-400);cursor:pointer;background:0 0;border:none;padding:4px;font-size:14px}.m-msg-delete-btn:hover{color:var(--m-danger)}.m-qr-container{background:var(--m-neutral-50);border-radius:var(--m-radius-lg);border:1px solid var(--m-neutral-200);flex-direction:column;align-items:center;margin:16px 0;padding:16px;display:flex}.m-barcode-mock{background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:3px;width:100%;max-width:260px;height:60px;padding:8px 12px;display:flex}.m-barcode-bar{background:#000;height:100%}.m-qr-code-box{background:#fff;border-radius:12px;justify-content:center;align-items:center;width:140px;height:140px;margin-top:12px;padding:10px;display:flex;box-shadow:0 4px 12px #00000014}.m-coupon-code-pill{background:var(--m-surface-0);border:1.5px dashed var(--m-primary);border-radius:var(--m-radius-md);justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:320px;margin-top:14px;padding:10px 16px;display:flex}.m-coupon-code-text{font-family:var(--m-font-mono);font-size:var(--m-text-lg);font-weight:var(--m-weight-bold);letter-spacing:.1em;color:var(--m-neutral-900)}.m-copy-btn{background:var(--m-primary-light);color:var(--m-primary-dark);font-size:var(--m-text-xs);font-weight:var(--m-weight-bold);border-radius:var(--m-radius-full);cursor:pointer;border:none;padding:6px 12px}.m-point-summary-card{border-radius:var(--m-radius-xl);color:#fff;margin-bottom:var(--m-sp-4);background:linear-gradient(135deg,#065f46 0%,#10b981 100%);padding:24px;box-shadow:0 10px 24px #10b98133}.m-point-summary-grid{border-top:1px solid #fff3;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px;padding-top:16px;display:grid}.m-earn-ways-card{background:var(--m-surface-0);border-radius:var(--m-radius-lg);border:1px solid var(--m-neutral-200);margin-bottom:24px;padding:20px}.m-earn-way-item{border-bottom:1px solid var(--m-neutral-100);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.m-earn-way-item:last-child{border-bottom:none;padding-bottom:0}.m-coupon-filter-scroll{scrollbar-width:none;gap:8px;padding-bottom:16px;display:flex;overflow-x:auto}.m-coupon-filter-scroll::-webkit-scrollbar{display:none}.m-filter-chip{border-radius:var(--m-radius-full);font-size:var(--m-text-xs);font-weight:var(--m-weight-semibold);border:1px solid var(--m-neutral-200);background:var(--m-surface-0);color:var(--m-neutral-600);white-space:nowrap;cursor:pointer;padding:8px 16px;transition:all .15s}.m-filter-chip.is-active{background:var(--m-primary);color:#fff;border-color:var(--m-primary)}.m-benefit-coupon-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.m-benefit-coupon-badge{text-transform:uppercase;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.m-coupons-grid{flex-direction:column;gap:12px;display:flex}@media (width>=768px){.m-benefit-poin-grid{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.m-coupons-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}.m-point-summary-card{margin-bottom:20px}}.m-history-filter-scroll{scrollbar-width:none;gap:8px;padding-bottom:12px;display:flex;overflow-x:auto}.m-history-filter-scroll::-webkit-scrollbar{display:none}.m-history-group-header{background:var(--m-neutral-50);font-size:var(--m-text-xs);font-weight:var(--m-weight-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--m-neutral-500);z-index:5;margin-top:12px;margin-bottom:8px;padding:8px 0;position:sticky;top:56px}.m-history-item{background:var(--m-surface-0);border-radius:var(--m-radius-md);border:1px solid var(--m-neutral-200);justify-content:space-between;align-items:center;margin-bottom:8px;padding:14px 16px;transition:transform .15s;display:flex}.m-history-item:active{transform:scale(.99)}.m-history-item-left{align-items:center;gap:12px;display:flex}.m-history-icon{border-radius:var(--m-radius-md);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.m-history-title{font-size:var(--m-text-sm);font-weight:var(--m-weight-semibold);color:var(--m-neutral-900);line-height:1.3}.m-history-sub{font-size:var(--m-text-xs);color:var(--m-neutral-500);margin-top:2px}.m-history-right{text-align:right}.m-history-pts{font-size:var(--m-text-md);font-weight:var(--m-weight-bold)}.m-history-pts--earn{color:var(--m-primary)}.m-history-pts--redeem{color:var(--m-danger)}.m-history-pts--expired{color:var(--m-neutral-400)}.m-profile-header-card{text-align:center;background:var(--m-surface-0);border-radius:var(--m-radius-xl);border:1px solid var(--m-neutral-200);box-shadow:var(--m-shadow-card);margin-bottom:var(--m-sp-5);flex-direction:column;align-items:center;padding:28px 20px;display:flex}.m-profile-avatar-wrap{margin-bottom:14px;position:relative}.m-profile-avatar{object-fit:cover;border:3px solid var(--m-primary);border-radius:50%;width:80px;height:80px}.m-profile-name{font-size:var(--m-text-lg);font-weight:var(--m-weight-bold);color:var(--m-neutral-900);margin-bottom:4px}.m-profile-phone{font-size:var(--m-text-xs);color:var(--m-neutral-500);margin-bottom:12px}.m-profile-section{background:var(--m-surface-0);border-radius:var(--m-radius-lg);border:1px solid var(--m-neutral-200);margin-bottom:var(--m-sp-4);overflow:hidden}.m-profile-section-title{font-size:var(--m-text-xs);font-weight:var(--m-weight-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--m-neutral-400);border-bottom:1px solid var(--m-neutral-100);padding:14px 18px 10px}.m-profile-row{border-bottom:1px solid var(--m-neutral-100);font-size:var(--m-text-sm);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.m-profile-row:last-child{border-bottom:none}.m-profile-row-label{color:var(--m-neutral-600);align-items:center;gap:8px;display:flex}.m-profile-row-val{color:var(--m-neutral-900);font-weight:var(--m-weight-semibold)}.m-theme-segmented{background:var(--m-neutral-100);border-radius:var(--m-radius-md);padding:2px;display:flex}.m-theme-btn{font-size:11px;font-weight:var(--m-weight-semibold);cursor:pointer;color:var(--m-neutral-600);background:0 0;border:none;border-radius:6px;padding:6px 12px}.m-theme-btn.is-active{background:var(--m-surface-0);color:var(--m-neutral-900);box-shadow:0 1px 2px #00000014}@media (width>=768px){.m-profile-grid{grid-template-columns:320px 1fr;align-items:start;gap:28px;display:grid}.m-profile-header-card{margin-bottom:0}}.m-legal-screen{background:var(--m-neutral-50);min-height:100dvh;padding-bottom:60px}.m-legal-card{background:var(--m-surface-0);border:1px solid var(--m-neutral-200);border-radius:var(--m-radius-lg);box-shadow:var(--m-shadow-card);margin-top:20px;padding:24px}.m-legal-section{margin-bottom:28px}.m-legal-section:last-child{margin-bottom:0}.m-legal-h2{color:var(--m-neutral-900);margin-bottom:8px;font-size:18px;font-weight:800}.m-legal-h3{color:var(--m-neutral-800);margin-top:16px;margin-bottom:6px;font-size:15px;font-weight:700}.m-legal-p{color:var(--m-neutral-700);margin-bottom:10px;font-size:14px;line-height:1.65}.m-legal-table{border-collapse:collapse;width:100%;margin-top:12px;margin-bottom:16px;font-size:13px}.m-legal-table th,.m-legal-table td{text-align:left;border-bottom:1px solid var(--m-neutral-200);padding:10px 12px}.m-legal-table th{background:var(--m-neutral-100);color:var(--m-neutral-800);font-weight:700}.m-legal-table td{color:var(--m-neutral-600)}.m-legal-badge{color:var(--m-primary-dark);background:#10b9811f;border-radius:999px;align-items:center;gap:6px;margin-bottom:16px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}:root{--m-primary:#10b981;--m-primary-light:#d1fae5;--m-primary-dark:#065f46;--m-primary-glow:#10b98133;--m-secondary:#3b82f6;--m-secondary-light:#dbeafe;--m-neutral-50:#f8fafc;--m-neutral-100:#f1f5f9;--m-neutral-200:#e2e8f0;--m-neutral-300:#cbd5e1;--m-neutral-400:#94a3b8;--m-neutral-500:#64748b;--m-neutral-600:#475569;--m-neutral-700:#334155;--m-neutral-800:#1e293b;--m-neutral-900:#0f172a;--m-success:#22c55e;--m-warning:#f59e0b;--m-danger:#ef4444;--m-info:#0ea5e9;--m-tier-bronze:#cd7f32;--m-tier-silver:#94a3b8;--m-tier-gold:#f59e0b;--m-tier-platinum:#8b5cf6;--m-promo-0:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--m-promo-1:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--m-promo-2:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--m-promo-3:linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--m-promo-4:linear-gradient(135deg, #e96c2d 0%, #f5a623 100%);--m-promo-5:linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%);--m-promo-6:linear-gradient(135deg, #f7971e 0%, #ffd200 100%);--m-promo-7:linear-gradient(135deg, #0072ff 0%, #00c6ff 100%);--m-surface-0:#fff;--m-surface-1:#f8fafc;--m-surface-2:#f1f5f9;--m-surface-overlay:#0f172a99;--m-shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--m-shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000a;--m-shadow-lg:0 10px 15px #00000014, 0 4px 6px #00000008;--m-shadow-card:0 2px 8px #0000000f;--m-shadow-tab:0 -2px 12px #00000012;--m-font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--m-font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--m-focus-ring:0 0 0 2px var(--m-surface-0), 0 0 0 4px #2563eb;--m-text-xs:.625rem;--m-text-sm:.75rem;--m-text-base:.875rem;--m-text-md:1rem;--m-text-lg:1.125rem;--m-text-xl:1.25rem;--m-text-2xl:1.5rem;--m-text-3xl:1.875rem;--m-text-4xl:2.25rem;--m-weight-normal:400;--m-weight-medium:500;--m-weight-semibold:600;--m-weight-bold:700;--m-weight-extrabold:800;--m-lh-tight:1.2;--m-lh-normal:1.5;--m-lh-loose:1.75;--m-sp-0:0px;--m-sp-1:4px;--m-sp-2:8px;--m-sp-3:12px;--m-sp-4:16px;--m-sp-5:20px;--m-sp-6:24px;--m-sp-8:32px;--m-sp-10:40px;--m-sp-12:48px;--m-sp-14:56px;--m-sp-16:64px;--m-sp-20:80px;--m-sp-24:96px;--m-radius-sm:6px;--m-radius-md:10px;--m-radius-lg:16px;--m-radius-xl:24px;--m-radius-full:999px;--m-ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--m-ease-smooth:cubic-bezier(.16, 1, .3, 1);--m-duration-fast:.15s;--m-duration-normal:.25s;--m-duration-slow:.4s;--m-z-content:1;--m-z-sticky:10;--m-z-tabbar:90;--m-z-toast:100;--m-z-overlay:110;--m-z-sheet:120;--m-z-modal:130}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--m-surface-0:#0c1527;--m-surface-1:#15223e;--m-surface-2:#1e293b;--m-surface-overlay:#000000bf;--m-neutral-50:#070d18;--m-neutral-100:#0c1527;--m-neutral-200:#1e293b;--m-neutral-300:#334155;--m-neutral-400:#64748b;--m-neutral-500:#94a3b8;--m-neutral-600:#cbd5e1;--m-neutral-700:#e2e8f0;--m-neutral-800:#f1f5f9;--m-neutral-900:#fff;--m-shadow-card:0 4px 16px #00000073;--m-shadow-tab:0 -2px 16px #00000073}}[data-theme=dark]{--m-surface-0:#0c1527;--m-surface-1:#15223e;--m-surface-2:#1e293b;--m-surface-overlay:#000000bf;--m-neutral-50:#070d18;--m-neutral-100:#0c1527;--m-neutral-200:#1e293b;--m-neutral-300:#334155;--m-neutral-400:#64748b;--m-neutral-500:#94a3b8;--m-neutral-600:#cbd5e1;--m-neutral-700:#e2e8f0;--m-neutral-800:#f1f5f9;--m-neutral-900:#fff;--m-shadow-card:0 4px 16px #00000073;--m-shadow-tab:0 -2px 16px #00000073}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex="0"]:focus-visible{box-shadow:var(--m-focus-ring);border-radius:4px;outline:none}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;height:100%;font-size:16px}body{font-family:var(--m-font);font-size:var(--m-text-base);line-height:var(--m-lh-normal);color:var(--m-neutral-800);background-color:var(--m-neutral-50);overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%}img,video,svg{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}input,textarea{font-family:inherit;font-size:inherit}.screen{background:var(--m-neutral-50);flex-direction:column;min-height:100dvh;display:flex}.screen-content{padding-bottom:calc(80px + env(safe-area-inset-bottom));flex:1;overflow-y:auto}.screen-content--no-tab{padding-bottom:env(safe-area-inset-bottom)}.container{width:100%;max-width:100%;padding-inline:var(--m-sp-4);margin-inline:auto}@media (width>=640px){.container{max-width:640px;padding-inline:var(--m-sp-5)}}@media (width>=768px){.container{max-width:768px;padding-inline:var(--m-sp-6)}.screen-content{padding-bottom:var(--m-sp-10)}}@media (width>=1024px){.container{max-width:1080px;padding-inline:var(--m-sp-8)}}@media (width>=1280px){.container{max-width:1200px}}.divider{background:var(--m-neutral-200);height:1px;margin:var(--m-sp-4) 0}.section{padding:var(--m-sp-5) var(--m-sp-4)}.section-header{margin-bottom:var(--m-sp-3);justify-content:space-between;align-items:center;display:flex}.section-title{font-size:var(--m-text-md);font-weight:var(--m-weight-semibold);color:var(--m-neutral-800)}.section-link{font-size:var(--m-text-sm);font-weight:var(--m-weight-medium);color:var(--m-primary)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--bg-deep:#070d18;--bg-base:#0c1527;--bg-card:#121e38c7;--bg-card-hover:#1c2e54eb;--bg-elevated:#15223e;--border-subtle:#24385f;--border-gold:#fbbf24;--border-magenta:#d946ef;--fg-primary:#fff;--fg-secondary:#e2e8f0;--fg-muted:#94a3b8;--accent-gold:#fbbf24;--accent-gold-light:#fef08a;--accent-magenta:#d946ef;--accent-magenta-light:#f0abfc;--accent-emerald:#10b981;--accent-cyan:#06b6d4;--gradient-gold:linear-gradient(135deg, #fbbf24 0%, #f59e0b 50%, #d97706 100%);--gradient-vip-card:linear-gradient(135deg, #1e293b 0%, #0f172a 50%, #1e1b4b 100%);--gradient-candy:linear-gradient(135deg, #d946ef 0%, #8b5cf6 100%);--gradient-aurora-loyalty:radial-gradient(circle at 10% 10%, #fbbf2438 0%, transparent 50%), radial-gradient(circle at 90% 20%, #d946ef33 0%, transparent 50%), radial-gradient(circle at 50% 90%, #10b98129 0%, transparent 60%);--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "Cascadia Code", Menlo, monospace;--min-touch-target:48px}.btn-primitive{min-height:var(--min-touch-target);font-family:var(--font-sans);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primitive:hover:not(:disabled){transform:translateY(-2px)}.btn-primitive:disabled{opacity:.5;cursor:not-allowed}.btn-primary-gold{background:var(--gradient-gold);color:#070d18;box-shadow:0 4px 16px #fbbf2459}.btn-primary-candy{background:var(--gradient-candy);color:#fff;box-shadow:0 4px 16px #d946ef59}.btn-secondary-glass{border:1px solid var(--border-subtle);color:#fff;background:#ffffff14}.btn-secondary-glass:hover:not(:disabled){border-color:var(--accent-gold);background:#ffffff24}.btn-ghost{color:var(--accent-gold);background:0 0}.card-primitive{background:var(--bg-card);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;flex-direction:column;padding:1.25rem;transition:all .2s;display:flex}.card-primitive:hover{border-color:#fbbf2466}.card-vip-membership{background:var(--gradient-vip-card);border:1px solid #fbbf2480;position:relative;overflow:hidden;box-shadow:0 16px 36px #0006,0 0 24px #fbbf2426}.card-vip-membership:after{content:"";pointer-events:none;background:radial-gradient(circle,#fbbf242e 0%,#0000 60%);width:100%;height:100%;position:absolute;top:-50%;right:-50%}.input-primitive-wrap{text-align:left;flex-direction:column;gap:.35rem;width:100%;display:flex}.input-label{color:var(--fg-secondary);font-size:.88rem;font-weight:600}.input-primitive{min-height:var(--min-touch-target);border:1px solid var(--border-subtle);color:#fff;background:#ffffff0d;border-radius:10px;outline:none;padding:0 1rem;font-size:1rem;transition:border-color .2s}.input-primitive:focus{border-color:var(--accent-gold);box-shadow:0 0 0 2px #fbbf244d}.badge-tier-gold{border:1px solid var(--accent-gold);color:#fbbf24;background:#fbbf2433;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .75rem;font-size:.8rem;font-weight:700;display:inline-flex}.badge-tier-platinum{border:1px solid var(--accent-magenta);color:#f0abfc;background:#d946ef33;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .75rem;font-size:.8rem;font-weight:700;display:inline-flex}.status-pill-available{border:1px solid var(--accent-emerald);color:#34d399;background:#10b98126;border-radius:999px;padding:.2rem .6rem;font-size:.78rem;font-weight:600}.status-pill-redeemed{border:1px solid var(--border-subtle);color:var(--fg-muted);background:#ffffff14;border-radius:999px;padding:.2rem .6rem;font-size:.78rem;font-weight:600}.error-banner-primitive{color:#fda4af;background:#f43f5e26;border:1px solid #f43f5e66;border-radius:10px;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.85rem 1rem;font-size:.92rem;display:flex}.toast-primitive{border:1px solid var(--accent-gold);color:#fff;z-index:300;background:#0f182c;border-radius:999px;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;animation:.25s slide-up;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 16px 36px #0009}@keyframes slide-up{0%{opacity:0;transform:translate(-50%,15px)}to{opacity:1;transform:translate(-50%)}}.bottom-tab-bar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border-subtle);padding:.5rem .75rem calc(.5rem + env(safe-area-inset-bottom,0px));z-index:80;background:#0b1426eb;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.tab-bar-item{min-height:var(--min-touch-target);color:var(--fg-muted);flex-direction:column;align-items:center;gap:.2rem;padding:.35rem .75rem;font-size:.78rem;font-weight:600;text-decoration:none;transition:color .15s;display:flex}.tab-bar-item.active{color:var(--accent-gold)}.tab-bar-icon{font-size:1.3rem}body{font-family:var(--font-sans);background-color:var(--bg-deep);background-image:var(--gradient-aurora-loyalty);color:var(--fg-secondary);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;margin:0}#root{flex-direction:column;min-height:100vh;display:flex}.studio-nav-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);z-index:50;background:#0b1426e0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}.nav-left{align-items:center;gap:1rem;display:flex}.btn-back-studio{min-height:var(--min-touch-target);color:#fff;background:#fbbf2426;border:1px solid #fbbf2466;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-back-studio:hover{border-color:var(--accent-gold);background:#fbbf244d;transform:translate(-2px)}.brand-divider{background:var(--border-subtle);width:1px;height:28px}.brand-titles{flex-direction:column;display:flex}.brand-main{color:#fff;font-size:1.1rem;font-weight:800}.brand-sub{color:var(--fg-muted);font-size:.78rem}.nav-right{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.status-pill{min-height:var(--min-touch-target);border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .9rem;font-size:.88rem;font-weight:600;display:inline-flex}.status-pill.live{border:1px solid var(--accent-emerald);color:#34d399;background:#10b98126}.status-dot{background:currentColor;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 8px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.telemetry-pill{min-height:var(--min-touch-target);border:1px solid var(--border-subtle);font-family:var(--font-mono);color:#fbbf24;background:#ffffff0d;border-radius:8px;align-items:center;gap:.3rem;padding:.4rem .75rem;font-size:.8rem;display:inline-flex}.switcher-dropdown-wrap{position:relative}.btn-switcher-toggle{min-height:var(--min-touch-target);color:#fff;cursor:pointer;background:#fbbf2426;border:1px solid #fbbf2459;border-radius:8px;align-items:center;gap:.5rem;padding:.4rem .9rem;font-size:.88rem;font-weight:600;display:inline-flex}.switcher-menu{border:1px solid var(--border-subtle);z-index:100;background:#0f182c;border-radius:12px;flex-direction:column;gap:.3rem;width:270px;padding:.5rem;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 36px #00000080}.switcher-item{color:var(--fg-secondary);border-radius:8px;align-items:center;gap:.75rem;padding:.6rem .75rem;text-decoration:none;transition:background .15s;display:flex}.switcher-item:hover,.switcher-item.active{background:#ffffff14}.switcher-item strong{color:#fff;font-size:.88rem;display:block}.switcher-item small{color:var(--fg-muted);font-size:.78rem;display:block}.dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.dot-emerald{background:#10b981}.dot-indigo{background:#8b5cf6}.dot-coral{background:#f43f5e}.dot-gold{background:#fbbf24}.screen{flex-direction:column;width:100%;min-height:100vh;display:flex}@media (width<=767px){.screen{padding-bottom:75px}}