:root{color-scheme:light;--bg:#fff8ea;--paper:#fff;--ink:#111;--muted:#5f5a54;--line:#111;--accent:#f53456;--accent-dark:#d91f42;--yellow:#ffe35f;--green:#4fd47b;--blue:#80d8ff;--shadow:#111;--radius:24px}*{box-sizing:border-box}body,html{min-height:100%;margin:0;background:radial-gradient(circle at 14% 10%,rgba(255,227,95,.75) 0 12%,transparent 13%),radial-gradient(circle at 86% 16%,rgba(128,216,255,.55) 0 10%,transparent 11%),linear-gradient(135deg,#fff8ea,#fff1d2 45%,#ffe4ec);color:var(--ink);font-family:Arial Rounded MT Bold,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.page{width:min(1120px,100%);min-height:100vh;margin:0 auto;padding:28px}.topbar{justify-content:space-between;gap:16px;margin-bottom:28px}.brand,.topbar{display:flex;align-items:center}.brand{gap:12px;font-weight:900;font-size:22px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border:3px solid var(--line);border-radius:14px;background:var(--accent);color:#fff;box-shadow:4px 4px 0 var(--shadow)}.nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);grid-gap:24px;gap:24px;align-items:stretch}.stack{display:grid;grid-gap:18px;gap:18px}.panel{border:3px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:8px 8px 0 var(--shadow);padding:24px}.panel.yellow{background:var(--yellow)}.panel.blue{background:var(--blue)}.eyebrow{margin:0 0 10px;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.title{margin:0;font-size:clamp(36px,7vw,72px);line-height:.92;letter-spacing:-.06em}.subtitle{margin:16px 0 0;color:var(--muted);font-size:17px;line-height:1.7}.button,.button-ghost,.button-secondary,.tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:3px solid var(--line);border-radius:999px;padding:10px 18px;background:var(--paper);color:var(--ink);font-weight:900;cursor:pointer;box-shadow:4px 4px 0 var(--shadow);transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.button{background:var(--accent);color:#fff}.button-secondary{background:var(--yellow)}.button-ghost{background:transparent}.button-ghost:active,.button-secondary:active,.button:active,.tab:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--shadow)}.button-ghost:disabled,.button-secondary:disabled,.button:disabled,.tab:disabled{cursor:not-allowed;opacity:.52}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.product-card{display:grid;grid-gap:12px;gap:12px;min-height:170px;text-align:left;border:3px solid var(--line);border-radius:22px;background:#fff;padding:18px;box-shadow:6px 6px 0 var(--shadow);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.product-card.selected,.product-card:active{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--shadow);background:#ffeef3}.product-title{margin:0;font-size:20px;font-weight:900}.note{font-size:34px;font-weight:900}.muted{color:var(--muted)}.tabs{display:flex;flex-wrap:wrap;gap:10px}.tab.active{background:var(--green)}.qr-box{display:grid;place-items:center;min-height:260px;border:3px dashed var(--line);border-radius:20px;background:#fffdf7}.qr-box img{width:min(240px,76vw);height:auto;image-rendering:pixelated}.status-pill{display:inline-flex;width:-moz-fit-content;width:fit-content;border:3px solid var(--line);border-radius:999px;padding:6px 12px;background:var(--green);font-weight:900}.list{display:grid;grid-gap:12px;gap:12px}.list-item{border:3px solid var(--line);border-radius:18px;background:#fff;padding:14px;box-shadow:4px 4px 0 var(--shadow)}.error{color:#9b1029;font-weight:900}@media (max-width:820px){.page{padding:18px}.grid,.hero{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}}