:root{color-scheme:light dark;--font: -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;--font-display: "Fraunces", Georgia, "Noto Serif", serif;--bg: #ffffff;--surface: #f4f4f2;--line: #e5e5e2;--line-dash: #c9c9c4;--text: #171717;--muted: #6e6e6e;--accent: #b3491f;--accent-ink: #ffffff;--accent-text: #b3491f;--accent-wash: rgba(179, 73, 31, .07);--ok: #1a7f4b;--shelf-top: #b98455;--shelf-lip: #d6a878;--shelf-face: #a4653c;--shelf-face-low: #7a4523;--shelf-edge: #4e2b14;--shelf-shade: rgba(60, 32, 12, .24);--glass: rgba(255, 255, 255, .92);--dot-on: rgba(0, 0, 0, .55);--dot-off: rgba(0, 0, 0, .2);--veil: rgba(0, 0, 0, .35);--ph-ink: rgba(0, 0, 0, .46);--wash-sand: #e8e2d9;--wash-sage: #dde5e0;--wash-clay: #e6ded9;--wash-steel: #dee3e8;--wash-olive: #e2e6dc;--wash-rose: #e8e0da;--bar: calc(148px + env(safe-area-inset-bottom, 0px)) ;--radius: 10px;--radius-sm: 6px;--pad: 16px;--gap: 10px;--fs-brand: 22px;--fs-title-lg: 19px;--fs-body: 16px;--fs-price: 18px;--fs-card-title: 15px;--fs-meta: 13px;--fs-chip: 15px;--fs-small: 14px;--fs-tiny: 12px;--shadow-float: 0 2px 10px rgba(0, 0, 0, .18)}@media (prefers-color-scheme: dark){:root{--bg: #1a1714;--surface: #241f1a;--line: #322c26;--line-dash: #4a4238;--text: #f2ece4;--muted: #a39c93;--accent-text: #e0774a;--accent-wash: rgba(224, 119, 74, .12);--ok: #4ec98a;--glass: rgba(20, 18, 16, .86);--dot-on: rgba(255, 255, 255, .7);--dot-off: rgba(255, 255, 255, .28);--veil: rgba(0, 0, 0, .6);--ph-ink: rgba(255, 255, 255, .48);--wash-sand: #2b2621;--wash-sage: #212a26;--wash-clay: #2b2422;--wash-steel: #212630;--wash-olive: #242a22;--wash-rose: #2c2422;--shelf-top: #6f4a2e;--shelf-lip: #8a5f3c;--shelf-face: #59371f;--shelf-face-low: #3b2314;--shelf-edge: #1d1108;--shelf-shade: rgba(0, 0, 0, .5);--shadow-float: 0 2px 14px rgba(0, 0, 0, .55)}}@font-face{font-family:Fraunces;src:url(/nukkad/type/fraunces-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fraunces;src:url(/nukkad/type/fraunces-latin-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}.display{font-family:var(--font-display);letter-spacing:-.01em}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font)}body{font-size:var(--fs-body);line-height:1.4}#root{max-width:430px;margin:0 auto;min-height:100vh}button{font:inherit;color:inherit;background:none;border:none;text-align:inherit}input,textarea,select{font:inherit;color:var(--text)}.topbar{display:flex;align-items:center;gap:12px;padding:14px var(--pad)}.topbar .title{font-family:var(--font-display);font-size:21px;font-weight:700;letter-spacing:-.01em}.iconbtn{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:-10px}.iconbtn svg{width:21px;height:21px;stroke:var(--text);stroke-width:2;fill:none}.header{padding:14px var(--pad) 10px;display:flex;align-items:center;justify-content:space-between}.header .brand{font-family:var(--font-display);font-size:var(--fs-brand);font-weight:700;letter-spacing:-.02em}.header .cluster{font-size:var(--fs-meta);color:var(--muted)}.search{margin:0 var(--pad) 10px;display:flex;align-items:center;gap:8px;background:var(--surface);border-radius:var(--radius);padding:11px 12px}.search svg{width:17px;height:17px;stroke:var(--muted);stroke-width:1.6;fill:none;flex:none}.search input{flex:1;background:none;border:none;outline:none;font-size:var(--fs-body)}.search input::placeholder{color:var(--muted)}.chips{display:flex;gap:8px;padding:0 var(--pad) 12px;overflow-x:auto;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:none;font-size:var(--fs-chip);padding:12px 16px;border-radius:999px;border:1px solid var(--line);background:var(--bg)}.tag{flex:none;display:inline-flex;align-items:center;padding:12px 16px;border-radius:999px;background:var(--surface);color:var(--text);font-size:var(--fs-small);font-weight:600}.chip.on{background:var(--text);color:var(--bg);border-color:var(--text)}.tap{display:inline-flex;align-items:center;min-width:44px;min-height:44px;padding:12px 8px;margin:-12px -8px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);padding:0 var(--pad)}.board{padding-bottom:96px}.card{display:block}.ph{aspect-ratio:1;border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.ph.ph-fill{aspect-ratio:auto;height:100%;border-radius:0}.ph svg{stroke:var(--ph-ink);stroke-width:1.6;fill:none;width:46px;height:46px}.card .price{font-size:var(--fs-price);font-weight:700;margin-top:8px}.price .unit{font-size:var(--fs-meta);font-weight:600;color:var(--muted)}.card .title{font-size:var(--fs-card-title);margin-top:1px}.card .meta{font-size:var(--fs-meta);color:var(--muted);margin-top:2px}.float-pill{position:fixed;left:50%;transform:translate(-50%);bottom:24px;background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:13px 26px;font-size:var(--fs-body);font-weight:700;box-shadow:var(--shadow-float)}.btn{display:block;width:100%;text-align:center;padding:14px 0;border-radius:var(--radius);font-size:var(--fs-body);font-weight:700}.btn.solid{background:var(--accent);color:var(--accent-ink)}.btn.ghost{border:1.5px solid var(--text)}.actionbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;display:flex;gap:10px;padding:12px var(--pad) calc(20px + env(safe-area-inset-bottom,0px));background:var(--bg);border-top:1px solid var(--line)}.actionbar:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:20px;pointer-events:none;background:linear-gradient(rgba(0,0,0,0),var(--bg))}.under-bar{padding-bottom:var(--bar)}.field{display:block;width:100%;border:1px solid var(--line);border-radius:var(--radius);padding:13px 12px;font-size:var(--fs-body);background:var(--bg);outline:none}.field::placeholder{color:var(--muted)}textarea.field{min-height:92px;resize:vertical}.label{display:block;font-size:var(--fs-small);font-weight:600;margin:16px 0 6px}.badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-meta);color:var(--ok);font-weight:600}.badge svg{width:12px;height:12px;stroke:var(--ok);stroke-width:2.4;fill:none}.avatar{border-radius:50%;background:var(--surface);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--muted);flex:none}.muted{color:var(--muted)}.plank{position:relative;margin:0 6px}.plank-top{height:3px;background:linear-gradient(var(--shelf-top),var(--shelf-lip));border-radius:2px 2px 0 0}.plank-face{position:relative;height:11px;overflow:hidden;border-radius:0 0 2px 2px;background:linear-gradient(90deg,#00000038,#0000 7%,#0000 93%,#00000038),linear-gradient(var(--shelf-lip) 0,var(--shelf-face) 30%,var(--shelf-face-low) 88%,var(--shelf-edge) 100%)}.plank-face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/nukkad/art/shelf-grain.svg) 0 0 / 100% 100% no-repeat;mix-blend-mode:multiply;opacity:.62;pointer-events:none}.plank-shade{height:10px;margin:0 3px;background:linear-gradient(var(--shelf-shade),rgba(0,0,0,0))}.srows{padding:0 var(--pad)}.srow{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:13px 0;border-bottom:1px solid var(--line);text-align:left}.srow:last-child{border-bottom:0}.srow svg{width:17px;height:17px;stroke:var(--muted);stroke-width:1.6;fill:none;flex:none}.srow .t{flex:1;font-size:15px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.srow .t b{font-weight:700}.srow .n{font-size:var(--fs-meta);color:var(--muted);flex:none}.shead{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 var(--pad)}.shead h2{font-size:13px;font-weight:700;color:var(--muted);letter-spacing:.02em;text-transform:uppercase}.tally{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 var(--pad) 6px;font-size:13px;color:var(--muted)}.tally .order{display:flex;align-items:center;min-height:44px;padding-left:12px;color:var(--text);font-weight:700;font-size:13px}.orders{padding:0 var(--pad) 10px}.orders button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:11px 0;font-size:15px;text-align:left;border-bottom:1px solid var(--line)}.orders button:last-child{border-bottom:0}.orders .on{font-weight:700}.orders .tick{color:var(--accent-text);font-weight:700}