*{box-sizing:border-box} :root{--orange:var(--color-brand);--ink:var(--color-text);--muted:#83756a;--purple:var(--color-scene-bg)}body{margin:0;background:var(--color-canvas);color:var(--ink);font-family:var(--font-family);font-size:13px}button{font:inherit;color:inherit;border:0;cursor:pointer;background:none;padding:0;touch-action:manipulation}a{color:inherit}button:focus-visible{outline:3px solid #8965b2;outline-offset:2px}svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.symbols{display:none}.status{display:flex;justify-content:space-between;padding:14px 23px 9px;background:#fff;font-size:12px}header{height:45px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 17px;position:sticky;top:0;z-index:8}.location{display:flex;gap:5px;align-items:center;font-size:11px}.location svg{width:14px;color:#cb4f10}.capsule{border:1px solid #eee;border-radius:25px;padding:5px 12px;font-size:14px;letter-spacing:3px}.back{width:32px;height:40px;font-size:24px;text-align:left}.page-title{position:absolute;left:50%;transform:translateX(-50%);font-size:13px;font-weight:650;white-space:nowrap}main{max-width:480px;margin:auto;padding:15px 16px 98px}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.5px}.brandline{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.brandline strong{font-size:24px;font-weight:900;letter-spacing:-1.2px}.brandline span{display:block;font-size:7px;letter-spacing:2.5px;margin-top:2px}.brandline small{font-size:9px;color:#9b552d}.member{background:white;border-radius:16px;padding:14px;margin-bottom:12px}.member-top{display:flex;gap:9px;align-items:center}.avatar{background:var(--color-brand);color:var(--color-text);border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:18px;font-weight:800}.member-top b{font-size:12px}.member-top small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.small-btn{margin-left:auto;background:#fff0e7;color:#a5430d;padding:8px;border-radius:7px;font-size:10px;min-height:34px}.balances{display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px}.balances button{border-right:1px solid #f2ece5}.balances button:last-child{border:none}.balances b{display:block;font-size:21px}.balances span{font-size:10px;display:block;margin-top:3px;color:#7a6b60}.campaign{background:var(--color-brand);border-radius:16px;position:relative;width:100%;height:234px;overflow:hidden;text-align:left}.campaign img{width:100%;height:100%;object-fit:cover;object-position:center}.campaign-copy{position:absolute;top:16px;left:16px;display:flex;flex-direction:column;align-items:flex-start}.campaign-copy small{font-size:8px;font-weight:700;letter-spacing:1px}.campaign-copy strong{font-size:30px;font-weight:900;line-height:1.15;margin:9px 0;letter-spacing:-1.3px}.campaign-copy em{font-size:10px;font-style:normal}.campaign-copy b{background:var(--color-text);color:white;border-radius:20px;padding:9px 13px;margin-top:15px;font-size:10px}.stamp{position:absolute;right:12px;top:17px;border-radius:50%;width:57px;height:57px;display:grid;place-content:center;background:#d9c3f3;font-weight:900;font-size:12px;line-height:1.1;transform:rotate(12deg);text-align:center}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:18px 0 22px}.quick button{display:flex;flex-direction:column;align-items:center;gap:5px}.quick .iconbg{width:40px;height:40px;display:grid;place-items:center;background:#ffead8;border-radius:13px;color:#ad4b13;margin-bottom:2px}.quick button:nth-child(2) .iconbg{background:var(--color-scene-bg);color:#715185}.quick button:nth-child(3) .iconbg{background:#fbebc6;color:#876522}.quick button:nth-child(4) .iconbg{background:#e3eee4;color:#4e7759}.quick b{font-size:11px}.quick small{font-size:8px;color:var(--muted)}.section-title{display:flex;justify-content:space-between;align-items:center;margin:17px 0 11px}.section-title h2{font-size:17px}.section-title button,.section-title>span{font-size:10px;color:#996141;min-height:25px}.tabs{display:flex;gap:7px;margin-bottom:12px}.tabs button{flex:1;border-radius:20px;font-size:10px;min-height:34px;background:#fff;color:#77685d;padding:7px 8px}.tabs .selected{background:var(--color-text);color:#fff}.scene-card{background:var(--color-scene-bg);border-radius:15px;width:100%;text-align:left;display:flex;align-items:center;padding:16px;overflow:hidden;min-height:165px}.scene-card>div:first-child{width:56%;flex-shrink:0;z-index:1}.scene-card small{font-size:8px;letter-spacing:1px;color:#796387}.scene-card h3{font-size:23px;line-height:1.2;margin:10px 0}.scene-card p{font-size:9px;color:#786583}.scene-card b{font-size:10px;display:block;margin-top:12px}.product-art{background-image:url('assets/original-products.webp');background-repeat:no-repeat;background-size:200% 200%;aspect-ratio:1.5;width:100%;border-radius:12px;background-color:white;flex-shrink:0}.art0{background-position:0 0}.art1{background-position:100% 0}.art2{background-position:0 100%}.art3{background-position:100% 100%}.scene-card .product-art{width:55%;mix-blend-mode:multiply;transform:rotate(8deg);margin-left:-13px}.products{display:grid;grid-template-columns:1fr 1fr;gap:10px}.product{background:white;border-radius:15px;padding:8px;text-align:left;overflow:hidden}.product .product-art{margin-bottom:8px}.product small{font-size:8px;color:#a2430c;background:var(--color-action-soft-bg);padding:3px 5px;border-radius:4px}.product h3{font-size:12px;margin:8px 0 5px}.product p{color:var(--muted);font-size:9px;line-height:1.7}.price{font-size:21px;color:var(--color-price);font-weight:800;display:block;margin-top:8px}.price span{font-size:10px;font-weight:500}.price em{float:right;background:var(--color-action-soft-bg);width:24px;height:24px;border-radius:50%;font-size:18px;text-align:center;font-style:normal}.demo-footer{font-size:8px;color:#8d8177;text-align:center;line-height:1.7;margin-top:23px}.bottom{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#fff;padding:9px 3px 13px;z-index:9;border-top:1px solid #eee6df}.bottom button{min-width:49px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:9px;color:#807267}.bottom button.active{color:#b54505}.bottom .scan svg{width:42px;height:42px;background:var(--color-brand);padding:10px;border-radius:50%;color:#fff;margin-top:-20px;box-shadow:0 0 0 5px white}.bottom .scan{color:#a3430c}.eyebrow{font-size:9px;letter-spacing:1.5px;color:#9e5b33;font-weight:650}.intro{padding:10px 0 20px}.intro h1{font-size:31px;line-height:1.2;margin:9px 0}.intro p{font-size:11px;color:var(--muted);line-height:1.8}.intro .pill{display:inline-block;background:#eadff5;color:#694a80;border-radius:20px;padding:6px 10px;font-size:9px;margin-top:12px}.campaign-page .campaign{height:260px}.campaign-page .campaign-copy strong{font-size:32px}.ticker{display:flex;justify-content:space-around;background:var(--color-text);color:#ffe0c4;border-radius:8px;padding:11px 7px;margin:12px 0 18px;font-size:9px}.scene-choice{display:flex;background:white;align-items:center;border-radius:13px;padding:12px;margin:9px 0;width:100%;text-align:left}.scene-choice .product-art{width:87px;margin-right:12px}.scene-choice h3{font-size:16px}.scene-choice small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.scene-choice>span{margin-left:auto;font-size:18px}.coupon-hero{background:var(--color-brand);padding:22px;border-radius:16px;position:relative;overflow:hidden;margin-bottom:18px}.coupon-hero h1{font-size:29px;line-height:1.2;margin:10px 0}.coupon-hero>svg{position:absolute;right:18px;bottom:15px;width:68px;height:68px;transform:rotate(-15deg);opacity:.65}.coupon-hero p{font-size:10px}.coupon{background:white;border-radius:14px;display:flex;position:relative;overflow:hidden;margin:12px 0;min-height:120px}.coupon-amount{width:96px;flex-shrink:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#fff0e5;border-right:1px dashed #dfc6b2}.coupon-amount b{font-size:36px;color:#af4000}.coupon-amount b small{font-size:16px}.coupon-amount span{font-size:9px;color:#a46136}.coupon-info{padding:16px 12px;flex:1}.coupon-info h3{font-size:14px}.coupon-info p{font-size:9px;line-height:1.8;color:var(--muted);margin:5px 0}.coupon-info button{padding:7px 12px;background:var(--color-text);color:white;border-radius:20px;font-size:9px}.coupon-info button:disabled{background:#eee8e2;color:#978b80}.helper{font-size:10px;line-height:1.8;color:#7c6c60;padding:13px;background:#fff;border-radius:10px}.points-banner{background:#eadff4;border-radius:17px;padding:21px;position:relative;overflow:hidden}.points-banner .big{font-size:49px;font-weight:800;letter-spacing:-2px;line-height:1;margin:15px 0 10px}.points-banner .big span{font-size:12px;font-weight:400;letter-spacing:0}.points-banner>svg{position:absolute;right:25px;top:25px;width:72px;height:72px;color:#b296c8;transform:rotate(10deg)}.points-banner p{font-size:10px;color:#785f87}.points-banner button{font-size:10px;background:var(--color-text);color:white;border-radius:22px;padding:10px 17px;margin-top:14px}.points-hint{background:#fff0e6;padding:12px;border-radius:10px;font-size:10px;color:#a35326;margin:15px 0}.detail-art{background:white;padding:16px;border-radius:18px;position:relative}.detail-art .product-art{width:100%}.detail-tag{position:absolute;left:14px;top:14px;background:#eadff5;color:#715085;font-size:9px;padding:6px 9px;border-radius:20px}.detail-info{background:white;padding:18px;border-radius:16px;margin:12px 0}.detail-info h1{font-size:23px;margin:7px 0}.detail-info>p{font-size:11px;color:var(--muted);line-height:1.8}.detail-info .price{font-size:28px}.specs{display:flex;gap:8px;margin:15px 0}.specs span{font-size:9px;background:#f5f1ed;border-radius:6px;padding:8px}.rule-row{display:flex;justify-content:space-between;font-size:10px;padding:11px 0;border-bottom:1px solid #efe9e2;line-height:1.7}.rule-row span{color:var(--muted)}.primary{display:block;width:100%;border-radius:11px;min-height:44px;background:var(--color-text);color:white;font-size:12px;padding:12px;text-align:center;margin-top:12px}.secondary{display:block;width:100%;border:1px solid #d9cabe;border-radius:11px;min-height:42px;font-size:11px;margin-top:9px}.primary:disabled{background:#eae3dd;color:var(--color-text-disabled)}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-actions .primary{background:var(--color-brand);color:var(--color-text);font-weight:700}.task-card{background:white;border-radius:15px;padding:18px;margin-top:14px}.task-head{display:flex;align-items:center;gap:11px}.task-head svg{color:#a65e35;background:#fff0df;box-sizing:content-box;padding:12px;border-radius:13px}.task-head h3{font-size:15px}.task-head p{font-size:10px;color:var(--muted);margin-top:5px}.task-head>b{font-size:22px;color:#af4408;margin-left:auto}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:20px}.days span{text-align:center;background:#f7f2ed;padding:12px 0 7px;border-radius:9px;font-size:9px;color:#9a8778}.days span:first-child{background:#ffe3ca;color:#a24b13}.days b{font-size:13px;display:block;margin-bottom:8px}.task-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee4db;padding:17px 0}.task-row h3{font-size:12px}.task-row p{font-size:9px;color:var(--muted);margin-top:5px}.task-row button{padding:8px 12px;background:#fff0e4;color:#a34b15;border-radius:20px;font-size:10px}.cart-row{display:flex;gap:12px;align-items:center;background:white;padding:14px;border-radius:15px;margin-bottom:10px}.cart-row .product-art{width:97px}.cart-row h3{font-size:13px}.cart-row p{font-size:9px;color:var(--muted);margin:5px 0}.cart-row .price{font-size:17px}.quantity{display:flex;align-items:center;gap:12px;font-size:12px;margin-top:8px}.quantity button{width:25px;height:25px;border:1px solid #e0d5cd;border-radius:6px;font-size:16px}.empty{text-align:center;padding:40px 20px;background:white;border-radius:16px}.empty>svg{width:54px;height:54px;color:#dca67a;margin-bottom:15px}.empty h3{font-size:18px}.empty p{font-size:11px;line-height:1.8;color:var(--muted);margin-top:10px}.cart-total{background:white;border-radius:15px;padding:17px}.cart-total .row{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:8px 0}.cart-total strong{font-size:25px}.member-card{background:var(--color-text);color:#ffe6d2;border-radius:17px;padding:22px;position:relative}.member-card .avatar{width:43px;height:43px;margin-bottom:16px}.member-card h1{font-size:24px}.member-card p{font-size:10px;margin-top:8px;color:#cdb5a2}.member-card .tier{position:absolute;right:20px;top:22px;background:var(--color-brand);border-radius:22px;padding:8px 11px;color:var(--color-text);font-weight:700;font-size:11px}.progress{height:4px;background:#6e5a4a;border-radius:3px;margin-top:18px}.progress span{display:block;width:20%;height:4px;background:#ffad73}.member-card .meta{font-size:8px;display:flex;justify-content:space-between;margin-top:7px;color:#cdb5a2}.account-balances{background:#fff;border-radius:13px;padding:3px 10px 17px;margin-top:12px}.menu{background:white;border-radius:15px;padding:5px 16px;margin-top:14px}.menu button{display:flex;align-items:center;gap:11px;width:100%;padding:16px 0;border-bottom:1px solid #f3ebe5;text-align:left;font-size:12px}.menu button:last-child{border:0}.menu button svg{width:19px;height:19px;color:#a35d30}.menu button span{margin-left:auto;color:#a38c7a}.store-note{background:#efe7f8;border-radius:13px;padding:18px;margin-bottom:16px;font-size:11px;line-height:1.8;color:#70587f}.store-card{padding:18px;background:white;border-radius:15px;margin:12px 0;border:1px solid transparent}.store-card.selected{border-color:#e88951}.store-card h3{font-size:17px}.store-card p{font-size:10px;color:var(--muted);line-height:1.8;margin-top:6px}.store-card .badges{display:flex;gap:5px;margin:10px 0}.store-card .badges span{padding:4px 6px;border-radius:4px;font-size:8px;background:#f8efe8;color:#a46b46}dialog{position:fixed;top:auto;bottom:0;margin:0 auto;width:100%;max-width:480px;max-height:85vh;overflow:auto;border:0;border-radius:24px 24px 0 0;padding:20px 20px 28px;overscroll-behavior:contain}dialog::backdrop{background:#251b1766}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.sheet-head h2{font-size:19px}.sheet-head button{font-size:27px;width:36px;height:36px;border-radius:50%;background:#f5f0eb}#sheetBody p{font-size:12px;line-height:1.9;color:#7a6a5f;margin:10px 0}.success{background:var(--color-success-bg);color:var(--color-success-text);border-radius:16px;padding:23px;font-size:24px;font-weight:800;text-align:center}.success svg{display:block;width:40px;height:40px;margin:0 auto 10px}.code-demo{padding:28px;border:2px dashed #dbcfc4;border-radius:14px;text-align:center}.code-demo svg{width:55px;height:55px;color:#a66a41;display:block;margin:0 auto 14px}.code-demo b{font-size:16px}.code-demo small{font-size:10px;display:block;margin-top:10px;color:var(--muted)}#toast{position:fixed;left:50%;bottom:85px;transform:translateX(-50%);z-index:30;padding:12px 17px;border-radius:10px;background:var(--color-text)ee;color:white;font-size:11px;max-width:90%;width:max-content;opacity:0;pointer-events:none}#toast.show{opacity:1}@media(min-width:500px){body{max-width:430px;margin:auto}.bottom{max-width:430px;margin:auto}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}