:root{--accent: #E8491D;--accent-dark: #BA3A17;--accent-tint: rgba(232, 73, 29, .12);--cream: #FAF6F0;--charcoal: #141414;--radius-card: 22px}*{box-sizing:border-box}html{background:var(--cream)}button,input,select,textarea{font:inherit}html[lang=km] *{letter-spacing:normal;word-spacing:normal}body{margin:0;font-family:system-ui,-apple-system,Noto Sans Khmer,sans-serif;line-height:1.6;background:var(--cream);color:var(--charcoal);isolation:isolate}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(65% 42% at 88% -4%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 70%),radial-gradient(55% 38% at -8% 28%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 72%),radial-gradient(80% 55% at 50% 108%,rgba(20,20,20,.06),transparent 72%),var(--cream)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.shell{display:flex;flex-direction:column;min-height:100vh}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px}.shop-name{font-weight:800;font-size:18px;letter-spacing:-.01em}.wallet-chip{padding:6px 16px;border-radius:999px;background:var(--charcoal);color:#fff;text-decoration:none;font-variant-numeric:tabular-nums;font-weight:600}.content{flex:1;padding:8px 16px 108px;max-width:560px;margin:0 auto;width:100%}.bg-waves{position:fixed;top:0;left:0;right:0;width:100%;height:38vh;z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000 35%,transparent 92%);mask-image:linear-gradient(to bottom,#000 35%,transparent 92%)}.bg-waves path{fill:var(--accent)}.bg-waves .w1{fill-opacity:.07}.bg-waves .w2{fill-opacity:.1}.bg-waves .w3{fill-opacity:.15}.tab-bar{position:fixed;bottom:14px;left:14px;right:14px;max-width:532px;margin:0 auto;display:flex;gap:2px;background:#fff;border-radius:999px;box-shadow:0 8px 24px #14141424;padding:6px}.tab{flex:1;text-align:center;padding:10px 0;text-decoration:none;color:#8a8580;font-size:13px;font-weight:600;border-radius:999px}.tab--active{background:var(--accent);color:#fff}.tab:active{background:var(--accent-dark);color:#fff}
