:root{--bg: #F7F6F2;--surface: #F9F8F5;--border: #D4D1CA;--text: #28251D;--text-muted: #7A7974;--primary: #01696F;--primary-hover: #0C4E54;--danger: #A12C7B;--success: #437A22;--radius: 10px;--gap: 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--text)}body{font-size:16px;line-height:1.5}header.app{position:sticky;top:0;z-index:10;background:var(--surface);border-bottom:1px solid var(--border);padding:env(safe-area-inset-top) 16px 12px;padding-top:max(env(safe-area-inset-top),12px);display:flex;justify-content:space-between;align-items:center}header.app h1{font-size:18px;margin:0}header.app .who{color:var(--text-muted);font-size:13px}main{padding:16px;padding-bottom:calc(env(safe-area-inset-bottom) + 24px);max-width:720px;margin:0 auto}button,.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius);padding:12px 16px;font-size:16px;cursor:pointer;min-height:44px}button.primary,.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}button.primary:active{background:var(--primary-hover)}button.danger{border-color:var(--danger);color:var(--danger)}input,select,textarea{width:100%;padding:12px;font-size:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);min-height:44px}label{display:block;margin:12px 0 4px;font-size:13px;color:var(--text-muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:var(--gap)}.row{display:flex;gap:8px;align-items:center}.stack{display:flex;flex-direction:column;gap:var(--gap)}.muted{color:var(--text-muted);font-size:13px}.pill{display:inline-block;padding:2px 8px;border-radius:999px;background:#01696f1a;color:var(--primary);font-size:12px;font-weight:600}.pill.offline{background:#9642191a;color:#964219}.pill.error{background:#a12c7b1a;color:var(--danger)}nav.tabs{display:flex;gap:0;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:61px;z-index:9}nav.tabs a{flex:1;text-align:center;padding:12px 8px;color:var(--text-muted);text-decoration:none;font-size:14px;border-bottom:2px solid transparent}nav.tabs a.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.shots{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.shot{position:relative;width:88px;height:88px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.shot.error{border-color:var(--danger)}.shot img{width:100%;height:100%;object-fit:cover;display:block}.shot-badge{position:absolute;bottom:0;left:0;right:0;background:#28251db8;color:#fff;font-size:10px;text-align:center;padding:2px 0}.shot-badge.err{background:#a12c7bd9}.flag{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;background:#9642191f;color:#964219;font-size:11px;font-weight:600;text-transform:none}.thumb{width:64px;height:64px;flex:0 0 64px;object-fit:cover;border-radius:8px;border:1px solid var(--border);background:var(--bg)}.thumb.empty{display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--text-muted);text-align:center}.qty{display:flex;gap:10px;align-items:stretch;margin-top:10px}.qty button{flex:0 0 64px;min-height:56px;font-size:26px;line-height:1;font-weight:600;padding:0}.qty input{flex:1 1 auto;min-height:56px;text-align:center;font-size:24px;font-weight:600}