:root{--bg: #111827;--surface: #1f2937;--border: #374151;--text: #f9fafb;--muted: #9ca3af;--accent: #2563eb;--danger: #f87171}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--text);font-family:system-ui,sans-serif;font-size:18px}button{touch-action:manipulation}button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}#app{max-width:640px;margin:0 auto;padding:1rem;padding-top:max(1rem,env(safe-area-inset-top));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(1rem,env(safe-area-inset-bottom));padding-left:max(1rem,env(safe-area-inset-left))}.topbar{position:relative;display:flex;align-items:center;gap:.75rem;padding:.5rem 0 1rem}.who{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;margin-right:auto;min-width:0}.who-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;color:var(--muted)}.menu{display:flex;flex-shrink:0}.menu-button{min-height:44px;width:44px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--border)}.menu-button[aria-expanded=true]{background:var(--accent)}.menu-panel{position:absolute;top:calc(100% - .25rem);right:0;z-index:150;min-width:260px;max-width:100%;display:flex;flex-direction:column;gap:.15rem;padding:.4rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px #00000080;max-height:calc(100vh - 7.5rem);max-height:calc(100dvh - 7.5rem);overflow-y:auto;overscroll-behavior:contain}.menu-panel[hidden]{display:none}.menu-item{min-height:52px;padding:0 1rem;text-align:left;font-size:1.05rem;font-weight:500;background:transparent}.menu-item:hover,.menu-item:focus-visible{background:var(--border);outline:none}.menu-separator{height:1px;margin:.25rem .5rem;background:var(--border)}button.home{min-height:44px;width:44px;padding:0;display:flex;align-items:center;justify-content:center}.badge{flex-shrink:0;white-space:nowrap;background:var(--accent);border-radius:999px;padding:.25rem .75rem;font-size:.85rem}.badge-short,.badge[hidden]{display:none}button.badge{min-height:unset;font-size:.85rem;font-weight:600;cursor:pointer}button.badge.failed{background:var(--danger);color:var(--bg)}.link{background:none;border:none;color:var(--muted);font-size:1rem;text-decoration:underline;padding:.5rem}.card{display:flex;flex-direction:column;gap:.75rem;background:var(--surface);border-radius:12px;padding:1.25rem}h1{margin:0 0 .5rem;font-size:1.5rem}label{font-size:.95rem;color:var(--muted)}input{width:100%;min-height:56px;padding:.75rem;font-size:1.25rem;background:var(--bg);color:var(--text);border:2px solid var(--border);border-radius:8px}input:focus{outline:none;border-color:var(--accent)}button{min-height:64px;border:none;border-radius:8px;font-size:1.15rem;font-weight:600;color:var(--text);background:var(--border)}button.primary{background:var(--accent)}button.secondary{background:var(--border)}button:disabled{opacity:.45}.choices{display:flex;flex-direction:column;gap:.75rem}.choice{min-height:80px;font-size:1.35rem}.preview{width:100%;max-height:60vh;aspect-ratio:4 / 3;object-fit:cover;background:#000;border-radius:8px}.preview[hidden]{display:none}.error{margin:0;color:var(--danger)}.error[hidden]{display:none}.failed-entry{display:flex;gap:.75rem;padding:.75rem 0;border-top:1px solid var(--border)}.failed-entry:first-of-type{border-top:none}.thumb{width:96px;height:96px;object-fit:cover;border-radius:8px;background:#000;flex-shrink:0}.failed-details{display:flex;flex-direction:column;gap:.25rem;min-width:0}.failed-barcode{margin:0;font-weight:600;overflow-wrap:anywhere}.failed-meta{margin:0;font-size:.85rem;color:var(--muted)}.failed-details .error{font-size:.9rem}.failed-details button{align-self:flex-start;min-height:44px;padding:0 1rem}.location-entry{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:.6rem 0;border-top:1px solid var(--border)}.location-entry:first-of-type{border-top:none}.location-details{display:flex;flex-direction:column;gap:.15rem;min-width:0}.location-code{margin:0;font-weight:600;overflow-wrap:anywhere}.location-entry button{min-height:44px;padding:0 1rem;flex-shrink:0}.location-actions{display:flex;gap:.5rem;flex-shrink:0}.thumb-clickable{cursor:zoom-in}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:200}.modal[hidden]{display:none}.modal-box{width:100%;max-width:420px;max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);overflow-y:auto;display:flex;flex-direction:column;gap:1rem;background:var(--surface);border:2px solid var(--danger);border-radius:12px;padding:1.5rem}.modal-box h2{margin:0;font-size:1.4rem;color:var(--danger)}.modal-message{margin:0;font-size:1.25rem;white-space:pre-line;overflow-wrap:anywhere}.hint{margin:0;font-size:.9rem;color:var(--muted)}.hint[hidden]{display:none}.choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem}.choice-hint{font-size:.8rem;font-weight:400;color:var(--muted)}.choice.primary .choice-hint{color:var(--text)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.lightbox[hidden]{display:none}.lightbox img{max-width:100%;max-height:100%;border-radius:8px}@media(max-width:380px){body{font-size:16px}#app{padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right))}.card{padding:1rem}h1{font-size:1.3rem}button{min-height:56px}.choice{min-height:68px;font-size:1.2rem}.thumb{width:72px;height:72px}.who-label{display:none}}@media(max-width:480px){.menu-panel{left:0}.who-label,.badge-long{display:none}.badge-short{display:inline}}@media(min-width:768px){#app{max-width:860px;padding-top:max(1.5rem,env(safe-area-inset-top))}.card{padding:1.75rem}h1{font-size:1.75rem}.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.thumb{width:120px;height:120px}}@media(orientation:landscape)and (max-height:500px){button{min-height:52px}.choice{min-height:60px}input{min-height:48px}.preview{max-height:45vh}.topbar{padding-bottom:.5rem}.menu-item{min-height:44px}}.check-row{display:flex;align-items:center;gap:.9rem;min-height:64px;padding:0 .9rem;font-size:1.15rem;color:var(--text);background:var(--bg);border:2px solid var(--border);border-radius:8px}.check-row input[type=checkbox]{width:32px;min-height:32px;height:32px;flex-shrink:0;accent-color:var(--accent)}.card>.hint{margin:-.5rem 0 0}.choice.archived{opacity:.55}button.danger{background:#991b1b}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.5rem}.photo-grid:empty{display:none}.photo-tile{position:relative;aspect-ratio:1}.photo-tile img{width:100%;height:100%;object-fit:cover;border-radius:8px;background:#000}.photo-remove{position:absolute;top:4px;right:4px;min-height:0;width:36px;height:36px;padding:0;border-radius:50%;font-size:1.4rem;line-height:1;background:#000000b3}.location-name{margin:-.5rem 0 0;font-size:1.15rem;font-weight:600}.location-info{display:flex;flex-direction:column;gap:.75rem;padding:.9rem;background:var(--bg);border:1px solid var(--border);border-radius:8px}.location-info:empty{display:none}.location-info address{font-style:normal;color:var(--muted);line-height:1.5}.photo-thumb{min-height:0;padding:0;aspect-ratio:1;overflow:hidden;cursor:zoom-in;background:#000}.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.machine-row{display:flex;flex-direction:column;gap:.6rem;padding:.9rem;background:var(--bg);border:1px solid var(--border);border-radius:8px}.machine-row.archived{opacity:.6}.machine-head{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .75rem;font-size:1.25rem}.machine-actions{display:flex;flex-wrap:wrap;gap:.5rem}.machine-actions button{flex:1 1 auto;min-height:48px;font-size:1rem}.machine-row{transition:transform .15s ease}.machine-row.dragging{position:relative;z-index:10;transition:none;border-color:var(--accent);box-shadow:0 10px 28px #0000008c}.drag-handle{min-height:48px;width:48px;padding:0;font-size:1.6rem;line-height:1;color:var(--muted);background:var(--border);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.machine-row.dragging .drag-handle{cursor:grabbing;background:var(--accent);color:var(--text)}