:root{color-scheme:light dark;--bg:var(--tg-theme-bg-color,#fff);--fg:var(--tg-theme-text-color,#182325);--muted:var(--tg-theme-hint-color,#526568);--panel:var(--tg-theme-secondary-bg-color,#eef4f3);--accent:var(--tg-theme-button-color,#126757);--on-accent:var(--tg-theme-button-text-color,#fff)}
@media(prefers-color-scheme:dark){:root{--bg:var(--tg-theme-bg-color,#151c1e);--fg:var(--tg-theme-text-color,#eef5f5);--muted:var(--tg-theme-hint-color,#b4c4c4);--panel:var(--tg-theme-secondary-bg-color,#253134)}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.4 system-ui,sans-serif}.shell{max-width:660px;margin:auto;padding:16px 14px 0}header span{font-size:.72rem;letter-spacing:.13em;font-weight:700;color:var(--muted)}h1{font-size:1.75rem;margin:.2em 0}.item{display:grid;grid-template-columns:clamp(56px,16vw,76px) minmax(0,1fr) auto;gap:10px;padding:12px 0;border-bottom:1px solid var(--panel);align-items:start}.photo{width:100%;aspect-ratio:1;object-fit:contain;border-radius:10px;background:var(--panel);display:grid;place-items:center;color:var(--muted)}h2{font-size:.96rem;margin:0;overflow-wrap:anywhere}.sku,.unit{font-size:.8rem;color:var(--muted);margin:2px 0}.controls{display:flex;gap:4px;align-items:center;flex-wrap:wrap;margin-top:8px}.line-total{font-weight:650;font-size:.9rem;margin-top:4px}button,input{font:inherit;color:inherit}button{background:var(--panel);border:0;border-radius:8px;min-height:36px;padding:4px 9px;cursor:pointer}button:disabled{opacity:.52;cursor:default}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.primary{background:var(--accent);color:var(--on-accent);font-weight:700;width:100%;min-height:44px}.quantity{min-width:46px}input{width:73px;border:1px solid var(--muted);border-radius:6px;background:var(--bg);padding:5px}footer{position:sticky;bottom:0;background:var(--bg);padding:8px 0 max(12px,env(safe-area-inset-bottom));box-shadow:0 -1px var(--panel)}footer p{margin:0 0 7px;white-space:pre-line;font-size:.9rem}.links{display:flex;justify-content:space-between;gap:5px;margin-top:6px}.links button{font-size:.82rem}#status:empty{display:none}#status{font-size:.9rem;color:var(--muted)}