@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500&display=swap";:root{--red:#7a2e1f;--red-dark:#5a1f14;--ivory:#f6f1e7;--card:#fffcf6;--ink:#1f1a17;--muted:#62584e;--line:#e2d6c3;--line2:#e6dbcb;--leaf:#3f6b4f;--jade:#2f5a45;--gold:#8a6226;--amber:#8a5a0b;--brown:#8a4b17;--off:#efe8dc;--off-text:#8f8476;--sand:#efe5d3;--sans:"Be Vietnam Pro", system-ui, sans-serif;--serif:"Cormorant Garamond", Georgia, serif}*,:before,:after{box-sizing:border-box}html,body{background:var(--ivory);color:var(--ink);font-family:var(--sans);-webkit-text-size-adjust:100%;margin:0}button{cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:inherit}button:disabled{opacity:.45;cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:16px}a{color:var(--red)}a:hover{color:var(--red-dark)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--red);outline-offset:2px}.serif{font-family:var(--serif)}[lang|=zh]{font-family:Be Vietnam Pro,Noto Sans SC,sans-serif}[lang|=ja]{font-family:Be Vietnam Pro,Noto Sans JP,sans-serif}[lang|=ko]{font-family:Be Vietnam Pro,Noto Sans KR,sans-serif}.test-banner{color:#6b4506;text-align:center;background:#f6e1b8;padding:6px 12px;font-size:12.5px;line-height:1.4}[lang|=zh] .serif{font-family:Cormorant Garamond,Noto Serif SC,serif}[lang|=ja] .serif{font-family:Cormorant Garamond,Noto Serif JP,serif}[lang|=ko] .serif{font-family:Cormorant Garamond,Noto Serif KR,serif}[lang|=zh] .serif,[lang|=ja] .serif,[lang|=ko] .serif{font-size-adjust:.42}.it{font-style:italic}[lang|=zh] .it,[lang|=ja] .it,[lang|=ko] .it{font-style:normal}body{font-size:14px}.app{color:#1f1a17;background:#f6f1e7;flex-direction:column;min-height:100dvh;display:flex;overflow-x:clip}.scroll-x{scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto}.scroll-x::-webkit-scrollbar{display:none}.hdr{z-index:5;background:#f6f1e7;position:sticky;top:0}.hdr-in{box-sizing:border-box;align-items:center;gap:12px;height:68px;padding:12px 20px;display:flex}.hdr-logo{flex-grow:1;align-items:center;gap:10px;min-width:0;display:flex}.hdr-logo .logo{flex-shrink:1;min-width:72px;display:block}.hdr-step{color:#62584e;white-space:nowrap;font-size:12px;font-weight:500}.btn-round{color:#1f1a17;background:#fffcf6;border:1px solid #e2d6c3;border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.btn-lang{color:#1f1a17;letter-spacing:.04em;background:#fffcf6;border:1px solid #e2d6c3;border-radius:22px;flex-shrink:0;align-items:center;gap:5px;height:44px;padding:0 12px 0 10px;font-size:12.5px;font-weight:600;display:flex}@media (width<=370px){.hdr-in{gap:10px;padding:12px 16px}}.col{flex-direction:column;flex:1 0 auto;width:100%;max-width:520px;margin:0 auto;display:flex}.body{flex:1 0 auto;padding-bottom:20px}.cta{z-index:4;padding:12px 20px calc(22px + env(safe-area-inset-bottom,0px));background:#fffcf6;border-top:1px solid #e2d6c3;flex-direction:column;gap:8px;display:flex;position:sticky;bottom:0}.cta.tight{padding-top:10px}@media (width>=600px){.hdr{border-bottom:1px solid #e6dbcb}.hdr-in{max-width:1200px;margin:0 auto;padding:12px 32px}.col{padding-top:12px}.cta{border:1px solid #e2d6c3;border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 -8px 24px #1f1a170d}body{background:#f6f1e7}}.btn-main{color:#fffcf6;text-align:center;background:#7a2e1f;border:0;border-radius:28px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:56px;padding:0 22px;font-size:15.5px;font-weight:600;line-height:1.25;display:flex}.btn-main:hover:not(:disabled){background:#5a1f14}.btn-ghost{color:#7a2e1f;background:#fffcf6;border:1px solid #7a2e1f;border-radius:28px;width:100%;min-height:56px;padding:0 22px;font-size:15.5px;font-weight:600}.btn-ghost:hover:not(:disabled){background:#fbf3ee}.h-sec{letter-spacing:.1em;text-transform:uppercase;color:#8a4b17;margin:0;font-size:12px;font-weight:600}[lang|=zh] .h-sec,[lang|=ja] .h-sec,[lang|=ko] .h-sec{letter-spacing:.04em}.fld{color:#62584e;flex-direction:column;gap:6px;font-size:12.5px;font-weight:500;display:flex}.inp{box-sizing:border-box;color:#1f1a17;background:#fffcf6;border:1px solid #d9ccb8;border-radius:12px;width:100%;height:48px;padding:0 14px;font-size:16px}textarea.inp{resize:vertical;height:auto;min-height:84px;padding:12px 14px;line-height:1.5}.inp[aria-invalid=true]{border-color:#9b3b2a}.bad{color:#9b3b2a;font-size:12.5px;line-height:1.45}.card{background:#fffcf6;border:1px solid #e6dbcb;border-radius:18px}.flash{color:#7a2e1f;background:#f6e1d9;border-radius:12px;margin:8px 20px 0;padding:12px 14px;font-size:13.5px;font-weight:500;line-height:1.5}.chip-opt{text-align:left;border-radius:22px;align-items:center;gap:6px;min-height:44px;padding:8px 14px;font-size:13.5px;font-weight:500;line-height:1.3;display:inline-flex}.prod-img{object-fit:cover;width:100%;height:100%;display:block}.sheet-wrap{flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:fixed;inset:0}.sheet-backdrop{cursor:default;background:#1f1a1773;border:0;padding:0;position:absolute;inset:0}.sheet{overscroll-behavior:contain;width:100%;max-width:520px;max-height:calc(100dvh - 40px);padding:10px 20px calc(24px + env(safe-area-inset-bottom,0px));box-sizing:border-box;background:#fffcf6;border-radius:26px 26px 0 0;outline:none;flex-direction:column;gap:14px;display:flex;position:relative;overflow-y:auto}.sheet-cta{bottom:calc(-24px - env(safe-area-inset-bottom,0px));margin:0 -20px calc(-24px - env(safe-area-inset-bottom,0px));padding:10px 20px calc(24px + env(safe-area-inset-bottom,0px));z-index:2;background:#fffcf6;position:sticky}.sheet-handle{justify-content:center;display:flex}.sheet-handle span{background:#d9ccb8;border-radius:2px;width:40px;height:4px}@media (width>=700px){.sheet-wrap{justify-content:center;padding:24px}.sheet{border-radius:26px;max-height:calc(100dvh - 48px);padding-bottom:24px}.sheet-handle{display:none}.sheet-cta{margin-bottom:-24px;padding-bottom:24px;bottom:-24px}}.spin{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin{animation-duration:2s}}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}