:root{--bg:#f5eee3;--surface:#fffcf7;--surface2:#efe4d3;--line:#dccbb3;--text:#241810;--muted:#6b5646;--accent:#9c4f22;--accent-text:#8f471d;--accent-soft:#f2ddc8;--on-accent:#fff8f0;--blue:#2b4a60;--blue-soft:#dde7ee;--ok:#1d6b66;--ok-soft:#d4eae6;--warn:#a12e24;--warn-soft:#f6dad4;--amber:#8a5a00;--amber-soft:#f6e7c4;--nav-bg:#16100c;--nav-text:#f4eadd;--nav-muted:#bfaa95;--nav-accent:#d9844c;--nav-active:#3b2618;--shadow:0 1px 2px #2418100f, 0 8px 24px #24181014;--radius:14px;--radius-sm:10px;--font-sans:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-serif:"Zilla Slab", Georgia, serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--tap:44px;--tap-lg:48px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#16100c;--surface:#211811;--surface2:#2c2017;--line:#3f2f22;--text:#f4eadd;--muted:#bfaa95;--accent:#d9844c;--accent-text:#e8a06c;--accent-soft:#3b2618;--on-accent:#1a0f08;--blue:#93b8cf;--blue-soft:#1c2b35;--ok:#66c4b9;--ok-soft:#132e2b;--warn:#ee8174;--warn-soft:#3b1c17;--amber:#e6b455;--amber-soft:#3a2c10;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#16100c;--surface:#211811;--surface2:#2c2017;--line:#3f2f22;--text:#f4eadd;--muted:#bfaa95;--accent:#d9844c;--accent-text:#e8a06c;--accent-soft:#3b2618;--on-accent:#1a0f08;--blue:#93b8cf;--blue-soft:#1c2b35;--ok:#66c4b9;--ok-soft:#132e2b;--warn:#ee8174;--warn-soft:#3b1c17;--amber:#e6b455;--amber-soft:#3a2c10;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:15px;line-height:1.45}h1,h2,h3{font-family:var(--font-serif);margin:0;font-weight:600;line-height:1.15}h1{font-size:30px}h2{font-size:22px}h3{font-size:18px}p{margin:0}a{color:var(--accent-text)}button,input,select,textarea{font:inherit;color:inherit}.mono{font-family:var(--font-mono);font-weight:500}.serif{font-family:var(--font-serif);font-weight:700}.muted{color:var(--muted)}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent-text);font-size:12px;font-weight:600}.small{font-size:13px}.btn{min-height:var(--tap);border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:500;text-decoration:none;transition:background .12s,border-color .12s,opacity .12s;display:inline-flex}.btn:hover{background:var(--surface2)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--accent);color:var(--on-accent);border-color:#0000;font-weight:600}.btn.primary:hover{filter:brightness(1.06);background:var(--accent)}.btn.ok{background:var(--ok);color:var(--on-accent);border-color:#0000;font-weight:600}.btn.danger{color:var(--warn);border-color:var(--warn);background:0 0;font-weight:600}.btn.ghost{background:0 0;border-color:#0000}.btn.lg{border-radius:var(--radius);min-height:56px;padding:0 22px;font-size:17px}.btn.xl{border-radius:var(--radius);min-height:64px;font-size:18px}.btn.icon{width:var(--tap-lg);height:var(--tap-lg);padding:0}.btn.block{width:100%}.input,.select,.textarea{min-height:var(--tap);border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg);color:var(--text);width:100%;padding:8px 12px}.textarea{resize:vertical}.input:focus,.select:focus,.textarea:focus,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}label.field{flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}label.field>span.hint{color:var(--muted);font-weight:400}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.card.pad{padding:18px}.row{align-items:center;gap:12px;display:flex}.col{flex-direction:column;gap:12px;display:flex}.grow{flex-grow:1;min-width:0}.wrap{flex-wrap:wrap}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pill{white-space:nowrap;background:var(--surface2);color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:5px 12px;font-size:13px;font-weight:600;display:inline-flex}.pill .dot{background:currentColor;border-radius:50%;width:8px;height:8px}.pill.picking{background:var(--accent-soft);color:var(--accent-text)}.pill.issue,.pill.block{background:var(--warn-soft);color:var(--warn)}.pill.ready,.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.picked_up,.pill.info,.pill.blue{background:var(--blue-soft);color:var(--blue)}.pill.warn{background:var(--amber-soft);color:var(--amber)}.pill.complete{background:var(--surface2);color:var(--muted)}.badge{background:var(--nav-accent);color:#1a0f08;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 7px;font-size:12px;font-weight:600;display:inline-flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{min-height:var(--tap);border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;padding:0 16px;font-weight:500}.chip[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}.notice{border-radius:var(--radius-sm);padding:12px 14px;font-size:14px;line-height:1.45}.notice.info{background:var(--blue-soft)}.notice.info b{color:var(--blue)}.notice.warn{background:var(--amber-soft)}.notice.warn b{color:var(--amber)}.notice.block{background:var(--warn-soft)}.notice.block b{color:var(--warn)}.notice.ok{background:var(--ok-soft)}.notice.ok b{color:var(--ok)}.table{border-collapse:collapse;width:100%}.table th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--surface2);border-bottom:1px solid var(--line);padding:12px 14px;font-size:12px;font-weight:600}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 14px}.table tr.clickable{cursor:pointer}.table tr.clickable:hover{background:var(--surface2)}.table tr.selected{background:var(--accent-soft)}.progress{background:var(--surface2);border-radius:999px;height:10px;overflow:hidden}.progress>div{background:var(--accent-text);height:100%;transition:width .2s}.progress.done>div{background:var(--ok)}.backdrop{z-index:50;background:#16100c8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line);width:min(560px,100%);max-height:calc(100vh - 32px);box-shadow:var(--shadow);border-radius:18px;padding:22px;overflow:auto}@media (width<=600px){.backdrop{align-items:flex-end;padding:0}.modal{border-radius:18px 18px 0 0;width:100%;max-height:92vh}}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--muted);padding:40px 20px}.offline{background:var(--warn);color:#fff;text-align:center;z-index:60;padding:10px 16px;font-weight:600;position:fixed;bottom:0;left:0;right:0}.guide-card{z-index:70;background:var(--nav-bg);color:var(--nav-text);width:min(380px,100vw - 32px);box-shadow:var(--shadow);border-radius:16px;padding:18px 20px;position:fixed}.guide-highlight{z-index:66;box-shadow:0 0 0 4px var(--nav-accent), 0 0 0 9999px #16100c80;border-radius:12px;position:relative}.roll-diagram{border:1px solid var(--line);height:56px;font-family:var(--font-mono);border-radius:8px;font-size:13px;display:flex;overflow:hidden}.roll-diagram>div{border-right:2px dashed var(--bg);white-space:nowrap;justify-content:center;align-items:center;min-width:0;padding:0 4px;display:flex;overflow:hidden}.roll-diagram>div:last-child{border-right:0}::selection{background:var(--accent-soft)}@media print{.no-print{display:none!important}}.wh-nav{background:var(--nav-bg);color:var(--nav-text);z-index:20;--text:var(--nav-text);--bg:var(--nav-bg);--surface:transparent;--surface2:var(--nav-active);--line:#5a3a26;--accent-text:var(--nav-accent);align-items:center;gap:16px;padding:14px 28px;display:flex;position:sticky;top:0}.wh-nav .btn{min-height:48px}.wh-nav-btn{width:48px;height:48px;color:var(--nav-text);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;padding:0;display:inline-flex}.wh-nav-btn:hover{background:var(--nav-active)}.wh-actor{width:48px;height:48px;color:var(--nav-text);cursor:pointer;background:#5a3a26;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:600;display:inline-flex}.wh-chip{align-items:center;gap:8px;min-height:48px;padding:0 18px;font-size:15px;font-weight:600;display:inline-flex}.wh-job-card{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:14px;align-items:center;gap:16px;min-height:80px;padding:16px 18px;text-decoration:none;transition:border-color .12s,background .12s;display:flex}.wh-job-card:hover{border-color:var(--accent-text)}.wh-next-card{background:var(--surface);border:2px solid var(--accent-text);color:var(--text);border-radius:18px;align-items:center;gap:24px;padding:22px 24px;text-decoration:none;display:flex}.wh-line{background:var(--surface);border:1px solid var(--line);-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:14px;padding:10px 14px;display:flex}.wh-line.packed{background:var(--ok-soft);border-color:var(--ok-soft)}.wh-line.issue{background:var(--amber-soft);border-color:var(--amber-soft)}.wh-pack-box{border:2px solid var(--muted);width:48px;height:48px;color:var(--on-accent);cursor:pointer;background:0 0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .12s,border-color .12s;display:inline-flex}.wh-pack-box[aria-pressed=true]{background:var(--ok);border-color:var(--ok)}.wh-pack-box:disabled{opacity:.5;cursor:not-allowed}.wh-cta{border-radius:14px;width:100%;min-height:64px;font-size:18px;font-weight:600}.wh-cta.off{background:var(--surface2);color:var(--muted);opacity:1;border-color:#0000}.wh-cta-done{text-align:center;background:var(--ok);min-height:64px;color:var(--on-accent);border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:10px 18px;font-size:17px;font-weight:600;display:flex}.wh-choice{border:1px solid var(--line);background:var(--surface);width:100%;min-height:56px;color:var(--text);text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:10px 16px;display:flex}.wh-choice:hover{background:var(--surface2)}.wh-choice[aria-pressed=true]{border-color:var(--accent-text);background:var(--accent-soft)}.wh-choice:disabled{opacity:.55;cursor:not-allowed}.wh-photo{object-fit:cover;background:var(--surface2);border-radius:10px;width:100%;height:160px;display:block}