:root{--primary: #ff6b00;--primary-light: #fff1e6;--text: #111827;--text-muted: #6b7280;--bg: #ffffff;--surface: #ffffff;--surface-alt: #f3f4f6;--border: #e5e7eb;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}button{font:inherit;cursor:pointer}.app{min-height:100vh;padding-bottom:calc(80px + var(--safe-bottom))}.head{position:sticky;top:0;z-index:10;background:var(--bg);padding:12px 14px 8px;border-bottom:1px solid var(--border)}.head h1{font-size:16px;margin:0}.head p{font-size:12px;color:var(--text-muted);margin:2px 0 0}.chips{display:flex;gap:7px;overflow-x:auto;padding:10px 14px 0;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{padding:7px 13px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:13px;white-space:nowrap;color:inherit;min-height:36px}.chip--active{background:var(--primary);border-color:var(--primary);color:#fff}.list{padding:12px 14px 0}.item{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--border);padding:11px 0;color:inherit}.item__body{flex:1;min-width:0}.item__name{font-weight:600;margin:0 0 2px}.item__desc{font-size:12px;color:var(--text-muted);margin:0 0 5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item__price{font-weight:700;font-variant-numeric:tabular-nums}.item__old{font-size:12px;color:var(--text-muted);text-decoration:line-through;margin-left:5px;font-weight:400}.item__add{flex-shrink:0;width:38px;height:38px;border-radius:11px;border:none;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center}.cart-line{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.qty{display:flex;align-items:center;gap:7px}.qty button{width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:inherit;display:flex;align-items:center;justify-content:center}.totals{padding:12px 0;display:grid;gap:5px}.totals__row{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums}.totals__row--grand{font-size:17px;font-weight:800;border-top:1px solid var(--border);padding-top:7px}.field{display:grid;gap:5px;margin-bottom:11px}.field label{font-size:12px;font-weight:500}.field input,.field textarea{padding:11px 13px;border:1px solid var(--border);border-radius:10px;font-size:16px;font-family:inherit;background:var(--surface);color:var(--text)}.alert{padding:10px 13px;border-radius:10px;font-size:13px;margin-bottom:11px}.alert--error{background:#fee2e2;color:#991b1b}.center{min-height:70vh;display:grid;place-items:center;text-align:center;padding:22px;color:var(--text-muted)}.fallback-btn{width:100%;min-height:50px;border-radius:12px;border:none;background:var(--primary);color:#fff;font-size:16px;font-weight:700;margin-top:10px}.bar{position:fixed;left:0;right:0;bottom:0;padding:10px 14px calc(10px + var(--safe-bottom));background:var(--bg);border-top:1px solid var(--border)}.muted{color:var(--text-muted)}