:root{--wine:#800c42;--bg:#faf7f8;--ink:#352b30}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 -apple-system,BlinkMacSystemFont,'Hiragino Sans',sans-serif}header{height:86px;background:white;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid #eee}header img{width:192px;height:66px;object-fit:contain}main{max-width:780px;margin:auto;padding:22px 16px 130px}h1{font-size:25px;margin:0 0 4px}h2{font-size:18px;margin:0 0 14px}.muted,small{color:#82727a}section,.card{background:white;border:1px solid #eadfe4;border-radius:16px;padding:20px;margin:16px 0}button,input,select{font:inherit}button{cursor:pointer;background:white;color:var(--wine);border:1px solid #dfcbd4;border-radius:10px;padding:12px 16px;min-height:48px}button:disabled{opacity:.45;cursor:default}.primary{background:var(--wine);color:white;border:0;font-weight:700}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice{text-align:left;width:100%;display:flex;justify-content:space-between;gap:8px;align-items:center}.selected{background:#faedf3;border:2px solid var(--wine)}input,select{width:100%;border:1px solid #dccfd5;border-radius:9px;padding:12px;background:white;color:var(--ink);min-height:48px}label{display:block;margin:12px 0 5px}.step{display:inline-grid;place-items:center;border-radius:50%;background:#f5e7ee;color:var(--wine);width:28px;height:28px;margin-right:8px;font-size:14px}.line{padding:12px 0;border-bottom:1px solid #f0e7eb}.line:last-child{border:0}.qty{display:flex;gap:12px;align-items:center}.qty button{padding:4px 12px;min-height:38px}.checkout{position:fixed;bottom:0;left:0;right:0;background:#ffffffed;border-top:1px solid #e5d6dd;padding:14px 18px;backdrop-filter:blur(12px)}.checkout>div{max-width:748px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:12px}.total{font-size:26px;font-weight:750;color:var(--wine)}#notice{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);background:#352b30;color:white;padding:12px 20px;border-radius:10px;display:none;z-index:10;width:max-content;max-width:90%}dialog{border:0;border-radius:18px;width:92%;max-width:480px;padding:24px}dialog::backdrop{background:#29101c77}video{width:100%;border-radius:12px}nav{display:flex;gap:8px;overflow:auto;padding-bottom:10px}nav button{white-space:nowrap}.danger{color:#b12943}a{color:var(--wine)}.badge{font-size:12px;color:var(--wine);background:#f7eaf0;padding:3px 8px;border-radius:6px} .empty{text-align:center;color:#8f7d86;padding:16px}@media(max-width:420px){header{padding:8px 16px}header img{width:165px}section{padding:16px}.grid{gap:8px}button{padding:12px}.total{font-size:23px}}

.scan-result{padding:14px;margin:14px 0;border:1px solid #d9a7b7;border-radius:10px;background:#fff0f3;color:#962447}.scan-result small{color:#7d4454;overflow-wrap:anywhere}
