body[data-skin=cute]{--pine:#654636;--pine-deep:#4f3529;--cream:#fff9e9;--paper:#fffdf5;--ink:#654636;--muted:#8c7365;--line:#eadccb;--clay:#ae7557;--soft:#f4df9d;--font:"Be Vietnam Pro",sans-serif;background:#f5efdf;background-image:radial-gradient(#c7ad8b30 .8px,transparent .8px);background-size:17px 17px;color:var(--ink);:is(h1,h2,h3,.brand-name,.m-card-tier,.c-home-member strong,.c-success h2,.c-qr-merchant,.m-promo strong,.m-edit-hero h3,.m-empty h3){font-family:Quicksand,Be Vietnam Pro,sans-serif;font-weight:700}.demo-header{background:#fff9e9ef;border-color:#e5d5bf;height:auto;min-height:90px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px;gap:12px}.brand-mark{background:#f4df9d;color:#654636;border:1.5px solid #bba17b;border-radius:16px 19px 15px;box-shadow:2px 3px #e3d2b6}.brand-name{font-size:28px;letter-spacing:-1px}.view-switch{background:#efe7d7;border-color:#e2d1b9;border-radius:16px;flex-shrink:0}.view-switch button{min-height:34px;border-radius:11px;color:#806855;padding:8px 12px}.view-switch button.active{color:#654636;background:#fffdf5;box-shadow:0 2px #d4bea1}.demo-tools{gap:8px;flex-wrap:wrap;justify-content:flex-end}.skin-switch{display:flex;gap:3px;padding:4px;border:1px solid #e1cfb7;background:#efe7d7;border-radius:15px}.skin-switch button{border:0;min-height:32px;padding:7px 11px;border-radius:10px;background:transparent;color:#7b6550;font-size:11px;white-space:nowrap;font-weight:600}.skin-switch [data-skin-choice=cute]{background:#f6d9dd;color:#654636;box-shadow:0 2px #d8b5b5}.motion-toggle{border:1px solid #dfcfba;min-height:36px;border-radius:12px;padding:7px 10px;background:#fffdf5;color:#755b48;font-size:10px;white-space:nowrap;display:flex;align-items:center;gap:5px}.motion-toggle[aria-pressed=true]{background:#dce8d7;border-color:#b7c8ac}.icon-button{background:#fffdf5;border-color:#dfcfba;border-radius:12px}:is(.phone,.pos-frame){border:1.5px solid #d5bea1;box-shadow:0 9px #dac9ad40,0 18px 40px #6b49300c;background:#fffdf5}:is(.phone-status,.zalo-bar,.phone-home-indicator,.c-nav,.m-nav,.c-page-heading,.m-heading,.c-bottom-action,.m-bottom-action){background:#fffdf5;border-color:#eadccb;color:#654636}:is(.c-home,.c-checkout,.c-orders-v2,.c-qr-page,.m-scroll){background:#fff9e9;scrollbar-color:#d5bea1 transparent}.c-home-visual{display:none}.c-home-modes{gap:9px;padding-top:15px}.c-home-modes>button{border:1.5px solid #cfb18f;border-radius:19px 17px 19px 16px;background:#f4df9d;color:#79593c;box-shadow:0 3px #c3a17d35;min-height:102px}.c-home-modes>button:nth-child(2){background:#f6d9dd;border-color:#d2aaad}.c-home-modes>button:nth-child(3){background:#dce8d7;border-color:#b5c4a8}.c-home-modes strong{font-family:Quicksand,sans-serif;color:#654636;font-size:12px;font-weight:700}.c-home-modes small{color:#806855;font-size:8px}.c-home-member{background:#654636;border:1px solid #523829;border-radius:22px 18px;color:#fff9e9;padding:19px 16px}.c-home-member :is(small,div>span){color:#f1ddc7}.c-home-member strong{font-size:20px}.c-home-shortcuts>button{background:#fffdf5;border-color:#dbc5a9;border-radius:16px;color:#89694f;min-height:64px}.c-home-shortcuts>button:nth-child(2){background:#f2e8ef}:is(.c-home-shortcuts span,.c-home-strip button,.c-home-footer button,.c-store-change,.c-home-store button){color:#806652}.c-home-shortcuts small{color:#8c7365;font-size:7px}:is(.c-menu-search,.c-fulfillment){background:#f3ead8;border-color:#e7d6bd;border-radius:14px}:is(.c-fulfillment button.active,.c-categories button.active){background:#654636;color:#fff9e9;border-color:#654636}:is(.c-fulfillment button,.c-categories button,.c-slot-grid button,.c-option-buttons button){min-height:32px}.c-product{border:1px solid #ead8bd;border-radius:18px;background:#fffdf5;padding:7px;box-shadow:0 3px #e7d7be40}.c-product-image{border-radius:13px;background:#f4df9d}.c-product h4{font-size:11px;line-height:1.5}.c-product p{color:#8b7360}.c-product-price{font-size:12px}.c-add{width:32px;height:32px;border-radius:12px;background:#f6d9dd;border-color:#d8b0b3;color:#654636}:is(.c-block,.c-order-card,.m-section,.m-tier,.m-reward,.m-voucher,.m-offer){border:1px solid #e1cdb3;background:#fffdf5;border-radius:17px}:is(.c-option-buttons button.active,.c-slot-grid button.active,.c-payment-grid>button.active,.m-packages button.m-selected,.m-payment-options>button.m-selected,.m-tier.m-current){background:#f4df9d;border-color:#ac8960;color:#654636}:is(.c-input,.m-input,.m-amount-input){border-color:#dfcbb0;background:#fffdf5;color:#654636;border-radius:12px}:is(.c-sheet,.c-extra-sheet){background:#fffdf5;border-radius:24px 24px 0 0}:is(.c-quantity button,.c-inline-qty button){min-width:32px;min-height:32px;background:#f4df9d;color:#654636;border-radius:10px}:is(.c-nav button.active,.m-nav button.m-active){color:#654636;background:#f4df9d;border-radius:13px}.m-member-card{background:linear-gradient(120deg,#f4df9d,#f6e8bc);border:1.5px solid #c6a36f;border-radius:23px 19px;color:#654636;box-shadow:0 5px #bba17b25}.m-member-card :is(.m-card-top,.m-card-note,.m-card-bottom small,.m-card-barcode){color:#836345}.m-card-tier{color:#654636}.m-card-watermark{color:#946b3510}:is(.m-stats,.m-promo,.m-wallet-hero,.m-points-hero,.m-checkin-banner){border-color:#dfc9a6;border-radius:18px;background:#f4df9d}.m-promo{background:#f6d9dd}.m-promo-art:before{background:#efc3c9}:is(.m-avatar,.m-row-icon,.m-shortcuts button>span,.m-voucher-value,.m-reward-art){background:#dce8d7;color:#654636}:is(.m-row strong,.m-section-title,.m-profile-welcome h2,.m-promo strong,.m-wallet-hero>strong,.m-points-hero>strong){color:#654636}:is(.m-primary,.p-primary){background:#654636;color:#fff9e9;border-color:#654636;border-radius:13px}:is(.m-primary,.p-primary):hover{background:#4f3529}.p-dialog{background:#fffdf5;color:#654636;border:1.5px solid #c8aa85;border-radius:24px;box-shadow:0 24px 70px #65463635}.p-provider{background:#f8edcf}:is(.p-info,.p-simulation,.p-balance){border-color:#e4cfad;background:#fff9e9}.pos-app{--pos-pine:#654636;--pos-ink:#574334;--pos-muted:#8b7863;--pos-border:#e6d8c2;background:#f7f1e4}:is(.pos-header,.pos-queue,.pos-detail,.pos-member-vouchers,.pos-member-history,.pos-modal){background:#fffdf5;border-color:#e1cfb5}.pos-btn-primary{background:#654636;color:#fff9e9;border-color:#654636}.pos-brand-mark{background:#654636}.pos-order.pos-order-selected{border-color:#b39365;background:#fff5d9;box-shadow:inset 3px 0 #b39365}:is(.pos-top-tabs button.pos-active,.pos-filter.pos-filter-active,.pos-counter-fulfillment button.pos-selected,.pos-payment-options button.pos-selected){background:#f4df9d;border-color:#bc9a67;color:#654636}.pos-member-card{background:#f7e9c3;border-color:#d7bd94}.pos-counter-cart{background:#fbf4e5}:is(button,a,input,textarea,select):focus-visible{outline:3px solid #9d6f51;outline-offset:3px}@media(hover:hover){:is(.c-home-modes>button,.c-home-shortcuts>button,.c-add):hover{box-shadow:0 4px #b69b7735;filter:brightness(1.02)}}@media(max-width:850px){.demo-header{padding:14px 16px;gap:12px}.view-switch{order:3;width:100%}.demo-tools{order:2;max-width:100%;gap:6px}.skin-switch button{font-size:10px;padding:6px 8px}.motion-toggle{font-size:9px;padding:6px 8px}}@media(max-width:480px){.brand{margin:auto}.demo-tools{width:100%;margin:0;justify-content:center}.view-switch button{font-size:10px}.intro h1{font-size:24px;line-height:1.35}.intro p:not(.eyebrow){line-height:1.8}}&[data-motion=off] *,&[data-motion=off] *:before,&[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){& *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}}
