.customer{max-width:480px;margin:auto;background:#050403;min-height:100dvh;padding-bottom:84px;position:relative}.artboard{position:relative;background-size:100% auto;background-repeat:no-repeat;container-type:inline-size}.overlay{position:absolute;box-sizing:border-box}.hotspot{position:absolute;border:0;background:transparent;padding:0;cursor:pointer;border-radius:14px}.bottom-nav button:focus-visible,.hotspot:focus-visible{outline:2px solid #ffe39b;outline-offset:-3px;background:#c18b3030}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);display:flex;overflow:hidden;background:#000;z-index:20;max-height:88px;min-height:62px;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav>img{position:absolute;bottom:0;width:100%;max-width:none;pointer-events:none}.bottom-nav button{width:25%;height:100%;min-height:62px;z-index:1;background:none;border:0;color:transparent;cursor:pointer}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.art-crop{display:block;position:relative;overflow:hidden;flex-shrink:0}.art-crop img{position:absolute;max-width:none;height:auto}.avatar{border-radius:50%;border:1px solid #d3b065;width:40px}.seat-chip{border:1px solid #be9e5d;border-radius:30px;background:#090704;color:#ecd295;font-size:3.1cqw;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.search{background:#111212;border:0;color:#fff;font-size:3.2cqw;outline:none;padding:0 2cqw}.categories{background:#090909;display:flex;flex-direction:column;justify-content:flex-start}.categories button{font-size:3.35cqw;color:#bbb;border:0;border-bottom:1px solid #292724;margin:0 3.5cqw;background:none;height:12.3cqw;padding:0;white-space:nowrap;cursor:pointer}.categories button.selected{color:#ffe7a4;background:linear-gradient(120deg,#352813,#090908);border:1px solid #d5ac58;border-radius:12px;margin:0;position:relative}.categories button.selected:before{content:"";position:absolute;left:0;top:15%;height:70%;width:4px;background:#e5b84f;border-radius:3px}.menu-list{background:#030403;overflow:auto;scrollbar-width:none}.menu-list h2{font-size:4cqw;color:#ffe3a0;font-weight:600;margin:0;height:6.6cqw;display:flex;align-items:flex-start;padding-left:2.8cqw}.drink-card{display:flex;gap:2.9cqw;height:33.2cqw;margin-bottom:1.7cqw;border:1px solid #b4883f;border-radius:2.4cqw;padding:1.25cqw;background:linear-gradient(115deg,#17120b,#080908 62%,#15110b);box-sizing:border-box;overflow:hidden}.drink-photo{border:0;padding:0;background:none;width:38.9%;position:relative;border-radius:2cqw;overflow:hidden;flex-shrink:0;cursor:pointer}.drink-photo .art-crop{height:100%;width:100%}.photo-label{position:absolute;top:.8cqw;left:.8cqw;background:#ffe37e;color:#191202;border-radius:.6cqw;padding:.3cqw .9cqw;font-size:2.9cqw;font-weight:700}.drink-copy{display:flex;flex:1;min-width:0;flex-direction:column;padding:.3cqw .4cqw}.product-name{font:inherit;color:#fff6dd;font-size:4cqw;font-weight:650;border:0;background:none;text-align:left;padding:0;white-space:nowrap;cursor:pointer;letter-spacing:-.05em}.english{font-size:2.6cqw;color:#c6c3b7;margin:.55cqw 0}.flavor{font-size:2.65cqw;color:#d2cfc4;margin:.2cqw 0 1.6cqw;overflow:hidden;text-overflow:ellipsis}.flavor,.reward{white-space:nowrap}.reward{border:1px solid #c9a84e;border-radius:20px;align-self:flex-start;padding:.5cqw 1.3cqw;font-size:2.6cqw;color:#eed58b}.reward b{font-size:3.05cqw}.price-line{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.5cqw}.price-line>strong{font-size:4.5cqw;color:#f2d184;font-weight:600}.stepper{display:flex;align-items:center;gap:1.15cqw;font-size:3.3cqw}.stepper button{height:6.4cqw;width:6.4cqw;border:1px solid #ebd891;background:#090907;border-radius:50%;color:#efce80;font-size:5cqw;line-height:1;padding:0;cursor:pointer}.stepper button.plus{background:linear-gradient(120deg,#ffe693,#e4a32d);color:#221400;border-color:#fff0b5}.stepper button:disabled{opacity:.4;cursor:not-allowed}.menu-empty{padding:24px 8px;color:#c8b996;text-align:center;font-size:14px}.menu-empty button{display:block;margin:20px auto;background:none;border:1px solid #967539;color:#efd692;padding:9px 12px;border-radius:8px}.cart-bar{display:flex;align-items:center;gap:2cqw;padding:1.9cqw 2.2cqw;border:1px solid #dcb857;border-radius:3cqw;background:linear-gradient(105deg,#251b0d,#090a09 55%,#141009);color:#f1da99}.bag{position:relative;border:0;border-right:1px solid #403827;background:none;color:#fbdc8e;font-size:9cqw;width:18%;padding:0 2.5cqw 0 0}.bag b{position:absolute;right:1cqw;top:0;font-size:3.4cqw;border:1px solid #ffe190;border-radius:50%;height:5cqw;width:5cqw;line-height:5cqw;background:#9a350e;color:white}.cart-total{background:none;color:inherit;border:0;text-align:left;padding:0;flex:1;cursor:pointer}.cart-total>span{font-size:3.4cqw;color:#eee}.cart-total strong{font-size:5.8cqw;color:#f3cb70}.cart-total small{font-size:2.8cqw;display:block;margin-top:.3cqw;white-space:nowrap}.cart-total small b{font-size:3.5cqw}.gold-button{border:1px solid #ffe8a2;background:linear-gradient(125deg,#ffe79c,#e5ae42);color:#1c1406;border-radius:12px;padding:11px 18px;font-size:15px;font-weight:700;cursor:pointer;box-shadow:inset 0 1px 5px #fff4c83a}.gold-button:disabled{opacity:.45;cursor:not-allowed}.checkout-button{font-size:4.3cqw;padding:2.3cqw 4cqw;border-radius:7cqw;white-space:nowrap}.periods{display:flex;border-radius:7cqw;overflow:hidden;background:#111212;border:1px solid #d4b56b;padding:.3cqw}.periods button{width:33.333%;border:0;color:#eee;background:none;font-size:4.1cqw;cursor:pointer}.periods button.active{color:#191306;background:linear-gradient(115deg,#fff0a5,#e5b64d);border-radius:6cqw;font-weight:650}.rank-subtitle{background:#110d08;text-align:center;color:#cac6bc;font-size:2.8cqw}.podium-copy{display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff2c5;justify-content:center}.podium-copy b{font-size:3.5cqw;white-space:nowrap}.podium-copy strong{font-size:6.1cqw;line-height:1.2}.podium-copy small{font-size:2.7cqw}.podium-copy.p0{background:linear-gradient(100deg,#171511,#353028,#161411)}.podium-copy.p1{background:linear-gradient(100deg,#422d0c,#76521a,#432906)}.podium-copy.p2{background:linear-gradient(100deg,#2c1a0f,#593721,#301c10)}.ranking-list{border:1px solid #8d733a;border-radius:2.4cqw;background:linear-gradient(105deg,#121313,#090a0a);padding:1.5cqw 2.4cqw;color:#ddd;display:flex;flex-direction:column}.ranking-head{display:grid;grid-template-columns:17% 1fr 22%;align-items:center;height:7cqw;border-bottom:1px solid #36342d;color:#aaa;font-size:3cqw;padding:0 2cqw}.ranking-head span:last-child{text-align:right}.ranking-row{display:flex;align-items:center;gap:3.2cqw;flex:1;padding:0 2.8cqw;border-bottom:1px solid #2c2924;font-size:3.3cqw}.ranking-row>b{width:9%;color:#aaa;font-weight:400}.ranking-row .avatar{width:8.5cqw;height:8.5cqw}.ranking-row>span{flex:1}.ranking-row strong{font-size:3.6cqw}.ranking-row.is-me{background:linear-gradient(110deg,#362916,#1e1a12);border:1px solid #5d4825;border-radius:2.2cqw;color:#efcf84}.data-hint{font-size:2.1cqw;text-align:right;color:#888;padding-top:1.3cqw}.my-rank{display:flex;align-items:center;gap:2.7cqw;background:linear-gradient(100deg,#251b0d,#100f0b 50%,#18130b);border:1px solid #d4b356;border-radius:3cqw;color:#efdcab;padding:1.5cqw 4cqw;font-size:3.4cqw;white-space:nowrap}.my-rank .avatar{width:11cqw;height:11cqw}.my-rank>b{font-size:3.3cqw}.my-rank>span{border-left:1px solid #756044;padding-left:3cqw}.my-rank strong{font-size:6cqw;color:#edc165}.profile-name{background:#100e09;color:#fff3d6;font-size:4.4cqw}.asset-number,.profile-name{font-weight:650;display:flex;align-items:center}.asset-number{background:linear-gradient(110deg,#0c0c09,#141209);color:#f3dfa4;font-size:5.3cqw;justify-content:center;white-space:nowrap}.initial{display:flex;min-height:100dvh;flex-direction:column;justify-content:center;align-items:center;background:#090806;color:#ddd}.initial .gold-word{font-size:32px;font-weight:600}.initial button{border:1px solid #a17d38;background:#17120a;color:#eed89e;border-radius:8px;padding:10px 20px}.toast{position:fixed;z-index:70;top:20px;left:50%;transform:translateX(-50%);width:min(90%,440px);background:#322712;border:1px solid #b28b43;border-radius:12px;padding:12px 16px;text-align:center;color:#ffe5a1;font-size:14px;box-shadow:0 6px 28px #0009}.toast.error{background:#391a13;border-color:#ad5a35;color:#ffdaca}.modal-shade{position:fixed;inset:0;background:#000a;z-index:80;display:flex;align-items:flex-end;justify-content:center;backdrop-filter:blur(3px)}.sheet{width:min(100%,480px);max-height:92dvh;border:1px solid #9f783c;border-bottom:0;border-radius:22px 22px 0 0;background:#11110e;display:flex;flex-direction:column;box-shadow:0 -10px 70px #0009;overflow:hidden;color:#efe5d1}.sheet>header{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #463820;flex-shrink:0}.sheet h2{margin:0;font-size:20px;color:#f1d695}.sheet>header>button{border:0;background:none;color:#e8d6ad;font-size:30px;line-height:30px;width:35px}.sheet-body{padding:20px 20px calc(24px + env(safe-area-inset-bottom));overflow:auto;font-size:14px;line-height:1.7}.sheet-body h3{font-size:17px;color:#efd18b;margin:20px 0 10px}.sheet-body h3:first-child{margin-top:0}.sheet-body p{color:#c5bda9}.sheet-body .gold-word{color:#e9c87c}.sheet-body button{cursor:pointer}.sheet-body button:disabled{cursor:not-allowed;opacity:.4}.sheet-body input,.sheet-body select,.sheet-body textarea{width:100%;display:block;border:1px solid #615135;border-radius:9px;background:#080906;color:#faf1d9;font:inherit;padding:10px;margin-top:7px;box-sizing:border-box}.sheet-body label{display:block;color:#d9c59a;margin:17px 0}.sheet-body textarea{min-height:78px;resize:vertical}.full{display:block;width:100%;margin:12px 0}.outline-button{color:#e5c583;background:#17160f;border:1px solid #8d733a;border-radius:9px;padding:9px 15px;font:inherit}.text-link{color:#d5b56b;background:none;border:0;padding:10px 0;display:inline-block;font-size:14px;text-decoration:none}.location-card{border:1px solid #795b2b;background:linear-gradient(120deg,#2d2414,#12110c);border-radius:13px;padding:17px;display:flex;flex-direction:column;gap:7px}.location-card>span{color:#bcb091;font-size:13px}.location-card strong{font-size:23px;color:#f5d98c}.empty{text-align:center;color:#b5ac98;padding:25px 8px}.line-item{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #363023;padding:13px 0}.ledger-row small,.line-item small{display:block;color:#a49b87;font-size:12px}.mini-stepper{display:flex;align-items:center;gap:12px}.mini-stepper button{border:1px solid #947746;border-radius:50%;background:#17150d;color:#f0ce8a;width:28px;height:28px;padding:0}.summary{display:flex;justify-content:space-between;align-items:center;margin:17px 0}.summary strong{font-size:26px;color:#f0ce85}.test-note{border-left:2px solid #b38938;background:#292212;padding:10px 13px;font-size:13px;color:#d8c59d!important}.form-error{border:1px solid #9d4e32;border-radius:8px;color:#ffd8be;background:#341c11}.form-error,.form-notice{padding:10px 12px;margin-bottom:14px}.form-notice{border:1px solid #81713c;border-radius:8px;color:#eed78f;background:#252411}.filter-tabs{display:flex;gap:6px;overflow:auto;margin-bottom:15px}.filter-tabs button{padding:8px 12px;background:#1c1b16;border:1px solid #504228;color:#bbad8a;border-radius:8px;white-space:nowrap}.filter-tabs button.active{background:#dfba69;color:#201906}.order-list-item{width:100%;display:block;background:#1c1911;border:1px solid #4f4023;border-radius:12px;padding:14px;color:#e8d9b8;margin:12px 0;text-align:left;font:inherit}.order-list-item>div{display:flex;justify-content:space-between;gap:8px}.order-list-item p{margin:12px 0}.order-list-item small{color:#978d77}.muted{color:#a69b84!important}.timeline{padding-left:20px}.timeline li{padding:7px 0;border-bottom:1px solid #312c21}.timeline small{display:block;color:#9f9279}.timeline p{font-size:13px;margin:2px 0}.topup-options{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:20px 0}.topup-options button{border:1px solid #9f7b3b;border-radius:12px;color:#f0ce85;background:linear-gradient(120deg,#3b2b12,#151208);padding:23px;font-size:22px}.ledger-row{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #39301f;padding:15px 0}.ledger-row>div:last-child{text-align:right;flex-shrink:0;color:#e9c883}.ledger-row>div:last-child span{display:block;font-size:13px}.ledger-row b{font-weight:500}.sign-badge{width:78px;height:78px;border-radius:50%;margin:auto;background:linear-gradient(120deg,#ffe3a1,#b07712);color:#382706;font-size:50px;text-align:center;border:4px double #ffe2a0}.record-card{padding:14px;border:1px solid #5a4624;border-radius:12px;background:#1b180f;margin:14px 0}.record-card h3{margin-top:0}.profile-avatar{width:80px;margin:0 auto 20px}.profile-avatar .avatar{width:80px;height:80px}.product-preview{max-width:210px;margin:auto}.gold-word{color:#f0d289}@media(min-width:700px){.customer{box-shadow:0 0 90px #51351255}.modal-shade{align-items:center}.sheet{border-bottom:1px solid #9f783c;border-radius:20px;max-height:90dvh}.customer .bottom-nav{box-shadow:0 -4px 25px #0008}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.podium-avatar{border-radius:50%;overflow:hidden}.podium-avatar .avatar{width:100%;height:100%;border:0}.ranking-row>.avatar{flex:0 0 8.5cqw;width:8.5cqw;height:8.5cqw}.ranking-row>span:not(.avatar){flex:1}.medal-icon{width:3.4cqw;height:auto;display:inline-block;vertical-align:middle;flex-shrink:0}.reward{display:flex;align-items:center;gap:.6cqw;padding:.25cqw .9cqw}.cart-total small .medal-icon{width:3.1cqw;height:auto}.bag>.art-crop{width:8.2cqw;height:9.5cqw;margin:auto}.sample-price{font-size:1.9cqw;color:#a59a82;font-weight:400;margin-left:.7cqw}.profile-menu-tail{overflow:hidden;pointer-events:none}