:root{--green:#2f6f4f;--green-dark:#24573e;--cream:#f4f1ea;--card:#fff;--text:#1f2a24;--muted:#66736b;--border:#dcd6c8;--soon:#fff1d6;--soon-border:#e8a33d;--expired:#fde2de;--expired-border:#c9483a;--radius:12px;color:var(--text);background:var(--cream);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.4}*{box-sizing:border-box}body{min-height:100dvh;margin:0}.screen{max-width:560px;padding:calc(env(safe-area-inset-top) + 16px) 16px calc(env(safe-area-inset-bottom) + 96px);margin:0 auto}h1{margin:0 0 16px;font-size:1.6rem}h2{margin:24px 0 8px;font-size:1.15rem}p{margin:0 0 12px}.muted{color:var(--muted)}.error{color:var(--expired-border)}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:8px;display:flex}.topbar{justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.topbar h1{margin:0}input,button{font:inherit;font-size:16px}input{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);width:100%;color:var(--text);padding:12px}input:focus{outline:2px solid var(--green);outline-offset:1px}label{flex-direction:column;gap:6px;font-weight:600;display:flex}button{border-radius:var(--radius);border:1px solid var(--green);background:var(--green);color:#fff;cursor:pointer;min-height:44px;padding:10px 16px;font-weight:600}button:active{background:var(--green-dark)}button:disabled{opacity:.5}button.secondary{color:var(--green);background:0 0}button.link{color:var(--green);background:0 0;border:none;min-height:auto;padding:0;text-decoration:underline}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips button{background:var(--card);color:var(--green);flex:1}.chips button.selected{background:var(--green);color:#fff}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.code{letter-spacing:.15em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.8rem;font-weight:700}.fab{right:16px;bottom:calc(env(safe-area-inset-bottom) + 16px);border-radius:28px;min-height:56px;padding:0 24px;font-size:1.05rem;position:fixed;box-shadow:0 4px 12px #0003}.items{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);border-left-width:6px;align-items:center;gap:12px;padding:10px 12px;display:flex}.item.soon{background:var(--soon);border-color:var(--soon-border)}.item.expired{background:var(--expired);border-color:var(--expired-border)}.item img,.item .thumb{object-fit:cover;background:var(--cream);border-radius:8px;flex-shrink:0;width:44px;height:44px}.item .body{flex:1;min-width:0}.item .name{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.item .when{color:var(--muted);white-space:nowrap;font-size:.9rem}.item.soon .when,.item.expired .when{color:var(--text);font-weight:600}.scanner{aspect-ratio:4/3;border-radius:var(--radius);background:#000;width:100%;position:relative;overflow:hidden}.scanner video{object-fit:cover;width:100%;height:100%}.scanner .guide{pointer-events:none;border:3px solid #ffffffd9;border-radius:8px;position:absolute;inset:30% 12%}